@burdenoff/microfe-bigconsole 2026.924.1 → 2026.924.3

package/dist/bigconsole/components/dashboard/DashboardStatusPill.js

@@ -0,0 +1,53 @@
+import { useTr as e } from "../../../shared/hooks/useTr.js";
+import { memo as t, useCallback as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/bigconsole/components/dashboard/DashboardStatusPill.tsx
+var a = {
+	PUBLISHED: "var(--color-status-success-bg)",
+	DRAFT: "var(--color-text-muted)",
+	ARCHIVED: "var(--color-status-warning-bg)"
+};
+function o() {
+	let t = e();
+	return n((e) => {
+		switch (e) {
+			case "PUBLISHED": return t("bigconsole.dashboards.status.published", "Published");
+			case "ARCHIVED": return t("bigconsole.dashboards.status.archived", "Archived");
+			default: return t("bigconsole.dashboards.status.draft", "Draft");
+		}
+	}, [t]);
+}
+var s = t(function({ status: e, label: t }) {
+	return /* @__PURE__ */ i("span", {
+		"data-testid": "dashboard-status",
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "var(--space-iconGap)",
+			padding: "2px 8px",
+			borderRadius: "var(--radius-pill)",
+			backgroundColor: "var(--color-bg-sunken)",
+			border: "1px solid var(--color-border-subtle)",
+			fontSize: "10px",
+			fontWeight: "var(--font-weight-semibold)",
+			textTransform: "uppercase",
+			letterSpacing: "0.02em",
+			color: "var(--color-text-secondary)",
+			whiteSpace: "nowrap"
+		},
+		children: [/* @__PURE__ */ r("span", {
+			"aria-hidden": "true",
+			style: {
+				width: 6,
+				height: 6,
+				borderRadius: "50%",
+				backgroundColor: a[e],
+				flexShrink: 0
+			}
+		}), t]
+	});
+});
+//#endregion
+export { s as default, o as useDashboardStatusLabel };
+
+//# sourceMappingURL=DashboardStatusPill.js.map

