@burdenoff/microfe-bigconsole 2026.1011.10 → 2026.1012.1

package/dist/bigconsole/customWidget/CustomWidgetBuilderSheet.js

@@ -1,42 +1,51 @@
-import e from "../hooks/useWidgetOperations.js";
-import t from "../hooks/useDataSinkOperations.js";
-import n from "../hooks/useParserOperations.js";
+import { useBigConsole as e } from "../context/BigConsoleContext.js";
+import "../context/index.js";
+import t from "../hooks/useWidgetOperations.js";
+import n from "../hooks/useDataSinkOperations.js";
+import r from "../hooks/useParserOperations.js";
 import "../hooks/index.js";
-import { selectActiveProposalSinks as r } from "./proposalSource.js";
-import i from "./CustomWidgetProposalPanel.js";
-import { memo as a, useCallback as o, useMemo as s } from "react";
-import { Sheet as c, SheetContent as l, SheetDescription as u, SheetHeader as d, SheetTitle as f } from "@burdenoff/fe-libs/ui";
-import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { selectActiveProposalSinks as i } from "./proposalSource.js";
+import a from "./CustomWidgetProposalPanel.js";
+import { loadDirectProposalPreview as o } from "./proposalPreview.js";
+import { memo as s, useCallback as c, useMemo as l } from "react";
+import { Sheet as u, SheetContent as d, SheetDescription as f, SheetHeader as p, SheetTitle as m } from "@burdenoff/fe-libs/ui";
+import { useApolloClient as h } from "@apollo/client/react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/customWidget/CustomWidgetBuilderSheet.tsx
-var g = {
+var y = {
 	x: 0,
 	y: 0,
 	width: 6,
 	height: 4
-}, _ = "default", v = a(function({ isOpen: a, onClose: v, dashboardId: y, pageId: b, source: x }) {
-	let { t: S } = p(), { dataSinks: C } = t({ skipFetch: !a }), { createWidget: w } = e(b, y, { skipFetch: !0 }), T = y === _, { parsers: E, executeParser: D } = n({
-		consoleId: y,
-		skipFetch: !a
-	}), { parsers: O } = n({
-		consoleId: _,
-		skipFetch: !a || T
-	}), k = s(() => r(C), [C]), A = s(() => {
-		let e = new Set(E.map((e) => e.id));
-		return [...E, ...O.filter((t) => !e.has(t.id))].map((e) => ({
+}, b = "default", x = s(function({ isOpen: s, onClose: x, dashboardId: S, pageId: C, source: w }) {
+	let { t: T } = v(), E = h(), { workspaceId: D } = e(), { dataSinks: O } = n({ skipFetch: !s }), { createWidget: k } = t(C, S, { skipFetch: !0 }), A = S === b, { parsers: j, executeParser: M } = r({
+		consoleId: S,
+		skipFetch: !s
+	}), { parsers: N } = r({
+		consoleId: b,
+		skipFetch: !s || A
+	}), P = l(() => i(O), [O]), F = l(() => {
+		let e = new Set(j.map((e) => e.id));
+		return [...j, ...N.filter((t) => !e.has(t.id))].map((e) => ({
 			id: e.id,
 			name: e.name,
 			inputSinkKey: e.inputSinkKey
 		}));
-	}, [E, O]), j = o(async (e) => {
-		if (!e.binding.parserId) return;
-		let t = await D(e.binding.parserId);
-		if (!t || !t.success) throw Error(t?.error || S("bigconsole.widget.customWidget.error.couldNotResolveBinding", "Could not resolve the binding."));
+	}, [j, N]), I = c(async (e) => {
+		if (!e.binding.parserId) return o(E, e.binding, D);
+		let t = await M(e.binding.parserId);
+		if (!t || !t.success) throw Error(t?.error || T("bigconsole.widget.customWidget.error.couldNotResolveBinding", "Could not resolve the binding."));
 		return t.output;
-	}, [D, S]), M = o(async (e) => {
-		if (!await w({
-			pageId: b,
-			dashboardId: y,
+	}, [
+		E,
+		M,
+		T,
+		D
+	]), L = c(async (e) => {
+		if (!await k({
+			pageId: C,
+			dashboardId: S,
 			type: e.widgetType,
 			title: e.presentation.title,
 			description: e.presentation.description,
@@ -49,18 +58,18 @@ var g = {
 				sourcePrompt: e.sourcePrompt,
 				proposalVersion: e.version
 			},
-			position: { ...g }
-		})) throw Error(S("bigconsole.widget.customWidget.error.widgetNotCreated", "The widget could not be created."));
+			position: { ...y }
+		})) throw Error(T("bigconsole.widget.customWidget.error.widgetNotCreated", "The widget could not be created."));
 	}, [
-		w,
-		b,
-		y,
-		S
+		k,
+		C,
+		S,
+		T
 	]);
-	return /* @__PURE__ */ m(c, {
-		open: a,
-		onOpenChange: (e) => !e && v(),
-		children: /* @__PURE__ */ h(l, {
+	return /* @__PURE__ */ g(u, {
+		open: s,
+		onOpenChange: (e) => !e && x(),
+		children: /* @__PURE__ */ _(d, {
 			style: {
 				width: "min(480px, 100vw)",
 				maxWidth: "100vw",
@@ -68,30 +77,30 @@ var g = {
 				display: "flex",
 				flexDirection: "column"
 			},
-			children: [/* @__PURE__ */ h(d, {
+			children: [/* @__PURE__ */ _(p, {
 				style: {
 					padding: "var(--space-cardPadding)",
 					borderBottom: "1px solid var(--color-border-subtle)",
 					backgroundColor: "var(--color-bg-surface)",
 					flexShrink: 0
 				},
-				children: [/* @__PURE__ */ m(f, { children: S("bigconsole.widget.customWidget.sheet.title", "AI custom widget") }), /* @__PURE__ */ m(u, { children: S("bigconsole.widget.customWidget.sheet.description", "Describe a widget, review the proposal, then approve it onto the dashboard.") })]
-			}), /* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ g(m, { children: T("bigconsole.widget.customWidget.sheet.title", "AI custom widget") }), /* @__PURE__ */ g(f, { children: T("bigconsole.widget.customWidget.sheet.description", "Describe a widget, review the proposal, then approve it onto the dashboard.") })]
+			}), /* @__PURE__ */ g("div", {
 				style: {
 					flex: 1,
 					minHeight: 0
 				},
-				children: /* @__PURE__ */ m(i, {
-					sinks: k,
-					parsers: A,
-					resolvePreviewData: j,
-					onApprove: M,
-					onClose: v,
-					source: x
+				children: /* @__PURE__ */ g(a, {
+					sinks: P,
+					parsers: F,
+					resolvePreviewData: I,
+					onApprove: L,
+					onClose: x,
+					source: w
 				})
 			})]
 		})
 	});
 });
 //#endregion
-export { v as default };
+export { x as default };

package/dist/bigconsole/customWidget/CustomWidgetProposalPanel.js

@@ -7,8 +7,8 @@ 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 { Fragment as ce, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/customWidget/CustomWidgetProposalPanel.tsx
 var v = "w-full", y = {
 	loading: "neutral",
@@ -61,10 +61,10 @@ 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(() => ({
+	let { t: O } = _(), k = s(() => ({
 		loading: {
 			title: O("bigconsole.widget.customWidget.preview.loading.title", "Building preview…"),
-			body: O("bigconsole.widget.customWidget.preview.loading.body", "Running the parser against the selected DataSink.")
+			body: O("bigconsole.widget.customWidget.preview.loading.body", "Reading the selected data binding.")
 		},
 		valid: {
 			title: O("bigconsole.widget.customWidget.preview.valid.title", "Preview"),
@@ -72,7 +72,7 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: T,
 		},
 		"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 parser returned no rows. The widget will render empty until the sink has data.")
+			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.")
 		},
 		"field-mismatch": {
 			title: O("bigconsole.widget.customWidget.preview.fieldMismatch.title", "Field mismatch"),
@@ -143,7 +143,7 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: T,
 	}, []), de = o(() => {
 		M(null), B(void 0), W(!1), R(null);
 	}, []), Z = o(async () => {
-		if (!(!j || !J.canApprove)) {
+		if (!(!j || !J.canApprove || V || U)) {
 			I(!0), R(null);
 			try {
 				await T(j), E();
@@ -156,47 +156,49 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: T,
 	}, [
 		j,
 		J.canApprove,
+		V,
+		U,
 		T,
 		E,
 		O
 	]), Q = J.issues.filter((e) => e.severity === "error"), $ = J.issues.filter((e) => e.severity === "warning");
-	return /* @__PURE__ */ g("section", {
+	return /* @__PURE__ */ h("section", {
 		"data-testid": "custom-widget-proposal-panel",
 		"aria-label": O("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, {
+		children: /* @__PURE__ */ g(t, { children: [/* @__PURE__ */ h(e, {
 			title: O("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__ */ h(ae, {
 				className: "size-4",
 				"aria-hidden": "true"
 			}),
-			actions: /* @__PURE__ */ _("div", {
+			actions: /* @__PURE__ */ g("div", {
 				className: "flex flex-wrap gap-2",
-				children: [/* @__PURE__ */ _(f, {
+				children: [/* @__PURE__ */ g(f, {
 					"data-testid": "custom-widget-generate",
 					onClick: ue,
 					disabled: !A.trim() || N,
-					children: [N ? /* @__PURE__ */ g(d, {
+					children: [N ? /* @__PURE__ */ h(d, {
 						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, {
+				}), j ? /* @__PURE__ */ g(f, {
 					variant: "outline",
 					"data-testid": "custom-widget-reject",
 					onClick: de,
-					children: [/* @__PURE__ */ g(oe, {
+					children: [/* @__PURE__ */ h(oe, {
 						className: "mr-1 size-4",
 						"aria-hidden": "true"
 					}), O("bigconsole.widget.customWidget.action.reject", "Reject")]
 				}) : null]
 			}),
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ g("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ g(m, {
+				children: [/* @__PURE__ */ h(m, {
 					htmlFor: "custom-widget-prompt",
 					children: "What should it show?"
-				}), /* @__PURE__ */ g(se, {
+				}), /* @__PURE__ */ h(se, {
 					id: "custom-widget-prompt",
 					"data-testid": "custom-widget-prompt",
 					value: A,
@@ -205,95 +207,95 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: T,
 					rows: 3
 				})]
 			})
-		}), j ? /* @__PURE__ */ _(h, { children: [
-			/* @__PURE__ */ _(e, {
+		}), j ? /* @__PURE__ */ g(ce, { children: [
+			/* @__PURE__ */ g(e, {
 				emphasis: "primary",
 				tone: y[Y],
 				title: k[Y].title,
-				description: "Rendered by the real widget renderer against the real parser output — what you approve is what you get.",
-				meta: /* @__PURE__ */ g("span", {
+				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__ */ h("span", {
 					"data-testid": "custom-widget-preview-state",
 					"data-state": Y,
 					className: "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 					children: Y
 				}),
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ h("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: Y === "loading" ? /* @__PURE__ */ g("div", {
 						className: "flex h-[200px] items-center justify-center text-text-secondary",
-						children: [/* @__PURE__ */ g(d, {
+						children: [/* @__PURE__ */ h(d, {
 							className: "mr-2 size-4 animate-spin",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ h("span", {
 							className: "text-sm",
 							children: k.loading.body
 						})]
-					}) : Y === "valid" ? /* @__PURE__ */ g("div", {
+					}) : Y === "valid" ? /* @__PURE__ */ h("div", {
 						className: "h-[200px]",
-						children: /* @__PURE__ */ g(n, {
+						children: /* @__PURE__ */ h(n, {
 							widgetId: `preview-${j.id}`,
-							children: /* @__PURE__ */ g(ee, {
+							children: /* @__PURE__ */ h(ee, {
 								widget: b(j, O("bigconsole.widget.customWidget.untitledWidget", "Untitled widget")),
 								data: z
 							})
 						})
-					}) : /* @__PURE__ */ _("div", {
+					}) : /* @__PURE__ */ g("div", {
 						className: "flex h-[200px] flex-col items-center justify-center gap-2 px-4 text-center",
 						children: [
-							/* @__PURE__ */ g(l, {
+							/* @__PURE__ */ h(l, {
 								className: "size-5 text-[var(--color-status-warning-text)]",
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ g("p", {
+							/* @__PURE__ */ h("p", {
 								className: "text-sm text-text-secondary",
 								children: k[Y].body
 							}),
-							Y === "access-error" ? /* @__PURE__ */ _(f, {
+							Y === "access-error" ? /* @__PURE__ */ g(f, {
 								size: "sm",
 								variant: "outline",
 								onClick: () => X((e) => ({ ...e })),
-								children: [/* @__PURE__ */ g(ie, {
+								children: [/* @__PURE__ */ h(ie, {
 									className: "mr-1 size-3.5",
 									"aria-hidden": "true"
 								}), O("bigconsole.widget.customWidget.action.retry", "Retry")]
 							}) : null
 						]
 					})
-				}), j.rationale ? /* @__PURE__ */ g("p", {
+				}), j.rationale ? /* @__PURE__ */ h("p", {
 					className: "mt-2 text-xs text-text-secondary",
 					"data-testid": "custom-widget-rationale",
 					children: j.rationale
 				}) : null]
 			}),
-			Q.length > 0 || $.length > 0 ? /* @__PURE__ */ g(e, {
+			Q.length > 0 || $.length > 0 ? /* @__PURE__ */ h(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__ */ h("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__ */ h("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, {
+			/* @__PURE__ */ h(e, {
 				title: O("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__ */ g("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ g("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ g(m, {
+							children: [/* @__PURE__ */ h(m, {
 								htmlFor: "custom-widget-title",
 								children: O("bigconsole.widget.customWidget.field.title", "Title")
-							}), /* @__PURE__ */ g(p, {
+							}), /* @__PURE__ */ h(p, {
 								id: "custom-widget-title",
 								"data-testid": "custom-widget-title",
 								className: v,
@@ -307,12 +309,12 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: T,
 								}))
 							})]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ g("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ g(m, {
+							children: [/* @__PURE__ */ h(m, {
 								htmlFor: "custom-widget-type",
 								children: O("bigconsole.widget.customWidget.field.widgetType", "Widget type")
-							}), /* @__PURE__ */ g("select", {
+							}), /* @__PURE__ */ h("select", {
 								id: "custom-widget-type",
 								"data-testid": "custom-widget-type",
 								value: j.widgetType,
@@ -321,18 +323,18 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: T,
 									widgetType: e.target.value
 								})),
 								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: te.map((e) => /* @__PURE__ */ h("option", {
 									value: e,
 									children: e
 								}, e))
 							})]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ g("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ g(m, {
+							children: [/* @__PURE__ */ h(m, {
 								htmlFor: "custom-widget-sink",
 								children: O("bigconsole.widget.customWidget.field.dataSink", "DataSink")
-							}), /* @__PURE__ */ _("select", {
+							}), /* @__PURE__ */ g("select", {
 								id: "custom-widget-sink",
 								"data-testid": "custom-widget-sink",
 								value: j.binding.dataSinkId,
@@ -348,21 +350,21 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: 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: [/* @__PURE__ */ g("option", {
+								children: [/* @__PURE__ */ h("option", {
 									value: "",
 									children: O("bigconsole.widget.customWidget.field.selectDataSink", "Select a DataSink…")
-								}), a.map((e) => /* @__PURE__ */ g("option", {
+								}), a.map((e) => /* @__PURE__ */ h("option", {
 									value: e.id,
 									children: e.name || e.key
 								}, e.id))]
 							})]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ g("div", {
 							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ g(m, {
+							children: [/* @__PURE__ */ h(m, {
 								htmlFor: "custom-widget-parser",
 								children: O("bigconsole.widget.customWidget.field.parser", "Parser")
-							}), /* @__PURE__ */ _("select", {
+							}), /* @__PURE__ */ g("select", {
 								id: "custom-widget-parser",
 								"data-testid": "custom-widget-parser",
 								value: j.binding.parserId ?? "",
@@ -378,29 +380,29 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: 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: [/* @__PURE__ */ g("option", {
+								children: [/* @__PURE__ */ h("option", {
 									value: "",
 									children: O("bigconsole.widget.customWidget.field.noParser", "No parser")
-								}), C.map((e) => /* @__PURE__ */ g("option", {
+								}), C.map((e) => /* @__PURE__ */ h("option", {
 									value: e.id,
 									children: e.name
 								}, e.id))]
 							})]
 						}),
-						Object.keys(j.fieldMapping).length > 0 ? /* @__PURE__ */ _("fieldset", {
+						Object.keys(j.fieldMapping).length > 0 ? /* @__PURE__ */ g("fieldset", {
 							className: "flex flex-col gap-2",
 							"data-testid": "custom-widget-field-mapping",
 							children: [
-								/* @__PURE__ */ g("legend", {
+								/* @__PURE__ */ h("legend", {
 									className: "text-sm font-medium text-text-primary",
 									children: O("bigconsole.widget.customWidget.fieldMapping.legend", "Field mapping")
 								}),
-								Object.entries(j.fieldMapping).map(([e, t]) => /* @__PURE__ */ _("div", {
+								Object.entries(j.fieldMapping).map(([e, t]) => /* @__PURE__ */ g("div", {
 									className: "flex flex-col gap-1",
-									children: [/* @__PURE__ */ g(m, {
+									children: [/* @__PURE__ */ h(m, {
 										htmlFor: `custom-widget-field-${e}`,
 										children: e
-									}), /* @__PURE__ */ g(p, {
+									}), /* @__PURE__ */ h(p, {
 										id: `custom-widget-field-${e}`,
 										"data-testid": `custom-widget-field-${e}`,
 										value: t,
@@ -413,7 +415,7 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: T,
 										}))
 									})]
 								}, e)),
-								q?.length ? /* @__PURE__ */ g("p", {
+								q?.length ? /* @__PURE__ */ h("p", {
 									className: "break-words text-xs text-text-secondary",
 									children: O("bigconsole.widget.customWidget.fieldMapping.available", "Available: {{fields}}", { fields: q.join(", ") })
 								}) : null
@@ -422,44 +424,44 @@ var C = a(function({ sinks: a, parsers: C, resolvePreviewData: w, onApprove: T,
 					]
 				})
 			}),
-			L ? /* @__PURE__ */ g(e, {
+			L ? /* @__PURE__ */ h(e, {
 				tone: "danger",
 				padding: "compact",
 				headingLevel: 3,
 				title: "Could not add the widget",
-				children: /* @__PURE__ */ g("p", {
+				children: /* @__PURE__ */ h("p", {
 					role: "alert",
 					className: "break-words text-xs text-[var(--color-status-error-text)]",
 					"data-testid": "custom-widget-approve-error",
 					children: L
 				})
 			}) : null,
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex flex-wrap gap-2 border-t border-[var(--color-border-subtle)] pt-3",
-				children: [/* @__PURE__ */ _(f, {
+				children: [/* @__PURE__ */ g(f, {
 					"data-testid": "custom-widget-approve",
 					onClick: Z,
-					disabled: !J.canApprove || F,
-					children: [F ? /* @__PURE__ */ g(d, {
+					disabled: !J.canApprove || V || U || F,
+					children: [F ? /* @__PURE__ */ h(d, {
 						className: "mr-2 size-4 animate-spin",
 						"aria-hidden": "true"
-					}) : /* @__PURE__ */ g(u, {
+					}) : /* @__PURE__ */ h(u, {
 						className: "mr-1 size-4",
 						"aria-hidden": "true"
 					}), O("bigconsole.widget.customWidget.action.approveAndAdd", "Approve & add to dashboard")]
-				}), /* @__PURE__ */ g(f, {
+				}), /* @__PURE__ */ h(f, {
 					variant: "outline",
 					onClick: E,
 					"data-testid": "custom-widget-cancel",
 					children: O("bigconsole.widget.customWidget.action.cancel", "Cancel")
 				})]
 			})
-		] }) : /* @__PURE__ */ g(e, {
+		] }) : /* @__PURE__ */ h(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: "No proposal yet",
 			headingLevel: 3,
-			children: /* @__PURE__ */ g("p", {
+			children: /* @__PURE__ */ h("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.")

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

@@ -0,0 +1,5 @@
+import { ApolloClient } from '@apollo/client';
+import { ProposalBinding } from './proposalContract';
+
+/** Read a bounded current-workspace sink sample; missing access is never reported as empty data. */
+export declare function loadDirectProposalPreview(client: Pick<ApolloClient, 'query'>, binding: ProposalBinding, workspaceId: string | undefined): Promise<Record<string, unknown> | null | undefined>;

package/dist/bigconsole/customWidget/proposalPreview.js

@@ -0,0 +1,31 @@
+import { GetDataSinkDataDocument as e, GetDataSinkDocument as t } from "../../generated/wspace-operations.js";
+//#region src/bigconsole/customWidget/proposalPreview.ts
+async function n(n, r, i) {
+	if (!i) throw Error("Select a workspace before previewing a data source");
+	let a = {
+		requiredWorkspaceAuth: !0,
+		requiredWorkspaceId: i,
+		queryDeduplication: !1
+	}, o = (await n.query({
+		query: t,
+		variables: { id: r.dataSinkId },
+		fetchPolicy: "no-cache",
+		context: a
+	})).data?.getDataSink;
+	if (!o || o.id !== r.dataSinkId || o.workspaceId !== i || o.isActive === !1 || o.deletedAt) throw Error("The selected data source is unavailable");
+	let s = (await n.query({
+		query: e,
+		variables: {
+			id: r.dataSinkId,
+			dataPath: r.dataPath,
+			limit: 50,
+			offset: 0
+		},
+		fetchPolicy: "no-cache",
+		context: a
+	})).data?.getDataSinkData;
+	if (!s) throw Error("Could not read the selected data source");
+	return r.dataPath ? s.extracted : s.raw;
+}
+//#endregion
+export { n as loadDirectProposalPreview };

package/dist/bigconsole/hooks/useDataSinkAlerts.d.ts

@@ -7,25 +7,6 @@ export type AlertChannel = BigConsoleDataSinkAlertChannelsQuery['dataSinkAlertCh
 export type AlertExecution = BigConsoleDataSinkAlertExecutionsQuery['dataSinkAlertExecutions'][number];
 export type AlertPreview = BigConsolePreviewDataSinkAlertQuery['previewDataSinkAlert'];
 export declare const alertErrorMessage: (error: unknown) => string;
-/**
- * "This data sink is not here": the client's own check (`getDataSink` answers
- * `null`, or a sink from another workspace) and the server's codes for it.
- */
-export declare const ALERT_SINK_NOT_FOUND = "DATASINK_NOT_FOUND";
-type Translate = (key: string, fallback: string) => string;
-/**
- * What the alerts page says when the data sink could not be loaded
- * (BOFF-8060 i18n B3). The server's English never wins over a keyed string:
- *
- *  - not found (or nothing recorded) → `bigconsole.alerts.notFound`;
- *  - a coded failure → `bigconsole.errors.<CODE>`, the catalog the rest of
- *    BigConsole localizes backend errors with;
- *  - only an uncoded failure falls back to its raw message, which has no key.
- */
-export declare function describeAlertLoadFailure(t: Translate, failure: {
-    error: string | null;
-    errorCode: string | null;
-}): string;
 /** Every read and write uses the selected workspace; late requests cannot populate a new owner. */
 export declare function useDataSinkAlerts(dataSinkId: string, enabled: boolean): {
     owner: string;
@@ -62,7 +43,6 @@ export declare function useDataSinkAlerts(dataSinkId: string, enabled: boolean):
         }> | null;
     } | null | undefined>;
     reloadChannels: () => Promise<void>;
-    reloadSinkThenChannels: () => Promise<void>;
     save: (alert: DataSinkAlertInput, expectedVersion: number) => Promise<{
         __typename?: "DataSink";
         id: string;
@@ -161,8 +141,5 @@ export declare function useDataSinkAlerts(dataSinkId: string, enabled: boolean):
     channels: AlertChannel[];
     loading: boolean;
     error: string | null;
-    /** The first GraphQL `extensions.code` behind `error`, or the client's own not-found marker. */
-    errorCode: string | null;
     channelError: string | null;
 };
-export {};