"use client"; import type { ReactNode } from "react"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { ChevronDown, Settings } from "lucide-react"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { GlobalSearch } from "@/components/global-search"; import { headerSubtitle } from "@/components/header-context"; import { useMissingPrecedentsOpenCount } from "@/lib/api/missing-precedents"; import { usePendingApprovals } from "@/lib/api/chair"; /** * Ezer Mishpati navigation shell — two-row header. * * Row 1 (brand): logo + dynamic context subtitle · global search · agent boards * Row 2 (nav): work group · knowledge group · admin dropdown * * Editorial/judicial aesthetic preserved: * - Navy background with a gold hairline rule (border-b-3) * - Parchment text, gold accents on hover/active * - Hebrew RTL throughout (set on in layout.tsx) * - Active item gets `aria-current="page"` and a gold underline anchored * to the bottom border, so screen readers announce the section and * sighted users see where they are. */ type NavItem = { href: string; label: string }; type NavGroup = { id: string; items: NavItem[] }; const NAV_GROUPS: NavGroup[] = [ { id: "work", items: [ { href: "/", label: "בית" }, { href: "/approvals", label: "מרכז אישורים" }, { href: "/archive", label: "ארכיון" }, ], }, { id: "knowledge", items: [ { href: "/precedents", label: "ספריית פסיקה" }, { href: "/missing-precedents", label: "פסיקה חסרה" }, { href: "/training", label: "אימון סגנון" }, { href: "/methodology", label: "מתודולוגיה" }, ], }, ]; const ADMIN_ITEMS: NavItem[] = [ { href: "/skills", label: "מיומנויות" }, { href: "/diagnostics", label: "אבחון" }, { href: "/settings", label: "הגדרות" }, ]; type AgentBoard = { prefix: string; label: string; hint: string }; const AGENT_BOARDS: AgentBoard[] = [ { prefix: "CMP", label: "רישוי ובניה", hint: "תיקי 1xxx" }, { prefix: "CMPA", label: "היטלי השבחה", hint: "תיקי 8xxx / 9xxx" }, ]; const PAPERCLIP_BASE = "https://pc.nautilus.marcusgroup.org"; function isActive(pathname: string, href: string): boolean { if (href === "/") return pathname === "/"; return pathname === href || pathname.startsWith(`${href}/`); } export function AppShell({ children }: { children: ReactNode }) { const pathname = usePathname(); const subtitle = headerSubtitle(pathname); const adminActive = ADMIN_ITEMS.some((i) => isActive(pathname, i.href)); return ( <>

{/* ─── Row 1 — brand bar (3-column grid) ─── */} {/* Side columns flex 1fr each so the search column stays centered on the viewport regardless of how wide the brand or agent labels grow. */}

עוזר משפטי {subtitle}

ניהול סוכנים Paperclip פתח דאשבורד {AGENT_BOARDS.map((board) => ( {board.label} {board.prefix} · {board.hint} ))}

{/* ─── Row 2 — section nav ─── */}

מערכת {ADMIN_ITEMS.map((item) => { const active = isActive(pathname, item.href); return ( {item.label} ); })}

{children}

); } function NavLink({ item, active }: { item: NavItem; active: boolean }) { return ( {item.label} {item.href === "/missing-precedents" ? : null} {item.href === "/approvals" ? : null} {active && ( )} ); } /* Total pending-approvals badge next to "מרכז אישורים" — Dafna's outstanding * human-gate items (halachot + missing precedents + feedback + qa_failed). * Renders only when >0 so the nav stays quiet when everything is cleared. */ function ApprovalsBadge() { const { data } = usePendingApprovals(); const total = data?.total_pending ?? 0; if (!total) return null; return ( {total} ); } /* Small open-count badge next to "פסיקה חסרה" — only renders when >0 * so the nav stays quiet in normal operation. */ function MissingPrecedentsBadge() { const { data: openCount } = useMissingPrecedentsOpenCount(); if (!openCount) return null; return ( {openCount} ); }