@lastbrain/app 2.0.31 → 2.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lastbrain/app",
-  "version": "2.0.31",
+  "version": "2.0.35",
   "description": "Framework modulaire Next.js avec CLI et système de modules",
   "private": false,
   "type": "module",
@@ -48,11 +48,15 @@
       "types": "./dist/i18n/server-lang.d.ts",
       "import": "./dist/i18n/server-lang.js",
       "default": "./dist/i18n/server-lang.js"
+    },
+    "./sitemap/*": {
+      "types": "./dist/sitemap/*.d.ts",
+      "default": "./dist/sitemap/*.js"
     }
   },
   "dependencies": {
-    "@lastbrain/core": "^2.0.27",
-    "@lastbrain/ui": "^2.0.27",
+    "@lastbrain/core": "^2.0.31",
+    "@lastbrain/ui": "^2.0.31",
     "@supabase/supabase-js": "^2.84.0",
     "chalk": "^5.3.0",
     "commander": "^14.0.2",
@@ -60,7 +64,7 @@
     "glob": "^11.0.0",
     "inquirer": "^13.0.1",
     "lucide-react": "^0.554.0",
-    "next": "^15.5.7",
+    "next": "^15.1.6",
     "next-themes": "^0.4.6",
     "react": "^19.2.1",
     "react-dom": "^19.2.1"
@@ -68,6 +72,9 @@
   "peerDependencies": {
     "next": ">=15.0.0"
   },
+  "peerDependenciesOptional": {
+    "@lastbrain-labs/module-billing-pro": "workspace:*"
+  },
   "devDependencies": {
     "@heroui/theme": "^2.4.23",
     "@tailwindcss/postcss": "^4.1.17",

package/src/analytics/registry.ts

@@ -0,0 +1,14 @@
+/**
+ * Global Analytics Registry
+ * Permet aux apps d'enregistrer un composant analytics global
+ */
+
+let globalAnalyticsComponent: React.ComponentType | null = null;
+
+export function registerAnalyticsComponent(component: React.ComponentType) {
+  globalAnalyticsComponent = component;
+}
+
+export function getAnalyticsComponent(): React.ComponentType | null {
+  return globalAnalyticsComponent;
+}

package/src/auth/useAuthSession.ts

@@ -1,9 +1,13 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import { supabaseBrowserClient } from "@lastbrain/core";
+import { supabaseBrowserClient, useRealtimeListener } from "@lastbrain/core";
 import type { User } from "@supabase/supabase-js";
 
+// Note: this hook also listens to `user_profile_updated` realtime broadcasts
+// and centralises cookie + redirect logic so the app reacts to profile language
+// changes in a single place.
+
 export function useAuthSession() {
   const [user, setUser] = useState<User | null>(null);
   const [loading, setLoading] = useState(true);
@@ -54,5 +58,91 @@ export function useAuthSession() {
     return () => subscription.unsubscribe();
   }, []);
 
+  // Realtime listener for user_profile updates (broadcast from RealtimeProvider)
+  // This keeps NEXT_LOCALE in sync and performs a single, centralised redirect
+  // when the user's language changes remotely.
+
+  useRealtimeListener({
+    table: "user_profil",
+    // broadcast event produced by RealtimeProvider is `user_profile_updated`
+    eventName: "user_profile_updated",
+    onUpdate(payload) {
+      try {
+        // Recherche robuste d'un objet contenant la propriété `language` ou `locale`
+        const findLangRecord = (obj: any) => {
+          if (!obj || typeof obj !== "object") return null;
+          const seen = new WeakSet();
+          const queue: any[] = [obj];
+          while (queue.length) {
+            const cur = queue.shift();
+            if (!cur || typeof cur !== "object" || seen.has(cur)) continue;
+            seen.add(cur);
+            if ("language" in cur || "locale" in cur) return cur;
+            for (const k of Object.keys(cur)) {
+              const v = cur[k];
+              if (v && typeof v === "object") queue.push(v);
+            }
+          }
+          return null;
+        };
+
+        const candidate =
+          findLangRecord(payload) ||
+          payload?.new ||
+          payload?.record?.new ||
+          payload?.payload?.new ||
+          payload?.after ||
+          payload?.data ||
+          null;
+
+        const newLang = candidate?.language || candidate?.locale || null;
+
+        if (!newLang) {
+          console.debug(
+            "useAuthSession: realtime payload did not contain language",
+            payload
+          );
+          return;
+        }
+
+        // Read current cookie
+        const cookie = document.cookie
+          .split("; ")
+          .find((c) => c.startsWith("NEXT_LOCALE="));
+        const cookieLang = cookie ? cookie.split("=")[1] : null;
+        if (cookieLang === newLang) return;
+
+        // Set cookie and navigate to the language-prefixed URL
+        try {
+          const maxAge = 365 * 24 * 60 * 60;
+          document.cookie = `NEXT_LOCALE=${newLang}; Path=/; Max-Age=${maxAge}; SameSite=Lax`;
+        } catch (_e) {
+          // ignore
+        }
+
+        try {
+          sessionStorage.setItem("locale-change-ts", Date.now().toString());
+        } catch (_e) {
+          /* ignore */
+        }
+
+        try {
+          const pathname = window.location.pathname;
+          const pathWithoutLang =
+            pathname.replace(/^\/[a-z]{2}(?=\/|$)/, "") || "/";
+          const safePath = pathWithoutLang.startsWith("/api")
+            ? "/"
+            : pathWithoutLang;
+          const search = window.location.search || "";
+          window.location.href = `/${newLang}${safePath}${search}`;
+        } catch (_e) {
+          // ignore navigation errors
+        }
+      } catch (e) {
+        console.debug("useAuthSession: error handling realtime payload", e);
+      }
+    },
+  });
+
   return { user, loading, isSuperAdmin };
 }

package/src/cli.ts

@@ -27,9 +27,25 @@ program
   )
   .action(async (directory: string | undefined, options) => {
     try {
-      const targetDir = directory
-        ? path.resolve(process.cwd(), directory)
-        : process.cwd();
+      let targetDir: string;
+
+      if (directory) {
+        // Si on est dans un monorepo (détecté par pnpm-workspace.yaml à la racine)
+        const fs = await import("fs-extra");
+        const cwd = process.cwd();
+        const workspaceFile = path.join(cwd, "pnpm-workspace.yaml");
+        const isMonorepo = await fs.pathExists(workspaceFile);
+
+        if (isMonorepo) {
+          // Dans un monorepo, créer dans apps/
+          targetDir = path.resolve(cwd, "apps", directory);
+        } else {
+          // Hors monorepo, créer où demandé
+          targetDir = path.resolve(cwd, directory);
+        }
+      } else {
+        targetDir = process.cwd();
+      }
 
       await initApp({
         force: options.force || false,

package/src/components/LanguageSwitcher.tsx

@@ -3,6 +3,8 @@
 import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import { useLanguage } from "../i18n/LanguageProvider";
+import { eventBus } from "@lastbrain/core";
+import { useAuth } from "@lastbrain/core";
 import {
   Button,
   Dropdown,
@@ -37,7 +39,9 @@ export function LanguageSwitcher({
   }, []);
 
   // Fonction pour changer la langue avec redirection correcte
-  const handleLanguageChange = (newLang: string) => {
+  const { user } = useAuth();
+
+  const handleLanguageChange = async (newLang: string) => {
     const currentPath = window.location.pathname;
     // Extraire les segments du chemin
     const segments = currentPath.split("/").filter(Boolean);
@@ -52,8 +56,80 @@ export function LanguageSwitcher({
     const pathWithoutLang = segments.length > 0 ? "/" + segments.join("/") : "";
     const newPath = `/${newLang}${pathWithoutLang}`;
 
-    // Naviguer directement - le LanguageProvider lira la nouvelle langue depuis l'URL
-    window.location.href = newPath;
+    // Si l'utilisateur est connecté, mettre à jour sa préférence en BDD
+    if (user) {
+      try {
+        const resp = await fetch("/api/auth/profile", {
+          method: "PATCH",
+          headers: { "Content-Type": "application/json" },
+          credentials: "include",
+          body: JSON.stringify({ language: newLang }),
+        });
+
+        // attendre la confirmation du serveur que la locale a bien été mise à jour
+        // afin d'éviter un reload avant que le cookie soit appliqué côté serveur.
+        try {
+          const json = await resp.json();
+          if (json && json.data) {
+            // émettre localement l'événement realtime pour propager immédiatement
+            try {
+              eventBus.emit("user_profile_updated", { new: json.data });
+            } catch (e) {
+              /* ignore */
+            }
+          } else {
+            // si serveur n'a pas renvoyé de données attendues, on continue
+          }
+        } catch (e) {
+          // ignore json parse errors
+        }
+      } catch (e) {
+        console.debug("language switch: failed to update profile language", e);
+      }
+    }
+
+    // Mettre à jour le contexte local immédiatement (UX local)
+    try {
+      setLangFromContext(newLang);
+    } catch (_e) {
+      // ignore
+    }
+
+    // Si l'utilisateur n'est pas authentifié, écrire immédiatement
+    // le cookie NEXT_LOCALE et forcer un refresh pour que Next.js
+    // prenne en compte la nouvelle locale côté serveur.
+    if (!user) {
+      try {
+        // 1 an
+        document.cookie = `NEXT_LOCALE=${newLang}; Path=/; Max-Age=${31536000}; SameSite=Lax`;
+      } catch (e) {
+        // ignore
+      }
+
+      try {
+        // Navigate to the same path prefixed with the new locale,
+        // preserving search and hash.
+        const target = `${newPath}${window.location.search || ""}${
+          window.location.hash || ""
+        }`;
+        router.push(target);
+      } catch (e) {
+        // fallback: navigate to the same path but with the new locale
+        try {
+          window.location.assign(
+            `${newPath}${window.location.search || ""}${
+              window.location.hash || ""
+            }`
+          );
+        } catch (_err) {
+          /* ignore */
+        }
+      }
+      return;
+    }
+
+    // Pour utilisateurs authentifiés, la redirection et l'écriture
+    // du cookie NEXT_LOCALE sont gérées par le listener realtime centralisé.
   };
 
   useEffect(() => {
@@ -136,29 +212,37 @@ export function LanguageSwitcher({
 
   if (variant === "minimal") {
     return (
-      <Dropdown size="sm" className="px-0 m-0">
-        <DropdownTrigger className="px-0 m-0">
-          {renderFlag(lang)}
-        </DropdownTrigger>
-        <DropdownMenu>
-          {availableLanguages.map((code) => (
-            <DropdownItem
-              key={code}
-              onPress={() => handleLanguageChange(code)}
-              startContent={renderFlag(code)}
-              className={lang === code ? "bg-primary/10" : ""}
-            >
-              {code === "fr" ? "Français" : code === "en" ? "English" : code}
-              {isHydrated && lang === code && " ✓"}
-            </DropdownItem>
-          ))}
-        </DropdownMenu>
-      </Dropdown>
+      <div className="">
+        <Dropdown size="sm" className="px-0 m-0">
+          <DropdownTrigger className="px-0 m-0">
+            {renderFlag(lang)}
+          </DropdownTrigger>
+          <DropdownMenu>
+            {availableLanguages.map((code) => (
+              <DropdownItem
+                key={code}
+                onPress={() => handleLanguageChange(code)}
+                startContent={renderFlag(code)}
+                className={lang === code ? "bg-primary/10" : ""}
+              >
+                {code === "fr"
+                  ? "Français"
+                  : code === "en"
+                    ? "English"
+                    : code === "es"
+                      ? "Spanish"
+                      : code}
+                {isHydrated && lang === code && " ✓"}
+              </DropdownItem>
+            ))}
+          </DropdownMenu>
+        </Dropdown>
+      </div>
     );
   }
 
   return (
-    <Dropdown size="sm" className="px-0">
+    <Dropdown size="sm" className="px-0 ">
       <DropdownTrigger className="px-0 m-0">
         <Button
           variant="light"
@@ -179,7 +263,13 @@ export function LanguageSwitcher({
             className={lang === code ? "bg-primary/10" : ""}
           >
             {renderFlag(code)}{" "}
-            {code === "fr" ? "Français" : code === "en" ? "English" : code}
+            {code === "fr"
+              ? "Français"
+              : code === "en"
+                ? "English"
+                : code === "es"
+                  ? "Spanish"
+                  : code}
             {isHydrated && lang === code && " ✓"}
           </DropdownItem>
         ))}

package/src/config/version.ts

@@ -5,23 +5,34 @@
  */
 
 export const PACKAGE_VERSIONS: Record<string, string> = {
-  "@lastbrain-labs/module-billing-pro": "^2.0.25",
-  "@lastbrain-labs/module-cj-analyzer-pro": "^0.1.17",
-  "@lastbrain-labs/module-core-cart-pro": "^2.0.25",
-  "@lastbrain-labs/module-core-commerce-pro": "^2.0.25",
-  "@lastbrain-labs/module-core-order-pro": "^2.0.25",
-  "@lastbrain-labs/module-core-payment-pro": "^2.0.25",
-  "@lastbrain-labs/module-core-product-pro": "^2.0.25",
-  "@lastbrain-labs/module-recipes-pro": "^2.0.27",
-  "@lastbrain-labs/module-shop-pro": "^0.1.17",
-  "@lastbrain/app": "^2.0.30",
-  "@lastbrain/core": "^2.0.26",
-  "@lastbrain/module-ai": "^2.0.25",
-  "@lastbrain/module-auth": "^2.0.26",
-  "@lastbrain/module-legal": "^2.0.25",
-  "@lastbrain/module-project-board": "^2.0.25",
-  "@lastbrain/module-tasks": "^2.0.25",
-  "@lastbrain/ui": "^2.0.26",
-  "apps/recipe": "^2.0.13",
-  "lastbrain": "^2.0.13",
+  "@lastbrain-labs/metrics-ui": "^1.0.2",
+  "@lastbrain-labs/module-billing-pro": "^2.0.29",
+  "@lastbrain-labs/module-cj-analyzer-pro": "^0.1.21",
+  "@lastbrain-labs/module-contact-pro": "^0.1.2",
+  "@lastbrain-labs/module-core-cart-pro": "^2.0.29",
+  "@lastbrain-labs/module-core-commerce-pro": "^2.0.29",
+  "@lastbrain-labs/module-core-order-pro": "^2.0.29",
+  "@lastbrain-labs/module-core-payment-pro": "^2.0.29",
+  "@lastbrain-labs/module-core-product-pro": "^2.0.29",
+  "@lastbrain-labs/module-metrics-pro": "^0.1.2",
+  "@lastbrain-labs/module-recipes-pro": "^2.0.31",
+  "@lastbrain-labs/module-shop-pro": "^0.1.21",
+  "@lastbrain/ai-ui-core": "^1.0.2",
+  "@lastbrain/ai-ui-react": "^1.0.2",
+  "@lastbrain/ai-ui-theme-heroui": "^1.0.2",
+  "@lastbrain/app": "^2.0.34",
+  "@lastbrain/core": "^2.0.30",
+  "@lastbrain/module-ai": "^2.0.29",
+  "@lastbrain/module-audit-pro": "^0.1.2",
+  "@lastbrain/module-auth": "^2.0.30",
+  "@lastbrain/module-blog": "^0.1.2",
+  "@lastbrain/module-legal": "^2.0.29",
+  "@lastbrain/module-project-board": "^2.0.29",
+  "@lastbrain/module-tasks": "^2.0.29",
+  "@lastbrain/module-tools": "^0.1.2",
+  "@lastbrain/ui": "^2.0.30",
+  "audit": "^2.0.14",
+  "prompt": "^0.1.1",
+  "recipe": "^2.0.14",
+  "tools": "^2.0.14",
 };

package/src/i18n/useLink.ts

@@ -3,6 +3,16 @@
 import { useLanguage } from "./LanguageProvider";
 import type { Language } from "./types";
 
+/**
+ * Détecte si un chemin commence par un code de langue ISO 639-1 (2 lettres)
+ * Ex: /fr/auth/billing -> true, /auth/billing -> false
+ */
+function startsWithLocale(href: string): boolean {
+  // Pattern: /XX/ ou /XX où XX est un code langue de 2 lettres minuscules
+  const localePattern = /^\/[a-z]{2}(\/|$)/;
+  return localePattern.test(href);
+}
+
 /**
  * Helper pour transformer un URL avec le paramètre [lang]
  * Utile pour les transformations statiques avant le rendu React
@@ -17,11 +27,16 @@ export function langHref(href: string, lang: Language): string {
   const normalizedHref = String(href);
   const isAbsolute = normalizedHref.startsWith("http");
   const hasLangPrefix = normalizedHref.startsWith(`/${lang}/`);
+  const hasAnyLangPrefix = startsWithLocale(normalizedHref);
 
   if (isAbsolute) {
     return normalizedHref;
   } else if (hasLangPrefix) {
+    // Déjà préfixé avec la bonne langue
     return normalizedHref;
+  } else if (hasAnyLangPrefix) {
+    // Préfixé avec une autre langue - remplacer par la langue courante
+    return `/${lang}${normalizedHref.slice(3)}`;
   } else if (normalizedHref === "/") {
     return `/${lang}`;
   } else if (normalizedHref.startsWith("/api/")) {

package/src/index.ts

@@ -22,6 +22,9 @@ export { AdminLayout } from "./layouts/AdminLayout";
 export { AdminLayoutWithSidebar } from "./layouts/AdminLayoutWithSidebar";
 export { getModuleConfigs } from "./modules/module-loader";
 
+// Analytics
+export { registerAnalyticsComponent } from "./analytics/registry";
+
 // i18n
 export {
   LanguageProvider,
@@ -42,6 +45,17 @@ export type {
   ModuleTranslations,
 } from "./i18n/types";
 
+// Re-export types from core for scripts
+export type {
+  ModuleBuildConfig,
+  ModuleApiConfig,
+  ModuleMenuItemConfig,
+  ModulePageConfig,
+  ModuleSection,
+  ModuleRealtimeConfig,
+  ModuleSitemapConfig,
+} from "@lastbrain/core";
+
 // Components
 export { AppAside } from "@lastbrain/ui";
 export type { AppAsideMenuItem, AppAsideMenuConfig } from "@lastbrain/ui";
@@ -53,3 +67,6 @@ export { SimpleDocPage } from "./templates/SimpleDocPage";
 export { ModuleGuidePage } from "./templates/ModuleGuidePage";
 export { AuthGuidePage } from "./templates/AuthGuidePage";
 export { MigrationsGuidePage } from "./templates/MigrationsGuidePage";
+
+// Sitemap manifest
+export { sitemapManifest } from "./sitemap/manifest";

package/src/layouts/AdminLayoutWithSidebar.tsx

@@ -10,12 +10,14 @@ import {
 import { useAuthSession } from "../auth/useAuthSession";
 import { usePathname } from "next/navigation";
 import { useEffect, useState } from "react";
+import type { MenuIgnored } from "../types/menu";
 
 interface AdminLayoutWithSidebarProps {
   children: React.ReactNode;
   menuConfig?: MenuConfig;
   className?: string;
   menuCustom?: MenuItem[];
+  menuIgnored?: MenuIgnored;
 }
 
 export function AdminLayoutWithSidebar({
@@ -23,6 +25,7 @@ export function AdminLayoutWithSidebar({
   menuConfig,
   className = "",
   menuCustom,
+  menuIgnored,
 }: AdminLayoutWithSidebarProps) {
   const { isSuperAdmin, loading, user } = useAuthSession();
   const pathname = usePathname();
@@ -109,6 +112,7 @@ export function AdminLayoutWithSidebar({
           isSuperAdmin={isSuperAdmin}
           isAuthenticated={!!user}
           className={className}
+          {...(menuIgnored ? { menuIgnored } : {})}
           {...(menuCustom ? { menuCustom } : {})}
         />
       )}

package/src/layouts/AppProviders.tsx

@@ -11,6 +11,36 @@ import type { User } from "@supabase/supabase-js";
 import type { ModuleRealtimeConfig } from "@lastbrain/core";
 import type { NotificationsData } from "../hooks/useNotifications";
 
+// Wrapper for optional EntitlementsProvider passed via props
+function OptionalEntitlementsWrapper({
+  children,
+  EntitlementsProviderComponent,
+}: {
+  children: React.ReactNode;
+  EntitlementsProviderComponent?: React.ComponentType<{
+    children: React.ReactNode;
+  }>;
+}) {
+  if (EntitlementsProviderComponent) {
+    return (
+      <EntitlementsProviderComponent>{children}</EntitlementsProviderComponent>
+    );
+  }
+  return <>{children}</>;
+}
+
+// Wrapper for optional AnalyticsListener
+function OptionalAnalyticsListener({
+  AnalyticsListenerComponent,
+}: {
+  AnalyticsListenerComponent?: React.ComponentType;
+}) {
+  if (AnalyticsListenerComponent) {
+    return <AnalyticsListenerComponent />;
+  }
+  return null;
+}
+
 const ModuleContext = createContext(getModuleConfigs());
 const NotificationContext = createContext<{
   data: NotificationsData;
@@ -66,6 +96,8 @@ export function AppProviders({
   lang = "fr",
   translations = {},
   availableLanguages = ["fr", "en"],
+  EntitlementsProviderComponent,
+  AnalyticsListenerComponent,
 }: {
   children: React.ReactNode;
   realtimeConfig?: ModuleRealtimeConfig[];
@@ -73,6 +105,12 @@ export function AppProviders({
   translations?: Record<string, string>;
   /** Liste des langues disponibles depuis locales.generated.ts */
   availableLanguages?: string[];
+  /** Provider optionnel pour les entitlements (billing) */
+  EntitlementsProviderComponent?: React.ComponentType<{
+    children: React.ReactNode;
+  }>;
+  /** Composant optionnel pour le tracking analytics */
+  AnalyticsListenerComponent?: React.ComponentType;
 }) {
   const modules = useMemo(() => getModuleConfigs(), []);
   const { user, loading: authLoading, isSuperAdmin } = useAuthSession();
@@ -107,14 +145,34 @@ export function AppProviders({
     >
       <AppLinkProvider lang={lang || "fr"}>
         <AuthContext.Provider value={authValue}>
-          <ModuleContext.Provider value={modules}>
-            <NotificationContext.Provider value={notificationsData}>
-              <RealtimeProvider userId={user?.id} config={realtimeConfig}>
-                {children}
-                <ToastProvider placement="bottom-right" toastOffset={5} />
-              </RealtimeProvider>
-            </NotificationContext.Provider>
-          </ModuleContext.Provider>
+          <OptionalEntitlementsWrapper
+            EntitlementsProviderComponent={EntitlementsProviderComponent}
+          >
+            <ModuleContext.Provider value={modules}>
+              <NotificationContext.Provider value={notificationsData}>
+                <RealtimeProvider userId={user?.id} config={realtimeConfig}>
+                  <OptionalAnalyticsListener
+                    AnalyticsListenerComponent={AnalyticsListenerComponent}
+                  />
+
+                  {children}
+                  <ToastProvider
+                    toastProps={{
+                      variant: "flat",
+                      timeout: 5000,
+                      shouldShowTimeoutProgress: true,
+                      classNames: {
+                        closeButton:
+                          "opacity-100 absolute right-4 top-1/2 -translate-y-1/2",
+                      },
+                    }}
+                    placement="bottom-right"
+                    toastOffset={5}
+                  />
+                </RealtimeProvider>
+              </NotificationContext.Provider>
+            </ModuleContext.Provider>
+          </OptionalEntitlementsWrapper>
         </AuthContext.Provider>
       </AppLinkProvider>
     </LanguageProvider>

package/src/layouts/AuthLayout.tsx

@@ -1,3 +1,3 @@
 export function AuthLayout({ children }: { children: React.ReactNode }) {
-  return <div className="pt-4 px-2 md:px-5 max-w-screen">{children}</div>;
+  return <div className="pt-16 px-2 md:px-5 max-w-screen">{children}</div>;
 }

package/src/layouts/PublicLayout.tsx

@@ -10,7 +10,7 @@ interface PublicLayoutProps {
 export function PublicLayout({ children, footerConfig }: PublicLayoutProps) {
   return (
     <>
-      <section className="pt-16 min-h-[calc(100vh)] max-w-screen">
+      <section className=" min-h-[calc(100vh)] max-w-screen">
         {children}
       </section>
       {footerConfig && <Footer config={footerConfig} />}

package/src/layouts/RootLayout.tsx

@@ -4,7 +4,6 @@ import { ThemeProvider } from "next-themes";
 import { AppProviders } from "./AppProviders";
 import type { ModuleRealtimeConfig } from "@lastbrain/core";
 import type { Language } from "../i18n/LanguageProvider";
-
 // Note: L'app Next.js doit importer son propre globals.css dans son layout
 // Note: La configuration realtime doit être fournie par l'app qui utilise ce layout
 export function RootLayout({