@burdenoff/microfe-bigconsole 2026.1012.8 → 2026.1012.9

package/dist/bigconsole/assistant/assistantRunStore.js

@@ -87,7 +87,7 @@ var _ = i()((r, i) => ({
 	}),
 	applyProgress: (e) => r((t) => {
 		let n = { ...t.steps }, r = { ...t.entityIds }, i = (e, t) => {
-			n[e] = m(n[e], "done"), t && e !== "widget" && (r[e] = t);
+			n[e] = m(n[e], "done"), t && e !== "widget" && (e === "dashboard" && r.dashboard !== t && (delete r.widget, n.widget = "pending"), r[e] = t);
 		};
 		for (let t of e.matchAll(c)) {
 			let e = d[t[1] ?? ""];
@@ -110,11 +110,11 @@ var _ = i()((r, i) => ({
 		if (r.completedResultIds.includes(t)) return r;
 		let a = e(n);
 		if (a.length === 0) return r;
-		let o = { ...r.steps }, s = { ...r.entityIds }, c = { ...r.entityResultOrder }, l = !1, u = (e, t) => {
-			let n = c[e];
-			i !== void 0 && n !== void 0 && i < n || (i !== void 0 && (c[e] = i), o[e] = "done", s[e] = t, l = !0);
+		let o = { ...r.steps }, s = { ...r.entityIds }, c = { ...r.entityResultOrder }, l = !1, u = (e, t, n = !1) => {
+			let r = c[e];
+			i !== void 0 && r !== void 0 && i < r || (e === "dashboard" && !n && s.dashboard !== t && (delete s.widget, delete c.widget, o.widget = "pending"), i !== void 0 && (c[e] = i), o[e] = "done", s[e] = t, l = !0);
 		};
-		for (let e of a) u(e.step, e.id), e.dashboardId && u("dashboard", e.dashboardId), e.parserId && u("parser", e.parserId);
+		for (let e of a) u(e.step, e.id), e.dashboardId && u("dashboard", e.dashboardId, e.step === "widget"), e.parserId && u("parser", e.parserId);
 		let d = [...r.completedResultIds, t];
 		return l ? {
 			steps: o,

package/dist/bigconsole/components/DrilldownDashboardRenderer.d.ts

@@ -5,6 +5,9 @@ export interface DrilldownDashboardRendererProps {
     dashboardId: string;
     live?: boolean;
     refreshRevision?: number;
+    /** AI preview read-after-write expectation; ordinary drilldowns leave this unset. */
+    expectedWidgetId?: string;
+    requestWorkspaceId?: string;
     /** Parameters passed from drilldown (can be used for filtering) */
     params: Record<string, unknown>;
 }

package/dist/bigconsole/components/DrilldownDashboardRenderer.js

@@ -1,21 +1,24 @@
 import { GetDashboardDocument as e, ListWidgetsByDashboardDocument as t } from "../../generated/wspace-operations.js";
-import { Section as n, SectionStack as r } from "./common/Section.js";
+import { loadConfirmedPreviewWidgets as n } from "./preview/confirmedPreviewWidgets.js";
+import { Section as r, SectionStack as i } from "./common/Section.js";
 import "./common/index.js";
-import { mapFromFederationWidgetType as i } from "../utils/widgetTypeMapping.js";
-import { MODAL_TARGET_PAGE_PARAM as a } from "../hooks/useDrilldown.js";
-import o from "./widgets/WidgetWrapper.js";
-import { getVisibleDrilldownParams as s } from "../utils/drilldownParams.js";
-import { memo as c, useEffect as l, useState as u } from "react";
-import { useApolloClient as d } from "@apollo/client/react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { mapFromFederationWidgetType as a } from "../utils/widgetTypeMapping.js";
+import { MODAL_TARGET_PAGE_PARAM as o } from "../hooks/useDrilldown.js";
+import s from "./widgets/WidgetWrapper.js";
+import { getVisibleDrilldownParams as c } from "../utils/drilldownParams.js";
+import { memo as l, useEffect as u, useState as d } from "react";
+import { Button as f } from "@burdenoff/fe-libs/ui";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useApolloClient as m } from "@apollo/client/react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/bigconsole/components/DrilldownDashboardRenderer.tsx
-function m(e, t) {
+function _(e, t) {
 	let n = t * 4, r = {
 		x: 0,
 		y: n,
 		width: 12,
 		height: 4
-	}, a = e.config || {}, o = a._internalWidgetType || i(e.type || "KPI");
+	}, i = e.config || {}, o = i._internalWidgetType || a(e.type || "KPI");
 	return {
 		id: e.id ?? "",
 		pageId: e.pageId || "",
@@ -28,7 +31,7 @@ function m(e, t) {
 		datasetId: e.datasetId || null,
 		parserId: e.parserId || null,
 		parserRules: e.parserRules || null,
-		config: a,
+		config: i,
 		position: r,
 		positionX: 0,
 		positionY: n,
@@ -49,7 +52,7 @@ function m(e, t) {
 		updatedAt: e.updatedAt || (/* @__PURE__ */ new Date()).toISOString()
 	};
 }
-function h(e, t) {
+function v(e, t) {
 	let n = {
 		x: 0,
 		y: t * 4,
@@ -65,163 +68,178 @@ function h(e, t) {
 		positionHeight: 4
 	};
 }
-var g = c(function({ dashboardId: i, params: o, live: c = !1, refreshRevision: g = 0 }) {
-	let v = d(), [y, b] = u(!0), [x, S] = u(null), [C, w] = u(null), [T, E] = u([]);
-	if (l(() => {
-		if (!i) {
-			b(!1);
+var y = l(function({ dashboardId: a, params: s, live: l = !1, refreshRevision: y = 0, expectedWidgetId: x, requestWorkspaceId: S }) {
+	let C = m(), { t: w } = p(), [T, E] = d(0), [D, O] = d(!0), [k, A] = d(null), [j, M] = d(null), [N, P] = d([]);
+	if (u(() => {
+		if (!a) {
+			O(!1);
 			return;
 		}
-		let n = !1, r = !1;
-		b(!0);
-		async function a() {
-			if (!r) {
-				r = !0, S(null);
+		let r = !1, i = new AbortController(), o = S ? {
+			requiredWorkspaceAuth: !0,
+			requiredWorkspaceId: S,
+			queryDeduplication: !1,
+			fetchOptions: { signal: i.signal }
+		} : void 0, s = !1, c = !1;
+		O(!0);
+		async function u() {
+			if (!(s || c)) {
+				s = !0, A(null);
 				try {
-					let r = await v.query({
+					let s = await C.query({
 						query: e,
-						variables: { id: i },
-						fetchPolicy: "network-only"
+						variables: { id: a },
+						fetchPolicy: S ? "no-cache" : "network-only",
+						...o ? { context: o } : {}
 					});
-					if (n) return;
-					let a = r.data?.getDashboard;
-					if (!a) {
-						S("Dashboard not found"), b(!1);
+					if (r) return;
+					let c = s.data?.getDashboard;
+					if (!c) {
+						A("Dashboard not found"), O(!1);
 						return;
 					}
-					let o = a.pages?.edges?.map((e) => ({
+					let l = c.pages?.edges?.map((e) => ({
 						id: e.node.id,
 						name: e.node.name || "Page 1"
 					})) || [];
-					w({
-						id: a.id,
-						name: a.name,
-						description: a.description,
-						pages: o
+					M({
+						id: c.id,
+						name: c.name,
+						description: c.description,
+						pages: l
 					});
-					let s = await v.query({
+					let u = await n(async () => ((await C.query({
 						query: t,
-						variables: { dashboardId: i },
-						fetchPolicy: "network-only"
-					});
-					if (n) return;
-					E((s.data?.listWidgetsByDashboard || []).map((e, t) => m(e, t)));
+						variables: { dashboardId: a },
+						fetchPolicy: S ? "no-cache" : "network-only",
+						...o ? { context: o } : {}
+					})).data?.listWidgetsByDashboard || []).map((e, t) => _(e, t)), x, i.signal);
+					if (r) return;
+					P(u);
 				} catch (e) {
-					n || S(e instanceof Error ? e.message : "Failed to load dashboard");
+					r || A(e instanceof Error ? e.message : "Failed to load dashboard"), x && (c = !0);
 				} finally {
-					r = !1, n || b(!1);
+					s = !1, r || O(!1);
 				}
 			}
 		}
-		a();
-		let o = c ? window.setInterval(() => {
-			document.visibilityState === "visible" && a();
+		u();
+		let d = l ? window.setInterval(() => {
+			document.visibilityState === "visible" && u();
 		}, 4e3) : void 0;
 		return () => {
-			n = !0, o !== void 0 && window.clearInterval(o);
+			r = !0, i.abort(), d !== void 0 && window.clearInterval(d);
 		};
 	}, [
-		i,
-		v,
-		c,
-		g
-	]), y) return /* @__PURE__ */ f("div", {
+		a,
+		C,
+		l,
+		y,
+		x,
+		S,
+		T
+	]), D) return /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center h-full",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "flex flex-col items-center gap-3",
-			children: [/* @__PURE__ */ f("div", { className: "w-8 h-8 border-2 border-action-primary-bg border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ f("p", {
+			children: [/* @__PURE__ */ h("div", { className: "w-8 h-8 border-2 border-action-primary-bg border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ h("p", {
 				className: "text-sm text-text-secondary",
 				children: "Loading dashboard..."
 			})]
 		})
 	});
-	if (x) return /* @__PURE__ */ f("div", {
-		className: "flex h-full items-center justify-center",
+	if (k) return /* @__PURE__ */ g("div", {
+		className: "flex h-full flex-col items-center justify-center gap-3",
 		role: "alert",
-		children: /* @__PURE__ */ f(n, {
+		children: [/* @__PURE__ */ h(r, {
 			headingLevel: 3,
 			tone: "danger",
 			className: "w-full max-w-md",
 			"data-testid": "drilldown-error",
 			title: "Could not load this dashboard",
-			description: x,
-			icon: /* @__PURE__ */ f("svg", {
+			description: k,
+			icon: /* @__PURE__ */ h("svg", {
 				className: "h-icon-md w-icon-md",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ f("path", {
+				children: /* @__PURE__ */ h("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 1.5,
 					d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
 				})
 			})
-		})
+		}), x && S ? /* @__PURE__ */ h(f, {
+			onClick: () => E((e) => e + 1),
+			variant: "outline",
+			size: "sm",
+			children: w("bigconsole.widget.customWidget.action.retry", "Retry")
+		}) : null]
 	});
-	if (!C || T.length === 0) return /* @__PURE__ */ f("div", {
+	if (!j || N.length === 0) return /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center h-full",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "flex flex-col items-center gap-3 text-center",
-			children: [/* @__PURE__ */ f("svg", {
+			children: [/* @__PURE__ */ h("svg", {
 				className: "w-12 h-12 text-text-muted",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ f("path", {
+				children: /* @__PURE__ */ h("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 1.5,
 					d: "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
 				})
-			}), /* @__PURE__ */ f("p", {
+			}), /* @__PURE__ */ h("p", {
 				className: "text-sm text-text-secondary",
-				children: C ? "This dashboard has no widgets" : "Dashboard not found"
+				children: j ? "This dashboard has no widgets" : "Dashboard not found"
 			})]
 		})
 	});
-	let D = s(o), O = o[a], k = C.pages.find((e) => e.id === O) ?? C.pages[0] ?? null, A = (k ? T.filter((e) => !e.pageId || e.pageId === k.id) : T).map((e, t) => h(e, t));
-	return /* @__PURE__ */ p(r, {
+	let F = c(s), I = s[o], L = j.pages.find((e) => e.id === I) ?? j.pages[0] ?? null, R = (L ? N.filter((e) => !e.pageId || e.pageId === L.id) : N).map((e, t) => v(e, t));
+	return /* @__PURE__ */ g(i, {
 		className: "w-full",
 		children: [
-			/* @__PURE__ */ f(n, {
+			/* @__PURE__ */ h(r, {
 				emphasis: "bare",
 				padding: "none",
 				headingLevel: 3,
-				title: C.name,
-				description: C.pages.length > 1 && k ? /* @__PURE__ */ f("span", {
+				title: j.name,
+				description: j.pages.length > 1 && L ? /* @__PURE__ */ h("span", {
 					"data-testid": "drilldown-dashboard-page",
-					children: k.name
-				}) : C.description,
+					children: L.name
+				}) : j.description,
 				"data-testid": "drilldown-dashboard-header"
 			}),
-			D.length > 0 && /* @__PURE__ */ f(n, {
+			F.length > 0 && /* @__PURE__ */ h(r, {
 				emphasis: "muted",
 				padding: "compact",
 				headingLevel: 3,
 				title: "Filtered by",
 				"data-testid": "drilldown-params",
 				bodyClassName: "flex flex-wrap gap-control-gap",
-				children: D.map(([e, t]) => /* @__PURE__ */ p("span", {
+				children: F.map(([e, t]) => /* @__PURE__ */ g("span", {
 					className: "inline-flex items-center rounded-pill bg-bg-surface px-2 py-1 text-xs text-text-secondary",
-					children: [/* @__PURE__ */ p("span", {
+					children: [/* @__PURE__ */ g("span", {
 						className: "font-medium text-text-primary",
 						children: [e, ":"]
-					}), /* @__PURE__ */ f("span", {
+					}), /* @__PURE__ */ h("span", {
 						className: "ml-1",
 						children: typeof t == "object" && t ? JSON.stringify(t) : String(t)
 					})]
 				}, e))
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex flex-col gap-form-gap",
-				children: [A.length === 0 && /* @__PURE__ */ f("p", {
+				children: [R.length === 0 && /* @__PURE__ */ h("p", {
 					className: "text-sm text-text-secondary",
 					"data-testid": "drilldown-page-empty",
 					children: "This page has no widgets"
-				}), A.map((e) => {
+				}), R.map((e) => {
 					let t = e.config?._internalWidgetType, n = e.type;
-					return /* @__PURE__ */ f("div", {
+					return /* @__PURE__ */ h("div", {
 						className: "min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-surface",
 						style: n === "LINE_CHART" || n === "chart" || t === "chart" || t === "funnel_chart" ? { height: "clamp(220px, 45vh, 350px)" } : n === "TABLE" || n === "table" || t === "table" || t === "list" || t === "pivot_table" ? {
 							minHeight: "min(250px, 40vh)",
@@ -230,19 +248,19 @@ var g = c(function({ dashboardId: i, params: o, live: c = !1, refreshRevision: g
 							minHeight: "min(120px, 25vh)",
 							maxHeight: "min(300px, 50vh)"
 						},
-						children: /* @__PURE__ */ f(_, {
+						children: /* @__PURE__ */ h(b, {
 							widget: e,
-							filterValues: o
+							filterValues: s
 						})
 					}, e.id);
 				})]
 			})
 		]
 	});
-}), _ = c(function({ widget: e, filterValues: t }) {
-	return /* @__PURE__ */ f("div", {
+}), b = l(function({ widget: e, filterValues: t }) {
+	return /* @__PURE__ */ h("div", {
 		className: "h-full [&_[data-widget-id]]:border-transparent [&_[data-widget-id]:hover]:border-transparent",
-		children: /* @__PURE__ */ f(o, {
+		children: /* @__PURE__ */ h(s, {
 			widget: e,
 			isLoading: !1,
 			error: null,
@@ -251,4 +269,4 @@ var g = c(function({ dashboardId: i, params: o, live: c = !1, refreshRevision: g
 	});
 });
 //#endregion
-export { g as default };
+export { y as default };

package/dist/bigconsole/components/preview/AiPreviewContent.d.ts

@@ -2,9 +2,10 @@ export declare function DataSinkContent({ id, live }: {
     id?: string;
     live: boolean;
 }): import("react").JSX.Element;
-export declare function DashboardContent({ dashboardId, live }: {
+export declare function DashboardContent({ dashboardId, live, expectedWidgetId, }: {
     dashboardId?: string;
     live?: boolean;
+    expectedWidgetId?: string;
 }): import("react").JSX.Element;
 /**
  * Read-only evaluation of the saved expression against up to 50 current source
@@ -15,7 +16,8 @@ export declare function ParserContent({ parserId, live }: {
     parserId?: string;
     live: boolean;
 }): import("react").JSX.Element;
-export declare function WidgetsContent({ dashboardId, live }: {
+export declare function WidgetsContent({ dashboardId, live, expectedWidgetId, }: {
     dashboardId?: string;
     live: boolean;
+    expectedWidgetId?: string;
 }): import("react").JSX.Element;

package/dist/bigconsole/components/preview/AiPreviewContent.js

@@ -1,180 +1,208 @@
 import { ListWidgetsByDashboardDocument as e } from "../../../generated/wspace-operations.js";
-import { useAssistantRunStore as t } from "../../assistant/assistantRunStore.js";
-import n from "../datasink/DataSinkTableViewer.js";
-import { normalizeWidget as r } from "../../hooks/useWidgetOperations.js";
-import i from "../../hooks/useDataSinkOperations.js";
-import a from "../widgets/WidgetWrapper.js";
-import o from "../DrilldownDashboardRenderer.js";
-import { loadParserPreview as s, parserSampleCaption as c } from "./parserPreview.js";
-import { useEffect as l, useRef as u, useState as d } from "react";
-import { Spinner as f } from "@burdenoff/fe-libs/ui";
-import { useApolloClient as p } from "@apollo/client/react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useBigConsole as t } from "../../context/BigConsoleContext.js";
+import "../../context/index.js";
+import { useAssistantRunStore as n } from "../../assistant/assistantRunStore.js";
+import { loadConfirmedPreviewWidgets as r } from "./confirmedPreviewWidgets.js";
+import i from "../datasink/DataSinkTableViewer.js";
+import { normalizeWidget as a } from "../../hooks/useWidgetOperations.js";
+import o from "../../hooks/useDataSinkOperations.js";
+import s from "../widgets/WidgetWrapper.js";
+import c from "../DrilldownDashboardRenderer.js";
+import { loadParserPreview as l, parserSampleCaption as u } from "./parserPreview.js";
+import { useEffect as d, useRef as f, useState as p } from "react";
+import { Button as m, Spinner as h } from "@burdenoff/fe-libs/ui";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useApolloClient as _ } from "@apollo/client/react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/bigconsole/components/preview/AiPreviewContent.tsx
-var g = 4e3, _ = "flex min-h-[6rem] min-w-0 items-center justify-center gap-2 rounded-card bg-bg-sunken px-3 py-6 text-center text-sm text-text-muted";
-function v({ label: e, testId: t }) {
-	return /* @__PURE__ */ h("div", {
-		className: _,
+var b = 4e3, x = "flex min-h-[6rem] min-w-0 items-center justify-center gap-2 rounded-card bg-bg-sunken px-3 py-6 text-center text-sm text-text-muted";
+function S({ label: e, testId: t }) {
+	return /* @__PURE__ */ y("div", {
+		className: x,
 		"data-testid": t,
-		children: [/* @__PURE__ */ m(f, { className: "size-4 shrink-0" }), e]
+		children: [/* @__PURE__ */ v(h, { className: "size-4 shrink-0" }), e]
 	});
 }
-function y({ text: e, testId: t }) {
-	return /* @__PURE__ */ m("p", {
-		className: _,
+function C({ text: e, testId: t }) {
+	return /* @__PURE__ */ v("p", {
+		className: x,
 		"data-testid": t,
 		children: e
 	});
 }
-function b({ text: e, testId: t }) {
-	return /* @__PURE__ */ m("p", {
-		className: `${_} text-status-error-text`,
+function w({ text: e, testId: t }) {
+	return /* @__PURE__ */ v("p", {
+		className: `${x} text-status-error-text`,
 		"data-testid": t,
 		children: e
 	});
 }
-function x(e, n, r) {
-	let i = t((e) => e.contentRevision), [a, o] = d(null), [s, c] = d(!!n), [f, p] = d(null), [m, h] = d(n), _ = u(e);
-	return _.current = e, n !== m && (h(n), o(null), p(null), c(!!n)), l(() => {
-		if (!n) return;
-		let e = !1, t = !1, i = async () => {
-			if (!t) {
-				t = !0;
+function T(e, t, r, i, a = !1) {
+	let o = n((e) => e.contentRevision), [s, c] = p(0), [l, u] = p(null), [m, h] = p(!!t), [g, _] = p(null), [v, y] = p(t), x = f(e);
+	return x.current = e, t !== v && (y(t), u(null), _(null), h(!!t)), d(() => {
+		if (!t) return;
+		let e = !1, n = new AbortController(), i = !1, o = !1, s = async () => {
+			if (!(i || o)) {
+				i = !0;
 				try {
-					let t = await _.current();
+					let t = await x.current(n.signal);
 					if (e) return;
-					o(t ?? null), p(null);
+					u(t ?? null), _(null);
 				} catch (t) {
 					if (e) return;
-					p(t instanceof Error ? t : /* @__PURE__ */ Error("Failed to load preview content"));
+					_(t instanceof Error ? t : /* @__PURE__ */ Error("Failed to load preview content")), a && (o = !0);
 				} finally {
-					t = !1, e || c(!1);
+					i = !1, e || h(!1);
 				}
 			}
 		};
-		i();
-		let a = window.setInterval(() => {
-			r && (typeof document < "u" && document.visibilityState !== "visible" || i());
-		}, g);
+		s();
+		let c = window.setInterval(() => {
+			r && (typeof document < "u" && document.visibilityState !== "visible" || s());
+		}, b);
 		return () => {
-			e = !0, window.clearInterval(a);
+			e = !0, n.abort(), window.clearInterval(c);
 		};
 	}, [
-		n,
+		t,
 		r,
-		i
+		o,
+		i,
+		s,
+		a
 	]), {
-		data: a,
-		loading: s,
-		error: f
+		data: l,
+		loading: m,
+		error: g,
+		reload: () => c((e) => e + 1)
 	};
 }
-function S({ id: e, live: t }) {
-	let { getDataSinkData: r } = i({ skipFetch: !0 }), { data: a, loading: o, error: s } = x(async () => {
-		let t = await r({ id: e }, { limit: 50 });
+function E({ id: e, live: t }) {
+	let { getDataSinkData: n } = o({ skipFetch: !0 }), { data: r, loading: a, error: s } = T(async () => {
+		let t = await n({ id: e }, { limit: 50 });
 		return t ? t.raw : null;
 	}, e, t);
-	return e ? s ? /* @__PURE__ */ m(b, {
+	return e ? s ? /* @__PURE__ */ v(w, {
 		text: "Could not load the data sink's rows.",
 		testId: "ai-preview-datasink-error"
-	}) : o ? /* @__PURE__ */ m(v, {
+	}) : a ? /* @__PURE__ */ v(S, {
 		label: "Loading the data sink’s data…",
 		testId: "ai-preview-datasink-loading"
-	}) : /* @__PURE__ */ m("div", {
+	}) : /* @__PURE__ */ v("div", {
 		"data-testid": "ai-preview-content-datasink",
 		className: "min-w-0",
-		children: /* @__PURE__ */ m(n, {
-			data: a,
+		children: /* @__PURE__ */ v(i, {
+			data: r,
 			maxHeight: "300px"
 		})
-	}) : /* @__PURE__ */ m(y, {
+	}) : /* @__PURE__ */ v(C, {
 		text: "Waiting for the data sink to be created…",
 		testId: "ai-preview-datasink-waiting"
 	});
 }
-function C({ dashboardId: e, live: n = !1 }) {
-	let r = t((e) => e.contentRevision);
-	return e ? /* @__PURE__ */ m("div", {
+function D({ dashboardId: e, live: r = !1, expectedWidgetId: i }) {
+	let a = n((e) => e.contentRevision), { workspaceId: o, currentUser: s } = t();
+	return e ? !o || !s?.id ? /* @__PURE__ */ v(S, { label: "Loading dashboard…" }) : /* @__PURE__ */ v("div", {
 		"data-testid": "ai-preview-content-dashboard",
 		className: "min-w-0",
-		children: /* @__PURE__ */ m(o, {
+		children: /* @__PURE__ */ v(c, {
 			dashboardId: e,
 			params: {},
-			live: n,
-			refreshRevision: r
-		}, e)
-	}) : /* @__PURE__ */ m(y, {
+			live: r,
+			refreshRevision: a,
+			expectedWidgetId: i,
+			requestWorkspaceId: o
+		}, `${o}|${s.id}|${e}`)
+	}) : /* @__PURE__ */ v(C, {
 		text: "Waiting for the dashboard to be created…",
 		testId: "ai-preview-dashboard-waiting"
 	});
 }
-function w({ parserId: e, live: t }) {
-	let r = p(), { data: i, loading: a, error: o } = x(() => e ? s(r, e) : Promise.resolve(null), e, t), l = c(i);
-	return e ? o ? /* @__PURE__ */ m(b, {
+function O({ parserId: e, live: t }) {
+	let n = _(), { data: r, loading: a, error: o } = T(() => e ? l(n, e) : Promise.resolve(null), e, t), s = u(r);
+	return e ? o ? /* @__PURE__ */ v(w, {
 		text: "Could not read the parser's output.",
 		testId: "ai-preview-parser-error"
-	}) : a ? /* @__PURE__ */ m(v, {
+	}) : a ? /* @__PURE__ */ v(S, {
 		label: "Loading the parser’s output…",
 		testId: "ai-preview-parser-loading"
-	}) : /* @__PURE__ */ h("div", {
+	}) : /* @__PURE__ */ y("div", {
 		"data-testid": "ai-preview-content-parser",
 		className: "min-w-0",
-		children: [l && /* @__PURE__ */ m("p", {
+		children: [s && /* @__PURE__ */ v("p", {
 			"data-testid": "ai-preview-parser-sample",
 			className: "mb-2 text-xs text-text-muted",
-			children: l
-		}), /* @__PURE__ */ m(n, {
-			data: i?.output ?? null,
+			children: s
+		}), /* @__PURE__ */ v(i, {
+			data: r?.output ?? null,
 			maxHeight: "280px"
 		})]
-	}) : /* @__PURE__ */ m(y, {
+	}) : /* @__PURE__ */ v(C, {
 		text: "Waiting for the parser to be created…",
 		testId: "ai-preview-parser-waiting"
 	});
 }
-function T(e) {
+function k(e) {
 	let t = e.toUpperCase();
 	return t.includes("METRIC") || t.includes("KPI") || t.includes("CARD") || t.includes("STAT") ? "min(160px, 40vh)" : t.includes("TABLE") || t.includes("LIST") ? "min(280px, 50vh)" : "min(320px, 50vh)";
 }
-function E(t, n) {
-	let i = p(), { data: a, loading: o, error: s } = x(async () => t ? ((await i.query({
+function A(n, i, o) {
+	let s = _(), { workspaceId: c, currentUser: l } = t(), u = n && c && l?.id ? `${c}|${l.id}|${n}` : void 0, { data: d, loading: f, error: p, reload: m } = T(async (t) => !n || !c || !l?.id ? null : r(async () => ((await s.query({
 		query: e,
-		variables: { dashboardId: t },
-		fetchPolicy: "network-only"
-	})).data?.listWidgetsByDashboard || []).map(r) : null, t, n);
+		variables: { dashboardId: n },
+		fetchPolicy: "no-cache",
+		context: {
+			requiredWorkspaceAuth: !0,
+			requiredWorkspaceId: c,
+			queryDeduplication: !1,
+			fetchOptions: { signal: t }
+		}
+	})).data?.listWidgetsByDashboard || []).map(a), o, t), u, i, o, !0);
 	return {
-		widgets: a ?? [],
-		loading: o,
-		error: s
+		widgets: d ?? [],
+		loading: !!(n && !u) || f,
+		error: p,
+		reload: m
 	};
 }
-function D({ dashboardId: e, live: t }) {
-	let { widgets: n, loading: r, error: i } = E(e, t);
-	return e ? i ? /* @__PURE__ */ m(b, {
-		text: "Could not load this dashboard's widgets.",
-		testId: "ai-preview-widget-error"
-	}) : r && n.length === 0 ? /* @__PURE__ */ m(v, {
+function j({ dashboardId: e, live: t, expectedWidgetId: n }) {
+	let { t: r } = g(), { widgets: i, loading: a, error: o, reload: c } = A(e, t, n), l = !!(n && !i.some((e) => e.id === n)), u = o ? /* @__PURE__ */ y("div", {
+		role: "alert",
+		children: [/* @__PURE__ */ v(w, {
+			text: "Could not load this dashboard's widgets.",
+			testId: "ai-preview-widget-error"
+		}), /* @__PURE__ */ v(m, {
+			onClick: c,
+			variant: "outline",
+			size: "sm",
+			children: r("bigconsole.widget.customWidget.action.retry", "Retry")
+		})]
+	}) : null;
+	return e ? u && i.length === 0 ? u : (a || l) && i.length === 0 ? /* @__PURE__ */ v(S, {
 		label: "Loading widgets…",
 		testId: "ai-preview-widget-loading"
-	}) : n.length === 0 ? /* @__PURE__ */ m(y, {
+	}) : i.length === 0 ? /* @__PURE__ */ v(C, {
 		text: "No widgets on this dashboard yet.",
 		testId: "ai-preview-widget-empty"
-	}) : /* @__PURE__ */ m("div", {
+	}) : /* @__PURE__ */ y("div", {
 		"data-testid": "ai-preview-content-widget",
 		className: "flex min-w-0 flex-col gap-list-gap",
-		children: n.map((e) => /* @__PURE__ */ m("div", {
+		children: [u ?? (l ? /* @__PURE__ */ v(S, {
+			label: "Loading widgets…",
+			testId: "ai-preview-widget-loading"
+		}) : null), i.map((e) => /* @__PURE__ */ v("div", {
 			className: "min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-canvas",
-			style: { height: T(e.type) },
-			children: /* @__PURE__ */ m(a, {
+			style: { height: k(e.type) },
+			children: /* @__PURE__ */ v(s, {
 				widget: e,
 				error: null,
 				filterValues: {}
 			})
-		}, e.id))
-	}) : /* @__PURE__ */ m(y, {
+		}, e.id))]
+	}) : /* @__PURE__ */ v(C, {
 		text: "Waiting for the dashboard — widgets live on it.",
 		testId: "ai-preview-widget-waiting"
 	});
 }
 //#endregion
-export { C as DashboardContent, S as DataSinkContent, w as ParserContent, D as WidgetsContent };
+export { D as DashboardContent, E as DataSinkContent, O as ParserContent, j as WidgetsContent };

package/dist/bigconsole/components/preview/AiPreviewPanel.js

@@ -4,182 +4,185 @@ import { PREVIEW_STEPS as t, useAssistantRunStore as n } from "../../assistant/a
 import { useBigConsolePreviewControl as r } from "../../assistant/usePreviewControl.js";
 import { useAssistantRunWorkspace as i } from "../../assistant/useAssistantRunWorkspace.js";
 import { usePreviewWidgetDashboard as a } from "../../assistant/usePreviewWidgetDashboard.js";
-import { Section as o } from "../common/Section.js";
+import { expectedPreviewWidgetId as o } from "./confirmedPreviewWidgets.js";
+import { Section as s } from "../common/Section.js";
 import "../common/index.js";
-import { DOCK_CLEARANCE as s, PreviewMeta as c, STEP_LABEL as l, formatAgo as u, previewLabels as d } from "./previewShared.js";
-import { DashboardContent as f, DataSinkContent as p, ParserContent as m, WidgetsContent as h } from "./AiPreviewContent.js";
-import { useEffect as g, useRef as _, useState as v } from "react";
-import { ArrowUpRight as y, Loader2 as b, Sparkles as x, X as S } from "lucide-react";
-import { Button as C } from "@burdenoff/fe-libs/ui";
-import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { AssistantEntityPreview as D } from "@burdenoff/fe-libs/shared/assistant";
+import { DOCK_CLEARANCE as c, PreviewMeta as l, STEP_LABEL as u, formatAgo as d, previewLabels as f } from "./previewShared.js";
+import { DashboardContent as p, DataSinkContent as m, ParserContent as h, WidgetsContent as g } from "./AiPreviewContent.js";
+import { useEffect as _, useRef as v, useState as y } from "react";
+import { ArrowUpRight as b, Loader2 as x, Sparkles as S, X as C } from "lucide-react";
+import { Button as w } from "@burdenoff/fe-libs/ui";
+import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { AssistantEntityPreview as O } from "@burdenoff/fe-libs/shared/assistant";
 //#region src/bigconsole/components/preview/AiPreviewPanel.tsx
-function O({ children: e }) {
-	return /* @__PURE__ */ T("div", {
+function k({ children: e }) {
+	return /* @__PURE__ */ E("div", {
 		className: "min-w-0 overflow-y-auto p-3",
 		style: { maxHeight: "min(440px, 60vh)" },
 		children: e
 	});
 }
-function k({ onOpen: e }) {
-	let { t } = w();
-	return /* @__PURE__ */ E(C, {
+function A({ onOpen: e }) {
+	let { t } = T();
+	return /* @__PURE__ */ D(w, {
 		size: "sm",
 		variant: "outline",
 		onClick: e,
 		"data-testid": "ai-preview-open-entity",
-		children: [t("bigconsole.widget.aiPreview.open", "Open"), /* @__PURE__ */ T(y, { className: "ml-1 size-3.5" })]
+		children: [t("bigconsole.widget.aiPreview.open", "Open"), /* @__PURE__ */ E(b, { className: "ml-1 size-3.5" })]
 	});
 }
-function A() {
-	let { t: y } = w();
+function j() {
+	let { t: b } = T();
 	i();
-	let A = a();
+	let j = a();
 	r();
-	let j = e(), M = n((e) => e.isRunning), N = n((e) => e.previewOpen), P = n((e) => e.hasRun), F = n((e) => e.steps), I = n((e) => e.entityIds), L = n((e) => e.caption), R = n((e) => e.error), z = n((e) => e.updatedAt), B = n((e) => e.openPreview), V = n((e) => e.closePreview), H = n((e) => e.setRichMounted);
-	g(() => (H(!0), () => {
-		H(!1);
-	}), [H]);
-	let [U, W] = v(0), G = _(!1);
-	if (g(() => {
-		M && !G.current && W((e) => e + 1), G.current = M;
-	}, [M]), !P) return null;
-	if (!N) return /* @__PURE__ */ E("div", {
+	let M = e(), N = n((e) => e.isRunning), P = n((e) => e.previewOpen), F = n((e) => e.hasRun), I = n((e) => e.steps), L = n((e) => e.entityIds), R = n((e) => e.entityResultOrder), z = n((e) => e.caption), B = n((e) => e.error), V = n((e) => e.updatedAt), H = n((e) => e.openPreview), U = n((e) => e.closePreview), W = n((e) => e.setRichMounted);
+	_(() => (W(!0), () => {
+		W(!1);
+	}), [W]);
+	let [G, K] = y(0), q = v(!1);
+	if (_(() => {
+		N && !q.current && K((e) => e + 1), q.current = N;
+	}, [N]), !F) return null;
+	if (!P) return /* @__PURE__ */ D("div", {
 		className: "flex flex-wrap items-center justify-end gap-control-gap px-4 pt-3 md:px-6",
-		style: { marginRight: s },
-		children: [/* @__PURE__ */ T("span", {
+		style: { marginRight: c },
+		children: [/* @__PURE__ */ E("span", {
 			className: "text-xs text-text-muted",
-			children: M ? y("bigconsole.widget.aiPreview.buildRunning", "AI build running") : y("bigconsole.widget.aiPreview.buildFinished", "AI build finished")
-		}), /* @__PURE__ */ E(C, {
+			children: N ? b("bigconsole.widget.aiPreview.buildRunning", "AI build running") : b("bigconsole.widget.aiPreview.buildFinished", "AI build finished")
+		}), /* @__PURE__ */ D(w, {
 			size: "sm",
 			variant: "outline",
-			onClick: B,
+			onClick: H,
 			"data-testid": "ai-preview-open",
 			children: [
-				/* @__PURE__ */ T(x, { className: "mr-1.5 size-4" }),
-				y("bigconsole.widget.aiPreview.previewButton", "Preview"),
-				M ? /* @__PURE__ */ T(b, { className: "ml-1.5 size-3.5 animate-spin" }) : null
+				/* @__PURE__ */ E(S, { className: "mr-1.5 size-4" }),
+				b("bigconsole.widget.aiPreview.previewButton", "Preview"),
+				N ? /* @__PURE__ */ E(x, { className: "ml-1.5 size-3.5 animate-spin" }) : null
 			]
 		})]
 	});
-	let K = I.dashboard, q = A.error ? /* @__PURE__ */ E("div", {
+	let J = L.dashboard, Y = o(L.widget, R.widget, R.dashboard), X = j.error ? /* @__PURE__ */ D("div", {
 		role: "alert",
 		"data-testid": "ai-preview-widget-parent-error",
-		children: [/* @__PURE__ */ T("p", { children: y("bigconsole.widget.aiPreview.widgetParentError", "Could not load this widget’s dashboard. It may be unavailable or you may no longer have access.") }), /* @__PURE__ */ T(C, {
+		children: [/* @__PURE__ */ E("p", { children: b("bigconsole.widget.aiPreview.widgetParentError", "Could not load this widget’s dashboard. It may be unavailable or you may no longer have access.") }), /* @__PURE__ */ E(w, {
 			variant: "outline",
 			size: "sm",
-			onClick: A.retry,
-			children: y("bigconsole.widget.customWidget.action.retry", "Retry")
+			onClick: j.retry,
+			children: b("bigconsole.widget.customWidget.action.retry", "Retry")
 		})]
-	}) : A.loading && !K ? /* @__PURE__ */ E("div", {
+	}) : j.loading && !J ? /* @__PURE__ */ D("div", {
 		role: "status",
 		"data-testid": "ai-preview-widget-parent-loading",
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ T(b, { className: "size-4 animate-spin" }), y("bigconsole.widget.aiPreview.widgetParentLoading", "Loading this widget’s dashboard…")]
-	}) : null, J = t.map((e) => ({
+		children: [/* @__PURE__ */ E(x, { className: "size-4 animate-spin" }), b("bigconsole.widget.aiPreview.widgetParentLoading", "Loading this widget’s dashboard…")]
+	}) : null, Z = t.map((e) => ({
 		id: e,
-		label: y(l[e].key, l[e].fallback),
-		status: F[e]
-	})), Y = [
+		label: b(u[e].key, u[e].fallback),
+		status: I[e]
+	})), Q = [
 		{
 			id: "datasink",
-			label: y("bigconsole.widget.aiPreview.tab.dataSink", "Data Sink"),
-			render: () => /* @__PURE__ */ T(O, { children: /* @__PURE__ */ T(o, {
+			label: b("bigconsole.widget.aiPreview.tab.dataSink", "Data Sink"),
+			render: () => /* @__PURE__ */ E(k, { children: /* @__PURE__ */ E(s, {
 				emphasis: "standard",
 				padding: "compact",
 				headingLevel: 3,
-				title: y("bigconsole.widget.aiPreview.dataSinkRows", "Data sink rows"),
-				description: y("bigconsole.widget.aiPreview.dataSinkRowsHint", "The rows the assistant just landed, straight from the sink."),
-				actions: I.datasink ? /* @__PURE__ */ T(k, { onOpen: () => j(`/datasinks/${I.datasink}`) }) : void 0,
-				children: /* @__PURE__ */ T(p, {
-					id: I.datasink,
-					live: M
+				title: b("bigconsole.widget.aiPreview.dataSinkRows", "Data sink rows"),
+				description: b("bigconsole.widget.aiPreview.dataSinkRowsHint", "The rows the assistant just landed, straight from the sink."),
+				actions: L.datasink ? /* @__PURE__ */ E(A, { onOpen: () => M(`/datasinks/${L.datasink}`) }) : void 0,
+				children: /* @__PURE__ */ E(m, {
+					id: L.datasink,
+					live: N
 				})
 			}) })
 		},
 		{
 			id: "dashboard",
-			label: y("bigconsole.widget.aiPreview.tab.dashboard", "Dashboard"),
-			render: () => /* @__PURE__ */ T(O, { children: /* @__PURE__ */ T(o, {
+			label: b("bigconsole.widget.aiPreview.tab.dashboard", "Dashboard"),
+			render: () => /* @__PURE__ */ E(k, { children: /* @__PURE__ */ E(s, {
 				emphasis: "standard",
 				padding: "compact",
 				headingLevel: 3,
-				title: y("bigconsole.widget.aiPreview.tab.dashboard", "Dashboard"),
-				description: y("bigconsole.widget.aiPreview.dashboardHint", "The live board, rendered exactly as the real page renders it."),
-				actions: K ? /* @__PURE__ */ T(k, { onOpen: () => j(`/dashboards/${K}`) }) : void 0,
-				children: q ?? /* @__PURE__ */ T(f, {
-					dashboardId: K,
-					live: M
+				title: b("bigconsole.widget.aiPreview.tab.dashboard", "Dashboard"),
+				description: b("bigconsole.widget.aiPreview.dashboardHint", "The live board, rendered exactly as the real page renders it."),
+				actions: J ? /* @__PURE__ */ E(A, { onOpen: () => M(`/dashboards/${J}`) }) : void 0,
+				children: X ?? /* @__PURE__ */ E(p, {
+					dashboardId: J,
+					live: N,
+					expectedWidgetId: Y
 				})
 			}) })
 		},
 		{
 			id: "parser",
-			label: y("bigconsole.widget.aiPreview.tab.parser", "Parser"),
-			render: () => /* @__PURE__ */ T(O, { children: /* @__PURE__ */ T(o, {
+			label: b("bigconsole.widget.aiPreview.tab.parser", "Parser"),
+			render: () => /* @__PURE__ */ E(k, { children: /* @__PURE__ */ E(s, {
 				emphasis: "standard",
 				padding: "compact",
 				headingLevel: 3,
-				title: y("bigconsole.widget.aiPreview.parserOutput", "Parser output"),
-				description: y("bigconsole.widget.aiPreview.parserOutputHint", "The rows after the parser's transform, so you can check the shape."),
-				actions: I.parser ? /* @__PURE__ */ T(k, { onOpen: () => j(`/parsers/${I.parser}`) }) : void 0,
-				children: /* @__PURE__ */ T(m, {
-					parserId: I.parser,
-					live: M
+				title: b("bigconsole.widget.aiPreview.parserOutput", "Parser output"),
+				description: b("bigconsole.widget.aiPreview.parserOutputHint", "The rows after the parser's transform, so you can check the shape."),
+				actions: L.parser ? /* @__PURE__ */ E(A, { onOpen: () => M(`/parsers/${L.parser}`) }) : void 0,
+				children: /* @__PURE__ */ E(h, {
+					parserId: L.parser,
+					live: N
 				})
 			}) })
 		},
 		{
 			id: "widget",
-			label: y("bigconsole.widget.aiPreview.tab.widget", "Widget"),
-			render: () => /* @__PURE__ */ T(O, { children: /* @__PURE__ */ T(o, {
+			label: b("bigconsole.widget.aiPreview.tab.widget", "Widget"),
+			render: () => /* @__PURE__ */ E(k, { children: /* @__PURE__ */ E(s, {
 				emphasis: "standard",
 				padding: "compact",
 				headingLevel: 3,
-				title: y("bigconsole.widget.aiPreview.widgets", "Widgets"),
-				description: y("bigconsole.widget.aiPreview.widgetsHint", "Every widget on the new dashboard, rendered live."),
-				actions: K ? /* @__PURE__ */ T(k, { onOpen: () => j(`/dashboards/${K}`) }) : void 0,
-				children: q ?? /* @__PURE__ */ T(h, {
-					dashboardId: K,
-					live: M
+				title: b("bigconsole.widget.aiPreview.widgets", "Widgets"),
+				description: b("bigconsole.widget.aiPreview.widgetsHint", "Every widget on the new dashboard, rendered live."),
+				actions: J ? /* @__PURE__ */ E(A, { onOpen: () => M(`/dashboards/${J}`) }) : void 0,
+				children: X ?? /* @__PURE__ */ E(g, {
+					dashboardId: J,
+					live: N,
+					expectedWidgetId: Y
 				})
 			}) })
 		}
 	];
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ D("div", {
 		"data-testid": "ai-preview-panel",
-		style: { paddingRight: s },
+		style: { paddingRight: c },
 		className: "mx-4 mt-3 min-w-0 md:mx-6",
-		children: [/* @__PURE__ */ T("h2", {
+		children: [/* @__PURE__ */ E("h2", {
 			className: "sr-only",
-			children: y("bigconsole.widget.aiPreview.title", "AI Preview")
-		}), /* @__PURE__ */ T(D, {
-			title: y("bigconsole.widget.aiPreview.title", "AI Preview"),
-			runKey: String(U),
-			steps: J,
-			tabs: Y,
+			children: b("bigconsole.widget.aiPreview.title", "AI Preview")
+		}), /* @__PURE__ */ E(O, {
+			title: b("bigconsole.widget.aiPreview.title", "AI Preview"),
+			runKey: String(G),
+			steps: Z,
+			tabs: Q,
 			follow: "produced",
-			caption: M ? L || y("bigconsole.widget.aiPreview.working", "Working…") : y("bigconsole.widget.aiPreview.done", "Done"),
-			error: R,
-			meta: /* @__PURE__ */ T(c, {
-				state: M ? "running" : R ? "stopped" : "idle",
-				stateLabel: M ? y("bigconsole.widget.aiPreview.live", "Live") : R ? y("bigconsole.widget.aiPreview.stopped", "Stopped") : null,
-				updatedLabel: y("bigconsole.widget.aiPreview.updated", "updated"),
-				updatedAt: z,
-				ago: (e) => u(e, y)
+			caption: N ? z || b("bigconsole.widget.aiPreview.working", "Working…") : b("bigconsole.widget.aiPreview.done", "Done"),
+			error: B,
+			meta: /* @__PURE__ */ E(l, {
+				state: N ? "running" : B ? "stopped" : "idle",
+				stateLabel: N ? b("bigconsole.widget.aiPreview.live", "Live") : B ? b("bigconsole.widget.aiPreview.stopped", "Stopped") : null,
+				updatedLabel: b("bigconsole.widget.aiPreview.updated", "updated"),
+				updatedAt: V,
+				ago: (e) => d(e, b)
 			}),
-			headerActions: /* @__PURE__ */ T(C, {
+			headerActions: /* @__PURE__ */ E(w, {
 				size: "sm",
 				variant: "ghost",
-				onClick: V,
-				"aria-label": y("bigconsole.widget.aiPreview.closeAriaLabel", "Close preview"),
+				onClick: U,
+				"aria-label": b("bigconsole.widget.aiPreview.closeAriaLabel", "Close preview"),
 				"data-testid": "ai-preview-close",
-				children: /* @__PURE__ */ T(S, { className: "size-4" })
+				children: /* @__PURE__ */ E(C, { className: "size-4" })
 			}),
-			labels: d(y)
+			labels: f(b)
 		})]
 	});
 }
 //#endregion
-export { A as AiPreviewPanel };
+export { j as AiPreviewPanel };

package/dist/bigconsole/components/preview/confirmedPreviewWidgets.d.ts

@@ -0,0 +1,5 @@
+export declare function loadConfirmedPreviewWidgets<T extends {
+    id: string;
+}>(load: () => Promise<T[]>, expectedId: string | undefined, signal: AbortSignal, wait?: (ms: number, signal: AbortSignal) => Promise<void>): Promise<T[]>;
+/** A newer dashboard starts a separate target; do not await its predecessor's widget. */
+export declare function expectedPreviewWidgetId(widgetId: string | undefined, widgetOrder: number | undefined, dashboardOrder: number | undefined): string | undefined;

package/dist/bigconsole/components/preview/confirmedPreviewWidgets.js

@@ -0,0 +1,27 @@
+//#region src/bigconsole/components/preview/confirmedPreviewWidgets.ts
+var e = 6, t = 1e3;
+function n(e, t) {
+	return new Promise((n, r) => {
+		let i = () => {
+			clearTimeout(a), r(/* @__PURE__ */ Error("Preview read cancelled"));
+		}, a = setTimeout(() => {
+			t.removeEventListener("abort", i), n();
+		}, e);
+		t.addEventListener("abort", i, { once: !0 }), t.aborted && i();
+	});
+}
+async function r(r, i, a, o = n) {
+	for (let n = 0; n < e; n += 1) {
+		if (a.aborted) throw Error("Preview read cancelled");
+		let s = await r();
+		if (a.aborted) throw Error("Preview read cancelled");
+		if (!i || s.some((e) => e.id === i)) return s;
+		n < e - 1 && await o(t, a);
+	}
+	throw Error("Confirmed widget is not available on this dashboard");
+}
+function i(e, t, n) {
+	return t !== void 0 && n !== void 0 && t < n ? void 0 : e;
+}
+//#endregion
+export { i as expectedPreviewWidgetId, r as loadConfirmedPreviewWidgets };

package/package.json

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