package/dist/bigconsole/components/dashboard/DashboardStatusPill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardStatusPill.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/DashboardStatusPill.tsx"],"sourcesContent":["/**\n * DashboardStatusPill\n *\n * Compact lifecycle badge for a dashboard (Draft / Published / Archived).\n * Shared by the Dashboards list and the Overview's recent dashboards so the\n * same state always reads the same way.\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport type { DashboardListStatus } from '../../hooks/useDashboardOperations';\n\n/**\n * Lifecycle status of a dashboard.\n *\n * Backed by `Dashboard.status` (DashboardStatus: DRAFT | PUBLISHED | ARCHIVED).\n * Whether a board is a published surface or still a draft is the fact a list of\n * boards is most often scanned for.\n */\nconst DASHBOARD_STATUS_DOT: Record<DashboardListStatus, string> = {\n  PUBLISHED: 'var(--color-status-success-bg)',\n  DRAFT: 'var(--color-text-muted)',\n  ARCHIVED: 'var(--color-status-warning-bg)',\n};\n\n/** Translated label for a dashboard lifecycle status. */\nexport function useDashboardStatusLabel(): (status: DashboardListStatus) => string {\n  const tr = useTr();\n  return useCallback(\n    (status: DashboardListStatus) => {\n      switch (status) {\n        case 'PUBLISHED':\n          return tr('bigconsole.dashboards.status.published', 'Published');\n        case 'ARCHIVED':\n          return tr('bigconsole.dashboards.status.archived', 'Archived');\n        default:\n          return tr('bigconsole.dashboards.status.draft', 'Draft');\n      }\n    },\n    [tr]\n  );\n}\n\nexport interface DashboardStatusPillProps {\n  status: DashboardListStatus;\n  label: string;\n}\n\nexport const DashboardStatusPill: FC<DashboardStatusPillProps> = memo(function DashboardStatusPill({ status, label }) {\n  return (\n    <span\n      data-testid=\"dashboard-status\"\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: 'var(--space-iconGap)',\n        padding: '2px 8px',\n        borderRadius: 'var(--radius-pill)',\n        backgroundColor: 'var(--color-bg-sunken)',\n        border: '1px solid var(--color-border-subtle)',\n        fontSize: '10px',\n        fontWeight: 'var(--font-weight-semibold)',\n        textTransform: 'uppercase',\n        letterSpacing: '0.02em',\n        color: 'var(--color-text-secondary)',\n        whiteSpace: 'nowrap',\n      }}\n    >\n      <span\n        aria-hidden=\"true\"\n        style={{\n          width: 6,\n          height: 6,\n          borderRadius: '50%',\n          backgroundColor: DASHBOARD_STATUS_DOT[status],\n          flexShrink: 0,\n        }}\n      />\n      {label}\n    </span>\n  );\n});\n\nexport default DashboardStatusPill;\n"],"mappings":";;;;AAmBA,IAAM,IAA4D;CAChE,WAAW;CACX,OAAO;CACP,UAAU;CACX;AAGD,SAAgB,IAAmE;CACjF,IAAM,IAAK,GAAO;AAClB,QAAO,GACJ,MAAgC;AAC/B,UAAQ,GAAR;GACE,KAAK,YACH,QAAO,EAAG,0CAA0C,YAAY;GAClE,KAAK,WACH,QAAO,EAAG,yCAAyC,WAAW;GAChE,QACE,QAAO,EAAG,sCAAsC,QAAQ;;IAG9D,CAAC,EAAG,CACL;;AAQH,IAAa,IAAoD,EAAK,SAA6B,EAAE,WAAQ,YAAS;AACpH,QACE,kBAAC,QAAD;EACE,eAAY;EACZ,OAAO;GACL,SAAS;GACT,YAAY;GACZ,KAAK;GACL,SAAS;GACT,cAAc;GACd,iBAAiB;GACjB,QAAQ;GACR,UAAU;GACV,YAAY;GACZ,eAAe;GACf,eAAe;GACf,OAAO;GACP,YAAY;GACb;YAhBH,CAkBE,kBAAC,QAAD;GACE,eAAY;GACZ,OAAO;IACL,OAAO;IACP,QAAQ;IACR,cAAc;IACd,iBAAiB,EAAqB;IACtC,YAAY;IACb;GACD,CAAA,EACD,EACI;;EAET"}

package/dist/bigconsole/components/dashboard/DashboardToolbar.js

@@ -10,15 +10,15 @@ import { memo as a, useCallback as o } from "react";
 import { PermissionButton as s } from "@burdenoff/fe-libs/shared/components";
 import { usePermissions as c } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Clipboard as l, Download as u, Eye as d, FileText as f, Image as p, Minus as m, PanelLeft as h, PanelLeftClose as g, Pencil as _, Plus as v, RotateCcw as y, Save as b, Share2 as x, Store as S } from "lucide-react";
