@burdenoff/microfe-bigconsole 2026.1104.1 → 2026.1104.2

package/dist/bigconsole/components/dashboard/LiveCanvasToggle.js

@@ -1,28 +1,29 @@
-import { memo as e } from "react";
-import { Radio as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { LIVE_DATA_REFRESH_SECONDS as e } from "../../utils/liveBoardRefresh.js";
+import { memo as t } from "react";
+import { Radio as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/LiveCanvasToggle.tsx
-var i = e(function({ isLive: e, onToggle: i }) {
-	return /* @__PURE__ */ r("button", {
+var a = t(function({ isLive: t, onToggle: a }) {
+	return /* @__PURE__ */ i("button", {
 		type: "button",
-		onClick: i,
-		"aria-pressed": e,
+		onClick: a,
+		"aria-pressed": t,
 		"data-testid": "live-canvas-toggle",
-		"data-live": e ? "on" : "off",
-		title: e ? "Live canvas on — new widgets and pages appear automatically, no reload needed" : "Turn on live canvas to watch the board update as the pipeline builds",
-		className: ["inline-flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs font-medium transition-colors", e ? "bg-status-success-bg text-status-success-text border border-status-success-border" : "text-text-secondary border border-border-default hover:bg-bg-sunken"].join(" "),
-		children: [e ? /* @__PURE__ */ r("span", {
+		"data-live": t ? "on" : "off",
+		title: t ? `Live canvas on — new widgets and pages appear automatically and widget data refreshes about every ${e} seconds, no reload needed` : `Turn on live canvas to watch the board update as the pipeline builds and refresh widget data about every ${e} seconds`,
+		className: ["inline-flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs font-medium transition-colors", t ? "bg-status-success-bg text-status-success-text border border-status-success-border" : "text-text-secondary border border-border-default hover:bg-bg-sunken"].join(" "),
+		children: [t ? /* @__PURE__ */ i("span", {
 			className: "relative flex h-2.5 w-2.5 flex-shrink-0",
 			"aria-hidden": "true",
-			children: [/* @__PURE__ */ n("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-status-success-text opacity-60" }), /* @__PURE__ */ n("span", { className: "relative inline-flex h-2.5 w-2.5 rounded-full bg-status-success-text" })]
-		}) : /* @__PURE__ */ n(t, {
+			children: [/* @__PURE__ */ r("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-status-success-text opacity-60" }), /* @__PURE__ */ r("span", { className: "relative inline-flex h-2.5 w-2.5 rounded-full bg-status-success-text" })]
+		}) : /* @__PURE__ */ r(n, {
 			className: "h-3.5 w-3.5 flex-shrink-0",
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ n("span", {
+		}), /* @__PURE__ */ r("span", {
 			className: "uppercase tracking-wide",
-			children: e ? "Live" : "Go live"
+			children: t ? "Live" : "Go live"
 		})]
 	});
 });
 //#endregion
-export { i as LiveCanvasToggle, i as default };
+export { a as LiveCanvasToggle, a as default };

package/dist/bigconsole/pages/DashboardViewPage.js

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

package/dist/bigconsole/utils/liveBoardRefresh.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Live board refresh cadence (BOFF-10201).
+ *
+ * While GO LIVE is on, the dashboard view refetches two things:
+ *
+ *  - the board STRUCTURE (dashboard + widget list) every few seconds, so new
+ *    widgets and pages appear without a reload;
+ *  - every on-screen widget's DATA (`GetWidget`), so a changed sink payload
+ *    shows up within seconds.
+ *
+ * The widget list (`WidgetListFields`) carries no data, so before this change
+ * GO LIVE only refreshed structure and the numbers moved on each widget's own
+ * `refreshInterval` — 300s on generated boards, never when it is 0. A wall
+ * display therefore lagged a sink change by up to five minutes.
+ *
+ * The data cadence matches fe-libs' short-lived GraphQL read cache
+ * (`RECENT_QUERY_CACHE_TTL_MS`, 15s): refetching any faster would be answered
+ * from that cache and add requests without adding freshness.
+ */
+/** How often live mode refetches the dashboard and widget list. */
+export declare const LIVE_STRUCTURE_POLL_MS = 3500;
+/** How often live mode refetches every visible widget's data. */
+export declare const LIVE_DATA_REFRESH_MS = 15000;
+/** Whole seconds of the data cadence, for user-facing copy. */
+export declare const LIVE_DATA_REFRESH_SECONDS: number;
+/**
+ * Whether the live data refetch is due. `lastRefreshAt` is null before the
+ * first refetch, which is always due so the board catches up the moment live
+ * mode is switched on or the tab becomes visible again.
+ */
+export declare function isLiveDataRefreshDue(lastRefreshAt: number | null, now: number): boolean;

package/dist/bigconsole/utils/liveBoardRefresh.js

@@ -0,0 +1,7 @@
+//#region src/bigconsole/utils/liveBoardRefresh.ts
+var e = 3500, t = 15e3, n = Math.round(t / 1e3);
+function r(e, n) {
+	return e === null || n - e >= t;
+}
+//#endregion
+export { t as LIVE_DATA_REFRESH_MS, n as LIVE_DATA_REFRESH_SECONDS, e as LIVE_STRUCTURE_POLL_MS, r as isLiveDataRefreshDue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-bigconsole",
-  "version": "2026.1104.1",
+  "version": "2026.1104.2",
   "description": "BigConsole - AI-powered analytics and dashboard platform",
   "type": "module",
   "files": [