@burdenoff/microfe-bigconsole 2026.1010.12 → 2026.1012.1

package/dist/bigconsole/pages/DashboardViewPage.js

@@ -1,75 +1,73 @@
 import { useWidgetStore as e } from "../store/widgetStore.js";
 import { useDashboardStore as t } from "../store/dashboardStore.js";
 import "../store/index.js";
-import { useBigConsoleNavigate as n } from "../context/BigConsoleContext.js";
+import { useBigConsoleBasePath as n, useBigConsoleNavigate as r } from "../context/BigConsoleContext.js";
 import "../context/index.js";
-import { Section as r } from "../components/common/Section.js";
+import { Section as i } from "../components/common/Section.js";
 import "../components/common/index.js";
-import i from "../hooks/useWidgetOperations.js";
-import ee from "../hooks/useDashboardOperations.js";
-import te from "../hooks/useActivePage.js";
-import ne, { parseUrlToGlobalFilterValues as re } from "../hooks/useFilterUrlSync.js";
-import ie from "../hooks/usePageOperations.js";
+import ee from "../hooks/useWidgetOperations.js";
+import te from "../hooks/useDashboardOperations.js";
+import a from "../hooks/useActivePage.js";
+import o, { parseUrlToGlobalFilterValues as ne } from "../hooks/useFilterUrlSync.js";
+import re from "../hooks/usePageOperations.js";
 import "../hooks/index.js";
-import { BIGCONSOLE_PERMISSIONS as a } from "../../constants/permissions.js";
-import { loadBigConsoleSettings as ae } from "../hooks/useBigConsoleSettings.js";
-import oe from "../components/dashboard/DashboardCanvas.js";
-import se from "../components/dashboard/LiveCanvasToggle.js";
-import ce from "../components/dashboard/ExportDashboardDialog.js";
-import le from "../components/dashboard/DrilldownBreadcrumb.js";
-import ue from "../components/dashboard/PublishToStoreDialog.js";
+import { BIGCONSOLE_PERMISSIONS as s } from "../../constants/permissions.js";
+import { loadBigConsoleSettings as ie } from "../hooks/useBigConsoleSettings.js";
+import ae from "../components/dashboard/DashboardCanvas.js";
+import oe from "../components/dashboard/LiveCanvasToggle.js";
+import se from "../components/dashboard/ExportDashboardDialog.js";
+import ce from "../components/dashboard/DrilldownBreadcrumb.js";
+import le from "../components/dashboard/PublishToStoreDialog.js";
 import "../components/dashboard/index.js";
