@burdenoff/microfe-bigconsole 2026.1011.10 → 2026.1012.1

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

@@ -11,14 +11,14 @@ 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 { Button as C, Spinner as w, Tooltip as T, TooltipContent as E, TooltipProvider as D, TooltipTrigger as O } from "@burdenoff/fe-libs/ui";
-import { useI18n as k } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+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 } = k(), 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(D, { 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(T, { children: [/* @__PURE__ */ j(O, {
+					/* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 						asChild: !0,
-						children: /* @__PURE__ */ j(C, {
+						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(E, { 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(T, { children: [/* @__PURE__ */ j(O, {
+					/* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 						asChild: !0,
-						children: /* @__PURE__ */ j(C, {
+						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(E, { children: q("bigconsole.dashboards.toolbar.zoomIn", "Zoom in") })] }),
-					/* @__PURE__ */ M(T, { children: [/* @__PURE__ */ j(O, {
+					}), /* @__PURE__ */ A(E, { children: q("bigconsole.dashboards.toolbar.zoomIn", "Zoom in") })] }),
+					/* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 						asChild: !0,
-						children: /* @__PURE__ */ M(C, {
+						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(E, { 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(T, { children: [/* @__PURE__ */ j(O, {
+					J && /* @__PURE__ */ j(k, { children: [
+						F && /* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 							asChild: !0,
-							children: /* @__PURE__ */ M(C, {
+							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(E, { children: I ? q("bigconsole.dashboards.toolbar.hidePalette", "Hide widget palette") : q("bigconsole.dashboards.toolbar.showPalette", "Show widget palette for drag & drop") })] }),
-						/* @__PURE__ */ M(T, { children: [/* @__PURE__ */ j(O, {
+						}), /* @__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(C, {
+							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(E, { 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(C, {
+							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(C, {
+					/* @__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(C, {
+					R && /* @__PURE__ */ A(C, {
 						variant: "outline",
 						size: "sm",
 						onClick: R,
 						disabled: z,
-						children: z ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(w, { 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(T, { children: [/* @__PURE__ */ j(O, {
+						children: /* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 							asChild: !0,
-							children: /* @__PURE__ */ M(C, {
+							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(E, { 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(T, { children: [/* @__PURE__ */ j(O, {
+						children: /* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 							asChild: !0,
-							children: /* @__PURE__ */ M(C, {
+							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(E, { 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(T, { children: [/* @__PURE__ */ j(O, {
+					B && /* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(O, {
 						asChild: !0,
-						children: /* @__PURE__ */ M(C, {
+						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(E, { children: q("bigconsole.dashboards.toolbar.exportTooltip", "Export dashboard to JSON") })] }),
-					H && /* @__PURE__ */ M(T, { children: [/* @__PURE__ */ j(O, {
+					}), /* @__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(C, {
+						children: /* @__PURE__ */ A(C, {
 							variant: "outline",
 							size: "icon-sm",
 							onClick: H,
 							disabled: W,
-							children: j(W ? w : p, { className: "size-4" })
+							children: A(W ? w : p, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ j(E, { children: q("bigconsole.dashboards.toolbar.exportPngTooltip", "Export board as PNG image") })] }),
-					U && /* @__PURE__ */ M(T, { children: [/* @__PURE__ */ j(O, {
+					}), /* @__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(C, {
+						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(E, { 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

@@ -4,75 +4,76 @@ 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 { appendPathSegment as r } from "../../utils/safeUrl.js";
+import i from "../../hooks/useFilterUrlSync.js";
+import { memo as a, useCallback as o, useEffect as s, useState as c } from "react";
+import { ArrowLeft as l, ChevronRight as u, Home as d } from "lucide-react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as h } 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 = t(), { getDrilldownMetadata: x, isInDrilldown: S, drilldownDepth: C } = r(), w = e((e) => e.dashboards), [T, E] = s([]);
-	o(() => {
-		if (!S) {
-			E([]);
+var g = a(function({ className: a = "", currentDashboardId: g, currentDashboardName: _, showHome: v = !0, basePath: y = "/bigconsole/dashboards" }) {
+	let { t: b } = h(), x = t(), { getDrilldownMetadata: S, isInDrilldown: C, drilldownDepth: w } = i(), T = e((e) => e.dashboards), [E, D] = c([]);
+	s(() => {
+		if (!C) {
+			D([]);
 			return;
 		}
-		let { path: e } = x();
+		let { path: e } = S();
 		if (e.length === 0) {
-			E([]);
+			D([]);
 			return;
 		}
-		E(e.map((e) => ({
+		D(e.map((e) => ({
 			id: e,
-			name: w.get(e)?.name || y("bigconsole.dashboards.drilldownBreadcrumb.fallbackName", "Dashboard {{id}}...", { id: e.slice(0, 8) }),
-			href: `${v}/${e}`
+			name: T.get(e)?.name || b("bigconsole.dashboards.drilldownBreadcrumb.fallbackName", "Dashboard {{id}}...", { id: e.slice(0, 8) }),
+			href: r(y, e) ?? y
 		})));
 	}, [
+		C,
 		S,
-		x,
-		w,
-		v,
-		y
+		T,
+		y,
+		b
 	]);
-	let D = a((e, t) => {
-		let n = x().path.slice(0, t), r = t, i = new URL(e.href, window.location.origin);
-		i.searchParams.set("drilldown_depth", String(r)), n.length > 0 && i.searchParams.set("drilldown_path", encodeURIComponent(JSON.stringify(n))), t > 0 && n.length > 0 && i.searchParams.set("drilldown_parent", n[n.length - 1]), b(i.pathname + i.search);
-	}, [x, b]), O = a(() => {
+	let O = o((e, t) => {
+		let n = S().path.slice(0, t), r = t, i = new URL(e.href, window.location.origin);
+		i.searchParams.set("drilldown_depth", String(r)), n.length > 0 && i.searchParams.set("drilldown_path", encodeURIComponent(JSON.stringify(n))), t > 0 && n.length > 0 && i.searchParams.set("drilldown_parent", n[n.length - 1]), x(i.pathname + i.search);
+	}, [S, x]), k = o(() => {
 		let e = window.history.state?.idx;
 		if (typeof e == "number" && e > 0) {
 			window.history.back();
 			return;
 		}
-		let t = x();
+		let t = S();
 		if (t.parent) {
-			let e = t.path.slice(0, -1), n = t.depth - 1, r = new URL(`${v}/${t.parent}`, window.location.origin);
-			r.searchParams.set("drilldown_depth", String(n)), e.length > 0 && (r.searchParams.set("drilldown_path", encodeURIComponent(JSON.stringify(e))), r.searchParams.set("drilldown_parent", e[e.length - 1])), b(r.pathname + r.search);
-		} else if (T.length > 0) {
-			let e = T[T.length - 1];
-			D(e, T.length - 1);
+			let e = t.path.slice(0, -1), n = t.depth - 1, i = new URL(r(y, t.parent) ?? y, window.location.origin);
+			i.searchParams.set("drilldown_depth", String(n)), e.length > 0 && (i.searchParams.set("drilldown_path", encodeURIComponent(JSON.stringify(e))), i.searchParams.set("drilldown_parent", e[e.length - 1])), x(i.pathname + i.search);
+		} else if (E.length > 0) {
+			let e = E[E.length - 1];
+			O(e, E.length - 1);
 		}
 	}, [
+		S,
+		y,
 		x,
-		v,
-		b,
-		T,
-		D
-	]), k = a((e) => {
-		e.preventDefault(), b(v);
-	}, [b, v]);
-	return S ? /* @__PURE__ */ m("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"),
+		E,
+		O
+	]), A = o((e) => {
+		e.preventDefault(), x(y);
+	}, [x, y]);
+	return C ? /* @__PURE__ */ m("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 ${a}`,
+		"aria-label": b("bigconsole.dashboards.drilldownBreadcrumb.ariaLabel", "Drilldown breadcrumb"),
 		"data-testid": "drilldown-breadcrumb",
 		children: [
 			/* @__PURE__ */ m("button", {
 				type: "button",
-				onClick: O,
+				onClick: k,
 				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", {
+				"aria-label": b("bigconsole.dashboards.drilldownBreadcrumb.back", "Go back"),
+				children: [/* @__PURE__ */ p(l, { className: "w-4 h-4" }), /* @__PURE__ */ p("span", {
 					className: "hidden sm:inline",
-					children: y("bigconsole.dashboards.drilldownBreadcrumb.backLabel", "Back")
+					children: b("bigconsole.dashboards.drilldownBreadcrumb.backLabel", "Back")
 				})]
 			}),
 			/* @__PURE__ */ p("span", {
@@ -80,44 +81,44 @@ var h = i(function({ className: i = "", currentDashboardId: h, currentDashboardN
 				"aria-hidden": "true",
 				children: "|"
 			}),
-			_ && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("a", {
-				href: v,
-				onClick: k,
+			v && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("a", {
+				href: y,
+				onClick: A,
 				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", {
+				"aria-label": b("bigconsole.dashboards.drilldownBreadcrumb.home", "Home"),
+				children: [/* @__PURE__ */ p(d, { className: "w-4 h-4" }), /* @__PURE__ */ p("span", {
 					className: "hidden sm:inline",
-					children: y("bigconsole.dashboards.drilldownBreadcrumb.dashboards", "Dashboards")
+					children: b("bigconsole.dashboards.drilldownBreadcrumb.dashboards", "Dashboards")
 				})]
-			}), /* @__PURE__ */ p(l, {
+			}), /* @__PURE__ */ p(u, {
 				className: "w-4 h-4 shrink-0 text-text-muted",
 				"aria-hidden": "true"
 			})] }),
-			T.map((e, t) => /* @__PURE__ */ m("div", {
+			E.map((e, t) => /* @__PURE__ */ m("div", {
 				className: "flex min-w-0 items-center gap-2",
 				children: [/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: () => D(e, t),
+					onClick: () => O(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__ */ p(u, {
 					className: "w-4 h-4 shrink-0 text-text-muted",
 					"aria-hidden": "true"
 				})]
 			}, e.id)),
-			g && /* @__PURE__ */ p("span", {
+			_ && /* @__PURE__ */ p("span", {
 				"aria-current": "page",
 				className: "max-w-[200px] truncate text-sm font-medium text-text-primary",
-				title: g,
-				children: g
+				title: _,
+				children: _
 			}),
 			/* @__PURE__ */ p("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 ?? "" })
+				children: b("bigconsole.dashboards.drilldownBreadcrumb.level", "Level {{depth}}", { depth: w ?? "" })
 			})
 		]
 	}) : null;
 });
 //#endregion
-export { h as default };
+export { g as default };