SÉCURITÉ 8→9: - lib/rate-limit.ts: Redis rate limiter (incr + expire) - chat/route: 15 req/min max - 6 routes IA: 20 req/min max (tags, title, labels, markdown, overview, summary) - link-preview: cache Redis 5min par URL+userId - auth-providers: rate limit login 5 req/5min UX 7.5→8.5: - search-modal: focus trap (Tab cycle + Shift+Tab) - search-modal: ref modal pour querySelector focusable - layout: skip-link 'Skip to content' (sr-only focus:not-sr-only) - note-actions: boutons h-8 w-8 → h-9 w-9 (36px → touch target) 0 erreur TS, 199/199 tests
57 lines
2.2 KiB
TypeScript
57 lines
2.2 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 md:w-[26rem] 2xl:w-[30rem] 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" id="main-content">
|
|
<a href="#main-content" className="sr-only focus:not-sr-only focus:absolute focus:z-[9999] focus:top-2 focus:left-2 focus:bg-brand-accent focus:text-white focus:px-4 focus:py-2 focus:rounded-lg focus:text-sm focus:font-bold">
|
|
Skip to content
|
|
</a>
|
|
{children}
|
|
</main>
|
|
|
|
{showAIAssistant && <AIChatLayoutBridge />}
|
|
</div>
|
|
</ProvidersWrapper>
|
|
);
|
|
}
|
|
|