@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

package/dist/bigconsole/pages/DashboardsPage.js

@@ -10,70 +10,70 @@ import { isNative as o, nativeConfirm as ee, nativeImpact as s, nativeNotify as
 import { memo as l, useCallback as u, useEffect as d, useState as f } from "react";
 import { AccessDenied as te, PermissionButton as p } from "@burdenoff/fe-libs/shared/components";
 import { usePermissions as ne } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Calendar as m, ChevronLeft as re, ChevronRight as ie, Copy as h, FileText as g, Layers as _, LayoutDashboard as v, LayoutGrid as ae, List as oe, Pencil as y, Plus as b, Search as se, Trash2 as x, Upload as S } from "lucide-react";
-import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AuroraBackground as le, Badge as C, Button as w, CTAOverflowMenu as ue, Card as T, CardContent as E, GlassCard as de, GradientText as fe, IllustratedEmptyState as pe, Input as me, PagePurpose as he, Spinner as D } from "@burdenoff/fe-libs/ui";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Calendar as m, ChevronLeft as re, ChevronRight as ie, Copy as h, FileText as ae, Layers as g, LayoutDashboard as _, LayoutGrid as oe, List as se, Pencil as v, Plus as y, Search as ce, Trash2 as b, Upload as x } from "lucide-react";
+import { useI18n as le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AuroraBackground as ue, Badge as S, Button as C, CTAOverflowMenu as de, Card as w, CardContent as T, GlassCard as fe, GradientText as pe, IllustratedEmptyState as me, Input as he, PagePurpose as ge, 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 = l(function() {
-	let l = e(), { t: M } = ce(), N = u((e, t) => {
-		let n = M(e);
+var k = "bf-bigconsole-dashboards-view", A = 12, j = l(function() {
+	let l = e(), { t: j } = le(), M = u((e, t) => {
+		let n = j(e);
 		return n === e ? t : n;
-	}, [M]), [P, ge] = f(""), [F, I] = f(1), [_e, L] = f(!1), [R, z] = f(!1), [ve, B] = f(!1), [V, ye] = f(() => {
+	}, [j]), [N, _e] = f(""), [P, F] = f(1), [ve, I] = f(!1), [L, R] = f(!1), [ye, z] = f(!1), [B, be] = f(() => {
 		try {
-			return window.localStorage.getItem(A) === "list" ? "list" : "grid";
+			return window.localStorage.getItem(k) === "list" ? "list" : "grid";
 		} catch {
 			return "grid";
 		}
-	}), H = u((e) => {
-		ye(e);
+	}), V = u((e) => {
+		be(e);
 		try {
-			window.localStorage.setItem(A, e);
+			window.localStorage.setItem(k, e);
 		} catch {}
-	}, []), { loading: U, error: W, dashboards: G, createDashboard: K, deleteDashboard: q, cloneDashboard: J, refetch: Y } = n(), { hasPermission: X, isLoading: be } = ne(), xe = X(r.DASHBOARD_READ), Se = X(r.DASHBOARD_CREATE), Ce = X(r.DASHBOARD_IMPORT), Z = G.filter((e) => e.name.toLowerCase().includes(P.toLowerCase()) || e.description?.toLowerCase().includes(P.toLowerCase())), Q = Math.max(1, Math.ceil(Z.length / j)), $ = (F - 1) * j, we = Z.slice($, $ + j);
+	}, []), { loading: H, error: U, dashboards: W, createDashboard: G, deleteDashboard: K, cloneDashboard: q, refetch: J } = n(), { hasPermission: Y, isLoading: xe } = ne(), Se = Y(r.DASHBOARD_READ), Ce = Y(r.DASHBOARD_CREATE), we = Y(r.DASHBOARD_IMPORT), X = W.filter((e) => e.name.toLowerCase().includes(N.toLowerCase()) || e.description?.toLowerCase().includes(N.toLowerCase())), Z = Math.max(1, Math.ceil(X.length / A)), Q = (P - 1) * A, $ = X.slice(Q, Q + A);
 	d(() => {
-		I(1);
-	}, [P, V]), d(() => {
-		F > Q && I(Q);
-	}, [F, Q]);
+		F(1);
+	}, [N, B]), d(() => {
+		P > Z && F(Z);
+	}, [P, Z]);
 	let Te = u(() => {
-		I((e) => Math.max(1, e - 1));
+		F((e) => Math.max(1, e - 1));
 	}, []), Ee = u(() => {
-		I((e) => Math.min(Q, e + 1));
-	}, [Q]), De = u((e) => {
-		I(e);
+		F((e) => Math.min(Z, e + 1));
+	}, [Z]), De = u((e) => {
+		F(e);
 	}, []), Oe = u(() => {
-		L(!0);
+		I(!0);
 	}, []), ke = u(({ dashboardId: e }) => {
-		Y(), l(`/dashboards/${e}`);
-	}, [Y, l]), Ae = u(() => {
-		R || L(!1);
-	}, [R]), je = u(async (e) => {
-		z(!0);
+		J(), l(`/dashboards/${e}`);
+	}, [J, l]), Ae = u(() => {
+		L || I(!1);
+	}, [L]), je = u(async (e) => {
+		R(!0);
 		try {
-			let t = await K({
+			let t = await G({
 				name: e.name,
 				description: e.description,
 				category: e.category,
 				tags: e.tags
 			});
-			t && (L(!1), l(`/dashboards/${t.id}/builder`));
+			t && (I(!1), l(`/dashboards/${t.id}/builder`));
 		} catch (e) {
 			if (t(e, "project")) {
-				L(!1);
+				I(!1);
 				return;
 			}
 			throw console.error("Failed to create dashboard:", e), o() && c("error"), e;
 		} finally {
-			z(!1);
+			R(!1);
 		}
-	}, [K, l]), Me = u((e) => {
+	}, [G, l]), Me = u((e) => {
 		l(`/dashboards/${e}`);
 	}, [l]), Ne = u((e, t) => {
 		t.stopPropagation(), l(`/dashboards/${e}/builder`);
 	}, [l]), Pe = u(async (e, t) => {
 		t.stopPropagation();
-		let n = N("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await ee({
+		let n = M("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await ee({
 			title: "Delete dashboard?",
 			message: n,
 			okButtonTitle: "Delete",
@@ -82,18 +82,18 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 		if (r === null ? window.confirm(n) : r) {
 			s("medium");
 			try {
-				await q(e), o() && c("success");
+				await K(e), o() && c("success");
 			} catch (e) {
 				throw o() && c("error"), e;
 			}
 		}
-	}, [q, N]), Fe = u(async (e, n, r) => {
+	}, [K, M]), Fe = u(async (e, n, r) => {
 		r.stopPropagation();
-		let i = N("bigconsole.dashboards.clone.defaultSuffix", `${n} (Copy)`), a = window.prompt(N("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), i);
+		let i = j("bigconsole.dashboards.clone.defaultSuffix", "{{sourceName}} (Copy)", { sourceName: n }), a = window.prompt(M("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), i);
 		if (!(!a || !a.trim())) {
 			s("medium");
 			try {
-				let t = await J(e, a.trim());
+				let t = await q(e, a.trim());
 				t && (o() && c("success"), l(`/dashboards/${t.id}`));
 			} catch (e) {
 				if (t(e, "project")) return;
@@ -101,80 +101,81 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 			}
 		}
 	}, [
-		J,
+		q,
 		l,
-		N
+		M,
+		j
 	]), Ie = u(() => {
-		B(!0);
+		z(!0);
 	}, []), Le = u(() => {
-		B(!1);
+		z(!1);
 	}, []), Re = u((e, t) => {
-		Y();
-	}, [Y]), ze = (e) => {
+		J();
+	}, [J]), ze = (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 ? N("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${N("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${N("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${N("bigconsole.dashboards.time.daysAgoSuffix", "d ago")}` : new Intl.DateTimeFormat("en-US", {
+		return i < 1 ? M("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${M("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${M("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${M("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);
 	}, Be = (e) => e.widgetCount ?? 0, Ve = (e) => e.pageCount || 0;
-	return W ? /* @__PURE__ */ O("div", {
+	return U ? /* @__PURE__ */ D("div", {
 		style: { padding: "var(--space-pagePadding)" },
-		children: /* @__PURE__ */ O(T, {
+		children: /* @__PURE__ */ D(w, {
 			style: {
 				borderColor: "var(--color-status-error-border)",
 				backgroundColor: "var(--color-status-error-bgSubtle)"
 			},
-			children: /* @__PURE__ */ k(E, {
+			children: /* @__PURE__ */ O(T, {
 				style: { padding: "var(--space-pagePadding)" },
 				children: [
-					/* @__PURE__ */ O("h3", {
+					/* @__PURE__ */ D("h3", {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							fontWeight: "var(--font-weight-medium)",
 							color: "var(--color-status-error-text)"
 						},
-						children: N("bigconsole.dashboards.error.title", "Error loading dashboards")
+						children: M("bigconsole.dashboards.error.title", "Error loading dashboards")
 					}),
-					/* @__PURE__ */ O("p", {
+					/* @__PURE__ */ D("p", {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							color: "var(--color-text-secondary)",
 							marginTop: "var(--space-controlGap)"
 						},
-						children: W.message
+						children: U.message
 					}),
-					/* @__PURE__ */ O(w, {
+					/* @__PURE__ */ D(C, {
 						size: "sm",
-						onClick: () => Y(),
+						onClick: () => J(),
 						style: { marginTop: "var(--space-formGap)" },
-						children: N("bigconsole.dashboards.error.retry", "Retry")
+						children: M("bigconsole.dashboards.error.retry", "Retry")
 					})
 				]
 			})
 		})
-	}) : be ? /* @__PURE__ */ O("div", {
+	}) : xe ? /* @__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)"
 		} })
-	}) : xe ? /* @__PURE__ */ k("div", {
+	}) : Se ? /* @__PURE__ */ O("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ O("div", {
 				className: "relative overflow-hidden border-b border-border-seam bg-gloss-card",
-				children: [/* @__PURE__ */ O(le, { intensity: "subtle" }), /* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ D(ue, { intensity: "subtle" }), /* @__PURE__ */ D("div", {
 					style: { padding: "var(--space-pagePadding)" },
-					children: /* @__PURE__ */ k("div", {
+					children: /* @__PURE__ */ O("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -182,14 +183,14 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 							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)",
@@ -199,43 +200,43 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 									borderRadius: "var(--radius-card)",
 									backgroundColor: "var(--color-action-primary-bg)"
 								},
-								children: /* @__PURE__ */ O(v, { style: {
+								children: /* @__PURE__ */ D(_, { style: {
 									height: "var(--size-icon-lg)",
 									width: "var(--size-icon-lg)",
 									color: "var(--color-action-primary-text)"
 								} })
-							}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h1", {
+							}), /* @__PURE__ */ O("div", { 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(fe, { children: N("bigconsole.dashboards.title", "Dashboards") })
-							}), /* @__PURE__ */ O("p", {
+								children: /* @__PURE__ */ D(pe, { children: M("bigconsole.dashboards.title", "Dashboards") })
+							}), /* @__PURE__ */ D("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-secondary)",
 									margin: 0
 								},
-								children: N("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards")
+								children: M("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards")
 							})] })]
-						}), /* @__PURE__ */ O(ue, {
+						}), /* @__PURE__ */ D(de, {
 							primary: {
-								label: N("bigconsole.dashboards.actions.create", "Create Dashboard"),
+								label: M("bigconsole.dashboards.actions.create", "Create Dashboard"),
 								onSelect: Oe,
-								disabled: !Se,
-								icon: /* @__PURE__ */ O(b, { style: {
+								disabled: !Ce,
+								icon: /* @__PURE__ */ D(y, { style: {
 									marginRight: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
 							},
 							actions: [{
-								label: N("bigconsole.dashboards.actions.import", "Import"),
+								label: M("bigconsole.dashboards.actions.import", "Import"),
 								onSelect: Ie,
-								disabled: !Ce,
-								icon: /* @__PURE__ */ O(S, { style: {
+								disabled: !we,
+								icon: /* @__PURE__ */ D(x, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
@@ -244,14 +245,14 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ O("div", {
 				style: { padding: "var(--space-pagePadding)" },
 				children: [
-					/* @__PURE__ */ O(he, {
+					/* @__PURE__ */ D(ge, {
 						className: "mb-[var(--space-sectionGap)]",
 						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("div", {
+					/* @__PURE__ */ O("div", {
 						style: {
 							marginBottom: "var(--space-sectionGap)",
 							display: "flex",
@@ -260,14 +261,14 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 							flexWrap: "wrap",
 							gap: "var(--space-formGap)"
 						},
-						children: [/* @__PURE__ */ k("div", {
+						children: [/* @__PURE__ */ O("div", {
 							style: {
 								position: "relative",
 								flex: 1,
 								minWidth: 0,
 								maxWidth: "400px"
 							},
-							children: [/* @__PURE__ */ O(se, { style: {
+							children: [/* @__PURE__ */ D(ce, { style: {
 								position: "absolute",
 								left: "var(--space-controlGap)",
 								top: "50%",
@@ -275,17 +276,17 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)",
 								color: "var(--color-text-muted)"
-							} }), /* @__PURE__ */ O(me, {
+							} }), /* @__PURE__ */ D(he, {
 								type: "text",
-								placeholder: N("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
-								value: P,
-								onChange: (e) => ge(e.target.value),
+								placeholder: M("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
+								value: N,
+								onChange: (e) => _e(e.target.value),
 								style: {
 									paddingLeft: "var(--size-controlHeight-md)",
 									height: "var(--size-controlHeight-md)"
 								}
 							})]
-						}), /* @__PURE__ */ k("div", {
+						}), /* @__PURE__ */ O("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -294,89 +295,89 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 								borderRadius: "var(--radius-button)",
 								backgroundColor: "var(--color-bg-sunken)"
 							},
-							children: [/* @__PURE__ */ O(w, {
-								variant: V === "grid" ? "default" : "ghost",
+							children: [/* @__PURE__ */ D(C, {
+								variant: B === "grid" ? "default" : "ghost",
 								size: "sm",
-								onClick: () => H("grid"),
-								"aria-label": N("bigconsole.dashboards.view.grid", "Grid view"),
-								"aria-pressed": V === "grid",
-								title: N("bigconsole.dashboards.view.grid", "Grid view"),
+								onClick: () => V("grid"),
+								"aria-label": M("bigconsole.dashboards.view.grid", "Grid view"),
+								"aria-pressed": B === "grid",
+								title: M("bigconsole.dashboards.view.grid", "Grid view"),
 								style: {
 									height: "var(--size-controlHeight-sm)",
 									width: "var(--size-controlHeight-sm)",
 									padding: 0,
 									borderRadius: "var(--radius-button)"
 								},
-								children: /* @__PURE__ */ O(ae, { style: {
+								children: /* @__PURE__ */ D(oe, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
-							}), /* @__PURE__ */ O(w, {
-								variant: V === "list" ? "default" : "ghost",
+							}), /* @__PURE__ */ D(C, {
+								variant: B === "list" ? "default" : "ghost",
 								size: "sm",
-								onClick: () => H("list"),
-								"aria-label": N("bigconsole.dashboards.view.list", "List view"),
-								"aria-pressed": V === "list",
-								title: N("bigconsole.dashboards.view.list", "List view"),
+								onClick: () => V("list"),
+								"aria-label": M("bigconsole.dashboards.view.list", "List view"),
+								"aria-pressed": B === "list",
+								title: M("bigconsole.dashboards.view.list", "List view"),
 								style: {
 									height: "var(--size-controlHeight-sm)",
 									width: "var(--size-controlHeight-sm)",
 									padding: 0,
 									borderRadius: "var(--radius-button)"
 								},
-								children: /* @__PURE__ */ O(oe, { style: {
+								children: /* @__PURE__ */ D(se, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
 							})]
 						})]
 					}),
-					U && G.length === 0 && /* @__PURE__ */ O("div", {
+					H && W.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: N("bigconsole.dashboards.loading", "Loading dashboards...")
+								children: M("bigconsole.dashboards.loading", "Loading dashboards...")
 							})]
 						})
 					}),
-					!U && V === "grid" && Z.length > 0 && /* @__PURE__ */ O("div", {
+					!H && B === "grid" && X.length > 0 && /* @__PURE__ */ D("div", {
 						style: {
 							display: "grid",
 							gridTemplateColumns: "repeat(auto-fill, minmax(min(320px, 100%), 1fr))",
 							gap: "var(--space-formGap)"
 						},
-						children: we.map((e) => /* @__PURE__ */ O(T, {
+						children: $.map((e) => /* @__PURE__ */ D(w, {
 							onClick: () => Me(e.id),
 							style: {
 								cursor: "pointer",
 								transition: "all 0.2s ease"
 							},
 							className: "hover:shadow-md hover:border-primary/50",
-							children: /* @__PURE__ */ k(E, {
+							children: /* @__PURE__ */ O(T, {
 								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)",
@@ -387,17 +388,17 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 												borderRadius: "var(--radius-button)",
 												backgroundColor: "var(--color-action-primary-bg)"
 											},
-											children: /* @__PURE__ */ O(v, { style: {
+											children: /* @__PURE__ */ D(_, { style: {
 												height: "var(--size-icon-md)",
 												width: "var(--size-icon-md)",
 												color: "var(--color-action-primary-text)"
 											} })
-										}), /* @__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)",
@@ -408,7 +409,7 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 													whiteSpace: "nowrap"
 												},
 												children: e.name
-											}), e.category && /* @__PURE__ */ O(C, {
+											}), e.category && /* @__PURE__ */ D(S, {
 												variant: "secondary",
 												style: {
 													marginTop: "var(--space-controlGap)",
@@ -420,7 +421,7 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 											})]
 										})]
 									}),
-									/* @__PURE__ */ O("p", {
+									/* @__PURE__ */ D("p", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											lineHeight: "var(--font-lineHeight-normal)",
@@ -432,9 +433,9 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 											WebkitBoxOrient: "vertical",
 											overflow: "hidden"
 										},
-										children: e.description || N("bigconsole.dashboards.card.noDescription", "No description provided")
+										children: e.description || M("bigconsole.dashboards.card.noDescription", "No description provided")
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ O("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
@@ -445,19 +446,19 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 											borderRadius: "var(--radius-button)"
 										},
 										children: [
-											/* @__PURE__ */ k("div", {
+											/* @__PURE__ */ O("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-iconGap)"
 												},
 												children: [
-													/* @__PURE__ */ O(_, { style: {
+													/* @__PURE__ */ D(g, { 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)",
@@ -465,33 +466,33 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 														},
 														children: Ve(e)
 													}),
-													/* @__PURE__ */ O("span", {
+													/* @__PURE__ */ D("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															color: "var(--color-text-muted)"
 														},
-														children: N("bigconsole.dashboards.card.pages", "pages")
+														children: M("bigconsole.dashboards.card.pages", "pages")
 													})
 												]
 											}),
-											/* @__PURE__ */ O("div", { style: {
+											/* @__PURE__ */ D("div", { style: {
 												width: "1px",
 												height: "var(--size-icon-sm)",
 												backgroundColor: "var(--color-border)"
 											} }),
-											/* @__PURE__ */ k("div", {
+											/* @__PURE__ */ O("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-iconGap)"
 												},
 												children: [
-													/* @__PURE__ */ O(g, { style: {
+													/* @__PURE__ */ D(ae, { 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)",
@@ -499,18 +500,18 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 														},
 														children: Be(e)
 													}),
-													/* @__PURE__ */ O("span", {
+													/* @__PURE__ */ D("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															color: "var(--color-text-muted)"
 														},
-														children: N("bigconsole.dashboards.card.widgets", "widgets")
+														children: M("bigconsole.dashboards.card.widgets", "widgets")
 													})
 												]
 											})
 										]
 									}),
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ O("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
@@ -518,17 +519,17 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 											paddingTop: "var(--space-controlGap)",
 											borderTop: "1px solid var(--color-border)"
 										},
-										children: [/* @__PURE__ */ k("div", {
+										children: [/* @__PURE__ */ O("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
 												gap: "var(--space-iconGap)"
 											},
-											children: [/* @__PURE__ */ O(m, { style: {
+											children: [/* @__PURE__ */ D(m, { 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)",
@@ -536,17 +537,17 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 												},
 												children: ze(e.updatedAt)
 											})]
-										}), /* @__PURE__ */ k("div", {
+										}), /* @__PURE__ */ O("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
 												gap: "var(--space-controlGap)"
 											},
 											children: [
-												/* @__PURE__ */ O(p, {
+												/* @__PURE__ */ D(p, {
 													permission: r.DASHBOARD_UPDATE,
 													deniedBehavior: "hide",
-													children: /* @__PURE__ */ O(w, {
+													children: /* @__PURE__ */ D(C, {
 														variant: "ghost",
 														size: "sm",
 														onClick: (t) => Ne(e.id, t),
@@ -556,17 +557,17 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 															padding: 0,
 															borderRadius: "var(--radius-button)"
 														},
-														title: N("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-														children: /* @__PURE__ */ O(y, { style: {
+														title: M("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
+														children: /* @__PURE__ */ D(v, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)"
 														} })
 													})
 												}),
-												/* @__PURE__ */ O(p, {
+												/* @__PURE__ */ D(p, {
 													permission: r.DASHBOARD_CREATE,
 													deniedBehavior: "hide",
-													children: /* @__PURE__ */ O(w, {
+													children: /* @__PURE__ */ D(C, {
 														variant: "ghost",
 														size: "sm",
 														onClick: (t) => Fe(e.id, e.name, t),
@@ -576,17 +577,17 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 															padding: 0,
 															borderRadius: "var(--radius-button)"
 														},
-														title: N("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-														children: /* @__PURE__ */ O(h, { style: {
+														title: M("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
+														children: /* @__PURE__ */ D(h, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)"
 														} })
 													})
 												}),
-												/* @__PURE__ */ O(p, {
+												/* @__PURE__ */ D(p, {
 													permission: r.DASHBOARD_DELETE,
 													deniedBehavior: "hide",
-													children: /* @__PURE__ */ O(w, {
+													children: /* @__PURE__ */ D(C, {
 														variant: "ghost",
 														size: "sm",
 														onClick: (t) => Pe(e.id, t),
@@ -597,8 +598,8 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 															borderRadius: "var(--radius-button)"
 														},
 														className: "hover:text-status-error-text hover:bg-status-error-bg/10",
-														title: N("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-														children: /* @__PURE__ */ O(x, { style: {
+														title: M("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
+														children: /* @__PURE__ */ D(b, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)"
 														} })
@@ -611,22 +612,22 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 							})
 						}, e.id))
 					}),
-					!U && V === "list" && Z.length > 0 && /* @__PURE__ */ O("div", {
+					!H && B === "list" && X.length > 0 && /* @__PURE__ */ D("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: "var(--space-controlGap)"
 						},
-						children: we.map((e) => /* @__PURE__ */ O(T, {
+						children: $.map((e) => /* @__PURE__ */ D(w, {
 							onClick: () => Me(e.id),
 							style: {
 								cursor: "pointer",
 								transition: "all 0.2s ease"
 							},
 							className: "hover:shadow-md hover:border-primary/50",
-							children: /* @__PURE__ */ O(E, {
+							children: /* @__PURE__ */ D(T, {
 								style: { padding: "var(--space-cardPadding)" },
-								children: /* @__PURE__ */ k("div", {
+								children: /* @__PURE__ */ O("div", {
 									style: {
 										display: "flex",
 										alignItems: "center",
@@ -634,7 +635,7 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 										flexWrap: "wrap"
 									},
 									children: [
-										/* @__PURE__ */ O("div", {
+										/* @__PURE__ */ D("div", {
 											style: {
 												display: "flex",
 												height: "var(--size-controlHeight-lg)",
@@ -645,25 +646,25 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 												borderRadius: "var(--radius-button)",
 												backgroundColor: "var(--color-action-primary-bg)"
 											},
-											children: /* @__PURE__ */ O(v, { style: {
+											children: /* @__PURE__ */ D(_, { style: {
 												height: "var(--size-icon-md)",
 												width: "var(--size-icon-md)",
 												color: "var(--color-action-primary-text)"
 											} })
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ O("div", {
 											style: {
 												flex: 1,
 												minWidth: "180px"
 											},
-											children: [/* @__PURE__ */ k("div", {
+											children: [/* @__PURE__ */ O("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-controlGap)",
 													flexWrap: "wrap"
 												},
-												children: [/* @__PURE__ */ O("h3", {
+												children: [/* @__PURE__ */ D("h3", {
 													style: {
 														fontWeight: "var(--font-weight-bold)",
 														fontSize: "var(--font-size-body-md)",
@@ -675,7 +676,7 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 														maxWidth: "100%"
 													},
 													children: e.name
-												}), e.category && /* @__PURE__ */ O(C, {
+												}), e.category && /* @__PURE__ */ D(S, {
 													variant: "secondary",
 													style: {
 														fontSize: "10px",
@@ -684,7 +685,7 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 													},
 													children: e.category
 												})]
-											}), /* @__PURE__ */ O("p", {
+											}), /* @__PURE__ */ D("p", {
 												style: {
 													fontSize: "var(--font-size-body-sm)",
 													lineHeight: "var(--font-lineHeight-normal)",
@@ -694,10 +695,10 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 													textOverflow: "ellipsis",
 													whiteSpace: "nowrap"
 												},
-												children: e.description || N("bigconsole.dashboards.card.noDescription", "No description provided")
+												children: e.description || M("bigconsole.dashboards.card.noDescription", "No description provided")
 											})]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ O("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -705,19 +706,19 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 												flexWrap: "wrap"
 											},
 											children: [
-												/* @__PURE__ */ k("div", {
+												/* @__PURE__ */ O("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ O(_, { style: {
+														/* @__PURE__ */ D(g, { 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)",
@@ -725,28 +726,28 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 															},
 															children: Ve(e)
 														}),
-														/* @__PURE__ */ O("span", {
+														/* @__PURE__ */ D("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																color: "var(--color-text-muted)"
 															},
-															children: N("bigconsole.dashboards.card.pages", "pages")
+															children: M("bigconsole.dashboards.card.pages", "pages")
 														})
 													]
 												}),
-												/* @__PURE__ */ k("div", {
+												/* @__PURE__ */ O("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ O(g, { style: {
+														/* @__PURE__ */ D(ae, { 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)",
@@ -754,26 +755,26 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 															},
 															children: Be(e)
 														}),
-														/* @__PURE__ */ O("span", {
+														/* @__PURE__ */ D("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																color: "var(--color-text-muted)"
 															},
-															children: N("bigconsole.dashboards.card.widgets", "widgets")
+															children: M("bigconsole.dashboards.card.widgets", "widgets")
 														})
 													]
 												}),
-												/* @__PURE__ */ k("div", {
+												/* @__PURE__ */ O("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
-													children: [/* @__PURE__ */ O(m, { style: {
+													children: [/* @__PURE__ */ D(m, { 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)",
@@ -784,17 +785,17 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 												})
 											]
 										}),
-										/* @__PURE__ */ k("div", {
+										/* @__PURE__ */ O("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
 												gap: "var(--space-controlGap)"
 											},
 											children: [
-												/* @__PURE__ */ O(p, {
+												/* @__PURE__ */ D(p, {
 													permission: r.DASHBOARD_UPDATE,
 													deniedBehavior: "hide",
-													children: /* @__PURE__ */ O(w, {
+													children: /* @__PURE__ */ D(C, {
 														variant: "ghost",
 														size: "sm",
 														onClick: (t) => Ne(e.id, t),
@@ -804,17 +805,17 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 															padding: 0,
 															borderRadius: "var(--radius-button)"
 														},
-														title: N("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-														children: /* @__PURE__ */ O(y, { style: {
+														title: M("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
+														children: /* @__PURE__ */ D(v, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)"
 														} })
 													})
 												}),
-												/* @__PURE__ */ O(p, {
+												/* @__PURE__ */ D(p, {
 													permission: r.DASHBOARD_CREATE,
 													deniedBehavior: "hide",
-													children: /* @__PURE__ */ O(w, {
+													children: /* @__PURE__ */ D(C, {
 														variant: "ghost",
 														size: "sm",
 														onClick: (t) => Fe(e.id, e.name, t),
@@ -824,17 +825,17 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 															padding: 0,
 															borderRadius: "var(--radius-button)"
 														},
-														title: N("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-														children: /* @__PURE__ */ O(h, { style: {
+														title: M("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
+														children: /* @__PURE__ */ D(h, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)"
 														} })
 													})
 												}),
-												/* @__PURE__ */ O(p, {
+												/* @__PURE__ */ D(p, {
 													permission: r.DASHBOARD_DELETE,
 													deniedBehavior: "hide",
-													children: /* @__PURE__ */ O(w, {
+													children: /* @__PURE__ */ D(C, {
 														variant: "ghost",
 														size: "sm",
 														onClick: (t) => Pe(e.id, t),
@@ -845,8 +846,8 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 															borderRadius: "var(--radius-button)"
 														},
 														className: "hover:text-status-error-text hover:bg-status-error-bg/10",
-														title: N("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-														children: /* @__PURE__ */ O(x, { style: {
+														title: M("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
+														children: /* @__PURE__ */ D(b, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)"
 														} })
@@ -859,7 +860,7 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 							})
 						}, e.id))
 					}),
-					!U && Z.length > j && /* @__PURE__ */ k("div", {
+					!H && X.length > A && /* @__PURE__ */ O("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -869,30 +870,30 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 							marginTop: "var(--space-sectionGap)"
 						},
 						children: [
-							/* @__PURE__ */ k(w, {
+							/* @__PURE__ */ O(C, {
 								variant: "outline",
 								size: "sm",
 								onClick: Te,
-								disabled: F <= 1,
-								"aria-label": N("bigconsole.dashboards.pagination.previous", "Previous"),
-								children: [/* @__PURE__ */ O(re, { style: {
+								disabled: P <= 1,
+								"aria-label": M("bigconsole.dashboards.pagination.previous", "Previous"),
+								children: [/* @__PURE__ */ D(re, { style: {
 									marginRight: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), N("bigconsole.dashboards.pagination.previous", "Previous")]
+								} }), M("bigconsole.dashboards.pagination.previous", "Previous")]
 							}),
-							/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ D("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)",
 									flexWrap: "wrap"
 								},
-								children: Array.from({ length: Q }, (e, t) => t + 1).map((e) => /* @__PURE__ */ O(w, {
-									variant: e === F ? "default" : "ghost",
+								children: Array.from({ length: Z }, (e, t) => t + 1).map((e) => /* @__PURE__ */ D(C, {
+									variant: e === P ? "default" : "ghost",
 									size: "sm",
 									onClick: () => De(e),
-									"aria-current": e === F ? "page" : void 0,
+									"aria-current": e === P ? "page" : void 0,
 									style: {
 										minWidth: "var(--size-controlHeight-sm)",
 										height: "var(--size-controlHeight-sm)",
@@ -902,64 +903,67 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ k(w, {
+							/* @__PURE__ */ O(C, {
 								variant: "outline",
 								size: "sm",
 								onClick: Ee,
-								disabled: F >= Q,
-								"aria-label": N("bigconsole.dashboards.pagination.next", "Next"),
-								children: [N("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ O(ie, { style: {
+								disabled: P >= Z,
+								"aria-label": M("bigconsole.dashboards.pagination.next", "Next"),
+								children: [M("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ D(ie, { 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)",
 									marginLeft: "var(--space-controlGap)"
 								},
-								children: N("bigconsole.dashboards.pagination.pageOf", `Page ${F} of ${Q}`)
+								children: j("bigconsole.dashboards.pagination.pageOf", "Page {{currentPage}} of {{totalPages}}", {
+									currentPage: P,
+									totalPages: Z
+								})
 							})
 						]
 					}),
-					!U && Z.length === 0 && /* @__PURE__ */ O(de, {
+					!H && X.length === 0 && /* @__PURE__ */ D(fe, {
 						treatment: "insight",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ O(pe, {
-							illustration: P ? "empty-search" : "empty-data",
-							title: P ? N("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : N("bigconsole.dashboards.empty.title", "No dashboards yet"),
-							description: P ? N("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : N("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data"),
-							action: P ? void 0 : /* @__PURE__ */ k("div", {
+						children: /* @__PURE__ */ D(me, {
+							illustration: N ? "empty-search" : "empty-data",
+							title: N ? M("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : M("bigconsole.dashboards.empty.title", "No dashboards yet"),
+							description: N ? M("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : M("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data"),
+							action: N ? void 0 : /* @__PURE__ */ O("div", {
 								style: {
 									display: "flex",
 									gap: "var(--space-controlGap)",
 									flexWrap: "wrap",
 									justifyContent: "center"
 								},
-								children: [/* @__PURE__ */ O(p, {
+								children: [/* @__PURE__ */ D(p, {
 									permission: r.DASHBOARD_CREATE,
 									deniedBehavior: "hide",
-									children: /* @__PURE__ */ k(w, {
+									children: /* @__PURE__ */ O(C, {
 										onClick: Oe,
-										children: [/* @__PURE__ */ O(b, { style: {
+										children: [/* @__PURE__ */ D(y, { style: {
 											marginRight: "var(--space-iconGap)",
 											height: "var(--size-icon-sm)",
 											width: "var(--size-icon-sm)"
-										} }), N("bigconsole.dashboards.actions.create", "Create Dashboard")]
+										} }), M("bigconsole.dashboards.actions.create", "Create Dashboard")]
 									})
-								}), /* @__PURE__ */ O(p, {
+								}), /* @__PURE__ */ D(p, {
 									permission: r.DASHBOARD_IMPORT,
 									deniedBehavior: "hide",
-									children: /* @__PURE__ */ k(w, {
+									children: /* @__PURE__ */ O(C, {
 										variant: "outline",
 										onClick: Ie,
-										children: [/* @__PURE__ */ O(S, { style: {
+										children: [/* @__PURE__ */ D(x, { style: {
 											marginRight: "var(--space-iconGap)",
 											height: "var(--size-icon-sm)",
 											width: "var(--size-icon-sm)"
-										} }), N("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
+										} }), M("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
 									})
 								})]
 							})
@@ -967,25 +971,25 @@ var A = "bf-bigconsole-dashboards-view", j = 12, M = l(function() {
 					})
 				]
 			}),
-			/* @__PURE__ */ O(i, {
-				isOpen: _e,
-				isCreating: R,
+			/* @__PURE__ */ D(i, {
+				isOpen: ve,
+				isCreating: L,
 				onClose: Ae,
 				onCreate: je,
 				onTemplateInstalled: ke
 			}),
-			/* @__PURE__ */ O(a, {
-				isOpen: ve,
+			/* @__PURE__ */ D(a, {
+				isOpen: ye,
 				onClose: Le,
 				onSuccess: Re
 			})
 		]
-	}) : /* @__PURE__ */ O(te, {
+	}) : /* @__PURE__ */ D(te, {
 		title: "Access Denied",
 		description: "You don't have permission to view dashboards."
 	});
 });
 //#endregion
-export { M as DashboardsPage, M as default };
+export { j as DashboardsPage, j as default };
 
 //# sourceMappingURL=DashboardsPage.js.map