-import { dashboardPageTabs as de } from "../assistant/pageControls.js";
-import { memo as o, useCallback as s, useEffect as c, useMemo as fe, useRef as pe, useState as l } from "react";
-import { useLocation as me, useParams as he } from "react-router";
-import { AccessDenied as ge } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as _e } from "@burdenoff/fe-libs/shared/providers/shell";
-import { ArrowLeft as ve } from "lucide-react";
-import { Button as u, IllustratedEmptyState as ye } from "@burdenoff/fe-libs/ui";
-import { useI18n as be } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useAssistantPageControls as xe } from "@burdenoff/fe-libs/shared/assistant/appControls/useAssistantControl";
+import { memo as c, useCallback as l, useEffect as u, useRef as ue, useState as d } from "react";
+import { useLocation as de, useParams as fe } from "react-router";
+import { AccessDenied as pe } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as me } from "@burdenoff/fe-libs/shared/providers/shell";
+import { ArrowLeft as he } from "lucide-react";
+import { Button as f, IllustratedEmptyState as ge } from "@burdenoff/fe-libs/ui";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useI18n as _e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/pages/DashboardViewPage.tsx
-var m = o(function() {
-	let { dashboardId: o } = he(), m = n(), { t: h } = be(), { hasPermission: g, isLoading: _ } = _e(), v = g(a.DASHBOARD_READ), Se = g(a.DASHBOARD_UPDATE), Ce = g(a.DASHBOARD_EXPORT), we = g(a.DASHBOARD_PUBLISH), [Te, y] = l(!1), [b, x] = l(!1), [Ee, De] = l(!1), [S, Oe] = l(!1), { isInDrilldown: C, getContextFromUrl: w, getDrilldownMetadata: T } = ne(), E = t((e) => e.currentDashboard), D = t((e) => e.setCurrentDashboard), O = t((e) => e.setGlobalFilterValue), ke = t((e) => e.clearAllGlobalFilters), Ae = t((e) => e.setGlobalFilterValues), k = e((e) => e.widgets), je = me(), { activePageId: A, setActivePage: j } = te(E?.id === o ? E?.pages : void 0), M = e((e) => e.clipboardWidgetId), N = e((e) => e.clipboardAction), P = e((e) => e.clearClipboard), F = e((e) => e.selectWidget), { loading: I, error: L, fetchDashboard: R, updateDashboard: z } = ee(), { createWidget: B, deleteWidget: V, duplicateWidget: H, batchUpdatePositions: U, refetch: W } = i(A || void 0, o), { createPage: G, updatePage: K, deletePage: q, reorderPages: J } = ie();
-	c(() => {
-		if (!o) {
-			m("/dashboards");
+var g = c(function() {
+	let { dashboardId: c } = fe(), g = r(), _ = n(), { t: v } = _e(), { hasPermission: y, isLoading: ve } = me(), ye = y(s.DASHBOARD_READ), be = y(s.DASHBOARD_UPDATE), xe = y(s.DASHBOARD_EXPORT), Se = y(s.DASHBOARD_PUBLISH), [Ce, b] = d(!1), [we, x] = d(!1), [Te, S] = d(!1), [C, Ee] = d(!1), { isInDrilldown: w, getContextFromUrl: T, getDrilldownMetadata: E } = o(), D = t((e) => e.currentDashboard), O = t((e) => e.setCurrentDashboard), k = t((e) => e.setGlobalFilterValue), A = t((e) => e.clearAllGlobalFilters), j = t((e) => e.setGlobalFilterValues), M = e((e) => e.widgets), De = de(), { activePageId: N, setActivePage: P } = a(D?.id === c ? D?.pages : void 0), F = e((e) => e.clipboardWidgetId), I = e((e) => e.clipboardAction), L = e((e) => e.clearClipboard), R = e((e) => e.selectWidget), { loading: z, error: B, fetchDashboard: V, updateDashboard: H } = te(), { createWidget: U, deleteWidget: W, duplicateWidget: G, batchUpdatePositions: K, refetch: q } = ee(N || void 0, c), { createPage: J, updatePage: Y, deletePage: X, reorderPages: Z } = re();
+	u(() => {
+		if (!c) {
+			g("/dashboards");
 			return;
 		}
-		return Ae(re(window.location.search, "filter_")), x(!1), R(o).then((e) => {
+		return j(ne(window.location.search, "filter_")), x(!1), V(c).then((e) => {
 			e || x(!0);
 		}), () => {
-			D(null), ke(), x(!1);
+			O(null), A(), x(!1);
 		};
 	}, [
-		o,
-		m,
-		R,
-		D,
-		ke,
-		Ae
-	]), c(() => {
-		if (!C) return;
-		let e = w(), t = T();
+		c,
+		g,
+		V,
+		O,
+		A,
+		j
+	]), u(() => {
+		if (!w) return;
+		let e = T(), t = E();
 		Object.entries(e).forEach(([e, t]) => {
-			O(`ctx_${e}`, t);
-		}), t.depth > 0 && (O("__drilldown_depth", t.depth), O("__drilldown_parent", t.parent), O("__drilldown_path", t.path)), Object.keys(e).length > 0 && console.debug("[DashboardViewPage] Loaded drilldown context:", {
+			k(`ctx_${e}`, t);
+		}), t.depth > 0 && (k("__drilldown_depth", t.depth), k("__drilldown_parent", t.parent), k("__drilldown_path", t.path)), Object.keys(e).length > 0 && console.debug("[DashboardViewPage] Loaded drilldown context:", {
 			context: e,
 			metadata: t
 		});
 	}, [
-		C,
 		w,
 		T,
-		O,
-		je.search
+		E,
+		k,
+		De.search
 	]);
-	let Y = pe(W);
-	Y.current = W, c(() => {
-		if (!S || !o) return;
+	let Q = ue(q);
+	Q.current = q, u(() => {
+		if (!C || !c) return;
 		let e = () => {
-			typeof document < "u" && document.visibilityState !== "visible" || t.getState().viewMode !== "edit" && (R(o, { silent: !0 }), Y.current());
+			typeof document < "u" && document.visibilityState !== "visible" || t.getState().viewMode !== "edit" && (V(c, { silent: !0 }), Q.current());
 		};
 		e();
 		let n = window.setInterval(e, 3500), r = () => {
@@ -79,85 +77,60 @@ var m = o(function() {
 			window.clearInterval(n), document.removeEventListener("visibilitychange", r);
 		};
 	}, [
-		S,
-		o,
-		R
+		C,
+		c,
+		V
 	]);
-	let Me = s(async () => {
-		if (o) {
-			y(!0);
+	let Oe = l(async () => {
+		if (c) {
+			b(!0);
 			try {
-				let e = Array.from(k.values());
-				e.length > 0 && await U(e.map((e) => ({
+				let e = Array.from(M.values());
+				e.length > 0 && await K(e.map((e) => ({
 					id: e.id,
 					position: e.position
-				}))), E && await z({
-					id: o,
-					name: E.name,
-					description: E.description
+				}))), D && await H({
+					id: c,
+					name: D.name,
+					description: D.description
 				});
 			} catch {} finally {
-				y(!1);
+				b(!1);
 			}
 		}
 	}, [
-		o,
-		k,
-		E,
-		U,
-		z
-	]), Ne = s(() => {
-		m("/dashboards");
-	}, [m]), X = s((e) => {
-		j(e);
-	}, [j]), Z = fe(() => (E?.pages || []).map((e, t) => ({
-		id: e.id,
-		name: e.name || h("bigconsole.dashboards.view.pageName", "Page {{count}}", { count: t + 1 }),
-		order: e.order ?? 0
-	})), [E?.pages, h]), Q = E && E.id === o ? E.name : null, $ = A || E?.pages?.[0]?.id || null;
-	xe(fe(() => !_ && v && !L && !b && !I && Q !== null ? de({
-		dashboardName: Q || h("bigconsole.dashboards.title", "Dashboards"),
-		tabs: Z.map((e) => ({
-			id: e.id,
-			label: e.name
-		})),
-		current: $,
-		select: X
-	}) : null, [
-		_,
-		v,
-		L,
-		b,
-		I,
-		Q,
-		Z,
-		$,
-		X,
-		h
-	]));
-	let Pe = s(async () => {
-		let e = A || E?.pages?.[0]?.id;
-		if (!M || !o || !e) return;
-		let t = k.get(M);
+		c,
+		M,
+		D,
+		K,
+		H
+	]), ke = l(() => {
+		g("/dashboards");
+	}, [g]), Ae = l((e) => {
+		P(e);
+	}, [P]), je = l(async () => {
+		let e = N || D?.pages?.[0]?.id;
+		if (!F || !c || !e) return;
+		let t = M.get(F);
 		if (!t) {
-			P();
+			L();
 			return;
 		}
 		let n = {
 			x: 0,
-			y: Array.from(k.values()).reduce((e, t) => {
+			y: Array.from(M.values()).reduce((e, t) => {
 				let n = (t.positionY ?? 0) + (t.positionHeight ?? 4);
 				return Math.max(e, n);
 			}, 0),
-			width: Math.min(t.positionWidth ?? 4, E?.pages.find((t) => t.id === e)?.gridColumns ?? 12),
+			width: Math.min(t.positionWidth ?? 4, D?.pages.find((t) => t.id === e)?.gridColumns ?? 12),
 			height: t.positionHeight ?? 4
-		}, r = N === "copy" ? h("bigconsole.dashboards.view.widgetCopyTitle", "{{title}} (Copy)", { title: t.title }) : t.title, i = null;
+		}, r = I === "copy" ? v("bigconsole.dashboards.view.widgetCopyTitle", "{{title}} (Copy)", { title: t.title }) : t.title, i = null;
 		try {
-			i = await H(M, n, r);
+			i = await G(F, n, r);
 		} catch {}
-		i ||= await B({
+		i ||= await U({
 			pageId: e,
-			dashboardId: o,
+			dashboardId: c,
 			type: t.type,
 			title: r,
 			description: t.description,
@@ -169,249 +142,253 @@ var m = o(function() {
 			position: n,
 			refreshInterval: t.refreshInterval ?? void 0,
 			metadata: t.metadata
-		}), i && (F(i.id), N === "cut" && await V(M)), P();
+		}), i && (R(i.id), I === "cut" && await W(F)), L();
 	}, [
-		M,
-		N,
-		o,
-		A,
-		E,
-		k,
-		H,
-		B,
-		V,
 		F,
-		P,
-		h
-	]), Fe = s(() => {
-		De(!0);
-	}, []), [Ie, Le] = l(!1), Re = s(() => {
-		Le(!0);
-	}, []), ze = s(() => {
-		Le(!1);
-	}, []), Be = s(() => {
-		De(!1);
-	}, []), Ve = s(async () => {
-		if (!E || !o) return;
-		let e = await G({
-			dashboardId: o,
-			name: h("bigconsole.dashboards.view.pageName", "Page {{count}}", { count: (E.pages?.length || 0) + 1 }),
-			gridColumns: ae().defaultGridColumns
+		I,
+		c,
+		N,
+		D,
+		M,
+		G,
+		U,
+		W,
+		R,
+		L,
+		v
+	]), Me = l(() => {
+		S(!0);
+	}, []), [Ne, $] = d(!1), Pe = l(() => {
+		$(!0);
+	}, []), Fe = l(() => {
+		$(!1);
+	}, []), Ie = l(() => {
+		S(!1);
+	}, []), Le = l(async () => {
+		if (!D || !c) return;
+		let e = await J({
+			dashboardId: c,
+			name: v("bigconsole.dashboards.view.pageName", "Page {{count}}", { count: (D.pages?.length || 0) + 1 }),
+			gridColumns: ie().defaultGridColumns
 		});
-		e && (D({
-			...E,
-			pages: [...E.pages || [], e]
-		}), j(e.id));
+		e && (O({
+			...D,
+			pages: [...D.pages || [], e]
+		}), P(e.id));
 	}, [
-		E,
-		o,
 		D,
-		G,
-		j,
-		h
-	]), He = s(async (e, t) => {
-		E && await K({
+		c,
+		O,
+		J,
+		P,
+		v
+	]), Re = l(async (e, t) => {
+		D && await Y({
 			id: e,
 			name: t
-		}) && D({
-			...E,
-			pages: E.pages?.map((n) => n.id === e ? {
+		}) && O({
+			...D,
+			pages: D.pages?.map((n) => n.id === e ? {
 				...n,
 				name: t
 			} : n)
 		});
 	}, [
-		E,
 		D,
-		K
-	]), Ue = s(async (e) => {
-		if (!E || !o) return;
-		let t = E.pages?.find((t) => t.id === e);
+		O,
+		Y
+	]), ze = l(async (e) => {
+		if (!D || !c) return;
+		let t = D.pages?.find((t) => t.id === e);
 		if (!t) return;
-		let n = await G({
-			dashboardId: o,
+		let n = await J({
+			dashboardId: c,
 			gridColumns: t.gridColumns,
-			name: h("bigconsole.dashboards.view.pageCopyName", "{{name}} (Copy)", { name: t.name ?? "" })
+			name: v("bigconsole.dashboards.view.pageCopyName", "{{name}} (Copy)", { name: t.name ?? "" })
 		});
-		n && (D({
-			...E,
-			pages: [...E.pages || [], n]
-		}), j(n.id));
+		n && (O({
+			...D,
+			pages: [...D.pages || [], n]
+		}), P(n.id));
 	}, [
-		E,
-		o,
 		D,
-		G,
-		j,
-		h
-	]), We = s(async (e) => {
-		if (!(!E || (E.pages?.length || 0) <= 1) && await q(e)) {
-			let t = E.pages?.filter((t) => t.id !== e).map((e, t) => ({
+		c,
+		O,
+		J,
+		P,
+		v
+	]), Be = l(async (e) => {
+		if (!(!D || (D.pages?.length || 0) <= 1) && await X(e)) {
+			let t = D.pages?.filter((t) => t.id !== e).map((e, t) => ({
 				...e,
 				order: t
 			}));
-			D({
-				...E,
+			O({
+				...D,
 				pages: t
 			});
 			let n = t?.[0]?.id;
-			A === e && n && j(n, { replace: !0 });
+			N === e && n && P(n, { replace: !0 });
 		}
 	}, [
-		E,
 		D,
-		A,
-		q,
-		j
-	]), Ge = s(async (e) => {
-		!E || !o || (D({
-			...E,
+		O,
+		N,
+		X,
+		P
+	]), Ve = l(async (e) => {
+		!D || !c || (O({
+			...D,
 			pages: e.map((e, t) => ({
 				...e,
 				order: t
 			}))
-		}), await J(o, e.map((e) => e.id)));
+		}), await Z(c, e.map((e) => e.id)));
 	}, [
-		E,
-		o,
 		D,
-		J
+		c,
+		O,
+		Z
 	]);
-	return _ ? /* @__PURE__ */ f("div", {
+	return ve ? /* @__PURE__ */ m("div", {
 		className: "flex items-center justify-center h-full",
-		children: /* @__PURE__ */ f("div", { className: "animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full" })
-	}) : v ? L ? /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ m("div", { className: "animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full" })
+	}) : ye ? B ? /* @__PURE__ */ m("div", {
 		className: "flex h-full flex-col items-center justify-center",
 		style: { padding: "var(--space-pagePadding)" },
-		children: /* @__PURE__ */ f(r, {
+		children: /* @__PURE__ */ m(i, {
 			headingLevel: 2,
 			tone: "danger",
-			title: h("bigconsole.dashboards.view.errorTitle", "Error loading dashboard"),
-			description: /* @__PURE__ */ f("span", {
+			title: v("bigconsole.dashboards.view.errorTitle", "Error loading dashboard"),
+			description: /* @__PURE__ */ m("span", {
 				className: "break-words",
-				children: L.message
+				children: B.message
 			}),
 			className: "w-full max-w-md",
 			"data-testid": "dashboard-view-error",
-			actions: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(u, {
+			actions: /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {
 				size: "sm",
-				onClick: () => R(o),
-				children: h("bigconsole.dashboards.view.retry", "Retry")
-			}), /* @__PURE__ */ f(u, {
+				onClick: () => V(c),
+				children: v("bigconsole.dashboards.view.retry", "Retry")
+			}), /* @__PURE__ */ m(f, {
 				size: "sm",
 				variant: "outline",
-				onClick: () => m("/dashboards"),
-				children: h("bigconsole.dashboards.view.backToDashboards", "Back to Dashboards")
+				onClick: () => g("/dashboards"),
+				children: v("bigconsole.dashboards.view.backToDashboards", "Back to Dashboards")
 			})] })
 		})
-	}) : b ? /* @__PURE__ */ f("div", {
+	}) : we ? /* @__PURE__ */ m("div", {
 		className: "flex flex-col items-center justify-center h-full",
 		style: { padding: "var(--space-pagePadding)" },
-		children: /* @__PURE__ */ f(ye, {
+		children: /* @__PURE__ */ m(ge, {
 			illustration: "empty-data",
-			title: h("bigconsole.dashboards.view.notFoundTitle", "Dashboard not found"),
-			description: /* @__PURE__ */ p(d, { children: [h("bigconsole.dashboards.view.notFoundDescription", "The dashboard you're looking for doesn't exist or has been deleted."), /* @__PURE__ */ f("span", {
+			title: v("bigconsole.dashboards.view.notFoundTitle", "Dashboard not found"),
+			description: /* @__PURE__ */ h(p, { children: [v("bigconsole.dashboards.view.notFoundDescription", "The dashboard you're looking for doesn't exist or has been deleted."), /* @__PURE__ */ m("span", {
 				className: "mt-2 block font-mono text-xs text-text-muted break-all",
-				children: h("bigconsole.dashboards.view.idLabel", "ID: {{id}}", { id: o ?? "" })
+				children: v("bigconsole.dashboards.view.idLabel", "ID: {{id}}", { id: c ?? "" })
 			})] }),
-			action: /* @__PURE__ */ f(u, {
-				onClick: () => m("/dashboards"),
-				children: h("bigconsole.dashboards.view.backToDashboards", "Back to Dashboards")
+			action: /* @__PURE__ */ m(f, {
+				onClick: () => g("/dashboards"),
+				children: v("bigconsole.dashboards.view.backToDashboards", "Back to Dashboards")
 			})
 		})
-	}) : I || !E ? /* @__PURE__ */ f("div", {
+	}) : z || !D ? /* @__PURE__ */ m("div", {
 		className: "flex items-center justify-center h-full",
 		role: "status",
 		"aria-live": "polite",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ h("div", {
 			className: "flex flex-col items-center gap-4",
-			children: [/* @__PURE__ */ f("div", { className: "animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full" }), /* @__PURE__ */ f("p", {
+			children: [/* @__PURE__ */ m("div", { className: "animate-spin w-8 h-8 border-4 border-action-primary-bg border-t-transparent rounded-full" }), /* @__PURE__ */ m("p", {
 				className: "text-sm text-text-secondary",
-				children: h("bigconsole.dashboards.view.loading", "Loading dashboard...")
+				children: v("bigconsole.dashboards.view.loading", "Loading dashboard...")
 			})]
 		})
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ h("div", {
 		className: "h-full flex flex-col overflow-hidden",
 		children: [
-			/* @__PURE__ */ f(r, {
+			/* @__PURE__ */ m(i, {
 				emphasis: "bare",
 				padding: "none",
 				"data-testid": "dashboard-route-header",
 				"aria-label": "Dashboard",
 				className: "flex-shrink-0 border-b border-[var(--color-border-subtle)] bg-bg-surface px-3 py-2",
 				headerClassName: "",
-				header: /* @__PURE__ */ p("div", {
+				header: /* @__PURE__ */ h("div", {
 					className: "flex flex-wrap items-center gap-control-gap",
 					children: [
-						/* @__PURE__ */ p(u, {
-							onClick: Ne,
+						/* @__PURE__ */ h(f, {
+							onClick: ke,
 							variant: "ghost",
 							size: "sm",
-							title: h("bigconsole.dashboards.view.backToDashboards", "Back to Dashboards"),
-							"aria-label": h("bigconsole.dashboards.view.backToDashboards", "Back to Dashboards"),
+							title: v("bigconsole.dashboards.view.backToDashboards", "Back to Dashboards"),
+							"aria-label": v("bigconsole.dashboards.view.backToDashboards", "Back to Dashboards"),
 							className: "flex-shrink-0",
-							children: [/* @__PURE__ */ f(ve, { className: "w-4 h-4 mr-2" }), h("bigconsole.dashboards.view.back", "Back")]
+							children: [/* @__PURE__ */ m(he, { className: "w-4 h-4 mr-2" }), v("bigconsole.dashboards.view.back", "Back")]
 						}),
-						/* @__PURE__ */ f("h1", {
+						/* @__PURE__ */ m("h1", {
 							className: "min-w-0 flex-1 truncate text-sm font-semibold text-text-primary",
-							title: E.name,
-							children: E.name
+							title: D.name,
+							children: D.name
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ m("div", {
 							className: "flex-shrink-0",
-							children: /* @__PURE__ */ f(se, {
-								isLive: S,
-								onToggle: () => Oe((e) => !e)
+							children: /* @__PURE__ */ m(oe, {
+								isLive: C,
+								onToggle: () => Ee((e) => !e)
 							})
 						})
 					]
 				})
 			}),
-			C && /* @__PURE__ */ f(le, {
-				currentDashboardId: E.id,
-				currentDashboardName: E.name,
-				basePath: "/bigconsole/dashboards"
+			w && /* @__PURE__ */ m(ce, {
+				currentDashboardId: D.id,
+				currentDashboardName: D.name,
+				basePath: `${_}/dashboards`
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex-1 min-w-0 overflow-hidden",
-				children: /* @__PURE__ */ f(oe, {
-					dashboardId: E.id,
-					pageId: A || E.pages?.[0]?.id,
-					title: E.name,
-					onPaste: Pe,
-					onSave: Se ? Me : void 0,
-					isSaving: Te,
-					onExport: Ce ? Fe : void 0,
-					onPublishTemplate: we ? Re : void 0,
-					pages: Z,
-					activePageId: $ ?? void 0,
-					onPageChange: X,
-					onPageAdd: Ve,
-					onPageRename: He,
-					onPageDuplicate: Ue,
-					onPageDelete: We,
-					onPagesReorder: Ge,
+				children: /* @__PURE__ */ m(ae, {
+					dashboardId: D.id,
+					pageId: N || D.pages?.[0]?.id,
+					title: D.name,
+					onPaste: je,
+					onSave: be ? Oe : void 0,
+					isSaving: Ce,
+					onExport: xe ? Me : void 0,
+					onPublishTemplate: Se ? Pe : void 0,
+					pages: (D.pages || []).map((e, t) => ({
+						id: e.id,
+						name: e.name || v("bigconsole.dashboards.view.pageName", "Page {{count}}", { count: t + 1 }),
+						order: e.order ?? 0
+					})),
+					activePageId: N || D.pages?.[0]?.id,
+					onPageChange: Ae,
+					onPageAdd: Le,
+					onPageRename: Re,
+					onPageDuplicate: ze,
+					onPageDelete: Be,
+					onPagesReorder: Ve,
 					showPageTabs: !0
 				})
 			}),
-			/* @__PURE__ */ f(ce, {
-				isOpen: Ee,
-				dashboardId: E.id,
-				dashboardName: E.name,
-				onClose: Be
+			/* @__PURE__ */ m(se, {
+				isOpen: Te,
+				dashboardId: D.id,
+				dashboardName: D.name,
+				onClose: Ie
 			}),
-			/* @__PURE__ */ f(ue, {
-				isOpen: Ie,
-				dashboardId: E.id,
-				dashboardName: E.name,
-				dashboardDescription: E.description,
-				onClose: ze
+			/* @__PURE__ */ m(le, {
+				isOpen: Ne,
+				dashboardId: D.id,
+				dashboardName: D.name,
+				dashboardDescription: D.description,
+				onClose: Fe
 			})
 		]
-	}) : /* @__PURE__ */ f(ge, {
-		title: h("bigconsole.dashboards.view.accessDeniedTitle", "Access Denied"),
-		description: h("bigconsole.dashboards.view.accessDeniedDescription", "You don't have permission to view this dashboard.")
+	}) : /* @__PURE__ */ m(pe, {
+		title: v("bigconsole.dashboards.view.accessDeniedTitle", "Access Denied"),
+		description: v("bigconsole.dashboards.view.accessDeniedDescription", "You don't have permission to view this dashboard.")
 	});
 });
 //#endregion
-export { m as DashboardViewPage, m as default };
+export { g as DashboardViewPage, g as default };