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

package/dist/navigation/core-app-top-bar.mjs

@@ -0,0 +1,224 @@
+import { Button } from "../button.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu.mjs";
+import { Switcher } from "./switcher.mjs";
+import { Bell, ChevronRight, Menu, MoreHorizontal, Smile } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/navigation/core-app-top-bar.tsx
+const TOP_BAR_DENSITY = {
+	comfortable: {
+		root: "wwc:h-11 wwc:px-4",
+		iconButton: "wwc:h-7 wwc:w-7",
+		projectButton: "wwc:h-7 wwc:px-2 wwc:gap-1.5 wwc:text-[13px]",
+		breadcrumb: "wwc:text-[13px]",
+		popoverHeader: "wwc:px-3 wwc:pt-3 wwc:pb-2",
+		popoverList: "wwc:px-3 wwc:py-2 wwc:space-y-0.5",
+		popoverInput: "wwc:h-8 wwc:text-[13px]",
+		popoverItem: "wwc:gap-3 wwc:px-3 wwc:py-2.5",
+		popoverItemText: "wwc:text-[13px]",
+		popoverEmpty: "wwc:text-[13px] wwc:py-4"
+	},
+	compact: {
+		root: "wwc:h-9 wwc:px-3",
+		iconButton: "wwc:h-6 wwc:w-6",
+		projectButton: "wwc:h-6 wwc:px-1.5 wwc:gap-1 wwc:text-[12px]",
+		breadcrumb: "wwc:text-[12px]",
+		popoverHeader: "wwc:px-2 wwc:pt-2 wwc:pb-1",
+		popoverList: "wwc:px-2 wwc:py-1.5 wwc:space-y-0",
+		popoverInput: "wwc:h-7 wwc:text-[12px]",
+		popoverItem: "wwc:gap-2 wwc:px-2 wwc:py-1.5",
+		popoverItemText: "wwc:text-[12px]",
+		popoverEmpty: "wwc:text-[12px] wwc:py-3"
+	}
+};
+const DEFAULT_TOP_BAR_LABELS = {
+	openNavigation: "Open navigation",
+	findProject: "Find Project...",
+	searchProjectOrOrg: "Search project or organization...",
+	noProjectsFound: "No projects found",
+	noResults: "No results",
+	moreActions: "More actions",
+	notifications: "Notifications",
+	moreTopBarActions: "More top bar actions",
+	giveFeedback: "Give Feedback"
+};
+/**
+* App top bar with project switcher, breadcrumb, and feedback menu.
+* Owns its height, card background, horizontal padding, and bottom divider. Consumers should place
+* it directly in the shell and must not add a second border or surface wrapper around it.
+*/
+/**
+* Breadcrumb segments with de-duplicated keys — a trail can legitimately repeat a label
+* ("Link types / Link / Link"), and a bare label would collide.
+*/
+/**
+* When an ancestor breadcrumb segment folds away as the bar narrows — the deepest ancestor first, so
+* the LAST segment (the route identity) is the one that survives longest. Container widths, not
+* viewport: the bar's width depends on the sidebar beside it.
+*/
+function segmentFoldClass(index, total) {
+	const depthFromEnd = total - 1 - index;
+	if (depthFromEnd >= 3) return "wwc:hidden wwc:@3xl:flex";
+	if (depthFromEnd === 2) return "wwc:hidden wwc:@2xl:flex";
+	if (depthFromEnd === 1) return "wwc:hidden wwc:@lg:flex";
+	return "wwc:flex";
+}
+function breadcrumbSegments(activeLabel) {
+	const seen = /* @__PURE__ */ new Map();
+	return activeLabel.split(" / ").map((part) => {
+		const n = (seen.get(part) ?? 0) + 1;
+		seen.set(part, n);
+		return {
+			part,
+			key: n === 1 ? part : `${part}~${n}`
+		};
+	});
+}
+function CoreAppTopBar({ activeLabel, breadcrumb, showProjectSwitcher = true, selectedProject = "", projects = [], projectGroups, onSelectProject, onMenuClick, rightContent, actions, overflowActions, showNotifications = false, notificationCount, onNotificationsClick, density = "comfortable", labels }) {
+	const t = TOP_BAR_DENSITY[density];
+	const L = {
+		...DEFAULT_TOP_BAR_LABELS,
+		...labels
+	};
+	const iconSize = density === "compact" ? "wwc:h-3.5 wwc:w-3.5" : "wwc:h-4 wwc:w-4";
+	return /* @__PURE__ */ jsxs("div", {
+		"data-core-artifact": "core-app-top-bar",
+		"data-core-surface-owner": "artifact",
+		"data-core-border-owner": "bottom",
+		"data-core-density": density,
+		className: `${t.root} wwc:@container wwc:bg-card wwc:text-card-foreground wwc:border-b wwc:border-border wwc:grid wwc:grid-cols-[minmax(0,1fr)_minmax(0,auto)_minmax(0,1fr)] wwc:items-center wwc:gap-2 wwc:flex-shrink-0 wwc:relative`,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:min-w-0 wwc:items-center wwc:gap-1",
+				children: [onMenuClick ? /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					icon: true,
+					"aria-label": L.openNavigation,
+					onClick: onMenuClick,
+					className: `${t.iconButton} wwc:mr-1 wwc:shrink-0 wwc:text-muted-foreground wwc:md:hidden`,
+					children: /* @__PURE__ */ jsx(Menu, { className: iconSize })
+				}) : null, showProjectSwitcher && /* @__PURE__ */ jsx("div", {
+					className: "wwc:flex wwc:min-w-0 wwc:items-center wwc:gap-1",
+					children: /* @__PURE__ */ jsx(Switcher, {
+						density,
+						selected: selectedProject,
+						items: projectGroups ? void 0 : projects,
+						groups: projectGroups ? projectGroups.map((g) => ({
+							label: g.org,
+							items: g.projects
+						})) : void 0,
+						onSelect: (p) => onSelectProject?.(p),
+						placeholder: projectGroups ? L.searchProjectOrOrg : L.findProject,
+						emptyLabel: projectGroups ? L.noResults : L.noProjectsFound,
+						triggerClassName: `${t.projectButton} wwc:min-w-0 wwc:max-w-full wwc:overflow-hidden wwc:font-medium wwc:text-foreground/70`,
+						children: /* @__PURE__ */ jsx("span", {
+							className: "wwc:min-w-0 wwc:truncate",
+							children: selectedProject
+						})
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: `wwc:flex wwc:min-w-0 wwc:items-center wwc:justify-center wwc:gap-1 wwc:font-medium wwc:pointer-events-none ${t.breadcrumb}`,
+				children: [breadcrumb ? breadcrumb.map((seg, i, arr) => {
+					const isLast = i === arr.length - 1;
+					return /* @__PURE__ */ jsxs("span", {
+						className: `${isLast ? "wwc:flex wwc:min-w-0" : segmentFoldClass(i, arr.length)} wwc:items-center wwc:gap-1`,
+						children: [i > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "wwc:h-3 wwc:w-3 wwc:shrink-0 wwc:text-muted-foreground" }), seg.onSelect ? /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: seg.onSelect,
+							className: "wwc:pointer-events-auto wwc:truncate wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground wwc:hover:underline",
+							children: seg.label
+						}) : /* @__PURE__ */ jsx("span", {
+							className: `wwc:truncate ${isLast ? "wwc:text-foreground" : "wwc:text-muted-foreground"}`,
+							children: seg.label
+						})]
+					}, `${seg.label}~${i}`);
+				}) : activeLabel.includes(" / ") ? breadcrumbSegments(activeLabel).map(({ part, key }, i, arr) => {
+					const isLast = i === arr.length - 1;
+					return /* @__PURE__ */ jsxs("span", {
+						className: `${isLast ? "wwc:flex wwc:min-w-0" : segmentFoldClass(i, arr.length)} wwc:items-center wwc:gap-1`,
+						children: [i > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "wwc:h-3 wwc:w-3 wwc:shrink-0 wwc:text-muted-foreground" }), /* @__PURE__ */ jsx("span", {
+							className: `wwc:truncate ${isLast ? "wwc:text-foreground" : "wwc:text-muted-foreground"}`,
+							children: part
+						})]
+					}, key);
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "wwc:truncate wwc:text-foreground",
+					children: activeLabel
+				}), (breadcrumb ? breadcrumb.length > 1 : activeLabel.includes(" / ")) && /* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "wwc:order-first wwc:shrink-0 wwc:text-muted-foreground wwc:@lg:hidden",
+					children: "…"
+				})]
+			}),
+			rightContent ?? /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:min-w-0 wwc:items-center wwc:justify-end wwc:gap-0.5",
+				children: [
+					overflowActions && overflowActions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+						className: "wwc:hidden wwc:items-center wwc:gap-0.5 wwc:@2xl:flex",
+						children: overflowActions.map((item) => /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							icon: true,
+							"aria-label": item.label,
+							onClick: item.onSelect,
+							className: `${t.iconButton} wwc:text-muted-foreground`,
+							children: item.icon ? /* @__PURE__ */ jsx(item.icon, { className: iconSize }) : /* @__PURE__ */ jsx(MoreHorizontal, { className: iconSize })
+						}, item.id))
+					}), /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							icon: true,
+							"aria-label": L.moreActions,
+							className: `${t.iconButton} wwc:text-muted-foreground wwc:@2xl:hidden`,
+							children: /* @__PURE__ */ jsx(MoreHorizontal, { className: iconSize })
+						})
+					}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+						align: "end",
+						className: "wwc:w-48",
+						children: overflowActions.map((item) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+							onSelect: () => item.onSelect?.(),
+							children: [item.icon && /* @__PURE__ */ jsx(item.icon, { className: "wwc:mr-2 wwc:h-4 wwc:w-4" }), item.label]
+						}, item.id))
+					})] })] }),
+					actions,
+					showNotifications && /* @__PURE__ */ jsxs(Button, {
+						variant: "ghost",
+						icon: true,
+						"aria-label": L.notifications,
+						onClick: onNotificationsClick,
+						className: `${t.iconButton} wwc:relative wwc:text-muted-foreground`,
+						children: [/* @__PURE__ */ jsx(Bell, { className: iconSize }), notificationCount ? /* @__PURE__ */ jsx("span", {
+							className: "wwc:absolute wwc:-top-0.5 wwc:-right-0.5 wwc:flex wwc:h-4 wwc:min-w-4 wwc:items-center wwc:justify-center wwc:rounded-full wwc:bg-destructive wwc:px-1 wwc:text-[9px] wwc:font-semibold wwc:text-destructive-foreground wwc:tabular-nums",
+							children: notificationCount > 99 ? "99+" : notificationCount
+						}) : null]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							icon: true,
+							"aria-label": L.moreTopBarActions,
+							className: `${t.iconButton} wwc:text-muted-foreground`,
+							children: /* @__PURE__ */ jsx(MoreHorizontal, { className: iconSize })
+						})
+					}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+						align: "end",
+						className: "wwc:w-[220px] wwc:rounded-xl",
+						children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
+							className: "wwc:flex wwc:items-center wwc:justify-between wwc:py-3",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "wwc:text-[13px]",
+								children: L.giveFeedback
+							}), /* @__PURE__ */ jsx(Smile, { className: "wwc:h-4 wwc:w-4 wwc:text-muted-foreground" })]
+						})
+					})] })
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { CoreAppTopBar };
+
+//# sourceMappingURL=core-app-top-bar.mjs.map

