@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/navigation/core-app-sidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-app-sidebar.mjs","names":[],"sources":["../../src/navigation/core-app-sidebar.tsx"],"sourcesContent":["import {\n\tAlertTriangle,\n\tBarChart3,\n\tBell,\n\tBuilding2,\n\tCamera,\n\tCheck,\n\tChevronDown,\n\tChevronLeft,\n\tChevronRight,\n\tClipboardCheck,\n\tClock,\n\tCloud,\n\tEye,\n\tGlobe,\n\tHome,\n\tLayoutGrid,\n\tLifeBuoy,\n\tLogOut,\n\tMoon,\n\tMoreHorizontal,\n\tPackage,\n\tPanelLeftOpen,\n\tPanelRightOpen,\n\tPlus,\n\tSearch,\n\tSettings,\n\tSparkles,\n\tSun,\n\tTrendingUp,\n\tUsers,\n\tVideo,\n} from \"lucide-react\";\nimport {Fragment, forwardRef, useState, useEffect, useRef} from \"react\";\n\nimport {Avatar, AvatarFallback, AvatarImage} from \"../avatar\";\nimport {Badge} from \"../badge\";\nimport {Button} from \"../button\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from \"../dropdown-menu\";\nimport {FLOAT_SHADOW} from \"../float-shadow\";\nimport {Popover, PopoverContent, PopoverTrigger} from \"../popover\";\nimport {ScrollArea} from \"../scroll-area\";\nimport {Separator} from \"../separator\";\nimport {Sheet, SheetContent} from \"../sheet\";\nimport {HoverTooltip, TooltipProvider} from \"../tooltip\";\nimport {useDocumentDir} from \"../use-document-dir\";\nimport {Switcher} from \"./switcher\";\n\n// ─── Types ──────────────────────────────────────────────────────────────────\n\nexport type SidebarSubItem = {\n\tid: string;\n\tlabel: string;\n\ticon: React.ComponentType<{className?: string}>;\n\tbadge?: string;\n};\n\nexport type SidebarSubMenuGroup = {\n\tlabel?: string;\n\titems: SidebarSubItem[];\n};\n\nexport type SidebarSubMenu = {\n\ttitle: string;\n\tgroups: SidebarSubMenuGroup[];\n};\n\nexport type SidebarNavItem = {\n\tid: string;\n\tlabel: string;\n\ticon: React.ComponentType<{className?: string}>;\n\t/** Optional route used for semantic navigation links and runtime route continuity checks. */\n\thref?: string;\n\tbadge?: string;\n\t/** Small status dot on the icon — pass one of your app's bg-* classes (e.g. `\"bg-green-500\"`). */\n\tdot?: string;\n\t/**\n\t * A soft tint behind the item's icon, as a class string — the library's `bg-{hue}-500/10\n\t * text-{hue}-700 dark:text-{hue}-400` formula, the same one the file system's file types and\n\t * Badge's `*Soft` variants use, so a hue means the same thing wherever the reader meets it. Use it\n\t * where the items in a group are KINDS of thing worth telling apart at a glance (the apps under a\n\t * lifecycle stage, say); omit it and the icon keeps the muted treatment every nav row has, which is\n\t * every existing consumer. Tint a whole group or none of it — one tinted row among plain ones reads\n\t * as a status, not a kind.\n\t */\n\ttone?: string;\n\texpandable?: boolean;\n\tsubMenu?: SidebarSubMenu;\n};\n\n/** One row of the built-in notifications panel. */\nexport type SidebarNotification = {\n\tid: string;\n\ttitle: string;\n\t/** Optional supporting line under the title — a title-only notification renders without it. */\n\tbody?: string;\n\t/** Already-formatted, because only the caller knows the reader's locale and timezone. */\n\ttime: string;\n\tunread?: boolean;\n};\n\nexport type SidebarNavGroup = {\n\tlabel?: string;\n\t/**\n\t * Icon standing for the group as a whole. Shown beside the label in the expanded sidebar — where it\n\t * also marks the group as a TREE (parent-sized header, a spine down to the last item, an elbow into\n\t * each) — and, in the collapsed rail, it REPLACES the group's individual icons with a single button\n\t * whose flyout lists the items, exactly as an `expandable` item with a `subMenu` behaves. One\n\t * drill-in mechanism for both, so a group and an item never behave differently in the rail. The icon\n\t * is what the rail has to show once the labels are gone, so a tree group needs one.\n\t *\n\t * Requires `label` (the flyout is titled by it). Groups without an icon keep the default rail\n\t * behaviour: every item rendered as its own icon.\n\t */\n\ticon?: React.ComponentType<{className?: string}>;\n\t/**\n\t * Give the group header a chevron on its far right that collapses and expands the items beneath it.\n\t * Expanded sidebar only — the collapsed rail has no headers, and a group with an `icon` already\n\t * folds into a single flyout there. Groups start expanded. Requires `label`.\n\t */\n\tcollapsible?: boolean;\n\t/**\n\t * Force a divider above this group — in the expanded nav AND the collapsed rail — for a group that\n\t * starts a genuinely different section rather than continuing the run above it. Independent of\n\t * `showGroupDividers`: it stands when the automatic rules between groups are switched off, which is\n\t * how a break survives `variant=\"tree\"`. In the rail it also overrides the rule that consecutive\n\t * icon-groups run together (each already being a single icon, so rules between them are noise).\n\t */\n\tdividerBefore?: boolean;\n\t/**\n\t * Identifies the group. `activeGroupId` marks it (and its rail icon) as the active section, and the\n\t * collapsed rail's flyout title fires `onGroupSelect` with it. The EXPANDED header does not\n\t * navigate: name, icon and chevron all fold the group, so nothing there is a link. Requires\n\t * `label`.\n\t */\n\tid?: string;\n\titems: SidebarNavItem[];\n};\n\ntype ThemeMode = \"light\" | \"dark\";\n\n/**\n * Overridable copy for `CoreAppSidebar`'s own built-in controls — search, empty state, collapse/expand,\n * the profile menu, notifications, and the org switcher — plus their aria-labels. Every key has an\n * English default, so a consumer supplies only the strings it wants to translate. Nav-item labels, the\n * org/user names, and other consumer-provided data are not part of this (they arrive already-localized\n * via their own props); `homeLabel`, `marketplaceLabel`, and `brandName` keep their dedicated props.\n */\nexport type CoreAppSidebarLabels = {\n\t/** Search input placeholder and the collapsed rail's search tooltip. */\n\tfind: string;\n\t/** Aria label for the search field's clear button. */\n\tclearSearch: string;\n\t/** Heading of the \"no matches\" empty state. */\n\tnoResults: string;\n\t/** Sub-heading of the empty state, given the current query. */\n\tnoResultsHint: (query: string) => string;\n\t/** Tooltip on the fold-all control while at least one group is open. */\n\tcollapseAll: string;\n\t/** Tooltip on the fold-all control while every group is folded. */\n\texpandAll: string;\n\t/** Aria label for the fold-all control while at least one group is open. */\n\tcollapseAllGroups: string;\n\t/** Aria label for the fold-all control while every group is folded. */\n\texpandAllGroups: string;\n\t/** Aria label for a group header's chevron while the group is open, given its name. */\n\tcollapseGroup: (group: string) => string;\n\t/** Shown when there are no notifications at all. */\n\tnotificationsEmpty: string;\n\t/** The action at the foot of the notifications panel. */\n\tviewAllNotifications: string;\n\t/** Screen-reader text for the unread count, given the number. */\n\tunreadCount: (count: number) => string;\n\t/** Aria label for a group header's chevron while the group is folded, given its name. */\n\texpandGroup: (group: string) => string;\n\t/** Aria label for the collapsed rail's expand button. */\n\texpandSidebar: string;\n\t/** Aria label for the expanded sidebar's collapse button. */\n\tcollapseSidebar: string;\n\t/** Aria label for the pin button. */\n\tpinSidebar: string;\n\t/** Label beside the light/dark toggle in the profile menu. */\n\ttheme: string;\n\t/** Aria label for each theme toggle button, given the mode it selects. */\n\tthemeToggle: (mode: ThemeMode) => string;\n\t/** The profile menu's log-out item. */\n\tlogOut: string;\n\t/** Heading of the build/version \"Source\" section in the profile menu. */\n\tsource: string;\n\t/** Aria label for the footer notifications button. */\n\topenNotifications: string;\n\t/** Tooltip for the collapsed rail's notifications icon. */\n\tnotifications: string;\n\t/** The notifications panel's \"all\" tab. */\n\tnotificationsAll: string;\n\t/** The notifications panel's \"projects\" tab. */\n\tnotificationsProjects: string;\n\t/** The notifications panel's \"system\" tab. */\n\tnotificationsSystem: string;\n\t/** Aria label for the profile trigger, given the signed-in name. */\n\tprofileMenu: (name: string) => string;\n\t/** Placeholder for the org switcher's search field. */\n\torgSearchPlaceholder: string;\n\t/** Empty state for the org switcher. */\n\torgEmpty: string;\n\t/** The org switcher's \"view all organizations\" action. */\n\torgViewAll: string;\n};\n\nconst DEFAULT_SIDEBAR_LABELS: CoreAppSidebarLabels = {\n\tfind: \"Find...\",\n\tclearSearch: \"Clear search\",\n\tnoResults: \"No results\",\n\tnoResultsHint: (query) => `No nav items match \"${query}\"`,\n\tcollapseAll: \"Collapse all\",\n\texpandAll: \"Expand all\",\n\tcollapseAllGroups: \"Collapse all groups\",\n\texpandAllGroups: \"Expand all groups\",\n\tnotificationsEmpty: \"You're all caught up\",\n\tviewAllNotifications: \"View all notifications\",\n\tunreadCount: (count) => `${count} unread`,\n\tcollapseGroup: (group) => `Collapse ${group}`,\n\texpandGroup: (group) => `Expand ${group}`,\n\texpandSidebar: \"Expand sidebar\",\n\tcollapseSidebar: \"Collapse sidebar\",\n\tpinSidebar: \"Pin sidebar\",\n\ttheme: \"Theme\",\n\tthemeToggle: (mode) => `Use ${mode} theme`,\n\tlogOut: \"Log Out\",\n\tsource: \"Source\",\n\topenNotifications: \"Open notifications\",\n\tnotifications: \"Notifications\",\n\tnotificationsAll: \"All\",\n\tnotificationsProjects: \"Projects\",\n\tnotificationsSystem: \"System\",\n\tprofileMenu: (name) => `Open ${name} profile menu`,\n\torgSearchPlaceholder: \"Find organization…\",\n\torgEmpty: \"No organizations\",\n\torgViewAll: \"View all organizations\",\n};\n\n// localStorage keys — theme and sidebar collapse persist across reloads for every app on this shell.\nconst THEME_KEY = \"wc3.theme\";\nconst COLLAPSE_KEY = \"wc3.sidebar.collapsed\";\ntype View = \"main\" | \"sub\";\n\n// ─── Data ────────────────────────────────────────────────────────────────────\n\nexport const DEFAULT_PROJECT_GROUPS: SidebarNavGroup[] = [\n\t{\n\t\titems: [{id: \"proj-dashboard\", label: \"Dashboard\", icon: LayoutGrid}],\n\t},\n\t{\n\t\tlabel: \"Workforce\",\n\t\titems: [\n\t\t\t{id: \"proj-verify-time\", label: \"Verify Time\", icon: Clock},\n\t\t\t{id: \"proj-site-workforce\", label: \"Site Workforce\", icon: Users},\n\t\t\t{id: \"proj-reports\", label: \"Reports\", icon: ClipboardCheck},\n\t\t],\n\t},\n\t{\n\t\tlabel: \"Site Operations\",\n\t\titems: [\n\t\t\t{id: \"proj-network-admin\", label: \"Network Administrator\", icon: Globe},\n\t\t\t{id: \"proj-map\", label: \"Map\", icon: Globe},\n\t\t\t{id: \"proj-vision-ai\", label: \"Vision AI\", icon: Eye},\n\t\t\t{id: \"proj-observation-mgr\", label: \"Observation Manager\", icon: AlertTriangle},\n\t\t],\n\t},\n\t{\n\t\tlabel: \"Tools\",\n\t\titems: [\n\t\t\t{id: \"proj-verify-response\", label: \"Verify Response\", icon: Check},\n\t\t\t{id: \"proj-weather\", label: \"Weather Station\", icon: Cloud},\n\t\t\t{id: \"proj-equipment\", label: \"Equipments\", icon: Settings},\n\t\t\t{id: \"proj-wecare\", label: \"Wecare\", icon: LifeBuoy},\n\t\t\t{id: \"proj-capture\", label: \"Capture\", icon: Camera},\n\t\t],\n\t},\n];\n\n// ─── Org-level nav ────────────────────────────────────────────────────────────\n\nexport const DEFAULT_ORG_GROUPS: SidebarNavGroup[] = [\n\t{\n\t\titems: [\n\t\t\t{id: \"org-overview\", label: \"Overview\", icon: LayoutGrid},\n\t\t\t{id: \"org-projects\", label: \"Projects\", icon: Package},\n\t\t],\n\t},\n\t{\n\t\tlabel: \"Monitoring\",\n\t\titems: [\n\t\t\t{id: \"org-compliance\", label: \"Compliance Forms\", icon: ClipboardCheck},\n\t\t\t{id: \"org-observations\", label: \"Observations\", icon: Eye},\n\t\t\t{id: \"org-cctv\", label: \"CCTV\", icon: Video},\n\t\t\t{id: \"org-progress\", label: \"Progress\", icon: TrendingUp},\n\t\t],\n\t},\n\t{\n\t\tlabel: \"Intelligence\",\n\t\titems: [\n\t\t\t{id: \"org-reality-capture\", label: \"Reality Capture\", icon: Camera},\n\t\t\t{id: \"org-ai-reports\", label: \"AI Reports\", icon: Sparkles},\n\t\t\t{id: \"org-workforce\", label: \"Workforce Intelligence\", icon: Users},\n\t\t\t{id: \"org-performance\", label: \"Performance\", icon: BarChart3},\n\t\t],\n\t},\n\t{\n\t\titems: [\n\t\t\t{\n\t\t\t\tid: \"org-settings\",\n\t\t\t\tlabel: \"Settings\",\n\t\t\t\ticon: Settings,\n\t\t\t\texpandable: true,\n\t\t\t\tsubMenu: {\n\t\t\t\t\ttitle: \"Settings\",\n\t\t\t\t\tgroups: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\titems: [\n\t\t\t\t\t\t\t\t{id: \"os-general\", label: \"General\", icon: Settings},\n\t\t\t\t\t\t\t\t{id: \"os-members\", label: \"Members\", icon: Users},\n\t\t\t\t\t\t\t\t{id: \"os-billing\", label: \"Billing\", icon: Clock},\n\t\t\t\t\t\t\t\t{id: \"os-integrations\", label: \"Integrations\", icon: Building2},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n];\n\n/** Demo data for prototypes. Real callers pass `notifications`. */\nconst SAMPLE_NOTIFICATIONS: SidebarNotification[] = [\n\t{\n\t\tid: \"n1\",\n\t\ttitle: \"Deployment succeeded\",\n\t\tbody: \"owner-dashboard deployed to production\",\n\t\ttime: \"2m ago\",\n\t\tunread: true,\n\t},\n\t{id: \"n2\", title: \"Build failed\", body: \"modon-prototype build #42 failed\", time: \"1h ago\", unread: true},\n\t{id: \"n3\", title: \"New team member\", body: \"ali@core.com joined Organization Name\", time: \"3h ago\", unread: false},\n\t{id: \"n4\", title: \"Usage alert\", body: \"You've reached 80% of your monthly limit\", time: \"1d ago\", unread: false},\n\t{id: \"n5\", title: \"Pipeline finished\", body: \"BIM intake processed 1,204 records\", time: \"1d ago\", unread: false},\n\t{id: \"n6\", title: \"Permit approved\", body: \"Hot work permit HW-2291 was approved\", time: \"2d ago\", unread: false},\n\t{id: \"n7\", title: \"Report ready\", body: \"Weekly workforce summary is ready to read\", time: \"2d ago\", unread: false},\n\t{id: \"n8\", title: \"Device offline\", body: \"Gateway GW-17 stopped reporting\", time: \"3d ago\", unread: false},\n\t{id: \"n9\", title: \"Process published\", body: \"Inspection routing v4 is live\", time: \"4d ago\", unread: false},\n];\n\n// ─── Sub-components ───────────────────────────────────────────────────────────\n\nfunction CoreWLogo({className}: {className?: string}) {\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 278.78 176.15\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\taria-hidden=\"true\"\n\t\t\tfill=\"currentColor\"\n\t\t\tclassName={className}\n\t\t>\n\t\t\t<path d=\"M65.58,4.66l21.91,30.92,20.8-31.16,62.09-.03,21.5,31.2s21.05-31.2,21.21-31.2h62.08v62.09s-52.28,105.07-52.28,105.07l-62.09-.05-21.48-30.97-21.05,31.02h-62.09S3.49,66.77,3.49,66.77V4.67h62.09Z\" />\n\t\t</svg>\n\t);\n}\n\n// ─── Main Component ───────────────────────────────────────────────────────────\n\nexport type CoreAppSidebarDensity = \"comfortable\" | \"compact\";\n\n/**\n * The overall shape of the nav.\n *\n * `\"list\"` (default) is the flat shape every existing consumer gets: groups are headings over a\n * run of rows, separated by rules, all open on first paint.\n *\n * `\"tree\"` is the grouped-sections shape — groups carrying an `icon` render as a tree (parent-sized\n * header, a spine down to the last item, an elbow into each), the rules between them drop away\n * because the headers and spines already mark every boundary, and the sidebar opens as a short list\n * of section headers that expand on demand. Use it when the nav is long enough that a flat list\n * buries things, and its sections are destinations in their own right.\n *\n * The variant only supplies DEFAULTS for `showGroupDividers` and `groupsCollapsedByDefault`; pass\n * either explicitly to override it. Search is orthogonal — set `showSearch` yourself in both shapes.\n */\nexport type CoreAppSidebarVariant = \"list\" | \"tree\";\n\nexport interface CoreAppSidebarProps {\n\tonNavigate?: (label: string, keepOpen?: boolean, parentLabel?: string) => void;\n\t/**\n\t * Fires with the selected item itself (and, for a sub-menu row, its parent), so a consumer can track\n\t * selection by the stable `id` — `onNavigateItem={(item) => setActiveItemId(item.id)}` — instead of\n\t * reverse-mapping the `label` string that `onNavigate` reports. Fires alongside `onNavigate` for every\n\t * selection: top-level items, sub-menu rows, and the auto-selected first item on a view-level switch.\n\t */\n\tonNavigateItem?: (item: SidebarNavItem | SidebarSubItem, parent?: SidebarNavItem) => void;\n\t/**\n\t * Overrides for the sidebar's own built-in copy — search, empty state, collapse/expand controls, the\n\t * profile menu, notifications, and the org switcher, plus their aria-labels. English defaults fill in\n\t * any key left unset. See {@link CoreAppSidebarLabels}.\n\t */\n\tlabels?: Partial<CoreAppSidebarLabels>;\n\tseamless?: boolean;\n\tonPin?: () => void;\n\t/**\n\t * Mobile behavior: below `md` the inline sidebar is hidden and instead opens as a left sheet driven\n\t * by these. Pair with `CoreAppTopBar`'s `onMenuClick` (the hamburger) to open it. Omit on surfaces\n\t * that don't need a mobile drawer.\n\t */\n\tmobileOpen?: boolean;\n\tonMobileOpenChange?: (open: boolean) => void;\n\tviewLevel?: \"org\" | \"project\";\n\t/** Custom org-level navigation groups. Defaults to DEFAULT_ORG_GROUPS. */\n\torgGroups?: SidebarNavGroup[];\n\t/** Custom project-level navigation groups. Defaults to DEFAULT_PROJECT_GROUPS. */\n\tprojectGroups?: SidebarNavGroup[];\n\t/**\n\t * Density of nav items, group labels, and sub-nav rows.\n\t * `\"comfortable\"` (default) keeps the current sizing; `\"compact\"` shrinks\n\t * padding, text, and icons so a long list of menu items fits more vertical\n\t * space.\n\t */\n\tdensity?: CoreAppSidebarDensity;\n\t/**\n\t * The shape of the nav: `\"list\"` (default) for the flat, ruled, all-open list, `\"tree\"` for\n\t * grouped sections that fold to their icon. See {@link CoreAppSidebarVariant}. Sets the defaults\n\t * for `showGroupDividers` and `groupsCollapsedByDefault`, both of which still override it.\n\t */\n\tvariant?: CoreAppSidebarVariant;\n\t/**\n\t * When `true`, the sidebar renders as a narrow icon-only rail: labels, the\n\t * org name, search field, and notification/profile text are hidden, leaving\n\t * just the icons with hover tooltips. Works for both densities. Defaults to\n\t * `false` (full-width sidebar).\n\t */\n\tcollapsed?: boolean;\n\t/**\n\t * Called whenever the user toggles collapse from inside the sidebar (the\n\t * header collapse button or the rail's expand button). Lets a parent react —\n\t * e.g. animate the sidebar container's width to match the rail. The\n\t * component still owns its `isCollapsed` state; treat this as a notification.\n\t */\n\tonCollapsedChange?: (collapsed: boolean) => void;\n\t/**\n\t * Controlled active item. Pass the id of the active top-level item OR a\n\t * sub-menu item; the sidebar highlights it and (for a sub-item) opens its\n\t * owning sub-menu. Keeps selection in sync with a host app's route in BOTH\n\t * densities — the expanded sub-view and the collapsed icon rail / flyout.\n\t * Omit to keep the current uncontrolled behavior.\n\t */\n\tactiveItemId?: string;\n\t/**\n\t * Build/version metadata shown in the footer dropdowns under a \"Source\"\n\t * section. Pass `commit` and/or `branch` to surface the deployed version.\n\t * Consumers typically wire these from build-time env vars (e.g. Vite's\n\t * `import.meta.env.VITE_COMMIT_SHA`). The section is omitted when both\n\t * fields are empty.\n\t */\n\tplatformStatus?: {\n\t\tcommit?: string;\n\t\tbranch?: string;\n\t};\n\t/**\n\t * Show the find/search input. Defaults to `true`. Set `false` for sidebars\n\t * with only a handful of nav items where search adds no value. Applies to both\n\t * the expanded sidebar and the collapsed icon rail.\n\t */\n\tshowSearch?: boolean;\n\t/**\n\t * Show the notifications control in the footer (comfortable density) and the\n\t * collapsed rail. Defaults to `true`. Set `false` for surfaces that don't have\n\t * notifications.\n\t */\n\tshowNotifications?: boolean;\n\t/**\n\t * Show the footer profile bar (avatar, name, account menu, and notifications).\n\t * Defaults to `true`. Set `false` for embedded/kiosk surfaces that don't need a\n\t * user/account area. Applies to both the expanded sidebar and the collapsed rail.\n\t */\n\tshowFooter?: boolean;\n\t/**\n\t * Current theme for the footer light/dark toggle. When provided, the sidebar is CONTROLLED — it reflects\n\t * this value and calls `onThemeChange` on toggle without touching the DOM (the host owns applying it).\n\t * When omitted, the sidebar is uncontrolled: it seeds from the document's `.dark` class and toggles that\n\t * class on `document.documentElement` itself, so the footer toggle works out of the box.\n\t */\n\ttheme?: ThemeMode;\n\t/** Fires when the footer theme toggle is used. Always called; pair with `theme` for controlled mode. */\n\tonThemeChange?: (theme: ThemeMode) => void;\n\t/**\n\t * Optional custom node pinned to the bottom of the EXPANDED sidebar (below the nav, above the profile\n\t * bar). Not shown in the collapsed rail. Use it for a brand/news/updates card or similar.\n\t */\n\tfooterContent?: React.ReactNode;\n\t/**\n\t * Brand shown in the expanded sidebar header, replacing the default mark + name.\n\t * Pass a sized element (e.g. `<img className=\"h-6 w-auto\" />`); it should\n\t * keep its own aspect ratio and fit the header height.\n\t */\n\tlogo?: React.ReactNode;\n\t/**\n\t * Brand shown at the top of the collapsed icon rail. Hovering it reveals an\n\t * expand affordance, and clicking expands the sidebar.\n\t */\n\tlogoCollapsed?: React.ReactNode;\n\t/**\n\t * Turn the expanded header brand into an ORG SWITCHER. The header renders the Core mark, a `/`\n\t * separator, then a dropdown showing the selected org's logo + name + chevron that opens a searchable\n\t * list of organizations. Pass the org names; `activeOrg` is the current selection and `onOrgChange`\n\t * fires on pick. When omitted, the header shows the static brand. Ignored when a custom `logo` is provided.\n\t */\n\torgs?: string[];\n\t/** The currently selected organization (defaults to the first of `orgs`). */\n\tactiveOrg?: string;\n\t/** Logo node for the selected org, shown in the switcher trigger before its name (e.g. a small `<img>`). */\n\tactiveOrgLogo?: React.ReactNode;\n\t/** Fires when an organization is picked from the switcher. */\n\tonOrgChange?: (org: string) => void;\n\t/** When set, adds a \"View all organizations\" action to the bottom of the org switcher dropdown. */\n\tonOrgViewAll?: () => void;\n\t/**\n\t * The signed-in user shown in the footer profile bar (expanded drawer, collapsed rail, and the\n\t * account menu). When omitted, a placeholder is shown so existing callers are unaffected.\n\t * `avatarUrl` renders via `AvatarImage`, falling back to the name's initials over the gradient.\n\t */\n\tuser?: {name: string; email?: string; avatarUrl?: string};\n\t/**\n\t * Fires when the footer \"Log Out\" item is chosen. Wires the otherwise-inert Log Out control; when\n\t * omitted the item stays inert (unchanged legacy behavior).\n\t */\n\tonLogout?: () => void;\n\t/**\n\t * Show the \"Home\" entry pinned at the very top of the nav (above the app items). Defaults to `true`, so\n\t * every app built on this shell exposes a Home affordance. Wire `onHome` to navigate; `homeActive`\n\t * highlights it.\n\t */\n\tshowHome?: boolean;\n\t/** Label for the Home entry (expanded sidebar and rail tooltip). Defaults to `\"Home\"`. */\n\thomeLabel?: string;\n\t/**\n\t * Draw a divider between the Home entry and the nav groups below it. Defaults to `true`. Set to\n\t * `false` when Home reads as the head of the first group rather than a section of its own — for\n\t * example a Home that lands on the installed apps listed directly beneath it. Only governs Home\n\t * standing ALONE: with a `pinnedTop`, Home joins that pinned block and the block's own divider\n\t * applies instead.\n\t */\n\tshowHomeDivider?: boolean;\n\t/**\n\t * Draw the automatic divider between every pair of consecutive nav groups. Defaults to `true` under\n\t * `variant=\"list\"` and `false` under `variant=\"tree\"`, where the headers and spines already read as\n\t * separate and the extra rules would only add noise. Set it explicitly to override the variant. A\n\t * group's own `dividerBefore` is independent and still stands when this is `false`.\n\t */\n\tshowGroupDividers?: boolean;\n\t/**\n\t * Start every `collapsible` group folded, so the sidebar opens as a short list of section headers\n\t * rather than the full tree. Defaults to `false` under `variant=\"list\"` and `true` under\n\t * `variant=\"tree\"`; set it explicitly to override the variant. Individual groups still remember\n\t * whatever the user does to them afterwards.\n\t */\n\tgroupsCollapsedByDefault?: boolean;\n\t/** Fires when the Home entry is chosen. */\n\tonHome?: () => void;\n\t/** Highlight the Home entry as the active surface. */\n\thomeActive?: boolean;\n\t/**\n\t * Show the \"Marketplace\" action — a plus button pinned directly under the app nav items. In the\n\t * collapsed rail it's just the plus icon; expanded it's plus + label. Defaults to `true`, so every\n\t * app built on this shell exposes the marketplace/app-installer entry.\n\t */\n\tshowMarketplace?: boolean;\n\t/** Label for the marketplace action (expanded sidebar and rail tooltip). Defaults to `\"Marketplace\"`. */\n\tmarketplaceLabel?: string;\n\t/** Fires when the marketplace action is chosen. */\n\tonMarketplace?: () => void;\n\t/** Highlight the marketplace action as the active surface (e.g. the App Installer template). */\n\tmarketplaceActive?: boolean;\n\t/** Label for the Search row. Defaults to `\"Search\"`. */\n\tsearchLabel?: string;\n\t/**\n\t * Fires when the Search row is chosen. The row is a plain nav entry, not an input — wire this to\n\t * whatever surface does the searching (a command palette or modal). Omit and the row is inert.\n\t */\n\tonSearch?: () => void;\n\t/** Highlight the Search row as the active surface. */\n\tsearchActive?: boolean;\n\t/**\n\t * A single key that, with the platform's command modifier, opens search — `\"j\"` binds ⌘J on a Mac\n\t * and Ctrl+J elsewhere. It does two jobs at once: the sidebar listens for the combination while it\n\t * is mounted and calls `onSearch`, and the Search row shows the hint, so the shortcut is\n\t * discoverable rather than folklore. Needs `onSearch`; omit it and there is no binding and no hint.\n\t */\n\tsearchShortcut?: string;\n\t/** Label for the Notifications row. Defaults to `\"Notifications\"`. */\n\tnotificationsLabel?: string;\n\t/**\n\t * Fires when the Notifications row is chosen. Omit and the row opens the built-in notifications\n\t * panel instead, the same one the footer bell used to open.\n\t */\n\tonNotifications?: () => void;\n\t/** Highlight the Notifications row as the active surface. */\n\tnotificationsActive?: boolean;\n\t/**\n\t * The notifications the built-in panel lists. Pass your own and the panel renders them; omit it and\n\t * a small built-in SAMPLE is shown so the shell looks alive in a prototype. Production callers\n\t * should always pass this — the sample is demo data, not a default worth shipping.\n\t *\n\t * `unread` drives the row's emphasis; the count beside the entry comes from `unreadNotifications`\n\t * so a caller whose unread total is bigger than the page it loaded can still say so.\n\t */\n\tnotifications?: SidebarNotification[];\n\t/** Fires when a notification in the panel is chosen, with the notification itself. */\n\tonNotificationSelect?: (notification: SidebarNotification) => void;\n\t/**\n\t * How many notifications are unread. Shown as a count beside the Notifications entry — a number in\n\t * the expanded row, and the same number on the collapsed rail's icon, so the rail never hides what\n\t * the open sidebar would have told you. `0` or omitted shows nothing at all: a zero badge is a\n\t * a claim that something needs attention when nothing does. Counts above 99 render as `99+`.\n\t */\n\tunreadNotifications?: number;\n\t/**\n\t * Fires when \"View all notifications\" at the foot of the notifications panel is chosen. The panel\n\t * only ever shows the most recent few, so this is the way out to the full surface. Omit it and the\n\t * action is not rendered.\n\t */\n\tonViewAllNotifications?: () => void;\n\t/**\n\t * An entry pinned directly under the search field, at the head of the pinned block it shares with\n\t * Home: the two run together and ONE divider falls beneath the pair, so the nav groups below read\n\t * as the separate section. For a surface that sits outside the app hierarchy rather than inside it\n\t * — a file system over every app's records, say, beside the Home that launches those apps. A pinned\n\t * entry always takes that divider, whatever `showHomeDivider` says. Omit and nothing renders, which\n\t * is every existing consumer.\n\t */\n\tpinnedTop?: {\n\t\tid: string;\n\t\tlabel: string;\n\t\ticon: React.ComponentType<{className?: string}>;\n\t\tonSelect?: () => void;\n\t\tactive?: boolean;\n\t};\n\t/**\n\t * Product name shown beside the logo when no org switcher is present. Defaults to `\"WC3\"`.\n\t */\n\tbrandName?: string;\n\t/**\n\t * Fires when a group is chosen from the COLLAPSED rail's flyout title. The expanded header no\n\t * longer navigates — its name folds the group, the same as its chevron — so this is the only\n\t * gesture that reports a group. Only groups carrying an `id` can fire it.\n\t */\n\tonGroupSelect?: (groupId: string) => void;\n\t/**\n\t * Mark a group as the active surface, by its `id` — the header takes full-strength foreground and\n\t * its rail icon lights. A mark, not a link: the header does not navigate.\n\t */\n\tactiveGroupId?: string;\n}\n\n// `inert` as an ATTRIBUTE rather than a boolean prop: React 18 rejects `inert={true}` as a non-boolean\n// attribute, and this component ships to consumers on both 18 and 19.\nconst INERT = {inert: \"\"} as unknown as {inert?: string};\n\nconst SIDEBAR_DENSITY = {\n\tcomfortable: {\n\t\tcontainer: \"wwc:pl-2 wwc:pr-3 wwc:py-2\",\n\t\trow: \"wwc:gap-3 wwc:px-3 wwc:py-[7px] wwc:text-[13px]\",\n\t\ticonSize: \"wwc:h-[15px] wwc:w-[15px]\",\n\t\t// The pinned block (Search / pinned entry / Home / Notifications) is already at row size here —\n\t\t// there is nothing above it to sit between.\n\t\tpinnedRow: \"wwc:gap-3 wwc:px-3 wwc:py-[7px] wwc:text-[13px]\",\n\t\tpinnedIconSize: \"wwc:h-[15px] wwc:w-[15px]\",\n\t\tspacing: \"wwc:space-y-0.5\",\n\t\t// The pinned block's rows are the taller ones, so they carry their own gap.\n\t\tpinnedSpacing: \"wwc:space-y-0.5\",\n\t\t// The Core mark, ONE size for both states. It used to be h-5 expanded and the nav icon size\n\t\t// collapsed, so toggling the sidebar resized the brand — and the collapsed rule set an explicit\n\t\t// width, squashing a mark that is wider than it is tall. This sits between the two and keeps\n\t\t// `w-auto`, so the mark holds its shape and its size whatever the sidebar is doing.\n\t\tbrandMark: \"wwc:h-[18px] wwc:w-auto\",\n\t\t// A tinted item icon sits in a rounded square slightly larger than the bare icon it replaces, the\n\t\t// way the file system's rows carry theirs.\n\t\ttoneChip: \"wwc:h-[22px] wwc:w-[22px]\",\n\t\ttoneIconSize: \"wwc:h-[13px] wwc:w-[13px]\",\n\t\t// Between GROUPS. Folded, a group is one header row, so without this the section headers stack\n\t\t// flush and read as a solid block — the same problem the rows had. A notch wider than the row\n\t\t// gap, since a group is a bigger unit than a row.\n\t\tgroupGap: \"wwc:mt-1\",\n\t\tseparator: \"wwc:my-2\",\n\t\tgroupLabel: \"wwc:px-3 wwc:pt-2 wwc:pb-1 wwc:text-[10px]\",\n\t\t// An icon-group renders as a TREE: the header reads like a parent row (same metrics as `row`),\n\t\t// and its items hang off a vertical guide with a short elbow into each one.\n\t\t// Guide x = the group icon's centre (px-3 = 12px + half of the 15px icon). It starts below the\n\t\t// icon so the two never touch, and stops at the LAST item's elbow rather than running past it —\n\t\t// `bottom` is half a row, measured from the items container's bottom edge.\n\t\tgroupGuide: \"wwc:left-[19px] wwc:top-[26px] wwc:bottom-[16px]\",\n\t\t// Items begin to the RIGHT of the spine — row, hover fill and active fill all start clear of it,\n\t\t// so the line never runs through a tab. 20px is the spine's right edge; 28 leaves the elbow room.\n\t\tgroupGuideIndent: \"wwc:pl-[28px]\",\n\t\t// Elbow from the spine into an item, at the row's vertical middle. Measured from the item row's\n\t\t// own left edge, so it reaches back across the gap the indent just created.\n\t\tgroupElbow: \"wwc:left-[-8px] wwc:w-[8px]\",\n\t\tsubGroupLabel: \"wwc:px-3 wwc:py-1.5 wwc:text-[10px]\",\n\t\tbackButton: \"wwc:px-3 wwc:py-2 wwc:mb-1 wwc:text-[13px]\",\n\t\theader: \"wwc:h-11 wwc:px-3\",\n\t\tfooter: \"wwc:px-3 wwc:py-2 wwc:gap-2\",\n\t},\n\tcompact: {\n\t\tcontainer: \"wwc:pl-1.5 wwc:pr-2.5 wwc:py-1.5\",\n\t\trow: \"wwc:gap-2 wwc:px-2 wwc:py-1 wwc:text-[12px]\",\n\t\ticonSize: \"wwc:h-[14px] wwc:w-[14px]\",\n\t\t// Between the two: 6px of vertical padding against compact's 4 and comfortable's 7, a 12.5px\n\t\t// label against 12 and 13, a 15px icon against 14 and 15. `px` deliberately stays at compact's\n\t\t// 8px — growing it would push these icons out of line with the group rows beneath them, and the\n\t\t// shared icon column is what makes the block read as the same nav.\n\t\tpinnedRow: \"wwc:gap-2.5 wwc:px-2 wwc:py-[6px] wwc:text-[12.5px]\",\n\t\tpinnedIconSize: \"wwc:h-[15px] wwc:w-[15px]\",\n\t\t// Compact used to run its rows flush (space-y-0), which read as a solid block rather than a list.\n\t\t// 2px is enough to separate them without costing the density anything meaningful.\n\t\tspacing: \"wwc:space-y-0.5\",\n\t\t// The pinned rows are bigger than the nav rows here, so they get a proportionally bigger gap —\n\t\t// the block breathes a little more than the groups beneath it, which is what marks it as its own.\n\t\tpinnedSpacing: \"wwc:space-y-1\",\n\t\t// A touch smaller than comfortable's 18px, landing on the same 14px the compact nav icons use —\n\t\t// so the mark sits in the header at the density the rest of the rail is drawn at.\n\t\tbrandMark: \"wwc:h-[14px] wwc:w-auto\",\n\t\ttoneChip: \"wwc:h-5 wwc:w-5\",\n\t\ttoneIconSize: \"wwc:h-3 wwc:w-3\",\n\t\tgroupGap: \"wwc:mt-1\",\n\t\tseparator: \"wwc:my-1\",\n\t\tgroupLabel: \"wwc:px-2 wwc:pt-1.5 wwc:pb-0.5 wwc:text-[9px]\",\n\t\tgroupGuide: \"wwc:left-[15px] wwc:top-[21px] wwc:bottom-[12px]\",\n\t\tgroupGuideIndent: \"wwc:pl-[22px]\",\n\t\tgroupElbow: \"wwc:left-[-6px] wwc:w-[6px]\",\n\t\tsubGroupLabel: \"wwc:px-2 wwc:py-1 wwc:text-[9px]\",\n\t\tbackButton: \"wwc:px-2 wwc:py-1 wwc:mb-0.5 wwc:text-[12px]\",\n\t\theader: \"wwc:h-9 wwc:px-2\",\n\t\tfooter: \"wwc:px-2 wwc:py-1 wwc:gap-1.5\",\n\t},\n} as const;\n\n/** App sidebar with org switcher, search, grouped navigation, profile, and notifications. */\n/** The sidebar body. `CoreAppSidebar` renders this inline on desktop and inside a left sheet on mobile. */\nfunction SidebarShell({\n\tonNavigate,\n\tonNavigateItem,\n\tlabels,\n\tseamless = false,\n\tonPin,\n\tviewLevel = \"project\",\n\torgGroups,\n\tprojectGroups,\n\tdensity = \"comfortable\",\n\tcollapsed = false,\n\tonCollapsedChange,\n\tactiveItemId,\n\tplatformStatus,\n\tshowSearch = true,\n\tshowNotifications = true,\n\tshowFooter = true,\n\ttheme: themeProp,\n\tonThemeChange,\n\tfooterContent,\n\tlogo,\n\tlogoCollapsed,\n\torgs,\n\tactiveOrg,\n\tactiveOrgLogo,\n\tonOrgChange,\n\tonOrgViewAll,\n\tuser,\n\tonLogout,\n\tshowHome = true,\n\thomeLabel = \"Home\",\n\tsearchLabel = \"Search\",\n\tonSearch,\n\tsearchActive = false,\n\tsearchShortcut,\n\tnotificationsLabel = \"Notifications\",\n\tonNotifications,\n\tnotificationsActive = false,\n\tunreadNotifications = 0,\n\tonViewAllNotifications,\n\tnotifications,\n\tonNotificationSelect,\n\tshowHomeDivider = true,\n\tvariant = \"list\",\n\tshowGroupDividers: showGroupDividersProp,\n\tgroupsCollapsedByDefault: groupsCollapsedByDefaultProp,\n\tonHome,\n\thomeActive = false,\n\tshowMarketplace = true,\n\tmarketplaceLabel = \"Marketplace\",\n\tonMarketplace,\n\tmarketplaceActive = false,\n\tpinnedTop,\n\tbrandName = \"WC3\",\n\tonGroupSelect,\n\tactiveGroupId,\n\thideCollapse = false,\n}: CoreAppSidebarProps & {hideCollapse?: boolean} = {}) {\n\t// The variant supplies the DEFAULT for each chrome prop it owns; an explicit prop always wins, so\n\t// a caller can take the tree shape and still keep its rules (or the list shape folded).\n\t// Not `tree`: the group map below binds that name per group (an icon-group renders as a tree), and\n\t// shadowing it there would make two different questions look like one.\n\tconst treeVariant = variant === \"tree\";\n\tconst showGroupDividers = showGroupDividersProp ?? !treeVariant;\n\tconst groupsCollapsedByDefault = groupsCollapsedByDefaultProp ?? treeVariant;\n\t// Is there a pinned block at all, and does it take a rule under it? A pinned entry always earns the\n\t// rule — it is the whole point of pinning something above the nav — so `showHomeDivider` decides\n\t// only the case it is named for: Home standing alone above the groups.\n\t// ⌘ on Apple platforms, Ctrl everywhere else. Read from the UA at render rather than at module\n\t// load, so a server render and the browser that hydrates it agree.\n\tconst isApple =\n\t\ttypeof navigator !== \"undefined\" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);\n\tconst searchHint = searchShortcut ? `${isApple ? \"⌘\" : \"Ctrl+\"}${searchShortcut.toUpperCase()}` : undefined;\n\t// The shortcut lives with the row it opens, so a consumer gets the binding AND the hint from one\n\t// prop instead of wiring a listener itself and hoping the two stay in step. Bound on the document,\n\t// because the point of a command shortcut is that it works wherever focus happens to be.\n\tconst onSearchRef = useRef(onSearch);\n\tonSearchRef.current = onSearch;\n\tuseEffect(() => {\n\t\tif (!searchShortcut) return;\n\t\tconst key = searchShortcut.toLowerCase();\n\t\tconst handle = (event: KeyboardEvent) => {\n\t\t\tif (!(event.metaKey || event.ctrlKey) || event.altKey || event.shiftKey) return;\n\t\t\tif (event.key.toLowerCase() !== key) return;\n\t\t\t// Only claim the combination when there is somewhere for it to go.\n\t\t\tif (!onSearchRef.current) return;\n\t\t\tevent.preventDefault();\n\t\t\tonSearchRef.current();\n\t\t};\n\t\tdocument.addEventListener(\"keydown\", handle);\n\t\treturn () => document.removeEventListener(\"keydown\", handle);\n\t}, [searchShortcut]);\n\n\t// Caller's list when given, the sample only as a prototype convenience.\n\tconst panelNotifications = notifications ?? SAMPLE_NOTIFICATIONS;\n\t// One derivation for both surfaces. Above 99 the exact number stops being useful and starts\n\t// stretching the row, so it caps — the point is \"a lot\", not the arithmetic.\n\tconst unreadBadge = unreadNotifications > 0 ? (unreadNotifications > 99 ? \"99+\" : String(unreadNotifications)) : null;\n\t// Search, the pinned entry, Home and Notifications are all shell surfaces standing outside the app\n\t// hierarchy below, so they render as one block of peer rows — expanded and in the rail — rather than\n\t// four separately-placed affordances. `notifications` has no handler when the consumer wants the\n\t// built-in panel; the renderer wraps that one in its popover.\n\tconst pinnedEntries: {\n\t\tkey: string;\n\t\tlabel: string;\n\t\ticon: React.ComponentType<{className?: string}>;\n\t\tonSelect?: () => void;\n\t\tactive?: boolean;\n\t\t/** A count shown beside the label (expanded) and on the icon (collapsed). */\n\t\tbadge?: string | null;\n\t\t/** A keyboard hint shown at the end of the row. Expanded only — the rail has no room for it. */\n\t\thint?: string;\n\t\tbuiltInNotifications?: boolean;\n\t}[] = [\n\t\t...(showSearch\n\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: \"search\",\n\t\t\t\t\t\tlabel: searchLabel,\n\t\t\t\t\t\ticon: Search,\n\t\t\t\t\t\tonSelect: onSearch,\n\t\t\t\t\t\tactive: searchActive,\n\t\t\t\t\t\thint: searchHint,\n\t\t\t\t\t},\n\t\t\t\t]\n\t\t\t: []),\n\t\t...(pinnedTop\n\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: \"pinned\",\n\t\t\t\t\t\tlabel: pinnedTop.label,\n\t\t\t\t\t\ticon: pinnedTop.icon,\n\t\t\t\t\t\tonSelect: pinnedTop.onSelect,\n\t\t\t\t\t\tactive: pinnedTop.active,\n\t\t\t\t\t},\n\t\t\t\t]\n\t\t\t: []),\n\t\t...(showHome ? [{key: \"home\", label: homeLabel, icon: Home, onSelect: onHome, active: homeActive}] : []),\n\t\t...(showNotifications\n\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: \"notifications\",\n\t\t\t\t\t\tlabel: notificationsLabel,\n\t\t\t\t\t\ticon: Bell,\n\t\t\t\t\t\tonSelect: onNotifications,\n\t\t\t\t\t\tactive: notificationsActive,\n\t\t\t\t\t\tbadge: unreadBadge,\n\t\t\t\t\t\tbuiltInNotifications: !onNotifications,\n\t\t\t\t\t},\n\t\t\t\t]\n\t\t\t: []),\n\t];\n\tconst pinnedBlock = pinnedEntries.length > 0;\n\t// A pinned entry always earns the rule beneath the block — it is the whole point of pinning a\n\t// surface above the nav — so `showHomeDivider` decides only the case it is named for: a block that\n\t// is nothing but Home.\n\tconst pinnedBlockDivider = pinnedEntries.some((e) => e.key !== \"home\") || showHomeDivider;\n\tconst d = SIDEBAR_DENSITY[density];\n\t// Built-in copy, consumer overrides layered over the English defaults (WC-GAP-03).\n\tconst L = {...DEFAULT_SIDEBAR_LABELS, ...labels};\n\t// Ambient direction, threaded into the nav ScrollAreas so they mirror under an RTL host (WC-GAP-01).\n\tconst navDir = useDocumentDir();\n\t// Footer profile — real user when provided, else the legacy placeholder (backward compatible).\n\tconst profileName = user?.name ?? \"Abdullah Alzahrani\";\n\t// Placeholder email only in the no-user legacy case; a real user with no email shows no email line.\n\tconst profileEmail = user ? user.email : \"abdullah@core.com\";\n\tconst profileAvatar = user?.avatarUrl;\n\tconst profileInitials = user\n\t\t? profileName\n\t\t\t\t.split(/\\s+/)\n\t\t\t\t.map((w) => w[0])\n\t\t\t\t.filter(Boolean)\n\t\t\t\t.slice(0, 2)\n\t\t\t\t.join(\"\")\n\t\t\t\t.toUpperCase()\n\t\t: \"\";\n\tconst selectedOrgName = activeOrg ?? orgs?.[0] ?? \"\";\n\tconst statusCommit = platformStatus?.commit;\n\tconst statusBranch = platformStatus?.branch;\n\t// Dropdown-item sizing — shrinks in compact mode to match the sidebar's nav rows.\n\tconst ddItemClass =\n\t\tdensity === \"compact\"\n\t\t\t? \"wwc:flex wwc:items-center wwc:justify-between wwc:py-1.5\"\n\t\t\t: \"wwc:flex wwc:items-center wwc:justify-between wwc:py-2.5\";\n\tconst ddRowClass =\n\t\tdensity === \"compact\"\n\t\t\t? \"wwc:flex wwc:items-center wwc:justify-between wwc:px-2 wwc:py-1.5\"\n\t\t\t: \"wwc:flex wwc:items-center wwc:justify-between wwc:px-2 wwc:py-2.5\";\n\tconst ddTextClass = density === \"compact\" ? \"wwc:text-[12px]\" : \"wwc:text-[13px]\";\n\tconst ddIconClass = density === \"compact\" ? \"wwc:h-3.5 wwc:w-3.5\" : \"wwc:h-4 wwc:w-4\";\n\tconst [view, setView] = useState<View>(\"main\");\n\tconst [activeSubMenuId, setActiveSubMenuId] = useState<string | null>(null);\n\tconst [activeItem, setActiveItem] = useState(\"projects\");\n\tconst [notifOpen, setNotifOpen] = useState(false);\n\t// Footer theme toggle. Uncontrolled by default: restore the last choice from localStorage (falling back\n\t// to the document's `.dark` class), persist it on toggle, and apply it to `document.documentElement` — so\n\t// the theme survives a reload. Controlled when a `theme` prop is passed (host applies it via onThemeChange).\n\tconst [themeState, setThemeState] = useState<ThemeMode>(() => {\n\t\ttry {\n\t\t\tconst saved = typeof window !== \"undefined\" ? window.localStorage.getItem(THEME_KEY) : null;\n\t\t\tif (saved === \"dark\" || saved === \"light\") return saved;\n\t\t} catch {\n\t\t\t// storage unavailable — fall through to the DOM class\n\t\t}\n\t\treturn typeof document !== \"undefined\" && document.documentElement.classList.contains(\"dark\") ? \"dark\" : \"light\";\n\t});\n\t// Apply the restored theme to the DOM once on mount (uncontrolled only), so a reload shows it.\n\tuseEffect(() => {\n\t\tif (themeProp === undefined && typeof document !== \"undefined\")\n\t\t\tdocument.documentElement.classList.toggle(\"dark\", themeState === \"dark\");\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\tconst theme = themeProp ?? themeState;\n\tconst applyTheme = (m: ThemeMode) => {\n\t\tif (themeProp === undefined) {\n\t\t\tsetThemeState(m);\n\t\t\tif (typeof document !== \"undefined\") document.documentElement.classList.toggle(\"dark\", m === \"dark\");\n\t\t\ttry {\n\t\t\t\twindow.localStorage.setItem(THEME_KEY, m);\n\t\t\t} catch {\n\t\t\t\t// ignore\n\t\t\t}\n\t\t}\n\t\tonThemeChange?.(m);\n\t};\n\n\t// The profile menu is rendered by BOTH the expanded footer (from the \"...\" button) and the\n\t// collapsed rail (from the avatar), so it lives here once — two copies would drift apart.\n\tconst renderProfileMenu = (side: \"top\" | \"right\" = \"top\", align: \"start\" | \"end\" = \"start\") => (\n\t\t<DropdownMenuContent side={side} align={align} className=\"wwc:w-[280px] wwc:rounded-xl\">\n\t\t\t<DropdownMenuLabel className=\"wwc:font-normal\">\n\t\t\t\t<div className=\"wwc:min-w-0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`wwc:font-semibold wwc:text-foreground wwc:truncate ${density === \"compact\" ? \"wwc:text-[12px]\" : \"wwc:text-[13px]\"}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t{profileName}\n\t\t\t\t\t</div>\n\t\t\t\t\t{profileEmail && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={`wwc:text-muted-foreground wwc:truncate ${density === \"compact\" ? \"wwc:text-[11px]\" : \"wwc:text-[12px]\"}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{profileEmail}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</DropdownMenuLabel>\n\t\t\t<DropdownMenuSeparator />\n\t\t\t<div className={ddRowClass}>\n\t\t\t\t<span className={`${ddTextClass} wwc:text-foreground/80`}>{L.theme}</span>\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-0.5 wwc:border wwc:rounded-lg wwc:p-0.5\">\n\t\t\t\t\t{([\"light\", \"dark\"] as ThemeMode[]).map((m) => {\n\t\t\t\t\t\tconst Icon = m === \"light\" ? Sun : Moon;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tkey={m}\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\taria-label={L.themeToggle(m)}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\tapplyTheme(m);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName={`${density === \"compact\" ? \"wwc:h-6 wwc:w-6\" : \"wwc:h-7 wwc:w-7\"} ${theme === m ? \"wwc:bg-muted wwc:text-foreground\" : \"wwc:text-muted-foreground/70 wwc:hover:text-foreground\"}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon className={density === \"compact\" ? \"wwc:h-3 wwc:w-3\" : \"wwc:h-3.5 wwc:w-3.5\"} />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<DropdownMenuSeparator />\n\t\t\t<DropdownMenuItem className={ddItemClass} onClick={onLogout}>\n\t\t\t\t<span className={ddTextClass}>{L.logOut}</span>\n\t\t\t\t<LogOut className={`${ddIconClass} wwc:text-muted-foreground`} />\n\t\t\t</DropdownMenuItem>\n\t\t\t{(statusBranch || statusCommit) && (\n\t\t\t\t<>\n\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t<div className=\"wwc:px-2 wwc:py-3\">\n\t\t\t\t\t\t<div className=\"wwc:text-[11px] wwc:text-muted-foreground/70 wwc:uppercase wwc:tracking-wide wwc:mb-0.5\">\n\t\t\t\t\t\t\t{L.source}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-[12px] wwc:text-muted-foreground wwc:font-mono\">\n\t\t\t\t\t\t\t{statusBranch && <span className=\"wwc:truncate\">{statusBranch}</span>}\n\t\t\t\t\t\t\t{statusBranch && statusCommit && <span aria-hidden>·</span>}\n\t\t\t\t\t\t\t{statusCommit && <span>{statusCommit}</span>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</DropdownMenuContent>\n\t);\n\n\t// Which collapsed-rail nav item currently has its sub-tab flyout open.\n\tconst [railFlyoutId, setRailFlyoutId] = useState<string | null>(null);\n\t// Which collapsible groups the user has folded shut, keyed by label. Absent = expanded, so a group\n\t// only ever needs recording once the user acts on it.\n\tconst [collapsedGroups, setCollapsedGroups] = useState<Record<string, boolean>>({});\n\t// Internal collapse state, restored from localStorage (so it survives a reload), else seeded from the\n\t// `collapsed` prop. Kept in sync with the prop when the parent drives it.\n\tconst [isCollapsed, setIsCollapsed] = useState<boolean>(() => {\n\t\ttry {\n\t\t\tconst saved = typeof window !== \"undefined\" ? window.localStorage.getItem(COLLAPSE_KEY) : null;\n\t\t\tif (saved === \"1\") return true;\n\t\t\tif (saved === \"0\") return false;\n\t\t} catch {\n\t\t\t// storage unavailable\n\t\t}\n\t\treturn collapsed;\n\t});\n\t// Sync from the prop only when the parent actually changes it — keep the restored value on mount.\n\tconst firstCollapseSync = useRef(true);\n\tuseEffect(() => {\n\t\tif (firstCollapseSync.current) {\n\t\t\tfirstCollapseSync.current = false;\n\t\t\treturn;\n\t\t}\n\t\tsetIsCollapsed(collapsed);\n\t}, [collapsed]);\n\t// Toggle collapse from inside the sidebar, persist it, AND notify the parent so it can reflow the layout.\n\tconst setCollapsed = (next: boolean) => {\n\t\tsetIsCollapsed(next);\n\t\ttry {\n\t\t\twindow.localStorage.setItem(COLLAPSE_KEY, next ? \"1\" : \"0\");\n\t\t} catch {\n\t\t\t// ignore\n\t\t}\n\t\tonCollapsedChange?.(next);\n\t};\n\t/** The built-in notifications panel. Opened from the Notifications row in the pinned block, and\n\t *  from the rail's notifications icon when collapsed — it used to hang off a bell in the footer. */\n\tfunction renderNotificationsPanel(side: \"top\" | \"right\", align: \"end\" | \"start\") {\n\t\treturn (\n\t\t\t<PopoverContent\n\t\t\t\tside={side}\n\t\t\t\talign={align}\n\t\t\t\tclassName={`wwc:w-[300px] wwc:p-0 wwc:rounded-xl wwc:flex wwc:flex-col wwc:h-[340px] ${FLOAT_SHADOW}`}\n\t\t\t>\n\t\t\t\t<ScrollArea className=\"wwc:flex-1 wwc:min-h-0\" scrollbarClassName=\"wwc:w-1.5\" thumbClassName=\"wwc:bg-border/60\">\n\t\t\t\t\t{panelNotifications.length === 0 && (\n\t\t\t\t\t\t<div className=\"wwc:px-4 wwc:py-8 wwc:text-center wwc:text-[12px] wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t{L.notificationsEmpty}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{panelNotifications.map((n) => {\n\t\t\t\t\t\tconst rowClass = `wwc:w-full wwc:text-start wwc:px-4 wwc:py-3 wwc:border-b wwc:last:border-b-0 wwc:transition-colors ${\n\t\t\t\t\t\t\tonNotificationSelect ? \"wwc:cursor-pointer wwc:hover:bg-muted\" : \"\"\n\t\t\t\t\t\t} ${n.unread ? \"wwc:bg-accent/40\" : \"\"}`;\n\t\t\t\t\t\t// A real <button> when it is selectable, a plain <div> when it is not — rather than a\n\t\t\t\t\t\t// div wearing role=\"button\", which has to reimplement focus and Enter/Space by hand and\n\t\t\t\t\t\t// gets them subtly wrong.\n\t\t\t\t\t\tconst Row = onNotificationSelect ? \"button\" : \"div\";\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Row\n\t\t\t\t\t\t\t\tkey={n.id}\n\t\t\t\t\t\t\t\t{...(onNotificationSelect ? {type: \"button\" as const, onClick: () => onNotificationSelect(n)} : {})}\n\t\t\t\t\t\t\t\tclassName={rowClass}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-start wwc:justify-between wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:min-w-0\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t\t\t\t\t\t{n.unread && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:h-1.5 wwc:w-1.5 wwc:rounded-full wwc:bg-blue-500 wwc:flex-shrink-0 wwc:mt-0.5\" />\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-[12px] wwc:font-medium wwc:text-foreground\">{n.title}</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t{n.body && <div className=\"wwc:text-[11px] wwc:text-muted-foreground wwc:mt-0.5\">{n.body}</div>}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-[11px] wwc:text-muted-foreground/70 wwc:flex-shrink-0\">{n.time}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Row>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ScrollArea>\n\t\t\t\t{onViewAllNotifications && (\n\t\t\t\t\t<div className=\"wwc:flex-shrink-0 wwc:border-t wwc:border-border wwc:p-1\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetNotifOpen(false);\n\t\t\t\t\t\t\t\tonViewAllNotifications();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName=\"wwc:w-full wwc:rounded-md wwc:px-3 wwc:py-2 wwc:text-[12px] wwc:font-medium wwc:text-foreground/80 wwc:transition-colors wwc:hover:bg-muted/50 wwc:hover:text-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{L.viewAllNotifications}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</PopoverContent>\n\t\t);\n\t}\n\n\tconst resolvedOrgGroups = orgGroups ?? DEFAULT_ORG_GROUPS;\n\tconst resolvedProjectGroups = projectGroups ?? DEFAULT_PROJECT_GROUPS;\n\tconst baseGroups = viewLevel === \"org\" ? resolvedOrgGroups : resolvedProjectGroups;\n\t// Search is a nav ROW that hands off to a surface of the consumer's choosing, not an inline filter,\n\t// so the nav always renders every group.\n\tconst groups = baseGroups;\n\tconst allNavItems = baseGroups.flatMap((g) => g.items);\n\tconst activeSubMenu = allNavItems.find((n) => n.id === activeSubMenuId)?.subMenu ?? null;\n\n\t// Reset to main view when level switches and navigate to the first tab\n\tconst onNavigateRef = useRef(onNavigate);\n\tonNavigateRef.current = onNavigate;\n\tconst onNavigateItemRef = useRef(onNavigateItem);\n\tonNavigateItemRef.current = onNavigateItem;\n\tconst prevViewLevel = useRef(viewLevel);\n\tuseEffect(() => {\n\t\tsetView(\"main\");\n\t\tsetActiveSubMenuId(null);\n\t\tconst firstItem = viewLevel === \"org\" ? resolvedOrgGroups[0]?.items[0] : resolvedProjectGroups[0]?.items[0];\n\t\tif (firstItem) {\n\t\t\tsetActiveItem(firstItem.id);\n\t\t\t// Only navigate when viewLevel actually changes, not on initial mount\n\t\t\tif (prevViewLevel.current !== viewLevel) {\n\t\t\t\tonNavigateRef.current?.(firstItem.label);\n\t\t\t\tonNavigateItemRef.current?.(firstItem);\n\t\t\t}\n\t\t\tprevViewLevel.current = viewLevel;\n\t\t}\n\t}, [viewLevel, resolvedOrgGroups, resolvedProjectGroups]);\n\n\t// Controlled selection: resolve activeItemId to the matching top-level item\n\t// or sub-menu item and open the right view. Lets a parent drive the\n\t// highlight from its route without synthetic DOM clicks — works in the\n\t// collapsed rail/flyout too, where there are no text labels to match.\n\tuseEffect(() => {\n\t\tif (!activeItemId) return;\n\t\tif (baseGroups.some((g) => g.items.some((i) => i.id === activeItemId))) {\n\t\t\tsetView(\"main\");\n\t\t\tsetActiveSubMenuId(null);\n\t\t\tsetActiveItem(activeItemId);\n\t\t\treturn;\n\t\t}\n\t\tfor (const g of baseGroups) {\n\t\t\tfor (const item of g.items) {\n\t\t\t\tif (item.subMenu?.groups.some((sg) => sg.items.some((s) => s.id === activeItemId))) {\n\t\t\t\t\tsetView(\"sub\");\n\t\t\t\t\tsetActiveSubMenuId(item.id);\n\t\t\t\t\tsetActiveItem(activeItemId);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}, [activeItemId, baseGroups]);\n\n\t/** Choosing a group — from the expanded header's name or the collapsed rail's flyout title. Opens\n\t *  the group's page, and expands it, so the nav never contradicts the surface it just opened. */\n\tfunction selectGroup(group: SidebarNavGroup) {\n\t\tif (!group.id) return;\n\t\tif (group.collapsible && group.label) {\n\t\t\tconst label = group.label;\n\t\t\tsetCollapsedGroups((prev) => ({...prev, [label]: false}));\n\t\t}\n\t\tonGroupSelect?.(group.id);\n\t}\n\n\tfunction openSub(item: SidebarNavItem) {\n\t\tif (item.expandable && item.subMenu) {\n\t\t\tsetActiveSubMenuId(item.id);\n\t\t\tsetView(\"sub\");\n\t\t\tconst firstSubItem = item.subMenu.groups[0]?.items[0];\n\t\t\tif (firstSubItem) {\n\t\t\t\tsetActiveItem(firstSubItem.id);\n\t\t\t\tonNavigate?.(firstSubItem.label, true, item.label);\n\t\t\t\tonNavigateItem?.(firstSubItem, item);\n\t\t\t} else {\n\t\t\t\tonNavigate?.(item.label, true);\n\t\t\t\tonNavigateItem?.(item);\n\t\t\t}\n\t\t} else {\n\t\t\tsetActiveItem(item.id);\n\t\t\tonNavigate?.(item.label);\n\t\t\tonNavigateItem?.(item);\n\t\t}\n\t}\n\n\tfunction closeSub() {\n\t\tsetView(\"main\");\n\t\tsetActiveSubMenuId(null);\n\t}\n\n\t// ── Nav item renderer ──\n\t/** An item inside a group. In a tree it carries the elbow that ties it to the group's spine. */\n\tfunction renderGroupItem(item: SidebarNavItem, tree: boolean) {\n\t\tif (!tree) return <NavRow key={item.id} item={item} />;\n\t\treturn (\n\t\t\t<div key={item.id} className=\"wwc:relative\">\n\t\t\t\t<span\n\t\t\t\t\taria-hidden\n\t\t\t\t\tclassName={`wwc:pointer-events-none wwc:absolute wwc:top-1/2 wwc:h-px wwc:bg-border ${SIDEBAR_DENSITY[density].groupElbow}`}\n\t\t\t\t/>\n\t\t\t\t<NavRow item={item} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tfunction NavRow({item}: {item: SidebarNavItem}) {\n\t\t// When a PINNED entry (Files, Home, the Marketplace) or a GROUP PAGE owns the selection, no app\n\t\t// nav item reads as active — that entry carries the mark instead, and a stale item highlight\n\t\t// underneath it would claim the surface belongs to two places at once.\n\t\tconst isActive =\n\t\t\t!marketplaceActive &&\n\t\t\t!homeActive &&\n\t\t\t!pinnedTop?.active &&\n\t\t\tactiveGroupId === undefined &&\n\t\t\t(activeItem === item.id || (item.subMenu?.groups.some((g) => g.items.some((i) => i.id === activeItem)) ?? false));\n\t\tconst className = `wwc:w-full wwc:flex wwc:items-center ${d.row} wwc:rounded-lg wwc:transition-colors wwc:group ${\n\t\t\tisActive\n\t\t\t\t? \"wwc:bg-muted wwc:font-medium wwc:text-foreground\"\n\t\t\t\t: \"wwc:text-foreground/80 wwc:hover:bg-muted/50 wwc:hover:text-foreground\"\n\t\t}`;\n\t\tconst content = (\n\t\t\t<>\n\t\t\t\t<span className=\"wwc:relative wwc:flex wwc:flex-shrink-0 wwc:items-center\">\n\t\t\t\t\t{item.tone ? (\n\t\t\t\t\t\t// The tint owns the icon's colour, so it deliberately does NOT take the row's hover or\n\t\t\t\t\t\t// active foreground — that would wash the hue out exactly when the reader points at it.\n\t\t\t\t\t\t<span className={`wwc:flex wwc:items-center wwc:justify-center wwc:rounded-md ${d.toneChip} ${item.tone}`}>\n\t\t\t\t\t\t\t<item.icon className={d.toneIconSize} />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<item.icon className={`${d.iconSize} wwc:text-muted-foreground wwc:group-hover:text-foreground`} />\n\t\t\t\t\t)}\n\t\t\t\t\t{item.dot && (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={`wwc:absolute wwc:-right-0.5 wwc:-top-0.5 wwc:h-2 wwc:w-2 wwc:rounded-full wwc:ring-2 wwc:ring-card ${item.dot}`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t\t<span className=\"wwc:flex-1 wwc:text-start wwc:truncate wwc:min-w-0\">{item.label}</span>\n\t\t\t\t{item.badge && (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tclassName=\"wwc:ml-1 wwc:text-[10px] wwc:px-1.5 wwc:py-0.5 wwc:rounded-full wwc:leading-none wwc:h-auto wwc:font-medium\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t\t{item.expandable && (\n\t\t\t\t\t<ChevronRight className=\"wwc:h-3.5 wwc:w-3.5 wwc:text-muted-foreground wwc:flex-shrink-0\" />\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t\tif (item.href) {\n\t\t\treturn (\n\t\t\t\t<a\n\t\t\t\t\thref={item.href}\n\t\t\t\t\tdata-core-route-link\n\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\topenSub(item);\n\t\t\t\t\t}}\n\t\t\t\t\tclassName={className}\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</a>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<button type=\"button\" onClick={() => openSub(item)} className={className}>\n\t\t\t\t{content}\n\t\t\t</button>\n\t\t);\n\t}\n\n\t// ── Collapsed icon-only rail ──\n\tif (isCollapsed) {\n\t\tconst railWidth = density === \"compact\" ? \"wwc:w-[52px]\" : \"wwc:w-16\";\n\t\tconst railHeader = density === \"compact\" ? \"wwc:h-9\" : \"wwc:h-11\";\n\t\tconst iconBtn = density === \"compact\" ? \"wwc:h-8 wwc:w-8\" : \"wwc:h-9 wwc:w-9\";\n\t\t// Empty groups are dropped so a group with nothing in it (installed apps, before the first\n\t\t// install) cannot leave a divider floating with no icons under it.\n\t\tconst railGroups = baseGroups.filter((g) => g.items.length > 0);\n\t\t// forwardRef + a rest spread so this can serve as a Radix `asChild` trigger. Without them the\n\t\t// notifications entry in the rail was inert: Radix hands its handlers and ref to the element it\n\t\t// is given, and a plain function component that declares a fixed prop list silently drops both,\n\t\t// so the icon rendered but nothing opened.\n\t\tconst RailIconButton = forwardRef<\n\t\t\tHTMLButtonElement,\n\t\t\t{\n\t\t\t\tlabel: string;\n\t\t\t\tisActive?: boolean;\n\t\t\t\thasBadge?: boolean;\n\t\t\t\thref?: string;\n\t\t\t\tchildren: React.ReactNode;\n\t\t\t} & Omit<React.ComponentPropsWithoutRef<\"button\">, \"children\">\n\t\t>(({label, isActive, hasBadge, href, onClick, children, ...rest}, ref) => {\n\t\t\tconst className = `wwc:relative wwc:flex wwc:items-center wwc:justify-center wwc:rounded-lg wwc:transition-colors ${iconBtn} ${\n\t\t\t\tisActive\n\t\t\t\t\t? \"wwc:bg-muted wwc:text-foreground\"\n\t\t\t\t\t: \"wwc:text-muted-foreground wwc:hover:bg-muted/50 wwc:hover:text-foreground\"\n\t\t\t}`;\n\t\t\tconst content = (\n\t\t\t\t<>\n\t\t\t\t\t{children}\n\t\t\t\t\t{hasBadge && (\n\t\t\t\t\t\t<span className=\"wwc:absolute wwc:top-1 wwc:right-1 wwc:h-1.5 wwc:w-1.5 wwc:rounded-full wwc:bg-blue-500\" />\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t);\n\t\t\treturn (\n\t\t\t\t<HoverTooltip content={label} side=\"right\">\n\t\t\t\t\t{href ? (\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref={href}\n\t\t\t\t\t\t\tdata-core-route-link\n\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t// `onClick` is now a real mouse handler (so Radix can compose onto it); the anchor\n\t\t\t\t\t\t\t\t// branch hands it the same event after suppressing navigation.\n\t\t\t\t\t\t\t\tonClick?.(event as unknown as React.MouseEvent<HTMLButtonElement>);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-label={label}\n\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button type=\"button\" ref={ref} aria-label={label} className={className} onClick={onClick} {...rest}>\n\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t)}\n\t\t\t\t</HoverTooltip>\n\t\t\t);\n\t\t});\n\t\tRailIconButton.displayName = \"RailIconButton\";\n\n\t\t// The rail's drill-in flyout: one icon that opens a titled list. Used by BOTH an `expandable` item\n\t\t// with a `subMenu` and a group carrying an `icon`, so the two can never diverge into different\n\t\t// behaviours for what is, to the user, the same gesture.\n\t\tconst RailFlyout = ({\n\t\t\tflyoutId,\n\t\t\tlabel,\n\t\t\ttitle,\n\t\t\ticon: Icon,\n\t\t\tisActive,\n\t\t\thasBadge,\n\t\t\trows,\n\t\t\tonSelect,\n\t\t\tonTitleSelect,\n\t\t\ttitleActive,\n\t\t}: {\n\t\t\tflyoutId: string;\n\t\t\tlabel: string;\n\t\t\ttitle: string;\n\t\t\ticon: React.ComponentType<{className?: string}>;\n\t\t\tisActive: boolean;\n\t\t\thasBadge?: boolean;\n\t\t\trows: {\n\t\t\t\tid: string;\n\t\t\t\tlabel: string;\n\t\t\t\ticon: React.ComponentType<{className?: string}>;\n\t\t\t\tbadge?: string;\n\t\t\t\ttone?: string;\n\t\t\t}[];\n\t\t\tonSelect: (rowId: string) => void;\n\t\t\t/** Makes the flyout's TITLE a link, the way a group's name is in the expanded sidebar. Omitted\n\t\t\t *  for an item's sub-menu, which has no page of its own to open. */\n\t\t\tonTitleSelect?: () => void;\n\t\t\t/** Underlines the title while that group's page is the open surface — the same mark the\n\t\t\t *  expanded sidebar puts on the group name. */\n\t\t\ttitleActive?: boolean;\n\t\t}) => {\n\t\t\tconst flyoutOpen = railFlyoutId === flyoutId;\n\t\t\treturn (\n\t\t\t\t<Popover\n\t\t\t\t\topen={railFlyoutId === flyoutId}\n\t\t\t\t\t// Closing only ever clears the slot if THIS flyout still holds it. One shared piece of\n\t\t\t\t\t// state serves every rail flyout, and clicking straight from one group's icon to\n\t\t\t\t\t// another's makes the two overlap: the new flyout claims the slot on click, and the old\n\t\t\t\t\t// one is dismissed a moment later when focus lands outside it. An unconditional\n\t\t\t\t\t// `setRailFlyoutId(null)` on that dismissal wiped the claim the click had just made, so\n\t\t\t\t\t// the click was spent closing rather than switching and the switch took two. Comparing\n\t\t\t\t\t// against the current value makes the late close a no-op instead.\n\t\t\t\t\tonOpenChange={(open) =>\n\t\t\t\t\t\tsetRailFlyoutId((current) => (open ? flyoutId : current === flyoutId ? null : current))\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{/* While the flyout is open the icon drops its hover treatment entirely — no fill, and no\n\t\t\t\t    tooltip. The open menu already names the group and sits right beside it, so a hover\n\t\t\t\t    fill under it and a tooltip over it are both just noise. A genuinely active surface\n\t\t\t\t    still keeps its fill. */}\n\t\t\t\t\t{(() => {\n\t\t\t\t\t\tconst trigger = (\n\t\t\t\t\t\t\t<PopoverTrigger asChild>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\taria-label={label}\n\t\t\t\t\t\t\t\t\tdata-rail-flyout={flyoutId}\n\t\t\t\t\t\t\t\t\t// Decide on POINTERDOWN, not on click. `RailFlyout` is defined inside this render\n\t\t\t\t\t\t\t\t\t// body, so every state change gives it a new component identity and React remounts\n\t\t\t\t\t\t\t\t\t// each flyout — which means a decision made on `click` has to survive both that\n\t\t\t\t\t\t\t\t\t// remount and the old flyout's dismissal. Pressing is the first thing that happens,\n\t\t\t\t\t\t\t\t\t// so the assignment lands before anything can undo it, and the guarded\n\t\t\t\t\t\t\t\t\t// `onOpenChange` below stops the old flyout's later close from clearing it.\n\t\t\t\t\t\t\t\t\tonPointerDown={() => setRailFlyoutId(flyoutOpen ? null : flyoutId)}\n\t\t\t\t\t\t\t\t\t// Keyboard never fires pointerdown, so Enter/Space toggle here instead.\n\t\t\t\t\t\t\t\t\tonKeyDown={(event) => {\n\t\t\t\t\t\t\t\t\t\tif (event.key !== \"Enter\" && event.key !== \" \") return;\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tsetRailFlyoutId(flyoutOpen ? null : flyoutId);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t// The pointer path has already decided; this only stops Radix's own toggle from\n\t\t\t\t\t\t\t\t\t// running afterwards and flipping it straight back (it composes handlers and skips\n\t\t\t\t\t\t\t\t\t// its own once the default is prevented).\n\t\t\t\t\t\t\t\t\tonClick={(event) => event.preventDefault()}\n\t\t\t\t\t\t\t\t\tclassName={`wwc:relative wwc:flex wwc:items-center wwc:justify-center wwc:rounded-lg wwc:transition-colors ${iconBtn} ${\n\t\t\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t\t\t\t\t? \"wwc:bg-muted wwc:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t: flyoutOpen\n\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t: \"wwc:text-muted-foreground wwc:hover:bg-muted/50 wwc:hover:text-foreground\"\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon className={d.iconSize} />\n\t\t\t\t\t\t\t\t\t{hasBadge && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:absolute wwc:top-1 wwc:right-1 wwc:h-1.5 wwc:w-1.5 wwc:rounded-full wwc:bg-blue-500\" />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</PopoverTrigger>\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn flyoutOpen ? (\n\t\t\t\t\t\t\ttrigger\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<HoverTooltip content={label} side=\"right\">\n\t\t\t\t\t\t\t\t{trigger}\n\t\t\t\t\t\t\t</HoverTooltip>\n\t\t\t\t\t\t);\n\t\t\t\t\t})()}\n\t\t\t\t\t<PopoverContent\n\t\t\t\t\t\tside=\"right\"\n\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\tclassName={`wwc:w-[220px] wwc:p-1 wwc:rounded-xl ${FLOAT_SHADOW}`}\n\t\t\t\t\t\t// A pointer-down on another rail icon must SWITCH to that flyout, not merely dismiss this\n\t\t\t\t\t\t// one and leave the click spent. Handle it here and let that icon's own click finish the\n\t\t\t\t\t\t// job; everything else dismisses normally.\n\t\t\t\t\t\tonPointerDownOutside={(event) => {\n\t\t\t\t\t\t\tconst target = event.target as HTMLElement | null;\n\t\t\t\t\t\t\tif (target?.closest(\"[data-rail-flyout]\")) event.preventDefault();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{onTitleSelect ? (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonTitleSelect();\n\t\t\t\t\t\t\t\t\tsetRailFlyoutId(null);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName={`wwc:w-full wwc:rounded-md wwc:px-2 wwc:py-1.5 wwc:text-left wwc:text-[11px] wwc:font-semibold wwc:uppercase wwc:tracking-wide wwc:transition-colors wwc:hover:underline wwc:hover:text-foreground ${\n\t\t\t\t\t\t\t\t\ttitleActive ? \"wwc:text-foreground wwc:underline\" : \"wwc:text-muted-foreground/70\"\n\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div className=\"wwc:px-2 wwc:py-1.5 wwc:text-[11px] wwc:font-semibold wwc:uppercase wwc:tracking-wide wwc:text-muted-foreground/70\">\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{rows.map((row) => {\n\t\t\t\t\t\t\tconst RowIcon = row.icon;\n\t\t\t\t\t\t\tconst rowActive = activeItem === row.id;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tkey={row.id}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tonSelect(row.id);\n\t\t\t\t\t\t\t\t\t\tsetRailFlyoutId(null);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tclassName={`wwc:w-full wwc:flex wwc:items-center wwc:gap-2.5 wwc:rounded-lg wwc:px-2 wwc:py-1.5 wwc:text-[13px] wwc:transition-colors ${\n\t\t\t\t\t\t\t\t\t\trowActive\n\t\t\t\t\t\t\t\t\t\t\t? \"wwc:bg-muted wwc:font-medium wwc:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t: \"wwc:text-foreground/80 wwc:hover:bg-muted/50 wwc:hover:text-foreground\"\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{row.tone ? (\n\t\t\t\t\t\t\t\t\t\t// The same tinted chip the expanded nav gives this item: collapsing the sidebar\n\t\t\t\t\t\t\t\t\t\t// must not change what an app looks like, or the colour stops being an identity.\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:flex wwc:flex-shrink-0 wwc:items-center wwc:justify-center wwc:rounded-md wwc:h-[22px] wwc:w-[22px] ${row.tone}`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<RowIcon className=\"wwc:h-[13px] wwc:w-[13px]\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<RowIcon className=\"wwc:h-4 wwc:w-4 wwc:flex-shrink-0 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:flex-1 wwc:text-left wwc:truncate\">{row.label}</span>\n\t\t\t\t\t\t\t\t\t{row.badge && (\n\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:text-[10px] wwc:px-1.5 wwc:py-0.5 wwc:rounded-full wwc:leading-none wwc:h-auto\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{row.badge}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</PopoverContent>\n\t\t\t\t</Popover>\n\t\t\t);\n\t\t};\n\n\t\t// One rail icon. Pulled out of the nav loop so the loop can walk GROUPS rather than a flat item\n\t\t// list — the rail needs the group boundaries to draw dividers, exactly as the expanded sidebar does.\n\t\tconst renderRailItem = (item: SidebarNavItem) => {\n\t\t\tconst isActive =\n\t\t\t\t!marketplaceActive &&\n\t\t\t\t!homeActive &&\n\t\t\t\t!pinnedTop?.active &&\n\t\t\t\tactiveGroupId === undefined &&\n\t\t\t\t(activeItem === item.id ||\n\t\t\t\t\t(item.subMenu?.groups.some((g) => g.items.some((i) => i.id === activeItem)) ?? false));\n\n\t\t\t// Items with a sub-menu open a small flyout to pick a tab; the rest navigate directly.\n\t\t\tif (item.expandable && item.subMenu) {\n\t\t\t\tconst subItems = item.subMenu.groups.flatMap((g) => g.items);\n\t\t\t\treturn (\n\t\t\t\t\t<RailFlyout\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\tflyoutId={item.id}\n\t\t\t\t\t\tlabel={item.label}\n\t\t\t\t\t\ttitle={item.subMenu.title}\n\t\t\t\t\t\ticon={item.icon}\n\t\t\t\t\t\tisActive={isActive}\n\t\t\t\t\t\thasBadge={Boolean(item.badge)}\n\t\t\t\t\t\trows={subItems}\n\t\t\t\t\t\tonSelect={(rowId) => {\n\t\t\t\t\t\t\tconst sub = subItems.find((s) => s.id === rowId);\n\t\t\t\t\t\t\tif (!sub) return;\n\t\t\t\t\t\t\tsetActiveItem(sub.id);\n\t\t\t\t\t\t\tonNavigate?.(sub.label, false, item.label);\n\t\t\t\t\t\t\tonNavigateItem?.(sub, item);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<RailIconButton\n\t\t\t\t\tkey={item.id}\n\t\t\t\t\tlabel={item.label}\n\t\t\t\t\tisActive={isActive}\n\t\t\t\t\thasBadge={Boolean(item.badge)}\n\t\t\t\t\thref={item.href}\n\t\t\t\t\tonClick={() => openSub(item)}\n\t\t\t\t>\n\t\t\t\t\t<span className=\"wwc:relative wwc:flex wwc:items-center wwc:justify-center\">\n\t\t\t\t\t\t<item.icon className={d.iconSize} />\n\t\t\t\t\t\t{item.dot && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={`wwc:absolute wwc:-right-1 wwc:-top-1 wwc:h-2 wwc:w-2 wwc:rounded-full wwc:ring-2 wwc:ring-card ${item.dot}`}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</RailIconButton>\n\t\t\t);\n\t\t};\n\n\t\t// A group carrying an icon collapses to that ONE icon, whose flyout lists its items — the same\n\t\t// gesture and the same flyout an `expandable` item uses. Selecting a row navigates exactly as\n\t\t// clicking that item in the expanded sidebar does.\n\t\tconst renderRailGroup = (group: SidebarNavGroup) => {\n\t\t\tif (!group.icon || !group.label) return group.items.map(renderRailItem);\n\t\t\tconst label = group.label;\n\t\t\treturn (\n\t\t\t\t<RailFlyout\n\t\t\t\t\tkey={`group-${label}`}\n\t\t\t\t\tflyoutId={`group-${label}`}\n\t\t\t\t\tlabel={label}\n\t\t\t\t\ttitle={label}\n\t\t\t\t\ticon={group.icon}\n\t\t\t\t\t// A group page owns the selection outright: exactly that group's icon lights, and no\n\t\t\t\t\t// sibling may borrow the highlight from a stale item. Otherwise fall back to lighting\n\t\t\t\t\t// whichever group holds the active item.\n\t\t\t\t\tisActive={\n\t\t\t\t\t\t!marketplaceActive &&\n\t\t\t\t\t\t!homeActive &&\n\t\t\t\t\t\t!pinnedTop?.active &&\n\t\t\t\t\t\t(activeGroupId !== undefined ? activeGroupId === group.id : group.items.some((i) => i.id === activeItem))\n\t\t\t\t\t}\n\t\t\t\t\ttitleActive={group.id !== undefined && activeGroupId === group.id}\n\t\t\t\t\thasBadge={group.items.some((i) => Boolean(i.dot))}\n\t\t\t\t\trows={group.items}\n\t\t\t\t\tonSelect={(rowId) => {\n\t\t\t\t\t\tconst item = group.items.find((i) => i.id === rowId);\n\t\t\t\t\t\tif (item) openSub(item);\n\t\t\t\t\t}}\n\t\t\t\t\tonTitleSelect={group.id ? () => selectGroup(group) : undefined}\n\t\t\t\t/>\n\t\t\t);\n\t\t};\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`wwc:relative wwc:h-full wwc:select-none wwc:flex-shrink-0 wwc:overflow-hidden wwc:bg-card wwc:text-card-foreground wwc:transition-[width] wwc:duration-200 wwc:ease-linear ${seamless ? \"\" : \"wwc:border-r wwc:shadow-sm\"} ${railWidth}`}\n\t\t\t>\n\t\t\t\t<TooltipProvider delayDuration={0} disableHoverableContent>\n\t\t\t\t\t<div className={`wwc:absolute wwc:inset-y-0 wwc:left-0 ${railWidth} wwc:flex wwc:flex-col wwc:items-center`}>\n\t\t\t\t\t\t{/* Expand toggle — restores the full sidebar */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={`wwc:flex wwc:items-center wwc:justify-center wwc:border-b wwc:w-full wwc:flex-shrink-0 ${railHeader}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/* Collapsed brand: show the logo (custom `logoCollapsed`, or the Core mark by default),\n\t\t\t\t\t\t\t    and reveal the expand affordance on hover. */}\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={() => setCollapsed(false)}\n\t\t\t\t\t\t\t\taria-label={L.expandSidebar}\n\t\t\t\t\t\t\t\tclassName={`wwc:group wwc:relative wwc:flex wwc:items-center wwc:justify-center wwc:rounded-lg wwc:transition-colors wwc:hover:bg-muted/50 ${iconBtn}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:transition-opacity wwc:group-hover:opacity-0\">\n\t\t\t\t\t\t\t\t\t{logoCollapsed ?? <CoreWLogo className={`${d.brandMark} wwc:text-primary`} />}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<PanelLeftOpen\n\t\t\t\t\t\t\t\t\tclassName={`${d.iconSize} wwc:absolute wwc:text-foreground wwc:opacity-0 wwc:transition-opacity wwc:group-hover:opacity-100`}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Nav icons */}\n\t\t\t\t\t\t<ScrollArea\n\t\t\t\t\t\t\tdir={navDir}\n\t\t\t\t\t\t\tclassName=\"wwc:flex-1 wwc:w-full\"\n\t\t\t\t\t\t\tscrollbarClassName=\"wwc:w-1.5\"\n\t\t\t\t\t\t\tthumbClassName=\"wwc:bg-border/60\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className={`wwc:flex wwc:flex-col wwc:items-center wwc:py-1 ${d.spacing}`}>\n\t\t\t\t\t\t\t\t{/* The same pinned block the expanded nav shows, in the same order, divided from the group\n\t\t\t\t\t\t\t\t    icons the way the expanded sidebar divides it from the groups. */}\n\t\t\t\t\t\t\t\t{pinnedEntries.map((entry) => {\n\t\t\t\t\t\t\t\t\tconst railRow = (\n\t\t\t\t\t\t\t\t\t\t<RailIconButton label={entry.label} isActive={entry.active} onClick={entry.onSelect}>\n\t\t\t\t\t\t\t\t\t\t\t<entry.icon className={d.pinnedIconSize} />\n\t\t\t\t\t\t\t\t\t\t\t{entry.badge && (\n\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={L.unreadCount(unreadNotifications)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:absolute wwc:right-0.5 wwc:top-0.5 wwc:flex wwc:h-[13px] wwc:min-w-[13px] wwc:items-center wwc:justify-center wwc:rounded-full wwc:bg-muted wwc:px-1 wwc:text-[8px] wwc:font-medium wwc:leading-none wwc:text-foreground wwc:ring-2 wwc:ring-card wwc:tabular-nums\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{entry.badge}\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</RailIconButton>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\treturn entry.builtInNotifications ? (\n\t\t\t\t\t\t\t\t\t\t<Popover key={entry.key} open={notifOpen} onOpenChange={setNotifOpen}>\n\t\t\t\t\t\t\t\t\t\t\t<PopoverTrigger asChild>{railRow}</PopoverTrigger>\n\t\t\t\t\t\t\t\t\t\t\t{renderNotificationsPanel(\"right\", \"start\")}\n\t\t\t\t\t\t\t\t\t\t</Popover>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Fragment key={entry.key}>{railRow}</Fragment>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{pinnedBlock && pinnedBlockDivider && railGroups.length > 0 && (\n\t\t\t\t\t\t\t\t\t<Separator className=\"wwc:my-1 wwc:w-6\" />\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/* One block per nav group, divided the way the expanded sidebar divides them. The rail\n\t\t\t\t\t\t\t\t    used to flatten every group into a single run of icons, so collapsing the sidebar lost\n\t\t\t\t\t\t\t\t    the boundaries (installed apps / workspace / settings) the expanded one shows. */}\n\t\t\t\t\t\t\t\t{railGroups.map((group, gi) => (\n\t\t\t\t\t\t\t\t\t<Fragment key={group.label ?? `rail-group-${gi}`}>\n\t\t\t\t\t\t\t\t\t\t{/* Two icon-groups are already visually distinct — each is one icon standing for a\n\t\t\t\t\t\t\t\t\t\t    whole group — so a divider between them would just be noise. A divider still\n\t\t\t\t\t\t\t\t\t\t    separates them from any group that spells its items out, and `dividerBefore`\n\t\t\t\t\t\t\t\t\t    lets a group starting a different SECTION ask for one regardless. */}\n\t\t\t\t\t\t\t\t\t\t{gi > 0 &&\n\t\t\t\t\t\t\t\t\t\t\t(group.dividerBefore || (showGroupDividers && !(group.icon && railGroups[gi - 1].icon))) && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Separator className=\"wwc:my-1 wwc:w-6\" />\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{renderRailGroup(group)}\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t\t{/* Marketplace / app-installer entry — pinned under the app icons. */}\n\t\t\t\t\t\t\t\t{showMarketplace && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{allNavItems.length > 0 && <Separator className=\"wwc:my-1 wwc:w-6\" />}\n\t\t\t\t\t\t\t\t\t\t<RailIconButton label={marketplaceLabel} isActive={marketplaceActive} onClick={onMarketplace}>\n\t\t\t\t\t\t\t\t\t\t\t<Plus className={d.iconSize} />\n\t\t\t\t\t\t\t\t\t\t</RailIconButton>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</ScrollArea>\n\n\t\t\t\t\t\t{/* Footer: profile (+ notifications, comfortable only — compact omits notifications like the compact sidebar) */}\n\t\t\t\t\t\t{showFooter && (\n\t\t\t\t\t\t\t<div className=\"wwc:border-t wwc:w-full wwc:flex wwc:flex-col wwc:items-center wwc:gap-1 wwc:py-2 wwc:flex-shrink-0\">\n\t\t\t\t\t\t\t\t{/* Same profile menu as the expanded footer's \"...\" button — on the rail the avatar\n\t\t\t\t\t\t\t\t    IS the trigger, since there is no room for a separate action button. */}\n\t\t\t\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t\t\t\t<HoverTooltip content={profileName} side=\"right\">\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={L.profileMenu(profileName)}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:flex wwc:items-center wwc:justify-center wwc:rounded-full wwc:transition-colors wwc:hover:bg-muted ${iconBtn}`}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Avatar className=\"wwc:h-6 wwc:w-6\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{profileAvatar && <AvatarImage src={profileAvatar} alt={profileName} />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<AvatarFallback\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:text-white wwc:text-[9px] wwc:font-bold\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{background: \"radial-gradient(circle at 35% 35%, #a855f7, #6366f1, #1e40af)\"}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{profileInitials}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</AvatarFallback>\n\t\t\t\t\t\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t\t\t\t</HoverTooltip>\n\t\t\t\t\t\t\t\t\t{renderProfileMenu(\"right\", \"end\")}\n\t\t\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</TooltipProvider>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// ── Render ──\n\treturn (\n\t\t<div\n\t\t\tclassName={`wwc:relative wwc:h-full wwc:select-none wwc:flex-shrink-0 wwc:overflow-hidden wwc:bg-card wwc:text-card-foreground wwc:transition-[width] wwc:duration-200 wwc:ease-linear ${seamless ? \"\" : \"wwc:border-r wwc:shadow-sm\"} wwc:w-[260px]`}\n\t\t>\n\t\t\t{/* ── Inner sidebar ── */}\n\t\t\t<div className=\"wwc:absolute wwc:inset-y-0 wwc:left-0 wwc:w-[260px] wwc:flex wwc:flex-col\">\n\t\t\t\t{/* ── Header: Brand + collapse toggle ── */}\n\t\t\t\t<div className={`wwc:flex wwc:items-center wwc:border-b wwc:flex-shrink-0 ${d.header}`}>\n\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:px-2 wwc:w-full wwc:min-w-0\">\n\t\t\t\t\t\t{density === \"compact\" && onPin && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\tonClick={onPin}\n\t\t\t\t\t\t\t\taria-label={L.pinSidebar}\n\t\t\t\t\t\t\t\tclassName=\"wwc:h-6 wwc:w-6 wwc:text-muted-foreground wwc:hover:text-foreground wwc:flex-shrink-0\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<PanelRightOpen className=\"wwc:h-3.5 wwc:w-3.5\" />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{density !== \"compact\" && onPin && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\tonClick={onPin}\n\t\t\t\t\t\t\t\taria-label={L.pinSidebar}\n\t\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7 wwc:text-muted-foreground wwc:hover:text-foreground wwc:flex-shrink-0\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<PanelRightOpen className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{/* Brand — a custom `logo`, an org switcher (when `orgs` provided), or the default mark + name. */}\n\t\t\t\t\t\t{logo ? (\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:min-w-0 wwc:items-center wwc:overflow-hidden\">{logo}</div>\n\t\t\t\t\t\t) : orgs && orgs.length > 0 ? (\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:min-w-0 wwc:items-center wwc:gap-1\">\n\t\t\t\t\t\t\t\t{/* Core brand mark, separated from the org selector by a slash */}\n\t\t\t\t\t\t\t\t<CoreWLogo className={`${d.brandMark} wwc:shrink-0 wwc:text-foreground`} />\n\t\t\t\t\t\t\t\t<span className=\"wwc:shrink-0 wwc:text-muted-foreground/50\">/</span>\n\t\t\t\t\t\t\t\t<Switcher\n\t\t\t\t\t\t\t\t\tdensity={density}\n\t\t\t\t\t\t\t\t\titems={orgs}\n\t\t\t\t\t\t\t\t\tselected={selectedOrgName}\n\t\t\t\t\t\t\t\t\tonSelect={(o) => onOrgChange?.(o)}\n\t\t\t\t\t\t\t\t\tplaceholder={L.orgSearchPlaceholder}\n\t\t\t\t\t\t\t\t\temptyLabel={L.orgEmpty}\n\t\t\t\t\t\t\t\t\tonViewAll={onOrgViewAll}\n\t\t\t\t\t\t\t\t\tviewAllLabel={L.orgViewAll}\n\t\t\t\t\t\t\t\t\ttriggerClassName={`wwc:h-8 wwc:min-w-0 wwc:gap-2 wwc:px-1.5 wwc:font-semibold wwc:text-foreground ${density === \"compact\" ? \"wwc:text-[13px]\" : \"wwc:text-[14px]\"}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{activeOrgLogo && <span className=\"wwc:flex wwc:shrink-0 wwc:items-center\">{activeOrgLogo}</span>}\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:truncate\">{selectedOrgName}</span>\n\t\t\t\t\t\t\t\t</Switcher>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:text-foreground wwc:min-w-0\">\n\t\t\t\t\t\t\t\t<CoreWLogo className={d.brandMark} />\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName={`wwc:font-semibold wwc:truncate ${density === \"compact\" ? \"wwc:text-[13px]\" : \"wwc:text-[14px]\"}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{brandName}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"wwc:flex-1\" />\n\t\t\t\t\t\t{/* Collapse toggle — far right, beside the brand. Hidden in the mobile sheet, where the\n\t\t\t\t\t\t    sheet's own close button is the single dismiss control. */}\n\t\t\t\t\t\t{!hideCollapse && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\tonClick={() => setCollapsed(true)}\n\t\t\t\t\t\t\t\taria-label={L.collapseSidebar}\n\t\t\t\t\t\t\t\tclassName={`wwc:text-muted-foreground wwc:hover:text-foreground wwc:flex-shrink-0 ${density === \"compact\" ? \"wwc:h-6 wwc:w-6\" : \"wwc:h-7 wwc:w-7\"}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<PanelRightOpen className={density === \"compact\" ? \"wwc:h-3.5 wwc:w-3.5\" : \"wwc:h-4 wwc:w-4\"} />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{/* ── Nav ── */}\n\t\t\t\t<ScrollArea\n\t\t\t\t\tdir={navDir}\n\t\t\t\t\tclassName=\"wwc:flex-1\"\n\t\t\t\t\tscrollbarClassName=\"wwc:w-1.5\"\n\t\t\t\t\tthumbClassName=\"wwc:bg-border/60\"\n\t\t\t\t>\n\t\t\t\t\t{view === \"main\" ? (\n\t\t\t\t\t\t<div className={d.container}>\n\t\t\t\t\t\t\t{/* The pinned block: the pinned entry and Home sit TOGETHER above one rule, rather than\n\t\t\t\t\t\t\t    being divided from each other. Both are surfaces that stand outside the app hierarchy\n\t\t\t\t\t\t\t    below — Files addresses every app's records, Home launches them — so the boundary that\n\t\t\t\t\t\t\t    matters is the one under the pair, not between them. Hidden while searching, since a\n\t\t\t\t\t\t\t    query is asking about the nav items below. */}\n\t\t\t\t\t\t\t{pinnedBlock && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div className={d.pinnedSpacing}>\n\t\t\t\t\t\t\t\t\t\t{pinnedEntries.map((entry) => {\n\t\t\t\t\t\t\t\t\t\t\tconst row = (\n\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={entry.onSelect}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:w-full wwc:flex wwc:items-center ${d.pinnedRow} wwc:rounded-lg wwc:transition-colors wwc:group ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tentry.active\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:bg-muted wwc:font-medium wwc:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"wwc:text-foreground/80 wwc:hover:bg-muted/50 wwc:hover:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<entry.icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`${d.pinnedIconSize} wwc:flex-shrink-0 wwc:text-muted-foreground wwc:group-hover:text-foreground`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:flex-1 wwc:text-start wwc:truncate wwc:min-w-0\">{entry.label}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{entry.hint && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<kbd className=\"wwc:ml-1 wwc:flex-shrink-0 wwc:rounded wwc:border wwc:border-border wwc:bg-muted/60 wwc:px-1 wwc:py-px wwc:font-sans wwc:text-[10px] wwc:leading-none wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{entry.hint}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</kbd>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{entry.badge && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={L.unreadCount(unreadNotifications)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:ml-1 wwc:flex-shrink-0 wwc:text-[11px] wwc:font-medium wwc:leading-none wwc:text-muted-foreground wwc:tabular-nums\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{entry.badge}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t// The built-in panel opens off the row itself, so the notifications feature survives\n\t\t\t\t\t\t\t\t\t\t\t// the footer bell it used to hang from.\n\t\t\t\t\t\t\t\t\t\t\treturn entry.builtInNotifications ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Popover key={entry.key} open={notifOpen} onOpenChange={setNotifOpen}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<PopoverTrigger asChild>{row}</PopoverTrigger>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{renderNotificationsPanel(\"right\", \"start\")}\n\t\t\t\t\t\t\t\t\t\t\t\t</Popover>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<Fragment key={entry.key}>{row}</Fragment>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{pinnedBlockDivider && groups.length > 0 && <Separator className={d.separator} />}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{groups.map((group, gi) => {\n\t\t\t\t\t\t\t\t// A collapsible group folds shut on the chevron; searching forces every group open so a\n\t\t\t\t\t\t\t\t// match can never hide behind a collapsed header.\n\t\t\t\t\t\t\t\t// Absent from `collapsedGroups` = untouched, so the default decides. A live query always\n\t\t\t\t\t\t\t\t// forces every group open, so a match can never hide behind a folded header.\n\t\t\t\t\t\t\t\tconst folded = Boolean(\n\t\t\t\t\t\t\t\t\tgroup.collapsible && group.label && (collapsedGroups[group.label] ?? groupsCollapsedByDefault),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t// An icon-group is a TREE: the header reads as the parent row (same metrics as an item)\n\t\t\t\t\t\t\t\t// and the items hang off a guide beneath it. Everything else keeps the small uppercase\n\t\t\t\t\t\t\t\t// caption this sidebar has always used for group labels — at FULL muted-foreground, since the 10px\n\t\t\t\t\t\t\t\t// caption is \"small text\" and WCAG 1.4.3 wants ≥4.5:1; the old `/40` opacity fell to ~1.69:1. (WC-GAP-02)\n\t\t\t\t\t\t\t\tconst tree = Boolean(group.icon);\n\t\t\t\t\t\t\t\t// Does a rule already stand between this group and the one above it?\n\t\t\t\t\t\t\t\tconst ruled = (showGroupDividers || Boolean(group.dividerBefore)) && gi > 0;\n\t\t\t\t\t\t\t\tconst headerClass = tree\n\t\t\t\t\t\t\t\t\t? `${d.row} wwc:flex wwc:items-center wwc:font-medium wwc:text-foreground/80`\n\t\t\t\t\t\t\t\t\t: `${d.groupLabel} wwc:flex wwc:items-center wwc:gap-1.5 wwc:font-semibold wwc:uppercase wwc:tracking-widest wwc:text-muted-foreground`;\n\t\t\t\t\t\t\t\t// No `flex-1`: the name sizes to its text so the chevron can sit right beside it rather\n\t\t\t\t\t\t\t\t// than being pushed to the far edge. `min-w-0` still lets a long name truncate.\n\t\t\t\t\t\t\t\tconst nameClass = tree\n\t\t\t\t\t\t\t\t\t? \"wwc:min-w-0 wwc:truncate wwc:text-start wwc:transition-colors\"\n\t\t\t\t\t\t\t\t\t: \"wwc:min-w-0 wwc:truncate wwc:text-start wwc:uppercase wwc:tracking-widest wwc:transition-colors\";\n\t\t\t\t\t\t\t\t// The header is ONE control: name, icon and chevron all fold the group, so the whole row\n\t\t\t\t\t\t\t\t// carries the row hover the nav items use rather than the chevron lighting on its own.\n\t\t\t\t\t\t\t\tconst headerFoldClass = `${headerClass} wwc:w-full wwc:rounded-lg wwc:transition-colors wwc:hover:bg-muted/50 wwc:hover:text-foreground`;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<Fragment key={group.label ?? gi}>\n\t\t\t\t\t\t\t\t\t\t{/* `showGroupDividers` draws the automatic rule between every pair of groups;\n\t\t\t\t\t\t\t\t\t\t    `dividerBefore` is an explicit request from ONE group that starts a genuinely\n\t\t\t\t\t\t\t\t\t\t    different section, and it stands whether or not the automatic rules are on. The\n\t\t\t\t\t\t\t\t\t\t    tree shape turns the automatic ones off, so this is how a break survives there. */}\n\t\t\t\t\t\t\t\t\t\t{ruled && <Separator className={d.separator} />}\n\t\t\t\t\t\t\t\t\t\t{/* The guide line below is positioned from this element's top, so the wrapper must\n\t\t\t\t\t\t\t\t\t\t    start at the HEADER — a separator inside it would push every group but the first\n\t\t\t\t\t\t\t\t\t\t    out of alignment. */}\n\t\t\t\t\t\t\t\t\t\t{/* The gap goes on the wrapper, not between every child, so it cannot land inside a\n\t\t\t\t\t\t\t\t\t\t    group and push its items away from their own header. Skipped where a rule already\n\t\t\t\t\t\t\t\t\t\t    separates the two — the rule carries its own margins, and stacking both would open\n\t\t\t\t\t\t\t\t\t\t    a gulf where the tree shape wants a quiet break. */}\n\t\t\t\t\t\t\t\t\t\t<div className={`wwc:relative ${gi > 0 && !ruled ? d.groupGap : \"\"}`}>\n\t\t\t\t\t\t\t\t\t\t\t{group.label &&\n\t\t\t\t\t\t\t\t\t\t\t\t(group.collapsible ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t/* ONE target, not two: the whole header folds the group — the name does exactly what\n\t\t\t\t\t\t\t\t\t\t\t\t\t   the chevron does. The name used to be a second, separate target that opened a page\n\t\t\t\t\t\t\t\t\t\t\t\t\t   about the group; it no longer navigates anywhere, so nothing here is a link and\n\t\t\t\t\t\t\t\t\t\t\t\t\t   nothing underlines. `activeGroupId` still MARKS the active section, but as weight\n\t\t\t\t\t\t\t\t\t\t\t\t\t   and colour rather than a rule under a name that is not clickable-to-navigate. */\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCollapsedGroups((prev) => ({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// Negate the EFFECTIVE fold state, not the stored one. A group the user has\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// never touched is absent from this map, so `!prev[label]` read `!undefined`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// = \"fold it\" — which, under `groupsCollapsedByDefault`, wrote back the\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// state it was already in and cost a second click to open every group the\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// first time.\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[group.label as string]: !(prev[group.label as string] ?? groupsCollapsedByDefault),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}))\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-expanded={!folded}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfolded ? L.expandGroup(group.label as string) : L.collapseGroup(group.label as string)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`${headerFoldClass} ${activeGroupId === group.id ? \"wwc:text-foreground\" : \"\"}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{group.icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<group.icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`${tree ? d.iconSize : \"wwc:h-3 wwc:w-3\"} wwc:flex-shrink-0 wwc:text-muted-foreground`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* Name and chevron are ONE pair with their own tight gap. Left as siblings they\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t    inherited the row's gap — the same space that separates the group icon from the\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t    label — which read as the arrow drifting away from the word it belongs to. */}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:flex wwc:min-w-0 wwc:items-center wwc:gap-0.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className={nameClass}>{group.label}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* Decoration, not a control: the button around it already carries the label and\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t    `aria-expanded`, so a second focus stop would announce the same thing twice.\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t    Right while shut, down while open — the disclosure points at what opening it\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t    would reveal, the same way every other tree in the product reads. */}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:h-4 wwc:w-4 wwc:flex-shrink-0 wwc:items-center wwc:justify-center wwc:text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{folded ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ChevronRight className=\"wwc:h-3.5 wwc:w-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ChevronDown className=\"wwc:h-3.5 wwc:w-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* Absorbs the rest of the row, so the header still fills its width while the name\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t    and chevron stay together on the left. */}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden className=\"wwc:flex-1\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t/* Nothing to fold and nowhere to navigate: a plain caption. */\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className={`${headerClass} ${activeGroupId === group.id ? \"wwc:text-foreground\" : \"\"}`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{group.icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<group.icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`${tree ? d.iconSize : \"wwc:h-3 wwc:w-3\"} wwc:flex-shrink-0 wwc:text-muted-foreground`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className={nameClass}>{group.label}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\t{/* Expanding and folding animate: the row area is a grid whose single track goes\n\t\t\t\t\t\t\t\t\t\t    0fr -> 1fr, which transitions to the items' natural height without measuring it.\n\t\t\t\t\t\t\t\t\t\t    The spine is absolutely placed against the group wrapper, so it shrinks with the\n\t\t\t\t\t\t\t\t\t\t    wrapper on its own — no second animation to keep in step. */}\n\t\t\t\t\t\t\t\t\t\t\t{tree && (\n\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:pointer-events-none wwc:absolute wwc:w-px wwc:bg-border ${d.groupGuide}`}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{group.collapsible ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:grid wwc:transition-[grid-template-rows] wwc:duration-200 wwc:ease-out ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfolded ? \"wwc:grid-rows-[0fr]\" : \"wwc:grid-rows-[1fr]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{/* Folded content stays mounted so the height can animate, so it must be taken out\n\t\t\t\t\t\t\t\t\t\t\t    of the tab order and the a11y tree explicitly — otherwise focus lands on rows\n\t\t\t\t\t\t\t\t\t\t\t    nobody can see. */}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:overflow-hidden\" {...(folded ? INERT : undefined)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className={`${d.spacing} ${tree ? d.groupGuideIndent : \"\"}`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{group.items.map((item) => renderGroupItem(item, tree))}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className={`${d.spacing} ${tree ? d.groupGuideIndent : \"\"}`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{group.items.map((item) => renderGroupItem(item, tree))}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t{/* Marketplace / app-installer entry — pinned under the apps (hidden while searching). */}\n\t\t\t\t\t\t\t{showMarketplace && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{groups.length > 0 && <Separator className={d.separator} />}\n\t\t\t\t\t\t\t\t\t<div className={d.spacing}>\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={onMarketplace}\n\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:w-full wwc:flex wwc:items-center ${d.row} wwc:rounded-lg wwc:transition-colors wwc:group ${\n\t\t\t\t\t\t\t\t\t\t\t\tmarketplaceActive\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:bg-muted wwc:font-medium wwc:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"wwc:text-foreground/80 wwc:hover:bg-muted/50 wwc:hover:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Plus\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={`${d.iconSize} wwc:flex-shrink-0 wwc:text-muted-foreground wwc:group-hover:text-foreground`}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:flex-1 wwc:text-start wwc:truncate wwc:min-w-0\">{marketplaceLabel}</span>\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t/* Sub-nav view */\n\t\t\t\t\t\t<div className={d.container}>\n\t\t\t\t\t\t\t{/* Back + Title */}\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={closeSub}\n\t\t\t\t\t\t\t\tclassName={`wwc:w-full wwc:flex wwc:items-center wwc:gap-2 ${d.backButton} wwc:hover:bg-muted/50 wwc:rounded-lg wwc:transition-colors`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ChevronLeft className=\"wwc:h-4 wwc:w-4 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t\t\t<span className=\"wwc:font-semibold wwc:text-foreground\">{activeSubMenu?.title}</span>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t{activeSubMenu?.groups.map((group, gi) => (\n\t\t\t\t\t\t\t\t<div key={gi} className=\"wwc:mb-1\">\n\t\t\t\t\t\t\t\t\t{group.label && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={`${d.subGroupLabel} wwc:font-semibold wwc:text-muted-foreground/70 wwc:uppercase wwc:tracking-widest`}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{group.items.map((item) => {\n\t\t\t\t\t\t\t\t\t\tconst isActive = activeItem === item.id;\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetActiveItem(item.id);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst parentItem = allNavItems.find((n) => n.id === activeSubMenuId);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonNavigate?.(item.label, false, parentItem?.label);\n\t\t\t\t\t\t\t\t\t\t\t\t\tonNavigateItem?.(item, parentItem);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:w-full wwc:flex wwc:items-center ${d.row} wwc:rounded-lg wwc:transition-colors ${\n\t\t\t\t\t\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:bg-muted wwc:font-medium wwc:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"wwc:text-foreground/80 wwc:hover:bg-muted/50 wwc:hover:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<item.icon className={`${d.iconSize} wwc:flex-shrink-0 wwc:text-muted-foreground`} />\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:flex-1 wwc:text-start wwc:truncate wwc:min-w-0\">{item.label}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t{item.badge && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:ml-1 wwc:text-[10px] wwc:px-1.5 wwc:py-0.5 wwc:rounded-full wwc:leading-none wwc:h-auto wwc:font-medium\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</ScrollArea>\n\n\t\t\t\t{/* ── Custom footer content (e.g. a brand / updates card) — expanded only ── */}\n\t\t\t\t{footerContent && <div className={`wwc:border-t ${d.footer}`}>{footerContent}</div>}\n\n\t\t\t\t{/* ── Footer: Profile bar ── */}\n\t\t\t\t{showFooter && (\n\t\t\t\t\t<div className={`wwc:border-t wwc:flex wwc:items-center ${d.footer}`}>\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:flex-1 wwc:min-w-0 wwc:px-2 wwc:py-1.5\">\n\t\t\t\t\t\t\t<Avatar className=\"wwc:h-6 wwc:w-6\">\n\t\t\t\t\t\t\t\t{profileAvatar && <AvatarImage src={profileAvatar} alt={profileName} />}\n\t\t\t\t\t\t\t\t<AvatarFallback\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:text-white wwc:text-[9px] wwc:font-bold\"\n\t\t\t\t\t\t\t\t\tstyle={{background: \"radial-gradient(circle at 35% 35%, #a855f7, #6366f1, #1e40af)\"}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{profileInitials}\n\t\t\t\t\t\t\t\t</AvatarFallback>\n\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t<span className=\"wwc:text-[12px] wwc:font-medium wwc:text-foreground/80 wwc:truncate wwc:min-w-0\">\n\t\t\t\t\t\t\t\t{profileName}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\taria-label={L.profileMenu(profileName)}\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7 wwc:text-muted-foreground\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<MoreHorizontal className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t\t{renderProfileMenu()}\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{/* end inner sidebar */}\n\t\t</div>\n\t);\n}\n\n/**\n * App shell sidebar. On desktop it renders inline (a rail or expanded column). On mobile (below `md`) the\n * inline column is hidden and the same sidebar opens as a left sheet, driven by `mobileOpen` /\n * `onMobileOpenChange` — wire those to `CoreAppTopBar`'s `onMenuClick` hamburger.\n */\nexport function CoreAppSidebar(props: CoreAppSidebarProps = {}) {\n\tconst {mobileOpen = false, onMobileOpenChange, ...shellProps} = props;\n\n\t// Opt-in: without a mobile handler the sidebar stays inline at every width (unchanged behavior).\n\tif (!onMobileOpenChange) return <SidebarShell {...shellProps} />;\n\n\treturn (\n\t\t<>\n\t\t\t{/* Desktop: inline sidebar. `md:contents` lets the shell's own root participate in the app-shell\n\t\t\t    flex row directly; hidden below md, where the sheet takes over. */}\n\t\t\t<div className=\"wwc:hidden wwc:md:contents\">\n\t\t\t\t<SidebarShell {...shellProps} />\n\t\t\t</div>\n\t\t\t{/* Mobile: the same sidebar as a left drawer. */}\n\t\t\t<Sheet open={mobileOpen} onOpenChange={onMobileOpenChange}>\n\t\t\t\t<SheetContent\n\t\t\t\t\tside=\"left\"\n\t\t\t\t\tclassName=\"wwc:w-auto wwc:max-w-[85vw] wwc:border-0 wwc:p-0 wwc:md:hidden [&>button]:wwc:z-10\"\n\t\t\t\t>\n\t\t\t\t\t<SidebarShell {...shellProps} seamless hideCollapse />\n\t\t\t\t</SheetContent>\n\t\t\t</Sheet>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/dist/navigation/core-app-top-bar.d.mts