-import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as w, Spinner as T, Tooltip as E, TooltipContent as D, TooltipProvider as O, TooltipTrigger as k } from "@burdenoff/fe-libs/ui";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Button as C, Spinner as w, Tooltip as T, TooltipContent as E, TooltipProvider as D, TooltipTrigger as O } from "@burdenoff/fe-libs/ui";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/DashboardToolbar.tsx
 var N = a(function({ dashboardId: a, title: N, onAddWidget: P, onTogglePalette: F, isPaletteOpen: I = !1, onPaste: L, onSave: R, isSaving: z = !1, onExport: B, onPublishTemplate: V, onExportImage: H, onExportPdf: U, isExportingImage: W = !1, onShare: G }) {
-	let { hasPermission: K } = c(), { t: q } = C(), J = t((e) => e.viewMode === "edit"), Y = t((e) => e.toggleViewMode), X = t((e) => e.zoomLevel), Z = t((e) => e.setZoomLevel), Q = !!e((e) => e.clipboardWidgetId), $ = o(() => {
+	let { hasPermission: K } = c(), { t: q } = M(), J = t((e) => e.viewMode === "edit"), Y = t((e) => e.toggleViewMode), X = t((e) => e.zoomLevel), Z = t((e) => e.setZoomLevel), Q = !!e((e) => e.clipboardWidgetId), $ = o(() => {
 		Q && L && L();
 	}, [Q, L]);
-	return /* @__PURE__ */ j(O, { children: /* @__PURE__ */ M(n, {
+	return /* @__PURE__ */ A(D, { children: /* @__PURE__ */ j(n, {
 		emphasis: "bare",
 		padding: "none",
 		"aria-label": N ? `Board toolbar — ${N}` : "Board toolbar",
@@ -26,156 +26,156 @@ var N = a(function({ dashboardId: a, title: N, onAddWidget: P, onTogglePalette:
 		className: "flex-shrink-0 border-b border-[var(--color-border-subtle)] bg-bg-surface px-4 py-2",
 		bodyClassName: "flex flex-wrap items-center justify-between gap-x-4 gap-y-2",
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ A("div", {
 				className: "flex min-w-0 items-center gap-4",
-				children: a && /* @__PURE__ */ j(i, { dashboardId: a })
+				children: a && /* @__PURE__ */ A(i, { dashboardId: a })
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				role: "group",
 				"aria-label": "Zoom",
 				className: "flex min-w-0 items-center gap-1 border-l border-[var(--color-border-subtle)] pl-4",
 				children: [
-					/* @__PURE__ */ M(E, { children: [/* @__PURE__ */ j(k, {
+					/* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 						asChild: !0,
-						children: /* @__PURE__ */ j(w, {
+						children: /* @__PURE__ */ A(C, {
 							variant: "ghost",
 							size: "icon-sm",
 							onClick: () => Z(Math.max(50, X - 10)),
 							disabled: X <= 50,
-							children: /* @__PURE__ */ j(m, { className: "size-4" })
+							children: /* @__PURE__ */ A(m, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ j(D, { children: q("bigconsole.dashboards.toolbar.zoomOut", "Zoom out") })] }),
-					/* @__PURE__ */ M("span", {
+					}), /* @__PURE__ */ A(E, { children: q("bigconsole.dashboards.toolbar.zoomOut", "Zoom out") })] }),
+					/* @__PURE__ */ j("span", {
 						className: "text-sm text-text-secondary w-12 text-center",
 						children: [X, "%"]
 					}),
-					/* @__PURE__ */ M(E, { children: [/* @__PURE__ */ j(k, {
+					/* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 						asChild: !0,
-						children: /* @__PURE__ */ j(w, {
+						children: /* @__PURE__ */ A(C, {
 							variant: "ghost",
 							size: "icon-sm",
 							onClick: () => Z(Math.min(200, X + 10)),
 							disabled: X >= 200,
-							children: /* @__PURE__ */ j(v, { className: "size-4" })
+							children: /* @__PURE__ */ A(v, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ j(D, { children: q("bigconsole.dashboards.toolbar.zoomIn", "Zoom in") })] }),
-					/* @__PURE__ */ M(E, { children: [/* @__PURE__ */ j(k, {
+					}), /* @__PURE__ */ A(E, { children: q("bigconsole.dashboards.toolbar.zoomIn", "Zoom in") })] }),
+					/* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 						asChild: !0,
-						children: /* @__PURE__ */ M(w, {
+						children: /* @__PURE__ */ j(C, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => Z(100),
-							children: [/* @__PURE__ */ j(y, { className: "size-3.5 mr-1" }), q("bigconsole.dashboards.toolbar.reset", "Reset")]
+							children: [/* @__PURE__ */ A(y, { className: "size-3.5 mr-1" }), q("bigconsole.dashboards.toolbar.reset", "Reset")]
 						})
-					}), /* @__PURE__ */ j(D, { children: q("bigconsole.dashboards.toolbar.resetZoomTooltip", "Reset zoom to 100%") })] })
+					}), /* @__PURE__ */ A(E, { children: q("bigconsole.dashboards.toolbar.resetZoomTooltip", "Reset zoom to 100%") })] })
 				]
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				role: "group",
 				"aria-label": "Board actions",
 				className: "flex min-w-0 flex-wrap items-center justify-end gap-2 border-l border-[var(--color-border-subtle)] pl-4",
 				children: [
-					J && /* @__PURE__ */ M(A, { children: [
-						F && /* @__PURE__ */ M(E, { children: [/* @__PURE__ */ j(k, {
+					J && /* @__PURE__ */ j(k, { children: [
+						F && /* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 							asChild: !0,
-							children: /* @__PURE__ */ M(w, {
+							children: /* @__PURE__ */ j(C, {
 								variant: I ? "secondary" : "outline",
 								size: "sm",
 								onClick: F,
-								children: [j(I ? g : h, { className: "size-4" }), q("bigconsole.dashboards.toolbar.widgets", "Widgets")]
+								children: [A(I ? g : h, { className: "size-4" }), q("bigconsole.dashboards.toolbar.widgets", "Widgets")]
 							})
-						}), /* @__PURE__ */ j(D, { children: I ? q("bigconsole.dashboards.toolbar.hidePalette", "Hide widget palette") : q("bigconsole.dashboards.toolbar.showPalette", "Show widget palette for drag & drop") })] }),
-						/* @__PURE__ */ M(E, { children: [/* @__PURE__ */ j(k, {
+						}), /* @__PURE__ */ A(E, { children: I ? q("bigconsole.dashboards.toolbar.hidePalette", "Hide widget palette") : q("bigconsole.dashboards.toolbar.showPalette", "Show widget palette for drag & drop") })] }),
+						/* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 							asChild: !0,
-							children: /* @__PURE__ */ M(w, {
+							children: /* @__PURE__ */ j(C, {
 								variant: "ghost",
 								size: "sm",
 								onClick: $,
 								disabled: !Q,
-								children: [/* @__PURE__ */ j(l, { className: "size-4" }), q("bigconsole.dashboards.toolbar.paste", "Paste")]
+								children: [/* @__PURE__ */ A(l, { className: "size-4" }), q("bigconsole.dashboards.toolbar.paste", "Paste")]
 							})
-						}), /* @__PURE__ */ j(D, { children: q("bigconsole.dashboards.toolbar.pasteTooltip", "Paste widget from clipboard") })] }),
-						/* @__PURE__ */ j(s, {
+						}), /* @__PURE__ */ A(E, { children: q("bigconsole.dashboards.toolbar.pasteTooltip", "Paste widget from clipboard") })] }),
+						/* @__PURE__ */ A(s, {
 							permission: r.WIDGET_CREATE,
 							deniedBehavior: "hide",
-							children: /* @__PURE__ */ M(w, {
+							children: /* @__PURE__ */ j(C, {
 								size: "sm",
 								onClick: P,
-								children: [/* @__PURE__ */ j(v, { className: "size-4" }), q("bigconsole.dashboards.toolbar.addWidget", "Add Widget")]
+								children: [/* @__PURE__ */ A(v, { className: "size-4" }), q("bigconsole.dashboards.toolbar.addWidget", "Add Widget")]
 							})
 						})
 					] }),
-					/* @__PURE__ */ j(w, {
+					/* @__PURE__ */ A(C, {
 						variant: J ? "secondary" : "outline",
 						size: "sm",
 						onClick: Y,
-						children: J ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(d, { className: "size-4" }), q("bigconsole.dashboards.toolbar.preview", "Preview")] }) : /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(_, { className: "size-4" }), q("bigconsole.dashboards.toolbar.edit", "Edit")] })
+						children: J ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(d, { className: "size-4" }), q("bigconsole.dashboards.toolbar.preview", "Preview")] }) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(_, { className: "size-4" }), q("bigconsole.dashboards.toolbar.edit", "Edit")] })
 					}),
-					R && /* @__PURE__ */ j(w, {
+					R && /* @__PURE__ */ A(C, {
 						variant: "outline",
 						size: "sm",
 						onClick: R,
 						disabled: z,
-						children: z ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(T, { className: "size-4" }), q("bigconsole.dashboards.toolbar.saving", "Saving...")] }) : /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(b, { className: "size-4" }), q("bigconsole.dashboards.toolbar.save", "Save")] })
+						children: z ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(w, { className: "size-4" }), q("bigconsole.dashboards.toolbar.saving", "Saving...")] }) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(b, { className: "size-4" }), q("bigconsole.dashboards.toolbar.save", "Save")] })
 					}),
-					G && /* @__PURE__ */ j(s, {
+					G && /* @__PURE__ */ A(s, {
 						permission: r.DASHBOARD_SHARE,
 						deniedBehavior: "hide",
-						children: /* @__PURE__ */ M(E, { children: [/* @__PURE__ */ j(k, {
+						children: /* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 							asChild: !0,
-							children: /* @__PURE__ */ M(w, {
+							children: /* @__PURE__ */ j(C, {
 								variant: "outline",
 								size: "sm",
 								onClick: G,
-								children: [/* @__PURE__ */ j(x, { className: "size-4" }), q("bigconsole.dashboards.toolbar.share", "Share")]
+								children: [/* @__PURE__ */ A(x, { className: "size-4" }), q("bigconsole.dashboards.toolbar.share", "Share")]
 							})
-						}), /* @__PURE__ */ j(D, { children: q("bigconsole.dashboards.toolbar.shareTooltip", "Share dashboard with others") })] })
+						}), /* @__PURE__ */ A(E, { children: q("bigconsole.dashboards.toolbar.shareTooltip", "Share dashboard with others") })] })
 					}),
