@burdenoff/microfe-bigconsole 2026.924.1 → 2026.924.3

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

@@ -1,130 +1,131 @@
-import { Section as e } from "../common/Section.js";
-import "../common/index.js";
+import { useAssistantPanelShowsPreview as e } from "../../assistant/useAssistantPanelShowsPreview.js";
 import { PREVIEW_STEPS as t, useAssistantRunStore as n } from "../../assistant/assistantRunStore.js";
-import { DOCK_CLEARANCE as r, PreviewMeta as i, STEP_LABEL as a, formatAgo as o, previewLabels as s } from "./previewShared.js";
-import { ArrowUpRight as c, Braces as l, Database as u, LayoutDashboard as d, Loader2 as f, Sparkles as p, X as m } from "lucide-react";
-import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Section as r } from "../common/Section.js";
+import "../common/index.js";
+import { DOCK_CLEARANCE as i, PreviewMeta as a, STEP_LABEL as o, formatAgo as s, previewLabels as c } from "./previewShared.js";
+import { ArrowUpRight as l, Braces as u, Database as d, LayoutDashboard as f, Loader2 as p, Sparkles as m, X as h } from "lucide-react";
 import { Button as g } from "@burdenoff/fe-libs/ui";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import { AssistantEntityPreview as y } from "@burdenoff/fe-libs/shared/assistant";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/preview/AiPreviewMiniPanel.tsx