package/dist/navigation/core-app-top-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-app-top-bar.mjs","names":[],"sources":["../../src/navigation/core-app-top-bar.tsx"],"sourcesContent":["import {Bell, ChevronRight, Menu, MoreHorizontal, Smile} from \"lucide-react\";\n\nimport {Button} from \"../button\";\nimport {DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger} from \"../dropdown-menu\";\nimport {Switcher} from \"./switcher\";\n\nexport type CoreAppTopBarDensity = \"comfortable\" | \"compact\";\n\nexport type CoreAppTopBarProjectGroup = {\n\torg: string;\n\tprojects: string[];\n};\n\nexport interface CoreAppTopBarProps {\n\tactiveLabel: string;\n\t/**\n\t * Structured breadcrumb, taking precedence over `activeLabel`. A segment carrying `onSelect`\n\t * renders as a link — the way a group name in the breadcrumb should open that group's page.\n\t */\n\tbreadcrumb?: {label: string; onSelect?: () => void}[];\n\t/**\n\t * Lower-priority actions. They sit inline beside `actions` while the bar is wide enough, and\n\t * collapse into a single \"More actions\" menu once it is not — so project and route identity keep\n\t * the room rather than competing with secondary controls. `label` is both the menu item's text and\n\t * the inline control's accessible name, so an icon-only action is still named.\n\t */\n\toverflowActions?: {\n\t\tid: string;\n\t\tlabel: string;\n\t\ticon?: React.ComponentType<{className?: string}>;\n\t\tonSelect?: () => void;\n\t}[];\n\t/**\n\t * When `false`, the project switcher dropdown is hidden entirely — for apps or\n\t * surfaces that aren't scoped to a project. The centered breadcrumb and\n\t * `rightContent` still render. Applies to both densities. Defaults to `true`.\n\t */\n\tshowProjectSwitcher?: boolean;\n\t/** Current project shown in the switcher. Optional when `showProjectSwitcher` is `false`. */\n\tselectedProject?: string;\n\t/**\n\t * Flat list of projects shown in the switcher popover. Used only when\n\t * `projectGroups` is not provided. Optional when `showProjectSwitcher` is `false`.\n\t */\n\tprojects?: readonly string[];\n\t/**\n\t * Grouped list of projects organized by organization. When provided, the\n\t * switcher renders org headers with their projects nested below, and the\n\t * search input matches both org names and project names.\n\t */\n\tprojectGroups?: CoreAppTopBarProjectGroup[];\n\t/** Optional when `showProjectSwitcher` is `false`. */\n\tonSelectProject?: (project: string) => void;\n\t/** @deprecated The sidebar collapse toggle was removed from the top bar; this prop is ignored. */\n\tisPinned?: boolean;\n\t/** @deprecated The sidebar collapse toggle was removed from the top bar; this prop is ignored. */\n\tonToggleSidebar?: () => void;\n\t/** @deprecated The sidebar collapse toggle was removed from the top bar; this prop is ignored. */\n\tonHoverSidebar?: () => void;\n\t/**\n\t * When provided, a hamburger button is shown at the far left of the bar on mobile (`md:hidden`) and\n\t * calls this on click — pair it with `CoreAppSidebar`'s `mobileOpen`/`onMobileOpenChange` so the sidebar\n\t * opens as a left sheet. Hidden from `md` up, where the inline sidebar is visible.\n\t */\n\tonMenuClick?: () => void;\n\trightContent?: React.ReactNode;\n\t/**\n\t * Show a notification bell button beside the overflow (three-dots) menu. Defaults to `false`.\n\t * Ignored when `rightContent` is provided (that fully replaces the default right cluster).\n\t */\n\t/** Extra icon buttons placed before the notifications bell, e.g. a changeset button. */\n\tactions?: React.ReactNode;\n\tshowNotifications?: boolean;\n\t/** Unread count shown as a badge on the bell. `0`/undefined shows the bell with no badge; capped display at 99+. */\n\tnotificationCount?: number;\n\t/** Fires when the notification bell is clicked. */\n\tonNotificationsClick?: () => void;\n\t/**\n\t * `\"comfortable\"` (default) renders the bar at 44px (h-11) to match the\n\t * default `CoreAppSidebar`. `\"compact\"` renders at 36px (h-9) with smaller\n\t * controls and text — pair with `CoreAppSidebar density=\"compact\"` for a\n\t * matching dense app shell.\n\t */\n\tdensity?: CoreAppTopBarDensity;\n\t/**\n\t * Overrides for the bar's own built-in copy — control aria-labels, the project-search placeholder and\n\t * empty states, and the feedback item. English defaults fill in any key left unset.\n\t */\n\tlabels?: Partial<CoreAppTopBarLabels>;\n}\n\nconst TOP_BAR_DENSITY = {\n\tcomfortable: {\n\t\troot: \"wwc:h-11 wwc:px-4\",\n\t\ticonButton: \"wwc:h-7 wwc:w-7\",\n\t\tprojectButton: \"wwc:h-7 wwc:px-2 wwc:gap-1.5 wwc:text-[13px]\",\n\t\tbreadcrumb: \"wwc:text-[13px]\",\n\t\tpopoverHeader: \"wwc:px-3 wwc:pt-3 wwc:pb-2\",\n\t\tpopoverList: \"wwc:px-3 wwc:py-2 wwc:space-y-0.5\",\n\t\tpopoverInput: \"wwc:h-8 wwc:text-[13px]\",\n\t\tpopoverItem: \"wwc:gap-3 wwc:px-3 wwc:py-2.5\",\n\t\tpopoverItemText: \"wwc:text-[13px]\",\n\t\tpopoverEmpty: \"wwc:text-[13px] wwc:py-4\",\n\t},\n\tcompact: {\n\t\troot: \"wwc:h-9 wwc:px-3\",\n\t\ticonButton: \"wwc:h-6 wwc:w-6\",\n\t\tprojectButton: \"wwc:h-6 wwc:px-1.5 wwc:gap-1 wwc:text-[12px]\",\n\t\tbreadcrumb: \"wwc:text-[12px]\",\n\t\tpopoverHeader: \"wwc:px-2 wwc:pt-2 wwc:pb-1\",\n\t\tpopoverList: \"wwc:px-2 wwc:py-1.5 wwc:space-y-0\",\n\t\tpopoverInput: \"wwc:h-7 wwc:text-[12px]\",\n\t\tpopoverItem: \"wwc:gap-2 wwc:px-2 wwc:py-1.5\",\n\t\tpopoverItemText: \"wwc:text-[12px]\",\n\t\tpopoverEmpty: \"wwc:text-[12px] wwc:py-3\",\n\t},\n} as const;\n\n/**\n * Overridable copy for `CoreAppTopBar`'s own built-in controls. Every key has an English default, so a\n * consumer supplies only the strings it wants to translate. Consumer-provided data — `activeLabel`,\n * `breadcrumb`, project names, `overflowActions[].label` — is never part of this.\n */\nexport type CoreAppTopBarLabels = {\n\t/** Aria label for the mobile hamburger button. */\n\topenNavigation: string;\n\t/** Project switcher placeholder when a flat `projects` list is used. */\n\tfindProject: string;\n\t/** Project switcher placeholder when `projectGroups` is used (matches orgs and projects). */\n\tsearchProjectOrOrg: string;\n\t/** Project switcher empty state for a flat `projects` list. */\n\tnoProjectsFound: string;\n\t/** Project switcher empty state when `projectGroups` is used. */\n\tnoResults: string;\n\t/** Aria label for the collapsed overflow-actions trigger. */\n\tmoreActions: string;\n\t/** Aria label for the notifications bell. */\n\tnotifications: string;\n\t/** Aria label for the right-hand overflow (three-dots) menu. */\n\tmoreTopBarActions: string;\n\t/** The feedback menu item's text. */\n\tgiveFeedback: string;\n};\n\nconst DEFAULT_TOP_BAR_LABELS: CoreAppTopBarLabels = {\n\topenNavigation: \"Open navigation\",\n\tfindProject: \"Find Project...\",\n\tsearchProjectOrOrg: \"Search project or organization...\",\n\tnoProjectsFound: \"No projects found\",\n\tnoResults: \"No results\",\n\tmoreActions: \"More actions\",\n\tnotifications: \"Notifications\",\n\tmoreTopBarActions: \"More top bar actions\",\n\tgiveFeedback: \"Give Feedback\",\n};\n\n/**\n * App top bar with project switcher, breadcrumb, and feedback menu.\n * Owns its height, card background, horizontal padding, and bottom divider. Consumers should place\n * it directly in the shell and must not add a second border or surface wrapper around it.\n */\n/**\n * Breadcrumb segments with de-duplicated keys — a trail can legitimately repeat a label\n * (\"Link types / Link / Link\"), and a bare label would collide.\n */\n/**\n * When an ancestor breadcrumb segment folds away as the bar narrows — the deepest ancestor first, so\n * the LAST segment (the route identity) is the one that survives longest. Container widths, not\n * viewport: the bar's width depends on the sidebar beside it.\n */\nfunction segmentFoldClass(index: number, total: number) {\n\tconst depthFromEnd = total - 1 - index;\n\tif (depthFromEnd >= 3) return \"wwc:hidden wwc:@3xl:flex\";\n\tif (depthFromEnd === 2) return \"wwc:hidden wwc:@2xl:flex\";\n\tif (depthFromEnd === 1) return \"wwc:hidden wwc:@lg:flex\";\n\treturn \"wwc:flex\";\n}\n\nfunction breadcrumbSegments(activeLabel: string) {\n\tconst seen = new Map<string, number>();\n\treturn activeLabel.split(\" / \").map((part) => {\n\t\tconst n = (seen.get(part) ?? 0) + 1;\n\t\tseen.set(part, n);\n\t\treturn {part, key: n === 1 ? part : `${part}~${n}`};\n\t});\n}\n\nexport function CoreAppTopBar({\n\tactiveLabel,\n\tbreadcrumb,\n\tshowProjectSwitcher = true,\n\tselectedProject = \"\",\n\tprojects = [],\n\tprojectGroups,\n\tonSelectProject,\n\tonMenuClick,\n\trightContent,\n\tactions,\n\toverflowActions,\n\tshowNotifications = false,\n\tnotificationCount,\n\tonNotificationsClick,\n\tdensity = \"comfortable\",\n\tlabels,\n}: CoreAppTopBarProps) {\n\tconst t = TOP_BAR_DENSITY[density];\n\tconst L = {...DEFAULT_TOP_BAR_LABELS, ...labels};\n\tconst iconSize = density === \"compact\" ? \"wwc:h-3.5 wwc:w-3.5\" : \"wwc:h-4 wwc:w-4\";\n\n\treturn (\n\t\t<div\n\t\t\tdata-core-artifact=\"core-app-top-bar\"\n\t\t\tdata-core-surface-owner=\"artifact\"\n\t\t\tdata-core-border-owner=\"bottom\"\n\t\t\tdata-core-density={density}\n\t\t\tclassName={`${t.root} wwc:@container wwc:bg-card wwc:text-card-foreground wwc:border-b wwc:border-border wwc:grid wwc:grid-cols-[minmax(0,1fr)_minmax(0,auto)_minmax(0,1fr)] wwc:items-center wwc:gap-2 wwc:flex-shrink-0 wwc:relative`}\n\t\t>\n\t\t\t{/* Left. min-w-0 so a long project name truncates instead of shoving the breadcrumb. */}\n\t\t\t<div className=\"wwc:flex wwc:min-w-0 wwc:items-center wwc:gap-1\">\n\t\t\t\t{onMenuClick ? (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\ticon\n\t\t\t\t\t\taria-label={L.openNavigation}\n\t\t\t\t\t\tonClick={onMenuClick}\n\t\t\t\t\t\tclassName={`${t.iconButton} wwc:mr-1 wwc:shrink-0 wwc:text-muted-foreground wwc:md:hidden`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Menu className={iconSize} />\n\t\t\t\t\t</Button>\n\t\t\t\t) : null}\n\n\t\t\t\t{showProjectSwitcher && (\n\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<Switcher\n\t\t\t\t\t\t\tdensity={density}\n\t\t\t\t\t\t\tselected={selectedProject}\n\t\t\t\t\t\t\titems={projectGroups ? undefined : projects}\n\t\t\t\t\t\t\tgroups={projectGroups ? projectGroups.map((g) => ({label: g.org, items: g.projects})) : undefined}\n\t\t\t\t\t\t\tonSelect={(p) => onSelectProject?.(p)}\n\t\t\t\t\t\t\tplaceholder={projectGroups ? L.searchProjectOrOrg : L.findProject}\n\t\t\t\t\t\t\temptyLabel={projectGroups ? L.noResults : L.noProjectsFound}\n\t\t\t\t\t\t\ttriggerClassName={`${t.projectButton} wwc:min-w-0 wwc:max-w-full wwc:overflow-hidden wwc:font-medium wwc:text-foreground/70`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/* A long project name truncates rather than widening the cell — without this it pushed\n\t\t\t\t\t\t\t    the whole row past the bar at narrow widths. */}\n\t\t\t\t\t\t\t<span className=\"wwc:min-w-0 wwc:truncate\">{selectedProject}</span>\n\t\t\t\t\t\t</Switcher>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/* Centre. In flow now: it was `absolute left-1/2`, so the columns either side reserved no\n\t\t\t    space for it and the three groups overlapped once the bar got narrow. */}\n\t\t\t<span\n\t\t\t\tclassName={`wwc:flex wwc:min-w-0 wwc:items-center wwc:justify-center wwc:gap-1 wwc:font-medium wwc:pointer-events-none ${t.breadcrumb}`}\n\t\t\t>\n\t\t\t\t{breadcrumb ? (\n\t\t\t\t\tbreadcrumb.map((seg, i, arr) => {\n\t\t\t\t\t\tconst isLast = i === arr.length - 1;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tkey={`${seg.label}~${i}`}\n\t\t\t\t\t\t\t\tclassName={`${isLast ? \"wwc:flex wwc:min-w-0\" : segmentFoldClass(i, arr.length)} wwc:items-center wwc:gap-1`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{i > 0 && <ChevronRight className=\"wwc:h-3 wwc:w-3 wwc:shrink-0 wwc:text-muted-foreground\" />}\n\t\t\t\t\t\t\t\t{seg.onSelect ? (\n\t\t\t\t\t\t\t\t\t// The row is pointer-events-none so it never blocks the bar behind it; a link has\n\t\t\t\t\t\t\t\t\t// to opt back in.\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={seg.onSelect}\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:pointer-events-auto wwc:truncate wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground wwc:hover:underline\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{seg.label}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<span className={`wwc:truncate ${isLast ? \"wwc:text-foreground\" : \"wwc:text-muted-foreground\"}`}>\n\t\t\t\t\t\t\t\t\t\t{seg.label}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t) : activeLabel.includes(\" / \") ? (\n\t\t\t\t\tbreadcrumbSegments(activeLabel).map(({part, key}, i, arr) => {\n\t\t\t\t\t\tconst isLast = i === arr.length - 1;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\tclassName={`${isLast ? \"wwc:flex wwc:min-w-0\" : segmentFoldClass(i, arr.length)} wwc:items-center wwc:gap-1`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{i > 0 && <ChevronRight className=\"wwc:h-3 wwc:w-3 wwc:shrink-0 wwc:text-muted-foreground\" />}\n\t\t\t\t\t\t\t\t<span className={`wwc:truncate ${isLast ? \"wwc:text-foreground\" : \"wwc:text-muted-foreground\"}`}>\n\t\t\t\t\t\t\t\t\t{part}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t) : (\n\t\t\t\t\t<span className=\"wwc:truncate wwc:text-foreground\">{activeLabel}</span>\n\t\t\t\t)}\n\t\t\t\t{/* Stands in for whatever folded away, so a truncated trail still reads as one. Applies to\n\t\t\t\t    both breadcrumb sources — a structured trail folds exactly as a string one does. */}\n\t\t\t\t{(breadcrumb ? breadcrumb.length > 1 : activeLabel.includes(\" / \")) && (\n\t\t\t\t\t<span aria-hidden className=\"wwc:order-first wwc:shrink-0 wwc:text-muted-foreground wwc:@lg:hidden\">\n\t\t\t\t\t\t…\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</span>\n\n\t\t\t{rightContent ?? (\n\t\t\t\t<div className=\"wwc:flex wwc:min-w-0 wwc:items-center wwc:justify-end wwc:gap-0.5\">\n\t\t\t\t\t{overflowActions && overflowActions.length > 0 && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{/* Inline while there is room... */}\n\t\t\t\t\t\t\t<div className=\"wwc:hidden wwc:items-center wwc:gap-0.5 wwc:@2xl:flex\">\n\t\t\t\t\t\t\t\t{overflowActions.map((item) => (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\t\taria-label={item.label}\n\t\t\t\t\t\t\t\t\t\tonClick={item.onSelect}\n\t\t\t\t\t\t\t\t\t\tclassName={`${t.iconButton} wwc:text-muted-foreground`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{item.icon ? <item.icon className={iconSize} /> : <MoreHorizontal className={iconSize} />}\n\t\t\t\t\t\t\t\t\t</Button>\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\t{/* ...and behind one owner once there is not. */}\n\t\t\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\t\taria-label={L.moreActions}\n\t\t\t\t\t\t\t\t\t\tclassName={`${t.iconButton} wwc:text-muted-foreground wwc:@2xl:hidden`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<MoreHorizontal className={iconSize} />\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t\t\t<DropdownMenuContent align=\"end\" className=\"wwc:w-48\">\n\t\t\t\t\t\t\t\t\t{overflowActions.map((item) => (\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuItem key={item.id} onSelect={() => item.onSelect?.()}>\n\t\t\t\t\t\t\t\t\t\t\t{item.icon && <item.icon className=\"wwc:mr-2 wwc:h-4 wwc:w-4\" />}\n\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{actions}\n\t\t\t\t\t{showNotifications && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\taria-label={L.notifications}\n\t\t\t\t\t\t\tonClick={onNotificationsClick}\n\t\t\t\t\t\t\tclassName={`${t.iconButton} wwc:relative wwc:text-muted-foreground`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Bell className={iconSize} />\n\t\t\t\t\t\t\t{notificationCount ? (\n\t\t\t\t\t\t\t\t<span className=\"wwc:absolute wwc:-top-0.5 wwc:-right-0.5 wwc:flex wwc:h-4 wwc:min-w-4 wwc:items-center wwc:justify-center wwc:rounded-full wwc:bg-destructive wwc:px-1 wwc:text-[9px] wwc:font-semibold wwc:text-destructive-foreground wwc:tabular-nums\">\n\t\t\t\t\t\t\t\t\t{notificationCount > 99 ? \"99+\" : notificationCount}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t<DropdownMenuTrigger asChild>\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\taria-label={L.moreTopBarActions}\n\t\t\t\t\t\t\t\tclassName={`${t.iconButton} wwc:text-muted-foreground`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MoreHorizontal className={iconSize} />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t<DropdownMenuContent align=\"end\" className=\"wwc:w-[220px] wwc:rounded-xl\">\n\t\t\t\t\t\t\t<DropdownMenuItem className=\"wwc:flex wwc:items-center wwc:justify-between wwc:py-3\">\n\t\t\t\t\t\t\t\t<span className=\"wwc:text-[13px]\">{L.giveFeedback}</span>\n\t\t\t\t\t\t\t\t<Smile className=\"wwc:h-4 wwc:w-4 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/navigation/core-context-tabs.d.mts