-					V && /* @__PURE__ */ j(s, {
+					V && /* @__PURE__ */ A(s, {
 						permission: r.DASHBOARD_PUBLISH,
 						deniedBehavior: "hide",
-						children: /* @__PURE__ */ M(E, { children: [/* @__PURE__ */ j(k, {
+						children: /* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 							asChild: !0,
-							children: /* @__PURE__ */ M(w, {
+							children: /* @__PURE__ */ j(C, {
 								variant: "outline",
 								size: "sm",
 								onClick: V,
-								children: [/* @__PURE__ */ j(S, { className: "size-4" }), /* @__PURE__ */ j("span", {
+								children: [/* @__PURE__ */ A(S, { className: "size-4" }), /* @__PURE__ */ A("span", {
 									className: "hidden sm:inline",
 									children: q("bigconsole.dashboards.toolbar.publish", "Publish")
 								})]
 							})
-						}), /* @__PURE__ */ j(D, { children: q("bigconsole.dashboards.toolbar.publishTooltip", "Publish this dashboard as a reusable template") })] })
+						}), /* @__PURE__ */ A(E, { children: q("bigconsole.dashboards.toolbar.publishTooltip", "Publish this dashboard as a reusable template") })] })
 					}),
-					B && /* @__PURE__ */ M(E, { children: [/* @__PURE__ */ j(k, {
+					B && /* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 						asChild: !0,
-						children: /* @__PURE__ */ M(w, {
+						children: /* @__PURE__ */ j(C, {
 							variant: "outline",
 							size: "sm",
 							onClick: B,
-							children: [/* @__PURE__ */ j(u, { className: "size-4" }), q("bigconsole.dashboards.toolbar.export", "Export")]
+							children: [/* @__PURE__ */ A(u, { className: "size-4" }), q("bigconsole.dashboards.toolbar.export", "Export")]
 						})
-					}), /* @__PURE__ */ j(D, { children: q("bigconsole.dashboards.toolbar.exportTooltip", "Export dashboard to JSON") })] }),
-					H && /* @__PURE__ */ M(E, { children: [/* @__PURE__ */ j(k, {
+					}), /* @__PURE__ */ A(E, { children: q("bigconsole.dashboards.toolbar.exportTooltip", "Export dashboard to JSON") })] }),
+					H && /* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 						asChild: !0,
-						children: /* @__PURE__ */ j(w, {
+						children: /* @__PURE__ */ A(C, {
 							variant: "outline",
 							size: "icon-sm",
 							onClick: H,
 							disabled: W,
-							children: j(W ? T : p, { className: "size-4" })
+							children: A(W ? w : p, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ j(D, { children: q("bigconsole.dashboards.toolbar.exportPngTooltip", "Export board as PNG image") })] }),
-					U && /* @__PURE__ */ M(E, { children: [/* @__PURE__ */ j(k, {
+					}), /* @__PURE__ */ A(E, { children: q("bigconsole.dashboards.toolbar.exportPngTooltip", "Export board as PNG image") })] }),
+					U && /* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 						asChild: !0,
-						children: /* @__PURE__ */ j(w, {
+						children: /* @__PURE__ */ A(C, {
 							variant: "outline",
 							size: "icon-sm",
 							onClick: U,
 							disabled: W,
-							children: /* @__PURE__ */ j(f, { className: "size-4" })
+							children: /* @__PURE__ */ A(f, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ j(D, { children: q("bigconsole.dashboards.toolbar.exportPdfTooltip", "Export board as PDF") })] })
+					}), /* @__PURE__ */ A(E, { children: q("bigconsole.dashboards.toolbar.exportPdfTooltip", "Export board as PDF") })] })
 				]
 			})
 		]

