@burdenoff/microfe-bigconsole 2026.805.1 → 2026.805.3

package/dist/bigconsole/pages/DashboardsPage.js

@@ -3,74 +3,77 @@ import "../context/index.js";
 import { reportBigConsoleQuotaError as t } from "../utils/quota.js";
 import n from "../hooks/useDashboardOperations.js";
 import "../hooks/index.js";
-import r from "../components/dashboard/CreateDashboardDialog.js";
-import i from "../components/dashboard/ImportDashboardDialog.js";
-import { isNative as a, nativeConfirm as o, nativeImpact as s, nativeNotify as c } from "../../utils/nativeBridge.js";
+import { BIGCONSOLE_PERMISSIONS as r } from "../../constants/permissions.js";
+import i from "../components/dashboard/CreateDashboardDialog.js";
+import a from "../components/dashboard/ImportDashboardDialog.js";
+import { isNative as o, nativeConfirm as ee, nativeImpact as s, nativeNotify as c } from "../../utils/nativeBridge.js";
 import { memo as l, useCallback as u, useEffect as d, useState as f } from "react";
-import { Calendar as p, ChevronLeft as ee, ChevronRight as te, Copy as m, FileText as h, Layers as g, LayoutDashboard as _, LayoutGrid as ne, List as re, Pencil as v, Plus as y, Search as ie, Trash2 as ae, Upload as b } from "lucide-react";
-import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AuroraBackground as se, Badge as x, Button as S, CTAOverflowMenu as ce, Card as C, CardContent as w, GlassCard as le, GradientText as ue, IllustratedEmptyState as de, Input as fe, PagePurpose as pe, Spinner as me } from "@burdenoff/fe-libs/ui";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
+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 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 D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
-	let l = e(), { t: k } = oe(), A = u((e, t) => {
-		let n = k(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;
-	}, [k]), [j, he] = f(""), [M, N] = f(1), [ge, P] = f(!1), [F, I] = f(!1), [_e, L] = f(!1), [R, ve] = 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(D) === "list" ? "list" : "grid";
+			return window.localStorage.getItem(k) === "list" ? "list" : "grid";
 		} catch {
 			return "grid";
 		}
