ArcadeAI
diff --git a/‎.github/scripts/update-example-dates.js‎
Lines changed: 6 additions & 3 deletions b/‎.github/scripts/update-example-dates.js‎
Lines changed: 6 additions & 3 deletions
diff --git a/‎.github/workflows/translate-docs.yml‎
Lines changed: 10 additions & 10 deletions b/‎.github/workflows/translate-docs.yml‎
Lines changed: 10 additions & 10 deletions
diff --git a/‎.gitignore‎
Lines changed: 1 addition & 0 deletions b/‎.gitignore‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎_dictionaries/en.ts‎
Lines changed: 1 addition & 1 deletion b/‎_dictionaries/en.ts‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎app/_components/cheat-sheet.tsx‎
Lines changed: 2 additions & 2 deletions b/‎app/_components/cheat-sheet.tsx‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎app/_components/logo.tsx‎
Lines changed: 3 additions & 3 deletions b/‎app/_components/logo.tsx‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎app/_components/scope-picker.tsx‎
Lines changed: 4 additions & 4 deletions b/‎app/_components/scope-picker.tsx‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎app/_components/starter-tool-info.tsx‎
Lines changed: 5 additions & 4 deletions b/‎app/_components/starter-tool-info.tsx‎
Lines changed: 5 additions & 4 deletions
diff --git a/‎app/_components/tool-info.tsx‎
Lines changed: 3 additions & 3 deletions b/‎app/_components/tool-info.tsx‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎app/en/_meta.tsx‎
Lines changed: 44 additions & 12 deletions b/‎app/en/_meta.tsx‎
Lines changed: 44 additions & 12 deletions
@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
-const fs = require("fs");
-const path = require("path");
+const fs = require("node:fs");
+const path = require("node:path");
 
 function parseRepositoriesFromMDX(content) {
   const repositories = [];
@@ -90,7 +90,10 @@ async function updateExampleDates() {
   console.log("Parsing repositories from MDX file...");
 
   // Read the current MDX file
-  const mdxPath = path.join(__dirname, "../../app/en/home/examples/page.mdx");
+  const mdxPath = path.join(
+    __dirname,
+    "../../app/en/resources/examples/page.mdx"
+  );
   let content = fs.readFileSync(mdxPath, "utf8");
 
   // Parse repositories from the MDX file
 
@@ -32,7 +32,7 @@ on:
         type: boolean
 
       single_file:
-        description: "Single file to translate (relative to app/en, e.g. 'home/page.mdx')"
+        description: "Single file to translate (relative to app/en, e.g. 'resources/examples/page.mdx')"
         required: false
         default: ""
         type: string
@@ -121,14 +121,14 @@ jobs:
           else
             echo "Changes detected"
             echo "has_changes=true" >> $GITHUB_OUTPUT
-            
+
             # Count changed files
             CHANGED_FILES=$(git diff --name-only | wc -l)
             STAGED_FILES=$(git diff --cached --name-only | wc -l)
             TOTAL_CHANGES=$((CHANGED_FILES + STAGED_FILES))
-            
+
             echo "changed_files=$TOTAL_CHANGES" >> $GITHUB_OUTPUT
-            
+
             # Get list of changed locales
             CHANGED_LOCALES=$(git diff --name-only | grep -E '^app/(es|pt-BR)/' | cut -d'/' -f2 | sort -u | tr '\n' ',' | sed 's/,$//')
             if [ -z "$CHANGED_LOCALES" ]; then
@@ -213,22 +213,22 @@ jobs:
               head: '${{ steps.branch_name.outputs.branch_name }}',
               base: 'main',
               body: `## 📖 Automated Translation Update
-              
+
               This PR contains automated translations generated by the GitHub Actions workflow.
-              
+
               ### 📊 Translation Summary
               - **Target Locale**: ${{ inputs.target_locale }}
               - **Files Changed**: ${{ steps.check_changes.outputs.changed_files }}
               - **Locales Updated**: ${{ steps.check_changes.outputs.changed_locales }}
-              
+
               ### ⚙️ Configuration Used
               - **Force Translate**: ${{ inputs.force_translate }}
               - **Cleanup Deleted Files**: ${{ inputs.cleanup_deleted }}
               - **Dry Run**: ${{ inputs.dry_run }}
               - **Single File**: ${{ inputs.single_file || 'None (all files)' }}
               - **Concurrency**: ${{ inputs.concurrency }}
               - **Model**: gpt-4o-mini
-              
+
               ### 🔍 Review Guidelines
               Please review the translations for:
               - [ ] Accuracy and context preservation
@@ -237,10 +237,10 @@ jobs:
               - [ ] Code blocks and inline code unchanged
               - [ ] Markdown formatting preserved
               - [ ] Brand names (Arcade, Arcade Engine, Control Plane) kept in English
-              
+
               ### 🚀 Auto-generated
               This PR was automatically created by the \`translate-docs.yml\` GitHub Action.
-              
+
               **Triggered by**: @${{ github.actor }}
               **Workflow Run**: [${{ github.run_id }}](${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }})`,
               draft: false
 
@@ -15,3 +15,4 @@ make_toolkit_docs/.venv/
 make_toolkit_docs/.env
 make_toolkit_docs/__pycache__/
 make_toolkit_docs/uv.lock
+*.bak
@@ -9,7 +9,7 @@ export default {
   lastUpdated: "Last updated on",
   notFound: "This page could not be found",
   poweredBy: "Powered by",
-  editPage: "Edit this page on GitHub →",
+  editPage: "Edit this page on GitHub",
   by: "by",
   banner: {
     aiTranslation:
 
@@ -3,7 +3,7 @@
 import { AlertTriangle, Info, Lightbulb } from "lucide-react";
 import type React from "react";
 
-interface CheatSheetSectionProps {
+type CheatSheetSectionProps = {
   title: string;
   icon: string;
   color:
@@ -16,7 +16,7 @@ interface CheatSheetSectionProps {
     | "pink"
     | "yellow";
   children: React.ReactNode;
-}
+};
 
 const colorClasses = {
   red: "bg-red-500/10 border-red-500/20 dark:bg-red-500/10 dark:border-red-400/30",
 
@@ -1,17 +1,17 @@
-import { Arcade, Badge } from "@arcadeai/design-system";
+import { Arcade } from "@arcadeai/design-system";
 import ArcadeLogo from "@arcadeai/design-system/assets/images/arcade-logo";
 
 export function Logo() {
   return (
     <>
       <div className="mr-2 hidden w-40 flex-row lg:flex lg:items-end lg:gap-2.5">
         <ArcadeLogo className="h-7 w-auto invert dark:invert-0" />
-        <Badge
+        {/* <Badge
           className="relative top-0.5 font-medium font-mono text-xs"
           variant="outline"
         >
           Docs
-        </Badge>
+        </Badge> */}
       </div>
 
       <div className="mr-16 block w-6 lg:hidden">
 
@@ -2,14 +2,14 @@
 
 import { useState } from "react";
 
-interface Tool {
+type Tool = {
   name: string;
   scopes: string[];
-}
+};
 
-interface ScopePickerProps {
+type ScopePickerProps = {
   tools: Tool[];
-}
+};
 
 export default function ScopePicker({ tools }: ScopePickerProps) {
   const [selectedTools, setSelectedTools] = useState<Set<string>>(new Set());
 
@@ -10,7 +10,7 @@ const StarterToolInfo: React.FC<StarterToolInfoProps> = ({ toolkitName }) => (
     <p>
       {toolkitName} is a{" "}
       <u>
-        <a href="/home/use-tools/types-of-tools#starter-tools">
+        <a href="/guides/create-tools/improve/types-of-tools#starter-tools">
           Starter MCP Server
         </a>
       </u>
@@ -21,15 +21,16 @@ const StarterToolInfo: React.FC<StarterToolInfoProps> = ({ toolkitName }) => (
     <p>
       Differently from{" "}
       <u>
-        <a href="/home/use-tools/types-of-tools#optimized-tools">
+        <a href="/guides/create-tools/improve/types-of-tools#optimized-tools">
           Optimized MCP Servers
         </a>
       </u>
       , Starter tools are heavily influenced by the original API design, which
       is not usually optimized for LLM usage. For this reason, we recommend
       thoroughly evaluating the tools with your Agents or chatbots before using
-      it in production. <a href="/home/use-tools/types-of-tools">Read more</a>{" "}
-      about Optimized vs Starter tools.
+      it in production.{" "}
+      <a href="/guides/create-tools/improve/types-of-tools">Read more</a> about
+      Optimized vs Starter tools.
     </p>
   </Callout>
 );
 
@@ -7,8 +7,8 @@ import {
 } from "@arcadeai/design-system";
 import { usePathname } from "next/navigation";
 import type React from "react";
-import { findToolkitFromPath } from "../en/mcp-servers/components/toolkit-utils";
-import { TYPE_CONFIG } from "../en/mcp-servers/components/type-config";
+import { findToolkitFromPath } from "../en/resources/integrations/components/toolkit-utils";
+import { TYPE_CONFIG } from "../en/resources/integrations/components/type-config";
 
 type ToolInfoProps = {
   description: string;
@@ -59,7 +59,7 @@ const ToolInfo: React.FC<ToolInfoProps> = ({
 
   const resolvedAuthDocsUrl =
     authProviderName && !authProviderDocsUrl
-      ? `/home/auth-providers/${authProviderName.toLowerCase()}`
+      ? `/references/auth-providers/${authProviderName.toLowerCase()}`
       : authProviderDocsUrl;
 
   const toolkit = findToolkitFromPath(pathname);
 
@@ -1,25 +1,57 @@
+import {
+  Book,
+  BookOpen,
+  GraduationCap,
+  Home,
+  Pencil,
+  Ruler,
+} from "lucide-react";
 import type { MetaRecord } from "nextra";
 
-const meta: MetaRecord = {
+function TitleWithIcon({
+  icon: Icon,
+  children,
+}: {
+  icon: React.ComponentType<{ className?: string }>;
+  children: React.ReactNode;
+}) {
+  return (
+    <span className="flex items-center gap-2 font-medium text-gray-950 dark:text-white">
+      <Icon className="size-4" />
+      {children}
+    </span>
+  );
+}
+
+export const meta: MetaRecord = {
   "*": {
     theme: {
-      copyPage: false,
+      copyPage: true,
     },
   },
   home: {
-    type: "page",
-    title: "Home",
-    href: "/get-started",
+    title: <TitleWithIcon icon={Home}>Docs Home</TitleWithIcon>,
+    theme: {
+      breadcrumb: false,
+      layout: "full",
+      toc: false,
+      copyPage: false,
+    },
+  },
+  "get-started": {
+    title: <TitleWithIcon icon={BookOpen}>Get Started</TitleWithIcon>,
+  },
+  resources: {
+    title: <TitleWithIcon icon={Pencil}>Resources</TitleWithIcon>,
+  },
+  guides: {
+    title: <TitleWithIcon icon={Ruler}>Guides</TitleWithIcon>,
   },
-  "mcp-servers": {
-    type: "page",
-    title: "MCP Servers",
-    href: "/mcp-servers",
+  learn: {
+    title: <TitleWithIcon icon={Book}>Learn</TitleWithIcon>,
   },
   references: {
-    type: "page",
-    title: "API & SDKs",
-    href: "/references",
+    title: <TitleWithIcon icon={GraduationCap}>References</TitleWithIcon>,
   },
 };