@burdenoff/microfe-bigconsole 2026.1008.10 → 2026.1008.12

package/dist/bigconsole/pages/InsightsPage.js

@@ -7,15 +7,15 @@ import "../components/common/index.js";
 import a from "../hooks/useBigConsoleAnalytics.js";
 import { isNative as ee, nativeImpact as o, nativeNotify as te } from "../../utils/nativeBridge.js";
 /* empty css                     */
-import { memo as s, useCallback as c, useEffect as l, useState as u } from "react";
-import { AlertCircle as d, ArrowRight as f, Ban as ne, CheckCircle as p, Clock as m, Eye as re, History as ie, Lightbulb as ae, Loader2 as h, RefreshCw as oe, Sparkles as g, Trash2 as se, Wand2 as _, X as ce, XCircle as v } from "lucide-react";
-import { AuroraBackground as le, GlassCard as ue, GradientText as de, IllustratedEmptyState as fe, PagePurpose as pe } from "@burdenoff/fe-libs/ui";
-import { useMutation as y, useQuery as me } from "@apollo/client/react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { gql as S } from "@apollo/client";
-import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { memo as s, useCallback as c, useEffect as ne, useState as l } from "react";
+import { AlertCircle as u, ArrowRight as d, Ban as re, CheckCircle as f, Clock as p, Eye as ie, History as ae, Lightbulb as oe, Loader2 as m, RefreshCw as se, Sparkles as h, Trash2 as ce, Wand2 as g, X as le, XCircle as _ } from "lucide-react";
+import { AuroraBackground as ue, GlassCard as de, GradientText as fe, IllustratedEmptyState as pe, PagePurpose as me } from "@burdenoff/fe-libs/ui";
+import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useMutation as y, useQuery as b } from "@apollo/client/react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { gql as C } from "@apollo/client";
 //#region src/bigconsole/pages/InsightsPage.tsx
