@burdenoff/microfe-bigconsole 2026.624.2 → 2026.626.1

package/dist/bigconsole/pages/DashboardsPage.js

@@ -6,64 +6,64 @@ import n from "../components/dashboard/CreateDashboardDialog.js";
 import r from "../components/dashboard/ImportDashboardDialog.js";
 import { isNative as i, nativeConfirm as a, nativeImpact as o, nativeNotify as s } from "../../utils/nativeBridge.js";
 import { memo as c, useCallback as l, useEffect as u, useState as d } from "react";
-import { Calendar as f, ChevronLeft as ee, ChevronRight as te, Copy as p, FileText as m, FolderOpen as ne, Layers as h, LayoutDashboard as g, LayoutGrid as re, List as ie, Pencil as _, Plus as v, Search as ae, Trash2 as y, Upload as b } from "lucide-react";
-import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Badge as se, Button as C, Card as w, CardContent as T, Input as ce, Spinner as le } from "@burdenoff/fe-libs/ui";
+import { Calendar as f, ChevronLeft as ee, ChevronRight as te, Copy as p, FileText as m, Layers as h, LayoutDashboard as g, LayoutGrid as ne, List as re, Pencil as _, Plus as v, Search as ie, Trash2 as y, Upload as b } from "lucide-react";
+import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AuroraBackground as oe, Badge as x, Button as S, CTAOverflowMenu as se, Card as C, CardContent as w, GlassCard as ce, GradientText as le, IllustratedEmptyState as ue, Input as de, PagePurpose as fe, Spinner as pe } from "@burdenoff/fe-libs/ui";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/bigconsole/pages/DashboardsPage.tsx
-var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
-	let c = e(), { t: O } = oe(), k = l((e, t) => {
-		let n = O(e);
+var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
+	let c = e(), { t: k } = ae(), A = l((e, t) => {
+		let n = k(e);
 		return n === e ? t : n;
-	}, [O]), [A, ue] = d(""), [j, M] = d(1), [de, N] = d(!1), [P, F] = d(!1), [fe, I] = d(!1), [L, pe] = d(() => {
+	}, [k]), [j, me] = d(""), [M, N] = d(1), [he, P] = d(!1), [F, I] = d(!1), [ge, L] = d(!1), [R, _e] = d(() => {
 		try {
-			return window.localStorage.getItem(E) === "list" ? "list" : "grid";
+			return window.localStorage.getItem(D) === "list" ? "list" : "grid";
 		} catch {
 			return "grid";
 		}
-	}), R = l((e) => {
-		pe(e);
+	}), z = l((e) => {
+		_e(e);
 		try {
-			window.localStorage.setItem(E, e);
+			window.localStorage.setItem(D, e);
 		} catch {}
-	}, []), { loading: z, error: B, dashboards: me, createDashboard: V, deleteDashboard: H, cloneDashboard: U, refetch: W } = t(), G = me.filter((e) => e.name.toLowerCase().includes(A.toLowerCase()) || e.description?.toLowerCase().includes(A.toLowerCase())), K = Math.max(1, Math.ceil(G.length / D)), q = (j - 1) * D, J = G.slice(q, q + D);
+	}, []), { loading: B, error: V, dashboards: H, createDashboard: U, deleteDashboard: W, cloneDashboard: G, refetch: K } = t(), q = H.filter((e) => e.name.toLowerCase().includes(j.toLowerCase()) || e.description?.toLowerCase().includes(j.toLowerCase())), J = Math.max(1, Math.ceil(q.length / O)), Y = (M - 1) * O, X = q.slice(Y, Y + O);
 	u(() => {
-		M(1);
-	}, [A, L]), u(() => {
-		j > K && M(K);
-	}, [j, K]);
-	let he = l(() => {
-		M((e) => Math.max(1, e - 1));
-	}, []), ge = l(() => {
-		M((e) => Math.min(K, e + 1));
-	}, [K]), _e = l((e) => {
-		M(e);
-	}, []), Y = l(() => {
-		N(!0);
-	}, []), ve = l(() => {
-		P || N(!1);
-	}, [P]), ye = l(async (e) => {
-		F(!0);
+		N(1);
+	}, [j, R]), u(() => {
+		M > J && N(J);
+	}, [M, J]);
+	let ve = l(() => {
+		N((e) => Math.max(1, e - 1));
+	}, []), ye = l(() => {
+		N((e) => Math.min(J, e + 1));
+	}, [J]), be = l((e) => {
+		N(e);
+	}, []), Z = l(() => {
+		P(!0);
+	}, []), xe = l(() => {
+		F || P(!1);
+	}, [F]), Se = l(async (e) => {
+		I(!0);
 		try {
-			let t = await V({
+			let t = await U({
 				name: e.name,
 				description: e.description,
 				category: e.category,
 				tags: e.tags
 			});
-			t && (N(!1), c(`/dashboards/${t.id}/builder`));
+			t && (P(!1), c(`/dashboards/${t.id}/builder`));
 		} catch (e) {
 			throw console.error("Failed to create dashboard:", e), i() && s("error"), e;
 		} finally {
-			F(!1);
+			I(!1);
 		}
-	}, [V, c]), X = l((e) => {
+	}, [U, c]), Q = l((e) => {
 		c(`/dashboards/${e}`);
-	}, [c]), Z = l((e, t) => {
+	}, [c]), $ = l((e, t) => {
 		t.stopPropagation(), c(`/dashboards/${e}/builder`);
-	}, [c]), Q = l(async (e, t) => {
+	}, [c]), Ce = l(async (e, t) => {
 		t.stopPropagation();
-		let n = k("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await a({
+		let n = A("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await a({
 			title: "Delete dashboard?",
 			message: n,
 			okButtonTitle: "Delete",
@@ -72,90 +72,87 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 		if (r === null ? window.confirm(n) : r) {
 			o("medium");
 			try {
-				await H(e), i() && s("success");
+				await W(e), i() && s("success");
 			} catch (e) {
 				throw i() && s("error"), e;
 			}
 		}
-	}, [H, k]), be = l(async (e, t, n) => {
+	}, [W, A]), we = l(async (e, t, n) => {
 		n.stopPropagation();
-		let r = k("bigconsole.dashboards.clone.defaultSuffix", `${t} (Copy)`), a = window.prompt(k("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), r);
+		let r = A("bigconsole.dashboards.clone.defaultSuffix", `${t} (Copy)`), a = window.prompt(A("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), r);
 		if (!(!a || !a.trim())) {
 			o("medium");
 			try {
-				let t = await U(e, a.trim());
+				let t = await G(e, a.trim());
 				t && (i() && s("success"), c(`/dashboards/${t.id}`));
 			} catch (e) {
 				throw i() && s("error"), e;
 			}
 		}
 	}, [
-		U,
+		G,
 		c,
-		k
-	]), $ = l(() => {
-		I(!0);
-	}, []), xe = l(() => {
-		I(!1);
-	}, []), Se = l((e, t) => {
-		W();
-	}, [W]), Ce = (e) => {
+		A
+	]), Te = l(() => {
+		L(!0);
+	}, []), Ee = l(() => {
+		L(!1);
+	}, []), De = l((e, t) => {
+		K();
+	}, [K]), Oe = (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 ? k("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${k("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${k("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${k("bigconsole.dashboards.time.daysAgoSuffix", "d ago")}` : new Intl.DateTimeFormat("en-US", {
+		return i < 1 ? A("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${A("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${A("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${A("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);
-	}, we = (e) => e.widgetCount ?? 0, Te = (e) => e.pageCount || 0;
-	return B ? /* @__PURE__ */ x("div", {
+	}, ke = (e) => e.widgetCount ?? 0, Ae = (e) => e.pageCount || 0;
+	return V ? /* @__PURE__ */ T("div", {
 		style: { padding: "var(--space-pagePadding)" },
-		children: /* @__PURE__ */ x(w, {
+		children: /* @__PURE__ */ T(C, {
 			style: {
 				borderColor: "var(--color-status-error-border)",
 				backgroundColor: "var(--color-status-error-bgSubtle)"
 			},
-			children: /* @__PURE__ */ S(T, {
+			children: /* @__PURE__ */ E(w, {
 				style: { padding: "var(--space-pagePadding)" },
 				children: [
-					/* @__PURE__ */ x("h3", {
+					/* @__PURE__ */ T("h3", {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							fontWeight: "var(--font-weight-medium)",
 							color: "var(--color-status-error-text)"
 						},
-						children: k("bigconsole.dashboards.error.title", "Error loading dashboards")
+						children: A("bigconsole.dashboards.error.title", "Error loading dashboards")
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ T("p", {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							color: "var(--color-text-secondary)",
 							marginTop: "var(--space-controlGap)"
 						},
-						children: B.message
+						children: V.message
 					}),
-					/* @__PURE__ */ x(C, {
+					/* @__PURE__ */ T(S, {
 						size: "sm",
-						onClick: () => W(),
+						onClick: () => K(),
 						style: { marginTop: "var(--space-formGap)" },
-						children: k("bigconsole.dashboards.error.retry", "Retry")
+						children: A("bigconsole.dashboards.error.retry", "Retry")
 					})
 				]
 			})
 		})
-	}) : /* @__PURE__ */ S("div", {
+	}) : /* @__PURE__ */ E("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			/* @__PURE__ */ x("div", {
-				style: {
-					borderBottom: "1px solid var(--color-border)",
-					backgroundColor: "var(--color-bg-surface)"
-				},
-				children: /* @__PURE__ */ x("div", {
+			/* @__PURE__ */ E("div", {
+				className: "relative overflow-hidden border-b border-border-seam bg-gloss-card",
+				children: [/* @__PURE__ */ T(oe, { intensity: "subtle" }), /* @__PURE__ */ T("div", {
 					style: { padding: "var(--space-pagePadding)" },
-					children: /* @__PURE__ */ S("div", {
+					children: /* @__PURE__ */ E("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -163,14 +160,14 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 							flexWrap: "wrap",
 							gap: "var(--space-formGap)"
 						},
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ E("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "var(--space-formGap)",
 								minWidth: 0
 							},
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ T("div", {
 								style: {
 									display: "flex",
 									height: "var(--size-controlHeight-lg)",
@@ -180,58 +177,57 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 									borderRadius: "var(--radius-card)",
 									backgroundColor: "var(--color-action-primary-bg)"
 								},
-								children: /* @__PURE__ */ x(g, { style: {
+								children: /* @__PURE__ */ T(g, { style: {
 									height: "var(--size-icon-lg)",
 									width: "var(--size-icon-lg)",
 									color: "var(--color-action-primary-text)"
 								} })
-							}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
+							}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h1", {
 								style: {
 									fontSize: "var(--font-size-heading-h4)",
 									fontWeight: "var(--font-weight-bold)",
 									margin: 0,
 									color: "var(--color-text-primary)"
 								},
-								children: k("bigconsole.dashboards.title", "Dashboards")
-							}), /* @__PURE__ */ x("p", {
+								children: /* @__PURE__ */ T(le, { children: A("bigconsole.dashboards.title", "Dashboards") })
+							}), /* @__PURE__ */ T("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-secondary)",
 									margin: 0
 								},
-								children: k("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards")
+								children: A("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards")
 							})] })]
-						}), /* @__PURE__ */ S("div", {
-							style: {
-								display: "flex",
-								alignItems: "center",
-								gap: "var(--space-controlGap)",
-								flexWrap: "wrap"
-							},
-							children: [/* @__PURE__ */ S(C, {
-								variant: "outline",
-								onClick: $,
-								children: [/* @__PURE__ */ x(b, { style: {
+						}), /* @__PURE__ */ T(se, {
+							primary: {
+								label: A("bigconsole.dashboards.actions.create", "Create Dashboard"),
+								onSelect: Z,
+								icon: /* @__PURE__ */ T(v, { style: {
 									marginRight: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), k("bigconsole.dashboards.actions.import", "Import")]
-							}), /* @__PURE__ */ S(C, {
-								onClick: Y,
-								children: [/* @__PURE__ */ x(v, { style: {
-									marginRight: "var(--space-iconGap)",
+								} })
+							},
+							actions: [{
+								label: A("bigconsole.dashboards.actions.import", "Import"),
+								onSelect: Te,
+								icon: /* @__PURE__ */ T(b, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), k("bigconsole.dashboards.actions.create", "Create Dashboard")]
-							})]
+								} })
+							}]
 						})]
 					})
-				})
+				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ E("div", {
 				style: { padding: "var(--space-pagePadding)" },
 				children: [
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ T(fe, {
+						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__ */ E("div", {
 						style: {
 							marginBottom: "var(--space-sectionGap)",
 							display: "flex",
@@ -240,14 +236,14 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 							flexWrap: "wrap",
 							gap: "var(--space-formGap)"
 						},
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ E("div", {
 							style: {
 								position: "relative",
 								flex: 1,
 								minWidth: 0,
 								maxWidth: "400px"
 							},
-							children: [/* @__PURE__ */ x(ae, { style: {
+							children: [/* @__PURE__ */ T(ie, { style: {
 								position: "absolute",
 								left: "var(--space-controlGap)",
 								top: "50%",
@@ -255,17 +251,17 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)",
 								color: "var(--color-text-muted)"
-							} }), /* @__PURE__ */ x(ce, {
+							} }), /* @__PURE__ */ T(de, {
 								type: "text",
-								placeholder: k("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
-								value: A,
-								onChange: (e) => ue(e.target.value),
+								placeholder: A("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
+								value: j,
+								onChange: (e) => me(e.target.value),
 								style: {
 									paddingLeft: "var(--size-controlHeight-md)",
 									height: "var(--size-controlHeight-md)"
 								}
 							})]
-						}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ E("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -274,89 +270,89 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 								borderRadius: "var(--radius-button)",
 								backgroundColor: "var(--color-bg-sunken)"
 							},
-							children: [/* @__PURE__ */ x(C, {
-								variant: L === "grid" ? "default" : "ghost",
+							children: [/* @__PURE__ */ T(S, {
+								variant: R === "grid" ? "default" : "ghost",
 								size: "sm",
-								onClick: () => R("grid"),
-								"aria-label": k("bigconsole.dashboards.view.grid", "Grid view"),
-								"aria-pressed": L === "grid",
-								title: k("bigconsole.dashboards.view.grid", "Grid view"),
+								onClick: () => z("grid"),
+								"aria-label": A("bigconsole.dashboards.view.grid", "Grid view"),
+								"aria-pressed": R === "grid",
+								title: A("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__ */ x(re, { style: {
+								children: /* @__PURE__ */ T(ne, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
-							}), /* @__PURE__ */ x(C, {
-								variant: L === "list" ? "default" : "ghost",
+							}), /* @__PURE__ */ T(S, {
+								variant: R === "list" ? "default" : "ghost",
 								size: "sm",
-								onClick: () => R("list"),
-								"aria-label": k("bigconsole.dashboards.view.list", "List view"),
-								"aria-pressed": L === "list",
-								title: k("bigconsole.dashboards.view.list", "List view"),
+								onClick: () => z("list"),
+								"aria-label": A("bigconsole.dashboards.view.list", "List view"),
+								"aria-pressed": R === "list",
+								title: A("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__ */ x(ie, { style: {
+								children: /* @__PURE__ */ T(re, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
 							})]
 						})]
 					}),
-					z && me.length === 0 && /* @__PURE__ */ x("div", {
+					B && H.length === 0 && /* @__PURE__ */ T("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "center",
 							padding: "80px 0"
 						},
-						children: /* @__PURE__ */ S("div", {
+						children: /* @__PURE__ */ E("div", {
 							style: { textAlign: "center" },
-							children: [/* @__PURE__ */ x(le, { style: {
+							children: [/* @__PURE__ */ T(pe, { style: {
 								height: "var(--size-icon-xl)",
 								width: "var(--size-icon-xl)",
 								margin: "0 auto var(--space-formGap)"
-							} }), /* @__PURE__ */ x("p", {
+							} }), /* @__PURE__ */ T("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-muted)"
 								},
-								children: k("bigconsole.dashboards.loading", "Loading dashboards...")
+								children: A("bigconsole.dashboards.loading", "Loading dashboards...")
 							})]
 						})
 					}),
-					!z && L === "grid" && G.length > 0 && /* @__PURE__ */ x("div", {
+					!B && R === "grid" && q.length > 0 && /* @__PURE__ */ T("div", {
 						style: {
 							display: "grid",
 							gridTemplateColumns: "repeat(auto-fill, minmax(min(320px, 100%), 1fr))",
 							gap: "var(--space-formGap)"
 						},
-						children: J.map((e) => /* @__PURE__ */ x(w, {
-							onClick: () => X(e.id),
+						children: X.map((e) => /* @__PURE__ */ T(C, {
+							onClick: () => Q(e.id),
 							style: {
 								cursor: "pointer",
 								transition: "all 0.2s ease"
 							},
 							className: "hover:shadow-md hover:border-primary/50",
-							children: /* @__PURE__ */ S(T, {
+							children: /* @__PURE__ */ E(w, {
 								style: { padding: "var(--space-cardPadding)" },
 								children: [
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ E("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
 											gap: "var(--space-controlGap)",
 											marginBottom: "var(--space-formGap)"
 										},
-										children: [/* @__PURE__ */ x("div", {
+										children: [/* @__PURE__ */ T("div", {
 											style: {
 												display: "flex",
 												height: "var(--size-controlHeight-lg)",
@@ -367,17 +363,17 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 												borderRadius: "var(--radius-button)",
 												backgroundColor: "var(--color-action-primary-bg)"
 											},
-											children: /* @__PURE__ */ x(g, { style: {
+											children: /* @__PURE__ */ T(g, { style: {
 												height: "var(--size-icon-md)",
 												width: "var(--size-icon-md)",
 												color: "var(--color-action-primary-text)"
 											} })
-										}), /* @__PURE__ */ S("div", {
+										}), /* @__PURE__ */ E("div", {
 											style: {
 												flex: 1,
 												minWidth: 0
 											},
-											children: [/* @__PURE__ */ x("h3", {
+											children: [/* @__PURE__ */ T("h3", {
 												style: {
 													fontWeight: "var(--font-weight-bold)",
 													fontSize: "var(--font-size-body-md)",
@@ -388,7 +384,7 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 													whiteSpace: "nowrap"
 												},
 												children: e.name
-											}), e.category && /* @__PURE__ */ x(se, {
+											}), e.category && /* @__PURE__ */ T(x, {
 												variant: "secondary",
 												style: {
 													marginTop: "var(--space-controlGap)",
@@ -400,7 +396,7 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 											})]
 										})]
 									}),
-									/* @__PURE__ */ x("p", {
+									/* @__PURE__ */ T("p", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											lineHeight: "var(--font-lineHeight-normal)",
@@ -412,9 +408,9 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 											WebkitBoxOrient: "vertical",
 											overflow: "hidden"
 										},
-										children: e.description || k("bigconsole.dashboards.card.noDescription", "No description provided")
+										children: e.description || A("bigconsole.dashboards.card.noDescription", "No description provided")
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ E("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
@@ -425,72 +421,72 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 											borderRadius: "var(--radius-button)"
 										},
 										children: [
-											/* @__PURE__ */ S("div", {
+											/* @__PURE__ */ E("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-iconGap)"
 												},
 												children: [
-													/* @__PURE__ */ x(h, { style: {
+													/* @__PURE__ */ T(h, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)",
 														color: "var(--color-action-primary-bg)"
 													} }),
-													/* @__PURE__ */ x("span", {
+													/* @__PURE__ */ T("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															fontWeight: "var(--font-weight-semibold)",
 															color: "var(--color-text-primary)"
 														},
-														children: Te(e)
+														children: Ae(e)
 													}),
-													/* @__PURE__ */ x("span", {
+													/* @__PURE__ */ T("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															color: "var(--color-text-muted)"
 														},
-														children: k("bigconsole.dashboards.card.pages", "pages")
+														children: A("bigconsole.dashboards.card.pages", "pages")
 													})
 												]
 											}),
-											/* @__PURE__ */ x("div", { style: {
+											/* @__PURE__ */ T("div", { style: {
 												width: "1px",
 												height: "var(--size-icon-sm)",
 												backgroundColor: "var(--color-border)"
 											} }),
-											/* @__PURE__ */ S("div", {
+											/* @__PURE__ */ E("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-iconGap)"
 												},
 												children: [
-													/* @__PURE__ */ x(m, { style: {
+													/* @__PURE__ */ T(m, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)",
 														color: "var(--color-action-primary-bg)"
 													} }),
-													/* @__PURE__ */ x("span", {
+													/* @__PURE__ */ T("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															fontWeight: "var(--font-weight-semibold)",
 															color: "var(--color-text-primary)"
 														},
-														children: we(e)
+														children: ke(e)
 													}),
-													/* @__PURE__ */ x("span", {
+													/* @__PURE__ */ T("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															color: "var(--color-text-muted)"
 														},
-														children: k("bigconsole.dashboards.card.widgets", "widgets")
+														children: A("bigconsole.dashboards.card.widgets", "widgets")
 													})
 												]
 											})
 										]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ E("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
@@ -498,67 +494,67 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 											paddingTop: "var(--space-controlGap)",
 											borderTop: "1px solid var(--color-border)"
 										},
-										children: [/* @__PURE__ */ S("div", {
+										children: [/* @__PURE__ */ E("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
 												gap: "var(--space-iconGap)"
 											},
-											children: [/* @__PURE__ */ x(f, { style: {
+											children: [/* @__PURE__ */ T(f, { style: {
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)",
 												color: "var(--color-text-muted)"
-											} }), /* @__PURE__ */ x("span", {
+											} }), /* @__PURE__ */ T("span", {
 												style: {
 													fontSize: "var(--font-size-body-sm)",
 													fontWeight: "var(--font-weight-medium)",
 													color: "var(--color-text-muted)"
 												},
-												children: Ce(e.updatedAt)
+												children: Oe(e.updatedAt)
 											})]
-										}), /* @__PURE__ */ S("div", {
+										}), /* @__PURE__ */ E("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
 												gap: "var(--space-controlGap)"
 											},
 											children: [
-												/* @__PURE__ */ x(C, {
+												/* @__PURE__ */ T(S, {
 													variant: "ghost",
 													size: "sm",
-													onClick: (t) => Z(e.id, t),
+													onClick: (t) => $(e.id, t),
 													style: {
 														height: "var(--size-controlHeight-sm)",
 														width: "var(--size-controlHeight-sm)",
 														padding: 0,
 														borderRadius: "var(--radius-button)"
 													},
-													title: k("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-													children: /* @__PURE__ */ x(_, { style: {
+													title: A("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
+													children: /* @__PURE__ */ T(_, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)"
 													} })
 												}),
-												/* @__PURE__ */ x(C, {
+												/* @__PURE__ */ T(S, {
 													variant: "ghost",
 													size: "sm",
-													onClick: (t) => be(e.id, e.name, t),
+													onClick: (t) => we(e.id, e.name, t),
 													style: {
 														height: "var(--size-controlHeight-sm)",
 														width: "var(--size-controlHeight-sm)",
 														padding: 0,
 														borderRadius: "var(--radius-button)"
 													},
-													title: k("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-													children: /* @__PURE__ */ x(p, { style: {
+													title: A("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
+													children: /* @__PURE__ */ T(p, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)"
 													} })
 												}),
-												/* @__PURE__ */ x(C, {
+												/* @__PURE__ */ T(S, {
 													variant: "ghost",
 													size: "sm",
-													onClick: (t) => Q(e.id, t),
+													onClick: (t) => Ce(e.id, t),
 													style: {
 														height: "var(--size-controlHeight-sm)",
 														width: "var(--size-controlHeight-sm)",
@@ -566,8 +562,8 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 														borderRadius: "var(--radius-button)"
 													},
 													className: "hover:text-status-error-text hover:bg-status-error-bg/10",
-													title: k("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-													children: /* @__PURE__ */ x(y, { style: {
+													title: A("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
+													children: /* @__PURE__ */ T(y, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)"
 													} })
@@ -579,22 +575,22 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 							})
 						}, e.id))
 					}),
-					!z && L === "list" && G.length > 0 && /* @__PURE__ */ x("div", {
+					!B && R === "list" && q.length > 0 && /* @__PURE__ */ T("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: "var(--space-controlGap)"
 						},
-						children: J.map((e) => /* @__PURE__ */ x(w, {
-							onClick: () => X(e.id),
+						children: X.map((e) => /* @__PURE__ */ T(C, {
+							onClick: () => Q(e.id),
 							style: {
 								cursor: "pointer",
 								transition: "all 0.2s ease"
 							},
 							className: "hover:shadow-md hover:border-primary/50",
-							children: /* @__PURE__ */ x(T, {
+							children: /* @__PURE__ */ T(w, {
 								style: { padding: "var(--space-cardPadding)" },
-								children: /* @__PURE__ */ S("div", {
+								children: /* @__PURE__ */ E("div", {
 									style: {
 										display: "flex",
 										alignItems: "center",
@@ -602,7 +598,7 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 										flexWrap: "wrap"
 									},
 									children: [
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ T("div", {
 											style: {
 												display: "flex",
 												height: "var(--size-controlHeight-lg)",
@@ -613,25 +609,25 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 												borderRadius: "var(--radius-button)",
 												backgroundColor: "var(--color-action-primary-bg)"
 											},
-											children: /* @__PURE__ */ x(g, { style: {
+											children: /* @__PURE__ */ T(g, { style: {
 												height: "var(--size-icon-md)",
 												width: "var(--size-icon-md)",
 												color: "var(--color-action-primary-text)"
 											} })
 										}),
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ E("div", {
 											style: {
 												flex: 1,
 												minWidth: "180px"
 											},
-											children: [/* @__PURE__ */ S("div", {
+											children: [/* @__PURE__ */ E("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-controlGap)",
 													flexWrap: "wrap"
 												},
-												children: [/* @__PURE__ */ x("h3", {
+												children: [/* @__PURE__ */ T("h3", {
 													style: {
 														fontWeight: "var(--font-weight-bold)",
 														fontSize: "var(--font-size-body-md)",
@@ -643,7 +639,7 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 														maxWidth: "100%"
 													},
 													children: e.name
-												}), e.category && /* @__PURE__ */ x(se, {
+												}), e.category && /* @__PURE__ */ T(x, {
 													variant: "secondary",
 													style: {
 														fontSize: "10px",
@@ -652,7 +648,7 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 													},
 													children: e.category
 												})]
-											}), /* @__PURE__ */ x("p", {
+											}), /* @__PURE__ */ T("p", {
 												style: {
 													fontSize: "var(--font-size-body-sm)",
 													lineHeight: "var(--font-lineHeight-normal)",
@@ -662,10 +658,10 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 													textOverflow: "ellipsis",
 													whiteSpace: "nowrap"
 												},
-												children: e.description || k("bigconsole.dashboards.card.noDescription", "No description provided")
+												children: e.description || A("bigconsole.dashboards.card.noDescription", "No description provided")
 											})]
 										}),
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ E("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -673,128 +669,128 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 												flexWrap: "wrap"
 											},
 											children: [
-												/* @__PURE__ */ S("div", {
+												/* @__PURE__ */ E("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ x(h, { style: {
+														/* @__PURE__ */ T(h, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
 														} }),
-														/* @__PURE__ */ x("span", {
+														/* @__PURE__ */ T("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: Te(e)
+															children: Ae(e)
 														}),
-														/* @__PURE__ */ x("span", {
+														/* @__PURE__ */ T("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																color: "var(--color-text-muted)"
 															},
-															children: k("bigconsole.dashboards.card.pages", "pages")
+															children: A("bigconsole.dashboards.card.pages", "pages")
 														})
 													]
 												}),
-												/* @__PURE__ */ S("div", {
+												/* @__PURE__ */ E("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ x(m, { style: {
+														/* @__PURE__ */ T(m, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
 														} }),
-														/* @__PURE__ */ x("span", {
+														/* @__PURE__ */ T("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: we(e)
+															children: ke(e)
 														}),
-														/* @__PURE__ */ x("span", {
+														/* @__PURE__ */ T("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																color: "var(--color-text-muted)"
 															},
-															children: k("bigconsole.dashboards.card.widgets", "widgets")
+															children: A("bigconsole.dashboards.card.widgets", "widgets")
 														})
 													]
 												}),
-												/* @__PURE__ */ S("div", {
+												/* @__PURE__ */ E("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
-													children: [/* @__PURE__ */ x(f, { style: {
+													children: [/* @__PURE__ */ T(f, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)",
 														color: "var(--color-text-muted)"
-													} }), /* @__PURE__ */ x("span", {
+													} }), /* @__PURE__ */ T("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															fontWeight: "var(--font-weight-medium)",
 															color: "var(--color-text-muted)"
 														},
-														children: Ce(e.updatedAt)
+														children: Oe(e.updatedAt)
 													})]
 												})
 											]
 										}),
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ E("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
 												gap: "var(--space-controlGap)"
 											},
 											children: [
-												/* @__PURE__ */ x(C, {
+												/* @__PURE__ */ T(S, {
 													variant: "ghost",
 													size: "sm",
-													onClick: (t) => Z(e.id, t),
+													onClick: (t) => $(e.id, t),
 													style: {
 														height: "var(--size-controlHeight-sm)",
 														width: "var(--size-controlHeight-sm)",
 														padding: 0,
 														borderRadius: "var(--radius-button)"
 													},
-													title: k("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-													children: /* @__PURE__ */ x(_, { style: {
+													title: A("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
+													children: /* @__PURE__ */ T(_, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)"
 													} })
 												}),
-												/* @__PURE__ */ x(C, {
+												/* @__PURE__ */ T(S, {
 													variant: "ghost",
 													size: "sm",
-													onClick: (t) => be(e.id, e.name, t),
+													onClick: (t) => we(e.id, e.name, t),
 													style: {
 														height: "var(--size-controlHeight-sm)",
 														width: "var(--size-controlHeight-sm)",
 														padding: 0,
 														borderRadius: "var(--radius-button)"
 													},
-													title: k("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-													children: /* @__PURE__ */ x(p, { style: {
+													title: A("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
+													children: /* @__PURE__ */ T(p, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)"
 													} })
 												}),
-												/* @__PURE__ */ x(C, {
+												/* @__PURE__ */ T(S, {
 													variant: "ghost",
 													size: "sm",
-													onClick: (t) => Q(e.id, t),
+													onClick: (t) => Ce(e.id, t),
 													style: {
 														height: "var(--size-controlHeight-sm)",
 														width: "var(--size-controlHeight-sm)",
@@ -802,8 +798,8 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 														borderRadius: "var(--radius-button)"
 													},
 													className: "hover:text-status-error-text hover:bg-status-error-bg/10",
-													title: k("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-													children: /* @__PURE__ */ x(y, { style: {
+													title: A("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
+													children: /* @__PURE__ */ T(y, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)"
 													} })
@@ -815,7 +811,7 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 							})
 						}, e.id))
 					}),
-					!z && G.length > D && /* @__PURE__ */ S("div", {
+					!B && q.length > O && /* @__PURE__ */ E("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -825,30 +821,30 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 							marginTop: "var(--space-sectionGap)"
 						},
 						children: [
-							/* @__PURE__ */ S(C, {
+							/* @__PURE__ */ E(S, {
 								variant: "outline",
 								size: "sm",
-								onClick: he,
-								disabled: j <= 1,
-								"aria-label": k("bigconsole.dashboards.pagination.previous", "Previous"),
-								children: [/* @__PURE__ */ x(ee, { style: {
+								onClick: ve,
+								disabled: M <= 1,
+								"aria-label": A("bigconsole.dashboards.pagination.previous", "Previous"),
+								children: [/* @__PURE__ */ T(ee, { style: {
 									marginRight: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), k("bigconsole.dashboards.pagination.previous", "Previous")]
+								} }), A("bigconsole.dashboards.pagination.previous", "Previous")]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ T("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)",
 									flexWrap: "wrap"
 								},
-								children: Array.from({ length: K }, (e, t) => t + 1).map((e) => /* @__PURE__ */ x(C, {
-									variant: e === j ? "default" : "ghost",
+								children: Array.from({ length: J }, (e, t) => t + 1).map((e) => /* @__PURE__ */ T(S, {
+									variant: e === M ? "default" : "ghost",
 									size: "sm",
-									onClick: () => _e(e),
-									"aria-current": e === j ? "page" : void 0,
+									onClick: () => be(e),
+									"aria-current": e === M ? "page" : void 0,
 									style: {
 										minWidth: "var(--size-controlHeight-sm)",
 										height: "var(--size-controlHeight-sm)",
@@ -858,118 +854,78 @@ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ S(C, {
+							/* @__PURE__ */ E(S, {
 								variant: "outline",
 								size: "sm",
-								onClick: ge,
-								disabled: j >= K,
-								"aria-label": k("bigconsole.dashboards.pagination.next", "Next"),
-								children: [k("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ x(te, { style: {
+								onClick: ye,
+								disabled: M >= J,
+								"aria-label": A("bigconsole.dashboards.pagination.next", "Next"),
+								children: [A("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ T(te, { style: {
 									marginLeft: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })]
 							}),
-							/* @__PURE__ */ x("span", {
+							/* @__PURE__ */ T("span", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-muted)",
 									marginLeft: "var(--space-controlGap)"
 								},
-								children: k("bigconsole.dashboards.pagination.pageOf", `Page ${j} of ${K}`)
+								children: A("bigconsole.dashboards.pagination.pageOf", `Page ${M} of ${J}`)
 							})
 						]
 					}),
-					!z && G.length === 0 && /* @__PURE__ */ x(w, {
-						className: "border-dashed",
-						children: /* @__PURE__ */ S(T, {
-							style: {
-								display: "flex",
-								flexDirection: "column",
-								alignItems: "center",
-								justifyContent: "center",
-								padding: "64px var(--space-pagePadding)"
-							},
-							children: [
-								/* @__PURE__ */ x("div", {
-									style: {
-										display: "flex",
-										height: "80px",
-										width: "80px",
-										alignItems: "center",
-										justifyContent: "center",
-										borderRadius: "50%",
-										backgroundColor: "var(--color-bg-sunken)",
-										marginBottom: "var(--space-sectionGap)"
-									},
-									children: /* @__PURE__ */ x(ne, { style: {
-										height: "var(--size-icon-xl)",
-										width: "var(--size-icon-xl)",
-										color: "var(--color-text-muted)"
-									} })
-								}),
-								/* @__PURE__ */ x("h3", {
-									style: {
-										fontSize: "var(--font-size-heading-h4)",
-										fontWeight: "var(--font-weight-semibold)",
-										marginBottom: "var(--space-controlGap)"
-									},
-									children: A ? k("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : k("bigconsole.dashboards.empty.title", "No dashboards yet")
-								}),
-								/* @__PURE__ */ x("p", {
-									style: {
-										fontSize: "var(--font-size-body-sm)",
-										color: "var(--color-text-muted)",
-										marginBottom: "var(--space-sectionGap)",
-										textAlign: "center",
-										maxWidth: "360px"
-									},
-									children: A ? k("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : k("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data")
-								}),
-								!A && /* @__PURE__ */ S("div", {
-									style: {
-										display: "flex",
-										gap: "var(--space-controlGap)",
-										flexWrap: "wrap",
-										justifyContent: "center"
-									},
-									children: [/* @__PURE__ */ S(C, {
-										variant: "outline",
-										onClick: $,
-										children: [/* @__PURE__ */ x(b, { style: {
-											marginRight: "var(--space-iconGap)",
-											height: "var(--size-icon-sm)",
-											width: "var(--size-icon-sm)"
-										} }), k("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
-									}), /* @__PURE__ */ S(C, {
-										onClick: Y,
-										children: [/* @__PURE__ */ x(v, { style: {
-											marginRight: "var(--space-iconGap)",
-											height: "var(--size-icon-sm)",
-											width: "var(--size-icon-sm)"
-										} }), k("bigconsole.dashboards.actions.create", "Create Dashboard")]
-									})]
-								})
-							]
+					!B && q.length === 0 && /* @__PURE__ */ T(ce, {
+						treatment: "insight",
+						className: "border-border-seam",
+						children: /* @__PURE__ */ T(ue, {
+							illustration: j ? "empty-search" : "empty-data",
+							title: j ? A("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : A("bigconsole.dashboards.empty.title", "No dashboards yet"),
+							description: j ? A("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : A("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data"),
+							action: j ? void 0 : /* @__PURE__ */ E("div", {
+								style: {
+									display: "flex",
+									gap: "var(--space-controlGap)",
+									flexWrap: "wrap",
+									justifyContent: "center"
+								},
+								children: [/* @__PURE__ */ E(S, {
+									onClick: Z,
+									children: [/* @__PURE__ */ T(v, { style: {
+										marginRight: "var(--space-iconGap)",
+										height: "var(--size-icon-sm)",
+										width: "var(--size-icon-sm)"
+									} }), A("bigconsole.dashboards.actions.create", "Create Dashboard")]
+								}), /* @__PURE__ */ E(S, {
+									variant: "outline",
+									onClick: Te,
+									children: [/* @__PURE__ */ T(b, { style: {
+										marginRight: "var(--space-iconGap)",
+										height: "var(--size-icon-sm)",
+										width: "var(--size-icon-sm)"
+									} }), A("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
+								})]
+							})
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ x(n, {
-				isOpen: de,
-				isCreating: P,
-				onClose: ve,
-				onCreate: ye
-			}),
-			/* @__PURE__ */ x(r, {
-				isOpen: fe,
+			/* @__PURE__ */ T(n, {
+				isOpen: he,
+				isCreating: F,
 				onClose: xe,
-				onSuccess: Se
+				onCreate: Se
+			}),
+			/* @__PURE__ */ T(r, {
+				isOpen: ge,
+				onClose: Ee,
+				onSuccess: De
 			})
 		]
 	});
 });
 //#endregion
-export { O as DashboardsPage, O as default };
+export { k as DashboardsPage, k as default };
 
 //# sourceMappingURL=DashboardsPage.js.map