package/dist/bigconsole/components/dashboard/DrilldownBreadcrumb.js

@@ -1,17 +1,17 @@
 import { useDashboardStore as e } from "../../store/dashboardStore.js";
 import "../../store/index.js";
-import { SECTION_FOCUS_RING as t } from "../common/sectionStyles.js";
-import "../common/index.js";
-import { useBigConsoleNavigate as n } from "../../context/BigConsoleContext.js";
+import { useBigConsoleNavigate as t } from "../../context/BigConsoleContext.js";
 import "../../context/index.js";
+import { SECTION_FOCUS_RING as n } from "../common/sectionStyles.js";
+import "../common/index.js";
 import r from "../../hooks/useFilterUrlSync.js";
 import { memo as i, useCallback as a, useEffect as o, useState as s } from "react";
 import { ArrowLeft as c, ChevronRight as l, Home as u } from "lucide-react";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/DrilldownBreadcrumb.tsx
 var h = i(function({ className: i = "", currentDashboardId: h, currentDashboardName: g, showHome: _ = !0, basePath: v = "/bigconsole/dashboards" }) {
-	let { t: y } = d(), b = n(), { getDrilldownMetadata: x, isInDrilldown: S, drilldownDepth: C } = r(), w = e((e) => e.dashboards), [T, E] = s([]);
+	let { t: y } = m(), b = t(), { getDrilldownMetadata: x, isInDrilldown: S, drilldownDepth: C } = r(), w = e((e) => e.dashboards), [T, E] = s([]);
 	o(() => {
 		if (!S) {
 			E([]);
@@ -55,59 +55,59 @@ var h = i(function({ className: i = "", currentDashboardId: h, currentDashboardN
 	]), k = a((e) => {
 		e.preventDefault(), b(v);
 	}, [b, v]);
-	return S ? /* @__PURE__ */ m("nav", {
+	return S ? /* @__PURE__ */ p("nav", {
 		className: `flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 border-b border-[var(--color-border-subtle)] bg-bg-sunken px-4 py-1.5 ${i}`,
 		"aria-label": y("bigconsole.dashboards.drilldownBreadcrumb.ariaLabel", "Drilldown breadcrumb"),
 		"data-testid": "drilldown-breadcrumb",
 		children: [
-			/* @__PURE__ */ m("button", {
+			/* @__PURE__ */ p("button", {
 				type: "button",
 				onClick: O,
-				className: `flex min-h-control-sm items-center gap-1 rounded-button px-2 py-1 text-sm font-medium text-text-link motion-safe:transition-colors hover:bg-bg-accentSubtle ${t}`,
+				className: `flex min-h-control-sm items-center gap-1 rounded-button px-2 py-1 text-sm font-medium text-text-link motion-safe:transition-colors hover:bg-bg-accentSubtle ${n}`,
 				"aria-label": y("bigconsole.dashboards.drilldownBreadcrumb.back", "Go back"),
-				children: [/* @__PURE__ */ p(c, { className: "w-4 h-4" }), /* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ f(c, { className: "w-4 h-4" }), /* @__PURE__ */ f("span", {
 					className: "hidden sm:inline",
 					children: y("bigconsole.dashboards.drilldownBreadcrumb.backLabel", "Back")
 				})]
 			}),
-			/* @__PURE__ */ p("span", {
+			/* @__PURE__ */ f("span", {
 				className: "text-text-muted",
 				"aria-hidden": "true",
 				children: "|"
 			}),
-			_ && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("a", {
+			_ && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("a", {
 				href: v,
 				onClick: k,
 				className: "flex min-h-control-sm items-center gap-1 rounded-button px-1 text-sm text-text-secondary motion-safe:transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 				"aria-label": y("bigconsole.dashboards.drilldownBreadcrumb.home", "Home"),
-				children: [/* @__PURE__ */ p(u, { className: "w-4 h-4" }), /* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ f(u, { className: "w-4 h-4" }), /* @__PURE__ */ f("span", {
 					className: "hidden sm:inline",
 					children: y("bigconsole.dashboards.drilldownBreadcrumb.dashboards", "Dashboards")
 				})]
-			}), /* @__PURE__ */ p(l, {
+			}), /* @__PURE__ */ f(l, {
 				className: "w-4 h-4 shrink-0 text-text-muted",
 				"aria-hidden": "true"
 			})] }),
-			T.map((e, n) => /* @__PURE__ */ m("div", {
+			T.map((e, t) => /* @__PURE__ */ p("div", {
 				className: "flex min-w-0 items-center gap-2",
-				children: [/* @__PURE__ */ p("button", {
+				children: [/* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: () => D(e, n),
-					className: `min-h-control-sm max-w-[150px] truncate rounded-button px-1 text-sm text-text-secondary motion-safe:transition-colors hover:text-text-primary hover:underline ${t}`,
+					onClick: () => D(e, t),
+					className: `min-h-control-sm max-w-[150px] truncate rounded-button px-1 text-sm text-text-secondary motion-safe:transition-colors hover:text-text-primary hover:underline ${n}`,
 					title: e.name,
 					children: e.name
-				}), /* @__PURE__ */ p(l, {
+				}), /* @__PURE__ */ f(l, {
 					className: "w-4 h-4 shrink-0 text-text-muted",
 					"aria-hidden": "true"
 				})]
 			}, e.id)),
-			g && /* @__PURE__ */ p("span", {
+			g && /* @__PURE__ */ f("span", {
 				"aria-current": "page",
 				className: "max-w-[200px] truncate text-sm font-medium text-text-primary",
 				title: g,
 				children: g
 			}),
-			/* @__PURE__ */ p("span", {
+			/* @__PURE__ */ f("span", {
 				className: "ml-auto shrink-0 rounded-pill bg-bg-surface px-2 py-0.5 text-xs text-text-muted",
 				children: y("bigconsole.dashboards.drilldownBreadcrumb.level", "Level {{depth}}", { depth: C ?? "" })
 			})

package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterChip.js

@@ -1,6 +1,6 @@
 import { useEffect as e, useRef as t, useState as n } from "react";
-import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/GlobalFiltersBar/FilterChip.tsx
 var s = (e) => ({
 	bgPrimary: e ? "#1f2937" : "#ffffff",
@@ -64,13 +64,13 @@ function u(e) {
 	});
 }
 function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
-	let { t: g } = r(), [_, v] = n(!1), [y, b] = n(!1), x = t(null), S = t(null), C = s(c()), w = d != null && d !== "", T = l(d, u.type, g);
+	let { t: g } = o(), [_, v] = n(!1), [y, b] = n(!1), x = t(null), S = t(null), C = s(c()), w = d != null && d !== "", T = l(d, u.type, g);
 	return e(() => {
 		function e(e) {
 			x.current && !x.current.contains(e.target) && (v(!1), b(!1));
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), /* @__PURE__ */ o("div", {
+	}, []), /* @__PURE__ */ a("div", {
 		ref: x,
 		style: {
 			position: "relative",
@@ -89,7 +89,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 			maxWidth: "100%"
 		},
 		children: [
-			/* @__PURE__ */ o("span", {
+			/* @__PURE__ */ a("span", {
 				style: {
 					fontWeight: "var(--font-weight-semibold)",
 					color: "var(--color-text-primary)",
@@ -98,7 +98,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				onClick: () => v(!_),
 				children: [u.name, ":"]
 			}),
-			/* @__PURE__ */ a("span", {
+			/* @__PURE__ */ i("span", {
 				style: {
 					color: w ? "var(--color-text-primary)" : "var(--color-text-secondary)",
 					maxWidth: "min(200px, 45vw)",
@@ -111,7 +111,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				onClick: () => v(!_),
 				children: T
 			}),
-			w && /* @__PURE__ */ a("button", {
+			w && /* @__PURE__ */ i("button", {
 				onClick: (e) => {
 					e.stopPropagation(), p(void 0);
 				},
@@ -135,7 +135,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				title: g("bigconsole.filters.chip.action.clear", "Clear filter"),
 				children: "×"
 			}),
-			/* @__PURE__ */ a("button", {
+			/* @__PURE__ */ i("button", {
 				onClick: (e) => {
 					e.stopPropagation(), b(!y);
 				},
@@ -159,7 +159,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				title: g("bigconsole.filters.chip.action.options", "Filter options"),
 				children: "⋮"
 			}),
-			_ && /* @__PURE__ */ a(f, {
+			_ && /* @__PURE__ */ i(f, {
 				filter: u,
 				value: d,
 				onChange: (e) => {
@@ -167,7 +167,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				},
 				onClose: () => v(!1)
 			}),
-			y && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
+			y && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
 				style: {
 					position: "fixed",
 					top: 0,
@@ -179,7 +179,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				onClick: (e) => {
 					e.stopPropagation(), b(!1);
 				}
-			}), /* @__PURE__ */ o("div", {
+			}), /* @__PURE__ */ a("div", {
 				ref: S,
 				style: {
 					position: "absolute",
@@ -195,7 +195,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 					zIndex: 99999,
 					overflow: "hidden"
 				},
-				children: [/* @__PURE__ */ o("button", {
+				children: [/* @__PURE__ */ a("button", {
 					onClick: (e) => {
 						e.stopPropagation(), b(!1), m();
 					},
@@ -215,7 +215,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 						fontWeight: 500
 					},
 					children: ["✏️ ", g("bigconsole.filters.chip.menu.edit", "Edit Filter")]
-				}), /* @__PURE__ */ o("button", {
+				}), /* @__PURE__ */ a("button", {
 					onClick: (e) => {
 						e.stopPropagation(), b(!1), h();
 					},
@@ -240,8 +240,8 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 	});
 }
 function f({ filter: e, value: t, onChange: l, onClose: u }) {
-	let { t: d } = r(), [f, p] = n(t), m = s(c());
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
+	let { t: d } = o(), [f, p] = n(t), m = s(c());
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
 		style: {
 			position: "fixed",
 			top: 0,
@@ -251,7 +251,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 			zIndex: 99998
 		},
 		onClick: u
-	}), /* @__PURE__ */ o("div", {
+	}), /* @__PURE__ */ a("div", {
 		style: {
 			position: "absolute",
 			top: "100%",
@@ -268,7 +268,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 		},
 		onClick: (e) => e.stopPropagation(),
 		children: [
-			e.type === "TEXT_SEARCH" && /* @__PURE__ */ a("input", {
+			e.type === "TEXT_SEARCH" && /* @__PURE__ */ i("input", {
 				type: "text",
 				value: f || "",
 				onChange: (e) => p(e.target.value),
@@ -284,7 +284,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					color: m.textPrimary
 				}
 			}),
-			e.type === "CATEGORY" && /* @__PURE__ */ o("select", {
+			e.type === "CATEGORY" && /* @__PURE__ */ a("select", {
 				value: f || "",
 				onChange: (e) => p(e.target.value),
 				style: {
@@ -296,23 +296,23 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					backgroundColor: m.bgPrimary,
 					color: m.textPrimary
 				},
-				children: [/* @__PURE__ */ a("option", {
+				children: [/* @__PURE__ */ i("option", {
 					value: "",
 					children: d("bigconsole.filters.chip.editor.allOption", "All")
-				}), e.config.options?.map((e) => /* @__PURE__ */ a("option", {
+				}), e.config.options?.map((e) => /* @__PURE__ */ i("option", {
 					value: String(e.value),
 					children: String(e.label)
 				}, String(e.value)))]
 			}),
 			e.type === "DATE_RANGE" && (() => {
 				let e = f || {};
-				return /* @__PURE__ */ o("div", {
+				return /* @__PURE__ */ a("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ a("input", {
+					children: [/* @__PURE__ */ i("input", {
 						type: "date",
 						value: e.start || "",
 						onChange: (t) => p({
@@ -327,7 +327,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 							backgroundColor: m.bgPrimary,
 							color: m.textPrimary
 						}
-					}), /* @__PURE__ */ a("input", {
+					}), /* @__PURE__ */ i("input", {
 						type: "date",
 						value: e.end || "",
 						onChange: (t) => p({
@@ -347,12 +347,12 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 			})(),
 			e.type === "NUMERIC_RANGE" && (() => {
 				let e = f || {};
-				return /* @__PURE__ */ o("div", {
+				return /* @__PURE__ */ a("div", {
 					style: {
 						display: "flex",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ a("input", {
+					children: [/* @__PURE__ */ i("input", {
 						type: "number",
 						value: e.min ?? "",
 						onChange: (t) => p({
@@ -369,7 +369,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 							backgroundColor: m.bgPrimary,
 							color: m.textPrimary
 						}
-					}), /* @__PURE__ */ a("input", {
+					}), /* @__PURE__ */ i("input", {
 						type: "number",
 						value: e.max ?? "",
 						onChange: (t) => p({
@@ -389,7 +389,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					})]
 				});
 			})(),
-			e.type === "CUSTOM" && /* @__PURE__ */ a("input", {
+			e.type === "CUSTOM" && /* @__PURE__ */ i("input", {
 				type: "text",
 				value: typeof f == "string" ? f : JSON.stringify(f || ""),
 				onChange: (e) => p(e.target.value),
@@ -405,14 +405,14 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					color: m.textPrimary
 				}
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ a("div", {
 				style: {
 					marginTop: "16px",
 					display: "flex",
 					justifyContent: "flex-end",
 					gap: "10px"
 				},
-				children: [/* @__PURE__ */ a("button", {
+				children: [/* @__PURE__ */ i("button", {
 					onClick: u,
 					style: {
 						padding: "8px 16px",
@@ -425,7 +425,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 						fontWeight: 500
 					},
 					children: d("bigconsole.filters.chip.editor.cancel", "Cancel")
-				}), /* @__PURE__ */ a("button", {
+				}), /* @__PURE__ */ i("button", {
 					onClick: () => {
 						l(f);
 					},