@burdenoff/microfe-bigconsole 2026.1008.14 → 2026.1010.10

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 { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-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__ */ C("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 } = S();
-	return /* @__PURE__ */ w(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__ */ C(_, { 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: _ } = S();
-	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__ */ w("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__ */ C("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__ */ w(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__ */ C(y, { className: "mr-1.5 size-4" }),
-				_("bigconsole.widget.aiPreview.previewButton", "Preview"),
-				k ? /* @__PURE__ */ C(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__ */ C(E, { children: /* @__PURE__ */ C(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__ */ C(D, { onOpen: () => O(`/datasinks/${N.datasink}`) }) : void 0,
-				children: /* @__PURE__ */ C(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__ */ C(E, { children: /* @__PURE__ */ C(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__ */ C(D, { onOpen: () => O(`/dashboards/${U}`) }) : void 0,
-				children: /* @__PURE__ */ C(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__ */ C(E, { children: /* @__PURE__ */ C(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__ */ C(D, { onOpen: () => O(`/parsers/${N.parser}`) }) : void 0,
-				children: /* @__PURE__ */ C(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__ */ C(E, { children: /* @__PURE__ */ C(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__ */ C(D, { onOpen: () => O(`/dashboards/${U}`) }) : void 0,
-				children: /* @__PURE__ */ C(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__ */ w("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__ */ C("h2", {
+		children: [/* @__PURE__ */ w("h2", {
 			className: "sr-only",
-			children: _("bigconsole.widget.aiPreview.title", "AI Preview")
-		}), /* @__PURE__ */ C(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__ */ C(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__ */ C(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__ */ C(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 };