docs: mdx, light/dark mode, ask (#400)

2026-02-09 11:16:21 -06:00
parent 4d8097a56f
commit e8ceafcbe1
36 changed files with 4221 additions and 1258 deletions
@@ -1,9 +1,11 @@
 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";

 const geist = Geist({
  variable: "--font-geist",
@@ -26,19 +28,26 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="en" className="dark">
+    <html lang="en" suppressHydrationWarning>
      <body
-        className={`${geist.variable} ${geistMono.variable} antialiased bg-zinc-950 text-zinc-100`}
+        className={`${geist.variable} ${geistMono.variable} antialiased bg-background text-foreground`}
      >
-        <MobileNavProvider>
-          <Header />
-          <div className="flex min-h-[calc(100vh-3.5rem)]">
-            <Sidebar />
-            <main className="flex-1 overflow-auto">
-              {children}
-            </main>
-          </div>
-        </MobileNavProvider>
+        <ThemeProvider>
+          <MobileNavProvider>
+            <Header />
+            <div className="flex min-h-[calc(100vh-3.5rem)]">
+              <Sidebar />
+              <main className="flex-1 overflow-auto">
+                <div className="max-w-2xl mx-auto px-4 sm:px-6 py-8 sm:py-12">
+                  <div className="prose">
+                    {children}
+                  </div>
+                </div>
+              </main>
+            </div>
+            <DocsChat />
+          </MobileNavProvider>
+        </ThemeProvider>
      </body>
    </html>
  );