@burdenoff/microfe-bigconsole 2026.805.3 → 2026.812.2

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

@@ -1,136 +1,182 @@
-import { useAssistantRunStore as e } from "../../assistant/assistantRunStore.js";
-import { StepRail as t, formatAgo as n, useAssistantSidebarWidth as r } from "./previewShared.js";
-import { useEffect as i, useState as a } from "react";
-import { ArrowUpRight as o, Loader2 as s, Sparkles as c, X as l } from "lucide-react";
-import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as d } from "@burdenoff/fe-libs/ui";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Section as e } from "../common/Section.js";
+import "../common/index.js";
+import { useAssistantRunStore as t } from "../../assistant/assistantRunStore.js";
+import { PREVIEW_CHROME_DIVIDER as n, PREVIEW_PANEL_SHELL as r, StepRail as i, formatAgo as a, useAssistantSidebarWidth as o } from "./previewShared.js";
+import { useEffect as s, useState as c } from "react";
+import { AlertCircle as l, ArrowUpRight as u, Braces as d, Database as f, LayoutDashboard as p, Loader2 as m, Sparkles as h, X as g } from "lucide-react";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as v } from "@burdenoff/fe-libs/ui";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/bigconsole/components/preview/AiPreviewMiniPanel.tsx
-function m({ onNavigate: m }) {
-	let { t: h } = u(), g = e((e) => e.isRunning), _ = e((e) => e.previewOpen), v = e((e) => e.hasRun), y = e((e) => e.richMounted), b = e((e) => e.steps), x = e((e) => e.entityIds), S = e((e) => e.caption), C = e((e) => e.error), w = e((e) => e.updatedAt), T = e((e) => e.openPreview), E = e((e) => e.closePreview), [D, O] = a(() => Date.now());
-	i(() => {
-		if (!g) return;
-		let e = window.setInterval(() => O(Date.now()), 1e3);
+function x({ onNavigate: x }) {
+	let { t: S } = _(), C = t((e) => e.isRunning), w = t((e) => e.previewOpen), T = t((e) => e.hasRun), E = t((e) => e.richMounted), D = t((e) => e.steps), O = t((e) => e.entityIds), k = t((e) => e.caption), A = t((e) => e.error), j = t((e) => e.updatedAt), M = t((e) => e.openPreview), N = t((e) => e.closePreview), [P, F] = c(() => Date.now());
+	s(() => {
+		if (!C) return;
+		let e = window.setInterval(() => F(Date.now()), 1e3);
 		return () => window.clearInterval(e);
-	}, [g]);
-	let k = r(), A = (e) => {
-		m ? m(e) : typeof window < "u" && window.location.assign(e);
+	}, [C]);
+	let I = o(), L = (e) => {
+		x ? x(e) : typeof window < "u" && window.location.assign(e);
 	};
-	if (!v || y) return null;
-	if (!_) return /* @__PURE__ */ f("div", {
-		className: "flex justify-end px-4 pt-1 md:px-6",
-		style: { marginRight: k },
-		children: /* @__PURE__ */ p(d, {
+	if (!T || E) return null;
+	if (!w) return /* @__PURE__ */ b("div", {
+		className: "flex flex-wrap items-center justify-end gap-control-gap px-4 pt-3 md:px-6",
+		style: { marginRight: I },
+		children: [/* @__PURE__ */ y("span", {
+			className: "text-xs text-text-muted",
+			children: C ? "AI build running" : "AI build finished"
+		}), /* @__PURE__ */ b(v, {
 			size: "sm",
 			variant: "outline",
-			onClick: T,
+			onClick: M,
 			"data-testid": "ai-preview-open",
 			children: [
-				/* @__PURE__ */ f(c, { className: "mr-1.5 size-4" }),
-				h("bigconsole.widget.aiPreviewMini.previewButton", "Preview"),
-				g ? /* @__PURE__ */ f(s, { className: "ml-1.5 size-3.5 animate-spin" }) : null
+				/* @__PURE__ */ y(h, { className: "mr-1.5 size-4" }),
+				S("bigconsole.widget.aiPreviewMini.previewButton", "Preview"),
+				C ? /* @__PURE__ */ y(m, { className: "ml-1.5 size-3.5 animate-spin" }) : null
 			]
-		})
+		})]
 	});
-	let j = w ? Math.max(0, Math.floor((D - w) / 1e3)) : 0, M = [];
-	return x.datasink && M.push({
+	let R = j ? Math.max(0, Math.floor((P - j) / 1e3)) : 0, z = [];
+	return O.datasink && z.push({
 		key: "datasink",
-		label: h("bigconsole.widget.aiPreviewMini.link.dataSink", "Data Sink"),
-		path: `/bigconsole/datasinks/${x.datasink}`
-	}), x.dashboard && M.push({
+		label: S("bigconsole.widget.aiPreviewMini.link.dataSink", "Data Sink"),
+		path: `/bigconsole/datasinks/${O.datasink}`,
+		icon: /* @__PURE__ */ y(f, {
+			className: "size-4 shrink-0 text-text-muted",
+			"aria-hidden": "true"
+		})
+	}), O.dashboard && z.push({
 		key: "dashboard",
-		label: h("bigconsole.widget.aiPreviewMini.link.dashboard", "Dashboard"),
-		path: `/bigconsole/dashboards/${x.dashboard}`
-	}), x.parser && M.push({
+		label: S("bigconsole.widget.aiPreviewMini.link.dashboard", "Dashboard"),
+		path: `/bigconsole/dashboards/${O.dashboard}`,
+		icon: /* @__PURE__ */ y(p, {
+			className: "size-4 shrink-0 text-text-muted",
+			"aria-hidden": "true"
+		})
+	}), O.parser && z.push({
 		key: "parser",
-		label: h("bigconsole.widget.aiPreviewMini.link.parser", "Parser"),
-		path: `/bigconsole/parsers/${x.parser}`
-	}), /* @__PURE__ */ p("section", {
+		label: S("bigconsole.widget.aiPreviewMini.link.parser", "Parser"),
+		path: `/bigconsole/parsers/${O.parser}`,
+		icon: /* @__PURE__ */ y(d, {
+			className: "size-4 shrink-0 text-text-muted",
+			"aria-hidden": "true"
+		})
+	}), /* @__PURE__ */ b("section", {
 		"data-testid": "ai-preview-panel",
 		"data-variant": "mini",
-		"aria-label": h("bigconsole.widget.aiPreviewMini.ariaLabel", "AI preview"),
-		style: { marginRight: k ? k + 16 : void 0 },
-		className: "mx-4 mt-1 mb-3 overflow-hidden rounded-lg border border-border-default bg-bg-sunken shadow-sm md:mx-6",
+		"aria-label": S("bigconsole.widget.aiPreviewMini.ariaLabel", "AI preview"),
+		style: { marginRight: I ? I + 16 : void 0 },
+		className: `${r} mx-4 mt-3 mb-3 md:mx-6`,
 		children: [
-			/* @__PURE__ */ p("div", {
-				className: "flex items-center justify-between gap-3 border-b border-border-subtle bg-bg-surface px-3 py-2",
-				children: [/* @__PURE__ */ p("div", {
-					className: "flex min-w-0 items-center gap-2",
-					children: [
-						/* @__PURE__ */ f(c, { className: "size-4 shrink-0 text-action-primary-bg" }),
-						/* @__PURE__ */ f("h2", {
-							className: "truncate text-sm font-semibold text-text-primary",
-							children: h("bigconsole.widget.aiPreviewMini.title", "AI Preview")
-						}),
-						g ? /* @__PURE__ */ p("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__ */ p("span", {
-								className: "relative flex size-2",
-								children: [/* @__PURE__ */ f("span", { className: "absolute inline-flex size-full animate-ping rounded-full bg-status-success-text opacity-75" }), /* @__PURE__ */ f("span", { className: "relative inline-flex size-2 rounded-full bg-status-success-text" })]
-							}), h("bigconsole.widget.aiPreviewMini.live", "Live")]
-						}) : null,
-						/* @__PURE__ */ p("span", {
-							className: "truncate text-xs text-text-muted",
-							"data-testid": "ai-preview-ago",
-							children: [
-								g ? S || h("bigconsole.widget.aiPreviewMini.working", "Working…") : C ? h("bigconsole.widget.aiPreviewMini.stopped", "Stopped") : h("bigconsole.widget.aiPreviewMini.done", "Done"),
-								" ",
-								"· ",
-								h("bigconsole.widget.aiPreviewMini.updated", "updated"),
-								" ",
-								n(j)
-							]
-						})
-					]
-				}), /* @__PURE__ */ f(d, {
+			/* @__PURE__ */ b("div", {
+				className: `flex items-start justify-between gap-control-gap bg-bg-surface px-3 py-2 ${n}`,
+				children: [/* @__PURE__ */ b("div", {
+					className: "flex min-w-0 flex-col gap-0.5",
+					children: [/* @__PURE__ */ b("div", {
+						className: "flex min-w-0 flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ y(h, { className: "size-4 shrink-0 text-action-primary-bg" }),
+							/* @__PURE__ */ y("h2", {
+								className: "text-sm font-semibold text-text-primary",
+								children: S("bigconsole.widget.aiPreviewMini.title", "AI Preview")
+							}),
+							C ? /* @__PURE__ */ b("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__ */ b("span", {
+									className: "relative flex size-2",
+									children: [/* @__PURE__ */ y("span", { className: "absolute inline-flex size-full rounded-full bg-status-success-text opacity-75 motion-safe:animate-ping" }), /* @__PURE__ */ y("span", { className: "relative inline-flex size-2 rounded-full bg-status-success-text" })]
+								}), S("bigconsole.widget.aiPreviewMini.live", "Live")]
+							}) : null
+						]
+					}), /* @__PURE__ */ b("span", {
+						className: "min-w-0 break-words text-xs text-text-muted",
+						"data-testid": "ai-preview-ago",
+						children: [
+							C ? k || S("bigconsole.widget.aiPreviewMini.working", "Working…") : A ? S("bigconsole.widget.aiPreviewMini.stopped", "Stopped") : S("bigconsole.widget.aiPreviewMini.done", "Done"),
+							" ",
+							"· ",
+							S("bigconsole.widget.aiPreviewMini.updated", "updated"),
+							" ",
+							a(R)
+						]
+					})]
+				}), /* @__PURE__ */ y(v, {
 					size: "sm",
 					variant: "ghost",
-					onClick: E,
-					"aria-label": h("bigconsole.widget.aiPreviewMini.closeAriaLabel", "Close preview"),
+					onClick: N,
+					"aria-label": S("bigconsole.widget.aiPreviewMini.closeAriaLabel", "Close preview"),
 					"data-testid": "ai-preview-close",
-					children: /* @__PURE__ */ f(l, { className: "size-4" })
+					children: /* @__PURE__ */ y(g, { className: "size-4" })
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
-				className: "border-b border-border-subtle px-3 py-2",
-				children: /* @__PURE__ */ f(t, { steps: b })
+			/* @__PURE__ */ b("div", {
+				className: `px-3 py-2 ${n}`,
+				children: [/* @__PURE__ */ y("h3", {
+					className: "mb-1 text-[11px] font-semibold uppercase tracking-wide text-text-muted",
+					children: "Build progress"
+				}), /* @__PURE__ */ y(i, { steps: D })]
 			}),
-			/* @__PURE__ */ p("div", {
-				className: "space-y-2 p-3",
-				children: [M.length === 0 ? /* @__PURE__ */ f("p", {
-					className: "px-1 py-4 text-sm text-text-muted",
-					children: g ? h("bigconsole.widget.aiPreviewMini.building", "Building… links appear here as each piece is created.") : h("bigconsole.widget.aiPreviewMini.nothingBuilt", "Nothing built yet.")
-				}) : M.map((e) => /* @__PURE__ */ p("div", {
-					"data-testid": "ai-preview-row",
-					className: "flex items-center justify-between gap-3 rounded-md border border-border-subtle bg-bg-surface px-3 py-2",
-					children: [/* @__PURE__ */ f("p", {
-						className: "truncate text-sm font-medium text-text-primary",
-						children: h("bigconsole.widget.aiPreviewMini.linkReady", "{{label}} ready", { label: e.label })
-					}), /* @__PURE__ */ p(d, {
+			/* @__PURE__ */ y("div", {
+				className: "p-3",
+				children: /* @__PURE__ */ b(e, {
+					emphasis: "standard",
+					padding: "compact",
+					headingLevel: 3,
+					title: "Built so far",
+					description: "Open any piece to see the real thing.",
+					bodyClassName: "flex flex-col gap-list-gap",
+					children: [z.length === 0 ? /* @__PURE__ */ y("p", {
+						className: "text-sm text-text-muted",
+						children: C ? S("bigconsole.widget.aiPreviewMini.building", "Building… links appear here as each piece is created.") : S("bigconsole.widget.aiPreviewMini.nothingBuilt", "Nothing built yet.")
+					}) : z.map((e) => /* @__PURE__ */ b("div", {
+						"data-testid": "ai-preview-row",
+						className: "flex min-w-0 items-center justify-between gap-control-gap rounded-card border border-[var(--color-border-subtle)] bg-bg-canvas px-3 py-2",
+						children: [/* @__PURE__ */ b("p", {
+							className: "flex min-w-0 items-center gap-icon-gap text-sm font-medium text-text-primary",
+							children: [e.icon, /* @__PURE__ */ y("span", {
+								className: "truncate",
+								children: S("bigconsole.widget.aiPreviewMini.linkReady", "{{label}} ready", { label: e.label })
+							})]
+						}), /* @__PURE__ */ b(v, {
+							size: "sm",
+							variant: "ghost",
+							onClick: () => L(e.path),
+							children: [S("bigconsole.widget.aiPreviewMini.open", "Open"), /* @__PURE__ */ y(u, { className: "ml-1 size-3.5" })]
+						})]
+					}, e.key)), O.dashboard ? /* @__PURE__ */ b(v, {
 						size: "sm",
-						variant: "ghost",
-						onClick: () => A(e.path),
-						children: [h("bigconsole.widget.aiPreviewMini.open", "Open"), /* @__PURE__ */ f(o, { className: "ml-1 size-3.5" })]
-					})]
-				}, e.key)), x.dashboard ? /* @__PURE__ */ p(d, {
-					size: "sm",
-					variant: "outline",
-					className: "w-full",
-					"data-testid": "ai-preview-open-in-bigconsole",
-					onClick: () => A(`/bigconsole/dashboards/${x.dashboard ?? ""}`),
-					children: [h("bigconsole.widget.aiPreviewMini.openInBigConsole", "Open in BigConsole for the live view"), /* @__PURE__ */ f(o, { className: "ml-1 size-3.5" })]
-				}) : null]
+						variant: "outline",
+						className: "h-auto w-full whitespace-normal py-1.5 text-center",
+						"data-testid": "ai-preview-open-in-bigconsole",
+						onClick: () => L(`/bigconsole/dashboards/${O.dashboard ?? ""}`),
+						children: [S("bigconsole.widget.aiPreviewMini.openInBigConsole", "Open in BigConsole for the live view"), /* @__PURE__ */ y(u, { className: "ml-1 size-3.5" })]
+					}) : null]
+				})
 			}),
-			C ? /* @__PURE__ */ f("p", {
-				className: "border-t border-border-subtle px-3 py-2 text-xs text-status-error-text",
-				"data-testid": "ai-preview-error",
-				children: C
+			A ? /* @__PURE__ */ b("div", {
+				role: "alert",
+				className: "border-t border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] px-3 py-2",
+				children: [/* @__PURE__ */ y("h3", {
+					className: "text-[11px] font-semibold uppercase tracking-wide text-[var(--color-status-error-text)]",
+					children: "Build stopped"
+				}), /* @__PURE__ */ b("p", {
+					className: "mt-0.5 flex items-start gap-icon-gap text-xs text-[var(--color-status-error-text)]",
+					"data-testid": "ai-preview-error",
+					children: [/* @__PURE__ */ y(l, {
+						className: "mt-0.5 size-3.5 shrink-0",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ y("span", {
+						className: "min-w-0 break-words",
+						children: A
+					})]
+				})]
 			}) : null
 		]
 	});
 }
 //#endregion
-export { m as default };
+export { x as default };
 
 //# sourceMappingURL=AiPreviewMiniPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AiPreviewMiniPanel.js","names":[],"sources":["../../../../src/bigconsole/components/preview/AiPreviewMiniPanel.tsx"],"sourcesContent":["/**\n * AI Preview — the app-shell copy.\n *\n * The full <AiPreviewPanel> lives inside BigConsoleRoot and only exists on\n * /bigconsole pages, but the assistant widget is global: you can start a build\n * from anywhere. This lightweight panel is mounted by the app shell so the build\n * is visible on WHATEVER page you are on — workflows, store, workspaces, search.\n *\n * It is deliberately store-only: no Apollo, no BigConsole context, no data\n * fetching. That is what lets it mount above the router. It shows the same live\n * step rail and caption as the full panel, plus click-through links to each\n * entity as it lands. The rich per-entity tabs stay on the /bigconsole pages,\n * where the data layer actually exists.\n *\n * It renders nothing while the full panel is up (`richMounted`), so the two\n * never stack. Leave a /bigconsole page mid-run and the full panel unmounts,\n * `richMounted` flips false, and this one takes over without a flicker.\n */\nimport { useEffect, useState } from 'react';\nimport { Button } 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 { useAssistantRunStore } from '../../assistant/assistantRunStore';\nimport { StepRail, formatAgo, useAssistantSidebarWidth } from './previewShared';\n\ninterface AiPreviewMiniPanelProps {\n  /**\n   * Route to an in-app path. The links are absolute (`/bigconsole/...`) because\n   * this panel renders outside the BigConsole router. Falls back to a full\n   * navigation when the host does not supply a handler.\n   */\n  onNavigate?: (path: string) => void;\n}\n\ninterface QuickLink {\n  key: string;\n  label: string;\n  path: string;\n}\n\nexport function AiPreviewMiniPanel({ onNavigate }: AiPreviewMiniPanelProps) {\n  const { t } = useI18n();\n  const isRunning = useAssistantRunStore((state) => state.isRunning);\n  const previewOpen = useAssistantRunStore((state) => state.previewOpen);\n  const hasRun = useAssistantRunStore((state) => state.hasRun);\n  const richMounted = useAssistantRunStore((state) => state.richMounted);\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\n  const [now, setNow] = useState(() => Date.now());\n  useEffect(() => {\n    if (!isRunning) return;\n    const id = window.setInterval(() => setNow(Date.now()), 1000);\n    return () => window.clearInterval(id);\n  }, [isRunning]);\n\n  const assistantWidth = useAssistantSidebarWidth();\n\n  const go = (path: string) => {\n    if (onNavigate) onNavigate(path);\n    else if (typeof window !== 'undefined') window.location.assign(path);\n  };\n\n  // Nothing has run, or the full in-context panel is already on screen.\n  if (!hasRun || richMounted) return null;\n\n  if (!previewOpen) {\n    return (\n      <div className=\"flex justify-end px-4 pt-1 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.aiPreviewMini.previewButton', 'Preview')}\n          {isRunning ? <Loader2 className=\"ml-1.5 size-3.5 animate-spin\" /> : null}\n        </Button>\n      </div>\n    );\n  }\n\n  const agoSeconds = updatedAt ? Math.max(0, Math.floor((now - updatedAt) / 1000)) : 0;\n\n  const links: QuickLink[] = [];\n  if (entityIds.datasink)\n    links.push({\n      key: 'datasink',\n      label: t('bigconsole.widget.aiPreviewMini.link.dataSink', 'Data Sink'),\n      path: `/bigconsole/datasinks/${entityIds.datasink}`,\n    });\n  if (entityIds.dashboard)\n    links.push({\n      key: 'dashboard',\n      label: t('bigconsole.widget.aiPreviewMini.link.dashboard', 'Dashboard'),\n      path: `/bigconsole/dashboards/${entityIds.dashboard}`,\n    });\n  if (entityIds.parser)\n    links.push({\n      key: 'parser',\n      label: t('bigconsole.widget.aiPreviewMini.link.parser', 'Parser'),\n      path: `/bigconsole/parsers/${entityIds.parser}`,\n    });\n\n  return (\n    <section\n      data-testid=\"ai-preview-panel\"\n      data-variant=\"mini\"\n      aria-label={t('bigconsole.widget.aiPreviewMini.ariaLabel', 'AI preview')}\n      style={{ marginRight: assistantWidth ? assistantWidth + 16 : undefined }}\n      className=\"mx-4 mt-1 mb-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.aiPreviewMini.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.aiPreviewMini.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.aiPreviewMini.working', 'Working…')\n              : error\n                ? t('bigconsole.widget.aiPreviewMini.stopped', 'Stopped')\n                : t('bigconsole.widget.aiPreviewMini.done', 'Done')}{' '}\n            · {t('bigconsole.widget.aiPreviewMini.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.aiPreviewMini.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      {/* Quick links to what has been built so far. The full per-entity tabs live\n          on the /bigconsole pages; here we surface the direct links instead. */}\n      <div className=\"space-y-2 p-3\">\n        {links.length === 0 ? (\n          <p className=\"px-1 py-4 text-sm text-text-muted\">\n            {isRunning\n              ? t('bigconsole.widget.aiPreviewMini.building', 'Building… links appear here as each piece is created.')\n              : t('bigconsole.widget.aiPreviewMini.nothingBuilt', 'Nothing built yet.')}\n          </p>\n        ) : (\n          links.map((link) => (\n            <div\n              key={link.key}\n              data-testid=\"ai-preview-row\"\n              className=\"flex items-center justify-between gap-3 rounded-md border border-border-subtle bg-bg-surface px-3 py-2\"\n            >\n              <p className=\"truncate text-sm font-medium text-text-primary\">\n                {t('bigconsole.widget.aiPreviewMini.linkReady', '{{label}} ready', { label: link.label })}\n              </p>\n              <Button size=\"sm\" variant=\"ghost\" onClick={() => go(link.path)}>\n                {t('bigconsole.widget.aiPreviewMini.open', 'Open')}\n                <ArrowUpRight className=\"ml-1 size-3.5\" />\n              </Button>\n            </div>\n          ))\n        )}\n        {entityIds.dashboard ? (\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            className=\"w-full\"\n            data-testid=\"ai-preview-open-in-bigconsole\"\n            onClick={() => go(`/bigconsole/dashboards/${entityIds.dashboard ?? ''}`)}\n          >\n            {t('bigconsole.widget.aiPreviewMini.openInBigConsole', 'Open in BigConsole for the live view')}\n            <ArrowUpRight className=\"ml-1 size-3.5\" />\n          </Button>\n        ) : null}\n      </div>\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 AiPreviewMiniPanel;\n"],"mappings":"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"}
+{"version":3,"file":"AiPreviewMiniPanel.js","names":[],"sources":["../../../../src/bigconsole/components/preview/AiPreviewMiniPanel.tsx"],"sourcesContent":["/**\n * AI Preview — the app-shell copy.\n *\n * The full <AiPreviewPanel> lives inside BigConsoleRoot and only exists on\n * /bigconsole pages, but the assistant widget is global: you can start a build\n * from anywhere. This lightweight panel is mounted by the app shell so the build\n * is visible on WHATEVER page you are on — workflows, store, workspaces, search.\n *\n * It is deliberately store-only: no Apollo, no BigConsole context, no data\n * fetching. That is what lets it mount above the router. It shows the same live\n * step rail and caption as the full panel, plus click-through links to each\n * entity as it lands. The rich per-entity tabs stay on the /bigconsole pages,\n * where the data layer actually exists.\n *\n * It renders nothing while the full panel is up (`richMounted`), so the two\n * never stack. Leave a /bigconsole page mid-run and the full panel unmounts,\n * `richMounted` flips false, and this one takes over without a flicker.\n *\n * Section emphasis (BOFF-5639): the chrome (header, progress) is recessed and\n * the \"Built so far\" list is the one raised surface — the same ladder as the\n * full panel, so the two copies read as one component. Spacing is identical to\n * the full panel too; they used to differ (`pt-1` vs `pt-3`), which shifted the\n * page under the user as they navigated.\n */\nimport { useEffect, useState, type ReactNode } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { AlertCircle, ArrowUpRight, Braces, Database, LayoutDashboard, Loader2, Sparkles, X } from 'lucide-react';\n\nimport { useAssistantRunStore } from '../../assistant/assistantRunStore';\nimport { Section } from '../common';\nimport {\n  PREVIEW_CHROME_DIVIDER,\n  PREVIEW_PANEL_SHELL,\n  StepRail,\n  formatAgo,\n  useAssistantSidebarWidth,\n} from './previewShared';\n\ninterface AiPreviewMiniPanelProps {\n  /**\n   * Route to an in-app path. The links are absolute (`/bigconsole/...`) because\n   * this panel renders outside the BigConsole router. Falls back to a full\n   * navigation when the host does not supply a handler.\n   */\n  onNavigate?: (path: string) => void;\n}\n\ninterface QuickLink {\n  key: string;\n  label: string;\n  path: string;\n  icon: ReactNode;\n}\n\nexport function AiPreviewMiniPanel({ onNavigate }: AiPreviewMiniPanelProps) {\n  const { t } = useI18n();\n  const isRunning = useAssistantRunStore((state) => state.isRunning);\n  const previewOpen = useAssistantRunStore((state) => state.previewOpen);\n  const hasRun = useAssistantRunStore((state) => state.hasRun);\n  const richMounted = useAssistantRunStore((state) => state.richMounted);\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\n  const [now, setNow] = useState(() => Date.now());\n  useEffect(() => {\n    if (!isRunning) return;\n    const id = window.setInterval(() => setNow(Date.now()), 1000);\n    return () => window.clearInterval(id);\n  }, [isRunning]);\n\n  const assistantWidth = useAssistantSidebarWidth();\n\n  const go = (path: string) => {\n    if (onNavigate) onNavigate(path);\n    else if (typeof window !== 'undefined') window.location.assign(path);\n  };\n\n  // Nothing has run, or the full in-context panel is already on screen.\n  if (!hasRun || richMounted) return null;\n\n  if (!previewOpen) {\n    return (\n      <div\n        className=\"flex flex-wrap items-center justify-end gap-control-gap px-4 pt-3 md:px-6\"\n        style={{ marginRight: assistantWidth }}\n      >\n        <span className=\"text-xs text-text-muted\">{isRunning ? 'AI build running' : 'AI build finished'}</span>\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.aiPreviewMini.previewButton', 'Preview')}\n          {isRunning ? <Loader2 className=\"ml-1.5 size-3.5 animate-spin\" /> : null}\n        </Button>\n      </div>\n    );\n  }\n\n  const agoSeconds = updatedAt ? Math.max(0, Math.floor((now - updatedAt) / 1000)) : 0;\n\n  const links: QuickLink[] = [];\n  if (entityIds.datasink)\n    links.push({\n      key: 'datasink',\n      label: t('bigconsole.widget.aiPreviewMini.link.dataSink', 'Data Sink'),\n      path: `/bigconsole/datasinks/${entityIds.datasink}`,\n      icon: <Database className=\"size-4 shrink-0 text-text-muted\" aria-hidden=\"true\" />,\n    });\n  if (entityIds.dashboard)\n    links.push({\n      key: 'dashboard',\n      label: t('bigconsole.widget.aiPreviewMini.link.dashboard', 'Dashboard'),\n      path: `/bigconsole/dashboards/${entityIds.dashboard}`,\n      icon: <LayoutDashboard className=\"size-4 shrink-0 text-text-muted\" aria-hidden=\"true\" />,\n    });\n  if (entityIds.parser)\n    links.push({\n      key: 'parser',\n      label: t('bigconsole.widget.aiPreviewMini.link.parser', 'Parser'),\n      path: `/bigconsole/parsers/${entityIds.parser}`,\n      icon: <Braces className=\"size-4 shrink-0 text-text-muted\" aria-hidden=\"true\" />,\n    });\n\n  return (\n    <section\n      data-testid=\"ai-preview-panel\"\n      data-variant=\"mini\"\n      aria-label={t('bigconsole.widget.aiPreviewMini.ariaLabel', 'AI preview')}\n      style={{ marginRight: assistantWidth ? assistantWidth + 16 : undefined }}\n      className={`${PREVIEW_PANEL_SHELL} mx-4 mt-3 mb-3 md:mx-6`}\n    >\n      {/* Header + live strip */}\n      <div\n        className={`flex items-start justify-between gap-control-gap bg-bg-surface px-3 py-2 ${PREVIEW_CHROME_DIVIDER}`}\n      >\n        <div className=\"flex min-w-0 flex-col gap-0.5\">\n          <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n            <Sparkles className=\"size-4 shrink-0 text-action-primary-bg\" />\n            <h2 className=\"text-sm font-semibold text-text-primary\">\n              {t('bigconsole.widget.aiPreviewMini.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 rounded-full bg-status-success-text opacity-75 motion-safe:animate-ping\" />\n                  <span className=\"relative inline-flex size-2 rounded-full bg-status-success-text\" />\n                </span>\n                {t('bigconsole.widget.aiPreviewMini.live', 'Live')}\n              </span>\n            ) : null}\n          </div>\n          <span className=\"min-w-0 break-words text-xs text-text-muted\" data-testid=\"ai-preview-ago\">\n            {isRunning\n              ? caption\n                ? caption\n                : t('bigconsole.widget.aiPreviewMini.working', 'Working…')\n              : error\n                ? t('bigconsole.widget.aiPreviewMini.stopped', 'Stopped')\n                : t('bigconsole.widget.aiPreviewMini.done', 'Done')}{' '}\n            · {t('bigconsole.widget.aiPreviewMini.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.aiPreviewMini.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={`px-3 py-2 ${PREVIEW_CHROME_DIVIDER}`}>\n        <h3 className=\"mb-1 text-[11px] font-semibold uppercase tracking-wide text-text-muted\">Build progress</h3>\n        <StepRail steps={steps} />\n      </div>\n\n      {/* Quick links to what has been built so far. The full per-entity tabs live\n          on the /bigconsole pages; here we surface the direct links instead. */}\n      <div className=\"p-3\">\n        <Section\n          emphasis=\"standard\"\n          padding=\"compact\"\n          headingLevel={3}\n          title=\"Built so far\"\n          description=\"Open any piece to see the real thing.\"\n          bodyClassName=\"flex flex-col gap-list-gap\"\n        >\n          {links.length === 0 ? (\n            <p className=\"text-sm text-text-muted\">\n              {isRunning\n                ? t('bigconsole.widget.aiPreviewMini.building', 'Building… links appear here as each piece is created.')\n                : t('bigconsole.widget.aiPreviewMini.nothingBuilt', 'Nothing built yet.')}\n            </p>\n          ) : (\n            links.map((link) => (\n              <div\n                key={link.key}\n                data-testid=\"ai-preview-row\"\n                className=\"flex min-w-0 items-center justify-between gap-control-gap rounded-card border border-[var(--color-border-subtle)] bg-bg-canvas px-3 py-2\"\n              >\n                <p className=\"flex min-w-0 items-center gap-icon-gap text-sm font-medium text-text-primary\">\n                  {link.icon}\n                  <span className=\"truncate\">\n                    {t('bigconsole.widget.aiPreviewMini.linkReady', '{{label}} ready', { label: link.label })}\n                  </span>\n                </p>\n                <Button size=\"sm\" variant=\"ghost\" onClick={() => go(link.path)}>\n                  {t('bigconsole.widget.aiPreviewMini.open', 'Open')}\n                  <ArrowUpRight className=\"ml-1 size-3.5\" />\n                </Button>\n              </div>\n            ))\n          )}\n          {entityIds.dashboard ? (\n            // fe-libs `Button` is `whitespace-nowrap` with a fixed `h-8` at\n            // `size=\"sm\"`, so this long label overflowed the panel (which is\n            // `overflow-hidden`) at 390px — and the hi/ta strings are longer\n            // still. `h-auto whitespace-normal` lets it wrap to two lines\n            // instead of being clipped.\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              className=\"h-auto w-full whitespace-normal py-1.5 text-center\"\n              data-testid=\"ai-preview-open-in-bigconsole\"\n              onClick={() => go(`/bigconsole/dashboards/${entityIds.dashboard ?? ''}`)}\n            >\n              {t('bigconsole.widget.aiPreviewMini.openInBigConsole', 'Open in BigConsole for the live view')}\n              <ArrowUpRight className=\"ml-1 size-3.5\" />\n            </Button>\n          ) : null}\n        </Section>\n      </div>\n\n      {error ? (\n        <div\n          role=\"alert\"\n          className=\"border-t border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] px-3 py-2\"\n        >\n          <h3 className=\"text-[11px] font-semibold uppercase tracking-wide text-[var(--color-status-error-text)]\">\n            Build stopped\n          </h3>\n          <p\n            className=\"mt-0.5 flex items-start gap-icon-gap text-xs text-[var(--color-status-error-text)]\"\n            data-testid=\"ai-preview-error\"\n          >\n            <AlertCircle className=\"mt-0.5 size-3.5 shrink-0\" aria-hidden=\"true\" />\n            <span className=\"min-w-0 break-words\">{error}</span>\n          </p>\n        </div>\n      ) : null}\n    </section>\n  );\n}\n\nexport default AiPreviewMiniPanel;\n"],"mappings":"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"}