import type { ReactNode } from "react"; import type { Metadata, Viewport } from "next"; import Script from "next/script"; import { Toaster } from "@/components/ui/sonner"; import { TooltipProvider } from "@/components/ui/tooltip"; import { APP_CONFIG } from "@/config/app-config"; import { fontVars } from "@/lib/fonts/registry"; import { LanguageProvider } from "@/lib/language-context"; import { PREFERENCE_DEFAULTS } from "@/lib/preferences/preferences-config"; import { PWARegister } from "@/components/pwa-register"; import { ThemeBootScript } from "@/scripts/theme-boot"; import { PreferencesStoreProvider } from "@/stores/preferences/preferences-provider"; import "./globals.css"; export const metadata: Metadata = { title: APP_CONFIG.meta.title, description: APP_CONFIG.meta.description, // PWA meta applicationName: "OrderOS", appleWebApp: { capable: true, statusBarStyle: "black-translucent", title: "OrderOS", }, formatDetection: { telephone: false }, manifest: "/manifest.webmanifest", icons: { apple: "/apple-touch-icon.png", icon: [ { url: "/icon-192.png", sizes: "192x192", type: "image/png" }, { url: "/icon-512.png", sizes: "512x512", type: "image/png" }, ], }, }; export const viewport: Viewport = { themeColor: "#09090b", width: "device-width", initialScale: 1, maximumScale: 1, userScalable: false, viewportFit: "cover", }; export default function RootLayout({ children }: Readonly<{ children: ReactNode }>) { const { theme_mode, theme_preset, content_layout, navbar_style, sidebar_variant, sidebar_collapsible, font } = PREFERENCE_DEFAULTS; return ( {/* Applies theme and layout preferences on load to avoid flicker. beforeInteractive must be in body. */} {children} ); }