feat: architectural grid editor fullPage + slash commands + doc info panel + AI title

memento-note/app/(main)/layout.tsx

@@ -1,5 +1,4 @@
 import { Suspense } from "react";
-import { HeaderWrapper } from "@/components/header-wrapper";
 import { Sidebar } from "@/components/sidebar";
 import { ProvidersWrapper } from "@/components/providers-wrapper";
 import { auth } from "@/auth";
@@ -7,28 +6,23 @@ import { headers } from "next/headers";
 import { detectUserLanguage, parseAcceptLanguage } from "@/lib/i18n/detect-user-language";
 import { loadTranslations } from "@/lib/i18n/load-translations";
 import { getAISettings } from "@/app/actions/ai-settings";
-
-import { AIChat } from "@/components/ai-chat";
+import { AIChatLayoutBridge } from "@/components/ai-chat-layout-bridge";
 
 export default async function MainLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  // Read browser language hint from Accept-Language header
   const headersList = await headers();
   const browserLang = parseAcceptLanguage(headersList.get("accept-language"));
 
-  // Run auth + language detection + translation loading in parallel
   const [session, initialLanguage] = await Promise.all([
     auth(),
     detectUserLanguage(browserLang),
   ]);
 
-  // Load initial translations server-side to prevent hydration mismatch
   const initialTranslations = await loadTranslations(initialLanguage);
 
-  // Load AI settings to conditionally render AI features
   const aiSettings = session?.user?.id
     ? await getAISettings(session.user.id)
     : null;
@@ -36,25 +30,17 @@ export default async function MainLayout({
 
   return (
     <ProvidersWrapper initialLanguage={initialLanguage} initialTranslations={initialTranslations}>
-      <div className="bg-background-light dark:bg-background-dark font-display text-slate-900 dark:text-white overflow-hidden h-screen flex flex-col">
-        {/* Top Navigation - Style Keep */}
-        <HeaderWrapper user={session?.user} />
+      {/* No top-bar header — sidebar-only navigation (architectural-grid design) */}
+      <div className="flex h-screen overflow-hidden bg-[#E5E2D9]">
+        <Suspense fallback={<div className="hidden w-80 shrink-0 md:block" />}>
+          <Sidebar user={session?.user} />
+        </Suspense>
 
-        {/* Main Layout */}
-        <div className="flex flex-1 overflow-hidden relative">
-          {/* Sidebar Navigation - Style Keep */}
-          <Suspense fallback={<div className="w-64 flex-none hidden md:flex" />}>
-            <Sidebar className="w-64 flex-none flex-col bg-white dark:bg-[#1e2128] border-e border-slate-200 dark:border-slate-800 overflow-y-auto hidden md:flex" user={session?.user} />
-          </Suspense>
+        <main className="memento-paper-texture flex min-h-0 flex-1 flex-col overflow-y-auto scroll-smooth">
+          {children}
+        </main>
 
-          {/* Main Content Area */}
-          <main className="flex min-h-0 flex-1 flex-col overflow-y-auto bg-background-light dark:bg-background-dark p-4 scroll-smooth">
-            {children}
-          </main>
-
-          {/* AI Chat Drawer — only shown if user has Assistant IA enabled */}
-          {showAIAssistant && <AIChat />}
-        </div>
+        {showAIAssistant && <AIChatLayoutBridge />}
       </div>
     </ProvidersWrapper>
   );