@burdenoff/microfe-bigconsole 2026.1012.4 → 2026.1012.6

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

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

package/dist/bigconsole/components/widgets/ActionConfigDialog.js

@@ -6,8 +6,8 @@ import { memo as r, useCallback as i, useEffect as ne, useId as re, useMemo as i
 import { PermissionButton as ae } from "@burdenoff/fe-libs/shared/components";
 import { ChevronDown as oe, ChevronRight as se } from "lucide-react";
 import { Button as ce, Checkbox as s, Input as c, ResponsiveDialog as le, ResponsiveDialogContent as ue, ResponsiveDialogDescription as de, ResponsiveDialogFooter as fe, ResponsiveDialogHeader as pe, ResponsiveDialogTitle as me, Select as l, SelectContent as u, SelectItem as he, SelectTrigger as ge, SelectValue as _e, Spinner as ve, Textarea as ye } from "@burdenoff/fe-libs/ui";
-import { Fragment as be, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useI18n as xe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as be } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as xe, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/ActionConfigDialog.tsx
 var Se = [
 	"POST",
@@ -83,7 +83,7 @@ var Se = [
 	boxShadow: "var(--shadow-elevation-3)",
 	borderRadius: "var(--radius-button)"
 }, g = r(function({ isOpen: r, action: g, initialWebhook: _, isLoading: v = !1, saveError: Ee, onClose: De, onSave: Oe }) {
-	let { t: y } = xe(), b = !!g, x = a(null), ke = a(null), Ae = a(null), S = re(), C = a(""), w = a(!1), [T, E] = o(""), [D, O] = o(""), [k, A] = o(!1), [j, M] = o("PRIMARY"), [N, je] = o(""), [P, F] = o("WEBHOOK"), [I, L] = o(""), [R, z] = o("POST"), [B, V] = o(!1), [H, U] = o(!1), [W, G] = o(!1), [K, Me] = o(!1), [Ne, q] = o(() => y("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), [Pe, J] = o(() => y("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), [Y, X] = o(() => y("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), [Fe, Z] = o(() => y("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")), [Q, $] = o(null), Ie = ie(() => {
+	let { t: y } = be(), b = !!g, x = a(null), ke = a(null), Ae = a(null), S = re(), C = a(""), w = a(!1), [T, E] = o(""), [D, O] = o(""), [k, A] = o(!1), [j, M] = o("PRIMARY"), [N, je] = o(""), [P, F] = o("WEBHOOK"), [I, L] = o(""), [R, z] = o("POST"), [B, V] = o(!1), [H, U] = o(!1), [W, G] = o(!1), [K, Me] = o(!1), [Ne, q] = o(() => y("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), [Pe, J] = o(() => y("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), [Y, X] = o(() => y("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), [Fe, Z] = o(() => y("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")), [Q, $] = o(null), Ie = ie(() => {
 		let e = {
 			PRIMARY: y("bigconsole.widget.actions.style.primary", "Primary"),
 			SECONDARY: y("bigconsole.widget.actions.style.secondary", "Secondary"),
@@ -547,7 +547,7 @@ var Se = [
 						children: /* @__PURE__ */ d(ce, {
 							type: "submit",
 							disabled: v,
-							children: v ? /* @__PURE__ */ f(be, { children: [/* @__PURE__ */ d(ve, { className: "size-4" }), y("bigconsole.widget.actions.footer.saving", "Saving...")] }) : b ? y("bigconsole.widget.actions.footer.updateButton", "Update Button") : y("bigconsole.widget.actions.footer.addButton", "Add Button")
+							children: v ? /* @__PURE__ */ f(xe, { children: [/* @__PURE__ */ d(ve, { className: "size-4" }), y("bigconsole.widget.actions.footer.saving", "Saving...")] }) : b ? y("bigconsole.widget.actions.footer.updateButton", "Update Button") : y("bigconsole.widget.actions.footer.addButton", "Add Button")
 						})
 					})]
 				})]