mirror of
https://github.com/vercel/chat.git
synced 2026-09-14 18:32:29 +08:00
christopherkindl
46fc5bbe9d
* 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>
49 lines
1.0 KiB
TypeScript
49 lines
1.0 KiB
TypeScript
import { DocsLayout as FumadocsDocsLayout } from "fumadocs-ui/layouts/docs";
|
|
import type { ComponentProps, CSSProperties, ReactNode } from "react";
|
|
import {
|
|
Folder,
|
|
Item,
|
|
Separator,
|
|
Sidebar,
|
|
} from "@/components/geistdocs/sidebar";
|
|
import { i18n } from "@/lib/geistdocs/i18n";
|
|
|
|
interface DocsLayoutProps {
|
|
children: ReactNode;
|
|
tree: ComponentProps<typeof FumadocsDocsLayout>["tree"];
|
|
}
|
|
|
|
export const DocsLayout = ({ tree, children }: DocsLayoutProps) => (
|
|
<FumadocsDocsLayout
|
|
containerProps={{
|
|
className: "bg-background-200 max-w-[1448px] mx-auto",
|
|
style: {
|
|
"--fd-docs-row-1": "4rem",
|
|
} as CSSProperties,
|
|
}}
|
|
i18n={i18n}
|
|
nav={{
|
|
enabled: false,
|
|
}}
|
|
searchToggle={{
|
|
enabled: false,
|
|
}}
|
|
sidebar={{
|
|
collapsible: false,
|
|
component: <Sidebar />,
|
|
components: {
|
|
Folder,
|
|
Item,
|
|
Separator,
|
|
},
|
|
}}
|
|
tabMode="auto"
|
|
themeSwitch={{
|
|
enabled: false,
|
|
}}
|
|
tree={tree}
|
|
>
|
|
{children}
|
|
</FumadocsDocsLayout>
|
|
);
|