better chat (#416)

* better chat * fixes * fix
2026-02-11 14:17:53 -06:00
parent ffe29b8a26
commit 66a11aeb4c
9 changed files with 2267 additions and 284 deletions
@@ -6,6 +6,7 @@ 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",
@@ -22,13 +23,26 @@ export const metadata: Metadata = {
  description: "Headless browser automation CLI for AI agents",
 };

-export default function RootLayout({
+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 (
    <html lang="en" suppressHydrationWarning>
+      <head>
+        {chatOpen && (
+          <style
+            dangerouslySetInnerHTML={{
+              __html: `@media(min-width:640px){body{padding-right:${chatWidth}px}}`,
+            }}
+          />
+        )}
+      </head>
      <body
        className={`${geist.variable} ${geistMono.variable} antialiased bg-background text-foreground`}
      >
@@ -45,7 +59,7 @@ export default function RootLayout({
                </div>
              </main>
            </div>
-            <DocsChat />
+            <DocsChat defaultOpen={chatOpen} defaultWidth={chatWidth} />
          </MobileNavProvider>
        </ThemeProvider>
      </body>