-var he = S`
+var he = C`
   query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {
     listPromptGenerations(status: $status, first: $first) {
       edges {
@@ -55,7 +55,7 @@ var he = S`
       totalCount
     }
   }
-`, ge = S`
+`, ge = C`
   query GetPromptSuggestions($category: String, $limit: Int) {
     getPromptSuggestions(category: $category, limit: $limit) {
       id
@@ -66,7 +66,7 @@ var he = S`
       tags
     }
   }
-`, _e = S`
+`, _e = C`
   mutation GenerateDashboardFromPrompt($input: GenerateDashboardFromPromptInput!) {
     generateDashboardFromPrompt(input: $input) {
       id
@@ -74,24 +74,24 @@ var he = S`
       prompt
     }
   }
-`, ve = S`
+`, ve = C`
   mutation CreateDashboardFromGeneration($input: CreateDashboardFromGenerationInput!) {
     createDashboardFromGeneration(input: $input) {
       id
     }
   }
-`, ye = S`
+`, ye = C`
   mutation DeletePromptGeneration($generationId: ID!) {
     deletePromptGeneration(generationId: $generationId)
   }
-`, be = S`
+`, be = C`
   mutation CancelPromptGeneration($generationId: ID!) {
     cancelPromptGeneration(generationId: $generationId) {
       id
       status
     }
   }
-`, xe = S`
+`, xe = C`
   mutation RegenerateDashboard($input: RegenerateDashboardInput!) {
     regenerateDashboard(input: $input) {
       id
@@ -99,7 +99,7 @@ var he = S`
       prompt
     }
   }
-`, Se = S`
+`, Se = C`
   mutation RefineGeneratedDashboard($input: RefineGeneratedDashboardInput!) {
     refineGeneratedDashboard(input: $input) {
       id
@@ -266,26 +266,26 @@ var M = {
 function je(e) {
 	let t = M[j(e)].text;
 	switch (e) {
-		case "COMPLETED": return /* @__PURE__ */ b(p, {
+		case "COMPLETED": return /* @__PURE__ */ x(f, {
 			size: 14,
 			style: { color: t },
 			"aria-hidden": "true"
 		});
 		case "FAILED":
-		case "CANCELLED": return /* @__PURE__ */ b(v, {
+		case "CANCELLED": return /* @__PURE__ */ x(_, {
 			size: 14,
 			style: { color: t },
 			"aria-hidden": "true"
 		});
 		case "PENDING":
 		case "PROCESSING":
-		case "GENERATING": return /* @__PURE__ */ b(h, {
+		case "GENERATING": return /* @__PURE__ */ x(m, {
 			size: 14,
 			className: "animate-spin",
 			style: { color: t },
 			"aria-hidden": "true"
 		});
-		default: return /* @__PURE__ */ b(m, {
+		default: return /* @__PURE__ */ x(p, {
 			size: 14,
 			style: { color: t },
 			"aria-hidden": "true"
@@ -304,8 +304,8 @@ function N(e, t) {
 	}
 }
 var Me = ({ status: e }) => {
-	let { t } = C(), n = M[j(e)];
-	return /* @__PURE__ */ x("span", {
+	let { t } = v(), n = M[j(e)];
+	return /* @__PURE__ */ S("span", {
 		"data-status": e,
 		style: {
 			...A,
@@ -363,23 +363,23 @@ function Re(e) {
 	};
 }
 var F = s(function() {
-	let { t: s } = C(), p = e(), m = a(), [v, S] = u(""), [w, j] = u("MODERN"), [M, je] = u("GRID"), [N, Fe] = u(we), [F, ze] = u(Te), [I, Be] = u(!1), [Ve, L] = u(null), [R, He] = u(() => /* @__PURE__ */ new Set()), [z, B] = u(null), [V, H] = u(null), [U, W] = u(""), G = c((e) => {
+	let { t: s } = v(), f = e(), p = a(), [_, C] = l(""), [w, j] = l("MODERN"), [M, je] = l("GRID"), [N, Fe] = l(we), [F, ze] = l(Te), [I, Be] = l(!1), [Ve, L] = l(null), [R, He] = l(() => /* @__PURE__ */ new Set()), [z, B] = l(null), [V, H] = l(null), [U, W] = l(""), G = c((e) => {
 		He((t) => new Set(t).add(e));
 	}, []), K = c((e) => {
 		He((t) => {
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
-	}, []), { data: Ue, loading: We, error: q, refetch: J, startPolling: Ge, stopPolling: Y } = me(he, {
+	}, []), { data: Ue, loading: We, error: q, refetch: J, startPolling: Ge, stopPolling: Y } = b(he, {
 		variables: { first: 20 },
 		fetchPolicy: "cache-and-network"
-	}), X = Ue?.listPromptGenerations?.edges?.some((e) => Ce.includes(e.node.status)) ?? !1, { data: Ke, error: qe, refetch: Je } = me(ge, { variables: { limit: 6 } }), [Ye] = y(_e), [Xe] = y(ve), [Ze] = y(ye), [Qe] = y(be), [$e] = y(xe), [et] = y(Se), Z = Ue?.listPromptGenerations?.edges?.map((e) => e.node) || [], tt = Ke?.getPromptSuggestions || [];
-	l(() => (X || I ? Ge(2e3) : Y(), () => Y()), [
+	}), X = Ue?.listPromptGenerations?.edges?.some((e) => Ce.includes(e.node.status)) ?? !1, { data: Ke, error: qe, refetch: Je } = b(ge, { variables: { limit: 6 } }), [Ye] = y(_e), [Xe] = y(ve), [Ze] = y(ye), [Qe] = y(be), [$e] = y(xe), [et] = y(Se), Z = Ue?.listPromptGenerations?.edges?.map((e) => e.node) || [], tt = Ke?.getPromptSuggestions || [];
+	ne(() => (X || I ? Ge(2e3) : Y(), () => Y()), [
 		X,
 		I,
 		Ge,
 		Y
-	]), l(() => {
+	]), ne(() => {
 		if (!z && !V) return;
 		let e = (e) => {
 			e.key === "Escape" && (B(null), H(null));
@@ -387,16 +387,16 @@ var F = s(function() {
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [z, V]);
 	let nt = c(async () => {
-		if (!(!v.trim() || I)) {
-			if (v.length > 2e3) {
+		if (!(!_.trim() || I)) {
+			if (_.length > 2e3) {
 				L(s("bigconsole.insights.error.promptTooLong", "Prompt is too long (max 2000 characters)."));
 				return;
 			}
 			L(null), Be(!0);
 			try {
-				m("bigconsole.ai.generate_clicked", { maxWidgets: F });
+				p("bigconsole.ai.generate_clicked", { maxWidgets: F });
 				let e = await Ye({ variables: { input: {
-					prompt: v.trim(),
+					prompt: _.trim(),
 					styleType: w,
 					layoutType: M,
 					gridColumns: N,
@@ -404,10 +404,10 @@ var F = s(function() {
 				} } });
 				if (t(e, "command")) return;
 				let n = e.data?.generateDashboardFromPrompt?.id;
-				n && m("bigconsole.ai.dashboard_generated", {
+				n && p("bigconsole.ai.dashboard_generated", {
 					generationId: n,
 					maxWidgets: F
-				}), S(""), J();
+				}), C(""), J();
 			} catch (e) {
 				if (t(e, "command")) return;
 				L(e instanceof Error ? e.message : s("bigconsole.insights.error.generateFailed", "Failed to generate dashboard"));
@@ -416,8 +416,8 @@ var F = s(function() {
 			}
 		}
 	}, [
-		m,
-		v,
+		p,
+		_,
 		I,
 		Ye,
 		J,
@@ -429,22 +429,22 @@ var F = s(function() {
 	]), Q = c(async (e) => {
 		L(null);
 		try {
-			m("bigconsole.ai.create_dashboard_clicked", { generationId: e });
+			p("bigconsole.ai.create_dashboard_clicked", { generationId: e });
 			let n = await Xe({ variables: { input: { generationId: e } } });
 			if (t(n, "project")) return;
 			let r = n.data?.createDashboardFromGeneration?.id;
-			r && (m("bigconsole.ai.dashboard_created", {
+			r && (p("bigconsole.ai.dashboard_created", {
 				generationId: e,
 				dashboardId: r
-			}), p(`/dashboards/${r}`));
+			}), f(`/dashboards/${r}`));
 		} catch (e) {
 			if (t(e, "project")) return;
 			L(e instanceof Error ? e.message : s("bigconsole.insights.error.createFailed", "Failed to create dashboard"));
 		}
 	}, [
 		Xe,
-		m,
 		p,
+		f,
 		s
 	]), rt = c(async (e) => {
 		L(null);
@@ -515,18 +515,18 @@ var F = s(function() {
 		J,
 		s
 	]), st = c((e) => {
-		S(e);
+		C(e);
 	}, []), $ = z?.generatedSpec;
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ S("div", {
 		"data-tour": "bigconsole-ai-insights",
 		className: "min-w-0",
 		style: { backgroundColor: "var(--color-bg-canvas)" },
 		children: [
-			/* @__PURE__ */ x("header", {
+			/* @__PURE__ */ S("header", {
 				className: "relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]",
-				children: [/* @__PURE__ */ b(le, { intensity: "subtle" }), /* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ x(ue, { intensity: "subtle" }), /* @__PURE__ */ x("div", {
 					style: { padding: "var(--space-pagePadding)" },
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ S("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -534,7 +534,7 @@ var F = s(function() {
 							flexWrap: "wrap",
 							minWidth: 0
 						},
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ x("div", {
 							style: {
 								display: "flex",
 								height: "var(--size-controlHeight-lg)",
@@ -545,17 +545,17 @@ var F = s(function() {
 								borderRadius: "var(--radius-card)",
 								backgroundColor: "var(--color-action-primary-bg)"
 							},
-							children: /* @__PURE__ */ b(g, { style: {
+							children: /* @__PURE__ */ x(h, { style: {
 								height: "var(--size-icon-lg)",
 								width: "var(--size-icon-lg)",
 								color: "var(--color-action-primary-text)"
 							} })
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ S("div", {
 							style: { minWidth: 0 },
-							children: [/* @__PURE__ */ b("h1", {
+							children: [/* @__PURE__ */ x("h1", {
 								className: "m-0 text-2xl font-bold text-text-primary",
-								children: /* @__PURE__ */ b(de, { children: s("bigconsole.insights.header.title", "AI Insights") })
-							}), /* @__PURE__ */ b("p", {
+								children: /* @__PURE__ */ x(fe, { children: s("bigconsole.insights.header.title", "AI Insights") })
+							}), /* @__PURE__ */ x("p", {
 								className: "m-0 text-sm text-text-secondary",
 								children: s("bigconsole.insights.header.subtitle", "Generate dashboards from natural language prompts")
 							})]
@@ -563,21 +563,21 @@ var F = s(function() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				style: { padding: "var(--space-pagePadding)" },
-				children: [/* @__PURE__ */ b(pe, {
+				children: [/* @__PURE__ */ x(me, {
 					className: "mb-[var(--space-sectionGap)]",
 					children: "Describe the dashboard you need in plain English and BigConsole proposes the pages, widgets and layout for it. Review the proposal, refine it in place, then create the real dashboard in one step — a generation is only a proposal until you accept it."
-				}), /* @__PURE__ */ x(i, { children: [
-					Ve && /* @__PURE__ */ b(r, {
+				}), /* @__PURE__ */ S(i, { children: [
+					Ve && /* @__PURE__ */ x(r, {
 						headingLevel: 2,
 						tone: "danger",
 						padding: "compact",
 						title: "That request did not go through",
 						description: Ve,
-						icon: /* @__PURE__ */ b(d, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ x(u, { className: "h-icon-sm w-icon-sm" }),
 						"data-testid": "insights-error",
-						actions: /* @__PURE__ */ b("button", {
+						actions: /* @__PURE__ */ x("button", {
 							type: "button",
 							onClick: () => L(null),
 							"aria-label": s("bigconsole.insights.error.dismiss", "Dismiss error"),
@@ -586,16 +586,16 @@ var F = s(function() {
 							children: "Dismiss"
 						})
 					}),
-					(q || qe) && /* @__PURE__ */ b("div", {
+					(q || qe) && /* @__PURE__ */ x("div", {
 						role: "alert",
-						children: /* @__PURE__ */ b(r, {
+						children: /* @__PURE__ */ x(r, {
 							tone: "danger",
 							padding: "compact",
 							headingLevel: 2,
 							title: s("bigconsole.insights.error.loadFailed", "AI Insights could not be loaded"),
 							description: s("bigconsole.insights.error.loadFailedDescription", "Your saved generations and suggestions may be unavailable. Retry the failed request."),
 							"data-testid": "insights-load-error",
-							actions: /* @__PURE__ */ x("button", {
+							actions: /* @__PURE__ */ S("button", {
 								type: "button",
 								className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 								style: T,
@@ -603,7 +603,7 @@ var F = s(function() {
 									q && J().catch(() => void 0), qe && Je().catch(() => void 0);
 								},
 								children: [
-									/* @__PURE__ */ b(oe, {
+									/* @__PURE__ */ x(se, {
 										size: 14,
 										"aria-hidden": "true"
 									}),
@@ -613,22 +613,22 @@ var F = s(function() {
 							})
 						})
 					}),
-					/* @__PURE__ */ b(r, {
+					/* @__PURE__ */ x(r, {
 						id: "insights-prompt",
 						emphasis: "primary",
 						headingLevel: 2,
 						title: "Describe your dashboard",
 						description: "One or two sentences is enough — name the metrics, the breakdowns and who will read it.",
-						icon: /* @__PURE__ */ b(g, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ x(h, { className: "h-icon-sm w-icon-sm" }),
 						"data-testid": "insights-prompt",
-						children: /* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								flexDirection: "column",
 								gap: "var(--space-controlGap)"
 							},
 							children: [
-								/* @__PURE__ */ b("label", {
+								/* @__PURE__ */ x("label", {
 									htmlFor: "prompt-input",
 									style: {
 										display: "block",
@@ -638,10 +638,10 @@ var F = s(function() {
 									},
 									children: s("bigconsole.insights.prompt.label", "Your prompt")
 								}),
-								/* @__PURE__ */ b("textarea", {
+								/* @__PURE__ */ x("textarea", {
 									id: "prompt-input",
-									value: v,
-									onChange: (e) => S(e.target.value),
+									value: _,
+									onChange: (e) => C(e.target.value),
 									placeholder: s("bigconsole.insights.prompt.placeholder", "e.g., Create a sales dashboard showing revenue trends, top products, and regional performance"),
 									rows: 3,
 									maxLength: 2e3,
@@ -661,7 +661,7 @@ var F = s(function() {
 										e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), nt());
 									}
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									role: "group",
 									"aria-label": s("bigconsole.insights.prompt.optionsLabel", "Generation options"),
 									"data-testid": "insights-generation-options",
@@ -671,69 +671,69 @@ var F = s(function() {
 										gap: "var(--space-controlGap)"
 									},
 									children: [
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											htmlFor: "prompt-style",
 											style: O,
 											children: s("bigconsole.insights.prompt.style", "Style")
-										}), /* @__PURE__ */ b("select", {
+										}), /* @__PURE__ */ x("select", {
 											id: "prompt-style",
 											value: w,
 											onChange: (e) => j(e.target.value),
 											className: n,
 											style: k,
-											children: Ee.map((e) => /* @__PURE__ */ b("option", {
+											children: Ee.map((e) => /* @__PURE__ */ x("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											htmlFor: "prompt-layout",
 											style: O,
 											children: s("bigconsole.insights.prompt.layout", "Layout")
-										}), /* @__PURE__ */ b("select", {
+										}), /* @__PURE__ */ x("select", {
 											id: "prompt-layout",
 											value: M,
 											onChange: (e) => je(e.target.value),
 											className: n,
 											style: k,
-											children: De.map((e) => /* @__PURE__ */ b("option", {
+											children: De.map((e) => /* @__PURE__ */ x("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											htmlFor: "prompt-columns",
 											style: O,
 											children: s("bigconsole.insights.prompt.columns", "Columns")
-										}), /* @__PURE__ */ b("select", {
+										}), /* @__PURE__ */ x("select", {
 											id: "prompt-columns",
 											value: N,
 											onChange: (e) => Fe(Number(e.target.value)),
 											className: n,
 											style: k,
-											children: Oe.map((e) => /* @__PURE__ */ b("option", {
+											children: Oe.map((e) => /* @__PURE__ */ x("option", {
 												value: e,
 												children: e
 											}, e))
 										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											htmlFor: "prompt-max-widgets",
 											style: O,
 											children: s("bigconsole.insights.prompt.maxWidgets", "Max widgets")
-										}), /* @__PURE__ */ b("select", {
+										}), /* @__PURE__ */ x("select", {
 											id: "prompt-max-widgets",
 											value: F,
 											onChange: (e) => ze(Number(e.target.value)),
 											className: n,
 											style: k,
-											children: ke.map((e) => /* @__PURE__ */ b("option", {
+											children: ke.map((e) => /* @__PURE__ */ x("option", {
 												value: e,
 												children: e
 											}, e))
 										})] })
 									]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									style: {
 										display: "flex",
 										alignItems: "center",
@@ -742,7 +742,7 @@ var F = s(function() {
 										borderTop: "1px solid var(--color-border-subtle)",
 										paddingTop: "var(--space-controlGap)"
 									},
-									children: [/* @__PURE__ */ x("span", {
+									children: [/* @__PURE__ */ S("span", {
 										style: {
 											flex: "1 1 12rem",
 											minWidth: 0,
@@ -752,25 +752,25 @@ var F = s(function() {
 										children: [
 											s("bigconsole.insights.prompt.hint", "Press Ctrl+Enter to generate"),
 											" · ",
-											v.length,
+											_.length,
 											"/2000"
 										]
-									}), /* @__PURE__ */ x("button", {
+									}), /* @__PURE__ */ S("button", {
 										type: "button",
 										onClick: nt,
-										disabled: !v.trim() || I,
+										disabled: !_.trim() || I,
 										className: n,
 										style: {
 											...E,
 											marginLeft: "auto",
-											cursor: !v.trim() || I ? "not-allowed" : "pointer",
-											opacity: !v.trim() || I ? .5 : 1
+											cursor: !_.trim() || I ? "not-allowed" : "pointer",
+											opacity: !_.trim() || I ? .5 : 1
 										},
-										children: [I ? /* @__PURE__ */ b(h, {
+										children: [I ? /* @__PURE__ */ x(m, {
 											size: 16,
 											className: "animate-spin",
 											"aria-hidden": "true"
-										}) : /* @__PURE__ */ b(g, {
+										}) : /* @__PURE__ */ x(h, {
 											size: 16,
 											"aria-hidden": "true"
 										}), s("bigconsole.insights.prompt.generateButton", "Generate dashboard")]
@@ -779,20 +779,20 @@ var F = s(function() {
 							]
 						})
 					}),
-					tt.length > 0 && /* @__PURE__ */ b(r, {
+					tt.length > 0 && /* @__PURE__ */ x(r, {
 						emphasis: "muted",
 						headingLevel: 2,
 						title: s("bigconsole.insights.suggestions.heading", "Starting points"),
 						description: "Pick one to drop it into the prompt box above, then edit it before generating.",
-						icon: /* @__PURE__ */ b(ae, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ x(oe, { className: "h-icon-sm w-icon-sm" }),
 						"data-testid": "insights-suggestions",
-						children: /* @__PURE__ */ b("div", {
+						children: /* @__PURE__ */ x("div", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(260px, 100%), 1fr))",
 								gap: "var(--space-controlGap)"
 							},
-							children: tt.map((e) => /* @__PURE__ */ x("button", {
+							children: tt.map((e) => /* @__PURE__ */ S("button", {
 								type: "button",
 								onClick: () => st(e.prompt),
 								className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
@@ -807,7 +807,7 @@ var F = s(function() {
 									cursor: "pointer"
 								},
 								children: [
-									/* @__PURE__ */ b("span", {
+									/* @__PURE__ */ x("span", {
 										style: {
 											display: "block",
 											fontWeight: "var(--font-weight-medium)",
@@ -817,7 +817,7 @@ var F = s(function() {
 										},
 										children: e.title
 									}),
-									/* @__PURE__ */ b("span", {
+									/* @__PURE__ */ x("span", {
 										style: {
 											display: "block",
 											fontSize: "var(--font-size-body-sm)",
@@ -826,14 +826,14 @@ var F = s(function() {
 										},
 										children: e.exampleDescription || e.prompt
 									}),
-									e.tags.length > 0 && /* @__PURE__ */ b("span", {
+									e.tags.length > 0 && /* @__PURE__ */ x("span", {
 										style: {
 											display: "flex",
 											gap: "var(--space-iconGap)",
 											marginTop: "var(--space-controlGap)",
 											flexWrap: "wrap"
 										},
-										children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ b("span", {
+										children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ x("span", {
 											style: A,
 											children: e
 										}, e))
@@ -842,14 +842,14 @@ var F = s(function() {
 							}, e.id))
 						})
 					}),
-					/* @__PURE__ */ b(r, {
+					/* @__PURE__ */ x(r, {
 						emphasis: "bare",
 						padding: "none",
 						headingLevel: 2,
 						title: s("bigconsole.insights.generations.heading", "Recent generations"),
 						description: "Newest first. A generation stays a proposal until you create the dashboard from it.",
-						icon: /* @__PURE__ */ b(ie, { className: "h-icon-sm w-icon-sm" }),
-						meta: Z.length > 0 ? /* @__PURE__ */ x("span", {
+						icon: /* @__PURE__ */ x(ae, { className: "h-icon-sm w-icon-sm" }),
+						meta: Z.length > 0 ? /* @__PURE__ */ S("span", {
 							style: A,
 							children: [
 								Z.length,
@@ -858,13 +858,13 @@ var F = s(function() {
 							]
 						}) : void 0,
 						"data-testid": "insights-generations",
-						children: We && Z.length === 0 ? /* @__PURE__ */ b(r, {
+						children: We && Z.length === 0 ? /* @__PURE__ */ x(r, {
 							emphasis: "muted",
 							headingLevel: 3,
 							"aria-label": "Loading generations",
 							className: "min-h-[10rem]",
 							"data-testid": "insights-generations-loading",
-							children: /* @__PURE__ */ x("div", {
+							children: /* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									minHeight: "8rem",
@@ -874,54 +874,54 @@ var F = s(function() {
 									gap: "var(--space-controlGap)",
 									color: "var(--color-text-muted)"
 								},
-								children: [/* @__PURE__ */ b(h, {
+								children: [/* @__PURE__ */ x(m, {
 									size: 24,
 									className: "animate-spin",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ b("p", {
+								}), /* @__PURE__ */ x("p", {
 									style: { fontSize: "var(--font-size-body-sm)" },
 									children: s("bigconsole.insights.generations.loading", "Loading generations…")
 								})]
 							})
-						}) : Z.length === 0 && !I && !q ? /* @__PURE__ */ b(ue, {
+						}) : Z.length === 0 && !I && !q ? /* @__PURE__ */ x(de, {
 							treatment: "insight",
 							className: "border-[var(--color-border-seam)]",
-							children: /* @__PURE__ */ b(fe, {
+							children: /* @__PURE__ */ x(pe, {
 								illustration: "onboarding",
 								title: s("bigconsole.insights.generations.emptyTitle", "No generations yet"),
 								description: s("bigconsole.insights.generations.emptyDescription", "Describe a dashboard above to get started")
 							})
-						}) : /* @__PURE__ */ x("div", {
+						}) : /* @__PURE__ */ S("div", {
 							className: "flex flex-col gap-list-gap",
-							children: [I && !X && /* @__PURE__ */ b(r, {
+							children: [I && !X && /* @__PURE__ */ x(r, {
 								emphasis: "muted",
 								tone: "info",
 								padding: "compact",
 								headingLevel: 3,
 								title: "Sending your prompt…",
 								description: "The new generation appears here as soon as the backend accepts it.",
-								icon: /* @__PURE__ */ b(h, { className: "h-icon-sm w-icon-sm animate-spin" }),
+								icon: /* @__PURE__ */ x(m, { className: "h-icon-sm w-icon-sm animate-spin" }),
 								"data-testid": "insights-generation-pending"
 							}), Z.map((e) => {
 								let t = e.generatedSpec, i = R.has(e.id), a = Ce.includes(e.status);
-								return /* @__PURE__ */ x(r, {
+								return /* @__PURE__ */ S(r, {
 									emphasis: "standard",
 									padding: "compact",
 									headingLevel: 3,
 									title: t?.name || (a ? s("bigconsole.insights.generations.generating", "Generating…") : "Untitled generation"),
-									meta: /* @__PURE__ */ b(Me, { status: e.status }),
+									meta: /* @__PURE__ */ x(Me, { status: e.status }),
 									description: e.prompt.length > 160 ? `${e.prompt.slice(0, 160)}…` : e.prompt,
 									"data-testid": "insights-generation-card",
 									bodyClassName: "flex flex-col gap-control-gap",
 									children: [
-										t && /* @__PURE__ */ x("div", {
+										t && /* @__PURE__ */ S("div", {
 											style: {
 												display: "flex",
 												flexWrap: "wrap",
 												gap: "var(--space-iconGap)"
 											},
 											children: [
-												/* @__PURE__ */ x("span", {
+												/* @__PURE__ */ S("span", {
 													style: A,
 													children: [
 														P(t),
@@ -929,7 +929,7 @@ var F = s(function() {
 														P(t) === 1 ? "" : "s"
 													]
 												}),
-												/* @__PURE__ */ x("span", {
+												/* @__PURE__ */ S("span", {
 													style: A,
 													children: [
 														t.pages.length,
@@ -937,21 +937,21 @@ var F = s(function() {
 														t.pages.length === 1 ? "" : "s"
 													]
 												}),
-												/* @__PURE__ */ x("span", {
+												/* @__PURE__ */ S("span", {
 													style: Ne(t.overallConfidence),
 													children: [Math.round(t.overallConfidence * 100), "% confidence"]
 												})
 											]
 										}),
-										e.errorMessage && /* @__PURE__ */ b(r, {
+										e.errorMessage && /* @__PURE__ */ x(r, {
 											headingLevel: 4,
 											tone: "danger",
 											padding: "compact",
 											title: "Generation failed",
 											description: e.errorMessage,
-											icon: /* @__PURE__ */ b(d, { className: "h-icon-sm w-icon-sm" })
+											icon: /* @__PURE__ */ x(u, { className: "h-icon-sm w-icon-sm" })
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ S("div", {
 											style: {
 												display: "flex",
 												flexWrap: "wrap",
@@ -961,7 +961,7 @@ var F = s(function() {
 												paddingTop: "var(--space-controlGap)"
 											},
 											children: [
-												a && /* @__PURE__ */ x("button", {
+												a && /* @__PURE__ */ S("button", {
 													type: "button",
 													onClick: () => {
 														o("medium"), it(e.id);
@@ -974,7 +974,7 @@ var F = s(function() {
 														cursor: i ? "wait" : "pointer"
 													},
 													children: [
-														/* @__PURE__ */ b(ne, {
+														/* @__PURE__ */ x(re, {
 															size: 14,
 															"aria-hidden": "true"
 														}),
@@ -982,14 +982,14 @@ var F = s(function() {
 														s("bigconsole.insights.actions.cancel", "Cancel")
 													]
 												}),
-												e.status === "COMPLETED" && t && /* @__PURE__ */ x("button", {
+												e.status === "COMPLETED" && t && /* @__PURE__ */ S("button", {
 													type: "button",
 													onClick: () => B(e),
 													title: s("bigconsole.insights.actions.previewTitle", "Preview proposed layout"),
 													className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 													style: T,
 													children: [
-														/* @__PURE__ */ b(re, {
+														/* @__PURE__ */ x(ie, {
 															size: 14,
 															"aria-hidden": "true"
 														}),
@@ -997,7 +997,7 @@ var F = s(function() {
 														s("bigconsole.insights.actions.preview", "Preview")
 													]
 												}),
-												e.status === "COMPLETED" && t && /* @__PURE__ */ x("button", {
+												e.status === "COMPLETED" && t && /* @__PURE__ */ S("button", {
 													type: "button",
 													onClick: () => {
 														H(e), W("");
@@ -1006,7 +1006,7 @@ var F = s(function() {
 													className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 													style: T,
 													children: [
-														/* @__PURE__ */ b(_, {
+														/* @__PURE__ */ x(g, {
 															size: 14,
 															"aria-hidden": "true"
 														}),
@@ -1014,7 +1014,7 @@ var F = s(function() {
 														s("bigconsole.insights.actions.refine", "Refine")
 													]
 												}),
-												(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ x("button", {
+												(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ S("button", {
 													type: "button",
 													onClick: () => {
 														o("medium"), at(e.id);
@@ -1027,7 +1027,7 @@ var F = s(function() {
 														cursor: i ? "wait" : "pointer"
 													},
 													children: [
-														/* @__PURE__ */ b(oe, {
+														/* @__PURE__ */ x(se, {
 															size: 14,
 															className: i ? "animate-spin" : "",
 															"aria-hidden": "true"
@@ -1036,7 +1036,7 @@ var F = s(function() {
 														s("bigconsole.insights.actions.regenerate", "Regenerate")
 													]
 												}),
-												/* @__PURE__ */ x("div", {
+												/* @__PURE__ */ S("div", {
 													style: {
 														display: "flex",
 														flexWrap: "wrap",
@@ -1045,7 +1045,7 @@ var F = s(function() {
 														marginLeft: "auto"
 													},
 													children: [
-														e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ x("button", {
+														e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ S("button", {
 															type: "button",
 															onClick: () => Q(e.id),
 															className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
@@ -1053,27 +1053,27 @@ var F = s(function() {
 															children: [
 																s("bigconsole.insights.actions.create", "Create dashboard"),
 																" ",
-																/* @__PURE__ */ b(f, {
+																/* @__PURE__ */ x(d, {
 																	size: 14,
 																	"aria-hidden": "true"
 																})
 															]
 														}),
-														e.dashboardId && /* @__PURE__ */ x("button", {
+														e.dashboardId && /* @__PURE__ */ S("button", {
 															type: "button",
-															onClick: () => p(`/dashboards/${e.dashboardId ?? ""}`),
+															onClick: () => f(`/dashboards/${e.dashboardId ?? ""}`),
 															className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 															style: T,
 															children: [
 																s("bigconsole.insights.actions.viewDashboard", "View dashboard"),
 																" ",
-																/* @__PURE__ */ b(f, {
+																/* @__PURE__ */ x(d, {
 																	size: 14,
 																	"aria-hidden": "true"
 																})
 															]
 														}),
-														/* @__PURE__ */ b("button", {
+														/* @__PURE__ */ x("button", {
 															type: "button",
 															onClick: () => {
 																o("medium"), rt(e.id);
@@ -1082,7 +1082,7 @@ var F = s(function() {
 															"aria-label": s("bigconsole.insights.actions.deleteTitle", "Delete generation"),
 															className: n,
 															style: D,
-															children: /* @__PURE__ */ b(se, {
+															children: /* @__PURE__ */ x(ce, {
 																size: 14,
 																"aria-hidden": "true"
 															})
@@ -1098,7 +1098,7 @@ var F = s(function() {
 					})
 				] })]
 			}),
-			z && $ && /* @__PURE__ */ b("div", {
+			z && $ && /* @__PURE__ */ x("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": s("bigconsole.insights.preview.ariaLabel", "Generation preview"),
@@ -1113,7 +1113,7 @@ var F = s(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ S("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						display: "flex",
@@ -1127,7 +1127,7 @@ var F = s(function() {
 						boxShadow: "var(--shadow-elevation-3)"
 					},
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								justifyContent: "space-between",
@@ -1136,16 +1136,16 @@ var F = s(function() {
 								padding: "var(--space-cardPadding)",
 								borderBottom: "1px solid var(--color-border-subtle)"
 							},
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ S("div", {
 								style: { minWidth: 0 },
-								children: [/* @__PURE__ */ b("h2", {
+								children: [/* @__PURE__ */ x("h2", {
 									style: {
 										fontSize: "var(--font-size-heading-h4)",
 										fontWeight: "var(--font-weight-semibold)",
 										color: "var(--color-text-primary)"
 									},
 									children: $.name
-								}), $.description && /* @__PURE__ */ b("p", {
+								}), $.description && /* @__PURE__ */ x("p", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-secondary)",
@@ -1153,7 +1153,7 @@ var F = s(function() {
 									},
 									children: $.description
 								})]
-							}), /* @__PURE__ */ b("button", {
+							}), /* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: () => B(null),
 								"aria-label": s("bigconsole.insights.preview.close", "Close preview"),
@@ -1162,13 +1162,13 @@ var F = s(function() {
 									...D,
 									color: "var(--color-text-muted)"
 								},
-								children: /* @__PURE__ */ b(ce, {
+								children: /* @__PURE__ */ x(le, {
 									size: 18,
 									"aria-hidden": "true"
 								})
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								flex: "1 1 auto",
 								minHeight: 0,
@@ -1179,14 +1179,14 @@ var F = s(function() {
 								gap: "var(--space-controlGap)"
 							},
 							children: [
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									style: {
 										display: "flex",
 										flexWrap: "wrap",
 										gap: "var(--space-iconGap)"
 									},
 									children: [
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ S("span", {
 											style: A,
 											children: [
 												P($),
@@ -1194,7 +1194,7 @@ var F = s(function() {
 												P($) === 1 ? "" : "s"
 											]
 										}),
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ S("span", {
 											style: A,
 											children: [
 												$.pages.length,
@@ -1202,15 +1202,15 @@ var F = s(function() {
 												$.pages.length === 1 ? "" : "s"
 											]
 										}),
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ S("span", {
 											style: Ne($.overallConfidence),
 											children: [Math.round($.overallConfidence * 100), "% confidence"]
 										})
 									]
 								}),
-								$.reasoning && /* @__PURE__ */ x("details", {
+								$.reasoning && /* @__PURE__ */ S("details", {
 									"data-testid": "preview-reasoning",
-									children: [/* @__PURE__ */ b("summary", {
+									children: [/* @__PURE__ */ x("summary", {
 										className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 										style: {
 											cursor: "pointer",
@@ -1220,7 +1220,7 @@ var F = s(function() {
 											borderRadius: "var(--radius-button)"
 										},
 										children: s("bigconsole.insights.preview.reasoningToggle", "Why these widgets?")
-									}), /* @__PURE__ */ b("p", {
+									}), /* @__PURE__ */ x("p", {
 										style: {
 											marginTop: "var(--space-controlGap)",
 											fontSize: "var(--font-size-body-sm)",
@@ -1230,12 +1230,12 @@ var F = s(function() {
 										children: $.reasoning
 									})]
 								}),
-								$.pages.map((e, t) => /* @__PURE__ */ x(r, {
+								$.pages.map((e, t) => /* @__PURE__ */ S(r, {
 									emphasis: "muted",
 									padding: "compact",
 									headingLevel: 3,
 									title: e.name,
-									meta: /* @__PURE__ */ x("span", {
+									meta: /* @__PURE__ */ S("span", {
 										style: A,
 										children: [
 											e.widgets.length,
@@ -1243,7 +1243,7 @@ var F = s(function() {
 											e.widgets.length === 1 ? "" : "s"
 										]
 									}),
-									children: [/* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ S("p", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											color: "var(--color-text-secondary)",
@@ -1259,12 +1259,12 @@ var F = s(function() {
 											" ",
 											e.layout.toLowerCase().replaceAll("_", " ")
 										]
-									}), /* @__PURE__ */ b("div", {
+									}), /* @__PURE__ */ x("div", {
 										className: "insights-proposal-grid",
 										style: Ie(e.gridColumns),
 										children: e.widgets.map((t, n) => {
 											let r = Pe(t.confidence);
-											return /* @__PURE__ */ x("div", {
+											return /* @__PURE__ */ S("div", {
 												className: "insights-proposal-widget",
 												style: {
 													...Le(t.position, e.gridColumns),
@@ -1276,7 +1276,7 @@ var F = s(function() {
 													backgroundColor: "var(--color-bg-surface)",
 													border: "1px solid var(--color-border-subtle)"
 												},
-												children: [/* @__PURE__ */ x("div", {
+												children: [/* @__PURE__ */ S("div", {
 													style: {
 														display: "flex",
 														flexWrap: "wrap",
@@ -1284,7 +1284,7 @@ var F = s(function() {
 														gap: "var(--space-iconGap)"
 													},
 													children: [
-														/* @__PURE__ */ b("span", {
+														/* @__PURE__ */ x("span", {
 															style: {
 																fontSize: "var(--font-size-body-sm)",
 																fontWeight: "var(--font-weight-medium)",
@@ -1293,7 +1293,7 @@ var F = s(function() {
 															},
 															children: t.title
 														}),
-														/* @__PURE__ */ b("span", {
+														/* @__PURE__ */ x("span", {
 															style: {
 																fontSize: "var(--font-size-xs)",
 																color: "var(--color-text-muted)"
@@ -1301,7 +1301,7 @@ var F = s(function() {
 															"data-testid": "preview-widget-type",
 															children: t.type
 														}),
-														r && /* @__PURE__ */ b("span", {
+														r && /* @__PURE__ */ x("span", {
 															style: {
 																...Re(r),
 																marginLeft: "auto"
@@ -1310,7 +1310,7 @@ var F = s(function() {
 															children: r
 														})
 													]
-												}), t.reasoning && /* @__PURE__ */ b("p", {
+												}), t.reasoning && /* @__PURE__ */ x("p", {
 													style: {
 														margin: 0,
 														fontSize: "var(--font-size-xs)",
@@ -1325,7 +1325,7 @@ var F = s(function() {
 								}, t))
 							]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								justifyContent: "flex-end",
@@ -1335,14 +1335,14 @@ var F = s(function() {
 								borderTop: "1px solid var(--color-border-subtle)"
 							},
 							children: [
-								/* @__PURE__ */ b("button", {
+								/* @__PURE__ */ x("button", {
 									type: "button",
 									onClick: () => B(null),
 									className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 									style: T,
 									children: "Close"
 								}),
-								z.status === "COMPLETED" && $ && /* @__PURE__ */ x("button", {
+								z.status === "COMPLETED" && $ && /* @__PURE__ */ S("button", {
 									type: "button",
 									onClick: () => {
 										let e = z;
@@ -1352,7 +1352,7 @@ var F = s(function() {
 									className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 									style: T,
 									children: [
-										/* @__PURE__ */ b(_, {
+										/* @__PURE__ */ x(g, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
@@ -1360,7 +1360,7 @@ var F = s(function() {
 										s("bigconsole.insights.actions.refine", "Refine")
 									]
 								}),
-								z.status === "COMPLETED" && !z.dashboardId && /* @__PURE__ */ x("button", {
+								z.status === "COMPLETED" && !z.dashboardId && /* @__PURE__ */ S("button", {
 									type: "button",
 									onClick: () => {
 										let e = z.id;
@@ -1371,7 +1371,7 @@ var F = s(function() {
 									children: [
 										s("bigconsole.insights.actions.create", "Create dashboard"),
 										" ",
-										/* @__PURE__ */ b(f, {
+										/* @__PURE__ */ x(d, {
 											size: 14,
 											"aria-hidden": "true"
 										})
@@ -1382,7 +1382,7 @@ var F = s(function() {
 					]
 				})
 			}),
-			V && /* @__PURE__ */ b("div", {
+			V && /* @__PURE__ */ x("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": s("bigconsole.insights.refine.ariaLabel", "Refine generation"),
@@ -1397,7 +1397,7 @@ var F = s(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ S("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						display: "flex",
@@ -1411,19 +1411,19 @@ var F = s(function() {
 						boxShadow: "var(--shadow-elevation-3)"
 					},
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								padding: "var(--space-cardPadding)",
 								borderBottom: "1px solid var(--color-border-subtle)"
 							},
-							children: [/* @__PURE__ */ b("h2", {
+							children: [/* @__PURE__ */ x("h2", {
 								style: {
 									fontSize: "var(--font-size-heading-h4)",
 									fontWeight: "var(--font-weight-semibold)",
 									color: "var(--color-text-primary)"
 								},
 								children: s("bigconsole.insights.refine.heading", "Refine dashboard")
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-secondary)",
@@ -1432,7 +1432,7 @@ var F = s(function() {
 								children: s("bigconsole.insights.refine.subtitle", "Describe what to change — the AI keeps the existing spec and applies your instructions.")
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								flex: "1 1 auto",
 								minHeight: 0,
@@ -1442,20 +1442,20 @@ var F = s(function() {
 								flexDirection: "column",
 								gap: "var(--space-controlGap)"
 							},
-							children: [/* @__PURE__ */ b(r, {
+							children: [/* @__PURE__ */ x(r, {
 								emphasis: "muted",
 								padding: "compact",
 								headingLevel: 3,
 								title: V.generatedSpec?.name || "Current proposal",
 								description: V.prompt.length > 240 ? `${V.prompt.slice(0, 240)}…` : V.prompt,
-								icon: /* @__PURE__ */ b(g, { className: "h-icon-sm w-icon-sm" })
-							}), /* @__PURE__ */ x("div", {
+								icon: /* @__PURE__ */ x(h, { className: "h-icon-sm w-icon-sm" })
+							}), /* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									flexDirection: "column",
 									gap: "var(--space-controlGap)"
 								},
-								children: [/* @__PURE__ */ b("label", {
+								children: [/* @__PURE__ */ x("label", {
 									htmlFor: "refine-input",
 									style: {
 										display: "block",
@@ -1464,7 +1464,7 @@ var F = s(function() {
 										color: "var(--color-text-primary)"
 									},
 									children: "What should change?"
-								}), /* @__PURE__ */ b("textarea", {
+								}), /* @__PURE__ */ x("textarea", {
 									id: "refine-input",
 									value: U,
 									onChange: (e) => W(e.target.value),
@@ -1486,7 +1486,7 @@ var F = s(function() {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								justifyContent: "flex-end",
@@ -1495,13 +1495,13 @@ var F = s(function() {
 								padding: "var(--space-cardPadding)",
 								borderTop: "1px solid var(--color-border-subtle)"
 							},
-							children: [/* @__PURE__ */ b("button", {
+							children: [/* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: () => H(null),
 								className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 								style: T,
 								children: s("bigconsole.insights.actions.cancel", "Cancel")
-							}), /* @__PURE__ */ x("button", {
+							}), /* @__PURE__ */ S("button", {
 								type: "button",
 								onClick: () => void ot(),
 								disabled: !U.trim() || R.has(V.id),
@@ -1511,11 +1511,11 @@ var F = s(function() {
 									cursor: !U.trim() || R.has(V.id) ? "not-allowed" : "pointer",
 									opacity: U.trim() ? 1 : .6
 								},
-								children: [R.has(V.id) ? /* @__PURE__ */ b(h, {
+								children: [R.has(V.id) ? /* @__PURE__ */ x(m, {
 									size: 14,
 									className: "animate-spin",
 									"aria-hidden": "true"
-								}) : /* @__PURE__ */ b(_, {
+								}) : /* @__PURE__ */ x(g, {
 									size: 14,
 									"aria-hidden": "true"
 								}), s("bigconsole.insights.refine.apply", "Apply refinement")]