@@ -0,0 +1,12 @@
+import { OrgTab, ProjectTab } from "../types.mjs";
+//#region src/navigation/core-context-tabs.d.ts
+interface ContextTabsProps {
+  isProjectLevel: boolean;
+  activeOrgTab: OrgTab;
+  activeProjectTab: ProjectTab;
+  onOrgTabChange: (tab: OrgTab) => void;
+  onProjectTabChange: (tab: ProjectTab) => void;
+}
+export declare function ContextTabs({ isProjectLevel, activeOrgTab, activeProjectTab, onOrgTabChange, onProjectTabChange }: ContextTabsProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-context-tabs.d.mts.map

package/dist/navigation/core-context-tabs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-context-tabs.d.mts","names":[],"sources":["../../src/navigation/core-context-tabs.tsx"],"mappings":";;UAMU;EACT;EACA,cAAc;EACd,kBAAkB;EAClB,iBAAiB,KAAK;EACtB,qBAAqB,KAAK;;wBAGX,cACf,gBACA,cACA,kBACA,gBACA,sBACE,+CAAgB,IAAA"}

package/dist/navigation/core-context-tabs.mjs

@@ -0,0 +1,32 @@
+import { Tabs, TabsList, TabsTrigger } from "../tabs.mjs";
+import { ORG_TABS, PROJECT_TABS } from "../types.mjs";
+import { Sparkles } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/navigation/core-context-tabs.tsx
+function ContextTabs({ isProjectLevel, activeOrgTab, activeProjectTab, onOrgTabChange, onProjectTabChange }) {
+	const tabs = isProjectLevel ? PROJECT_TABS : ORG_TABS;
+	const activeTab = isProjectLevel ? activeProjectTab : activeOrgTab;
+	const handleTabChange = (value) => {
+		if (isProjectLevel) onProjectTabChange(value);
+		else onOrgTabChange(value);
+	};
+	return /* @__PURE__ */ jsx(Tabs, {
+		value: activeTab,
+		onValueChange: handleTabChange,
+		children: /* @__PURE__ */ jsx(TabsList, {
+			"aria-label": isProjectLevel ? "Project navigation" : "Organization navigation",
+			children: tabs.map((tab) => /* @__PURE__ */ jsxs(TabsTrigger, {
+				value: tab.id,
+				className: "wwc:gap-1.5",
+				children: [tab.id === "ai-report" && /* @__PURE__ */ jsx(Sparkles, {
+					className: "wwc:h-3.5 wwc:w-3.5 wwc:text-violet-500",
+					fill: "currentColor"
+				}), tab.label]
+			}, tab.id))
+		})
+	});
+}
+//#endregion
+export { ContextTabs };
+
+//# sourceMappingURL=core-context-tabs.mjs.map

package/dist/navigation/core-context-tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-context-tabs.mjs","names":[],"sources":["../../src/navigation/core-context-tabs.tsx"],"sourcesContent":["import {Sparkles} from \"lucide-react\";\n\nimport {Tabs, TabsList, TabsTrigger} from \"../tabs\";\nimport type {OrgTab, ProjectTab} from \"../types\";\nimport {ORG_TABS, PROJECT_TABS} from \"../types\";\n\ninterface ContextTabsProps {\n\tisProjectLevel: boolean;\n\tactiveOrgTab: OrgTab;\n\tactiveProjectTab: ProjectTab;\n\tonOrgTabChange: (tab: OrgTab) => void;\n\tonProjectTabChange: (tab: ProjectTab) => void;\n}\n\nexport function ContextTabs({\n\tisProjectLevel,\n\tactiveOrgTab,\n\tactiveProjectTab,\n\tonOrgTabChange,\n\tonProjectTabChange,\n}: ContextTabsProps) {\n\tconst tabs = isProjectLevel ? PROJECT_TABS : ORG_TABS;\n\tconst activeTab = isProjectLevel ? activeProjectTab : activeOrgTab;\n\n\tconst handleTabChange = (value: string) => {\n\t\tif (isProjectLevel) {\n\t\t\tonProjectTabChange(value as ProjectTab);\n\t\t} else {\n\t\t\tonOrgTabChange(value as OrgTab);\n\t\t}\n\t};\n\n\treturn (\n\t\t<Tabs value={activeTab} onValueChange={handleTabChange}>\n\t\t\t<TabsList aria-label={isProjectLevel ? \"Project navigation\" : \"Organization navigation\"}>\n\t\t\t\t{tabs.map((tab) => (\n\t\t\t\t\t<TabsTrigger key={tab.id} value={tab.id} className=\"wwc:gap-1.5\">\n\t\t\t\t\t\t{tab.id === \"ai-report\" && (\n\t\t\t\t\t\t\t<Sparkles className=\"wwc:h-3.5 wwc:w-3.5 wwc:text-violet-500\" fill=\"currentColor\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{tab.label}\n\t\t\t\t\t</TabsTrigger>\n\t\t\t\t))}\n\t\t\t</TabsList>\n\t\t</Tabs>\n\t);\n}\n"],"mappings":";;;;;AAcA,SAAgB,YAAY,EAC3B,gBACA,cACA,kBACA,gBACA,sBACoB;CACpB,MAAM,OAAO,iBAAiB,eAAe;CAC7C,MAAM,YAAY,iBAAiB,mBAAmB;CAEtD,MAAM,mBAAmB,UAAkB;EAC1C,IAAI,gBACH,mBAAmB,KAAmB;OAEtC,eAAe,KAAe;CAEhC;CAEA,OACC,oBAAC,MAAD;EAAM,OAAO;EAAW,eAAe;EACtC,UAAA,oBAAC,UAAD;GAAU,cAAY,iBAAiB,uBAAuB;GAC5D,UAAA,KAAK,KAAK,QACV,qBAAC,aAAD;IAA0B,OAAO,IAAI;IAAI,WAAU;IAAnD,UAAA,CACE,IAAI,OAAO,eACX,oBAAC,UAAD;KAAU,WAAU;KAA0C,MAAK;IAAgB,CAAA,GAEnF,IAAI,KACO;GALK,GAAA,IAAI,EAKT,CACb;EACQ,CAAA;CACL,CAAA;AAER"}