@@ -0,0 +1,116 @@
+//#region src/navigation/core-app-top-bar.d.ts
+export type CoreAppTopBarDensity = "comfortable" | "compact";
+export type CoreAppTopBarProjectGroup = {
+  org: string;
+  projects: string[];
+};
+export interface CoreAppTopBarProps {
+  activeLabel: string;
+  /**
+   * Structured breadcrumb, taking precedence over `activeLabel`. A segment carrying `onSelect`
+   * renders as a link — the way a group name in the breadcrumb should open that group's page.
+   */
+  breadcrumb?: {
+    label: string;
+    onSelect?: () => void;
+  }[];
+  /**
+   * Lower-priority actions. They sit inline beside `actions` while the bar is wide enough, and
+   * collapse into a single "More actions" menu once it is not — so project and route identity keep
+   * the room rather than competing with secondary controls. `label` is both the menu item's text and
+   * the inline control's accessible name, so an icon-only action is still named.
+   */
+  overflowActions?: {
+    id: string;
+    label: string;
+    icon?: React.ComponentType<{
+      className?: string;
+    }>;
+    onSelect?: () => void;
+  }[];
+  /**
+   * When `false`, the project switcher dropdown is hidden entirely — for apps or
+   * surfaces that aren't scoped to a project. The centered breadcrumb and
+   * `rightContent` still render. Applies to both densities. Defaults to `true`.
+   */
+  showProjectSwitcher?: boolean;
+  /** Current project shown in the switcher. Optional when `showProjectSwitcher` is `false`. */
+  selectedProject?: string;
+  /**
+   * Flat list of projects shown in the switcher popover. Used only when
+   * `projectGroups` is not provided. Optional when `showProjectSwitcher` is `false`.
+   */
+  projects?: readonly string[];
+  /**
+   * Grouped list of projects organized by organization. When provided, the
+   * switcher renders org headers with their projects nested below, and the
+   * search input matches both org names and project names.
+   */
+  projectGroups?: CoreAppTopBarProjectGroup[];
+  /** Optional when `showProjectSwitcher` is `false`. */
+  onSelectProject?: (project: string) => void;
+  /** @deprecated The sidebar collapse toggle was removed from the top bar; this prop is ignored. */
+  isPinned?: boolean;
+  /** @deprecated The sidebar collapse toggle was removed from the top bar; this prop is ignored. */
+  onToggleSidebar?: () => void;
+  /** @deprecated The sidebar collapse toggle was removed from the top bar; this prop is ignored. */
+  onHoverSidebar?: () => void;
+  /**
+   * When provided, a hamburger button is shown at the far left of the bar on mobile (`md:hidden`) and
+   * calls this on click — pair it with `CoreAppSidebar`'s `mobileOpen`/`onMobileOpenChange` so the sidebar
+   * opens as a left sheet. Hidden from `md` up, where the inline sidebar is visible.
+   */
+  onMenuClick?: () => void;
+  rightContent?: React.ReactNode;
+  /**
+   * Show a notification bell button beside the overflow (three-dots) menu. Defaults to `false`.
+   * Ignored when `rightContent` is provided (that fully replaces the default right cluster).
+   */
+  /** Extra icon buttons placed before the notifications bell, e.g. a changeset button. */
+  actions?: React.ReactNode;
+  showNotifications?: boolean;
+  /** Unread count shown as a badge on the bell. `0`/undefined shows the bell with no badge; capped display at 99+. */
+  notificationCount?: number;
+  /** Fires when the notification bell is clicked. */
+  onNotificationsClick?: () => void;
+  /**
+   * `"comfortable"` (default) renders the bar at 44px (h-11) to match the
+   * default `CoreAppSidebar`. `"compact"` renders at 36px (h-9) with smaller
+   * controls and text — pair with `CoreAppSidebar density="compact"` for a
+   * matching dense app shell.
+   */
+  density?: CoreAppTopBarDensity;
+  /**
+   * Overrides for the bar's own built-in copy — control aria-labels, the project-search placeholder and
+   * empty states, and the feedback item. English defaults fill in any key left unset.
+   */
+  labels?: Partial<CoreAppTopBarLabels>;
+}
+/**
+ * Overridable copy for `CoreAppTopBar`'s own built-in controls. Every key has an English default, so a
+ * consumer supplies only the strings it wants to translate. Consumer-provided data — `activeLabel`,
+ * `breadcrumb`, project names, `overflowActions[].label` — is never part of this.
+ */
+export type CoreAppTopBarLabels = {
+  /** Aria label for the mobile hamburger button. */
+  openNavigation: string;
+  /** Project switcher placeholder when a flat `projects` list is used. */
+  findProject: string;
+  /** Project switcher placeholder when `projectGroups` is used (matches orgs and projects). */
+  searchProjectOrOrg: string;
+  /** Project switcher empty state for a flat `projects` list. */
+  noProjectsFound: string;
+  /** Project switcher empty state when `projectGroups` is used. */
+  noResults: string;
+  /** Aria label for the collapsed overflow-actions trigger. */
+  moreActions: string;
+  /** Aria label for the notifications bell. */
+  notifications: string;
+  /** Aria label for the right-hand overflow (three-dots) menu. */
+  moreTopBarActions: string;
+  /** The feedback menu item's text. */
+  giveFeedback: string;
+};
+export declare function CoreAppTopBar({ activeLabel, breadcrumb, showProjectSwitcher, selectedProject, projects, projectGroups, onSelectProject, onMenuClick, rightContent, actions, overflowActions, showNotifications, notificationCount, onNotificationsClick, density, labels }: CoreAppTopBarProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-app-top-bar.d.mts.map

package/dist/navigation/core-app-top-bar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-app-top-bar.d.mts","names":[],"sources":["../../src/navigation/core-app-top-bar.tsx"],"mappings":";YAMY;YAEA;EACX;EACA;;iBAGgB;EAChB;;;;;EAKA;IAAc;IAAe;;;;;;;;EAO7B;IACC;IACA;IACA,OAAO,MAAM;MAAe;;IAC5B;;;;;;;EAOD;;EAEA;;;;;EAKA;;;;;;EAMA,gBAAgB;;EAEhB,mBAAmB;;EAEnB;;EAEA;;EAEA;;;;;;EAMA;EACA,eAAe,MAAM;;;;;;EAMrB,UAAU,MAAM;EAChB;;EAEA;;EAEA;;;;;;;EAOA,UAAU;;;;;EAKV,SAAS,QAAQ;;;;;;;YAmCN;;EAEX;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;wBA8Ce,gBACf,aACA,YACA,qBACA,iBACA,UACA,eACA,iBACA,aACA,cACA,SACA,iBACA,mBACA,mBACA,sBACA,SACA,UACE,iDAAkB,IAAA"}