@burdenoff/microfe-bigconsole 2026.1004.3 → 2026.1004.4

package/dist/bigconsole/pages/DashboardsPage.js

@@ -9,20 +9,20 @@ import { BIGCONSOLE_PERMISSIONS as a } from "../../constants/permissions.js";
 import { useTr as o } from "../../shared/hooks/useTr.js";
 import ee from "../components/dashboard/CreateDashboardDialog.js";
 import s, { useDashboardStatusLabel as te } from "../components/dashboard/DashboardStatusPill.js";
-import { isNative as c, nativeConfirm as ne, nativeImpact as l, nativeNotify as u } from "../../utils/nativeBridge.js";
-import re from "../components/dashboard/ImportDashboardDialog.js";
-import { resolveCreateParam as ie, withoutCreateParam as ae } from "../utils/createDialogParam.js";
-import { memo as d, useCallback as f, useEffect as p, useState as m } from "react";
-import { useSearchParams as oe } from "react-router";
-import { AccessDenied as se, PermissionButton as h } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as ce } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Calendar as le, ChevronLeft as ue, ChevronRight as de, Copy as fe, FileText as pe, Layers as me, LayoutDashboard as g, LayoutGrid as he, List as ge, Pencil as _, Plus as v, Search as _e, Trash2 as ve, Upload as ye } from "lucide-react";
-import { AuroraBackground as y, Badge as b, Button as x, CTAOverflowMenu as S, Card as C, CardContent as w, GlassCard as be, GradientText as T, IllustratedEmptyState as xe, Input as Se, PagePurpose as Ce, Spinner as E } from "@burdenoff/fe-libs/ui";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { isNative as c, nativeConfirm as ne, nativeImpact as re, nativeNotify as l } from "../../utils/nativeBridge.js";
+import ie from "../components/dashboard/ImportDashboardDialog.js";
+import { resolveCreateParam as ae, withoutCreateParam as oe } from "../utils/createDialogParam.js";
+import { memo as u, useCallback as d, useEffect as f, useState as p } from "react";
+import { useSearchParams as se } from "react-router";
+import { AccessDenied as ce, PermissionButton as m } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as le } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Calendar as ue, ChevronLeft as de, ChevronRight as fe, Copy as pe, FileText as h, Layers as me, LayoutDashboard as g, LayoutGrid as he, List as ge, Pencil as _, Plus as v, Search as _e, Trash2 as ve, Upload as ye } from "lucide-react";
+import { AuroraBackground as y, Badge as b, Button as x, CTAOverflowMenu as S, Card as be, CardContent as xe, GlassCard as Se, GradientText as C, IllustratedEmptyState as Ce, Input as we, PagePurpose as Te, Spinner as w } from "@burdenoff/fe-libs/ui";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/bigconsole/pages/DashboardsPage.tsx
-var we = "bf-bigconsole-dashboards-view", k = 12, A = 7;
-function Te(e, t) {
-	if (t <= A) return Array.from({ length: t }, (e, t) => t + 1);
+var D = "bf-bigconsole-dashboards-view", O = 12, k = 7;
+function Ee(e, t) {
+	if (t <= k) return Array.from({ length: t }, (e, t) => t + 1);
 	let n = new Set([
 		1,
 		t,
@@ -34,12 +34,12 @@ function Te(e, t) {
 		t > 0 && e - r[t - 1] > 1 && i.push(null), i.push(e);
 	}), i;
 }
-var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onCreate: i, onImport: a, canCreate: o, canImport: ee }) {
-	return /* @__PURE__ */ O("div", {
+var De = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onCreate: i, onImport: a, canCreate: o, canImport: ee }) {
+	return /* @__PURE__ */ E("div", {
 		className: "relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]",
-		children: [/* @__PURE__ */ D(y, { intensity: "subtle" }), /* @__PURE__ */ D("div", {
+		children: [/* @__PURE__ */ T(y, { intensity: "subtle" }), /* @__PURE__ */ T("div", {
 			style: { padding: "var(--space-pagePadding)" },
-			children: /* @__PURE__ */ O("div", {
+			children: /* @__PURE__ */ E("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -47,14 +47,14 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 					flexWrap: "wrap",
 					gap: "var(--space-formGap)"
 				},
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ E("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: "var(--space-formGap)",
 						minWidth: 0
 					},
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ T("div", {
 						style: {
 							display: "flex",
 							height: "var(--size-controlHeight-lg)",
@@ -65,22 +65,22 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							borderRadius: "var(--radius-card)",
 							backgroundColor: "var(--color-action-primary-bg)"
 						},
-						children: /* @__PURE__ */ D(g, { style: {
+						children: /* @__PURE__ */ T(g, { style: {
 							height: "var(--size-icon-lg)",
 							width: "var(--size-icon-lg)",
 							color: "var(--color-action-primary-text)"
 						} })
-					}), /* @__PURE__ */ O("div", {
+					}), /* @__PURE__ */ E("div", {
 						style: { minWidth: 0 },
-						children: [/* @__PURE__ */ D("h1", {
+						children: [/* @__PURE__ */ T("h1", {
 							style: {
 								fontSize: "var(--font-size-heading-h4)",
 								fontWeight: "var(--font-weight-bold)",
 								margin: 0,
 								color: "var(--color-text-primary)"
 							},
-							children: /* @__PURE__ */ D(T, { children: e })
-						}), /* @__PURE__ */ D("p", {
+							children: /* @__PURE__ */ T(C, { children: e })
+						}), /* @__PURE__ */ T("p", {
 							style: {
 								fontSize: "var(--font-size-body-sm)",
 								color: "var(--color-text-secondary)",
@@ -89,14 +89,14 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							children: t
 						})]
 					})]
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ T("div", {
 					"data-tour": "bigconsole-dashboard-create",
-					children: /* @__PURE__ */ D(S, {
+					children: /* @__PURE__ */ T(S, {
 						primary: {
 							label: n,
 							onSelect: i,
 							disabled: !o,
-							icon: /* @__PURE__ */ D(v, { style: {
+							icon: /* @__PURE__ */ T(v, { style: {
 								marginRight: "var(--space-iconGap)",
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
@@ -106,7 +106,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							label: r,
 							onSelect: a,
 							disabled: !ee,
-							icon: /* @__PURE__ */ D(ye, { style: {
+							icon: /* @__PURE__ */ T(ye, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} })
@@ -116,75 +116,80 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 			})
 		})]
 	});
-}), j = d(function() {
-	let d = e(), y = o(), [S, T] = m(""), [A, j] = m(1), [De, M] = m(!1), [N, P] = m(!1), [Oe, F] = m(!1), [I, ke] = m(() => {
+}), A = u(function() {
+	let u = e(), y = o(), [S, C] = p(""), [k, A] = p(""), [j, Oe] = p(""), [M, N] = p(1), [ke, P] = p(!1), [F, I] = p(!1), [Ae, L] = p(!1), [R, je] = p(() => {
 		try {
-			return window.localStorage.getItem(we) === "list" ? "list" : "grid";
+			return window.localStorage.getItem(D) === "list" ? "list" : "grid";
 		} catch {
 			return "grid";
 		}
-	}), L = f((e) => {
-		ke(e);
+	}), z = d((e) => {
+		je(e);
 		try {
-			window.localStorage.setItem(we, e);
+			window.localStorage.setItem(D, e);
 		} catch {}
-	}, []), { loading: R, error: z, dashboards: B, createDashboard: V, deleteDashboard: H, cloneDashboard: U, refetch: W } = i(), { hasPermission: G, isLoading: K } = ce(), q = G(a.DASHBOARD_READ), J = G(a.DASHBOARD_CREATE), Ae = G(a.DASHBOARD_IMPORT), [Y, je] = oe();
-	p(() => {
-		let e = ie(Y, {
-			permissionsLoading: K,
-			canRead: q,
-			canCreate: J
+	}, []), { loading: B, error: Me, dashboards: V, createDashboard: Ne, deleteDashboard: Pe, cloneDashboard: Fe, refetch: H } = i(), { hasPermission: U, isLoading: W } = le(), G = U(a.DASHBOARD_READ), K = U(a.DASHBOARD_CREATE), Ie = U(a.DASHBOARD_IMPORT), [q, Le] = se();
+	f(() => {
+		let e = ae(q, {
+			permissionsLoading: W,
+			canRead: G,
+			canCreate: K
 		});
-		e === "none" || e === "wait" || (e === "open" && M(!0), je(ae(Y), { replace: !0 }));
+		e === "none" || e === "wait" || (e === "open" && P(!0), Le(oe(q), { replace: !0 }));
 	}, [
-		Y,
-		je,
-		K,
 		q,
-		J
+		Le,
+		W,
+		G,
+		K
 	]);
-	let X = B.filter((e) => e.name.toLowerCase().includes(S.toLowerCase()) || e.description?.toLowerCase().includes(S.toLowerCase())), Z = Math.max(1, Math.ceil(X.length / k)), Q = (A - 1) * k, $ = X.slice(Q, Q + k);
-	p(() => {
-		j(1);
-	}, [S, I]), p(() => {
-		A > Z && j(Z);
-	}, [A, Z]);
-	let Me = f(() => {
-		j((e) => Math.max(1, e - 1));
-	}, []), Ne = f(() => {
-		j((e) => Math.min(Z, e + 1));
-	}, [Z]), Pe = f((e) => {
-		j(e);
-	}, []), Fe = f(() => {
-		M(!0);
-	}, []), Ie = f(({ dashboardId: e }) => {
-		W(), d(`/dashboards/${e}`);
-	}, [W, d]), Le = f(() => {
-		N || M(!1);
-	}, [N]), Re = f(async (e) => {
+	let Re = Array.from(new Set(V.flatMap((e) => e.category ? [e.category] : []))).sort(), J = V.filter((e) => (!k || e.category === k) && (!j || e.status === j) && (e.name.toLowerCase().includes(S.toLowerCase()) || e.description?.toLowerCase().includes(S.toLowerCase()))), Y = Math.max(1, Math.ceil(J.length / O)), X = (M - 1) * O, Z = J.slice(X, X + O);
+	f(() => {
+		N(1);
+	}, [
+		S,
+		R,
+		k,
+		j
+	]), f(() => {
+		M > Y && N(Y);
+	}, [M, Y]);
+	let ze = d(() => {
+		N((e) => Math.max(1, e - 1));
+	}, []), Be = d(() => {
+		N((e) => Math.min(Y, e + 1));
+	}, [Y]), Ve = d((e) => {
+		N(e);
+	}, []), He = d(() => {
 		P(!0);
+	}, []), Ue = d(({ dashboardId: e }) => {
+		H(), u(`/dashboards/${e}`);
+	}, [H, u]), We = d(() => {
+		F || P(!1);
+	}, [F]), Ge = d(async (e) => {
+		I(!0);
 		try {
-			let t = await V({
+			let t = await Ne({
 				name: e.name,
 				description: e.description,
 				category: e.category,
 				tags: e.tags
 			});
-			t && (M(!1), d(`/dashboards/${t.id}/builder`));
+			t && (P(!1), u(`/dashboards/${t.id}/builder`));
 		} catch (e) {
 			if (t(e, "project")) {
-				M(!1);
+				P(!1);
 				return;
 			}
-			throw console.error("Failed to create dashboard:", e), c() && u("error"), e;
+			throw console.error("Failed to create dashboard:", e), c() && l("error"), e;
 		} finally {
-			P(!1);
+			I(!1);
 		}
-	}, [V, d]), ze = f((e) => {
-		d(`/dashboards/${e}`);
-	}, [d]), Be = f((e, t) => {
-		t.stopPropagation(), d(`/dashboards/${e}/builder`);
-	}, [d]), Ve = f(async (e, t) => {
+	}, [Ne, u]), Q = d((e) => {
+		u(`/dashboards/${e}`);
+	}, [u]), Ke = d((e, t) => {
+		t.stopPropagation(), u(`/dashboards/${e}/builder`);
+	}, [u]), qe = d(async (e, t) => {
 		t.stopPropagation();
 		let n = y("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await ne({
 			title: "Delete dashboard?",
@@ -193,122 +198,122 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 			cancelButtonTitle: "Cancel"
 		});
 		if (r === null ? window.confirm(n) : r) {
-			l("medium");
+			re("medium");
 			try {
-				await H(e), c() && u("success");
+				await Pe(e), c() && l("success");
 			} catch (e) {
-				throw c() && u("error"), e;
+				throw c() && l("error"), e;
 			}
 		}
-	}, [H, y]), He = f(async (e, n, r) => {
+	}, [Pe, y]), Je = d(async (e, n, r) => {
 		r.stopPropagation();
 		let i = y("bigconsole.dashboards.clone.defaultSuffix", "{{sourceName}} (Copy)", { sourceName: n }), a = window.prompt(y("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), i);
 		if (!(!a || !a.trim())) {
-			l("medium");
+			re("medium");
 			try {
-				let t = await U(e, a.trim());
-				t && (c() && u("success"), d(`/dashboards/${t.id}`));
+				let t = await Fe(e, a.trim());
+				t && (c() && l("success"), u(`/dashboards/${t.id}`));
 			} catch (e) {
 				if (t(e, "project")) return;
-				throw c() && u("error"), e;
+				throw c() && l("error"), e;
 			}
 		}
 	}, [
-		U,
-		d,
+		Fe,
+		u,
 		y
-	]), Ue = f(() => {
-		F(!0);
-	}, []), We = f(() => {
-		F(!1);
-	}, []), Ge = f((e, t) => {
-		W();
-	}, [W]), Ke = (e) => {
+	]), Ye = d(() => {
+		L(!0);
+	}, []), Xe = d(() => {
+		L(!1);
+	}, []), Ze = d((e, t) => {
+		H();
+	}, [H]), Qe = (e) => {
 		let t = new Date(e), n = /* @__PURE__ */ new Date(), r = n.getTime() - t.getTime(), i = Math.floor(r / 6e4), a = Math.floor(r / 36e5), o = Math.floor(r / 864e5);
 		return i < 1 ? y("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${y("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${y("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${y("bigconsole.dashboards.time.daysAgoSuffix", "d ago")}` : new Intl.DateTimeFormat("en-US", {
 			month: "short",
 			day: "numeric",
 			year: t.getFullYear() === n.getFullYear() ? void 0 : "numeric"
 		}).format(t);
-	}, qe = te(), Je = (e) => e.widgetCount ?? 0, Ye = (e) => e.pageCount || 0, Xe = /* @__PURE__ */ D(Ee, {
+	}, $ = te(), $e = (e) => e.widgetCount ?? 0, et = (e) => e.pageCount || 0, tt = /* @__PURE__ */ T(De, {
 		title: y("bigconsole.dashboards.title", "Dashboards"),
 		subtitle: y("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards"),
 		createLabel: y("bigconsole.dashboards.actions.create", "Create Dashboard"),
 		importLabel: y("bigconsole.dashboards.actions.import", "Import"),
-		onCreate: Fe,
-		onImport: Ue,
-		canCreate: J,
-		canImport: Ae
+		onCreate: He,
+		onImport: Ye,
+		canCreate: K,
+		canImport: Ie
 	});
-	if (K) return /* @__PURE__ */ D("div", {
+	if (W) return /* @__PURE__ */ T("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
 			padding: "80px 0"
 		},
-		children: /* @__PURE__ */ D(E, { style: {
+		children: /* @__PURE__ */ T(w, { style: {
 			height: "var(--size-icon-xl)",
 			width: "var(--size-icon-xl)"
 		} })
 	});
-	if (!q) return /* @__PURE__ */ D(se, {
+	if (!G) return /* @__PURE__ */ T(ce, {
 		title: y("bigconsole.dashboards.accessDenied.title", "Access Denied"),
 		description: y("bigconsole.dashboards.accessDenied.description", "You don't have permission to view dashboards.")
 	});
-	if (z) return /* @__PURE__ */ O("div", {
+	if (Me) return /* @__PURE__ */ E("div", {
 		"data-tour": "bigconsole-dashboards-list",
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
-		children: [Xe, /* @__PURE__ */ D("div", {
+		children: [tt, /* @__PURE__ */ T("div", {
 			style: { padding: "var(--space-pagePadding)" },
-			children: /* @__PURE__ */ D(n, {
+			children: /* @__PURE__ */ T(n, {
 				headingLevel: 2,
 				tone: "danger",
 				title: y("bigconsole.dashboards.error.title", "Error loading dashboards"),
-				description: z.message,
+				description: Me.message,
 				"data-testid": "dashboards-error",
-				actions: /* @__PURE__ */ D(x, {
+				actions: /* @__PURE__ */ T(x, {
 					size: "sm",
-					onClick: () => W(),
+					onClick: () => H(),
 					children: y("bigconsole.dashboards.error.retry", "Retry")
 				})
 			})
 		})]
 	});
-	let Ze = X.length;
-	return /* @__PURE__ */ O("div", {
+	let nt = J.length;
+	return /* @__PURE__ */ E("div", {
 		"data-tour": "bigconsole-dashboards-list",
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			Xe,
-			/* @__PURE__ */ D("div", {
+			tt,
+			/* @__PURE__ */ T("div", {
 				style: { padding: "var(--space-pagePadding)" },
-				children: /* @__PURE__ */ O(r, { children: [/* @__PURE__ */ D(n, {
+				children: /* @__PURE__ */ E(r, { children: [/* @__PURE__ */ T(n, {
 					emphasis: "muted",
 					padding: "compact",
 					"aria-label": y("bigconsole.dashboards.about", "About dashboards"),
-					children: /* @__PURE__ */ D(Ce, {
+					children: /* @__PURE__ */ T(Te, {
 						className: "max-w-[80ch]",
 						children: "Dashboards are live, shareable views built from widgets that query your data sinks — charts, tables, metrics, and drill-downs in one place. Compose a board to monitor a system, share KPIs with your team, or explore data interactively."
 					})
-				}), /* @__PURE__ */ O(n, {
+				}), /* @__PURE__ */ E(n, {
 					headingLevel: 2,
 					emphasis: "primary",
 					"data-testid": "dashboards-results",
 					title: y("bigconsole.dashboards.results.title", "Your dashboards"),
 					description: y("bigconsole.dashboards.results.description", "Open a board to view it, or use the card actions to edit, duplicate or delete."),
-					meta: /* @__PURE__ */ D(b, {
+					meta: /* @__PURE__ */ T(b, {
 						variant: "secondary",
-						"aria-label": y("bigconsole.dashboards.results.count", `${Ze} dashboards`),
-						children: Ze
+						"aria-label": y("bigconsole.dashboards.results.count", `${nt} dashboards`),
+						children: nt
 					}),
-					actions: /* @__PURE__ */ O("div", {
+					actions: /* @__PURE__ */ E("div", {
 						role: "group",
 						"aria-label": y("bigconsole.dashboards.view.label", "Result layout"),
 						style: {
@@ -319,12 +324,12 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							borderRadius: "var(--radius-button)",
 							backgroundColor: "var(--color-bg-sunken)"
 						},
-						children: [/* @__PURE__ */ D(x, {
-							variant: I === "grid" ? "default" : "ghost",
+						children: [/* @__PURE__ */ T(x, {
+							variant: R === "grid" ? "default" : "ghost",
 							size: "sm",
-							onClick: () => L("grid"),
+							onClick: () => z("grid"),
 							"aria-label": y("bigconsole.dashboards.view.grid", "Grid view"),
-							"aria-pressed": I === "grid",
+							"aria-pressed": R === "grid",
 							title: y("bigconsole.dashboards.view.grid", "Grid view"),
 							style: {
 								height: "var(--size-controlHeight-md)",
@@ -332,16 +337,16 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								padding: 0,
 								borderRadius: "var(--radius-button)"
 							},
-							children: /* @__PURE__ */ D(he, { style: {
+							children: /* @__PURE__ */ T(he, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} })
-						}), /* @__PURE__ */ D(x, {
-							variant: I === "list" ? "default" : "ghost",
+						}), /* @__PURE__ */ T(x, {
+							variant: R === "list" ? "default" : "ghost",
 							size: "sm",
-							onClick: () => L("list"),
+							onClick: () => z("list"),
 							"aria-label": y("bigconsole.dashboards.view.list", "List view"),
-							"aria-pressed": I === "list",
+							"aria-pressed": R === "list",
 							title: y("bigconsole.dashboards.view.list", "List view"),
 							style: {
 								height: "var(--size-controlHeight-md)",
@@ -349,7 +354,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								padding: 0,
 								borderRadius: "var(--radius-button)"
 							},
-							children: /* @__PURE__ */ D(ge, { style: {
+							children: /* @__PURE__ */ T(ge, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} })
@@ -357,13 +362,13 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 					}),
 					bodyClassName: "flex flex-col gap-form-gap",
 					children: [
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ E("div", {
 							style: {
 								position: "relative",
 								width: "100%",
 								maxWidth: "420px"
 							},
-							children: [/* @__PURE__ */ D(_e, {
+							children: [/* @__PURE__ */ T(_e, {
 								"aria-hidden": "true",
 								style: {
 									position: "absolute",
@@ -374,32 +379,60 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 									width: "var(--size-icon-sm)",
 									color: "var(--color-text-muted)"
 								}
-							}), /* @__PURE__ */ D(Se, {
+							}), /* @__PURE__ */ T(we, {
 								type: "search",
 								"aria-label": y("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
 								placeholder: y("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
 								value: S,
-								onChange: (e) => T(e.target.value),
+								onChange: (e) => C(e.target.value),
 								style: {
 									paddingLeft: "var(--size-controlHeight-md)",
 									height: "var(--size-controlHeight-md)"
 								}
 							})]
 						}),
-						R && B.length === 0 && /* @__PURE__ */ D("div", {
+						/* @__PURE__ */ E("div", {
+							className: "flex flex-wrap gap-control-gap",
+							children: [/* @__PURE__ */ E("select", {
+								"aria-label": y("bigconsole.dashboards.filters.category", "Category"),
+								value: k,
+								onChange: (e) => A(e.target.value),
+								className: "min-w-0 max-w-full rounded-button border border-border-subtle bg-bg-surface p-2 text-sm text-text-primary",
+								children: [/* @__PURE__ */ T("option", {
+									value: "",
+									children: y("bigconsole.dashboards.filters.allCategories", "All categories")
+								}), Re.map((e) => /* @__PURE__ */ T("option", {
+									value: e,
+									children: e
+								}, e))]
+							}), /* @__PURE__ */ E("select", {
+								"aria-label": y("bigconsole.dashboards.filters.status", "Status"),
+								value: j,
+								onChange: (e) => Oe(e.target.value),
+								className: "min-w-0 max-w-full rounded-button border border-border-subtle bg-bg-surface p-2 text-sm text-text-primary",
+								children: [/* @__PURE__ */ T("option", {
+									value: "",
+									children: y("bigconsole.dashboards.filters.allStatuses", "All statuses")
+								}), Array.from(new Set(V.map((e) => e.status).filter((e) => e !== void 0))).sort().map((e) => /* @__PURE__ */ T("option", {
+									value: e,
+									children: $(e)
+								}, e))]
+							})]
+						}),
+						B && V.length === 0 && /* @__PURE__ */ T("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								justifyContent: "center",
 								padding: "80px 0"
 							},
-							children: /* @__PURE__ */ O("div", {
+							children: /* @__PURE__ */ E("div", {
 								style: { textAlign: "center" },
-								children: [/* @__PURE__ */ D(E, { style: {
+								children: [/* @__PURE__ */ T(w, { style: {
 									height: "var(--size-icon-xl)",
 									width: "var(--size-icon-xl)",
 									margin: "0 auto var(--space-formGap)"
-								} }), /* @__PURE__ */ D("p", {
+								} }), /* @__PURE__ */ T("p", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)"
@@ -408,27 +441,27 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								})]
 							})
 						}),
-						!R && I === "grid" && X.length > 0 && /* @__PURE__ */ D("div", {
+						!B && R === "grid" && J.length > 0 && /* @__PURE__ */ T("div", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(320px, 100%), 1fr))",
 								gap: "var(--space-formGap)"
 							},
-							children: $.map((e) => /* @__PURE__ */ D(C, {
-								onClick: () => ze(e.id),
+							children: Z.map((e) => /* @__PURE__ */ T(be, {
+								onClick: () => Q(e.id),
 								style: { cursor: "pointer" },
 								className: "motion-safe:transition-[box-shadow,border-color] hover:border-[var(--color-border-hover)] hover:shadow-[var(--shadow-elevation-2)]",
-								children: /* @__PURE__ */ O(w, {
+								children: /* @__PURE__ */ E(xe, {
 									style: { padding: "var(--space-cardPadding)" },
 									children: [
-										/* @__PURE__ */ O("div", {
+										/* @__PURE__ */ E("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
 												gap: "var(--space-controlGap)",
 												marginBottom: "var(--space-formGap)"
 											},
-											children: [/* @__PURE__ */ D("div", {
+											children: [/* @__PURE__ */ T("div", {
 												style: {
 													display: "flex",
 													height: "var(--size-controlHeight-lg)",
@@ -439,7 +472,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													borderRadius: "var(--radius-button)",
 													backgroundColor: "var(--color-bg-accentSubtle)"
 												},
-												children: /* @__PURE__ */ D(g, {
+												children: /* @__PURE__ */ T(g, {
 													"aria-hidden": "true",
 													style: {
 														height: "var(--size-icon-md)",
@@ -447,12 +480,12 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														color: "var(--color-action-primary-bg)"
 													}
 												})
-											}), /* @__PURE__ */ O("div", {
+											}), /* @__PURE__ */ E("div", {
 												style: {
 													flex: 1,
 													minWidth: 0
 												},
-												children: [/* @__PURE__ */ D("h3", {
+												children: [/* @__PURE__ */ T("h3", {
 													style: {
 														fontWeight: "var(--font-weight-bold)",
 														fontSize: "var(--font-size-body-md)",
@@ -462,8 +495,15 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														textOverflow: "ellipsis",
 														whiteSpace: "nowrap"
 													},
-													children: e.name
-												}), /* @__PURE__ */ O("div", {
+													children: /* @__PURE__ */ T("button", {
+														type: "button",
+														className: "max-w-full truncate text-left hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+														onClick: (t) => {
+															t.stopPropagation(), Q(e.id);
+														},
+														children: e.name
+													})
+												}), /* @__PURE__ */ E("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
@@ -471,7 +511,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														flexWrap: "wrap",
 														marginTop: "var(--space-controlGap)"
 													},
-													children: [e.category && /* @__PURE__ */ D(b, {
+													children: [e.category && /* @__PURE__ */ T(b, {
 														variant: "secondary",
 														style: {
 															fontSize: "10px",
@@ -479,14 +519,14 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															textTransform: "uppercase"
 														},
 														children: e.category
-													}), e.status && /* @__PURE__ */ D(s, {
+													}), e.status && /* @__PURE__ */ T(s, {
 														status: e.status,
-														label: qe(e.status)
+														label: $(e.status)
 													})]
 												})]
 											})]
 										}),
-										/* @__PURE__ */ D("p", {
+										/* @__PURE__ */ T("p", {
 											style: {
 												fontSize: "var(--font-size-body-sm)",
 												lineHeight: "var(--font-lineHeight-normal)",
@@ -500,7 +540,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 											},
 											children: e.description || y("bigconsole.dashboards.card.noDescription", "No description provided")
 										}),
-										/* @__PURE__ */ O("div", {
+										/* @__PURE__ */ E("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -511,27 +551,27 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 												borderRadius: "var(--radius-button)"
 											},
 											children: [
-												/* @__PURE__ */ O("div", {
+												/* @__PURE__ */ E("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ D(me, { style: {
+														/* @__PURE__ */ T(me, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
 														} }),
-														/* @__PURE__ */ D("span", {
+														/* @__PURE__ */ T("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: Ye(e)
+															children: et(e)
 														}),
-														/* @__PURE__ */ D("span", {
+														/* @__PURE__ */ T("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																color: "var(--color-text-muted)"
@@ -540,32 +580,32 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														})
 													]
 												}),
-												/* @__PURE__ */ D("div", { style: {
+												/* @__PURE__ */ T("div", { style: {
 													width: "1px",
 													height: "var(--size-icon-sm)",
 													backgroundColor: "var(--color-border-subtle)"
 												} }),
-												/* @__PURE__ */ O("div", {
+												/* @__PURE__ */ E("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ D(pe, { style: {
+														/* @__PURE__ */ T(h, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
 														} }),
-														/* @__PURE__ */ D("span", {
+														/* @__PURE__ */ T("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: Je(e)
+															children: $e(e)
 														}),
-														/* @__PURE__ */ D("span", {
+														/* @__PURE__ */ T("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																color: "var(--color-text-muted)"
@@ -576,7 +616,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 												})
 											]
 										}),
-										/* @__PURE__ */ O("div", {
+										/* @__PURE__ */ E("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -586,38 +626,38 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 												paddingTop: "var(--space-controlGap)",
 												borderTop: "1px solid var(--color-border-subtle)"
 											},
-											children: [/* @__PURE__ */ O("div", {
+											children: [/* @__PURE__ */ E("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-iconGap)"
 												},
-												children: [/* @__PURE__ */ D(le, { style: {
+												children: [/* @__PURE__ */ T(ue, { style: {
 													height: "var(--size-icon-sm)",
 													width: "var(--size-icon-sm)",
 													color: "var(--color-text-muted)"
-												} }), /* @__PURE__ */ D("span", {
+												} }), /* @__PURE__ */ T("span", {
 													style: {
 														fontSize: "var(--font-size-body-sm)",
 														fontWeight: "var(--font-weight-medium)",
 														color: "var(--color-text-muted)"
 													},
-													children: Ke(e.updatedAt)
+													children: Qe(e.updatedAt)
 												})]
-											}), /* @__PURE__ */ O("div", {
+											}), /* @__PURE__ */ E("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-controlGap)"
 												},
 												children: [
-													/* @__PURE__ */ D(h, {
+													/* @__PURE__ */ T(m, {
 														permission: a.DASHBOARD_UPDATE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ D(x, {
+														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Be(e.id, t),
+															onClick: (t) => Ke(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -625,19 +665,19 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																borderRadius: "var(--radius-button)"
 															},
 															title: y("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-															children: /* @__PURE__ */ D(_, { style: {
+															children: /* @__PURE__ */ T(_, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ D(h, {
+													/* @__PURE__ */ T(m, {
 														permission: a.DASHBOARD_CREATE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ D(x, {
+														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => He(e.id, e.name, t),
+															onClick: (t) => Je(e.id, e.name, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -645,19 +685,19 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																borderRadius: "var(--radius-button)"
 															},
 															title: y("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-															children: /* @__PURE__ */ D(fe, { style: {
+															children: /* @__PURE__ */ T(pe, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ D(h, {
+													/* @__PURE__ */ T(m, {
 														permission: a.DASHBOARD_DELETE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ D(x, {
+														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Ve(e.id, t),
+															onClick: (t) => qe(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -666,7 +706,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															},
 															className: "hover:text-status-error-text hover:bg-status-error-bg/10",
 															title: y("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-															children: /* @__PURE__ */ D(ve, { style: {
+															children: /* @__PURE__ */ T(ve, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
@@ -679,19 +719,19 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								})
 							}, e.id))
 						}),
-						!R && I === "list" && X.length > 0 && /* @__PURE__ */ D("div", {
+						!B && R === "list" && J.length > 0 && /* @__PURE__ */ T("div", {
 							style: {
 								display: "flex",
 								flexDirection: "column",
 								gap: "var(--space-controlGap)"
 							},
-							children: $.map((e) => /* @__PURE__ */ D(C, {
-								onClick: () => ze(e.id),
+							children: Z.map((e) => /* @__PURE__ */ T(be, {
+								onClick: () => Q(e.id),
 								style: { cursor: "pointer" },
 								className: "motion-safe:transition-[box-shadow,border-color] hover:border-[var(--color-border-hover)] hover:shadow-[var(--shadow-elevation-2)]",
-								children: /* @__PURE__ */ D(w, {
+								children: /* @__PURE__ */ T(xe, {
 									style: { padding: "var(--space-cardPadding)" },
-									children: /* @__PURE__ */ O("div", {
+									children: /* @__PURE__ */ E("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
@@ -699,7 +739,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 											flexWrap: "wrap"
 										},
 										children: [
-											/* @__PURE__ */ D("div", {
+											/* @__PURE__ */ T("div", {
 												style: {
 													display: "flex",
 													height: "var(--size-controlHeight-lg)",
@@ -710,7 +750,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													borderRadius: "var(--radius-button)",
 													backgroundColor: "var(--color-bg-accentSubtle)"
 												},
-												children: /* @__PURE__ */ D(g, {
+												children: /* @__PURE__ */ T(g, {
 													"aria-hidden": "true",
 													style: {
 														height: "var(--size-icon-md)",
@@ -719,12 +759,12 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													}
 												})
 											}),
-											/* @__PURE__ */ O("div", {
+											/* @__PURE__ */ E("div", {
 												style: {
 													flex: "1 1 12rem",
 													minWidth: 0
 												},
-												children: [/* @__PURE__ */ O("div", {
+												children: [/* @__PURE__ */ E("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
@@ -732,7 +772,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														flexWrap: "wrap"
 													},
 													children: [
-														/* @__PURE__ */ D("h3", {
+														/* @__PURE__ */ T("h3", {
 															style: {
 																fontWeight: "var(--font-weight-bold)",
 																fontSize: "var(--font-size-body-md)",
@@ -743,9 +783,16 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																whiteSpace: "nowrap",
 																maxWidth: "100%"
 															},
-															children: e.name
+															children: /* @__PURE__ */ T("button", {
+																type: "button",
+																className: "max-w-full truncate text-left hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+																onClick: (t) => {
+																	t.stopPropagation(), Q(e.id);
+																},
+																children: e.name
+															})
 														}),
-														e.category && /* @__PURE__ */ D(b, {
+														e.category && /* @__PURE__ */ T(b, {
 															variant: "secondary",
 															style: {
 																fontSize: "10px",
@@ -754,12 +801,12 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															},
 															children: e.category
 														}),
-														e.status && /* @__PURE__ */ D(s, {
+														e.status && /* @__PURE__ */ T(s, {
 															status: e.status,
-															label: qe(e.status)
+															label: $(e.status)
 														})
 													]
-												}), /* @__PURE__ */ D("p", {
+												}), /* @__PURE__ */ T("p", {
 													style: {
 														fontSize: "var(--font-size-body-sm)",
 														lineHeight: "var(--font-lineHeight-normal)",
@@ -772,7 +819,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													children: e.description || y("bigconsole.dashboards.card.noDescription", "No description provided")
 												})]
 											}),
-											/* @__PURE__ */ O("div", {
+											/* @__PURE__ */ E("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
@@ -780,27 +827,27 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													flexWrap: "wrap"
 												},
 												children: [
-													/* @__PURE__ */ O("div", {
+													/* @__PURE__ */ E("div", {
 														style: {
 															display: "flex",
 															alignItems: "center",
 															gap: "var(--space-iconGap)"
 														},
 														children: [
-															/* @__PURE__ */ D(me, { style: {
+															/* @__PURE__ */ T(me, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)",
 																color: "var(--color-action-primary-bg)"
 															} }),
-															/* @__PURE__ */ D("span", {
+															/* @__PURE__ */ T("span", {
 																style: {
 																	fontSize: "var(--font-size-body-sm)",
 																	fontWeight: "var(--font-weight-semibold)",
 																	color: "var(--color-text-primary)"
 																},
-																children: Ye(e)
+																children: et(e)
 															}),
-															/* @__PURE__ */ D("span", {
+															/* @__PURE__ */ T("span", {
 																style: {
 																	fontSize: "var(--font-size-body-sm)",
 																	color: "var(--color-text-muted)"
@@ -809,27 +856,27 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															})
 														]
 													}),
-													/* @__PURE__ */ O("div", {
+													/* @__PURE__ */ E("div", {
 														style: {
 															display: "flex",
 															alignItems: "center",
 															gap: "var(--space-iconGap)"
 														},
 														children: [
-															/* @__PURE__ */ D(pe, { style: {
+															/* @__PURE__ */ T(h, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)",
 																color: "var(--color-action-primary-bg)"
 															} }),
-															/* @__PURE__ */ D("span", {
+															/* @__PURE__ */ T("span", {
 																style: {
 																	fontSize: "var(--font-size-body-sm)",
 																	fontWeight: "var(--font-weight-semibold)",
 																	color: "var(--color-text-primary)"
 																},
-																children: Je(e)
+																children: $e(e)
 															}),
-															/* @__PURE__ */ D("span", {
+															/* @__PURE__ */ T("span", {
 																style: {
 																	fontSize: "var(--font-size-body-sm)",
 																	color: "var(--color-text-muted)"
@@ -838,41 +885,41 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															})
 														]
 													}),
-													/* @__PURE__ */ O("div", {
+													/* @__PURE__ */ E("div", {
 														style: {
 															display: "flex",
 															alignItems: "center",
 															gap: "var(--space-iconGap)"
 														},
-														children: [/* @__PURE__ */ D(le, { style: {
+														children: [/* @__PURE__ */ T(ue, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-text-muted)"
-														} }), /* @__PURE__ */ D("span", {
+														} }), /* @__PURE__ */ T("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																fontWeight: "var(--font-weight-medium)",
 																color: "var(--color-text-muted)"
 															},
-															children: Ke(e.updatedAt)
+															children: Qe(e.updatedAt)
 														})]
 													})
 												]
 											}),
-											/* @__PURE__ */ O("div", {
+											/* @__PURE__ */ E("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-controlGap)"
 												},
 												children: [
-													/* @__PURE__ */ D(h, {
+													/* @__PURE__ */ T(m, {
 														permission: a.DASHBOARD_UPDATE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ D(x, {
+														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Be(e.id, t),
+															onClick: (t) => Ke(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -880,19 +927,19 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																borderRadius: "var(--radius-button)"
 															},
 															title: y("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-															children: /* @__PURE__ */ D(_, { style: {
+															children: /* @__PURE__ */ T(_, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ D(h, {
+													/* @__PURE__ */ T(m, {
 														permission: a.DASHBOARD_CREATE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ D(x, {
+														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => He(e.id, e.name, t),
+															onClick: (t) => Je(e.id, e.name, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -900,19 +947,19 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																borderRadius: "var(--radius-button)"
 															},
 															title: y("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-															children: /* @__PURE__ */ D(fe, { style: {
+															children: /* @__PURE__ */ T(pe, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ D(h, {
+													/* @__PURE__ */ T(m, {
 														permission: a.DASHBOARD_DELETE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ D(x, {
+														children: /* @__PURE__ */ T(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Ve(e.id, t),
+															onClick: (t) => qe(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -921,7 +968,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															},
 															className: "hover:text-status-error-text hover:bg-status-error-bg/10",
 															title: y("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-															children: /* @__PURE__ */ D(ve, { style: {
+															children: /* @__PURE__ */ T(ve, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
@@ -934,7 +981,7 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								})
 							}, e.id))
 						}),
-						!R && X.length > 0 && /* @__PURE__ */ D("p", {
+						!B && J.length > 0 && /* @__PURE__ */ T("p", {
 							"data-testid": "dashboards-range",
 							style: {
 								margin: 0,
@@ -942,47 +989,47 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								color: "var(--color-text-muted)"
 							},
 							children: y("bigconsole.dashboards.pagination.range", "Showing {{from}}–{{to}} of {{total}} dashboards", {
-								from: Q + 1,
-								to: Q + $.length,
-								total: X.length
+								from: X + 1,
+								to: X + Z.length,
+								total: J.length
 							})
 						}),
-						!R && X.length > k && /* @__PURE__ */ O("nav", {
+						!B && J.length > O && /* @__PURE__ */ E("nav", {
 							"aria-label": y("bigconsole.dashboards.pagination.label", "Dashboard pages"),
 							className: "flex flex-wrap items-center justify-center gap-control-gap border-t border-[var(--color-border-subtle)] pt-control-gap",
 							children: [
-								/* @__PURE__ */ O(x, {
+								/* @__PURE__ */ E(x, {
 									variant: "outline",
 									size: "sm",
-									onClick: Me,
-									disabled: A <= 1,
+									onClick: ze,
+									disabled: M <= 1,
 									"aria-label": y("bigconsole.dashboards.pagination.previous", "Previous"),
 									style: { minHeight: "var(--size-controlHeight-md)" },
-									children: [/* @__PURE__ */ D(ue, { style: {
+									children: [/* @__PURE__ */ T(de, { style: {
 										marginRight: "var(--space-iconGap)",
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
 									} }), y("bigconsole.dashboards.pagination.previous", "Previous")]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ T("div", {
 									style: {
 										display: "flex",
 										alignItems: "center",
 										gap: "var(--space-iconGap)",
 										flexWrap: "wrap"
 									},
-									children: Te(A, Z).map((e, t) => e === null ? /* @__PURE__ */ D("span", {
+									children: Ee(M, Y).map((e, t) => e === null ? /* @__PURE__ */ T("span", {
 										"aria-hidden": "true",
 										style: {
 											color: "var(--color-text-muted)",
 											padding: "0 var(--space-iconGap)"
 										},
 										children: "…"
-									}, `gap-${t}`) : /* @__PURE__ */ D(x, {
-										variant: e === A ? "default" : "ghost",
+									}, `gap-${t}`) : /* @__PURE__ */ T(x, {
+										variant: e === M ? "default" : "ghost",
 										size: "sm",
-										onClick: () => Pe(e),
-										"aria-current": e === A ? "page" : void 0,
+										onClick: () => Ve(e),
+										"aria-current": e === M ? "page" : void 0,
 										"aria-label": y("bigconsole.dashboards.pagination.page", `Page ${e}`),
 										style: {
 											minWidth: "var(--size-controlHeight-md)",
@@ -993,63 +1040,63 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 										children: e
 									}, e))
 								}),
-								/* @__PURE__ */ O(x, {
+								/* @__PURE__ */ E(x, {
 									variant: "outline",
 									size: "sm",
-									onClick: Ne,
-									disabled: A >= Z,
+									onClick: Be,
+									disabled: M >= Y,
 									"aria-label": y("bigconsole.dashboards.pagination.next", "Next"),
 									style: { minHeight: "var(--size-controlHeight-md)" },
-									children: [y("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ D(de, { style: {
+									children: [y("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ T(fe, { style: {
 										marginLeft: "var(--space-iconGap)",
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
 									} })]
 								}),
-								/* @__PURE__ */ D("span", {
+								/* @__PURE__ */ T("span", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)"
 									},
 									children: y("bigconsole.dashboards.pagination.pageOf", "Page {{currentPage}} of {{totalPages}}", {
-										currentPage: A,
-										totalPages: Z
+										currentPage: M,
+										totalPages: Y
 									})
 								})
 							]
 						}),
-						!R && X.length === 0 && /* @__PURE__ */ D(be, {
+						!B && J.length === 0 && /* @__PURE__ */ T(Se, {
 							treatment: "insight",
 							className: "border-[var(--color-border-seam)]",
-							children: /* @__PURE__ */ D(xe, {
+							children: /* @__PURE__ */ T(Ce, {
 								illustration: S ? "empty-search" : "empty-data",
 								title: S ? y("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : y("bigconsole.dashboards.empty.title", "No dashboards yet"),
 								description: S ? y("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : y("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data"),
-								action: S ? void 0 : /* @__PURE__ */ O("div", {
+								action: S ? void 0 : /* @__PURE__ */ E("div", {
 									style: {
 										display: "flex",
 										gap: "var(--space-controlGap)",
 										flexWrap: "wrap",
 										justifyContent: "center"
 									},
-									children: [/* @__PURE__ */ D(h, {
+									children: [/* @__PURE__ */ T(m, {
 										permission: a.DASHBOARD_CREATE,
 										deniedBehavior: "hide",
-										children: /* @__PURE__ */ O(x, {
-											onClick: Fe,
-											children: [/* @__PURE__ */ D(v, { style: {
+										children: /* @__PURE__ */ E(x, {
+											onClick: He,
+											children: [/* @__PURE__ */ T(v, { style: {
 												marginRight: "var(--space-iconGap)",
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)"
 											} }), y("bigconsole.dashboards.actions.create", "Create Dashboard")]
 										})
-									}), /* @__PURE__ */ D(h, {
+									}), /* @__PURE__ */ T(m, {
 										permission: a.DASHBOARD_IMPORT,
 										deniedBehavior: "hide",
-										children: /* @__PURE__ */ O(x, {
+										children: /* @__PURE__ */ E(x, {
 											variant: "outline",
-											onClick: Ue,
-											children: [/* @__PURE__ */ D(ye, { style: {
+											onClick: Ye,
+											children: [/* @__PURE__ */ T(ye, { style: {
 												marginRight: "var(--space-iconGap)",
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)"
@@ -1062,22 +1109,22 @@ var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 					]
 				})] })
 			}),
-			/* @__PURE__ */ D(ee, {
-				isOpen: De,
-				isCreating: N,
-				onClose: Le,
-				onCreate: Re,
-				onTemplateInstalled: Ie
-			}),
-			/* @__PURE__ */ D(re, {
-				isOpen: Oe,
+			/* @__PURE__ */ T(ee, {
+				isOpen: ke,
+				isCreating: F,
 				onClose: We,
-				onSuccess: Ge
+				onCreate: Ge,
+				onTemplateInstalled: Ue
+			}),
+			/* @__PURE__ */ T(ie, {
+				isOpen: Ae,
+				onClose: Xe,
+				onSuccess: Ze
 			})
 		]
 	});
 });
 //#endregion
-export { j as DashboardsPage, j as default };
+export { A as DashboardsPage, A as default };
 
 //# sourceMappingURL=DashboardsPage.js.map