package/dist/navigation/core-dashboard-header.d.mts

@@ -0,0 +1,20 @@
+import { OrgTab, Organization, Project, ProjectTab } from "../types.mjs";
+//#region src/navigation/core-dashboard-header.d.ts
+export interface CoreDashboardHeaderProps {
+  selectedOrg: Organization | null;
+  selectedProject: Project | null;
+  activeOrgTab: OrgTab;
+  activeProjectTab: ProjectTab;
+  isProjectLevel: boolean;
+  onSelectOrg: (org: Organization) => void;
+  onSelectProject: (project: Project | null) => void;
+  onOrgTabChange: (tab: OrgTab) => void;
+  onProjectTabChange: (tab: ProjectTab) => void;
+  onLogout?: () => void;
+}
+/** Full dashboard header with organization/project switcher, search, and notifications. */
+export declare function DashboardHeader({ selectedOrg, selectedProject, activeOrgTab, activeProjectTab, isProjectLevel, onSelectOrg, onSelectProject, onOrgTabChange, onProjectTabChange, onLogout }: CoreDashboardHeaderProps): import("react/jsx-runtime").JSX.Element;
+/** Catalog-aligned export name; DashboardHeader remains available for backwards compatibility. */
+export declare const CoreDashboardHeader: typeof DashboardHeader;
+//#endregion
+//# sourceMappingURL=core-dashboard-header.d.mts.map

