import type { Metadata, Viewport } from "next"; import Link from "next/link"; import Script from "next/script"; import { headers } from "next/headers"; import { redirect } from "next/navigation"; import { Geist, Geist_Mono } from "next/font/google"; import { getCurrentUser } from "@/lib/auth"; import { logoutAction } from "@/app/login/actions"; import { MobileNav } from "@/components/MobileNav"; import { NavLink } from "@/components/NavLink"; import { isSetupComplete } from "@/lib/setup"; import "./globals.css"; // Resolves theme="SYSTEM" (or a logged-out visitor, who has no stored // preference at all) to a concrete data-theme before paint, from // prefers-color-scheme - only acts if the server hasn't already resolved // LIGHT/DARK onto below. Must stay inlined here (not imported from a // separate component) - Next's beforeInteractive strategy is only // recognized when it's declared directly in the root layout. const THEME_INIT_SCRIPT = ` (function () { try { var root = document.documentElement; if (root.getAttribute("data-theme")) return; var dark = window.matchMedia("(prefers-color-scheme: dark)").matches; root.setAttribute("data-theme", dark ? "dark" : "light"); } catch (e) {} })(); `; type NavItem = { href: string; label: string; icon: string }; function initials(name: string): string { const parts = name.trim().split(/\s+/); return ((parts[0]?.[0] ?? "") + (parts[1]?.[0] ?? "")).toUpperCase() || "?"; } const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"], }); const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"], }); export const metadata: Metadata = { title: "Horse Records", description: "Horse profiles, genetics, and pedigree records", manifest: "/manifest.json", appleWebApp: { capable: true, statusBarStyle: "default", title: "Horse Records", }, }; export const viewport: Viewport = { width: "device-width", initialScale: 1, themeColor: "#171717", }; export default async function RootLayout({ children }: LayoutProps<"/">) { // First-run gate: every route redirects to the setup wizard until it's // complete, except /setup itself (which would otherwise redirect-loop - // the pathname comes from proxy.ts, since a shared layout has no other way // to know the current URL). The wizard page re-checks this same condition // itself too, so this holds even if that header were ever missing. const pathname = (await headers()).get("x-pathname") ?? ""; const setupComplete = await isSetupComplete(); if (!pathname.startsWith("/setup") && !setupComplete) { redirect("/setup"); } // Before setup completes there are no tables yet at all (migrations // haven't run), so getCurrentUser()'s session lookup would itself throw - // skip it rather than querying a database that doesn't exist yet. const user = setupComplete ? await getCurrentUser() : null; const isAdmin = user?.role === "ADMIN"; // LIGHT/DARK resolve to a concrete attribute server-side (no flash, even on // first paint); SYSTEM is left unset here and resolved client-side by // ThemeScript from prefers-color-scheme, since the server can't know that. const themeAttr = user?.theme === "LIGHT" ? "light" : user?.theme === "DARK" ? "dark" : undefined; const primaryItems: NavItem[] = [ { href: "/horses", label: "Horses", icon: "🐴" }, ...(user ? ([ { href: "/dashboard", label: "Dashboard", icon: "📊" }, { href: "/buyers", label: "Buyers", icon: "🤝" }, { href: "/calendar", label: "Calendar", icon: "📅" }, { href: "/foals", label: "Foal Flow", icon: "🐣" }, { href: "/daybook", label: "Day Book", icon: "📓" }, { href: "/transfers", label: "Transfers", icon: "🔄" }, ] satisfies NavItem[]) : []), ]; const adminItems: NavItem[] = isAdmin ? [ { href: "/backup", label: "Backup", icon: "💾" }, { href: "/admin/users", label: "Users", icon: "👥" }, ] : []; const desktopLinkCls = "rounded-md px-2.5 py-1.5 text-neutral-600 dark:text-neutral-400 transition-colors hover:bg-neutral-100 hover:dark:bg-neutral-900 hover:text-neutral-900 hover:dark:text-neutral-200"; const desktopActiveCls = "bg-neutral-100 dark:bg-neutral-900 font-semibold text-neutral-900 dark:text-neutral-200"; const mobileLinkCls = "flex items-center gap-3 rounded-md px-3 py-3 text-neutral-900 dark:text-neutral-200 hover:bg-neutral-50 hover:dark:bg-neutral-950"; const mobileActiveCls = "bg-neutral-100 dark:bg-neutral-900 font-semibold"; return (
🐴 Horse Records
{primaryItems.map((item) => ( {item.icon} {item.label} ))}
{adminItems.length > 0 && (

Admin

{adminItems.map((item) => ( {item.icon} {item.label} ))}
)}
{user ? ( <> {initials(user.name)} {user.name} Account settings
) : ( Log in )}
{children}
); }