import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; import { ThemeProvider } from "@/components/theme-provider"; import { MobileNavProvider } from "@/components/mobile-nav-context"; import { Header } from "@/components/header"; import { Sidebar } from "@/components/sidebar"; import { DocsChat } from "@/components/docs-chat"; import { cookies } from "next/headers"; const geist = Geist({ variable: "--font-geist", subsets: ["latin"], }); const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"], }); export const metadata: Metadata = { title: "agent-browser", description: "Headless browser automation CLI for AI agents", }; export default async function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { const cookieStore = await cookies(); const chatOpen = cookieStore.get("docs-chat-open")?.value === "true"; const chatWidth = Number(cookieStore.get("docs-chat-width")?.value) || 400; return ( {chatOpen && (