package/dist/navigation/core-dashboard-header.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-dashboard-header.d.mts","names":[],"sources":["../../src/navigation/core-dashboard-header.tsx"],"mappings":";;iBAwBiB;EAChB,aAAa;EACb,iBAAiB;EACjB,cAAc;EACd,kBAAkB;EAClB;EACA,cAAc,KAAK;EACnB,kBAAkB,SAAS;EAC3B,iBAAiB,KAAK;EACtB,qBAAqB,KAAK;EAC1B;;;wBAmBe,kBACf,aACA,iBACA,cACA,kBACA,gBACA,aACA,iBACA,gBACA,oBACA,YACE,uDAAwB,IAAA;;qBA2Kd,4BAAmB"}

package/dist/navigation/core-dashboard-header.mjs

@@ -0,0 +1,227 @@
+import { HoverTooltip, TooltipProvider } from "../tooltip.mjs";
+import { Button } from "../button.mjs";
+import { ScrollArea } from "../scroll-area.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../dropdown-menu.mjs";
+import { Input } from "../input.mjs";
+import { Avatar, AvatarFallback } from "../avatar.mjs";
+import { Separator } from "../separator.mjs";
+import { getProjectsByOrg } from "../data/mock-data.mjs";
+import { ContextTabs } from "./core-context-tabs.mjs";
+import { OrgProjectSwitcher } from "./core-org-project-switcher.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Bell, Check, ChevronRight, ChevronsUpDown, LayoutGrid, MessageSquare, Search } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/navigation/core-dashboard-header.tsx
+function getInitials(name) {
+	return name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+}
+function getAvatarColor(name) {
+	const colors = [
+		"wwc:bg-chart-1",
+		"wwc:bg-chart-2",
+		"wwc:bg-chart-3",
+		"wwc:bg-chart-4",
+		"wwc:bg-chart-5"
+	];
+	return colors[name.charCodeAt(0) % colors.length];
+}
+/** Full dashboard header with organization/project switcher, search, and notifications. */
+function DashboardHeader({ selectedOrg, selectedProject, activeOrgTab, activeProjectTab, isProjectLevel, onSelectOrg, onSelectProject, onOrgTabChange, onProjectTabChange, onLogout }) {
+	const [projectSwitcherOpen, setProjectSwitcherOpen] = React.useState(false);
+	const projects = selectedOrg ? getProjectsByOrg(selectedOrg.id) : [];
+	const handleProjectSelect = (project) => {
+		onSelectProject(project);
+		setProjectSwitcherOpen(false);
+	};
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs("header", {
+		"data-core-artifact": "core-dashboard-header",
+		"data-core-surface-owner": "artifact",
+		"data-core-responsive-header": true,
+		className: "wwc:sticky wwc:top-0 wwc:z-50 wwc:w-full wwc:border-b wwc:bg-card",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:h-12 wwc:min-w-0 wwc:items-center wwc:gap-2 wwc:overflow-hidden wwc:px-4",
+			children: [
+				/* @__PURE__ */ jsx("button", {
+					"aria-label": "Open application menu",
+					className: "wwc:flex wwc:h-8 wwc:w-8 wwc:items-center wwc:justify-center wwc:rounded-md wwc:hover:bg-accent",
+					children: /* @__PURE__ */ jsx(LayoutGrid, { className: "wwc:h-5 wwc:w-5" })
+				}),
+				/* @__PURE__ */ jsx(Separator, {
+					orientation: "vertical",
+					className: "wwc:mx-1 wwc:h-6"
+				}),
+				/* @__PURE__ */ jsx(OrgProjectSwitcher, {
+					selectedOrg,
+					selectedProject,
+					onSelectOrg,
+					onSelectProject
+				}),
+				selectedProject && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ChevronRight, { className: "wwc:h-4 wwc:w-4 wwc:text-muted-foreground" }), /* @__PURE__ */ jsxs(Popover, {
+					open: projectSwitcherOpen,
+					onOpenChange: setProjectSwitcherOpen,
+					children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs(Button, {
+							variant: "ghost",
+							role: "combobox",
+							"aria-expanded": projectSwitcherOpen,
+							"aria-label": "Switch project",
+							className: "wwc:h-8 wwc:gap-2 wwc:px-2 wwc:font-normal",
+							children: [
+								/* @__PURE__ */ jsx(Avatar, {
+									className: "wwc:h-5 wwc:w-5",
+									children: /* @__PURE__ */ jsx(AvatarFallback, {
+										className: cn("wwc:text-xs wwc:font-medium", getAvatarColor(selectedProject.name)),
+										children: getInitials(selectedProject.name)
+									})
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "wwc:hidden wwc:font-medium wwc:xl:inline",
+									children: selectedProject.name
+								}),
+								/* @__PURE__ */ jsx(ChevronsUpDown, { className: "wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:opacity-50" })
+							]
+						})
+					}), /* @__PURE__ */ jsx(PopoverContent, {
+						className: "wwc:w-[250px] wwc:p-0",
+						align: "start",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:p-1",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "wwc:px-2 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:text-muted-foreground",
+								children: "Switch Project"
+							}), /* @__PURE__ */ jsx(ScrollArea, {
+								className: "wwc:h-[200px]",
+								children: projects.map((project) => /* @__PURE__ */ jsxs("button", {
+									onClick: () => handleProjectSelect(project),
+									className: cn("wwc:flex wwc:w-full wwc:items-center wwc:gap-2 wwc:rounded-sm wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:outline-none wwc:hover:bg-accent", selectedProject?.id === project.id && "wwc:bg-accent"),
+									children: [
+										/* @__PURE__ */ jsx(Avatar, {
+											className: "wwc:h-5 wwc:w-5",
+											children: /* @__PURE__ */ jsx(AvatarFallback, {
+												className: cn("wwc:text-xs wwc:font-medium", getAvatarColor(project.name)),
+												children: getInitials(project.name)
+											})
+										}),
+										/* @__PURE__ */ jsx("span", {
+											className: "wwc:flex-1 wwc:truncate wwc:text-left",
+											children: project.name
+										}),
+										selectedProject?.id === project.id && /* @__PURE__ */ jsx(Check, { className: "wwc:h-4 wwc:w-4 wwc:text-primary" })
+									]
+								}, project.id))
+							})]
+						})
+					})]
+				})] }),
+				/* @__PURE__ */ jsx("div", { className: "wwc:flex-1" }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:relative wwc:hidden wwc:w-64 wwc:lg:block",
+					children: [
+						/* @__PURE__ */ jsx(Search, { className: "wwc:absolute wwc:left-2.5 wwc:top-1/2 wwc:h-4 wwc:w-4 wwc:-translate-y-1/2 wwc:text-muted-foreground" }),
+						/* @__PURE__ */ jsx(Input, {
+							placeholder: "Search...",
+							className: "wwc:h-8 wwc:pl-8 wwc:pr-12 wwc:text-sm"
+						}),
+						/* @__PURE__ */ jsx("kbd", {
+							className: "wwc:pointer-events-none wwc:absolute wwc:right-2 wwc:top-1/2 wwc:-translate-y-1/2 wwc:rounded wwc:border wwc:bg-muted wwc:px-1.5 wwc:text-[10px] wwc:font-medium wwc:text-muted-foreground",
+							children: "⌘K"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					icon: true,
+					"aria-label": "Search",
+					className: "wwc:lg:hidden",
+					children: /* @__PURE__ */ jsx(Search, { className: "wwc:h-4 wwc:w-4" })
+				}),
+				/* @__PURE__ */ jsx(Separator, {
+					orientation: "vertical",
+					className: "wwc:mx-2 wwc:hidden wwc:h-6 wwc:lg:block"
+				}),
+				/* @__PURE__ */ jsx(HoverTooltip, {
+					content: "Send feedback",
+					children: /* @__PURE__ */ jsxs(Button, {
+						variant: "ghost",
+						size: "sm",
+						className: "wwc:gap-1.5",
+						children: [/* @__PURE__ */ jsx(MessageSquare, { className: "wwc:h-4 wwc:w-4" }), /* @__PURE__ */ jsx("span", {
+							className: "wwc:hidden wwc:text-sm wwc:xl:inline",
+							children: "Feedback"
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsx(HoverTooltip, {
+					content: "Notifications",
+					children: /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						icon: true,
+						"aria-label": "Notifications",
+						children: /* @__PURE__ */ jsx(Bell, { className: "wwc:h-4 wwc:w-4" })
+					})
+				}),
+				/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						"aria-label": "Open user menu",
+						className: "wwc:h-8 wwc:w-8 wwc:rounded-full wwc:p-0",
+						children: /* @__PURE__ */ jsx(Avatar, {
+							className: "wwc:h-7 wwc:w-7",
+							children: /* @__PURE__ */ jsx(AvatarFallback, {
+								className: "wwc:bg-primary wwc:text-primary-foreground wwc:text-xs",
+								children: "AR"
+							})
+						})
+					})
+				}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+					align: "end",
+					className: "wwc:w-56",
+					children: [
+						/* @__PURE__ */ jsx(DropdownMenuLabel, { children: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:flex-col wwc:space-y-1",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "wwc:text-sm wwc:font-medium",
+								children: "Alaa Rabia"
+							}), /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-muted-foreground",
+								children: "alaa@core.com"
+							})]
+						}) }),
+						/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+						/* @__PURE__ */ jsx(DropdownMenuItem, { children: "Profile" }),
+						/* @__PURE__ */ jsx(DropdownMenuItem, { children: "Account Settings" }),
+						/* @__PURE__ */ jsx(DropdownMenuItem, { children: "Organization Settings" }),
+						/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+						/* @__PURE__ */ jsx(DropdownMenuItem, { children: "Documentation" }),
+						/* @__PURE__ */ jsx(DropdownMenuItem, { children: "Support" }),
+						/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+						/* @__PURE__ */ jsx(DropdownMenuItem, {
+							className: "wwc:text-destructive",
+							onClick: onLogout,
+							children: "Log out"
+						})
+					]
+				})] })
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "wwc:overflow-x-auto wwc:px-4 wwc:py-2",
+			children: /* @__PURE__ */ jsx(ContextTabs, {
+				isProjectLevel,
+				activeOrgTab,
+				activeProjectTab,
+				onOrgTabChange,
+				onProjectTabChange
+			})
+		})]
+	}) });
+}
+/** Catalog-aligned export name; DashboardHeader remains available for backwards compatibility. */
+const CoreDashboardHeader = DashboardHeader;
+//#endregion
+export { CoreDashboardHeader, DashboardHeader };
+
+//# sourceMappingURL=core-dashboard-header.mjs.map

