import type { Metadata } from 'next'; import { cookies } from 'next/headers'; import ReactDOM from 'react-dom'; import '@/styles/tailwind.css'; import ClientToaster from '@client/components/ui/ClientToaster'; import { AuthProvider } from '@client/contexts/AuthContext'; import { LanguageProvider } from '@client/contexts/LanguageContext'; import { LANG_COOKIE, DEFAULT_LANG, isRtlLang } from '@client/contexts/languageConstants'; import { loadServerBranding, buildBrandingCss, DEFAULT_SITE_TITLE } from '@server/branding/loader'; export const revalidate = 60; const DEFAULT_DESCRIPTION = 'AI-powered voice and chat agents for restaurant orders and table bookings'; export async function generateMetadata(): Promise { const { branding, version } = await loadServerBranding(); const title = branding.site_title || DEFAULT_SITE_TITLE; return { title, description: DEFAULT_DESCRIPTION, // Always route the favicon through /favicon.ico so the dynamic route // handler is the single source of truth for fallback, caching, and // SSRF/path-traversal hardening. The ?v= busts the browser cache // whenever an admin uploads new branding so the new icon shows up on // the next page load instead of waiting for the stale cached entry. icons: { icon: `/favicon.ico?v=${version}` }, }; } export default async function RootLayout({ children }: { children: React.ReactNode }) { // Emit Google Fonts preconnects via React 19's resource API instead of JSX // elements. Rendering inside our explicit // block caused a hydration mismatch: React 19 matches hoistable // nodes by resource identity (href/rel) rather than DOM position, // which shifts the positional index of the adjacent non-hoistable