@burdenoff/microfe-bigconsole 2026.1012.7 → 2026.1012.9

package/dist/bigconsole/assistant/assistantRunPersistence.d.ts

@@ -8,11 +8,7 @@ export interface PersistedRun {
     conversationId?: string;
     previewOpen: boolean;
     steps: Record<PreviewStepKey, PreviewStepStatus>;
-    entityIds: {
-        datasink?: string;
-        dashboard?: string;
-        parser?: string;
-    };
+    entityIds: Partial<Record<PreviewStepKey, string>>;
     updatedAt: number | null;
 }
 export declare function runStorageKey(workspaceId: string): string;

package/dist/bigconsole/assistant/assistantRunPersistence.js

@@ -7,7 +7,8 @@ var e = "bigconsole.assistant.previewRun.v1:", t = [
 ], n = [
 	"datasink",
 	"dashboard",
-	"parser"
+	"parser",
+	"widget"
 ], r = /^[A-Za-z0-9_-]{1,128}$/;
 function i(t) {
 	return `${e}${t}`;

package/dist/bigconsole/assistant/assistantRunStore.d.ts

@@ -18,12 +18,8 @@ interface AssistantRunState {
     richMounted: boolean;
     prompt: string;
     steps: Record<PreviewStepKey, PreviewStepStatus>;
-    /** Ids harvested from the agent's links. A widget has no link of its own. */
-    entityIds: {
-        datasink?: string;
-        dashboard?: string;
-        parser?: string;
-    };
+    /** Confirmed resource ids, including widgets whose parent may need resolving. */
+    entityIds: Partial<Record<PreviewStepKey, string>>;
     /** Newest "⏳ …" line — what the agent says it is doing this second. */
     caption: string;
     /** Set when the turn fails, so the panel can stop pretending to be live. */
@@ -43,6 +39,13 @@ interface AssistantRunState {
     entityResultOrder: Partial<Record<PreviewStepKey, number>>;
     startRun: (prompt: string, conversationId?: string) => void;
     applyResult: (id: string, output: unknown, messageOrder?: number) => void;
+    resolveWidgetDashboard: (scope: {
+        widgetId: string;
+        dashboardId: string;
+        workspaceId: string;
+        actorId: string;
+        conversationId: string | null;
+    }) => void;
     applyProgress: (content: string) => void;
     finishRun: (error: string | null) => void;
     openPreview: () => void;

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", e !== "widget" && (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,
@@ -125,6 +125,22 @@ var _ = i()((r, i) => ({
 			updatedAt: Date.now()
 		} : { completedResultIds: d };
 	}),
+	resolveWidgetDashboard: (e) => r((t) => {
+		if (t.workspaceId !== e.workspaceId || t.actorId !== e.actorId || t.conversationId !== e.conversationId || t.entityIds.widget !== e.widgetId || !/^[A-Za-z0-9_-]{1,128}$/.test(e.dashboardId) || t.entityIds.dashboard) return t;
+		let n = t.entityResultOrder.dashboard, r = t.entityResultOrder.widget;
+		return n !== void 0 && r !== void 0 && n > r ? t : {
+			entityIds: {
+				...t.entityIds,
+				dashboard: e.dashboardId
+			},
+			steps: {
+				...t.steps,
+				dashboard: t.steps.dashboard === "done" ? "done" : "skipped"
+			},
+			contentRevision: t.contentRevision + 1,
+			updatedAt: Date.now()
+		};
+	}),
 	finishRun: (e) => r((t) => {
 		let n = { ...t.steps };
 		for (let e of o) n[e] === "running" && (n[e] = "pending");

package/dist/bigconsole/assistant/usePreviewWidgetDashboard.d.ts

@@ -0,0 +1,9 @@
+/** Resolve relationships omitted from a successful mutation's response selection.
+ * Never infer a dashboard from narration or a page id. The gateway authorizes
+ * the read in the active workspace; the store rejects late owner/run results.
+ */
+export declare function usePreviewWidgetDashboard(): {
+    loading: boolean;
+    error: boolean;
+    retry: () => void;
+};

package/dist/bigconsole/assistant/usePreviewWidgetDashboard.js

@@ -0,0 +1,75 @@
+import { GetWidgetDocument as e } from "../../generated/wspace-operations.js";
+import { useBigConsole as t } from "../context/BigConsoleContext.js";
+import "../context/index.js";
+import { useAssistantRunStore as n } from "./assistantRunStore.js";
+import { useEffect as r, useState as i } from "react";
+import { useApolloClient as a } from "@apollo/client/react";
+//#region src/bigconsole/assistant/usePreviewWidgetDashboard.ts
+function o() {
+	let o = a(), { workspaceId: s, currentUser: c } = t(), l = n((e) => e.entityIds.widget), u = n((e) => e.entityIds.dashboard), d = n((e) => e.actorId), f = n((e) => e.workspaceId), p = n((e) => e.conversationId), m = n((e) => e.resolveWidgetDashboard), h = `${s ?? ""}|${d ?? ""}|${p ?? ""}|${l ?? ""}`, [g, _] = i({
+		owner: "",
+		loading: !1,
+		error: !1
+	}), [v, y] = i(0), b = !!(l && !u && s && d && f === s && c?.id === d);
+	return r(() => {
+		if (!b || !l || !s || !d) return;
+		let t = !1;
+		return (async () => {
+			_({
+				owner: h,
+				loading: !0,
+				error: !1
+			});
+			try {
+				let n = await o.query({
+					query: e,
+					variables: { id: l },
+					fetchPolicy: "no-cache",
+					context: {
+						requiredWorkspaceAuth: !0,
+						requiredWorkspaceId: s,
+						queryDeduplication: !1
+					}
+				});
+				if (t) return;
+				let r = n.data?.getWidget;
+				if (r?.id !== l || !r.dashboardId) throw Error("Widget dashboard is unavailable");
+				m({
+					widgetId: l,
+					dashboardId: r.dashboardId,
+					workspaceId: s,
+					actorId: d,
+					conversationId: p
+				}), _({
+					owner: h,
+					loading: !1,
+					error: !1
+				});
+			} catch {
+				t || _({
+					owner: h,
+					loading: !1,
+					error: !0
+				});
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		o,
+		b,
+		l,
+		s,
+		d,
+		p,
+		h,
+		m,
+		v
+	]), {
+		loading: b && (g.owner !== h || g.loading),
+		error: b && g.owner === h && g.error,
+		retry: () => y((e) => e + 1)
+	};
+}
+//#endregion
+export { o as usePreviewWidgetDashboard };

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;