@burdenoff/microfe-bigconsole 2026.1012.7 → 2026.1012.8

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

@@ -112,7 +112,7 @@ var _ = i()((r, i) => ({
 		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);
+			i !== void 0 && n !== void 0 && i < n || (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);
 		let d = [...r.completedResultIds, t];
@@ -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/preview/AiPreviewPanel.js

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

package/dist/bigconsole/customWidget/CustomWidgetProposalPanel.js

@@ -1,23 +1,23 @@
 import { Section as e, SectionStack as t } from "../components/common/Section.js";
 import "../components/common/index.js";
 import n from "../components/widgets/WidgetErrorBoundary.js";
-import ee from "../renderers/adapters/BigConsoleRenderer.js";
-import { PROPOSABLE_WIDGET_TYPES as te, derivePreviewState as r, validateProposal as i } from "./proposalContract.js";
-import { localProposalSource as ne } from "./proposalSource.js";
-import { memo as a, useCallback as o, useEffect as re, useMemo as s, useState as c } from "react";
-import { AlertTriangle as l, Check as u, Loader2 as d, RefreshCw as ie, Sparkles as ae, X as oe } from "lucide-react";
-import { Button as f, Input as p, Label as m, Textarea as se } from "@burdenoff/fe-libs/ui";
-import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import r from "../renderers/adapters/BigConsoleRenderer.js";
+import { PROPOSABLE_WIDGET_TYPES as ee, derivePreviewState as i, isProposableWidgetType as a, validateProposal as o } from "./proposalContract.js";
+import { changeProposalWidgetType as s, localProposalSource as c } from "./proposalSource.js";
+import { memo as l, useCallback as u, useEffect as d, useMemo as f, useState as p } from "react";
+import { AlertTriangle as m, Check as h, Loader2 as g, RefreshCw as te, Sparkles as ne, X as _ } from "lucide-react";
+import { Button as v, Input as y, Label as b, Textarea as re } from "@burdenoff/fe-libs/ui";
+import { useI18n as ie } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as ae, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/bigconsole/customWidget/CustomWidgetProposalPanel.tsx
-var v = "w-full", y = {
+var oe = "w-full", se = {
 	loading: "neutral",
 	valid: "neutral",
 	"no-data": "warning",
 	"field-mismatch": "warning",
 	"access-error": "danger"
 };
-function b(e, t) {
+function ce(e, t) {
 	let n = (/* @__PURE__ */ new Date(0)).toISOString();
 	return {
 		id: `preview-${e.id}`,
@@ -45,14 +45,14 @@ function b(e, t) {
 		updatedAt: n
 	};
 }
-function x(e) {
+function le(e) {
 	if (Array.isArray(e)) {
 		let t = e.find((e) => e && typeof e == "object");
 		return t ? Object.keys(t) : [];
 	}
 	if (e && typeof e == "object") return Object.keys(e);
 }
-function S(e) {
+function C(e) {
 	if (Array.isArray(e)) return e.length;
 	if (e && typeof e == "object") {
 		let t = e.cells;
@@ -60,247 +60,247 @@ function S(e) {
 	}
 	return 0;
 }
-var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: T, onClose: E, source: D = ne }) {
-	let { t: O } = ce(), k = s(() => ({
+var w = l(function({ sinks: l, parsers: w, resolvePreviewData: T, onApprove: E, onClose: D, source: O = c }) {
+	let { t: k } = ie(), A = f(() => ({
 		loading: {
-			title: O("bigconsole.widget.customWidget.preview.loading.title", "Building preview…"),
-			body: O("bigconsole.widget.customWidget.preview.loading.body", "Reading the selected data binding.")
+			title: k("bigconsole.widget.customWidget.preview.loading.title", "Building preview…"),
+			body: k("bigconsole.widget.customWidget.preview.loading.body", "Reading the selected data binding.")
 		},
 		valid: {
-			title: O("bigconsole.widget.customWidget.preview.valid.title", "Preview"),
+			title: k("bigconsole.widget.customWidget.preview.valid.title", "Preview"),
 			body: ""
 		},
 		"no-data": {
-			title: O("bigconsole.widget.customWidget.preview.noData.title", "No data returned"),
-			body: O("bigconsole.widget.customWidget.preview.noData.body", "The binding is valid but the data source returned no rows. The widget will render empty until the sink has data.")
+			title: k("bigconsole.widget.customWidget.preview.noData.title", "No data returned"),
+			body: k("bigconsole.widget.customWidget.preview.noData.body", "The binding is valid but the data source returned no rows. The widget will render empty until the sink has data.")
 		},
 		"field-mismatch": {
-			title: O("bigconsole.widget.customWidget.preview.fieldMismatch.title", "Field mismatch"),
-			body: O("bigconsole.widget.customWidget.preview.fieldMismatch.body", "Some mapped fields are not present in the parser output. Fix the mapping below before approving.")
+			title: k("bigconsole.widget.customWidget.preview.fieldMismatch.title", "Field mismatch"),
+			body: k("bigconsole.widget.customWidget.preview.fieldMismatch.body", "Some mapped fields are not present in the parser output. Fix the mapping below before approving.")
 		},
 		"access-error": {
-			title: O("bigconsole.widget.customWidget.preview.accessError.title", "Cannot read this data"),
-			body: O("bigconsole.widget.customWidget.preview.accessError.body", "You do not have access to the proposed DataSink or parser in this workspace.")
+			title: k("bigconsole.widget.customWidget.preview.accessError.title", "Cannot read this data"),
+			body: k("bigconsole.widget.customWidget.preview.accessError.body", "You do not have access to the proposed DataSink or parser in this workspace.")
 		}
-	}), [O]), [A, le] = c(""), [j, M] = c(null), [N, P] = c(!1), [F, I] = c(!1), [L, R] = c(null), [z, B] = c(void 0), [V, H] = c(!1), [U, W] = c(!1), G = s(() => a.map((e) => e.id), [a]), K = s(() => C.map((e) => e.id), [C]), q = s(() => x(z), [z]), J = s(() => j ? i(j, {
-		permittedDataSinkIds: G,
-		permittedParserIds: K,
-		availableFields: q
+	}), [k]), [j, ue] = p(""), [M, N] = p(null), [P, F] = p(!1), [I, L] = p(!1), [R, z] = p(null), [B, V] = p(void 0), [H, U] = p(!1), [W, G] = p(!1), K = f(() => l.map((e) => e.id), [l]), q = f(() => w.map((e) => e.id), [w]), J = f(() => le(B), [B]), Y = f(() => M ? o(M, {
+		permittedDataSinkIds: K,
+		permittedParserIds: q,
+		availableFields: J
 	}) : {
 		issues: [],
 		canApprove: !1
 	}, [
-		j,
-		G,
+		M,
 		K,
-		q
-	]), Y = s(() => r(J, {
-		loading: V,
-		accessError: U,
-		rowCount: S(z)
+		q,
+		J
+	]), X = f(() => i(Y, {
+		loading: H,
+		accessError: W,
+		rowCount: C(B)
 	}), [
-		J,
-		V,
-		U,
-		z
+		Y,
+		H,
+		W,
+		B
 	]);
-	re(() => {
-		if (!j || !j.binding.dataSinkId) {
-			B(void 0);
+	d(() => {
+		if (!M || !M.binding.dataSinkId) {
+			V(void 0);
 			return;
 		}
 		let e = !1;
-		return H(!0), W(!1), w(j).then((t) => {
-			e || B(t);
+		return U(!0), G(!1), T(M).then((t) => {
+			e || V(t);
 		}).catch(() => {
-			e || (B(void 0), W(!0));
+			e || (V(void 0), G(!0));
 		}).finally(() => {
-			e || H(!1);
+			e || U(!1);
 		}), () => {
 			e = !0;
 		};
-	}, [j ? `${j.binding.dataSinkId}|${j.binding.parserId ?? ""}|${j.binding.dataPath ?? ""}` : "", w]);
-	let ue = o(async () => {
-		if (A.trim()) {
-			P(!0), R(null);
+	}, [M ? `${M.binding.dataSinkId}|${M.binding.parserId ?? ""}|${M.binding.dataPath ?? ""}` : "", T]);
+	let de = u(async () => {
+		if (j.trim()) {
+			F(!0), z(null);
 			try {
-				M(await D.propose({
-					prompt: A.trim(),
-					sinks: a,
-					parsers: C
+				N(await O.propose({
+					prompt: j.trim(),
+					sinks: l,
+					parsers: w
 				}));
 			} finally {
-				P(!1);
+				F(!1);
 			}
 		}
 	}, [
-		A,
-		D,
-		a,
-		C
-	]), X = o((e) => {
-		M((t) => t && e(t));
-	}, []), de = o(() => {
-		M(null), B(void 0), W(!1), R(null);
-	}, []), Z = o(async () => {
-		if (!(!j || !J.canApprove || V || U)) {
-			I(!0), R(null);
+		j,
+		O,
+		l,
+		w
+	]), Z = u((e) => {
+		N((t) => t && e(t));
+	}, []), fe = u(() => {
+		N(null), V(void 0), G(!1), z(null);
+	}, []), pe = u(async () => {
+		if (!(!M || !Y.canApprove || H || W)) {
+			L(!0), z(null);
 			try {
-				await T(j), E();
+				await E(M), D();
 			} catch (e) {
-				R(e instanceof Error ? e.message : O("bigconsole.widget.customWidget.error.couldNotSaveWidget", "Could not save the widget."));
+				z(e instanceof Error ? e.message : k("bigconsole.widget.customWidget.error.couldNotSaveWidget", "Could not save the widget."));
 			} finally {
-				I(!1);
+				L(!1);
 			}
 		}
 	}, [
-		j,
-		J.canApprove,
-		V,
-		U,
-		T,
+		M,
+		Y.canApprove,
+		H,
+		W,
 		E,
-		O
-	]), Q = J.issues.filter((e) => e.severity === "error"), $ = J.issues.filter((e) => e.severity === "warning");
-	return /* @__PURE__ */ g("section", {
+		D,
+		k
+	]), Q = Y.issues.filter((e) => e.severity === "error"), $ = Y.issues.filter((e) => e.severity === "warning");
+	return /* @__PURE__ */ x("section", {
 		"data-testid": "custom-widget-proposal-panel",
-		"aria-label": O("bigconsole.widget.customWidget.panel.ariaLabel", "AI custom widget builder"),
+		"aria-label": k("bigconsole.widget.customWidget.panel.ariaLabel", "AI custom widget builder"),
 		className: "flex h-full w-full min-w-0 flex-col overflow-y-auto p-4",
-		children: /* @__PURE__ */ _(t, { children: [/* @__PURE__ */ g(e, {
-			title: O("bigconsole.widget.customWidget.prompt.label", "Describe the widget you need"),
+		children: /* @__PURE__ */ S(t, { children: [/* @__PURE__ */ x(e, {
+			title: k("bigconsole.widget.customWidget.prompt.label", "Describe the widget you need"),
 			description: "Plain English. The assistant proposes a typed widget you can edit before anything is saved.",
-			icon: /* @__PURE__ */ g(ae, {
+			icon: /* @__PURE__ */ x(ne, {
 				className: "size-4",
 				"aria-hidden": "true"
 			}),
-			actions: /* @__PURE__ */ _("div", {
+			actions: /* @__PURE__ */ S("div", {
 				className: "flex flex-wrap gap-2",
-				children: [/* @__PURE__ */ _(f, {
+				children: [/* @__PURE__ */ S(v, {
 					"data-testid": "custom-widget-generate",
-					onClick: ue,
-					disabled: !A.trim() || N,
-					children: [N ? /* @__PURE__ */ g(d, {
+					onClick: de,
+					disabled: !j.trim() || P,
+					children: [P ? /* @__PURE__ */ x(g, {
 						className: "mr-2 size-4 animate-spin",
 						"aria-hidden": "true"
-					}) : null, j ? O("bigconsole.widget.customWidget.action.regenerate", "Regenerate") : O("bigconsole.widget.customWidget.action.generateProposal", "Generate proposal")]
-				}), j ? /* @__PURE__ */ _(f, {
+					}) : null, M ? k("bigconsole.widget.customWidget.action.regenerate", "Regenerate") : k("bigconsole.widget.customWidget.action.generateProposal", "Generate proposal")]
+				}), M ? /* @__PURE__ */ S(v, {
 					variant: "outline",
 					"data-testid": "custom-widget-reject",
-					onClick: de,
-					children: [/* @__PURE__ */ g(oe, {
+					onClick: fe,
+					children: [/* @__PURE__ */ x(_, {
 						className: "mr-1 size-4",
 						"aria-hidden": "true"
-					}), O("bigconsole.widget.customWidget.action.reject", "Reject")]
+					}), k("bigconsole.widget.customWidget.action.reject", "Reject")]
 				}) : null]
 			}),
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ S("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ g(m, {
+				children: [/* @__PURE__ */ x(b, {
 					htmlFor: "custom-widget-prompt",
 					children: "What should it show?"
-				}), /* @__PURE__ */ g(se, {
+				}), /* @__PURE__ */ x(re, {
 					id: "custom-widget-prompt",
 					"data-testid": "custom-widget-prompt",
-					value: A,
-					onChange: (e) => le(e.target.value),
-					placeholder: O("bigconsole.widget.customWidget.prompt.placeholder", "e.g. a funnel of signup conversion stages"),
+					value: j,
+					onChange: (e) => ue(e.target.value),
+					placeholder: k("bigconsole.widget.customWidget.prompt.placeholder", "e.g. a funnel of signup conversion stages"),
 					rows: 3
 				})]
 			})
-		}), j ? /* @__PURE__ */ _(h, { children: [
-			/* @__PURE__ */ _(e, {
+		}), M ? /* @__PURE__ */ S(ae, { children: [
+			/* @__PURE__ */ S(e, {
 				emphasis: "primary",
-				tone: y[Y],
-				title: k[Y].title,
-				description: j.binding.parserId ? O("bigconsole.widget.customWidget.preview.parserDescription", "Rendered using the saved parser output.") : O("bigconsole.widget.customWidget.preview.sourceDescription", "Rendered using up to 50 source rows. Full data may differ."),
-				meta: /* @__PURE__ */ g("span", {
+				tone: se[X],
+				title: A[X].title,
+				description: M.binding.parserId ? k("bigconsole.widget.customWidget.preview.parserDescription", "Rendered using the saved parser output.") : k("bigconsole.widget.customWidget.preview.sourceDescription", "Rendered using up to 50 source rows. Full data may differ."),
+				meta: /* @__PURE__ */ x("span", {
 					"data-testid": "custom-widget-preview-state",
-					"data-state": Y,
+					"data-state": X,
 					className: "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
-					children: Y
+					children: X
 				}),
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ x("div", {
 					"data-testid": "custom-widget-preview",
 					className: "min-h-[220px] min-w-0 rounded-card border border-[var(--color-border-subtle)] bg-bg-surface p-2",
-					children: Y === "loading" ? /* @__PURE__ */ _("div", {
+					children: X === "loading" ? /* @__PURE__ */ S("div", {
 						className: "flex h-[200px] items-center justify-center text-text-secondary",
-						children: [/* @__PURE__ */ g(d, {
+						children: [/* @__PURE__ */ x(g, {
 							className: "mr-2 size-4 animate-spin",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ x("span", {
 							className: "text-sm",
-							children: k.loading.body
+							children: A.loading.body
 						})]
-					}) : Y === "valid" ? /* @__PURE__ */ g("div", {
+					}) : X === "valid" ? /* @__PURE__ */ x("div", {
 						className: "h-[200px]",
-						children: /* @__PURE__ */ g(n, {
-							widgetId: `preview-${j.id}`,
-							children: /* @__PURE__ */ g(ee, {
-								widget: b(j, O("bigconsole.widget.customWidget.untitledWidget", "Untitled widget")),
-								data: z
+						children: /* @__PURE__ */ x(n, {
+							widgetId: `preview-${M.id}`,
+							children: /* @__PURE__ */ x(r, {
+								widget: ce(M, k("bigconsole.widget.customWidget.untitledWidget", "Untitled widget")),
+								data: B
 							})
 						})
-					}) : /* @__PURE__ */ _("div", {
+					}) : /* @__PURE__ */ S("div", {
 						className: "flex h-[200px] flex-col items-center justify-center gap-2 px-4 text-center",
 						children: [
-							/* @__PURE__ */ g(l, {
+							/* @__PURE__ */ x(m, {
 								className: "size-5 text-[var(--color-status-warning-text)]",
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ g("p", {
+							/* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
-								children: k[Y].body
+								children: A[X].body
 							}),
-							Y === "access-error" ? /* @__PURE__ */ _(f, {
+							X === "access-error" ? /* @__PURE__ */ S(v, {
 								size: "sm",
 								variant: "outline",
-								onClick: () => X((e) => ({ ...e })),
-								children: [/* @__PURE__ */ g(ie, {
+								onClick: () => Z((e) => ({ ...e })),
+								children: [/* @__PURE__ */ x(te, {
 									className: "mr-1 size-3.5",
 									"aria-hidden": "true"
-								}), O("bigconsole.widget.customWidget.action.retry", "Retry")]
+								}), k("bigconsole.widget.customWidget.action.retry", "Retry")]
 							}) : null
 						]
 					})
-				}), j.rationale ? /* @__PURE__ */ g("p", {
+				}), M.rationale ? /* @__PURE__ */ x("p", {
 					className: "mt-2 text-xs text-text-secondary",
 					"data-testid": "custom-widget-rationale",
-					children: j.rationale
+					children: M.rationale
 				}) : null]
 			}),
-			Q.length > 0 || $.length > 0 ? /* @__PURE__ */ g(e, {
+			Q.length > 0 || $.length > 0 ? /* @__PURE__ */ x(e, {
 				tone: Q.length > 0 ? "danger" : "warning",
 				padding: "compact",
 				headingLevel: 3,
 				title: Q.length > 0 ? `${Q.length} ${Q.length === 1 ? "problem" : "problems"} to fix before approving` : `${$.length} ${$.length === 1 ? "warning" : "warnings"}`,
-				children: /* @__PURE__ */ g("ul", {
+				children: /* @__PURE__ */ x("ul", {
 					"data-testid": "custom-widget-issues",
 					className: "flex min-w-0 flex-col gap-1",
-					children: [...Q, ...$].map((e) => /* @__PURE__ */ g("li", {
+					children: [...Q, ...$].map((e) => /* @__PURE__ */ x("li", {
 						"data-severity": e.severity,
 						className: `break-words text-xs ${e.severity === "error" ? "text-[var(--color-status-error-text)]" : "text-[var(--color-status-warning-text)]"}`,
 						children: e.message
 					}, `${e.code}-${e.path ?? ""}`))
 				})
 			}) : null,
-			/* @__PURE__ */ g(e, {
-				title: O("bigconsole.widget.customWidget.proposal.heading", "Proposal"),
+			/* @__PURE__ */ x(e, {
+				title: k("bigconsole.widget.customWidget.proposal.heading", "Proposal"),
 				description: "Every field is editable — the assistant proposes, you dispose.",
 				"data-testid": "custom-widget-proposal-fields",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ S("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ g(m, {
+							children: [/* @__PURE__ */ x(b, {
 								htmlFor: "custom-widget-title",
-								children: O("bigconsole.widget.customWidget.field.title", "Title")
-							}), /* @__PURE__ */ g(p, {
+								children: k("bigconsole.widget.customWidget.field.title", "Title")
+							}), /* @__PURE__ */ x(y, {
 								id: "custom-widget-title",
 								"data-testid": "custom-widget-title",
-								className: v,
-								value: j.presentation.title,
-								onChange: (e) => X((t) => ({
+								className: oe,
+								value: M.presentation.title,
+								onChange: (e) => Z((t) => ({
 									...t,
 									presentation: {
 										...t.presentation,
@@ -309,104 +309,106 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: T,
 								}))
 							})]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ S("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ g(m, {
+							children: [/* @__PURE__ */ x(b, {
 								htmlFor: "custom-widget-type",
-								children: O("bigconsole.widget.customWidget.field.widgetType", "Widget type")
-							}), /* @__PURE__ */ g("select", {
+								children: k("bigconsole.widget.customWidget.field.widgetType", "Widget type")
+							}), /* @__PURE__ */ x("select", {
 								id: "custom-widget-type",
 								"data-testid": "custom-widget-type",
-								value: j.widgetType,
-								onChange: (e) => X((t) => ({
-									...t,
-									widgetType: e.target.value
-								})),
+								value: M.widgetType,
+								onChange: (e) => {
+									let t = e.target.value;
+									a(t) && Z((e) => s(e, t));
+								},
 								className: "w-full rounded-md border border-[var(--color-border-default)] bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-								children: te.map((e) => /* @__PURE__ */ g("option", {
+								children: ee.map((e) => /* @__PURE__ */ x("option", {
 									value: e,
 									children: e
 								}, e))
 							})]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ S("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ g(m, {
+							children: [/* @__PURE__ */ x(b, {
 								htmlFor: "custom-widget-sink",
-								children: O("bigconsole.widget.customWidget.field.dataSink", "DataSink")
-							}), /* @__PURE__ */ _("select", {
+								children: k("bigconsole.widget.customWidget.field.dataSink", "DataSink")
+							}), /* @__PURE__ */ S("select", {
 								id: "custom-widget-sink",
 								"data-testid": "custom-widget-sink",
-								value: j.binding.dataSinkId,
+								value: M.binding.dataSinkId,
 								onChange: (e) => {
-									let t = a.find((t) => t.id === e.target.value);
-									X((n) => ({
+									let t = l.find((t) => t.id === e.target.value);
+									Z((n) => ({
 										...n,
 										binding: {
 											...n.binding,
 											dataSinkId: e.target.value,
 											dataSinkKey: t?.key
-										}
+										},
+										rationale: void 0
 									}));
 								},
 								className: "w-full rounded-md border border-[var(--color-border-default)] bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-								children: [/* @__PURE__ */ g("option", {
+								children: [/* @__PURE__ */ x("option", {
 									value: "",
-									children: O("bigconsole.widget.customWidget.field.selectDataSink", "Select a DataSink…")
-								}), a.map((e) => /* @__PURE__ */ g("option", {
+									children: k("bigconsole.widget.customWidget.field.selectDataSink", "Select a DataSink…")
+								}), l.map((e) => /* @__PURE__ */ x("option", {
 									value: e.id,
 									children: e.name || e.key
 								}, e.id))]
 							})]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ S("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ g(m, {
+							children: [/* @__PURE__ */ x(b, {
 								htmlFor: "custom-widget-parser",
-								children: O("bigconsole.widget.customWidget.field.parser", "Parser")
-							}), /* @__PURE__ */ _("select", {
+								children: k("bigconsole.widget.customWidget.field.parser", "Parser")
+							}), /* @__PURE__ */ S("select", {
 								id: "custom-widget-parser",
 								"data-testid": "custom-widget-parser",
-								value: j.binding.parserId ?? "",
+								value: M.binding.parserId ?? "",
 								onChange: (e) => {
-									let t = C.find((t) => t.id === e.target.value);
-									X((n) => ({
+									let t = w.find((t) => t.id === e.target.value);
+									Z((n) => ({
 										...n,
 										binding: {
 											...n.binding,
 											parserId: e.target.value || void 0,
 											parserName: t?.name
-										}
+										},
+										rationale: void 0
 									}));
 								},
 								className: "w-full rounded-md border border-[var(--color-border-default)] bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-								children: [/* @__PURE__ */ g("option", {
+								children: [/* @__PURE__ */ x("option", {
 									value: "",
-									children: O("bigconsole.widget.customWidget.field.noParser", "No parser")
-								}), C.map((e) => /* @__PURE__ */ g("option", {
+									children: k("bigconsole.widget.customWidget.field.noParser", "No parser")
+								}), w.map((e) => /* @__PURE__ */ x("option", {
 									value: e.id,
 									children: e.name
 								}, e.id))]
 							})]
 						}),
-						Object.keys(j.fieldMapping).length > 0 ? /* @__PURE__ */ _("fieldset", {
+						Object.keys(M.fieldMapping).length > 0 ? /* @__PURE__ */ S("fieldset", {
 							className: "flex flex-col gap-2",
 							"data-testid": "custom-widget-field-mapping",
 							children: [
-								/* @__PURE__ */ g("legend", {
+								/* @__PURE__ */ x("legend", {
 									className: "text-sm font-medium text-text-primary",
-									children: O("bigconsole.widget.customWidget.fieldMapping.legend", "Field mapping")
+									children: k("bigconsole.widget.customWidget.fieldMapping.legend", "Field mapping")
 								}),
-								Object.entries(j.fieldMapping).map(([e, t]) => /* @__PURE__ */ _("div", {
+								Object.entries(M.fieldMapping).map(([e, t]) => /* @__PURE__ */ S("div", {
 									className: "flex flex-col gap-1",
-									children: [/* @__PURE__ */ g(m, {
+									children: [/* @__PURE__ */ x(b, {
 										htmlFor: `custom-widget-field-${e}`,
 										children: e
-									}), /* @__PURE__ */ g(p, {
+									}), /* @__PURE__ */ x(y, {
 										id: `custom-widget-field-${e}`,
 										"data-testid": `custom-widget-field-${e}`,
 										value: t,
-										onChange: (t) => X((n) => ({
+										onChange: (t) => Z((n) => ({
 											...n,
 											fieldMapping: {
 												...n.fieldMapping,
@@ -415,59 +417,59 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: T,
 										}))
 									})]
 								}, e)),
-								q?.length ? /* @__PURE__ */ g("p", {
+								J?.length ? /* @__PURE__ */ x("p", {
 									className: "break-words text-xs text-text-secondary",
-									children: O("bigconsole.widget.customWidget.fieldMapping.available", "Available: {{fields}}", { fields: q.join(", ") })
+									children: k("bigconsole.widget.customWidget.fieldMapping.available", "Available: {{fields}}", { fields: J.join(", ") })
 								}) : null
 							]
 						}) : null
 					]
 				})
 			}),
-			L ? /* @__PURE__ */ g(e, {
+			R ? /* @__PURE__ */ x(e, {
 				tone: "danger",
 				padding: "compact",
 				headingLevel: 3,
 				title: "Could not add the widget",
-				children: /* @__PURE__ */ g("p", {
+				children: /* @__PURE__ */ x("p", {
 					role: "alert",
 					className: "break-words text-xs text-[var(--color-status-error-text)]",
 					"data-testid": "custom-widget-approve-error",
-					children: L
+					children: R
 				})
 			}) : null,
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-wrap gap-2 border-t border-[var(--color-border-subtle)] pt-3",
-				children: [/* @__PURE__ */ _(f, {
+				children: [/* @__PURE__ */ S(v, {
 					"data-testid": "custom-widget-approve",
-					onClick: Z,
-					disabled: !J.canApprove || V || U || F,
-					children: [F ? /* @__PURE__ */ g(d, {
+					onClick: pe,
+					disabled: !Y.canApprove || H || W || I,
+					children: [I ? /* @__PURE__ */ x(g, {
 						className: "mr-2 size-4 animate-spin",
 						"aria-hidden": "true"
-					}) : /* @__PURE__ */ g(u, {
+					}) : /* @__PURE__ */ x(h, {
 						className: "mr-1 size-4",
 						"aria-hidden": "true"
-					}), O("bigconsole.widget.customWidget.action.approveAndAdd", "Approve & add to dashboard")]
-				}), /* @__PURE__ */ g(f, {
+					}), k("bigconsole.widget.customWidget.action.approveAndAdd", "Approve & add to dashboard")]
+				}), /* @__PURE__ */ x(v, {
 					variant: "outline",
-					onClick: E,
+					onClick: D,
 					"data-testid": "custom-widget-cancel",
-					children: O("bigconsole.widget.customWidget.action.cancel", "Cancel")
+					children: k("bigconsole.widget.customWidget.action.cancel", "Cancel")
 				})]
 			})
-		] }) : /* @__PURE__ */ g(e, {
+		] }) : /* @__PURE__ */ x(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: "No proposal yet",
 			headingLevel: 3,
-			children: /* @__PURE__ */ g("p", {
+			children: /* @__PURE__ */ x("p", {
 				className: "text-sm text-text-secondary",
 				"data-testid": "custom-widget-empty",
-				children: O("bigconsole.widget.customWidget.empty", "No proposal yet. Describe a widget and the assistant will propose one for you to review — nothing is added to the dashboard until you approve it.")
+				children: k("bigconsole.widget.customWidget.empty", "No proposal yet. Describe a widget and the assistant will propose one for you to review — nothing is added to the dashboard until you approve it.")
 			})
 		})] })
 	});
 });
 //#endregion
-export { C as default };
+export { w as default };

package/dist/bigconsole/customWidget/proposalSource.d.ts

@@ -1,4 +1,4 @@
-import { CustomWidgetProposal } from './proposalContract';
+import { CustomWidgetProposal, ProposableWidgetType } from './proposalContract';
 
 /** A sink the current user may bind to, as the panel knows it. */
 export interface ProposalCandidateSink {
@@ -33,6 +33,8 @@ export interface CustomWidgetProposalSource {
     readonly id: string;
     propose(request: ProposalRequest): Promise<CustomWidgetProposal>;
 }
+/** Keep shared human edits while removing mappings the new renderer cannot use. */
+export declare function changeProposalWidgetType(proposal: CustomWidgetProposal, widgetType: ProposableWidgetType): CustomWidgetProposal;
 /**
  * Derives a proposal from the prompt and the workspace's real, permitted sinks
  * and parsers. Deterministic, so the review UI and its tests behave predictably.

package/dist/bigconsole/customWidget/proposalSource.js

@@ -1,12 +1,13 @@
+import { PROPOSABLE_WIDGET_TYPES as e } from "./proposalContract.js";
 //#region src/bigconsole/customWidget/proposalSource.ts
-function e(e) {
+function t(e) {
 	return e.filter((e) => !e.deletedAt && e.isActive !== !1).map(({ id: e, key: t, name: n }) => ({
 		id: e,
 		key: t,
 		name: n
 	}));
 }
-var t = [
+var n = [
 	{
 		type: "funnel_chart",
 		words: [
@@ -65,7 +66,7 @@ var t = [
 			"graph"
 		]
 	}
-], n = [
+], r = [
 	{
 		chartType: "bar",
 		words: ["bar"]
@@ -92,17 +93,17 @@ var t = [
 		]
 	}
 ];
-function r(e) {
-	let n = e.toLowerCase();
-	for (let { type: e, words: r } of t) if (r.some((e) => n.includes(e))) return e;
+function i(e) {
+	let t = e.toLowerCase();
+	for (let { type: e, words: r } of n) if (r.some((e) => t.includes(e))) return e;
 	return "chart";
 }
-function i(e) {
+function a(e) {
 	let t = e.toLowerCase();
-	for (let { chartType: e, words: r } of n) if (r.some((e) => t.includes(e))) return e;
+	for (let { chartType: e, words: n } of r) if (n.some((e) => t.includes(e))) return e;
 	return "line";
 }
-function a(e, t) {
+function o(e, t) {
 	if (t.length === 0) return;
 	let n = e.toLowerCase().split(/[^a-z0-9]+/).filter((e) => e.length > 2), r;
 	for (let e of t) {
@@ -114,7 +115,7 @@ function a(e, t) {
 	}
 	return r?.sink ?? t[0];
 }
-function o(e) {
+function s(e) {
 	switch (e) {
 		case "heatmap": return {
 			xAxisField: "column",
@@ -138,7 +139,20 @@ function o(e) {
 		};
 	}
 }
-function s(e, t) {
+function c(t, n) {
+	if (t.widgetType === n) return t;
+	let r = s(n), i = Object.fromEntries(Object.entries(r).map(([e, n]) => [e, t.fieldMapping[e] ?? n])), a = new Set(e.flatMap((e) => Object.keys(s(e)))), o = new Set([...a].filter((e) => !Object.hasOwn(r, e)));
+	return {
+		...t,
+		widgetType: n,
+		fieldMapping: i,
+		presentation: {
+			...t.presentation,
+			config: Object.fromEntries(Object.entries(t.presentation.config).filter(([e]) => !o.has(e)))
+		}
+	};
+}
+function l(e, t) {
 	let n = {
 		showLegend: !0,
 		showTooltip: !0
@@ -146,7 +160,7 @@ function s(e, t) {
 	switch (e) {
 		case "chart": return {
 			...n,
-			chartType: i(t),
+			chartType: a(t),
 			showGrid: !0
 		};
 		case "funnel_chart": return {
@@ -173,37 +187,37 @@ function s(e, t) {
 		default: return n;
 	}
 }
-function c(e) {
+function u(e) {
 	let t = e.trim().replace(/^(please\s+)?(create|build|make|add|show me|show|give me)\s+(an?\s+|the\s+)?/i, "").split(/[.;\n]/)[0].trim();
 	if (!t) return "Custom widget";
 	let n = t.charAt(0).toUpperCase() + t.slice(1);
 	return n.length > 60 ? `${n.slice(0, 57)}…` : n;
 }
-var l = 0, u = {
+var d = 0, f = {
 	id: "local-heuristic-v1",
 	async propose({ prompt: e, sinks: t, parsers: n }) {
-		let i = r(e), d = a(e, t), f = d ? n.find((e) => e.inputSinkKey === d.key) : void 0;
-		return l += 1, {
+		let r = i(e), a = o(e, t), c = a ? n.find((e) => e.inputSinkKey === a.key) : void 0;
+		return d += 1, {
 			version: "1.0",
-			id: `proposal-${l}`,
+			id: `proposal-${d}`,
 			sourcePrompt: e,
-			generatedBy: u.id,
-			widgetType: i,
+			generatedBy: f.id,
+			widgetType: r,
 			binding: {
-				dataSinkId: d?.id ?? "",
-				dataSinkKey: d?.key,
-				parserId: f?.id,
-				parserName: f?.name
+				dataSinkId: a?.id ?? "",
+				dataSinkKey: a?.key,
+				parserId: c?.id,
+				parserName: c?.name
 			},
-			fieldMapping: o(i),
+			fieldMapping: s(r),
 			presentation: {
-				title: c(e),
+				title: u(e),
 				description: `Generated from: "${e}"`,
-				config: s(i, e)
+				config: l(r, e)
 			},
-			rationale: d ? `Matched DataSink "${d.key}"${f ? ` and parser "${f.name}"` : " (no parser found for this sink)"}.` : "No DataSink is available in this workspace — create one before saving this widget."
+			rationale: a ? `Matched DataSink "${a.key}"${c ? ` and parser "${c.name}"` : " (no parser found for this sink)"}.` : "No DataSink is available in this workspace — create one before saving this widget."
 		};
 	}
 };
 //#endregion
-export { u as localProposalSource, e as selectActiveProposalSinks };
+export { c as changeProposalWidgetType, f as localProposalSource, t as selectActiveProposalSinks };

package/package.json

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