36b5724b72
Root cause (expert analysis): h-screen sur aside ET parent = 2 calculs 100vh indépendants → 1px de différence en prod (subpixel, scrollbar). Fix: - aside: h-screen → h-full (dépend du parent, 1 seule source 100vh) - body: h-screen overflow-hidden (verrouille le viewport, empêche scroll parasite) - Suspense fallback: h-screen → h-full (cohérent)
54 lines
1.9 KiB
TypeScript
54 lines
1.9 KiB
TypeScript
import { Suspense } from "react";
|
|
import { Sidebar } from "@/components/sidebar";
|
|
import { ProvidersWrapper } from "@/components/providers-wrapper";
|
|
import { auth } from "@/auth";
|
|
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 { AIChatLayoutBridge } from "@/components/ai-chat-layout-bridge";
|
|
|
|
|
|
export default async function MainLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
const headersList = await headers();
|
|
const browserLang = parseAcceptLanguage(headersList.get("accept-language"));
|
|
|
|
const [session, initialLanguage] = await Promise.all([
|
|
auth(),
|
|
detectUserLanguage(browserLang),
|
|
]);
|
|
|
|
const initialTranslations = await loadTranslations(initialLanguage);
|
|
|
|
const aiSettings = session?.user?.id
|
|
? await getAISettings(session.user.id)
|
|
: null;
|
|
const showAIAssistant = aiSettings?.paragraphRefactor !== false;
|
|
|
|
return (
|
|
<ProvidersWrapper
|
|
initialLanguage={initialLanguage}
|
|
initialTranslations={initialTranslations}
|
|
initialAiProcessingConsent={aiSettings?.aiProcessingConsent === true}
|
|
>
|
|
{/* No top-bar header — sidebar-only navigation (architectural-grid design) */}
|
|
<div className="flex h-screen overflow-hidden bg-memento-desk dark:bg-background">
|
|
<Suspense fallback={<div className="hidden w-80 xl:w-[22rem] 2xl:w-[26rem] shrink-0 md:block h-full self-stretch" />}>
|
|
<Sidebar user={session?.user} />
|
|
</Suspense>
|
|
|
|
<main className="flex min-h-0 flex-1 flex-col overflow-y-auto scroll-smooth bg-memento-paper dark:bg-background">
|
|
{children}
|
|
</main>
|
|
|
|
{showAIAssistant && <AIChatLayoutBridge />}
|
|
</div>
|
|
</ProvidersWrapper>
|
|
);
|
|
}
|
|
|