Files
christopherkindl 955eb762b9 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>
2026-06-23 09:25:08 -07:00

23 lines
937 B
TypeScript

import { basePath, Logo, nav, suggestions } from "@/geistdocs";
import { Chat } from "./chat";
import { DesktopMenu } from "./desktop-menu";
import { MobileMenu } from "./mobile-menu";
import { NavbarLogo } from "./navbar-logo";
import { SearchButton } from "./search";
export const Navbar = () => (
<header className="sticky top-0 z-40 flex h-16 justify-center border-b bg-background-200">
<div className="mx-auto flex w-full max-w-[1448px] justify-between px-2">
<div className="flex select-none flex-row items-center">
<NavbarLogo className="ml-4" logo={<Logo />} variant="oss" />
<DesktopMenu className="hidden pl-6 lg:flex" items={nav} />
</div>
<div className="mr-4 flex flex-row items-center justify-end gap-2">
<SearchButton className="hidden lg:flex" />
<Chat basePath={basePath} suggestions={suggestions} />
<MobileMenu />
</div>
</div>
</header>
);