Doc changes (#477)

* Arcade Docs Navigation Bar Edits

* Use exact versions

* Remove the logic for the button at the top of the sidebar

* Update pnpm-lock.yaml

Author: sdserranog

app/en/_meta.tsx

@@ -26,11 +26,6 @@ const meta: MetaRecord = {
     title: "API Reference",
     href: "https://reference.arcade.dev/",
   },
-  status: {
-    type: "page",
-    title: "Status",
-    href: "https://status.arcade.dev/",
-  },
 };
 
 export default meta;

app/en/home/_meta.tsx

@@ -1,40 +1,40 @@
-import { BadgeHelp, Home } from "lucide-react";
+import { BadgeHelp, Globe, HeartPulse, Home } from "lucide-react";
 import type { MetaRecord } from "nextra";
 
+function TitleWithIcon({
+  icon: Icon,
+  children,
+}: {
+  icon: React.ComponentType<{ className?: string }>;
+  children: React.ReactNode;
+}) {
+  return (
+    <span className="flex items-center gap-2 font-medium">
+      <Icon className="size-4" />
+      {children}
+    </span>
+  );
+}
+
 export const meta: MetaRecord = {
   "*": {
     theme: {
       copyPage: true,
     },
   },
   index: {
-    title: (
-      <span className="flex items-center gap-2 font-medium">
-        <Home className="size-4" />
-        Home
-      </span>
-    ),
+    title: <TitleWithIcon icon={Home}>Home</TitleWithIcon>,
     theme: {
       breadcrumb: false,
       layout: "full",
       toc: false,
       copyPage: false,
     },
   },
-  "contact-us": {
-    title: (
-      <span className="flex items-center gap-2 font-medium">
-        <BadgeHelp className="size-4" />
-        Contact us
-      </span>
-    ),
-    href: "/contact-us",
-    // theme: {
-    //   breadcrumb: false,
-    //   pagination: false,
-    // },
+  arcade: {
+    title: <TitleWithIcon icon={Globe}>Arcade.dev</TitleWithIcon>,
+    href: "https://arcade.dev",
   },
-
   "-- Getting Started": {
     type: "separator",
     title: "Using Arcade",
@@ -135,6 +135,18 @@ export const meta: MetaRecord = {
   "registry-early-access": {
     title: "Registry Early Access",
   },
+  "-- Resources": {
+    type: "separator",
+    title: "Resources",
+  },
+  "contact-us": {
+    title: <TitleWithIcon icon={BadgeHelp}>Contact us</TitleWithIcon>,
+    href: "/contact-us",
+  },
+  status: {
+    title: <TitleWithIcon icon={HeartPulse}>Status</TitleWithIcon>,
+    href: "https://status.arcade.dev/",
+  },
 };
 
 export default meta;

app/globals.css

@@ -60,3 +60,15 @@ code {
   text-wrap: pretty;
   white-space: pre-wrap;
 }
+
+/* Position search next to logo */
+nav > a[aria-label="Home page"] {
+  order: -2;
+  margin-inline-end: 0 !important;
+}
+
+nav > div:has(.nextra-search) {
+  order: -1;
+  margin-inline-start: 1rem;
+  margin-inline-end: auto;
+}

package.json

@@ -31,53 +31,53 @@
   },
   "homepage": "https://arcade.dev/",
   "dependencies": {
-    "@arcadeai/design-system": "^3.2.0",
-    "@next/third-parties": "^15.5.4",
-    "@ory/client": "^1.22.3",
-    "@theguild/remark-mermaid": "^0.3.0",
-    "@uidotdev/usehooks": "^2.4.1",
-    "lucide-react": "^0.544.0",
-    "mdast-util-to-string": "^4.0.0",
-    "motion": "^12.23.22",
-    "next": "^15.5.4",
-    "next-sitemap": "^4.2.3",
-    "nextra": "^4.6.0",
-    "nextra-theme-docs": "^4.6.0",
-    "posthog-js": "^1.269.1",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-hook-form": "7.63.0",
-    "react-syntax-highlighter": "^15.6.6",
-    "tailwindcss-animate": "^1.0.7",
-    "zustand": "^5.0.8",
-    "unist-util-visit": "^5.0.0",
-    "unist-util-visit-parents": "^6.0.1"
+    "@arcadeai/design-system": "3.2.0",
+    "@next/third-parties": "15.5.4",
+    "@ory/client": "1.22.4",
+    "@theguild/remark-mermaid": "0.3.0",
+    "@uidotdev/usehooks": "2.4.1",
+    "lucide-react": "0.545.0",
+    "mdast-util-to-string": "4.0.0",
+    "motion": "12.23.22",
+    "next": "15.5.4",
+    "next-sitemap": "4.2.3",
+    "nextra": "4.6.0",
+    "nextra-theme-docs": "4.6.0",
+    "posthog-js": "1.272.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-hook-form": "7.64.0",
+    "react-syntax-highlighter": "15.6.6",
+    "tailwindcss-animate": "1.0.7",
+    "unist-util-visit": "5.0.0",
+    "unist-util-visit-parents": "6.0.1",
+    "zustand": "5.0.8"
   },
   "devDependencies": {
     "@biomejs/biome": "2.2.5",
-    "@tailwindcss/postcss": "^4.1.14",
-    "@types/mdast": "^4.0.4",
-    "@types/mdx": "^2.0.13",
-    "@types/node": "24.6.2",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "@types/unist": "^3.0.3",
-    "commander": "^14.0.1",
-    "fast-glob": "^3.3.3",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.2.3",
-    "next-validate-link": "^1.6.3",
-    "openai": "^6.0.1",
-    "ora": "^9.0.0",
-    "pagefind": "^1.4.0",
-    "picocolors": "^1.1.1",
-    "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.14",
+    "@tailwindcss/postcss": "4.1.14",
+    "@types/mdast": "4.0.4",
+    "@types/mdx": "2.0.13",
+    "@types/node": "24.7.0",
+    "@types/react": "19.2.1",
+    "@types/react-dom": "19.2.0",
+    "@types/react-syntax-highlighter": "15.5.13",
+    "@types/unist": "3.0.3",
+    "commander": "14.0.1",
+    "fast-glob": "3.3.3",
+    "husky": "9.1.7",
+    "lint-staged": "16.2.3",
+    "next-validate-link": "1.6.3",
+    "openai": "6.2.0",
+    "ora": "9.0.0",
+    "pagefind": "1.4.0",
+    "picocolors": "1.1.1",
+    "postcss": "8.5.6",
+    "tailwindcss": "4.1.14",
     "typescript": "5.9.3",
-    "ultracite": "5.5.0",
-    "vitest": "^3.2.4",
-    "zod": "^4.1.11"
+    "ultracite": "5.5.1",
+    "vitest": "3.2.4",
+    "zod": "4.1.12"
   },
   "engines": {
     "node": "22.x",