package/dist/navigation/core-dashboard-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-dashboard-header.mjs","names":[],"sources":["../../src/navigation/core-dashboard-header.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {Bell, Check, ChevronRight, ChevronsUpDown, LayoutGrid, MessageSquare, Search} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Avatar, AvatarFallback} from \"../avatar\";\nimport {Button} from \"../button\";\nimport {getProjectsByOrg} from \"../data/mock-data\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from \"../dropdown-menu\";\nimport {Input} from \"../input\";\nimport {Popover, PopoverContent, PopoverTrigger} from \"../popover\";\nimport {ScrollArea} from \"../scroll-area\";\nimport {Separator} from \"../separator\";\nimport {HoverTooltip, TooltipProvider} from \"../tooltip\";\nimport type {OrgTab, Organization, Project, ProjectTab} from \"../types\";\nimport {ContextTabs} from \"./core-context-tabs\";\nimport {OrgProjectSwitcher} from \"./core-org-project-switcher\";\n\nexport interface CoreDashboardHeaderProps {\n\tselectedOrg: Organization | null;\n\tselectedProject: Project | null;\n\tactiveOrgTab: OrgTab;\n\tactiveProjectTab: ProjectTab;\n\tisProjectLevel: boolean;\n\tonSelectOrg: (org: Organization) => void;\n\tonSelectProject: (project: Project | null) => void;\n\tonOrgTabChange: (tab: OrgTab) => void;\n\tonProjectTabChange: (tab: ProjectTab) => void;\n\tonLogout?: () => void;\n}\n\nfunction getInitials(name: string): string {\n\treturn name\n\t\t.split(\" \")\n\t\t.map((n) => n[0])\n\t\t.join(\"\")\n\t\t.toUpperCase()\n\t\t.slice(0, 2);\n}\n\nfunction getAvatarColor(name: string): string {\n\tconst colors = [\"wwc:bg-chart-1\", \"wwc:bg-chart-2\", \"wwc:bg-chart-3\", \"wwc:bg-chart-4\", \"wwc:bg-chart-5\"];\n\tconst index = name.charCodeAt(0) % colors.length;\n\treturn colors[index];\n}\n\n/** Full dashboard header with organization/project switcher, search, and notifications. */\nexport function DashboardHeader({\n\tselectedOrg,\n\tselectedProject,\n\tactiveOrgTab,\n\tactiveProjectTab,\n\tisProjectLevel,\n\tonSelectOrg,\n\tonSelectProject,\n\tonOrgTabChange,\n\tonProjectTabChange,\n\tonLogout,\n}: CoreDashboardHeaderProps) {\n\tconst [projectSwitcherOpen, setProjectSwitcherOpen] = React.useState(false);\n\n\tconst projects = selectedOrg ? getProjectsByOrg(selectedOrg.id) : [];\n\n\tconst handleProjectSelect = (project: Project) => {\n\t\tonSelectProject(project);\n\t\tsetProjectSwitcherOpen(false);\n\t};\n\n\treturn (\n\t\t<TooltipProvider>\n\t\t\t<header\n\t\t\t\tdata-core-artifact=\"core-dashboard-header\"\n\t\t\t\tdata-core-surface-owner=\"artifact\"\n\t\t\t\tdata-core-responsive-header\n\t\t\t\tclassName=\"wwc:sticky wwc:top-0 wwc:z-50 wwc:w-full wwc:border-b wwc:bg-card\"\n\t\t\t>\n\t\t\t\t{/* Top bar */}\n\t\t\t\t<div className=\"wwc:flex wwc:h-12 wwc:min-w-0 wwc:items-center wwc:gap-2 wwc:overflow-hidden wwc:px-4\">\n\t\t\t\t\t{/* Logo */}\n\t\t\t\t\t<button\n\t\t\t\t\t\taria-label=\"Open application menu\"\n\t\t\t\t\t\tclassName=\"wwc:flex wwc:h-8 wwc:w-8 wwc:items-center wwc:justify-center wwc:rounded-md wwc:hover:bg-accent\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<LayoutGrid className=\"wwc:h-5 wwc:w-5\" />\n\t\t\t\t\t</button>\n\n\t\t\t\t\t<Separator orientation=\"vertical\" className=\"wwc:mx-1 wwc:h-6\" />\n\n\t\t\t\t\t{/* Org/Project Switcher */}\n\t\t\t\t\t<OrgProjectSwitcher\n\t\t\t\t\t\tselectedOrg={selectedOrg}\n\t\t\t\t\t\tselectedProject={selectedProject}\n\t\t\t\t\t\tonSelectOrg={onSelectOrg}\n\t\t\t\t\t\tonSelectProject={onSelectProject}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{/* Project Switcher (when project selected) */}\n\t\t\t\t\t{selectedProject && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ChevronRight className=\"wwc:h-4 wwc:w-4 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t\t<Popover open={projectSwitcherOpen} onOpenChange={setProjectSwitcherOpen}>\n\t\t\t\t\t\t\t\t<PopoverTrigger asChild>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\t\t\t\t\taria-expanded={projectSwitcherOpen}\n\t\t\t\t\t\t\t\t\t\taria-label=\"Switch project\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-8 wwc:gap-2 wwc:px-2 wwc:font-normal\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Avatar className=\"wwc:h-5 wwc:w-5\">\n\t\t\t\t\t\t\t\t\t\t\t<AvatarFallback\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\"wwc:text-xs wwc:font-medium\", getAvatarColor(selectedProject.name))}\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{getInitials(selectedProject.name)}\n\t\t\t\t\t\t\t\t\t\t\t</AvatarFallback>\n\t\t\t\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:hidden wwc:font-medium wwc:xl:inline\">{selectedProject.name}</span>\n\t\t\t\t\t\t\t\t\t\t<ChevronsUpDown className=\"wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:opacity-50\" />\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</PopoverTrigger>\n\t\t\t\t\t\t\t\t<PopoverContent className=\"wwc:w-[250px] wwc:p-0\" align=\"start\">\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:p-1\">\n\t\t\t\t\t\t\t\t\t\t<p className=\"wwc:px-2 wwc:py-1.5 wwc:text-xs wwc:font-medium wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\tSwitch Project\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t<ScrollArea className=\"wwc:h-[200px]\">\n\t\t\t\t\t\t\t\t\t\t\t{projects.map((project) => (\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\tkey={project.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleProjectSelect(project)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"wwc:flex wwc:w-full wwc:items-center wwc:gap-2 wwc:rounded-sm wwc:px-2 wwc:py-1.5 wwc:text-sm wwc:outline-none wwc:hover:bg-accent\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedProject?.id === project.id && \"wwc:bg-accent\",\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<Avatar className=\"wwc:h-5 wwc:w-5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<AvatarFallback className={cn(\"wwc:text-xs wwc:font-medium\", getAvatarColor(project.name))}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getInitials(project.name)}\n\t\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</Avatar>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:flex-1 wwc:truncate wwc:text-left\">{project.name}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{selectedProject?.id === project.id && <Check className=\"wwc:h-4 wwc:w-4 wwc:text-primary\" />}\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</ScrollArea>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</PopoverContent>\n\t\t\t\t\t\t\t</Popover>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/* Spacer */}\n\t\t\t\t\t<div className=\"wwc:flex-1\" />\n\n\t\t\t\t\t{/* Search */}\n\t\t\t\t\t<div className=\"wwc:relative wwc:hidden wwc:w-64 wwc:lg:block\">\n\t\t\t\t\t\t<Search className=\"wwc:absolute wwc:left-2.5 wwc:top-1/2 wwc:h-4 wwc:w-4 wwc:-translate-y-1/2 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t<Input placeholder=\"Search...\" className=\"wwc:h-8 wwc:pl-8 wwc:pr-12 wwc:text-sm\" />\n\t\t\t\t\t\t<kbd className=\"wwc:pointer-events-none wwc:absolute wwc:right-2 wwc:top-1/2 wwc:-translate-y-1/2 wwc:rounded wwc:border wwc:bg-muted wwc:px-1.5 wwc:text-[10px] wwc:font-medium wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t⌘K\n\t\t\t\t\t\t</kbd>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Button variant=\"ghost\" icon aria-label=\"Search\" className=\"wwc:lg:hidden\">\n\t\t\t\t\t\t<Search className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Separator orientation=\"vertical\" className=\"wwc:mx-2 wwc:hidden wwc:h-6 wwc:lg:block\" />\n\n\t\t\t\t\t{/* Actions */}\n\t\t\t\t\t<HoverTooltip content=\"Send feedback\">\n\t\t\t\t\t\t<Button variant=\"ghost\" size=\"sm\" className=\"wwc:gap-1.5\">\n\t\t\t\t\t\t\t<MessageSquare className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t<span className=\"wwc:hidden wwc:text-sm wwc:xl:inline\">Feedback</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HoverTooltip>\n\n\t\t\t\t\t<HoverTooltip content=\"Notifications\">\n\t\t\t\t\t\t<Button variant=\"ghost\" icon aria-label=\"Notifications\">\n\t\t\t\t\t\t\t<Bell className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HoverTooltip>\n\n\t\t\t\t\t{/* User Menu */}\n\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t\t\t\t<Button variant=\"ghost\" aria-label=\"Open user menu\" className=\"wwc:h-8 wwc:w-8 wwc:rounded-full wwc:p-0\">\n\t\t\t\t\t\t\t\t<Avatar className=\"wwc:h-7 wwc:w-7\">\n\t\t\t\t\t\t\t\t\t<AvatarFallback className=\"wwc:bg-primary wwc:text-primary-foreground wwc:text-xs\">AR</AvatarFallback>\n\t\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t<DropdownMenuContent align=\"end\" className=\"wwc:w-56\">\n\t\t\t\t\t\t\t<DropdownMenuLabel>\n\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:space-y-1\">\n\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:font-medium\">Alaa Rabia</p>\n\t\t\t\t\t\t\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground\">alaa@core.com</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</DropdownMenuLabel>\n\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t<DropdownMenuItem>Profile</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuItem>Account Settings</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuItem>Organization Settings</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t<DropdownMenuItem>Documentation</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuItem>Support</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t<DropdownMenuItem className=\"wwc:text-destructive\" onClick={onLogout}>\n\t\t\t\t\t\t\t\tLog out\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Tabs bar */}\n\t\t\t\t<div className=\"wwc:overflow-x-auto wwc:px-4 wwc:py-2\">\n\t\t\t\t\t<ContextTabs\n\t\t\t\t\t\tisProjectLevel={isProjectLevel}\n\t\t\t\t\t\tactiveOrgTab={activeOrgTab}\n\t\t\t\t\t\tactiveProjectTab={activeProjectTab}\n\t\t\t\t\t\tonOrgTabChange={onOrgTabChange}\n\t\t\t\t\t\tonProjectTabChange={onProjectTabChange}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</header>\n\t\t</TooltipProvider>\n\t);\n}\n\n/** Catalog-aligned export name; DashboardHeader remains available for backwards compatibility. */\nexport const CoreDashboardHeader = DashboardHeader;\n"],"mappings":"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"}

package/dist/navigation/core-filter-strip.d.mts

@@ -0,0 +1,12 @@
+//#region src/navigation/core-filter-strip.d.ts
+export type FilterStripVariant = "performance" | "workforce" | "reality-capture";
+export type FilterStripSize = "default" | "sm";
+interface CoreFilterStripProps {
+  variant: FilterStripVariant;
+  size?: FilterStripSize;
+  onFiltersChange?: (filters: Record<string, unknown>) => void;
+}
+/** Horizontal filter strip with variant-specific controls for dashboards. */
+export declare function CoreFilterStrip({ variant, size, onFiltersChange }: CoreFilterStripProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-filter-strip.d.mts.map

package/dist/navigation/core-filter-strip.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-filter-strip.d.mts","names":[],"sources":["../../src/navigation/core-filter-strip.tsx"],"mappings":";YA0DY;YACA;UAEF;EACT,SAAS;EACT,OAAO;EACP,mBAAmB,SAAS;;;wBAIb,kBAAiB,SAAS,MAAkB,mBAAkB,mDAAoB,IAAA"}