@burdenoff/microfe-bigconsole 2026.924.1 → 2026.924.3

package/dist/bigconsole/pages/DashboardsPage.js

@@ -1,25 +1,28 @@
-import { Section as e, SectionStack as t } from "../components/common/Section.js";
-import "../components/common/index.js";
-import { useBigConsoleNavigate as n } from "../context/BigConsoleContext.js";
+import { useBigConsoleNavigate as e } from "../context/BigConsoleContext.js";
 import "../context/index.js";
-import { reportBigConsoleQuotaError as r } from "../utils/quota.js";
+import { reportBigConsoleQuotaError as t } from "../utils/quota.js";
+import { Section as n, SectionStack as r } from "../components/common/Section.js";
+import "../components/common/index.js";
 import i from "../hooks/useDashboardOperations.js";
 import "../hooks/index.js";
 import { BIGCONSOLE_PERMISSIONS as a } from "../../constants/permissions.js";
-import o from "../components/dashboard/CreateDashboardDialog.js";
-import { isNative as s, nativeConfirm as ee, nativeImpact as c, nativeNotify as l } from "../../utils/nativeBridge.js";
-import te from "../components/dashboard/ImportDashboardDialog.js";
-import { useTr as ne } from "../../shared/hooks/useTr.js";
-import { memo as u, useCallback as d, useEffect as f, useState as p } from "react";
-import { AccessDenied as re, PermissionButton as m } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as ie } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Calendar as h, ChevronLeft as ae, ChevronRight as oe, Copy as g, FileText as _, Layers as v, LayoutDashboard as y, LayoutGrid as se, List as ce, Pencil as le, Plus as ue, Search as de, Trash2 as fe, Upload as pe } from "lucide-react";
-import { AuroraBackground as b, Badge as x, Button as S, CTAOverflowMenu as C, Card as w, CardContent as T, GlassCard as me, GradientText as E, IllustratedEmptyState as he, Input as ge, PagePurpose as _e, Spinner as D } from "@burdenoff/fe-libs/ui";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
+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";
 //#region src/bigconsole/pages/DashboardsPage.tsx
-var A = "bf-bigconsole-dashboards-view", j = 12, M = 7;
-function ve(e, t) {
-	if (t <= M) return Array.from({ length: t }, (e, t) => t + 1);
+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);
 	let n = new Set([
 		1,
 		t,
@@ -31,12 +34,12 @@ function ve(e, t) {
 		t > 0 && e - r[t - 1] > 1 && i.push(null), i.push(e);
 	}), i;
 }
