Docs/add broken links check (CopilotKit#3122)

Author: johnprg

docs/components/layout/integrations-sidebar.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useMemo } from 'react';
+import { useState, useMemo, useEffect } from 'react';
 import { DocsLayoutProps } from 'fumadocs-ui/layouts/docs';
 import Separator from '../ui/sidebar/separator';
 import Page from '../ui/sidebar/page';
@@ -98,6 +98,14 @@ const IntegrationsSidebar = ({ pageTree }: { pageTree: DocsLayoutProps['tree'] }
     return integrationFolder?.children ?? [];
   }, [selectedIntegration, pageTree.children]);
 
+  // Dispatch pageTree update for OpenedFoldersProvider
+  useEffect(() => {
+    if (integrationPages.length > 0) {
+      const event = new CustomEvent('pageTreeUpdate', { detail: integrationPages });
+      window.dispatchEvent(event);
+    }
+  }, [integrationPages]);
+
   return (
     <OpenedFoldersProvider>
       <aside

docs/components/layout/sidebar.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { useState } from "react"
+import { useState, useEffect } from "react"
 import { DocsLayoutProps } from "fumadocs-ui/layouts/docs"
 import Separator from "../ui/sidebar/separator"
 import Page from "../ui/sidebar/page"
@@ -36,6 +36,14 @@ const Sidebar = ({ pageTree, showIntegrationSelector = true }: { pageTree: DocsL
   const pages = pageTree.children
   const [selectedIntegration, setSelectedIntegration] = useState<Integration | null>(null)
 
+  // Dispatch pageTree update for OpenedFoldersProvider
+  useEffect(() => {
+    if (pages.length > 0) {
+      const event = new CustomEvent('pageTreeUpdate', { detail: pages });
+      window.dispatchEvent(event);
+    }
+  }, [pages]);
+
   return (
     <OpenedFoldersProvider>
       <aside

docs/content/docs/(root)/custom-look-and-feel/built-in-ui-components.mdx

@@ -2,7 +2,6 @@
   "title": "Custom Look and Feel",
   "icon": "lucide/LayoutDashboard",
   "pages": [
-    "built-in-ui-components",
     "customize-built-in-ui-components",
     "bring-your-own-components",
     "headless-ui",

docs/content/docs/(root)/custom-look-and-feel/index.mdx

@@ -258,7 +258,7 @@ npx copilotkit@latest init
       </div>
     </a>
     <a
-      href="/custom-look-and-feel"
+      href="/direct-to-llm/guides/custom-look-and-feel"
       className="border border-border rounded-lg p-6 hover:border-primary transition-colors no-underline group"
     >
       <div className="flex items-center gap-2 mb-2">

docs/content/docs/(root)/custom-look-and-feel/meta.json

@@ -123,7 +123,7 @@ Now that you have your basic agent setup, explore these advanced features:
   <Card
     title="Add some generative UI"
     description="Render declarative UI components with A2UI."
-    href="/a2a/generative-ui"
+    href="/a2a/generative-ui/declarative-a2ui"
     icon={<PaintbrushIcon />}
   />
 </Cards>

docs/content/docs/(root)/index.mdx

@@ -66,7 +66,7 @@ Want to get started? You have some options!
     <Card
         title="Build your first CoAgent"
         description="Follow a step-by-step tutorial to build a travel app supercharged with CoAgents."
-        href="/ag2/quickstart/ag2"
+        href="/ag2/quickstart"
         icon={<RocketIcon />}
     />
     <Card