-	}), z = u((e) => {
-		ve(e);
+	}), V = u((e) => {
+		be(e);
 		try {
-			window.localStorage.setItem(D, e);
+			window.localStorage.setItem(k, e);
 		} catch {}
-	}, []), { loading: B, error: V, dashboards: H, createDashboard: U, deleteDashboard: W, cloneDashboard: G, refetch: K } = n(), 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);
+	}, []), { 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(() => {
-		N(1);
-	}, [j, R]), d(() => {
-		M > J && N(J);
-	}, [M, J]);
-	let ye = u(() => {
-		N((e) => Math.max(1, e - 1));
-	}, []), be = u(() => {
-		N((e) => Math.min(J, e + 1));
-	}, [J]), xe = u((e) => {
-		N(e);
-	}, []), Z = u(() => {
-		P(!0);
-	}, []), Se = u(({ dashboardId: e }) => {
-		K(), l(`/dashboards/${e}`);
-	}, [K, l]), Ce = u(() => {
-		F || P(!1);
-	}, [F]), we = u(async (e) => {
+		F(1);
+	}, [N, B]), d(() => {
+		P > Z && F(Z);
+	}, [P, Z]);
+	let Te = u(() => {
+		F((e) => Math.max(1, e - 1));
+	}, []), Ee = u(() => {
+		F((e) => Math.min(Z, e + 1));
+	}, [Z]), De = u((e) => {
+		F(e);
+	}, []), Oe = u(() => {
 		I(!0);
+	}, []), ke = u(({ dashboardId: e }) => {
+		J(), l(`/dashboards/${e}`);
+	}, [J, l]), Ae = u(() => {
+		L || I(!1);
+	}, [L]), je = u(async (e) => {
+		R(!0);
 		try {
-			let t = await U({
+			let t = await G({
 				name: e.name,
 				description: e.description,
 				category: e.category,
 				tags: e.tags
 			});
-			t && (P(!1), l(`/dashboards/${t.id}/builder`));
+			t && (I(!1), l(`/dashboards/${t.id}/builder`));
 		} catch (e) {
 			if (t(e, "project")) {
-				P(!1);
+				I(!1);
 				return;
 			}
-			throw console.error("Failed to create dashboard:", e), a() && c("error"), e;
+			throw console.error("Failed to create dashboard:", e), o() && c("error"), e;
 		} finally {
-			I(!1);
+			R(!1);
 		}
-	}, [U, l]), Q = u((e) => {
+	}, [G, l]), Me = u((e) => {
 		l(`/dashboards/${e}`);
-	}, [l]), $ = u((e, t) => {
+	}, [l]), Ne = u((e, t) => {
 		t.stopPropagation(), l(`/dashboards/${e}/builder`);
-	}, [l]), Te = u(async (e, t) => {
+	}, [l]), Pe = u(async (e, t) => {
 		t.stopPropagation();
-		let n = A("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await o({
+		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",
@@ -79,88 +82,100 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 		if (r === null ? window.confirm(n) : r) {
 			s("medium");
 			try {
-				await W(e), a() && c("success");
+				await K(e), o() && c("success");
 			} catch (e) {
-				throw a() && c("error"), e;
+				throw o() && c("error"), e;
 			}
 		}
-	}, [W, A]), Ee = u(async (e, n, r) => {
+	}, [K, M]), Fe = u(async (e, n, r) => {
 		r.stopPropagation();
-		let i = A("bigconsole.dashboards.clone.defaultSuffix", `${n} (Copy)`), o = window.prompt(A("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), i);
-		if (!(!o || !o.trim())) {
+		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 G(e, o.trim());
-				t && (a() && c("success"), l(`/dashboards/${t.id}`));
+				let t = await q(e, a.trim());
+				t && (o() && c("success"), l(`/dashboards/${t.id}`));
 			} catch (e) {
 				if (t(e, "project")) return;
-				throw a() && c("error"), e;
+				throw o() && c("error"), e;
 			}
 		}
 	}, [
-		G,
+		q,
 		l,
-		A
-	]), De = u(() => {
-		L(!0);
-	}, []), Oe = u(() => {
-		L(!1);
-	}, []), ke = u((e, t) => {
-		K();
-	}, [K]), Ae = (e) => {
+		M,
+		j
+	]), Ie = u(() => {
+		z(!0);
+	}, []), Le = u(() => {
+		z(!1);
+	}, []), Re = u((e, t) => {
+		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 ? 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", {
+		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);
-	}, je = (e) => e.widgetCount ?? 0, Me = (e) => e.pageCount || 0;
-	return V ? /* @__PURE__ */ T("div", {
+	}, Be = (e) => e.widgetCount ?? 0, Ve = (e) => e.pageCount || 0;
+	return U ? /* @__PURE__ */ D("div", {
 		style: { padding: "var(--space-pagePadding)" },
-		children: /* @__PURE__ */ T(C, {
+		children: /* @__PURE__ */ D(w, {
 			style: {
 				borderColor: "var(--color-status-error-border)",
 				backgroundColor: "var(--color-status-error-bgSubtle)"
 			},
-			children: /* @__PURE__ */ E(w, {
+			children: /* @__PURE__ */ O(T, {
 				style: { padding: "var(--space-pagePadding)" },
 				children: [
-					/* @__PURE__ */ T("h3", {
+					/* @__PURE__ */ D("h3", {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							fontWeight: "var(--font-weight-medium)",
 							color: "var(--color-status-error-text)"
 						},
-						children: A("bigconsole.dashboards.error.title", "Error loading dashboards")
+						children: M("bigconsole.dashboards.error.title", "Error loading dashboards")
 					}),
-					/* @__PURE__ */ T("p", {
+					/* @__PURE__ */ D("p", {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							color: "var(--color-text-secondary)",
 							marginTop: "var(--space-controlGap)"
 						},
-						children: V.message
+						children: U.message
 					}),
-					/* @__PURE__ */ T(S, {
+					/* @__PURE__ */ D(C, {
 						size: "sm",
-						onClick: () => K(),
+						onClick: () => J(),
 						style: { marginTop: "var(--space-formGap)" },
-						children: A("bigconsole.dashboards.error.retry", "Retry")
+						children: M("bigconsole.dashboards.error.retry", "Retry")
 					})
 				]
 			})
 		})
-	}) : /* @__PURE__ */ E("div", {
+	}) : xe ? /* @__PURE__ */ D("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: "80px 0"
+		},
+		children: /* @__PURE__ */ D(E, { style: {
+			height: "var(--size-icon-xl)",
+			width: "var(--size-icon-xl)"
+		} })
+	}) : Se ? /* @__PURE__ */ O("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ O("div", {
 				className: "relative overflow-hidden border-b border-border-seam bg-gloss-card",
-				children: [/* @__PURE__ */ T(se, { intensity: "subtle" }), /* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ D(ue, { intensity: "subtle" }), /* @__PURE__ */ D("div", {
 					style: { padding: "var(--space-pagePadding)" },
-					children: /* @__PURE__ */ E("div", {
+					children: /* @__PURE__ */ O("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -168,14 +183,14 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 							flexWrap: "wrap",
 							gap: "var(--space-formGap)"
 						},
-						children: [/* @__PURE__ */ E("div", {
+						children: [/* @__PURE__ */ O("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "var(--space-formGap)",
 								minWidth: 0
 							},
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ D("div", {
 								style: {
 									display: "flex",
 									height: "var(--size-controlHeight-lg)",
@@ -185,41 +200,43 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 									borderRadius: "var(--radius-card)",
 									backgroundColor: "var(--color-action-primary-bg)"
 								},
-								children: /* @__PURE__ */ T(_, { style: {
+								children: /* @__PURE__ */ D(_, { style: {
 									height: "var(--size-icon-lg)",
 									width: "var(--size-icon-lg)",
 									color: "var(--color-action-primary-text)"
 								} })
-							}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("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__ */ T(ue, { children: A("bigconsole.dashboards.title", "Dashboards") })
-							}), /* @__PURE__ */ T("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: A("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards")
+								children: M("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards")
 							})] })]
-						}), /* @__PURE__ */ T(ce, {
+						}), /* @__PURE__ */ D(de, {
 							primary: {
-								label: A("bigconsole.dashboards.actions.create", "Create Dashboard"),
-								onSelect: Z,
-								icon: /* @__PURE__ */ T(y, { style: {
+								label: M("bigconsole.dashboards.actions.create", "Create Dashboard"),
+								onSelect: Oe,
+								disabled: !Ce,
+								icon: /* @__PURE__ */ D(y, { style: {
 									marginRight: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
 							},
 							actions: [{
-								label: A("bigconsole.dashboards.actions.import", "Import"),
-								onSelect: De,
-								icon: /* @__PURE__ */ T(b, { style: {
+								label: M("bigconsole.dashboards.actions.import", "Import"),
+								onSelect: Ie,
+								disabled: !we,
+								icon: /* @__PURE__ */ D(x, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
@@ -228,14 +245,14 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ O("div", {
 				style: { padding: "var(--space-pagePadding)" },
 				children: [
-					/* @__PURE__ */ T(pe, {
+					/* @__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__ */ E("div", {
+					/* @__PURE__ */ O("div", {
 						style: {
 							marginBottom: "var(--space-sectionGap)",
 							display: "flex",
@@ -244,14 +261,14 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 							flexWrap: "wrap",
 							gap: "var(--space-formGap)"
 						},
-						children: [/* @__PURE__ */ E("div", {
+						children: [/* @__PURE__ */ O("div", {
 							style: {
 								position: "relative",
 								flex: 1,
 								minWidth: 0,
 								maxWidth: "400px"
 							},
-							children: [/* @__PURE__ */ T(ie, { style: {
+							children: [/* @__PURE__ */ D(ce, { style: {
 								position: "absolute",
 								left: "var(--space-controlGap)",
 								top: "50%",
@@ -259,17 +276,17 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)",
 								color: "var(--color-text-muted)"
-							} }), /* @__PURE__ */ T(fe, {
+							} }), /* @__PURE__ */ D(he, {
 								type: "text",
-								placeholder: A("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
-								value: j,
-								onChange: (e) => he(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__ */ E("div", {
+						}), /* @__PURE__ */ O("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -278,89 +295,89 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 								borderRadius: "var(--radius-button)",
 								backgroundColor: "var(--color-bg-sunken)"
 							},
-							children: [/* @__PURE__ */ T(S, {
-								variant: R === "grid" ? "default" : "ghost",
+							children: [/* @__PURE__ */ D(C, {
+								variant: B === "grid" ? "default" : "ghost",
 								size: "sm",
-								onClick: () => z("grid"),
-								"aria-label": A("bigconsole.dashboards.view.grid", "Grid view"),
-								"aria-pressed": R === "grid",
-								title: A("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__ */ T(ne, { style: {
+								children: /* @__PURE__ */ D(oe, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
-							}), /* @__PURE__ */ T(S, {
-								variant: R === "list" ? "default" : "ghost",
+							}), /* @__PURE__ */ D(C, {
+								variant: B === "list" ? "default" : "ghost",
 								size: "sm",
-								onClick: () => z("list"),
-								"aria-label": A("bigconsole.dashboards.view.list", "List view"),
-								"aria-pressed": R === "list",
-								title: A("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__ */ T(re, { style: {
+								children: /* @__PURE__ */ D(se, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
 							})]
 						})]
 					}),
-					B && H.length === 0 && /* @__PURE__ */ T("div", {
+					H && W.length === 0 && /* @__PURE__ */ D("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "center",
 							padding: "80px 0"
 						},
-						children: /* @__PURE__ */ E("div", {
+						children: /* @__PURE__ */ O("div", {
 							style: { textAlign: "center" },
-							children: [/* @__PURE__ */ T(me, { style: {
+							children: [/* @__PURE__ */ D(E, { style: {
 								height: "var(--size-icon-xl)",
 								width: "var(--size-icon-xl)",
 								margin: "0 auto var(--space-formGap)"
-							} }), /* @__PURE__ */ T("p", {
+							} }), /* @__PURE__ */ D("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-muted)"
 								},
-								children: A("bigconsole.dashboards.loading", "Loading dashboards...")
+								children: M("bigconsole.dashboards.loading", "Loading dashboards...")
 							})]
 						})
 					}),
-					!B && R === "grid" && q.length > 0 && /* @__PURE__ */ T("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: X.map((e) => /* @__PURE__ */ T(C, {
-							onClick: () => Q(e.id),
+						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__ */ E(w, {
+							children: /* @__PURE__ */ O(T, {
 								style: { padding: "var(--space-cardPadding)" },
 								children: [
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ O("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
 											gap: "var(--space-controlGap)",
 											marginBottom: "var(--space-formGap)"
 										},
-										children: [/* @__PURE__ */ T("div", {
+										children: [/* @__PURE__ */ D("div", {
 											style: {
 												display: "flex",
 												height: "var(--size-controlHeight-lg)",
@@ -371,17 +388,17 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 												borderRadius: "var(--radius-button)",
 												backgroundColor: "var(--color-action-primary-bg)"
 											},
-											children: /* @__PURE__ */ T(_, { style: {
+											children: /* @__PURE__ */ D(_, { style: {
 												height: "var(--size-icon-md)",
 												width: "var(--size-icon-md)",
 												color: "var(--color-action-primary-text)"
 											} })
-										}), /* @__PURE__ */ E("div", {
+										}), /* @__PURE__ */ O("div", {
 											style: {
 												flex: 1,
 												minWidth: 0
 											},
-											children: [/* @__PURE__ */ T("h3", {
+											children: [/* @__PURE__ */ D("h3", {
 												style: {
 													fontWeight: "var(--font-weight-bold)",
 													fontSize: "var(--font-size-body-md)",
@@ -392,7 +409,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 													whiteSpace: "nowrap"
 												},
 												children: e.name
-											}), e.category && /* @__PURE__ */ T(x, {
+											}), e.category && /* @__PURE__ */ D(S, {
 												variant: "secondary",
 												style: {
 													marginTop: "var(--space-controlGap)",
@@ -404,7 +421,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 											})]
 										})]
 									}),
-									/* @__PURE__ */ T("p", {
+									/* @__PURE__ */ D("p", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											lineHeight: "var(--font-lineHeight-normal)",
@@ -416,9 +433,9 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 											WebkitBoxOrient: "vertical",
 											overflow: "hidden"
 										},
-										children: e.description || A("bigconsole.dashboards.card.noDescription", "No description provided")
+										children: e.description || M("bigconsole.dashboards.card.noDescription", "No description provided")
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ O("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
@@ -429,72 +446,72 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 											borderRadius: "var(--radius-button)"
 										},
 										children: [
-											/* @__PURE__ */ E("div", {
+											/* @__PURE__ */ O("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-iconGap)"
 												},
 												children: [
-													/* @__PURE__ */ T(g, { style: {
+													/* @__PURE__ */ D(g, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)",
 														color: "var(--color-action-primary-bg)"
 													} }),
-													/* @__PURE__ */ T("span", {
+													/* @__PURE__ */ D("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															fontWeight: "var(--font-weight-semibold)",
 															color: "var(--color-text-primary)"
 														},
-														children: Me(e)
+														children: Ve(e)
 													}),
-													/* @__PURE__ */ T("span", {
+													/* @__PURE__ */ D("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															color: "var(--color-text-muted)"
 														},
-														children: A("bigconsole.dashboards.card.pages", "pages")
+														children: M("bigconsole.dashboards.card.pages", "pages")
 													})
 												]
 											}),
-											/* @__PURE__ */ T("div", { style: {
+											/* @__PURE__ */ D("div", { style: {
 												width: "1px",
 												height: "var(--size-icon-sm)",
 												backgroundColor: "var(--color-border)"
 											} }),
-											/* @__PURE__ */ E("div", {
+											/* @__PURE__ */ O("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-iconGap)"
 												},
 												children: [
-													/* @__PURE__ */ T(h, { style: {
+													/* @__PURE__ */ D(ae, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)",
 														color: "var(--color-action-primary-bg)"
 													} }),
-													/* @__PURE__ */ T("span", {
+													/* @__PURE__ */ D("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															fontWeight: "var(--font-weight-semibold)",
 															color: "var(--color-text-primary)"
 														},
-														children: je(e)
+														children: Be(e)
 													}),
-													/* @__PURE__ */ T("span", {
+													/* @__PURE__ */ D("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															color: "var(--color-text-muted)"
 														},
-														children: A("bigconsole.dashboards.card.widgets", "widgets")
+														children: M("bigconsole.dashboards.card.widgets", "widgets")
 													})
 												]
 											})
 										]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ O("div", {
 										style: {
 											display: "flex",
 											alignItems: "center",
@@ -502,79 +519,91 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 											paddingTop: "var(--space-controlGap)",
 											borderTop: "1px solid var(--color-border)"
 										},
-										children: [/* @__PURE__ */ E("div", {
+										children: [/* @__PURE__ */ O("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
 												gap: "var(--space-iconGap)"
 											},
-											children: [/* @__PURE__ */ T(p, { style: {
+											children: [/* @__PURE__ */ D(m, { style: {
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)",
 												color: "var(--color-text-muted)"
-											} }), /* @__PURE__ */ T("span", {
+											} }), /* @__PURE__ */ D("span", {
 												style: {
 													fontSize: "var(--font-size-body-sm)",
 													fontWeight: "var(--font-weight-medium)",
 													color: "var(--color-text-muted)"
 												},
-												children: Ae(e.updatedAt)
+												children: ze(e.updatedAt)
 											})]
-										}), /* @__PURE__ */ E("div", {
+										}), /* @__PURE__ */ O("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
 												gap: "var(--space-controlGap)"
 											},
 											children: [
-												/* @__PURE__ */ T(S, {
-													variant: "ghost",
-													size: "sm",
-													onClick: (t) => $(e.id, t),
-													style: {
-														height: "var(--size-controlHeight-sm)",
-														width: "var(--size-controlHeight-sm)",
-														padding: 0,
-														borderRadius: "var(--radius-button)"
-													},
-													title: A("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-													children: /* @__PURE__ */ T(v, { style: {
-														height: "var(--size-icon-sm)",
-														width: "var(--size-icon-sm)"
-													} })
+												/* @__PURE__ */ D(p, {
+													permission: r.DASHBOARD_UPDATE,
+													deniedBehavior: "hide",
+													children: /* @__PURE__ */ D(C, {
+														variant: "ghost",
+														size: "sm",
+														onClick: (t) => Ne(e.id, t),
+														style: {
+															height: "var(--size-controlHeight-sm)",
+															width: "var(--size-controlHeight-sm)",
+															padding: 0,
+															borderRadius: "var(--radius-button)"
+														},
+														title: M("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
+														children: /* @__PURE__ */ D(v, { style: {
+															height: "var(--size-icon-sm)",
+															width: "var(--size-icon-sm)"
+														} })
+													})
 												}),
-												/* @__PURE__ */ T(S, {
-													variant: "ghost",
-													size: "sm",
-													onClick: (t) => Ee(e.id, e.name, t),
-													style: {
-														height: "var(--size-controlHeight-sm)",
-														width: "var(--size-controlHeight-sm)",
-														padding: 0,
-														borderRadius: "var(--radius-button)"
-													},
-													title: A("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-													children: /* @__PURE__ */ T(m, { style: {
-														height: "var(--size-icon-sm)",
-														width: "var(--size-icon-sm)"
-													} })
+												/* @__PURE__ */ D(p, {
+													permission: r.DASHBOARD_CREATE,
+													deniedBehavior: "hide",
+													children: /* @__PURE__ */ D(C, {
+														variant: "ghost",
+														size: "sm",
+														onClick: (t) => Fe(e.id, e.name, t),
+														style: {
+															height: "var(--size-controlHeight-sm)",
+															width: "var(--size-controlHeight-sm)",
+															padding: 0,
+															borderRadius: "var(--radius-button)"
+														},
+														title: M("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
+														children: /* @__PURE__ */ D(h, { style: {
+															height: "var(--size-icon-sm)",
+															width: "var(--size-icon-sm)"
+														} })
+													})
 												}),
-												/* @__PURE__ */ T(S, {
-													variant: "ghost",
-													size: "sm",
-													onClick: (t) => Te(e.id, t),
-													style: {
-														height: "var(--size-controlHeight-sm)",
-														width: "var(--size-controlHeight-sm)",
-														padding: 0,
-														borderRadius: "var(--radius-button)"
-													},
-													className: "hover:text-status-error-text hover:bg-status-error-bg/10",
-													title: A("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-													children: /* @__PURE__ */ T(ae, { style: {
-														height: "var(--size-icon-sm)",
-														width: "var(--size-icon-sm)"
-													} })
+												/* @__PURE__ */ D(p, {
+													permission: r.DASHBOARD_DELETE,
+													deniedBehavior: "hide",
+													children: /* @__PURE__ */ D(C, {
+														variant: "ghost",
+														size: "sm",
+														onClick: (t) => Pe(e.id, t),
+														style: {
+															height: "var(--size-controlHeight-sm)",
+															width: "var(--size-controlHeight-sm)",
+															padding: 0,
+															borderRadius: "var(--radius-button)"
+														},
+														className: "hover:text-status-error-text hover:bg-status-error-bg/10",
+														title: M("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
+														children: /* @__PURE__ */ D(b, { style: {
+															height: "var(--size-icon-sm)",
+															width: "var(--size-icon-sm)"
+														} })
+													})
 												})
 											]
 										})]
@@ -583,22 +612,22 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 							})
 						}, e.id))
 					}),
-					!B && R === "list" && q.length > 0 && /* @__PURE__ */ T("div", {
+					!H && B === "list" && X.length > 0 && /* @__PURE__ */ D("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: "var(--space-controlGap)"
 						},
-						children: X.map((e) => /* @__PURE__ */ T(C, {
-							onClick: () => Q(e.id),
+						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__ */ T(w, {
+							children: /* @__PURE__ */ D(T, {
 								style: { padding: "var(--space-cardPadding)" },
-								children: /* @__PURE__ */ E("div", {
+								children: /* @__PURE__ */ O("div", {
 									style: {
 										display: "flex",
 										alignItems: "center",
@@ -606,7 +635,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 										flexWrap: "wrap"
 									},
 									children: [
-										/* @__PURE__ */ T("div", {
+										/* @__PURE__ */ D("div", {
 											style: {
 												display: "flex",
 												height: "var(--size-controlHeight-lg)",
@@ -617,25 +646,25 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 												borderRadius: "var(--radius-button)",
 												backgroundColor: "var(--color-action-primary-bg)"
 											},
-											children: /* @__PURE__ */ T(_, { style: {
+											children: /* @__PURE__ */ D(_, { style: {
 												height: "var(--size-icon-md)",
 												width: "var(--size-icon-md)",
 												color: "var(--color-action-primary-text)"
 											} })
 										}),
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ O("div", {
 											style: {
 												flex: 1,
 												minWidth: "180px"
 											},
-											children: [/* @__PURE__ */ E("div", {
+											children: [/* @__PURE__ */ O("div", {
 												style: {
 													display: "flex",
 													alignItems: "center",
 													gap: "var(--space-controlGap)",
 													flexWrap: "wrap"
 												},
-												children: [/* @__PURE__ */ T("h3", {
+												children: [/* @__PURE__ */ D("h3", {
 													style: {
 														fontWeight: "var(--font-weight-bold)",
 														fontSize: "var(--font-size-body-md)",
@@ -647,7 +676,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 														maxWidth: "100%"
 													},
 													children: e.name
-												}), e.category && /* @__PURE__ */ T(x, {
+												}), e.category && /* @__PURE__ */ D(S, {
 													variant: "secondary",
 													style: {
 														fontSize: "10px",
@@ -656,7 +685,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 													},
 													children: e.category
 												})]
-											}), /* @__PURE__ */ T("p", {
+											}), /* @__PURE__ */ D("p", {
 												style: {
 													fontSize: "var(--font-size-body-sm)",
 													lineHeight: "var(--font-lineHeight-normal)",
@@ -666,10 +695,10 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 													textOverflow: "ellipsis",
 													whiteSpace: "nowrap"
 												},
-												children: e.description || A("bigconsole.dashboards.card.noDescription", "No description provided")
+												children: e.description || M("bigconsole.dashboards.card.noDescription", "No description provided")
 											})]
 										}),
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ O("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -677,140 +706,152 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 												flexWrap: "wrap"
 											},
 											children: [
-												/* @__PURE__ */ E("div", {
+												/* @__PURE__ */ O("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ T(g, { style: {
+														/* @__PURE__ */ D(g, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
 														} }),
-														/* @__PURE__ */ T("span", {
+														/* @__PURE__ */ D("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: Me(e)
+															children: Ve(e)
 														}),
-														/* @__PURE__ */ T("span", {
+														/* @__PURE__ */ D("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																color: "var(--color-text-muted)"
 															},
-															children: A("bigconsole.dashboards.card.pages", "pages")
+															children: M("bigconsole.dashboards.card.pages", "pages")
 														})
 													]
 												}),
-												/* @__PURE__ */ E("div", {
+												/* @__PURE__ */ O("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ T(h, { style: {
+														/* @__PURE__ */ D(ae, { style: {
 															height: "var(--size-icon-sm)",
 															width: "var(--size-icon-sm)",
 															color: "var(--color-action-primary-bg)"
 														} }),
-														/* @__PURE__ */ T("span", {
+														/* @__PURE__ */ D("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																fontWeight: "var(--font-weight-semibold)",
 																color: "var(--color-text-primary)"
 															},
-															children: je(e)
+															children: Be(e)
 														}),
-														/* @__PURE__ */ T("span", {
+														/* @__PURE__ */ D("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																color: "var(--color-text-muted)"
 															},
-															children: A("bigconsole.dashboards.card.widgets", "widgets")
+															children: M("bigconsole.dashboards.card.widgets", "widgets")
 														})
 													]
 												}),
-												/* @__PURE__ */ E("div", {
+												/* @__PURE__ */ O("div", {
 													style: {
 														display: "flex",
 														alignItems: "center",
 														gap: "var(--space-iconGap)"
 													},
-													children: [/* @__PURE__ */ T(p, { style: {
+													children: [/* @__PURE__ */ D(m, { style: {
 														height: "var(--size-icon-sm)",
 														width: "var(--size-icon-sm)",
 														color: "var(--color-text-muted)"
-													} }), /* @__PURE__ */ T("span", {
+													} }), /* @__PURE__ */ D("span", {
 														style: {
 															fontSize: "var(--font-size-body-sm)",
 															fontWeight: "var(--font-weight-medium)",
 															color: "var(--color-text-muted)"
 														},
-														children: Ae(e.updatedAt)
+														children: ze(e.updatedAt)
 													})]
 												})
 											]
 										}),
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ O("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
 												gap: "var(--space-controlGap)"
 											},
 											children: [
-												/* @__PURE__ */ T(S, {
-													variant: "ghost",
-													size: "sm",
-													onClick: (t) => $(e.id, t),
-													style: {
-														height: "var(--size-controlHeight-sm)",
-														width: "var(--size-controlHeight-sm)",
-														padding: 0,
-														borderRadius: "var(--radius-button)"
-													},
-													title: A("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
-													children: /* @__PURE__ */ T(v, { style: {
-														height: "var(--size-icon-sm)",
-														width: "var(--size-icon-sm)"
-													} })
+												/* @__PURE__ */ D(p, {
+													permission: r.DASHBOARD_UPDATE,
+													deniedBehavior: "hide",
+													children: /* @__PURE__ */ D(C, {
+														variant: "ghost",
+														size: "sm",
+														onClick: (t) => Ne(e.id, t),
+														style: {
+															height: "var(--size-controlHeight-sm)",
+															width: "var(--size-controlHeight-sm)",
+															padding: 0,
+															borderRadius: "var(--radius-button)"
+														},
+														title: M("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
+														children: /* @__PURE__ */ D(v, { style: {
+															height: "var(--size-icon-sm)",
+															width: "var(--size-icon-sm)"
+														} })
+													})
 												}),
-												/* @__PURE__ */ T(S, {
-													variant: "ghost",
-													size: "sm",
-													onClick: (t) => Ee(e.id, e.name, t),
-													style: {
-														height: "var(--size-controlHeight-sm)",
-														width: "var(--size-controlHeight-sm)",
-														padding: 0,
-														borderRadius: "var(--radius-button)"
-													},
-													title: A("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
-													children: /* @__PURE__ */ T(m, { style: {
-														height: "var(--size-icon-sm)",
-														width: "var(--size-icon-sm)"
-													} })
+												/* @__PURE__ */ D(p, {
+													permission: r.DASHBOARD_CREATE,
+													deniedBehavior: "hide",
+													children: /* @__PURE__ */ D(C, {
+														variant: "ghost",
+														size: "sm",
+														onClick: (t) => Fe(e.id, e.name, t),
+														style: {
+															height: "var(--size-controlHeight-sm)",
+															width: "var(--size-controlHeight-sm)",
+															padding: 0,
+															borderRadius: "var(--radius-button)"
+														},
+														title: M("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
+														children: /* @__PURE__ */ D(h, { style: {
+															height: "var(--size-icon-sm)",
+															width: "var(--size-icon-sm)"
+														} })
+													})
 												}),
-												/* @__PURE__ */ T(S, {
-													variant: "ghost",
-													size: "sm",
-													onClick: (t) => Te(e.id, t),
-													style: {
-														height: "var(--size-controlHeight-sm)",
-														width: "var(--size-controlHeight-sm)",
-														padding: 0,
-														borderRadius: "var(--radius-button)"
-													},
-													className: "hover:text-status-error-text hover:bg-status-error-bg/10",
-													title: A("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
-													children: /* @__PURE__ */ T(ae, { style: {
-														height: "var(--size-icon-sm)",
-														width: "var(--size-icon-sm)"
-													} })
+												/* @__PURE__ */ D(p, {
+													permission: r.DASHBOARD_DELETE,
+													deniedBehavior: "hide",
+													children: /* @__PURE__ */ D(C, {
+														variant: "ghost",
+														size: "sm",
+														onClick: (t) => Pe(e.id, t),
+														style: {
+															height: "var(--size-controlHeight-sm)",
+															width: "var(--size-controlHeight-sm)",
+															padding: 0,
+															borderRadius: "var(--radius-button)"
+														},
+														className: "hover:text-status-error-text hover:bg-status-error-bg/10",
+														title: M("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
+														children: /* @__PURE__ */ D(b, { style: {
+															height: "var(--size-icon-sm)",
+															width: "var(--size-icon-sm)"
+														} })
+													})
 												})
 											]
 										})
@@ -819,7 +860,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 							})
 						}, e.id))
 					}),
-					!B && q.length > O && /* @__PURE__ */ E("div", {
+					!H && X.length > A && /* @__PURE__ */ O("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -829,30 +870,30 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 							marginTop: "var(--space-sectionGap)"
 						},
 						children: [
-							/* @__PURE__ */ E(S, {
+							/* @__PURE__ */ O(C, {
 								variant: "outline",
 								size: "sm",
-								onClick: ye,
-								disabled: M <= 1,
-								"aria-label": A("bigconsole.dashboards.pagination.previous", "Previous"),
-								children: [/* @__PURE__ */ T(ee, { style: {
+								onClick: Te,
+								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)"
-								} }), A("bigconsole.dashboards.pagination.previous", "Previous")]
+								} }), M("bigconsole.dashboards.pagination.previous", "Previous")]
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ D("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)",
 									flexWrap: "wrap"
 								},
-								children: Array.from({ length: J }, (e, t) => t + 1).map((e) => /* @__PURE__ */ T(S, {
-									variant: e === M ? "default" : "ghost",
+								children: Array.from({ length: Z }, (e, t) => t + 1).map((e) => /* @__PURE__ */ D(C, {
+									variant: e === P ? "default" : "ghost",
 									size: "sm",
-									onClick: () => xe(e),
-									"aria-current": e === M ? "page" : void 0,
+									onClick: () => De(e),
+									"aria-current": e === P ? "page" : void 0,
 									style: {
 										minWidth: "var(--size-controlHeight-sm)",
 										height: "var(--size-controlHeight-sm)",
@@ -862,79 +903,93 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = l(function() {
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ E(S, {
+							/* @__PURE__ */ O(C, {
 								variant: "outline",
 								size: "sm",
-								onClick: be,
-								disabled: M >= J,
-								"aria-label": A("bigconsole.dashboards.pagination.next", "Next"),
-								children: [A("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ T(te, { style: {
+								onClick: Ee,
+								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__ */ T("span", {
+							/* @__PURE__ */ D("span", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-muted)",
 									marginLeft: "var(--space-controlGap)"
 								},
-								children: A("bigconsole.dashboards.pagination.pageOf", `Page ${M} of ${J}`)
+								children: j("bigconsole.dashboards.pagination.pageOf", "Page {{currentPage}} of {{totalPages}}", {
+									currentPage: P,
+									totalPages: Z
+								})
 							})
 						]
 					}),
-					!B && q.length === 0 && /* @__PURE__ */ T(le, {
+					!H && X.length === 0 && /* @__PURE__ */ D(fe, {
 						treatment: "insight",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ T(de, {
-							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", {
+						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__ */ E(S, {
-									onClick: Z,
-									children: [/* @__PURE__ */ T(y, { 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: De,
-									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")]
+								children: [/* @__PURE__ */ D(p, {
+									permission: r.DASHBOARD_CREATE,
+									deniedBehavior: "hide",
+									children: /* @__PURE__ */ O(C, {
+										onClick: Oe,
+										children: [/* @__PURE__ */ D(y, { style: {
+											marginRight: "var(--space-iconGap)",
+											height: "var(--size-icon-sm)",
+											width: "var(--size-icon-sm)"
+										} }), M("bigconsole.dashboards.actions.create", "Create Dashboard")]
+									})
+								}), /* @__PURE__ */ D(p, {
+									permission: r.DASHBOARD_IMPORT,
+									deniedBehavior: "hide",
+									children: /* @__PURE__ */ O(C, {
+										variant: "outline",
+										onClick: Ie,
+										children: [/* @__PURE__ */ D(x, { style: {
+											marginRight: "var(--space-iconGap)",
+											height: "var(--size-icon-sm)",
+											width: "var(--size-icon-sm)"
+										} }), M("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
+									})
 								})]
 							})
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ T(r, {
-				isOpen: ge,
-				isCreating: F,
-				onClose: Ce,
-				onCreate: we,
-				onTemplateInstalled: Se
+			/* @__PURE__ */ D(i, {
+				isOpen: ve,
+				isCreating: L,
+				onClose: Ae,
+				onCreate: je,
+				onTemplateInstalled: ke
 			}),
-			/* @__PURE__ */ T(i, {
-				isOpen: _e,
-				onClose: Oe,
-				onSuccess: ke
+			/* @__PURE__ */ D(a, {
+				isOpen: ye,
+				onClose: Le,
+				onSuccess: Re
 			})
 		]
+	}) : /* @__PURE__ */ D(te, {
+		title: "Access Denied",
+		description: "You don't have permission to view dashboards."
 	});
 });
 //#endregion
-export { k as DashboardsPage, k as default };
+export { j as DashboardsPage, j as default };
 
 //# sourceMappingURL=DashboardsPage.js.map