Sync docs with @vercel/geistdocs 1.2.0–1.2.3 (#399)

* docs: sync geistdocs template 1.2.0–1.2.3 + polish

- Ran @vercel/geistdocs@1.2.2 update --sync against origin/main
  (already contains merged 1.2.3) for:
  - components/geistdocs/*
  - components/geistcn-fallbacks/**/*  (new)
  - components/ui/command-prompt.tsx, navigation-menu.tsx
  - app/styles/geistdocs.css
- Manual overlays (paths skipped by sync due to chat customizations):
  - app/[lang]/layout.tsx: drop scroll-smooth (1.2.2)
  - app/[lang]/docs/[[...slug]]/page.tsx: MobileDocsBar + disable
    default TOC popover (1.2.0)
  - app/[lang]/docs/layout.tsx: wrap in bg-background-200 (1.2.3)
  - components/ui/badge.tsx: secondary variant → bg-gray-300/text-gray-1000 (1.2.3)
- Home hero: replace Get Started + Installer with CommandPrompt
  humans/agents switcher ("npm install chat" / "npx skills add vercel/chat")
- (home) layout: swap bg-sidebar dark:bg-background for bg-background-200
  so /, /adapters, /resources share the navbar surface
- DesktopMenu: active-state detection with longest-prefix match
  (so /docs/api highlights "API", not also "Docs")
- navbar-logo dropdown: drop Chat SDK self-entry
- New geist-fill icons (check-circle-fill, cross-circle-fill,
  warning-fill) ported from @vercel/geistcn-assets; new
  components/custom/status-icons.tsx registers Check/Cross/Warn MDX
  components
- content/docs/adapters.mdx: replace ✅/❌/⚠️ emojis with the new
  icons (emoji.mdx intentionally left alone)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* docs: use LogoChatSdk from geistcn-fallbacks as the app Logo

Replace the inline Chat SDK wordmark SVG in geistdocs.tsx with
<LogoChatSdk /> so the navbar and other Logo consumers share the
same source of truth.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* docs: default hero CommandPrompt to humans tab

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: christopherkindl

apps/docs/app/[lang]/(home)/layout.tsx

@@ -6,7 +6,7 @@ const Layout = async ({ children, params }: LayoutProps<"/[lang]">) => {
 
   return (
     <HomeLayout tree={source.pageTree[lang]}>
-      <div className="min-h-screen bg-sidebar pt-0 pb-32 dark:bg-background">
+      <div className="min-h-screen bg-background-200 pt-0 pb-32">
         {children}
       </div>
     </HomeLayout>

apps/docs/app/[lang]/(home)/page.tsx

@@ -1,8 +1,16 @@
-import DynamicLink from "fumadocs-core/dynamic-link";
 import type { Metadata } from "next";
 import type { ComponentProps } from "react";
-import { Installer } from "@/components/geistdocs/installer";
-import { Button } from "@/components/ui/button";
+import {
+  CommandPromptContent,
+  CommandPromptCopy,
+  CommandPromptList,
+  CommandPromptPrefix,
+  CommandPromptRoot,
+  CommandPromptSurface,
+  CommandPromptTrigger,
+  CommandPromptTriggerDivider,
+  CommandPromptViewport,
+} from "@/components/ui/command-prompt";
 import { discord, gchat, slack, teams } from "@/lib/logos";
 import { AdaptersSection } from "./components/adapters-section";
 import { CenteredSection } from "./components/centered-section";
@@ -32,6 +40,9 @@ const LogoChip = ({
   </span>
 );
 
+const COMMAND_FOR_HUMANS = "npm install chat";
+const COMMAND_FOR_AGENTS = "npx skills add vercel/chat";
+
 const title = "Chat SDK";
 const textDescription =
   "A unified TypeScript SDK for building chat bots across Slack, Microsoft Teams, Google Chat, Discord, and more. Write your bot logic once, deploy everywhere.";
@@ -161,14 +172,29 @@ const HomePage = () => (
       description={heroDescription}
       title={title}
     >
-      <div className="mx-auto inline-flex w-fit items-center gap-3">
-        <Button asChild className="px-4" size="lg">
-          <DynamicLink href="/[lang]/docs/getting-started">
-            Get Started
-          </DynamicLink>
-        </Button>
-        <Installer className="w-28" command="npm i chat" />
-      </div>
+      <CommandPromptRoot className="mt-6" defaultValue="humans">
+        <CommandPromptList>
+          <CommandPromptTrigger className="min-w-[90px]" value="humans">
+            For humans
+          </CommandPromptTrigger>
+          <CommandPromptTriggerDivider />
+          <CommandPromptTrigger className="min-w-[84px]" value="agents">
+            For agents
+          </CommandPromptTrigger>
+        </CommandPromptList>
+        <CommandPromptSurface>
+          <CommandPromptPrefix>$</CommandPromptPrefix>
+          <CommandPromptViewport>
+            <CommandPromptContent copyValue={COMMAND_FOR_HUMANS} value="humans">
+              {COMMAND_FOR_HUMANS}
+            </CommandPromptContent>
+            <CommandPromptContent copyValue={COMMAND_FOR_AGENTS} value="agents">
+              {COMMAND_FOR_AGENTS}
+            </CommandPromptContent>
+          </CommandPromptViewport>
+          <CommandPromptCopy />
+        </CommandPromptSurface>
+      </CommandPromptRoot>
     </Hero>
     <div className="grid divide-y border-y sm:border-x">
       <CenteredSection

apps/docs/app/[lang]/docs/[[...slug]]/page.tsx

@@ -12,6 +12,7 @@ import {
 import { EditSource } from "@/components/geistdocs/edit-source";
 import { Feedback } from "@/components/geistdocs/feedback";
 import { getMDXComponents } from "@/components/geistdocs/mdx-components";
+import { MobileDocsBar } from "@/components/geistdocs/mobile-docs-bar";
 import { OpenInChat } from "@/components/geistdocs/open-in-chat";
 import { ScrollTop } from "@/components/geistdocs/scroll-top";
 import { Separator } from "@/components/ui/separator";
@@ -45,8 +46,10 @@ const Page = async ({ params }: PageProps<"/[lang]/docs/[[...slug]]">) => {
           </div>
         ),
       }}
+      tableOfContentPopover={{ enabled: false }}
       toc={page.data.toc}
     >
+      <MobileDocsBar toc={page.data.toc} />
       <DocsTitle>{page.data.title}</DocsTitle>
       <DocsDescription>{page.data.description}</DocsDescription>
       <DocsBody>

apps/docs/app/[lang]/docs/layout.tsx

@@ -4,7 +4,11 @@ import { source } from "@/lib/geistdocs/source";
 const Layout = async ({ children, params }: LayoutProps<"/[lang]/docs">) => {
   const { lang } = await params;
 
-  return <DocsLayout tree={source.pageTree[lang]}>{children}</DocsLayout>;
+  return (
+    <div className="bg-background-200">
+      <DocsLayout tree={source.pageTree[lang]}>{children}</DocsLayout>
+    </div>
+  );
 };
 
 export default Layout;

apps/docs/app/[lang]/layout.tsx

@@ -11,7 +11,7 @@ const Layout = async ({ children, params }: LayoutProps<"/[lang]">) => {
 
   return (
     <html
-      className={cn(sans.variable, mono.variable, "scroll-smooth antialiased")}
+      className={cn(sans.variable, mono.variable, "antialiased")}
       lang={lang}
       suppressHydrationWarning
     >