-function b({ onNavigate: b }) {
-	let { t: x } = h(), S = n((e) => e.isRunning), C = n((e) => e.previewOpen), w = n((e) => e.hasRun), T = n((e) => e.richMounted), E = n((e) => e.steps), D = n((e) => e.entityIds), O = n((e) => e.caption), k = n((e) => e.error), A = n((e) => e.updatedAt), j = n((e) => e.openPreview), M = n((e) => e.closePreview), N = (e) => {
-		b ? b(e) : typeof window < "u" && window.location.assign(e);
+function x({ onNavigate: x }) {
+	let { t: S } = b(), C = e(), w = n((e) => e.isRunning), T = n((e) => e.previewOpen), E = n((e) => e.hasRun), D = n((e) => e.richMounted), O = n((e) => e.steps), k = n((e) => e.entityIds), A = n((e) => e.caption), j = n((e) => e.error), M = n((e) => e.updatedAt), N = n((e) => e.openPreview), P = n((e) => e.closePreview), F = (e) => {
+		x ? x(e) : typeof window < "u" && window.location.assign(e);
 	};
-	if (!w || T) return null;
-	if (!C) return /* @__PURE__ */ v("div", {
+	if (!E || D || C) return null;
+	if (!T) return /* @__PURE__ */ v("div", {
 		className: "flex flex-wrap items-center justify-end gap-control-gap px-4 pt-3 md:px-6",
-		style: { marginRight: r },
+		style: { marginRight: i },
 		children: [/* @__PURE__ */ _("span", {
 			className: "text-xs text-text-muted",
-			children: S ? x("bigconsole.widget.aiPreview.buildRunning", "AI build running") : x("bigconsole.widget.aiPreview.buildFinished", "AI build finished")
+			children: w ? S("bigconsole.widget.aiPreview.buildRunning", "AI build running") : S("bigconsole.widget.aiPreview.buildFinished", "AI build finished")
 		}), /* @__PURE__ */ v(g, {
 			size: "sm",
 			variant: "outline",
-			onClick: j,
+			onClick: N,
 			"data-testid": "ai-preview-open",
 			children: [
-				/* @__PURE__ */ _(p, { className: "mr-1.5 size-4" }),
-				x("bigconsole.widget.aiPreviewMini.previewButton", "Preview"),
-				S ? /* @__PURE__ */ _(f, { className: "ml-1.5 size-3.5 animate-spin" }) : null
+				/* @__PURE__ */ _(m, { className: "mr-1.5 size-4" }),
+				S("bigconsole.widget.aiPreviewMini.previewButton", "Preview"),
+				w ? /* @__PURE__ */ _(p, { className: "ml-1.5 size-3.5 animate-spin" }) : null
 			]
 		})]
 	});
-	let P = [];
-	D.datasink && P.push({
+	let I = [];
+	k.datasink && I.push({
 		key: "datasink",
-		label: x("bigconsole.widget.aiPreviewMini.link.dataSink", "Data Sink"),
-		path: `/bigconsole/datasinks/${D.datasink}`,
-		icon: /* @__PURE__ */ _(u, {
+		label: S("bigconsole.widget.aiPreviewMini.link.dataSink", "Data Sink"),
+		path: `/bigconsole/datasinks/${k.datasink}`,
+		icon: /* @__PURE__ */ _(d, {
 			className: "size-4 shrink-0 text-text-muted",
 			"aria-hidden": "true"
 		})
-	}), D.dashboard && P.push({
+	}), k.dashboard && I.push({
 		key: "dashboard",
-		label: x("bigconsole.widget.aiPreviewMini.link.dashboard", "Dashboard"),
-		path: `/bigconsole/dashboards/${D.dashboard}`,
-		icon: /* @__PURE__ */ _(d, {
+		label: S("bigconsole.widget.aiPreviewMini.link.dashboard", "Dashboard"),
+		path: `/bigconsole/dashboards/${k.dashboard}`,
+		icon: /* @__PURE__ */ _(f, {
 			className: "size-4 shrink-0 text-text-muted",
 			"aria-hidden": "true"
 		})
-	}), D.parser && P.push({
+	}), k.parser && I.push({
 		key: "parser",
-		label: x("bigconsole.widget.aiPreviewMini.link.parser", "Parser"),
-		path: `/bigconsole/parsers/${D.parser}`,
-		icon: /* @__PURE__ */ _(l, {
+		label: S("bigconsole.widget.aiPreviewMini.link.parser", "Parser"),
+		path: `/bigconsole/parsers/${k.parser}`,
+		icon: /* @__PURE__ */ _(u, {
 			className: "size-4 shrink-0 text-text-muted",
 			"aria-hidden": "true"
 		})
 	});
-	let F = t.map((e) => ({
+	let L = t.map((e) => ({
 		id: e,
-		label: x(a[e].key, a[e].fallback),
-		status: E[e]
+		label: S(o[e].key, o[e].fallback),
+		status: O[e]
 	}));
 	return /* @__PURE__ */ v("div", {
 		"data-testid": "ai-preview-panel",
 		"data-variant": "mini",
-		style: { paddingRight: r },
+		style: { paddingRight: i },
 		className: "mx-4 mb-3 mt-3 min-w-0 md:mx-6",
 		children: [/* @__PURE__ */ _("h2", {
 			className: "sr-only",
-			children: x("bigconsole.widget.aiPreviewMini.title", "AI Preview")
+			children: S("bigconsole.widget.aiPreviewMini.title", "AI Preview")
 		}), /* @__PURE__ */ _(y, {
-			title: x("bigconsole.widget.aiPreviewMini.title", "AI Preview"),
-			steps: F,
-			caption: S ? O || x("bigconsole.widget.aiPreviewMini.working", "Working…") : x("bigconsole.widget.aiPreviewMini.done", "Done"),
-			error: k,
-			meta: /* @__PURE__ */ _(i, {
-				state: S ? "running" : k ? "stopped" : "idle",
-				stateLabel: S ? x("bigconsole.widget.aiPreviewMini.live", "Live") : k ? x("bigconsole.widget.aiPreviewMini.stopped", "Stopped") : null,
-				updatedLabel: x("bigconsole.widget.aiPreviewMini.updated", "updated"),
-				updatedAt: A,
-				ago: (e) => o(e, x)
+			title: S("bigconsole.widget.aiPreviewMini.title", "AI Preview"),
+			steps: L,
+			caption: w ? A || S("bigconsole.widget.aiPreviewMini.working", "Working…") : S("bigconsole.widget.aiPreviewMini.done", "Done"),
+			error: j,
+			meta: /* @__PURE__ */ _(a, {
+				state: w ? "running" : j ? "stopped" : "idle",
+				stateLabel: w ? S("bigconsole.widget.aiPreviewMini.live", "Live") : j ? S("bigconsole.widget.aiPreviewMini.stopped", "Stopped") : null,
+				updatedLabel: S("bigconsole.widget.aiPreviewMini.updated", "updated"),
+				updatedAt: M,
+				ago: (e) => s(e, S)
 			}),
 			headerActions: /* @__PURE__ */ _(g, {
 				size: "sm",
 				variant: "ghost",
-				onClick: M,
-				"aria-label": x("bigconsole.widget.aiPreviewMini.closeAriaLabel", "Close preview"),
+				onClick: P,
+				"aria-label": S("bigconsole.widget.aiPreviewMini.closeAriaLabel", "Close preview"),
 				"data-testid": "ai-preview-close",
-				children: /* @__PURE__ */ _(m, { className: "size-4" })
+				children: /* @__PURE__ */ _(h, { className: "size-4" })
 			}),
-			labels: s(x),
+			labels: c(S),
 			children: /* @__PURE__ */ _("div", {
 				className: "p-3",
-				children: /* @__PURE__ */ v(e, {
+				children: /* @__PURE__ */ v(r, {
 					emphasis: "standard",
 					padding: "compact",
 					headingLevel: 3,
-					title: x("bigconsole.widget.aiPreviewMini.builtSoFar", "Built so far"),
-					description: x("bigconsole.widget.aiPreviewMini.builtSoFarHint", "Open any piece to see the real thing."),
+					title: S("bigconsole.widget.aiPreviewMini.builtSoFar", "Built so far"),
+					description: S("bigconsole.widget.aiPreviewMini.builtSoFarHint", "Open any piece to see the real thing."),
 					bodyClassName: "flex flex-col gap-list-gap",
-					children: [P.length === 0 ? /* @__PURE__ */ _("p", {
+					children: [I.length === 0 ? /* @__PURE__ */ _("p", {
 						className: "text-sm text-text-muted",
-						children: S ? x("bigconsole.widget.aiPreviewMini.building", "Building… links appear here as each piece is created.") : x("bigconsole.widget.aiPreviewMini.nothingBuilt", "Nothing built yet.")
-					}) : P.map((e) => /* @__PURE__ */ v("div", {
+						children: w ? S("bigconsole.widget.aiPreviewMini.building", "Building… links appear here as each piece is created.") : S("bigconsole.widget.aiPreviewMini.nothingBuilt", "Nothing built yet.")
+					}) : I.map((e) => /* @__PURE__ */ v("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__ */ v("p", {
 							className: "flex min-w-0 items-center gap-icon-gap text-sm font-medium text-text-primary",
 							children: [e.icon, /* @__PURE__ */ _("span", {
 								className: "truncate",
-								children: x("bigconsole.widget.aiPreviewMini.linkReady", "{{label}} ready", { label: e.label })
+								children: S("bigconsole.widget.aiPreviewMini.linkReady", "{{label}} ready", { label: e.label })
 							})]
 						}), /* @__PURE__ */ v(g, {
 							size: "sm",
 							variant: "ghost",
-							onClick: () => N(e.path),
-							children: [x("bigconsole.widget.aiPreviewMini.open", "Open"), /* @__PURE__ */ _(c, { className: "ml-1 size-3.5" })]
+							onClick: () => F(e.path),
+							children: [S("bigconsole.widget.aiPreviewMini.open", "Open"), /* @__PURE__ */ _(l, { className: "ml-1 size-3.5" })]
 						})]
-					}, e.key)), D.dashboard ? /* @__PURE__ */ v(g, {
+					}, e.key)), k.dashboard ? /* @__PURE__ */ v(g, {
 						size: "sm",
 						variant: "outline",
 						className: "h-auto w-full whitespace-normal py-1.5 text-center",
 						"data-testid": "ai-preview-open-in-bigconsole",
-						onClick: () => N(`/bigconsole/dashboards/${D.dashboard ?? ""}`),
-						children: [x("bigconsole.widget.aiPreviewMini.openInBigConsole", "Open in BigConsole for the live view"), /* @__PURE__ */ _(c, { className: "ml-1 size-3.5" })]
+						onClick: () => F(`/bigconsole/dashboards/${k.dashboard ?? ""}`),
+						children: [S("bigconsole.widget.aiPreviewMini.openInBigConsole", "Open in BigConsole for the live view"), /* @__PURE__ */ _(l, { className: "ml-1 size-3.5" })]
 					}) : null]
 				})
 			})
@@ -132,6 +133,6 @@ function b({ onNavigate: b }) {
 	});
 }
 //#endregion
-export { b as AiPreviewMiniPanel };
+export { x as AiPreviewMiniPanel };
 
 //# 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 *\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 type { ReactNode } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { AssistantEntityPreview, type AssistantPreviewStep } from '@burdenoff/fe-libs/shared/assistant';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowUpRight, Braces, Database, LayoutDashboard, Loader2, Sparkles, X } from 'lucide-react';\n\nimport { PREVIEW_STEPS, useAssistantRunStore } from '../../assistant/assistantRunStore';\nimport { Section } from '../common';\nimport { DOCK_CLEARANCE, PreviewMeta, STEP_LABEL, formatAgo, previewLabels } 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 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: DOCK_CLEARANCE }}\n      >\n        <span className=\"text-xs text-text-muted\">\n          {isRunning\n            ? t('bigconsole.widget.aiPreview.buildRunning', 'AI build running')\n            : t('bigconsole.widget.aiPreview.buildFinished', 'AI build finished')}\n        </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 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  const railSteps: AssistantPreviewStep[] = PREVIEW_STEPS.map((key) => ({\n    id: key,\n    label: t(STEP_LABEL[key].key, STEP_LABEL[key].fallback),\n    status: steps[key],\n  }));\n\n  return (\n    // ★ The wrapper owns POSITIONING only — clearance for the assistant dock,\n    // page gutters, and the testids this panel already had. Everything visual\n    // belongs to the shared surface, which is what keeps this copy and the full\n    // panel from drifting apart now that `previewShared` no longer holds a shell\n    // recipe for them both.\n    //\n    // ★★ PADDING, not margin: `mx-4 md:mx-6` is the page gutter and it is\n    // RESPONSIVE. See DOCK_CLEARANCE's docblock.\n    <div\n      data-testid=\"ai-preview-panel\"\n      data-variant=\"mini\"\n      style={{ paddingRight: DOCK_CLEARANCE }}\n      className=\"mx-4 mb-3 mt-3 min-w-0 md:mx-6\"\n    >\n      {/* ★★ The panel's own heading, restored. The shared surface renders its\n          title as a styled <span> inside a <section aria-label>, which labels\n          the region but leaves NO heading — while it still renders an <h3> for\n          the step rail. main had <h2>AI Preview</h2> above that <h3>, so the\n          migration both removed the panel from screen-reader heading navigation\n          and orphaned the h3 under whatever <h2> the page beneath happens to\n          end with. Visually hidden because the surface already shows the title;\n          this only restores the structure. */}\n      <h2 className=\"sr-only\">{t('bigconsole.widget.aiPreviewMini.title', 'AI Preview')}</h2>\n      <AssistantEntityPreview\n        title={t('bigconsole.widget.aiPreviewMini.title', 'AI Preview')}\n        steps={railSteps}\n        // ★★ TWO branches, not three, and deliberately so: the shared surface\n        // renders `{error ? '' : caption}` — it BLANKS the caption whenever\n        // `error` is set, so a failure branch here would compute a string that\n        // is then discarded. The failure is named in `meta` instead, which\n        // `PreviewHeader` renders without consulting `error`.\n        caption={\n          isRunning\n            ? caption || t('bigconsole.widget.aiPreviewMini.working', 'Working…')\n            : t('bigconsole.widget.aiPreviewMini.done', 'Done')\n        }\n        error={error}\n        meta={\n          <PreviewMeta\n            state={isRunning ? 'running' : error ? 'stopped' : 'idle'}\n            stateLabel={\n              isRunning\n                ? t('bigconsole.widget.aiPreviewMini.live', 'Live')\n                : error\n                  ? t('bigconsole.widget.aiPreviewMini.stopped', 'Stopped')\n                  : null\n            }\n            updatedLabel={t('bigconsole.widget.aiPreviewMini.updated', 'updated')}\n            updatedAt={updatedAt}\n            ago={(seconds) => formatAgo(seconds, t)}\n          />\n        }\n        headerActions={\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        }\n        labels={previewLabels(t)}\n      >\n        {/* ★ No tabs here, by design: the rich per-entity views need Apollo and\n            the BigConsole providers, which do not exist above the router. Links\n            are what this copy can honestly offer. */}\n        <div className=\"p-3\">\n          <Section\n            emphasis=\"standard\"\n            padding=\"compact\"\n            headingLevel={3}\n            title={t('bigconsole.widget.aiPreviewMini.builtSoFar', 'Built so far')}\n            description={t('bigconsole.widget.aiPreviewMini.builtSoFarHint', '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(\n                      'bigconsole.widget.aiPreviewMini.building',\n                      'Building… links appear here as each piece is created.'\n                    )\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      </AssistantEntityPreview>\n    </div>\n  );\n}\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 type { ReactNode } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { AssistantEntityPreview, type AssistantPreviewStep } from '@burdenoff/fe-libs/shared/assistant';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useAssistantPanelShowsPreview } from '../../assistant/useAssistantPanelShowsPreview';\nimport { ArrowUpRight, Braces, Database, LayoutDashboard, Loader2, Sparkles, X } from 'lucide-react';\n\nimport { PREVIEW_STEPS, useAssistantRunStore } from '../../assistant/assistantRunStore';\nimport { Section } from '../common';\nimport { DOCK_CLEARANCE, PreviewMeta, STEP_LABEL, formatAgo, previewLabels } 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  // ★★★ ONE SURFACE PER RUN. fe-libs renders this same controller inside its own\n  // in-chat overlay; without this the page surface stayed up beside it and one\n  // run was drawn twice, side by side (measured in prod, BOFF-7799).\n  const panelShowsPreview = useAssistantPanelShowsPreview();\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 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  // The shared panel's overlay is already showing this run — stand down rather\n  // than draw it a second time beside itself.\n  if (panelShowsPreview) 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: DOCK_CLEARANCE }}\n      >\n        <span className=\"text-xs text-text-muted\">\n          {isRunning\n            ? t('bigconsole.widget.aiPreview.buildRunning', 'AI build running')\n            : t('bigconsole.widget.aiPreview.buildFinished', 'AI build finished')}\n        </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 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  const railSteps: AssistantPreviewStep[] = PREVIEW_STEPS.map((key) => ({\n    id: key,\n    label: t(STEP_LABEL[key].key, STEP_LABEL[key].fallback),\n    status: steps[key],\n  }));\n\n  return (\n    // ★ The wrapper owns POSITIONING only — clearance for the assistant dock,\n    // page gutters, and the testids this panel already had. Everything visual\n    // belongs to the shared surface, which is what keeps this copy and the full\n    // panel from drifting apart now that `previewShared` no longer holds a shell\n    // recipe for them both.\n    //\n    // ★★ PADDING, not margin: `mx-4 md:mx-6` is the page gutter and it is\n    // RESPONSIVE. See DOCK_CLEARANCE's docblock.\n    <div\n      data-testid=\"ai-preview-panel\"\n      data-variant=\"mini\"\n      style={{ paddingRight: DOCK_CLEARANCE }}\n      className=\"mx-4 mb-3 mt-3 min-w-0 md:mx-6\"\n    >\n      {/* ★★ The panel's own heading, restored. The shared surface renders its\n          title as a styled <span> inside a <section aria-label>, which labels\n          the region but leaves NO heading — while it still renders an <h3> for\n          the step rail. main had <h2>AI Preview</h2> above that <h3>, so the\n          migration both removed the panel from screen-reader heading navigation\n          and orphaned the h3 under whatever <h2> the page beneath happens to\n          end with. Visually hidden because the surface already shows the title;\n          this only restores the structure. */}\n      <h2 className=\"sr-only\">{t('bigconsole.widget.aiPreviewMini.title', 'AI Preview')}</h2>\n      <AssistantEntityPreview\n        title={t('bigconsole.widget.aiPreviewMini.title', 'AI Preview')}\n        steps={railSteps}\n        // ★★ TWO branches, not three, and deliberately so: the shared surface\n        // renders `{error ? '' : caption}` — it BLANKS the caption whenever\n        // `error` is set, so a failure branch here would compute a string that\n        // is then discarded. The failure is named in `meta` instead, which\n        // `PreviewHeader` renders without consulting `error`.\n        caption={\n          isRunning\n            ? caption || t('bigconsole.widget.aiPreviewMini.working', 'Working…')\n            : t('bigconsole.widget.aiPreviewMini.done', 'Done')\n        }\n        error={error}\n        meta={\n          <PreviewMeta\n            state={isRunning ? 'running' : error ? 'stopped' : 'idle'}\n            stateLabel={\n              isRunning\n                ? t('bigconsole.widget.aiPreviewMini.live', 'Live')\n                : error\n                  ? t('bigconsole.widget.aiPreviewMini.stopped', 'Stopped')\n                  : null\n            }\n            updatedLabel={t('bigconsole.widget.aiPreviewMini.updated', 'updated')}\n            updatedAt={updatedAt}\n            ago={(seconds) => formatAgo(seconds, t)}\n          />\n        }\n        headerActions={\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        }\n        labels={previewLabels(t)}\n      >\n        {/* ★ No tabs here, by design: the rich per-entity views need Apollo and\n            the BigConsole providers, which do not exist above the router. Links\n            are what this copy can honestly offer. */}\n        <div className=\"p-3\">\n          <Section\n            emphasis=\"standard\"\n            padding=\"compact\"\n            headingLevel={3}\n            title={t('bigconsole.widget.aiPreviewMini.builtSoFar', 'Built so far')}\n            description={t('bigconsole.widget.aiPreviewMini.builtSoFarHint', '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(\n                      'bigconsole.widget.aiPreviewMini.building',\n                      'Building… links appear here as each piece is created.'\n                    )\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      </AssistantEntityPreview>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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