-var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onCreate: i, onImport: a, canCreate: o, canImport: s }) {
-	return /* @__PURE__ */ k("div", {
+var Ee = d(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onCreate: i, onImport: a, canCreate: o, canImport: ee }) {
+	return /* @__PURE__ */ O("div", {
 		className: "relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]",
-		children: [/* @__PURE__ */ O(b, { intensity: "subtle" }), /* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ D(y, { intensity: "subtle" }), /* @__PURE__ */ D("div", {
 			style: { padding: "var(--space-pagePadding)" },
-			children: /* @__PURE__ */ k("div", {
+			children: /* @__PURE__ */ O("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -44,14 +47,14 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 					flexWrap: "wrap",
 					gap: "var(--space-formGap)"
 				},
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ O("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: "var(--space-formGap)",
 						minWidth: 0
 					},
-					children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ D("div", {
 						style: {
 							display: "flex",
 							height: "var(--size-controlHeight-lg)",
@@ -62,22 +65,22 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							borderRadius: "var(--radius-card)",
 							backgroundColor: "var(--color-action-primary-bg)"
 						},
-						children: /* @__PURE__ */ O(y, { style: {
+						children: /* @__PURE__ */ D(g, { style: {
 							height: "var(--size-icon-lg)",
 							width: "var(--size-icon-lg)",
 							color: "var(--color-action-primary-text)"
 						} })
-					}), /* @__PURE__ */ k("div", {
+					}), /* @__PURE__ */ O("div", {
 						style: { minWidth: 0 },
-						children: [/* @__PURE__ */ O("h1", {
+						children: [/* @__PURE__ */ D("h1", {
 							style: {
 								fontSize: "var(--font-size-heading-h4)",
 								fontWeight: "var(--font-weight-bold)",
 								margin: 0,
 								color: "var(--color-text-primary)"
 							},
-							children: /* @__PURE__ */ O(E, { children: e })
-						}), /* @__PURE__ */ O("p", {
+							children: /* @__PURE__ */ D(T, { children: e })
+						}), /* @__PURE__ */ D("p", {
 							style: {
 								fontSize: "var(--font-size-body-sm)",
 								color: "var(--color-text-secondary)",
@@ -86,12 +89,12 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							children: t
 						})]
 					})]
-				}), /* @__PURE__ */ O(C, {
+				}), /* @__PURE__ */ D(S, {
 					primary: {
 						label: n,
 						onSelect: i,
 						disabled: !o,
-						icon: /* @__PURE__ */ O(ue, { style: {
+						icon: /* @__PURE__ */ D(v, { style: {
 							marginRight: "var(--space-iconGap)",
 							height: "var(--size-icon-sm)",
 							width: "var(--size-icon-sm)"
@@ -100,8 +103,8 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 					actions: [{
 						label: r,
 						onSelect: a,
-						disabled: !s,
-						icon: /* @__PURE__ */ O(pe, { style: {
+						disabled: !ee,
+						icon: /* @__PURE__ */ D(ye, { style: {
 							height: "var(--size-icon-sm)",
 							width: "var(--size-icon-sm)"
 						} })
@@ -110,223 +113,199 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 			})
 		})]
 	});
-}), N = {
-	PUBLISHED: "var(--color-status-success-bg)",
-	DRAFT: "var(--color-text-muted)",
-	ARCHIVED: "var(--color-status-warning-bg)"
-}, P = u(function({ status: e, label: t }) {
-	return /* @__PURE__ */ k("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__ */ O("span", {
-			"aria-hidden": "true",
-			style: {
-				width: 6,
-				height: 6,
-				borderRadius: "50%",
-				backgroundColor: N[e],
-				flexShrink: 0
-			}
-		}), t]
-	});
-}), F = u(function() {
-	let u = n(), b = ne(), [C, E] = p(""), [M, N] = p(1), [F, I] = p(!1), [L, R] = p(!1), [be, z] = p(!1), [B, xe] = p(() => {
+}), 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(() => {
 		try {
-			return window.localStorage.getItem(A) === "list" ? "list" : "grid";
+			return window.localStorage.getItem(we) === "list" ? "list" : "grid";
 		} catch {
 			return "grid";
 		}
-	}), V = d((e) => {
-		xe(e);
+	}), L = f((e) => {
+		ke(e);
 		try {
-			window.localStorage.setItem(A, e);
+			window.localStorage.setItem(we, e);
 		} catch {}
-	}, []), { loading: H, error: U, dashboards: W, createDashboard: Se, deleteDashboard: G, cloneDashboard: Ce, refetch: K } = i(), { hasPermission: q, isLoading: we } = ie(), Te = q(a.DASHBOARD_READ), Ee = q(a.DASHBOARD_CREATE), De = q(a.DASHBOARD_IMPORT), J = W.filter((e) => e.name.toLowerCase().includes(C.toLowerCase()) || e.description?.toLowerCase().includes(C.toLowerCase())), Y = Math.max(1, Math.ceil(J.length / j)), X = (M - 1) * j, Z = J.slice(X, X + j);
-	f(() => {
-		N(1);
-	}, [C, B]), f(() => {
-		M > Y && N(Y);
-	}, [M, Y]);
-	let Oe = d(() => {
-		N((e) => Math.max(1, e - 1));
-	}, []), ke = d(() => {
-		N((e) => Math.min(Y, e + 1));
-	}, [Y]), Ae = d((e) => {
-		N(e);
-	}, []), je = d(() => {
-		I(!0);
-	}, []), Me = d(({ dashboardId: e }) => {
-		K(), u(`/dashboards/${e}`);
-	}, [K, u]), Ne = d(() => {
-		L || I(!1);
-	}, [L]), Pe = d(async (e) => {
-		R(!0);
+	}, []), { 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
+		});
+		e === "none" || e === "wait" || (e === "open" && M(!0), je(ae(Y), { replace: !0 }));
+	}, [
+		Y,
+		je,
+		K,
+		q,
+		J
+	]);
+	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) => {
+		P(!0);
 		try {
-			let t = await Se({
+			let t = await V({
 				name: e.name,
 				description: e.description,
 				category: e.category,
 				tags: e.tags
 			});
-			t && (I(!1), u(`/dashboards/${t.id}/builder`));
+			t && (M(!1), d(`/dashboards/${t.id}/builder`));
 		} catch (e) {
-			if (r(e, "project")) {
-				I(!1);
+			if (t(e, "project")) {
+				M(!1);
 				return;
 			}
-			throw console.error("Failed to create dashboard:", e), s() && l("error"), e;
+			throw console.error("Failed to create dashboard:", e), c() && u("error"), e;
 		} finally {
-			R(!1);
+			P(!1);
 		}
-	}, [Se, u]), Fe = d((e) => {
-		u(`/dashboards/${e}`);
-	}, [u]), Q = d((e, t) => {
-		t.stopPropagation(), u(`/dashboards/${e}/builder`);
-	}, [u]), Ie = d(async (e, t) => {
+	}, [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) => {
 		t.stopPropagation();
-		let n = b("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await ee({
+		let n = y("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await ne({
 			title: "Delete dashboard?",
 			message: n,
 			okButtonTitle: "Delete",
 			cancelButtonTitle: "Cancel"
 		});
 		if (r === null ? window.confirm(n) : r) {
-			c("medium");
+			l("medium");
 			try {
-				await G(e), s() && l("success");
+				await H(e), c() && u("success");
 			} catch (e) {
-				throw s() && l("error"), e;
+				throw c() && u("error"), e;
 			}
 		}
-	}, [G, b]), Le = d(async (e, t, n) => {
-		n.stopPropagation();
-		let i = b("bigconsole.dashboards.clone.defaultSuffix", "{{sourceName}} (Copy)", { sourceName: t }), a = window.prompt(b("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), i);
+	}, [H, y]), He = f(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())) {
-			c("medium");
+			l("medium");
 			try {
-				let t = await Ce(e, a.trim());
-				t && (s() && l("success"), u(`/dashboards/${t.id}`));
+				let t = await U(e, a.trim());
+				t && (c() && u("success"), d(`/dashboards/${t.id}`));
 			} catch (e) {
-				if (r(e, "project")) return;
-				throw s() && l("error"), e;
+				if (t(e, "project")) return;
+				throw c() && u("error"), e;
 			}
 		}
 	}, [
-		Ce,
-		u,
-		b
-	]), Re = d(() => {
-		z(!0);
-	}, []), ze = d(() => {
-		z(!1);
-	}, []), Be = d((e, t) => {
-		K();
-	}, [K]), Ve = (e) => {
+		U,
+		d,
+		y
+	]), Ue = f(() => {
+		F(!0);
+	}, []), We = f(() => {
+		F(!1);
+	}, []), Ge = f((e, t) => {
+		W();
+	}, [W]), Ke = (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 ? b("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${b("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${b("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${b("bigconsole.dashboards.time.daysAgoSuffix", "d ago")}` : new Intl.DateTimeFormat("en-US", {
+		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);
-	}, He = d((e) => {
-		switch (e) {
-			case "PUBLISHED": return b("bigconsole.dashboards.status.published", "Published");
-			case "ARCHIVED": return b("bigconsole.dashboards.status.archived", "Archived");
-			default: return b("bigconsole.dashboards.status.draft", "Draft");
-		}
-	}, [b]), Ue = (e) => e.widgetCount ?? 0, We = (e) => e.pageCount || 0, Ge = /* @__PURE__ */ O(ye, {
-		title: b("bigconsole.dashboards.title", "Dashboards"),
-		subtitle: b("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards"),
-		createLabel: b("bigconsole.dashboards.actions.create", "Create Dashboard"),
-		importLabel: b("bigconsole.dashboards.actions.import", "Import"),
-		onCreate: je,
-		onImport: Re,
-		canCreate: Ee,
-		canImport: De
+	}, qe = te(), Je = (e) => e.widgetCount ?? 0, Ye = (e) => e.pageCount || 0, Xe = /* @__PURE__ */ D(Ee, {
+		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
 	});
-	if (we) return /* @__PURE__ */ O("div", {
+	if (K) return /* @__PURE__ */ D("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
 			padding: "80px 0"
 		},
-		children: /* @__PURE__ */ O(D, { style: {
+		children: /* @__PURE__ */ D(E, { style: {
 			height: "var(--size-icon-xl)",
 			width: "var(--size-icon-xl)"
 		} })
 	});
-	if (!Te) return /* @__PURE__ */ O(re, {
-		title: b("bigconsole.dashboards.accessDenied.title", "Access Denied"),
-		description: b("bigconsole.dashboards.accessDenied.description", "You don't have permission to view dashboards.")
+	if (!q) return /* @__PURE__ */ D(se, {
+		title: y("bigconsole.dashboards.accessDenied.title", "Access Denied"),
+		description: y("bigconsole.dashboards.accessDenied.description", "You don't have permission to view dashboards.")
 	});
-	if (U) return /* @__PURE__ */ k("div", {
+	if (z) return /* @__PURE__ */ O("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
-		children: [Ge, /* @__PURE__ */ O("div", {
+		children: [Xe, /* @__PURE__ */ D("div", {
 			style: { padding: "var(--space-pagePadding)" },
-			children: /* @__PURE__ */ O(e, {
+			children: /* @__PURE__ */ D(n, {
 				headingLevel: 2,
 				tone: "danger",
-				title: b("bigconsole.dashboards.error.title", "Error loading dashboards"),
-				description: U.message,
+				title: y("bigconsole.dashboards.error.title", "Error loading dashboards"),
+				description: z.message,
 				"data-testid": "dashboards-error",
-				actions: /* @__PURE__ */ O(S, {
+				actions: /* @__PURE__ */ D(x, {
 					size: "sm",
-					onClick: () => K(),
-					children: b("bigconsole.dashboards.error.retry", "Retry")
+					onClick: () => W(),
+					children: y("bigconsole.dashboards.error.retry", "Retry")
 				})
 			})
 		})]
 	});
-	let $ = J.length;
-	return /* @__PURE__ */ k("div", {
+	let Ze = X.length;
+	return /* @__PURE__ */ O("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			Ge,
-			/* @__PURE__ */ O("div", {
+			Xe,
+			/* @__PURE__ */ D("div", {
 				style: { padding: "var(--space-pagePadding)" },
-				children: /* @__PURE__ */ k(t, { children: [/* @__PURE__ */ O(e, {
+				children: /* @__PURE__ */ O(r, { children: [/* @__PURE__ */ D(n, {
 					emphasis: "muted",
 					padding: "compact",
-					"aria-label": b("bigconsole.dashboards.about", "About dashboards"),
-					children: /* @__PURE__ */ O(_e, {
+					"aria-label": y("bigconsole.dashboards.about", "About dashboards"),
+					children: /* @__PURE__ */ D(Ce, {
 						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__ */ k(e, {
+				}), /* @__PURE__ */ O(n, {
 					headingLevel: 2,
 					emphasis: "primary",
 					"data-testid": "dashboards-results",
-					title: b("bigconsole.dashboards.results.title", "Your dashboards"),
-					description: b("bigconsole.dashboards.results.description", "Open a board to view it, or use the card actions to edit, duplicate or delete."),
-					meta: /* @__PURE__ */ O(x, {
+					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, {
 						variant: "secondary",
-						"aria-label": b("bigconsole.dashboards.results.count", `${$} dashboards`),
-						children: $
+						"aria-label": y("bigconsole.dashboards.results.count", `${Ze} dashboards`),
+						children: Ze
 					}),
-					actions: /* @__PURE__ */ k("div", {
+					actions: /* @__PURE__ */ O("div", {
 						role: "group",
-						"aria-label": b("bigconsole.dashboards.view.label", "Result layout"),
+						"aria-label": y("bigconsole.dashboards.view.label", "Result layout"),
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -335,37 +314,37 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 							borderRadius: "var(--radius-button)",
 							backgroundColor: "var(--color-bg-sunken)"
 						},
-						children: [/* @__PURE__ */ O(S, {
-							variant: B === "grid" ? "default" : "ghost",
+						children: [/* @__PURE__ */ D(x, {
+							variant: I === "grid" ? "default" : "ghost",
 							size: "sm",
-							onClick: () => V("grid"),
-							"aria-label": b("bigconsole.dashboards.view.grid", "Grid view"),
-							"aria-pressed": B === "grid",
-							title: b("bigconsole.dashboards.view.grid", "Grid view"),
+							onClick: () => L("grid"),
+							"aria-label": y("bigconsole.dashboards.view.grid", "Grid view"),
+							"aria-pressed": I === "grid",
+							title: y("bigconsole.dashboards.view.grid", "Grid view"),
 							style: {
 								height: "var(--size-controlHeight-md)",
 								width: "var(--size-controlHeight-md)",
 								padding: 0,
 								borderRadius: "var(--radius-button)"
 							},
-							children: /* @__PURE__ */ O(se, { style: {
+							children: /* @__PURE__ */ D(he, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} })
-						}), /* @__PURE__ */ O(S, {
-							variant: B === "list" ? "default" : "ghost",
+						}), /* @__PURE__ */ D(x, {
+							variant: I === "list" ? "default" : "ghost",
 							size: "sm",
-							onClick: () => V("list"),
-							"aria-label": b("bigconsole.dashboards.view.list", "List view"),
-							"aria-pressed": B === "list",
-							title: b("bigconsole.dashboards.view.list", "List view"),
+							onClick: () => L("list"),
+							"aria-label": y("bigconsole.dashboards.view.list", "List view"),
+							"aria-pressed": I === "list",
+							title: y("bigconsole.dashboards.view.list", "List view"),
 							style: {
 								height: "var(--size-controlHeight-md)",
 								width: "var(--size-controlHeight-md)",
 								padding: 0,
 								borderRadius: "var(--radius-button)"
 							},
-							children: /* @__PURE__ */ O(ce, { style: {
+							children: /* @__PURE__ */ D(ge, { style: {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)"
 							} })
@@ -373,13 +352,13 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 					}),
 					bodyClassName: "flex flex-col gap-form-gap",
 					children: [
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ O("div", {
 							style: {
 								position: "relative",
 								width: "100%",
 								maxWidth: "420px"
 							},
-							children: [/* @__PURE__ */ O(de, {
+							children: [/* @__PURE__ */ D(_e, {
 								"aria-hidden": "true",
 								style: {
 									position: "absolute",
@@ -390,61 +369,61 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 									width: "var(--size-icon-sm)",
 									color: "var(--color-text-muted)"
 								}
-							}), /* @__PURE__ */ O(ge, {
+							}), /* @__PURE__ */ D(Se, {
 								type: "search",
-								"aria-label": b("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
-								placeholder: b("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
-								value: C,
-								onChange: (e) => E(e.target.value),
+								"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),
 								style: {
 									paddingLeft: "var(--size-controlHeight-md)",
 									height: "var(--size-controlHeight-md)"
 								}
 							})]
 						}),
-						H && W.length === 0 && /* @__PURE__ */ O("div", {
+						R && B.length === 0 && /* @__PURE__ */ D("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								justifyContent: "center",
 								padding: "80px 0"
 							},
-							children: /* @__PURE__ */ k("div", {
+							children: /* @__PURE__ */ O("div", {
 								style: { textAlign: "center" },
-								children: [/* @__PURE__ */ O(D, { style: {
+								children: [/* @__PURE__ */ D(E, { style: {
 									height: "var(--size-icon-xl)",
 									width: "var(--size-icon-xl)",
 									margin: "0 auto var(--space-formGap)"
-								} }), /* @__PURE__ */ O("p", {
+								} }), /* @__PURE__ */ D("p", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)"
 									},
-									children: b("bigconsole.dashboards.loading", "Loading dashboards...")
+									children: y("bigconsole.dashboards.loading", "Loading dashboards...")
 								})]
 							})
 						}),
-						!H && B === "grid" && J.length > 0 && /* @__PURE__ */ O("div", {
+						!R && I === "grid" && X.length > 0 && /* @__PURE__ */ D("div", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(320px, 100%), 1fr))",
 								gap: "var(--space-formGap)"
 							},
-							children: Z.map((e) => /* @__PURE__ */ O(w, {
-								onClick: () => Fe(e.id),
+							children: $.map((e) => /* @__PURE__ */ D(C, {
+								onClick: () => ze(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__ */ k(T, {
+								children: /* @__PURE__ */ O(w, {
 									style: { padding: "var(--space-cardPadding)" },
 									children: [
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ O("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
 												gap: "var(--space-controlGap)",
 												marginBottom: "var(--space-formGap)"
 											},
-											children: [/* @__PURE__ */ O("div", {
+											children: [/* @__PURE__ */ D("div", {
 												style: {
 													display: "flex",
 													height: "var(--size-controlHeight-lg)",
@@ -455,7 +434,7 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													borderRadius: "var(--radius-button)",
 													backgroundColor: "var(--color-bg-accentSubtle)"
 												},
-												children: /* @__PURE__ */ O(y, {
+												children: /* @__PURE__ */ D(g, {
 													"aria-hidden": "true",
 													style: {
 														height: "var(--size-icon-md)",
@@ -463,12 +442,12 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														color: "var(--color-action-primary-bg)"
 													}
 												})
-											}), /* @__PURE__ */ k("div", {
+											}), /* @__PURE__ */ O("div", {
 												style: {
 													flex: 1,
 													minWidth: 0
 												},
-												children: [/* @__PURE__ */ O("h3", {
+												children: [/* @__PURE__ */ D("h3", {
 													style: {
 														fontWeight: "var(--font-weight-bold)",
 														fontSize: "var(--font-size-body-md)",
@@ -479,7 +458,7 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														whiteSpace: "nowrap"
 													},
 													children: e.name
-												}), /* @__PURE__ */ k("div", {
+												}), /* @__PURE__ */ O("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
@@ -487,7 +466,7 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														flexWrap: "wrap",
 														marginTop: "var(--space-controlGap)"
 													},
-													children: [e.category && /* @__PURE__ */ O(x, {
+													children: [e.category && /* @__PURE__ */ D(b, {
 														variant: "secondary",
 														style: {
 															fontSize: "10px",
@@ -495,14 +474,14 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															textTransform: "uppercase"
 														},
 														children: e.category
-													}), e.status && /* @__PURE__ */ O(P, {
+													}), e.status && /* @__PURE__ */ D(s, {
 														status: e.status,
-														label: He(e.status)
+														label: qe(e.status)
 													})]
 												})]
 											})]
 										}),
-										/* @__PURE__ */ O("p", {
+										/* @__PURE__ */ D("p", {
 											style: {
 												fontSize: "var(--font-size-body-sm)",
 												lineHeight: "var(--font-lineHeight-normal)",
@@ -514,9 +493,9 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 												WebkitBoxOrient: "vertical",
 												overflow: "hidden"
 											},
-											children: e.description || b("bigconsole.dashboards.card.noDescription", "No description provided")
+											children: e.description || y("bigconsole.dashboards.card.noDescription", "No description provided")
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ O("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -527,72 +506,72 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 												borderRadius: "var(--radius-button)"
 											},
 											children: [
-												/* @__PURE__ */ k("div", {
+												/* @__PURE__ */ O("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ O(v, { style: {
+														/* @__PURE__ */ D(me, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
 														} }),
-														/* @__PURE__ */ O("span", {
+														/* @__PURE__ */ D("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: We(e)
+															children: Ye(e)
 														}),
-														/* @__PURE__ */ O("span", {
+														/* @__PURE__ */ D("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																color: "var(--color-text-muted)"
 															},
-															children: b("bigconsole.dashboards.card.pages", "pages")
+															children: y("bigconsole.dashboards.card.pages", "pages")
 														})
 													]
 												}),
-												/* @__PURE__ */ O("div", { style: {
+												/* @__PURE__ */ D("div", { style: {
 													width: "1px",
 													height: "var(--size-icon-sm)",
 													backgroundColor: "var(--color-border-subtle)"
 												} }),
-												/* @__PURE__ */ k("div", {
+												/* @__PURE__ */ O("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ O(_, { style: {
+														/* @__PURE__ */ D(pe, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
 														} }),
-														/* @__PURE__ */ O("span", {
+														/* @__PURE__ */ D("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: Ue(e)
+															children: Je(e)
 														}),
-														/* @__PURE__ */ O("span", {
+														/* @__PURE__ */ D("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																color: "var(--color-text-muted)"
 															},
-															children: b("bigconsole.dashboards.card.widgets", "widgets")
+															children: y("bigconsole.dashboards.card.widgets", "widgets")
 														})
 													]
 												})
 											]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ O("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -602,78 +581,78 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 												paddingTop: "var(--space-controlGap)",
 												borderTop: "1px solid var(--color-border-subtle)"
 											},
-											children: [/* @__PURE__ */ k("div", {
+											children: [/* @__PURE__ */ O("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-iconGap)"
 												},
-												children: [/* @__PURE__ */ O(h, { style: {
+												children: [/* @__PURE__ */ D(le, { style: {
 													height: "var(--size-icon-sm)",
 													width: "var(--size-icon-sm)",
 													color: "var(--color-text-muted)"
-												} }), /* @__PURE__ */ O("span", {
+												} }), /* @__PURE__ */ D("span", {
 													style: {
 														fontSize: "var(--font-size-body-sm)",
 														fontWeight: "var(--font-weight-medium)",
 														color: "var(--color-text-muted)"
 													},
-													children: Ve(e.updatedAt)
+													children: Ke(e.updatedAt)
 												})]
-											}), /* @__PURE__ */ k("div", {
+											}), /* @__PURE__ */ O("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-controlGap)"
 												},
 												children: [
-													/* @__PURE__ */ O(m, {
+													/* @__PURE__ */ D(h, {
 														permission: a.DASHBOARD_UPDATE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ O(S, {
+														children: /* @__PURE__ */ D(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Q(e.id, t),
+															onClick: (t) => Be(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
 																padding: 0,
 																borderRadius: "var(--radius-button)"
 															},
-															title: b("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-															children: /* @__PURE__ */ O(le, { style: {
+															title: y("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
+															children: /* @__PURE__ */ D(_, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ O(m, {
+													/* @__PURE__ */ D(h, {
 														permission: a.DASHBOARD_CREATE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ O(S, {
+														children: /* @__PURE__ */ D(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Le(e.id, e.name, t),
+															onClick: (t) => He(e.id, e.name, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
 																padding: 0,
 																borderRadius: "var(--radius-button)"
 															},
-															title: b("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-															children: /* @__PURE__ */ O(g, { style: {
+															title: y("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
+															children: /* @__PURE__ */ D(fe, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ O(m, {
+													/* @__PURE__ */ D(h, {
 														permission: a.DASHBOARD_DELETE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ O(S, {
+														children: /* @__PURE__ */ D(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Ie(e.id, t),
+															onClick: (t) => Ve(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -681,8 +660,8 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																borderRadius: "var(--radius-button)"
 															},
 															className: "hover:text-status-error-text hover:bg-status-error-bg/10",
-															title: b("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-															children: /* @__PURE__ */ O(fe, { style: {
+															title: y("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
+															children: /* @__PURE__ */ D(ve, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
@@ -695,19 +674,19 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								})
 							}, e.id))
 						}),
-						!H && B === "list" && J.length > 0 && /* @__PURE__ */ O("div", {
+						!R && I === "list" && X.length > 0 && /* @__PURE__ */ D("div", {
 							style: {
 								display: "flex",
 								flexDirection: "column",
 								gap: "var(--space-controlGap)"
 							},
-							children: Z.map((e) => /* @__PURE__ */ O(w, {
-								onClick: () => Fe(e.id),
+							children: $.map((e) => /* @__PURE__ */ D(C, {
+								onClick: () => ze(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(T, {
+								children: /* @__PURE__ */ D(w, {
 									style: { padding: "var(--space-cardPadding)" },
-									children: /* @__PURE__ */ k("div", {
+									children: /* @__PURE__ */ O("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
@@ -715,7 +694,7 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 											flexWrap: "wrap"
 										},
 										children: [
-											/* @__PURE__ */ O("div", {
+											/* @__PURE__ */ D("div", {
 												style: {
 													display: "flex",
 													height: "var(--size-controlHeight-lg)",
@@ -726,7 +705,7 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													borderRadius: "var(--radius-button)",
 													backgroundColor: "var(--color-bg-accentSubtle)"
 												},
-												children: /* @__PURE__ */ O(y, {
+												children: /* @__PURE__ */ D(g, {
 													"aria-hidden": "true",
 													style: {
 														height: "var(--size-icon-md)",
@@ -735,12 +714,12 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													}
 												})
 											}),
-											/* @__PURE__ */ k("div", {
+											/* @__PURE__ */ O("div", {
 												style: {
 													flex: "1 1 12rem",
 													minWidth: 0
 												},
-												children: [/* @__PURE__ */ k("div", {
+												children: [/* @__PURE__ */ O("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
@@ -748,7 +727,7 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														flexWrap: "wrap"
 													},
 													children: [
-														/* @__PURE__ */ O("h3", {
+														/* @__PURE__ */ D("h3", {
 															style: {
 																fontWeight: "var(--font-weight-bold)",
 																fontSize: "var(--font-size-body-md)",
@@ -761,7 +740,7 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															},
 															children: e.name
 														}),
-														e.category && /* @__PURE__ */ O(x, {
+														e.category && /* @__PURE__ */ D(b, {
 															variant: "secondary",
 															style: {
 																fontSize: "10px",
@@ -770,12 +749,12 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 															},
 															children: e.category
 														}),
-														e.status && /* @__PURE__ */ O(P, {
+														e.status && /* @__PURE__ */ D(s, {
 															status: e.status,
-															label: He(e.status)
+															label: qe(e.status)
 														})
 													]
-												}), /* @__PURE__ */ O("p", {
+												}), /* @__PURE__ */ D("p", {
 													style: {
 														fontSize: "var(--font-size-body-sm)",
 														lineHeight: "var(--font-lineHeight-normal)",
@@ -785,10 +764,10 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 														textOverflow: "ellipsis",
 														whiteSpace: "nowrap"
 													},
-													children: e.description || b("bigconsole.dashboards.card.noDescription", "No description provided")
+													children: e.description || y("bigconsole.dashboards.card.noDescription", "No description provided")
 												})]
 											}),
-											/* @__PURE__ */ k("div", {
+											/* @__PURE__ */ O("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
@@ -796,139 +775,139 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 													flexWrap: "wrap"
 												},
 												children: [
-													/* @__PURE__ */ k("div", {
+													/* @__PURE__ */ O("div", {
 														style: {
 															display: "flex",
 															alignItems: "center",
 															gap: "var(--space-iconGap)"
 														},
 														children: [
-															/* @__PURE__ */ O(v, { style: {
+															/* @__PURE__ */ D(me, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)",
 																color: "var(--color-action-primary-bg)"
 															} }),
-															/* @__PURE__ */ O("span", {
+															/* @__PURE__ */ D("span", {
 																style: {
 																	fontSize: "var(--font-size-body-sm)",
 																	fontWeight: "var(--font-weight-semibold)",
 																	color: "var(--color-text-primary)"
 																},
-																children: We(e)
+																children: Ye(e)
 															}),
-															/* @__PURE__ */ O("span", {
+															/* @__PURE__ */ D("span", {
 																style: {
 																	fontSize: "var(--font-size-body-sm)",
 																	color: "var(--color-text-muted)"
 																},
-																children: b("bigconsole.dashboards.card.pages", "pages")
+																children: y("bigconsole.dashboards.card.pages", "pages")
 															})
 														]
 													}),
-													/* @__PURE__ */ k("div", {
+													/* @__PURE__ */ O("div", {
 														style: {
 															display: "flex",
 															alignItems: "center",
 															gap: "var(--space-iconGap)"
 														},
 														children: [
-															/* @__PURE__ */ O(_, { style: {
+															/* @__PURE__ */ D(pe, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)",
 																color: "var(--color-action-primary-bg)"
 															} }),
-															/* @__PURE__ */ O("span", {
+															/* @__PURE__ */ D("span", {
 																style: {
 																	fontSize: "var(--font-size-body-sm)",
 																	fontWeight: "var(--font-weight-semibold)",
 																	color: "var(--color-text-primary)"
 																},
-																children: Ue(e)
+																children: Je(e)
 															}),
-															/* @__PURE__ */ O("span", {
+															/* @__PURE__ */ D("span", {
 																style: {
 																	fontSize: "var(--font-size-body-sm)",
 																	color: "var(--color-text-muted)"
 																},
-																children: b("bigconsole.dashboards.card.widgets", "widgets")
+																children: y("bigconsole.dashboards.card.widgets", "widgets")
 															})
 														]
 													}),
-													/* @__PURE__ */ k("div", {
+													/* @__PURE__ */ O("div", {
 														style: {
 															display: "flex",
 															alignItems: "center",
 															gap: "var(--space-iconGap)"
 														},
-														children: [/* @__PURE__ */ O(h, { style: {
+														children: [/* @__PURE__ */ D(le, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-text-muted)"
-														} }), /* @__PURE__ */ O("span", {
+														} }), /* @__PURE__ */ D("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																fontWeight: "var(--font-weight-medium)",
 																color: "var(--color-text-muted)"
 															},
-															children: Ve(e.updatedAt)
+															children: Ke(e.updatedAt)
 														})]
 													})
 												]
 											}),
-											/* @__PURE__ */ k("div", {
+											/* @__PURE__ */ O("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-controlGap)"
 												},
 												children: [
-													/* @__PURE__ */ O(m, {
+													/* @__PURE__ */ D(h, {
 														permission: a.DASHBOARD_UPDATE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ O(S, {
+														children: /* @__PURE__ */ D(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Q(e.id, t),
+															onClick: (t) => Be(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
 																padding: 0,
 																borderRadius: "var(--radius-button)"
 															},
-															title: b("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-															children: /* @__PURE__ */ O(le, { style: {
+															title: y("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
+															children: /* @__PURE__ */ D(_, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ O(m, {
+													/* @__PURE__ */ D(h, {
 														permission: a.DASHBOARD_CREATE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ O(S, {
+														children: /* @__PURE__ */ D(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Le(e.id, e.name, t),
+															onClick: (t) => He(e.id, e.name, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
 																padding: 0,
 																borderRadius: "var(--radius-button)"
 															},
-															title: b("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-															children: /* @__PURE__ */ O(g, { style: {
+															title: y("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
+															children: /* @__PURE__ */ D(fe, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
 														})
 													}),
-													/* @__PURE__ */ O(m, {
+													/* @__PURE__ */ D(h, {
 														permission: a.DASHBOARD_DELETE,
 														deniedBehavior: "hide",
-														children: /* @__PURE__ */ O(S, {
+														children: /* @__PURE__ */ D(x, {
 															variant: "ghost",
 															size: "sm",
-															onClick: (t) => Ie(e.id, t),
+															onClick: (t) => Ve(e.id, t),
 															style: {
 																height: "var(--size-controlHeight-md)",
 																width: "var(--size-controlHeight-md)",
@@ -936,8 +915,8 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 																borderRadius: "var(--radius-button)"
 															},
 															className: "hover:text-status-error-text hover:bg-status-error-bg/10",
-															title: b("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-															children: /* @__PURE__ */ O(fe, { style: {
+															title: y("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
+															children: /* @__PURE__ */ D(ve, { style: {
 																height: "var(--size-icon-sm)",
 																width: "var(--size-icon-sm)"
 															} })
@@ -950,56 +929,56 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 								})
 							}, e.id))
 						}),
-						!H && J.length > 0 && /* @__PURE__ */ O("p", {
+						!R && X.length > 0 && /* @__PURE__ */ D("p", {
 							"data-testid": "dashboards-range",
 							style: {
 								margin: 0,
 								fontSize: "var(--font-size-body-sm)",
 								color: "var(--color-text-muted)"
 							},
-							children: b("bigconsole.dashboards.pagination.range", "Showing {{from}}–{{to}} of {{total}} dashboards", {
-								from: X + 1,
-								to: X + Z.length,
-								total: J.length
+							children: y("bigconsole.dashboards.pagination.range", "Showing {{from}}–{{to}} of {{total}} dashboards", {
+								from: Q + 1,
+								to: Q + $.length,
+								total: X.length
 							})
 						}),
-						!H && J.length > j && /* @__PURE__ */ k("nav", {
-							"aria-label": b("bigconsole.dashboards.pagination.label", "Dashboard pages"),
+						!R && X.length > k && /* @__PURE__ */ O("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__ */ k(S, {
+								/* @__PURE__ */ O(x, {
 									variant: "outline",
 									size: "sm",
-									onClick: Oe,
-									disabled: M <= 1,
-									"aria-label": b("bigconsole.dashboards.pagination.previous", "Previous"),
+									onClick: Me,
+									disabled: A <= 1,
+									"aria-label": y("bigconsole.dashboards.pagination.previous", "Previous"),
 									style: { minHeight: "var(--size-controlHeight-md)" },
-									children: [/* @__PURE__ */ O(ae, { style: {
+									children: [/* @__PURE__ */ D(ue, { style: {
 										marginRight: "var(--space-iconGap)",
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
-									} }), b("bigconsole.dashboards.pagination.previous", "Previous")]
+									} }), y("bigconsole.dashboards.pagination.previous", "Previous")]
 								}),
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ D("div", {
 									style: {
 										display: "flex",
 										alignItems: "center",
 										gap: "var(--space-iconGap)",
 										flexWrap: "wrap"
 									},
-									children: ve(M, Y).map((e, t) => e === null ? /* @__PURE__ */ O("span", {
+									children: Te(A, Z).map((e, t) => e === null ? /* @__PURE__ */ D("span", {
 										"aria-hidden": "true",
 										style: {
 											color: "var(--color-text-muted)",
 											padding: "0 var(--space-iconGap)"
 										},
 										children: "…"
-									}, `gap-${t}`) : /* @__PURE__ */ O(S, {
-										variant: e === M ? "default" : "ghost",
+									}, `gap-${t}`) : /* @__PURE__ */ D(x, {
+										variant: e === A ? "default" : "ghost",
 										size: "sm",
-										onClick: () => Ae(e),
-										"aria-current": e === M ? "page" : void 0,
-										"aria-label": b("bigconsole.dashboards.pagination.page", `Page ${e}`),
+										onClick: () => Pe(e),
+										"aria-current": e === A ? "page" : void 0,
+										"aria-label": y("bigconsole.dashboards.pagination.page", `Page ${e}`),
 										style: {
 											minWidth: "var(--size-controlHeight-md)",
 											height: "var(--size-controlHeight-md)",
@@ -1009,67 +988,67 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 										children: e
 									}, e))
 								}),
-								/* @__PURE__ */ k(S, {
+								/* @__PURE__ */ O(x, {
 									variant: "outline",
 									size: "sm",
-									onClick: ke,
-									disabled: M >= Y,
-									"aria-label": b("bigconsole.dashboards.pagination.next", "Next"),
+									onClick: Ne,
+									disabled: A >= Z,
+									"aria-label": y("bigconsole.dashboards.pagination.next", "Next"),
 									style: { minHeight: "var(--size-controlHeight-md)" },
-									children: [b("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ O(oe, { style: {
+									children: [y("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ D(de, { style: {
 										marginLeft: "var(--space-iconGap)",
 										height: "var(--size-icon-sm)",
 										width: "var(--size-icon-sm)"
 									} })]
 								}),
-								/* @__PURE__ */ O("span", {
+								/* @__PURE__ */ D("span", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)"
 									},
-									children: b("bigconsole.dashboards.pagination.pageOf", "Page {{currentPage}} of {{totalPages}}", {
-										currentPage: M,
-										totalPages: Y
+									children: y("bigconsole.dashboards.pagination.pageOf", "Page {{currentPage}} of {{totalPages}}", {
+										currentPage: A,
+										totalPages: Z
 									})
 								})
 							]
 						}),
-						!H && J.length === 0 && /* @__PURE__ */ O(me, {
+						!R && X.length === 0 && /* @__PURE__ */ D(be, {
 							treatment: "insight",
 							className: "border-[var(--color-border-seam)]",
-							children: /* @__PURE__ */ O(he, {
-								illustration: C ? "empty-search" : "empty-data",
-								title: C ? b("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : b("bigconsole.dashboards.empty.title", "No dashboards yet"),
-								description: C ? b("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : b("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data"),
-								action: C ? void 0 : /* @__PURE__ */ k("div", {
+							children: /* @__PURE__ */ D(xe, {
+								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", {
 									style: {
 										display: "flex",
 										gap: "var(--space-controlGap)",
 										flexWrap: "wrap",
 										justifyContent: "center"
 									},
-									children: [/* @__PURE__ */ O(m, {
+									children: [/* @__PURE__ */ D(h, {
 										permission: a.DASHBOARD_CREATE,
 										deniedBehavior: "hide",
-										children: /* @__PURE__ */ k(S, {
-											onClick: je,
-											children: [/* @__PURE__ */ O(ue, { style: {
+										children: /* @__PURE__ */ O(x, {
+											onClick: Fe,
+											children: [/* @__PURE__ */ D(v, { style: {
 												marginRight: "var(--space-iconGap)",
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)"
-											} }), b("bigconsole.dashboards.actions.create", "Create Dashboard")]
+											} }), y("bigconsole.dashboards.actions.create", "Create Dashboard")]
 										})
-									}), /* @__PURE__ */ O(m, {
+									}), /* @__PURE__ */ D(h, {
 										permission: a.DASHBOARD_IMPORT,
 										deniedBehavior: "hide",
-										children: /* @__PURE__ */ k(S, {
+										children: /* @__PURE__ */ O(x, {
 											variant: "outline",
-											onClick: Re,
-											children: [/* @__PURE__ */ O(pe, { style: {
+											onClick: Ue,
+											children: [/* @__PURE__ */ D(ye, { style: {
 												marginRight: "var(--space-iconGap)",
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)"
-											} }), b("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
+											} }), y("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
 										})
 									})]
 								})
@@ -1078,22 +1057,22 @@ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
 					]
 				})] })
 			}),
-			/* @__PURE__ */ O(o, {
-				isOpen: F,
-				isCreating: L,
-				onClose: Ne,
-				onCreate: Pe,
-				onTemplateInstalled: Me
+			/* @__PURE__ */ D(ee, {
+				isOpen: De,
+				isCreating: N,
+				onClose: Le,
+				onCreate: Re,
+				onTemplateInstalled: Ie
 			}),
-			/* @__PURE__ */ O(te, {
-				isOpen: be,
-				onClose: ze,
-				onSuccess: Be
+			/* @__PURE__ */ D(re, {
+				isOpen: Oe,
+				onClose: We,
+				onSuccess: Ge
 			})
 		]
 	});
 });
 //#endregion
-export { F as DashboardsPage, F as default };
+export { j as DashboardsPage, j as default };
 
 //# sourceMappingURL=DashboardsPage.js.map