@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

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

@@ -5,183 +5,187 @@ import { StepRail as r, formatAgo as i, useAssistantSidebarWidth as a } from "./
 import { DashboardContent as o, DataSinkContent as s, ParserContent as c, WidgetsContent as l } from "./AiPreviewContent.js";
 import { useEffect as u, useState as d } from "react";
 import { ArrowUpRight as f, Loader2 as p, Sparkles as m, X as h } from "lucide-react";
-import { Button as g, Tabs as _, TabsContent as v, TabsList as y, TabsTrigger as b } from "@burdenoff/fe-libs/ui";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as _, Tabs as v, TabsContent as y, TabsList as b, TabsTrigger as x } from "@burdenoff/fe-libs/ui";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/bigconsole/components/preview/AiPreviewPanel.tsx
-function C({ label: e, onOpen: t }) {
-	return /* @__PURE__ */ S("div", {
+function w({ label: e, onOpen: t }) {
+	let { t: n } = g();
+	return /* @__PURE__ */ C("div", {
 		className: "mb-2 flex items-center justify-between gap-2",
-		children: [/* @__PURE__ */ x("span", {
+		children: [/* @__PURE__ */ S("span", {
 			className: "text-xs font-semibold uppercase tracking-wide text-text-muted",
 			children: e
-		}), t ? /* @__PURE__ */ S(g, {
+		}), t ? /* @__PURE__ */ C(_, {
 			size: "sm",
 			variant: "outline",
 			onClick: t,
 			"data-testid": "ai-preview-open-entity",
-			children: ["Open", /* @__PURE__ */ x(f, { className: "ml-1 size-3.5" })]
+			children: [n("bigconsole.widget.aiPreview.open", "Open"), /* @__PURE__ */ S(f, { className: "ml-1 size-3.5" })]
 		}) : null]
 	});
 }
-function w() {
-	let f = e(), w = n((e) => e.isRunning), T = n((e) => e.previewOpen), E = n((e) => e.hasRun), D = n((e) => e.steps), O = n((e) => e.entityIds), k = n((e) => e.caption), A = n((e) => e.error), j = n((e) => e.updatedAt), M = n((e) => e.openPreview), N = n((e) => e.closePreview), P = n((e) => e.setRichMounted);
-	u(() => (P(!0), () => P(!1)), [P]);
-	let [F, I] = d("datasink"), [L, R] = d(() => Date.now()), z = O.dashboard;
+function T() {
+	let { t: f } = g(), T = e(), E = n((e) => e.isRunning), D = n((e) => e.previewOpen), O = n((e) => e.hasRun), k = n((e) => e.steps), A = n((e) => e.entityIds), j = n((e) => e.caption), M = n((e) => e.error), N = n((e) => e.updatedAt), P = n((e) => e.openPreview), F = n((e) => e.closePreview), I = n((e) => e.setRichMounted);
+	u(() => (I(!0), () => I(!1)), [I]);
+	let [L, R] = d("datasink"), [z, B] = d(() => Date.now()), V = A.dashboard;
 	u(() => {
-		if (!w) return;
-		let e = window.setInterval(() => R(Date.now()), 1e3);
+		if (!E) return;
+		let e = window.setInterval(() => B(Date.now()), 1e3);
 		return () => window.clearInterval(e);
-	}, [w]), u(() => {
-		let e = t.filter((e) => D[e] === "done"), n = e[e.length - 1];
+	}, [E]), u(() => {
+		let e = t.filter((e) => k[e] === "done"), n = e[e.length - 1];
 		if (n) {
-			I(n);
+			R(n);
 			return;
 		}
-		let r = t.find((e) => D[e] === "running");
-		r && I(r);
-	}, [D]);
-	let B = j ? Math.max(0, Math.floor((L - j) / 1e3)) : 0, V = a();
-	return E ? T ? /* @__PURE__ */ S("section", {
+		let r = t.find((e) => k[e] === "running");
+		r && R(r);
+	}, [k]);
+	let H = N ? Math.max(0, Math.floor((z - N) / 1e3)) : 0, U = a();
+	return O ? D ? /* @__PURE__ */ C("section", {
 		"data-testid": "ai-preview-panel",
-		"aria-label": "AI preview",
-		style: { marginRight: V ? V + 16 : void 0 },
+		"aria-label": f("bigconsole.widget.aiPreview.ariaLabel", "AI preview"),
+		style: { marginRight: U ? U + 16 : void 0 },
 		className: "mx-4 mt-3 overflow-hidden rounded-lg border border-border-default bg-bg-sunken shadow-sm md:mx-6",
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flex items-center justify-between gap-3 border-b border-border-subtle bg-bg-surface px-3 py-2",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						/* @__PURE__ */ x(m, { className: "size-4 shrink-0 text-action-primary-bg" }),
-						/* @__PURE__ */ x("h2", {
+						/* @__PURE__ */ S(m, { className: "size-4 shrink-0 text-action-primary-bg" }),
+						/* @__PURE__ */ S("h2", {
 							className: "truncate text-sm font-semibold text-text-primary",
-							children: "AI Preview"
+							children: f("bigconsole.widget.aiPreview.title", "AI Preview")
 						}),
-						w ? /* @__PURE__ */ S("span", {
+						E ? /* @__PURE__ */ C("span", {
 							className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-status-success-text",
 							"data-testid": "ai-preview-live",
-							children: [/* @__PURE__ */ S("span", {
+							children: [/* @__PURE__ */ C("span", {
 								className: "relative flex size-2",
-								children: [/* @__PURE__ */ x("span", { className: "absolute inline-flex size-full animate-ping rounded-full bg-status-success-text opacity-75" }), /* @__PURE__ */ x("span", { className: "relative inline-flex size-2 rounded-full bg-status-success-text" })]
-							}), "Live"]
+								children: [/* @__PURE__ */ S("span", { className: "absolute inline-flex size-full animate-ping rounded-full bg-status-success-text opacity-75" }), /* @__PURE__ */ S("span", { className: "relative inline-flex size-2 rounded-full bg-status-success-text" })]
+							}), f("bigconsole.widget.aiPreview.live", "Live")]
 						}) : null,
-						/* @__PURE__ */ S("span", {
+						/* @__PURE__ */ C("span", {
 							className: "truncate text-xs text-text-muted",
 							"data-testid": "ai-preview-ago",
 							children: [
-								w ? k || "Working…" : A ? "Stopped" : "Done",
-								" · updated",
+								E ? j || f("bigconsole.widget.aiPreview.working", "Working…") : M ? f("bigconsole.widget.aiPreview.stopped", "Stopped") : f("bigconsole.widget.aiPreview.done", "Done"),
+								" ",
+								"· ",
+								f("bigconsole.widget.aiPreview.updated", "updated"),
 								" ",
-								i(B)
+								i(H)
 							]
 						})
 					]
-				}), /* @__PURE__ */ x(g, {
+				}), /* @__PURE__ */ S(_, {
 					size: "sm",
 					variant: "ghost",
-					onClick: N,
-					"aria-label": "Close preview",
+					onClick: F,
+					"aria-label": f("bigconsole.widget.aiPreview.closeAriaLabel", "Close preview"),
 					"data-testid": "ai-preview-close",
-					children: /* @__PURE__ */ x(h, { className: "size-4" })
+					children: /* @__PURE__ */ S(h, { className: "size-4" })
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: "border-b border-border-subtle px-3 py-2",
-				children: /* @__PURE__ */ x(r, { steps: D })
+				children: /* @__PURE__ */ S(r, { steps: k })
 			}),
-			/* @__PURE__ */ S(_, {
-				value: F,
-				onValueChange: (e) => I(e),
-				children: [/* @__PURE__ */ S(y, {
+			/* @__PURE__ */ C(v, {
+				value: L,
+				onValueChange: (e) => R(e),
+				children: [/* @__PURE__ */ C(b, {
 					className: "mx-3 mt-2",
 					children: [
-						/* @__PURE__ */ x(b, {
+						/* @__PURE__ */ S(x, {
 							value: "datasink",
 							"data-testid": "ai-preview-tab-datasink",
-							children: "Data Sink"
+							children: f("bigconsole.widget.aiPreview.tab.dataSink", "Data Sink")
 						}),
-						/* @__PURE__ */ x(b, {
+						/* @__PURE__ */ S(x, {
 							value: "dashboard",
 							"data-testid": "ai-preview-tab-dashboard",
-							children: "Dashboard"
+							children: f("bigconsole.widget.aiPreview.tab.dashboard", "Dashboard")
 						}),
-						/* @__PURE__ */ x(b, {
+						/* @__PURE__ */ S(x, {
 							value: "parser",
 							"data-testid": "ai-preview-tab-parser",
-							children: "Parser"
+							children: f("bigconsole.widget.aiPreview.tab.parser", "Parser")
 						}),
-						/* @__PURE__ */ x(b, {
+						/* @__PURE__ */ S(x, {
 							value: "widget",
 							"data-testid": "ai-preview-tab-widget",
-							children: "Widget"
+							children: f("bigconsole.widget.aiPreview.tab.widget", "Widget")
 						})
 					]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "max-h-[440px] overflow-y-auto p-3",
 					children: [
-						/* @__PURE__ */ S(v, {
+						/* @__PURE__ */ C(y, {
 							value: "datasink",
-							children: [/* @__PURE__ */ x(C, {
-								label: "Data Sink",
-								onOpen: O.datasink ? () => f(`/datasinks/${O.datasink}`) : void 0
-							}), /* @__PURE__ */ x(s, {
-								id: O.datasink,
-								live: w
+							children: [/* @__PURE__ */ S(w, {
+								label: f("bigconsole.widget.aiPreview.tab.dataSink", "Data Sink"),
+								onOpen: A.datasink ? () => T(`/datasinks/${A.datasink}`) : void 0
+							}), /* @__PURE__ */ S(s, {
+								id: A.datasink,
+								live: E
 							})]
 						}),
-						/* @__PURE__ */ S(v, {
+						/* @__PURE__ */ C(y, {
 							value: "dashboard",
-							children: [/* @__PURE__ */ x(C, {
-								label: "Dashboard",
-								onOpen: O.dashboard ? () => f(`/dashboards/${O.dashboard}`) : void 0
-							}), /* @__PURE__ */ x(o, { dashboardId: O.dashboard })]
+							children: [/* @__PURE__ */ S(w, {
+								label: f("bigconsole.widget.aiPreview.tab.dashboard", "Dashboard"),
+								onOpen: A.dashboard ? () => T(`/dashboards/${A.dashboard}`) : void 0
+							}), /* @__PURE__ */ S(o, { dashboardId: A.dashboard })]
 						}),
-						/* @__PURE__ */ S(v, {
+						/* @__PURE__ */ C(y, {
 							value: "parser",
-							children: [/* @__PURE__ */ x(C, {
-								label: "Parser",
-								onOpen: O.parser ? () => f(`/parsers/${O.parser}`) : void 0
-							}), /* @__PURE__ */ x(c, {
-								parserId: O.parser,
-								live: w
+							children: [/* @__PURE__ */ S(w, {
+								label: f("bigconsole.widget.aiPreview.tab.parser", "Parser"),
+								onOpen: A.parser ? () => T(`/parsers/${A.parser}`) : void 0
+							}), /* @__PURE__ */ S(c, {
+								parserId: A.parser,
+								live: E
 							})]
 						}),
-						/* @__PURE__ */ S(v, {
+						/* @__PURE__ */ C(y, {
 							value: "widget",
-							children: [/* @__PURE__ */ x(C, {
-								label: "Widget",
-								onOpen: z ? () => f(`/dashboards/${z}`) : void 0
-							}), /* @__PURE__ */ x(l, {
-								dashboardId: z,
-								live: w
+							children: [/* @__PURE__ */ S(w, {
+								label: f("bigconsole.widget.aiPreview.tab.widget", "Widget"),
+								onOpen: V ? () => T(`/dashboards/${V}`) : void 0
+							}), /* @__PURE__ */ S(l, {
+								dashboardId: V,
+								live: E
 							})]
 						})
 					]
 				})]
 			}),
-			A ? /* @__PURE__ */ x("p", {
+			M ? /* @__PURE__ */ S("p", {
 				className: "border-t border-border-subtle px-3 py-2 text-xs text-status-error-text",
 				"data-testid": "ai-preview-error",
-				children: A
+				children: M
 			}) : null
 		]
-	}) : /* @__PURE__ */ x("div", {
+	}) : /* @__PURE__ */ S("div", {
 		className: "flex justify-end px-4 pt-3 md:px-6",
-		style: { marginRight: V },
-		children: /* @__PURE__ */ S(g, {
+		style: { marginRight: U },
+		children: /* @__PURE__ */ C(_, {
 			size: "sm",
 			variant: "outline",
-			onClick: M,
+			onClick: P,
 			"data-testid": "ai-preview-open",
 			children: [
-				/* @__PURE__ */ x(m, { className: "mr-1.5 size-4" }),
-				"Preview",
-				w ? /* @__PURE__ */ x(p, { className: "ml-1.5 size-3.5 animate-spin" }) : null
+				/* @__PURE__ */ S(m, { className: "mr-1.5 size-4" }),
+				f("bigconsole.widget.aiPreview.previewButton", "Preview"),
+				E ? /* @__PURE__ */ S(p, { className: "ml-1.5 size-3.5 animate-spin" }) : null
 			]
 		})
 	}) : null;
 }
 //#endregion
-export { w as default };
+export { T as default };
 
 //# sourceMappingURL=AiPreviewPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AiPreviewPanel.js","names":[],"sources":["../../../../src/bigconsole/components/preview/AiPreviewPanel.tsx"],"sourcesContent":["/**\n * AI Preview — watch the assistant build, with the real content inline.\n *\n * Opens by itself the moment a prompt starts. A step rail (driven by the agent's\n * own narration) shows DataSink → Dashboard → Parser → Widget filling in, and\n * the four tabs show the ACTUAL content of each entity as it lands — the data\n * sink's rows, the live dashboard, the parser's transformed output, the rendered\n * widget charts — not a list of links. The tab auto-switches to whatever step is\n * being worked on, and each tab has an \"Open\" button (top-right) that jumps to\n * the real page.\n *\n * The content renderers need Apollo + the BigConsole providers, which is why\n * this full panel lives inside BigConsoleRoot; the store-only app-shell mini\n * panel (AiPreviewMiniPanel) keeps the lighter link view for other pages.\n */\nimport { useEffect, useState } from 'react';\nimport { Button, Tabs, TabsContent, TabsList, TabsTrigger } from '@burdenoff/fe-libs/ui';\nimport { ArrowUpRight, Loader2, Sparkles, X } from 'lucide-react';\n\nimport { PREVIEW_STEPS, type PreviewStepKey, useAssistantRunStore } from '../../assistant/assistantRunStore';\nimport { useBigConsoleNavigate } from '../../context';\nimport { StepRail, formatAgo, useAssistantSidebarWidth } from './previewShared';\nimport { DashboardContent, DataSinkContent, ParserContent, WidgetsContent } from './AiPreviewContent';\n\n/** A tab's top bar: what this tab is, plus a jump-to-the-real-page button. */\nfunction TabHeader({ label, onOpen }: { label: string; onOpen?: () => void }) {\n  return (\n    <div className=\"mb-2 flex items-center justify-between gap-2\">\n      <span className=\"text-xs font-semibold uppercase tracking-wide text-text-muted\">{label}</span>\n      {onOpen ? (\n        <Button size=\"sm\" variant=\"outline\" onClick={onOpen} data-testid=\"ai-preview-open-entity\">\n          Open\n          <ArrowUpRight className=\"ml-1 size-3.5\" />\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\nexport function AiPreviewPanel() {\n  const navigate = useBigConsoleNavigate();\n\n  const isRunning = useAssistantRunStore((state) => state.isRunning);\n  const previewOpen = useAssistantRunStore((state) => state.previewOpen);\n  const hasRun = useAssistantRunStore((state) => state.hasRun);\n  const steps = useAssistantRunStore((state) => state.steps);\n  const entityIds = useAssistantRunStore((state) => state.entityIds);\n  const caption = useAssistantRunStore((state) => state.caption);\n  const error = useAssistantRunStore((state) => state.error);\n  const updatedAt = useAssistantRunStore((state) => state.updatedAt);\n  const openPreview = useAssistantRunStore((state) => state.openPreview);\n  const closePreview = useAssistantRunStore((state) => state.closePreview);\n  const setRichMounted = useAssistantRunStore((state) => state.setRichMounted);\n\n  // Tell the app-shell mini panel to stand down while this full panel is on a\n  // /bigconsole page. On unmount (e.g. navigating to /workflows mid-run) this\n  // flips false and the mini panel takes over so the build stays visible.\n  useEffect(() => {\n    setRichMounted(true);\n    return () => setRichMounted(false);\n  }, [setRichMounted]);\n\n  const [tab, setTab] = useState<PreviewStepKey>('datasink');\n  const [now, setNow] = useState(() => Date.now());\n\n  const dashboardId = entityIds.dashboard;\n\n  // Tick the \"updated Xs ago\" label while a turn is live.\n  useEffect(() => {\n    if (!isRunning) return;\n    const intervalId = window.setInterval(() => setNow(Date.now()), 1000);\n    return () => window.clearInterval(intervalId);\n  }, [isRunning]);\n\n  // Follow the build by showing the LATEST thing that actually landed — so the\n  // moment the data sink is created you see its rows, not an empty \"waiting for\n  // the dashboard\" tab. (The rail still shows the spinner on the next step.) If\n  // nothing has landed yet, sit on whatever is being worked on.\n  useEffect(() => {\n    const done = PREVIEW_STEPS.filter((key) => steps[key] === 'done');\n    const latestDone = done[done.length - 1];\n    if (latestDone) {\n      setTab(latestDone);\n      return;\n    }\n    const running = PREVIEW_STEPS.find((key) => steps[key] === 'running');\n    if (running) setTab(running);\n  }, [steps]);\n\n  const agoSeconds = updatedAt ? Math.max(0, Math.floor((now - updatedAt) / 1000)) : 0;\n\n  // Keep clear of the assistant.\n  //\n  // The assistant sidebar is `position: fixed` — it OVERLAYS the page instead of\n  // reflowing it. A panel that spans the full content width therefore runs\n  // underneath it, and everything in that overlapped strip (tabs, Open buttons)\n  // silently stops taking clicks. Measure the real element rather than hardcoding\n  // 560px: the widget is responsive, and it can be closed mid-run.\n  const assistantWidth = useAssistantSidebarWidth();\n\n  if (!hasRun) return null;\n\n  if (!previewOpen) {\n    return (\n      <div className=\"flex justify-end px-4 pt-3 md:px-6\" style={{ marginRight: assistantWidth }}>\n        <Button size=\"sm\" variant=\"outline\" onClick={openPreview} data-testid=\"ai-preview-open\">\n          <Sparkles className=\"mr-1.5 size-4\" />\n          Preview\n          {isRunning ? <Loader2 className=\"ml-1.5 size-3.5 animate-spin\" /> : null}\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <section\n      data-testid=\"ai-preview-panel\"\n      aria-label=\"AI preview\"\n      style={{ marginRight: assistantWidth ? assistantWidth + 16 : undefined }}\n      className=\"mx-4 mt-3 overflow-hidden rounded-lg border border-border-default bg-bg-sunken shadow-sm md:mx-6\"\n    >\n      {/* Header + live strip */}\n      <div className=\"flex items-center justify-between gap-3 border-b border-border-subtle bg-bg-surface px-3 py-2\">\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <Sparkles className=\"size-4 shrink-0 text-action-primary-bg\" />\n          <h2 className=\"truncate text-sm font-semibold text-text-primary\">AI Preview</h2>\n          {isRunning ? (\n            <span\n              className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-status-success-text\"\n              data-testid=\"ai-preview-live\"\n            >\n              <span className=\"relative flex size-2\">\n                <span className=\"absolute inline-flex size-full animate-ping rounded-full bg-status-success-text opacity-75\" />\n                <span className=\"relative inline-flex size-2 rounded-full bg-status-success-text\" />\n              </span>\n              Live\n            </span>\n          ) : null}\n          <span className=\"truncate text-xs text-text-muted\" data-testid=\"ai-preview-ago\">\n            {isRunning ? (caption ? caption : 'Working…') : error ? 'Stopped' : 'Done'} · updated{' '}\n            {formatAgo(agoSeconds)}\n          </span>\n        </div>\n        <Button\n          size=\"sm\"\n          variant=\"ghost\"\n          onClick={closePreview}\n          aria-label=\"Close preview\"\n          data-testid=\"ai-preview-close\"\n        >\n          <X className=\"size-4\" />\n        </Button>\n      </div>\n\n      {/* Step rail */}\n      <div className=\"border-b border-border-subtle px-3 py-2\">\n        <StepRail steps={steps} />\n      </div>\n\n      {/* Tabs — each shows the real content of the built entity */}\n      <Tabs value={tab} onValueChange={(value) => setTab(value as PreviewStepKey)}>\n        <TabsList className=\"mx-3 mt-2\">\n          <TabsTrigger value=\"datasink\" data-testid=\"ai-preview-tab-datasink\">\n            Data Sink\n          </TabsTrigger>\n          <TabsTrigger value=\"dashboard\" data-testid=\"ai-preview-tab-dashboard\">\n            Dashboard\n          </TabsTrigger>\n          <TabsTrigger value=\"parser\" data-testid=\"ai-preview-tab-parser\">\n            Parser\n          </TabsTrigger>\n          <TabsTrigger value=\"widget\" data-testid=\"ai-preview-tab-widget\">\n            Widget\n          </TabsTrigger>\n        </TabsList>\n\n        <div className=\"max-h-[440px] overflow-y-auto p-3\">\n          <TabsContent value=\"datasink\">\n            <TabHeader\n              label=\"Data Sink\"\n              onOpen={entityIds.datasink ? () => navigate(`/datasinks/${entityIds.datasink}`) : undefined}\n            />\n            <DataSinkContent id={entityIds.datasink} live={isRunning} />\n          </TabsContent>\n\n          <TabsContent value=\"dashboard\">\n            <TabHeader\n              label=\"Dashboard\"\n              onOpen={entityIds.dashboard ? () => navigate(`/dashboards/${entityIds.dashboard}`) : undefined}\n            />\n            <DashboardContent dashboardId={entityIds.dashboard} />\n          </TabsContent>\n\n          <TabsContent value=\"parser\">\n            <TabHeader\n              label=\"Parser\"\n              onOpen={entityIds.parser ? () => navigate(`/parsers/${entityIds.parser}`) : undefined}\n            />\n            <ParserContent parserId={entityIds.parser} live={isRunning} />\n          </TabsContent>\n\n          <TabsContent value=\"widget\">\n            <TabHeader label=\"Widget\" onOpen={dashboardId ? () => navigate(`/dashboards/${dashboardId}`) : undefined} />\n            <WidgetsContent dashboardId={dashboardId} live={isRunning} />\n          </TabsContent>\n        </div>\n      </Tabs>\n\n      {error ? (\n        <p\n          className=\"border-t border-border-subtle px-3 py-2 text-xs text-status-error-text\"\n          data-testid=\"ai-preview-error\"\n        >\n          {error}\n        </p>\n      ) : null}\n    </section>\n  );\n}\n\nexport default AiPreviewPanel;\n"],"mappings":";;;;;;;;;;AAyBA,SAAS,EAAU,EAAE,UAAO,aAAkD;AAC5E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aAAiE;GAAa,CAAA,EAC7F,IACC,kBAAC,GAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,SAAS;GAAQ,eAAY;aAAjE,CAA0F,QAExF,kBAAC,GAAD,EAAc,WAAU,iBAAkB,CAAA,CACnC;OACP,KACA;;;AAIV,SAAgB,IAAiB;CAC/B,IAAM,IAAW,GAAuB,EAElC,IAAY,GAAsB,MAAU,EAAM,UAAU,EAC5D,IAAc,GAAsB,MAAU,EAAM,YAAY,EAChE,IAAS,GAAsB,MAAU,EAAM,OAAO,EACtD,IAAQ,GAAsB,MAAU,EAAM,MAAM,EACpD,IAAY,GAAsB,MAAU,EAAM,UAAU,EAC5D,IAAU,GAAsB,MAAU,EAAM,QAAQ,EACxD,IAAQ,GAAsB,MAAU,EAAM,MAAM,EACpD,IAAY,GAAsB,MAAU,EAAM,UAAU,EAC5D,IAAc,GAAsB,MAAU,EAAM,YAAY,EAChE,IAAe,GAAsB,MAAU,EAAM,aAAa,EAClE,IAAiB,GAAsB,MAAU,EAAM,eAAe;AAK5E,UACE,EAAe,GAAK,QACP,EAAe,GAAM,GACjC,CAAC,EAAe,CAAC;CAEpB,IAAM,CAAC,GAAK,KAAU,EAAyB,WAAW,EACpD,CAAC,GAAK,KAAU,QAAe,KAAK,KAAK,CAAC,EAE1C,IAAc,EAAU;AAa9B,CAVA,QAAgB;AACd,MAAI,CAAC,EAAW;EAChB,IAAM,IAAa,OAAO,kBAAkB,EAAO,KAAK,KAAK,CAAC,EAAE,IAAK;AACrE,eAAa,OAAO,cAAc,EAAW;IAC5C,CAAC,EAAU,CAAC,EAMf,QAAgB;EACd,IAAM,IAAO,EAAc,QAAQ,MAAQ,EAAM,OAAS,OAAO,EAC3D,IAAa,EAAK,EAAK,SAAS;AACtC,MAAI,GAAY;AACd,KAAO,EAAW;AAClB;;EAEF,IAAM,IAAU,EAAc,MAAM,MAAQ,EAAM,OAAS,UAAU;AACrE,EAAI,KAAS,EAAO,EAAQ;IAC3B,CAAC,EAAM,CAAC;CAEX,IAAM,IAAa,IAAY,KAAK,IAAI,GAAG,KAAK,OAAO,IAAM,KAAa,IAAK,CAAC,GAAG,GAS7E,IAAiB,GAA0B;AAgBjD,QAdK,IAEA,IAaH,kBAAC,WAAD;EACE,eAAY;EACZ,cAAW;EACX,OAAO,EAAE,aAAa,IAAiB,IAAiB,KAAK,KAAA,GAAW;EACxE,WAAU;YAJZ;GAOE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAU,WAAU,0CAA2C,CAAA;MAC/D,kBAAC,MAAD;OAAI,WAAU;iBAAmD;OAAe,CAAA;MAC/E,IACC,kBAAC,QAAD;OACE,WAAU;OACV,eAAY;iBAFd,CAIE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,QAAD,EAAM,WAAU,8FAA+F,CAAA,EAC/G,kBAAC,QAAD,EAAM,WAAU,mEAAoE,CAAA,CAC/E;kBAEF;WACL;MACJ,kBAAC,QAAD;OAAM,WAAU;OAAmC,eAAY;iBAA/D;QACG,IAAa,KAAoB,aAAc,IAAQ,YAAY;QAAO;QAAW;QACrF,EAAU,EAAW;QACjB;;MACH;QACN,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,SAAS;KACT,cAAW;KACX,eAAY;eAEZ,kBAAC,GAAD,EAAG,WAAU,UAAW,CAAA;KACjB,CAAA,CACL;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAiB,UAAS,CAAA;IACtB,CAAA;GAGN,kBAAC,GAAD;IAAM,OAAO;IAAK,gBAAgB,MAAU,EAAO,EAAwB;cAA3E,CACE,kBAAC,GAAD;KAAU,WAAU;eAApB;MACE,kBAAC,GAAD;OAAa,OAAM;OAAW,eAAY;iBAA0B;OAEtD,CAAA;MACd,kBAAC,GAAD;OAAa,OAAM;OAAY,eAAY;iBAA2B;OAExD,CAAA;MACd,kBAAC,GAAD;OAAa,OAAM;OAAS,eAAY;iBAAwB;OAElD,CAAA;MACd,kBAAC,GAAD;OAAa,OAAM;OAAS,eAAY;iBAAwB;OAElD,CAAA;MACL;QAEX,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAa,OAAM;iBAAnB,CACE,kBAAC,GAAD;QACE,OAAM;QACN,QAAQ,EAAU,iBAAiB,EAAS,cAAc,EAAU,WAAW,GAAG,KAAA;QAClF,CAAA,EACF,kBAAC,GAAD;QAAiB,IAAI,EAAU;QAAU,MAAM;QAAa,CAAA,CAChD;;MAEd,kBAAC,GAAD;OAAa,OAAM;iBAAnB,CACE,kBAAC,GAAD;QACE,OAAM;QACN,QAAQ,EAAU,kBAAkB,EAAS,eAAe,EAAU,YAAY,GAAG,KAAA;QACrF,CAAA,EACF,kBAAC,GAAD,EAAkB,aAAa,EAAU,WAAa,CAAA,CAC1C;;MAEd,kBAAC,GAAD;OAAa,OAAM;iBAAnB,CACE,kBAAC,GAAD;QACE,OAAM;QACN,QAAQ,EAAU,eAAe,EAAS,YAAY,EAAU,SAAS,GAAG,KAAA;QAC5E,CAAA,EACF,kBAAC,GAAD;QAAe,UAAU,EAAU;QAAQ,MAAM;QAAa,CAAA,CAClD;;MAEd,kBAAC,GAAD;OAAa,OAAM;iBAAnB,CACE,kBAAC,GAAD;QAAW,OAAM;QAAS,QAAQ,UAAoB,EAAS,eAAe,IAAc,GAAG,KAAA;QAAa,CAAA,EAC5G,kBAAC,GAAD;QAA6B;QAAa,MAAM;QAAa,CAAA,CACjD;;MACV;OACD;;GAEN,IACC,kBAAC,KAAD;IACE,WAAU;IACV,eAAY;cAEX;IACC,CAAA,GACF;GACI;MAhHR,kBAAC,OAAD;EAAK,WAAU;EAAqC,OAAO,EAAE,aAAa,GAAgB;YACxF,kBAAC,GAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,SAAS;GAAa,eAAY;aAAtE;IACE,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA;;IAErC,IAAY,kBAAC,GAAD,EAAS,WAAU,gCAAiC,CAAA,GAAG;IAC7D;;EACL,CAAA,GAVU"}
+{"version":3,"file":"AiPreviewPanel.js","names":[],"sources":["../../../../src/bigconsole/components/preview/AiPreviewPanel.tsx"],"sourcesContent":["/**\n * AI Preview — watch the assistant build, with the real content inline.\n *\n * Opens by itself the moment a prompt starts. A step rail (driven by the agent's\n * own narration) shows DataSink → Dashboard → Parser → Widget filling in, and\n * the four tabs show the ACTUAL content of each entity as it lands — the data\n * sink's rows, the live dashboard, the parser's transformed output, the rendered\n * widget charts — not a list of links. The tab auto-switches to whatever step is\n * being worked on, and each tab has an \"Open\" button (top-right) that jumps to\n * the real page.\n *\n * The content renderers need Apollo + the BigConsole providers, which is why\n * this full panel lives inside BigConsoleRoot; the store-only app-shell mini\n * panel (AiPreviewMiniPanel) keeps the lighter link view for other pages.\n */\nimport { useEffect, useState } from 'react';\nimport { Button, Tabs, TabsContent, TabsList, TabsTrigger } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowUpRight, Loader2, Sparkles, X } from 'lucide-react';\n\nimport { PREVIEW_STEPS, type PreviewStepKey, useAssistantRunStore } from '../../assistant/assistantRunStore';\nimport { useBigConsoleNavigate } from '../../context';\nimport { StepRail, formatAgo, useAssistantSidebarWidth } from './previewShared';\nimport { DashboardContent, DataSinkContent, ParserContent, WidgetsContent } from './AiPreviewContent';\n\n/** A tab's top bar: what this tab is, plus a jump-to-the-real-page button. */\nfunction TabHeader({ label, onOpen }: { label: string; onOpen?: () => void }) {\n  const { t } = useI18n();\n  return (\n    <div className=\"mb-2 flex items-center justify-between gap-2\">\n      <span className=\"text-xs font-semibold uppercase tracking-wide text-text-muted\">{label}</span>\n      {onOpen ? (\n        <Button size=\"sm\" variant=\"outline\" onClick={onOpen} data-testid=\"ai-preview-open-entity\">\n          {t('bigconsole.widget.aiPreview.open', 'Open')}\n          <ArrowUpRight className=\"ml-1 size-3.5\" />\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\nexport function AiPreviewPanel() {\n  const { t } = useI18n();\n  const navigate = useBigConsoleNavigate();\n\n  const isRunning = useAssistantRunStore((state) => state.isRunning);\n  const previewOpen = useAssistantRunStore((state) => state.previewOpen);\n  const hasRun = useAssistantRunStore((state) => state.hasRun);\n  const steps = useAssistantRunStore((state) => state.steps);\n  const entityIds = useAssistantRunStore((state) => state.entityIds);\n  const caption = useAssistantRunStore((state) => state.caption);\n  const error = useAssistantRunStore((state) => state.error);\n  const updatedAt = useAssistantRunStore((state) => state.updatedAt);\n  const openPreview = useAssistantRunStore((state) => state.openPreview);\n  const closePreview = useAssistantRunStore((state) => state.closePreview);\n  const setRichMounted = useAssistantRunStore((state) => state.setRichMounted);\n\n  // Tell the app-shell mini panel to stand down while this full panel is on a\n  // /bigconsole page. On unmount (e.g. navigating to /workflows mid-run) this\n  // flips false and the mini panel takes over so the build stays visible.\n  useEffect(() => {\n    setRichMounted(true);\n    return () => setRichMounted(false);\n  }, [setRichMounted]);\n\n  const [tab, setTab] = useState<PreviewStepKey>('datasink');\n  const [now, setNow] = useState(() => Date.now());\n\n  const dashboardId = entityIds.dashboard;\n\n  // Tick the \"updated Xs ago\" label while a turn is live.\n  useEffect(() => {\n    if (!isRunning) return;\n    const intervalId = window.setInterval(() => setNow(Date.now()), 1000);\n    return () => window.clearInterval(intervalId);\n  }, [isRunning]);\n\n  // Follow the build by showing the LATEST thing that actually landed — so the\n  // moment the data sink is created you see its rows, not an empty \"waiting for\n  // the dashboard\" tab. (The rail still shows the spinner on the next step.) If\n  // nothing has landed yet, sit on whatever is being worked on.\n  useEffect(() => {\n    const done = PREVIEW_STEPS.filter((key) => steps[key] === 'done');\n    const latestDone = done[done.length - 1];\n    if (latestDone) {\n      setTab(latestDone);\n      return;\n    }\n    const running = PREVIEW_STEPS.find((key) => steps[key] === 'running');\n    if (running) setTab(running);\n  }, [steps]);\n\n  const agoSeconds = updatedAt ? Math.max(0, Math.floor((now - updatedAt) / 1000)) : 0;\n\n  // Keep clear of the assistant.\n  //\n  // The assistant sidebar is `position: fixed` — it OVERLAYS the page instead of\n  // reflowing it. A panel that spans the full content width therefore runs\n  // underneath it, and everything in that overlapped strip (tabs, Open buttons)\n  // silently stops taking clicks. Measure the real element rather than hardcoding\n  // 560px: the widget is responsive, and it can be closed mid-run.\n  const assistantWidth = useAssistantSidebarWidth();\n\n  if (!hasRun) return null;\n\n  if (!previewOpen) {\n    return (\n      <div className=\"flex justify-end px-4 pt-3 md:px-6\" style={{ marginRight: assistantWidth }}>\n        <Button size=\"sm\" variant=\"outline\" onClick={openPreview} data-testid=\"ai-preview-open\">\n          <Sparkles className=\"mr-1.5 size-4\" />\n          {t('bigconsole.widget.aiPreview.previewButton', 'Preview')}\n          {isRunning ? <Loader2 className=\"ml-1.5 size-3.5 animate-spin\" /> : null}\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <section\n      data-testid=\"ai-preview-panel\"\n      aria-label={t('bigconsole.widget.aiPreview.ariaLabel', 'AI preview')}\n      style={{ marginRight: assistantWidth ? assistantWidth + 16 : undefined }}\n      className=\"mx-4 mt-3 overflow-hidden rounded-lg border border-border-default bg-bg-sunken shadow-sm md:mx-6\"\n    >\n      {/* Header + live strip */}\n      <div className=\"flex items-center justify-between gap-3 border-b border-border-subtle bg-bg-surface px-3 py-2\">\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <Sparkles className=\"size-4 shrink-0 text-action-primary-bg\" />\n          <h2 className=\"truncate text-sm font-semibold text-text-primary\">\n            {t('bigconsole.widget.aiPreview.title', 'AI Preview')}\n          </h2>\n          {isRunning ? (\n            <span\n              className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-status-success-text\"\n              data-testid=\"ai-preview-live\"\n            >\n              <span className=\"relative flex size-2\">\n                <span className=\"absolute inline-flex size-full animate-ping rounded-full bg-status-success-text opacity-75\" />\n                <span className=\"relative inline-flex size-2 rounded-full bg-status-success-text\" />\n              </span>\n              {t('bigconsole.widget.aiPreview.live', 'Live')}\n            </span>\n          ) : null}\n          <span className=\"truncate text-xs text-text-muted\" data-testid=\"ai-preview-ago\">\n            {isRunning\n              ? caption\n                ? caption\n                : t('bigconsole.widget.aiPreview.working', 'Working…')\n              : error\n                ? t('bigconsole.widget.aiPreview.stopped', 'Stopped')\n                : t('bigconsole.widget.aiPreview.done', 'Done')}{' '}\n            · {t('bigconsole.widget.aiPreview.updated', 'updated')} {formatAgo(agoSeconds)}\n          </span>\n        </div>\n        <Button\n          size=\"sm\"\n          variant=\"ghost\"\n          onClick={closePreview}\n          aria-label={t('bigconsole.widget.aiPreview.closeAriaLabel', 'Close preview')}\n          data-testid=\"ai-preview-close\"\n        >\n          <X className=\"size-4\" />\n        </Button>\n      </div>\n\n      {/* Step rail */}\n      <div className=\"border-b border-border-subtle px-3 py-2\">\n        <StepRail steps={steps} />\n      </div>\n\n      {/* Tabs — each shows the real content of the built entity */}\n      <Tabs value={tab} onValueChange={(value) => setTab(value as PreviewStepKey)}>\n        <TabsList className=\"mx-3 mt-2\">\n          <TabsTrigger value=\"datasink\" data-testid=\"ai-preview-tab-datasink\">\n            {t('bigconsole.widget.aiPreview.tab.dataSink', 'Data Sink')}\n          </TabsTrigger>\n          <TabsTrigger value=\"dashboard\" data-testid=\"ai-preview-tab-dashboard\">\n            {t('bigconsole.widget.aiPreview.tab.dashboard', 'Dashboard')}\n          </TabsTrigger>\n          <TabsTrigger value=\"parser\" data-testid=\"ai-preview-tab-parser\">\n            {t('bigconsole.widget.aiPreview.tab.parser', 'Parser')}\n          </TabsTrigger>\n          <TabsTrigger value=\"widget\" data-testid=\"ai-preview-tab-widget\">\n            {t('bigconsole.widget.aiPreview.tab.widget', 'Widget')}\n          </TabsTrigger>\n        </TabsList>\n\n        <div className=\"max-h-[440px] overflow-y-auto p-3\">\n          <TabsContent value=\"datasink\">\n            <TabHeader\n              label={t('bigconsole.widget.aiPreview.tab.dataSink', 'Data Sink')}\n              onOpen={entityIds.datasink ? () => navigate(`/datasinks/${entityIds.datasink}`) : undefined}\n            />\n            <DataSinkContent id={entityIds.datasink} live={isRunning} />\n          </TabsContent>\n\n          <TabsContent value=\"dashboard\">\n            <TabHeader\n              label={t('bigconsole.widget.aiPreview.tab.dashboard', 'Dashboard')}\n              onOpen={entityIds.dashboard ? () => navigate(`/dashboards/${entityIds.dashboard}`) : undefined}\n            />\n            <DashboardContent dashboardId={entityIds.dashboard} />\n          </TabsContent>\n\n          <TabsContent value=\"parser\">\n            <TabHeader\n              label={t('bigconsole.widget.aiPreview.tab.parser', 'Parser')}\n              onOpen={entityIds.parser ? () => navigate(`/parsers/${entityIds.parser}`) : undefined}\n            />\n            <ParserContent parserId={entityIds.parser} live={isRunning} />\n          </TabsContent>\n\n          <TabsContent value=\"widget\">\n            <TabHeader\n              label={t('bigconsole.widget.aiPreview.tab.widget', 'Widget')}\n              onOpen={dashboardId ? () => navigate(`/dashboards/${dashboardId}`) : undefined}\n            />\n            <WidgetsContent dashboardId={dashboardId} live={isRunning} />\n          </TabsContent>\n        </div>\n      </Tabs>\n\n      {error ? (\n        <p\n          className=\"border-t border-border-subtle px-3 py-2 text-xs text-status-error-text\"\n          data-testid=\"ai-preview-error\"\n        >\n          {error}\n        </p>\n      ) : null}\n    </section>\n  );\n}\n\nexport default AiPreviewPanel;\n"],"mappings":"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"}