@burdenoff/microfe-bigconsole 2026.1012.8 → 2026.1013.1

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 };