@burdenoff/microfe-bigconsole 2026.1103.8 → 2026.1103.9

package/dist/bigconsole/pages/InsightsPage.js

@@ -5,23 +5,24 @@ import { SECTION_FOCUS_RING as n } from "../components/common/sectionStyles.js";
 import { Section as r, SectionStack as i } from "../components/common/Section.js";
 import "../components/common/index.js";
 import a from "../hooks/useBigConsoleAnalytics.js";
-import { setActiveGenerationContext as ee } from "../assistant/generationContext.js";
-import { isNative as te, nativeImpact as o, nativeNotify as ne } from "../../utils/nativeBridge.js";
-import { generationApproval as s } from "../utils/generationApproval.js";
-import { isInsightsDraftDirty as re } from "../utils/insightsDraft.js";
-import { PromptAnalysisPreview as ie } from "../components/insights/PromptAnalysisPreview.js";
-import { GeneratedFormattingReview as ae, GenerationExecutionStatus as oe } from "../components/insights/GeneratedFormattingReview.js";
+import { setActiveGenerationContext as o } from "../assistant/generationContext.js";
+import { isNative as ee, nativeImpact as s, nativeNotify as te } from "../../utils/nativeBridge.js";
+import { generationApproval as c } from "../utils/generationApproval.js";
+import { findParentGeneration as ne, splitSupersededGenerations as re } from "../utils/generationRevisions.js";
+import { isInsightsDraftDirty as ie } from "../utils/insightsDraft.js";
+import { PromptAnalysisPreview as ae } from "../components/insights/PromptAnalysisPreview.js";
+import { GeneratedFormattingReview as oe, GenerationExecutionStatus as se } from "../components/insights/GeneratedFormattingReview.js";
 /* empty css                     */
-import { memo as c, useCallback as l, useEffect as u, useState as d } from "react";
-import { AlertCircle as se, ArrowRight as f, Ban as ce, CheckCircle as p, Clock as m, Eye as le, History as ue, Lightbulb as de, Loader2 as h, RefreshCw as fe, Sparkles as g, Trash2 as pe, Wand2 as _, X as me, XCircle as v } from "lucide-react";
-import { AuroraBackground as he, GlassCard as ge, GradientText as _e, IllustratedEmptyState as ve, PagePurpose as ye } from "@burdenoff/fe-libs/ui";
-import { useUnsavedChanges as be } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as xe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useMutation as y, useQuery as Se } from "@apollo/client/react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { gql as S } from "@apollo/client";
+import { memo as l, useCallback as u, useEffect as d, useState as f } from "react";
+import { AlertCircle as ce, ArrowRight as p, Ban as le, CheckCircle as m, Clock as h, Eye as ue, History as de, Lightbulb as fe, Loader2 as g, RefreshCw as pe, Sparkles as _, Trash2 as me, Wand2 as v, X as he, XCircle as y } from "lucide-react";
+import { AuroraBackground as ge, GlassCard as _e, GradientText as ve, IllustratedEmptyState as ye, PagePurpose as be } from "@burdenoff/fe-libs/ui";
+import { useUnsavedChanges as xe } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as Se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useMutation as b, useQuery as Ce } 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 Ce = S`
+var we = C`
   query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {
     listPromptGenerations(status: $status, first: $first) {
       edges {
@@ -30,6 +31,7 @@ var Ce = S`
           prompt
           status
           dashboardId
+          parentGenerationId
           generatedSpecDigest
           updatedAt
           errorMessage
@@ -65,7 +67,7 @@ var Ce = S`
       totalCount
     }
   }
-`, we = S`
+`, Te = C`
   query GetPromptSuggestions($category: String, $limit: Int) {
     getPromptSuggestions(category: $category, limit: $limit) {
       id
@@ -76,7 +78,7 @@ var Ce = S`
       tags
     }
   }
-`, Te = S`
+`, Ee = C`
   mutation GenerateDashboardFromPrompt($input: BigConsoleGenerateDashboardFromPromptInput!) {
     generateDashboardFromPrompt(input: $input) {
       id
@@ -84,24 +86,24 @@ var Ce = S`
       prompt
     }
   }
-`, Ee = S`
+`, De = C`
   mutation CreateDashboardFromGeneration($input: BigConsoleCreateDashboardFromGenerationInput!) {
     createDashboardFromGeneration(input: $input) {
       id
     }
   }
-`, De = S`
+`, Oe = C`
   mutation DeletePromptGeneration($generationId: ID!) {
     deletePromptGeneration(generationId: $generationId)
   }
-`, Oe = S`
+`, ke = C`
   mutation CancelPromptGeneration($generationId: ID!) {
     cancelPromptGeneration(generationId: $generationId) {
       id
       status
     }
   }
-`, ke = S`
+`, Ae = C`
   mutation RegenerateDashboard($input: BigConsoleRegenerateDashboardInput!) {
     regenerateDashboard(input: $input) {
       id
@@ -109,7 +111,7 @@ var Ce = S`
       prompt
     }
   }
-`, Ae = S`
+`, je = C`
   mutation RefineGeneratedDashboard($input: BigConsoleRefineGeneratedDashboardInput!) {
     refineGeneratedDashboard(input: $input) {
       id
@@ -117,11 +119,11 @@ var Ce = S`
       prompt
     }
   }
-`, C = [
+`, Me = [
 	"PENDING",
 	"PROCESSING",
 	"GENERATING"
-], je = 12, Me = 8, Ne = [
+], Ne = 12, Pe = 8, Fe = [
 	{
 		value: "MODERN",
 		label: "Modern"
@@ -142,7 +144,7 @@ var Ce = S`
 		value: "VIBRANT",
 		label: "Vibrant"
 	}
-], Pe = [
+], Ie = [
 	{
 		value: "GRID",
 		label: "Grid"
@@ -167,13 +169,13 @@ var Ce = S`
 		value: "THREE_COLUMN",
 		label: "Three column"
 	}
-], Fe = [
+], Le = [
 	6,
 	8,
 	12,
 	16,
 	24
-], Ie = [
+], Re = [
 	4,
 	6,
 	8,
@@ -202,12 +204,12 @@ var Ce = S`
 	border: "1px solid transparent",
 	backgroundColor: "var(--color-action-primary-bg)",
 	color: "var(--color-action-primary-text)"
-}, Le = {
+}, ze = {
 	...w,
 	border: "1px solid var(--color-status-warning-border)",
 	backgroundColor: "transparent",
 	color: "var(--color-status-warning-text)"
-}, Re = {
+}, Be = {
 	...w,
 	minWidth: "var(--size-controlHeight-md)",
 	padding: "0 var(--space-controlGap)",
@@ -273,29 +275,29 @@ var j = {
 		border: "var(--color-border-subtle)"
 	}
 };
-function ze(e) {
+function Ve(e) {
 	let t = j[A(e)].text;
 	switch (e) {
-		case "COMPLETED": return /* @__PURE__ */ b(p, {
+		case "COMPLETED": return /* @__PURE__ */ x(m, {
 			size: 14,
 			style: { color: t },
 			"aria-hidden": "true"
 		});
 		case "FAILED":
-		case "CANCELLED": return /* @__PURE__ */ b(v, {
+		case "CANCELLED": return /* @__PURE__ */ x(y, {
 			size: 14,
 			style: { color: t },
 			"aria-hidden": "true"
 		});
 		case "PENDING":
 		case "PROCESSING":
-		case "GENERATING": return /* @__PURE__ */ b(h, {
+		case "GENERATING": return /* @__PURE__ */ x(g, {
 			size: 14,
 			className: "animate-spin",
 			style: { color: t },
 			"aria-hidden": "true"
 		});
-		default: return /* @__PURE__ */ b(m, {
+		default: return /* @__PURE__ */ x(h, {
 			size: 14,
 			style: { color: t },
 			"aria-hidden": "true"
@@ -313,9 +315,9 @@ function M(e, t) {
 		default: return e;
 	}
 }
-var Be = ({ status: e }) => {
-	let { t } = xe(), n = j[A(e)];
-	return /* @__PURE__ */ x("span", {
+var He = ({ status: e }) => {
+	let { t } = Se(), n = j[A(e)];
+	return /* @__PURE__ */ S("span", {
 		"data-status": e,
 		style: {
 			...k,
@@ -323,10 +325,10 @@ var Be = ({ status: e }) => {
 			backgroundColor: n.bg,
 			color: n.text
 		},
-		children: [ze(e), M(e, t)]
+		children: [Ve(e), M(e, t)]
 	});
 };
-function Ve(e) {
+function Ue(e) {
 	let t = j[e >= .8 ? "success" : e >= .5 ? "neutral" : "danger"];
 	return {
 		...k,
@@ -338,19 +340,19 @@ function Ve(e) {
 function N(e) {
 	return e.pages.reduce((e, t) => e + t.widgets.length, 0);
 }
-function He(e) {
+function We(e) {
 	let t = e?.toUpperCase();
 	return t === "HIGH" || t === "MEDIUM" || t === "LOW" ? t : null;
 }
-var Ue = {
+var Ge = {
 	HIGH: "success",
 	MEDIUM: "neutral",
 	LOW: "danger"
 };
-function We(e) {
+function Ke(e) {
 	return { "--proposal-columns": Math.max(1, Math.min(24, Math.trunc(e))) };
 }
-function Ge(e, t) {
+function qe(e, t) {
 	let n = Math.max(1, Math.min(24, Math.trunc(t))), r = Math.max(0, Math.min(n - 1, Math.trunc(e.x)));
 	return {
 		"--proposal-column": r + 1,
@@ -359,8 +361,8 @@ function Ge(e, t) {
 		"--proposal-height": Math.max(1, Math.min(24, Math.trunc(e.height)))
 	};
 }
-function Ke(e) {
-	let t = j[Ue[e]];
+function Je(e) {
+	let t = j[Ge[e]];
 	return {
 		...k,
 		padding: "0 var(--space-controlGap)",
@@ -372,53 +374,53 @@ function Ke(e) {
 		color: t.text
 	};
 }
-var P = c(function() {
-	let { t: c } = xe(), p = e(), m = a(), [v, S] = d(""), [w, A] = d("MODERN"), [j, ze] = d("GRID"), [M, Ue] = d(je), [P, qe] = d(Me), [F, Je] = d(!1), [Ye, I] = d(null), [L, Xe] = d(() => /* @__PURE__ */ new Set()), [R, z] = d(null), [B, V] = d(null), [H, U] = d("");
-	be({
+var P = l(function() {
+	let { t: l } = Se(), m = e(), h = a(), [y, C] = f(""), [w, A] = f("MODERN"), [j, Ve] = f("GRID"), [M, Ge] = f(Ne), [P, Ye] = f(Pe), [F, Xe] = f(!1), [Ze, I] = f(null), [L, Qe] = f(() => /* @__PURE__ */ new Set()), [R, z] = f(null), [B, V] = f(null), [H, U] = f(""), [W, $e] = f(!1);
+	xe({
 		id: "insights-prompt",
-		label: c("bigconsole.assistant.unsaved.insightsPrompt", "the dashboard description"),
-		dirty: re({
-			promptText: v,
+		label: l("bigconsole.assistant.unsaved.insightsPrompt", "the dashboard description"),
+		dirty: ie({
+			promptText: y,
 			isGenerating: F,
 			refineOpen: B !== null,
 			refineText: H,
 			refineBusy: B !== null && L.has(B.id)
 		})
-	}), u(() => (ee(B?.id ?? R?.id ?? null), () => ee(null)), [B, R]);
-	let W = l((e) => {
-		Xe((t) => new Set(t).add(e));
-	}, []), G = l((e) => {
-		Xe((t) => {
+	}), d(() => (o(B?.id ?? R?.id ?? null), () => o(null)), [B, R]);
+	let G = u((e) => {
+		Qe((t) => new Set(t).add(e));
+	}, []), K = u((e) => {
+		Qe((t) => {
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
-	}, []), { data: Ze, loading: Qe, error: K, refetch: q, startPolling: $e, stopPolling: J } = Se(Ce, {
+	}, []), { data: et, loading: tt, error: q, refetch: J, startPolling: nt, stopPolling: Y } = Ce(we, {
 		variables: { first: 20 },
 		fetchPolicy: "cache-and-network"
-	}), Y = Ze?.listPromptGenerations?.edges?.some((e) => C.includes(e.node.status)) ?? !1, { data: et, error: tt, refetch: nt } = Se(we, { variables: { limit: 6 } }), [rt] = y(Te), [it] = y(Ee), [X] = y(De), [at] = y(Oe), [ot] = y(ke), [st] = y(Ae), Z = Ze?.listPromptGenerations?.edges?.map((e) => e.node) || [], ct = et?.getPromptSuggestions || [];
-	u(() => (Y || F ? $e(2e3) : J(), () => J()), [
-		Y,
+	}), X = et?.listPromptGenerations?.edges?.some((e) => Me.includes(e.node.status)) ?? !1, { data: rt, error: it, refetch: at } = Ce(Te, { variables: { limit: 6 } }), [ot] = b(Ee), [st] = b(De), [ct] = b(Oe), [lt] = b(ke), [ut] = b(Ae), [dt] = b(je), Z = et?.listPromptGenerations?.edges?.map((e) => e.node) || [], ft = rt?.getPromptSuggestions || [], { current: pt, superseded: mt } = re(Z), Q = W ? Z : pt;
+	d(() => (X || F ? nt(2e3) : Y(), () => Y()), [
+		X,
 		F,
-		$e,
-		J
-	]), u(() => {
+		nt,
+		Y
+	]), d(() => {
 		if (!R && !B) return;
 		let e = (e) => {
 			e.key === "Escape" && (z(null), V(null));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [R, B]);
-	let lt = l(async () => {
-		if (!(!v.trim() || F)) {
-			if (v.length > 2e3) {
-				I(c("bigconsole.insights.error.promptTooLong", "Prompt is too long (max 2000 characters)."));
+	let ht = u(async () => {
+		if (!(!y.trim() || F)) {
+			if (y.length > 2e3) {
+				I(l("bigconsole.insights.error.promptTooLong", "Prompt is too long (max 2000 characters)."));
 				return;
 			}
-			I(null), Je(!0);
+			I(null), Xe(!0);
 			try {
-				m("bigconsole.ai.generate_clicked", { maxWidgets: P });
-				let e = await rt({ variables: { input: {
-					prompt: v.trim(),
+				h("bigconsole.ai.generate_clicked", { maxWidgets: P });
+				let e = await ot({ variables: { input: {
+					prompt: y.trim(),
 					styleType: w,
 					layoutType: j,
 					gridColumns: M,
@@ -426,139 +428,139 @@ var P = c(function() {
 				} } });
 				if (t(e, "command")) return;
 				let n = e.data?.generateDashboardFromPrompt?.id;
-				n && m("bigconsole.ai.dashboard_generated", {
+				n && h("bigconsole.ai.dashboard_generated", {
 					generationId: n,
 					maxWidgets: P
-				}), S(""), q();
+				}), C(""), J();
 			} catch (e) {
 				if (t(e, "command")) return;
-				I(e instanceof Error ? e.message : c("bigconsole.insights.error.generateFailed", "Failed to generate dashboard"));
+				I(e instanceof Error ? e.message : l("bigconsole.insights.error.generateFailed", "Failed to generate dashboard"));
 			} finally {
-				Je(!1);
+				Xe(!1);
 			}
 		}
 	}, [
-		m,
-		v,
+		h,
+		y,
 		F,
-		rt,
-		q,
+		ot,
+		J,
 		w,
 		j,
 		M,
 		P,
-		c
-	]), Q = l(async (e) => {
+		l
+	]), gt = u(async (e) => {
 		I(null);
-		let n = s(e);
+		let n = c(e);
 		if (n.kind === "view") {
-			p(`/dashboards/${n.dashboardId}`);
+			m(`/dashboards/${n.dashboardId}`);
 			return;
 		}
 		if (n.kind === "hold") {
-			I(c("bigconsole.insights.error.reviewUnavailable", "Reload the proposal before creating its dashboard."));
+			I(l("bigconsole.insights.error.reviewUnavailable", "Reload the proposal before creating its dashboard."));
 			return;
 		}
 		let r = e.id;
 		try {
-			m("bigconsole.ai.create_dashboard_clicked", { generationId: r });
-			let e = await it({ variables: { input: n.input } });
+			h("bigconsole.ai.create_dashboard_clicked", { generationId: r });
+			let e = await st({ variables: { input: n.input } });
 			if (t(e, "project")) return;
 			let i = e.data?.createDashboardFromGeneration?.id;
-			i && (m("bigconsole.ai.dashboard_created", {
+			i && (h("bigconsole.ai.dashboard_created", {
 				generationId: r,
 				dashboardId: i
-			}), p(`/dashboards/${i}`));
+			}), m(`/dashboards/${i}`));
 		} catch (e) {
 			if (t(e, "project")) return;
-			I(e instanceof Error ? e.message : c("bigconsole.insights.error.createFailed", "Failed to create dashboard"));
+			I(e instanceof Error ? e.message : l("bigconsole.insights.error.createFailed", "Failed to create dashboard"));
 		}
 	}, [
-		it,
+		st,
+		h,
 		m,
-		p,
-		c
-	]), ut = l(async (e) => {
+		l
+	]), _t = u(async (e) => {
 		I(null);
 		try {
-			await X({ variables: { generationId: e } }), te() && ne("success"), q();
+			await ct({ variables: { generationId: e } }), ee() && te("success"), J();
 		} catch (e) {
-			I(e instanceof Error ? e.message : c("bigconsole.insights.error.deleteFailed", "Failed to delete generation")), te() && ne("error");
+			I(e instanceof Error ? e.message : l("bigconsole.insights.error.deleteFailed", "Failed to delete generation")), ee() && te("error");
 		}
 	}, [
-		X,
-		q,
-		c
-	]), dt = l(async (e) => {
-		I(null), W(e);
+		ct,
+		J,
+		l
+	]), vt = u(async (e) => {
+		I(null), G(e);
 		try {
-			await at({ variables: { generationId: e } }), q();
+			await lt({ variables: { generationId: e } }), J();
 		} catch (e) {
-			I(e instanceof Error ? e.message : c("bigconsole.insights.error.cancelFailed", "Failed to cancel generation"));
+			I(e instanceof Error ? e.message : l("bigconsole.insights.error.cancelFailed", "Failed to cancel generation"));
 		} finally {
-			G(e);
+			K(e);
 		}
 	}, [
-		at,
-		q,
-		c
-	]), ft = l(async (e) => {
-		I(null), W(e);
+		lt,
+		J,
+		l
+	]), yt = u(async (e) => {
+		I(null), G(e);
 		try {
-			if (t(await ot({ variables: { input: { generationId: e } } }), "command")) return;
-			q();
+			if (t(await ut({ variables: { input: { generationId: e } } }), "command")) return;
+			J();
 		} catch (e) {
 			if (t(e, "command")) return;
-			I(e instanceof Error ? e.message : c("bigconsole.insights.error.regenerateFailed", "Failed to regenerate dashboard"));
+			I(e instanceof Error ? e.message : l("bigconsole.insights.error.regenerateFailed", "Failed to regenerate dashboard"));
 		} finally {
-			G(e);
+			K(e);
 		}
 	}, [
-		ot,
-		q,
-		c
-	]), pt = l(async () => {
+		ut,
+		J,
+		l
+	]), bt = u(async () => {
 		if (!B || !H.trim()) return;
 		let e = B.id;
-		I(null), W(e);
+		I(null), G(e);
 		let n = !1;
 		try {
-			if (t(await st({ variables: { input: {
+			if (t(await dt({ variables: { input: {
 				generationId: e,
 				refinementPrompt: H.trim()
 			} } }), "command")) {
 				n = !0;
 				return;
 			}
-			n = !0, q();
+			n = !0, J();
 		} catch (e) {
 			if (t(e, "command")) {
 				n = !0;
 				return;
 			}
-			I(e instanceof Error ? e.message : c("bigconsole.insights.error.refineFailed", "Failed to refine generation"));
+			I(e instanceof Error ? e.message : l("bigconsole.insights.error.refineFailed", "Failed to refine generation"));
 		} finally {
-			n && (V(null), U("")), G(e);
+			n && (V(null), U("")), K(e);
 		}
 	}, [
 		B,
 		H,
-		st,
-		q,
-		c
-	]), mt = l((e) => {
-		S(e);
+		dt,
+		J,
+		l
+	]), xt = u((e) => {
+		C(e);
 	}, []), $ = R?.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(he, { intensity: "subtle" }), /* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ x(ge, { intensity: "subtle" }), /* @__PURE__ */ x("div", {
 					style: { padding: "var(--space-pagePadding)" },
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ S("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -566,7 +568,7 @@ var P = c(function() {
 							flexWrap: "wrap",
 							minWidth: 0
 						},
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ x("div", {
 							style: {
 								display: "flex",
 								height: "var(--size-controlHeight-lg)",
@@ -577,90 +579,90 @@ var P = c(function() {
 								borderRadius: "var(--radius-card)",
 								backgroundColor: "var(--color-action-primary-bg)"
 							},
-							children: /* @__PURE__ */ b(g, { style: {
+							children: /* @__PURE__ */ x(_, { 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(_e, { children: c("bigconsole.insights.header.title", "AI Insights") })
-							}), /* @__PURE__ */ b("p", {
+								children: /* @__PURE__ */ x(ve, { children: l("bigconsole.insights.header.title", "AI Insights") })
+							}), /* @__PURE__ */ x("p", {
 								className: "m-0 text-sm text-text-secondary",
-								children: c("bigconsole.insights.header.subtitle", "Generate dashboards from natural language prompts")
+								children: l("bigconsole.insights.header.subtitle", "Generate dashboards from natural language prompts")
 							})]
 						})]
 					})
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				style: { padding: "var(--space-pagePadding)" },
-				children: [/* @__PURE__ */ b(ye, {
+				children: [/* @__PURE__ */ x(be, {
 					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: [
-					Ye && /* @__PURE__ */ b(r, {
+				}), /* @__PURE__ */ S(i, { children: [
+					Ze && /* @__PURE__ */ x(r, {
 						headingLevel: 2,
 						tone: "danger",
 						padding: "compact",
 						title: "That request did not go through",
-						description: Ye,
-						icon: /* @__PURE__ */ b(se, { className: "h-icon-sm w-icon-sm" }),
+						description: Ze,
+						icon: /* @__PURE__ */ x(ce, { className: "h-icon-sm w-icon-sm" }),
 						"data-testid": "insights-error",
-						actions: /* @__PURE__ */ b("button", {
+						actions: /* @__PURE__ */ x("button", {
 							type: "button",
 							onClick: () => I(null),
-							"aria-label": c("bigconsole.insights.error.dismiss", "Dismiss error"),
+							"aria-label": l("bigconsole.insights.error.dismiss", "Dismiss error"),
 							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: "Dismiss"
 						})
 					}),
-					(K || tt) && /* @__PURE__ */ b("div", {
+					(q || it) && /* @__PURE__ */ x("div", {
 						role: "alert",
-						children: /* @__PURE__ */ b(r, {
+						children: /* @__PURE__ */ x(r, {
 							tone: "danger",
 							padding: "compact",
 							headingLevel: 2,
-							title: c("bigconsole.insights.error.loadFailed", "AI Insights could not be loaded"),
-							description: c("bigconsole.insights.error.loadFailedDescription", "Your saved generations and suggestions may be unavailable. Retry the failed request."),
+							title: l("bigconsole.insights.error.loadFailed", "AI Insights could not be loaded"),
+							description: l("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,
 								onClick: () => {
-									K && q().catch(() => void 0), tt && nt().catch(() => void 0);
+									q && J().catch(() => void 0), it && at().catch(() => void 0);
 								},
 								children: [
-									/* @__PURE__ */ b(fe, {
+									/* @__PURE__ */ x(pe, {
 										size: 14,
 										"aria-hidden": "true"
 									}),
 									" ",
-									c("bigconsole.insights.error.retry", "Retry")
+									l("bigconsole.insights.error.retry", "Retry")
 								]
 							})
 						})
 					}),
-					/* @__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(_, { 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",
@@ -668,13 +670,13 @@ var P = c(function() {
 										fontWeight: "var(--font-weight-medium)",
 										color: "var(--color-text-primary)"
 									},
-									children: c("bigconsole.insights.prompt.label", "Your prompt")
+									children: l("bigconsole.insights.prompt.label", "Your prompt")
 								}),
-								/* @__PURE__ */ b("textarea", {
+								/* @__PURE__ */ x("textarea", {
 									id: "prompt-input",
-									value: v,
-									onChange: (e) => S(e.target.value),
-									placeholder: c("bigconsole.insights.prompt.placeholder", "e.g., Create a sales dashboard showing revenue trends, top products, and regional performance"),
+									value: y,
+									onChange: (e) => C(e.target.value),
+									placeholder: l("bigconsole.insights.prompt.placeholder", "e.g., Create a sales dashboard showing revenue trends, top products, and regional performance"),
 									rows: 3,
 									maxLength: 2e3,
 									className: n,
@@ -690,12 +692,12 @@ var P = c(function() {
 										resize: "vertical"
 									},
 									onKeyDown: (e) => {
-										e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), lt());
+										e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), ht());
 									}
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									role: "group",
-									"aria-label": c("bigconsole.insights.prompt.optionsLabel", "Generation options"),
+									"aria-label": l("bigconsole.insights.prompt.optionsLabel", "Generation options"),
 									"data-testid": "insights-generation-options",
 									style: {
 										display: "grid",
@@ -703,73 +705,73 @@ var P = c(function() {
 										gap: "var(--space-controlGap)"
 									},
 									children: [
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 											htmlFor: "prompt-style",
 											style: D,
-											children: c("bigconsole.insights.prompt.style", "Style")
-										}), /* @__PURE__ */ b("select", {
+											children: l("bigconsole.insights.prompt.style", "Style")
+										}), /* @__PURE__ */ x("select", {
 											id: "prompt-style",
 											value: w,
 											onChange: (e) => A(e.target.value),
 											className: n,
 											style: O,
-											children: Ne.map((e) => /* @__PURE__ */ b("option", {
+											children: Fe.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: D,
-											children: c("bigconsole.insights.prompt.layout", "Layout")
-										}), /* @__PURE__ */ b("select", {
+											children: l("bigconsole.insights.prompt.layout", "Layout")
+										}), /* @__PURE__ */ x("select", {
 											id: "prompt-layout",
 											value: j,
-											onChange: (e) => ze(e.target.value),
+											onChange: (e) => Ve(e.target.value),
 											className: n,
 											style: O,
-											children: Pe.map((e) => /* @__PURE__ */ b("option", {
+											children: Ie.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: D,
-											children: c("bigconsole.insights.prompt.columns", "Columns")
-										}), /* @__PURE__ */ b("select", {
+											children: l("bigconsole.insights.prompt.columns", "Columns")
+										}), /* @__PURE__ */ x("select", {
 											id: "prompt-columns",
 											value: M,
-											onChange: (e) => Ue(Number(e.target.value)),
+											onChange: (e) => Ge(Number(e.target.value)),
 											className: n,
 											style: O,
-											children: Fe.map((e) => /* @__PURE__ */ b("option", {
+											children: Le.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: D,
-											children: c("bigconsole.insights.prompt.maxWidgets", "Max widgets")
-										}), /* @__PURE__ */ b("select", {
+											children: l("bigconsole.insights.prompt.maxWidgets", "Max widgets")
+										}), /* @__PURE__ */ x("select", {
 											id: "prompt-max-widgets",
 											value: P,
-											onChange: (e) => qe(Number(e.target.value)),
+											onChange: (e) => Ye(Number(e.target.value)),
 											className: n,
 											style: O,
-											children: Ie.map((e) => /* @__PURE__ */ b("option", {
+											children: Re.map((e) => /* @__PURE__ */ x("option", {
 												value: e,
 												children: e
 											}, e))
 										})] })
 									]
 								}),
-								/* @__PURE__ */ b(ie, {
-									prompt: v,
+								/* @__PURE__ */ x(ae, {
+									prompt: y,
 									disabled: F
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									style: {
 										display: "flex",
 										alignItems: "center",
@@ -778,7 +780,7 @@ var P = c(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,
@@ -786,51 +788,51 @@ var P = c(function() {
 											color: "var(--color-text-muted)"
 										},
 										children: [
-											c("bigconsole.insights.prompt.hint", "Press Ctrl+Enter to generate"),
+											l("bigconsole.insights.prompt.hint", "Press Ctrl+Enter to generate"),
 											" · ",
-											v.length,
+											y.length,
 											"/2000"
 										]
-									}), /* @__PURE__ */ x("button", {
+									}), /* @__PURE__ */ S("button", {
 										type: "button",
-										onClick: lt,
-										disabled: !v.trim() || F,
+										onClick: ht,
+										disabled: !y.trim() || F,
 										className: n,
 										style: {
 											...E,
 											marginLeft: "auto",
-											cursor: !v.trim() || F ? "not-allowed" : "pointer",
-											opacity: !v.trim() || F ? .5 : 1
+											cursor: !y.trim() || F ? "not-allowed" : "pointer",
+											opacity: !y.trim() || F ? .5 : 1
 										},
-										children: [F ? /* @__PURE__ */ b(h, {
+										children: [F ? /* @__PURE__ */ x(g, {
 											size: 16,
 											className: "animate-spin",
 											"aria-hidden": "true"
-										}) : /* @__PURE__ */ b(g, {
+										}) : /* @__PURE__ */ x(_, {
 											size: 16,
 											"aria-hidden": "true"
-										}), c("bigconsole.insights.prompt.generateButton", "Generate dashboard")]
+										}), l("bigconsole.insights.prompt.generateButton", "Generate dashboard")]
 									})]
 								})
 							]
 						})
 					}),
-					ct.length > 0 && /* @__PURE__ */ b(r, {
+					ft.length > 0 && /* @__PURE__ */ x(r, {
 						emphasis: "muted",
 						headingLevel: 2,
-						title: c("bigconsole.insights.suggestions.heading", "Starting points"),
+						title: l("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(de, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ x(fe, { 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: ct.map((e) => /* @__PURE__ */ x("button", {
+							children: ft.map((e) => /* @__PURE__ */ S("button", {
 								type: "button",
-								onClick: () => mt(e.prompt),
+								onClick: () => xt(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",
 								style: {
 									textAlign: "left",
@@ -843,7 +845,7 @@ var P = c(function() {
 									cursor: "pointer"
 								},
 								children: [
-									/* @__PURE__ */ b("span", {
+									/* @__PURE__ */ x("span", {
 										style: {
 											display: "block",
 											fontWeight: "var(--font-weight-medium)",
@@ -853,7 +855,7 @@ var P = c(function() {
 										},
 										children: e.title
 									}),
-									/* @__PURE__ */ b("span", {
+									/* @__PURE__ */ x("span", {
 										style: {
 											display: "block",
 											fontSize: "var(--font-size-body-sm)",
@@ -862,14 +864,14 @@ var P = c(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: k,
 											children: e
 										}, e))
@@ -878,29 +880,29 @@ var P = c(function() {
 							}, e.id))
 						})
 					}),
-					/* @__PURE__ */ b(r, {
+					/* @__PURE__ */ x(r, {
 						emphasis: "bare",
 						padding: "none",
 						headingLevel: 2,
-						title: c("bigconsole.insights.generations.heading", "Recent generations"),
+						title: l("bigconsole.insights.generations.heading", "Recent generations"),
 						description: "Newest first. A generation stays a proposal until you create the dashboard from it.",
-						icon: /* @__PURE__ */ b(ue, { className: "h-icon-sm w-icon-sm" }),
-						meta: Z.length > 0 ? /* @__PURE__ */ x("span", {
+						icon: /* @__PURE__ */ x(de, { className: "h-icon-sm w-icon-sm" }),
+						meta: Q.length > 0 ? /* @__PURE__ */ S("span", {
 							style: k,
 							children: [
-								Z.length,
+								Q.length,
 								" generation",
-								Z.length === 1 ? "" : "s"
+								Q.length === 1 ? "" : "s"
 							]
 						}) : void 0,
 						"data-testid": "insights-generations",
-						children: Qe && Z.length === 0 ? /* @__PURE__ */ b(r, {
+						children: tt && 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",
@@ -910,240 +912,257 @@ var P = c(function() {
 									gap: "var(--space-controlGap)",
 									color: "var(--color-text-muted)"
 								},
-								children: [/* @__PURE__ */ b(h, {
+								children: [/* @__PURE__ */ x(g, {
 									size: 24,
 									className: "animate-spin",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ b("p", {
+								}), /* @__PURE__ */ x("p", {
 									style: { fontSize: "var(--font-size-body-sm)" },
-									children: c("bigconsole.insights.generations.loading", "Loading generations…")
+									children: l("bigconsole.insights.generations.loading", "Loading generations…")
 								})]
 							})
-						}) : Z.length === 0 && !F && !K ? /* @__PURE__ */ b(ge, {
+						}) : Z.length === 0 && !F && !q ? /* @__PURE__ */ x(_e, {
 							treatment: "insight",
 							className: "border-[var(--color-border-seam)]",
-							children: /* @__PURE__ */ b(ve, {
+							children: /* @__PURE__ */ x(ye, {
 								illustration: "onboarding",
-								title: c("bigconsole.insights.generations.emptyTitle", "No generations yet"),
-								description: c("bigconsole.insights.generations.emptyDescription", "Describe a dashboard above to get started")
+								title: l("bigconsole.insights.generations.emptyTitle", "No generations yet"),
+								description: l("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: [F && !Y && /* @__PURE__ */ b(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" }),
-								"data-testid": "insights-generation-pending"
-							}), Z.map((e) => {
-								let t = e.generatedSpec, i = L.has(e.id), a = C.includes(e.status);
-								return /* @__PURE__ */ x(r, {
-									emphasis: "standard",
+							children: [
+								F && !X && /* @__PURE__ */ x(r, {
+									emphasis: "muted",
+									tone: "info",
 									padding: "compact",
 									headingLevel: 3,
-									title: t?.name || (a ? c("bigconsole.insights.generations.generating", "Generating…") : "Untitled generation"),
-									meta: /* @__PURE__ */ b(Be, { 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", {
-											style: {
-												display: "flex",
-												flexWrap: "wrap",
-												gap: "var(--space-iconGap)"
-											},
-											children: [
-												/* @__PURE__ */ x("span", {
-													style: k,
-													children: [
-														N(t),
-														" widget",
-														N(t) === 1 ? "" : "s"
-													]
-												}),
-												/* @__PURE__ */ x("span", {
-													style: k,
-													children: [
-														t.pages.length,
-														" page",
-														t.pages.length === 1 ? "" : "s"
-													]
-												}),
-												/* @__PURE__ */ x("span", {
-													style: Ve(t.overallConfidence),
-													children: [Math.round(t.overallConfidence * 100), "% confidence"]
-												})
-											]
-										}),
-										e.errorMessage && /* @__PURE__ */ b(r, {
-											headingLevel: 4,
-											tone: "danger",
-											padding: "compact",
-											title: "Generation failed",
-											description: e.errorMessage,
-											icon: /* @__PURE__ */ b(se, { className: "h-icon-sm w-icon-sm" })
-										}),
-										/* @__PURE__ */ x("div", {
-											style: {
-												display: "flex",
-												flexWrap: "wrap",
-												alignItems: "center",
-												gap: "var(--space-controlGap)",
-												borderTop: "1px solid var(--color-border-subtle)",
-												paddingTop: "var(--space-controlGap)"
-											},
-											children: [
-												a && /* @__PURE__ */ x("button", {
-													type: "button",
-													onClick: () => {
-														o("medium"), dt(e.id);
-													},
-													disabled: i,
-													title: c("bigconsole.insights.actions.cancelTitle", "Cancel generation"),
-													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: {
-														...Le,
-														cursor: i ? "wait" : "pointer"
-													},
-													children: [
-														/* @__PURE__ */ b(ce, {
-															size: 14,
-															"aria-hidden": "true"
-														}),
-														" ",
-														c("bigconsole.insights.actions.cancel", "Cancel")
-													]
-												}),
-												e.status === "COMPLETED" && t && /* @__PURE__ */ x("button", {
-													type: "button",
-													onClick: () => z(e),
-													title: c("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(le, {
-															size: 14,
-															"aria-hidden": "true"
-														}),
-														" ",
-														c("bigconsole.insights.actions.preview", "Preview")
-													]
-												}),
-												e.status === "COMPLETED" && t && /* @__PURE__ */ x("button", {
-													type: "button",
-													onClick: () => {
-														V(e), U("");
-													},
-													title: c("bigconsole.insights.actions.refineTitle", "Refine with instructions"),
-													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(_, {
-															size: 14,
-															"aria-hidden": "true"
-														}),
-														" ",
-														c("bigconsole.insights.actions.refine", "Refine")
-													]
-												}),
-												(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ x("button", {
-													type: "button",
-													onClick: () => {
-														o("medium"), ft(e.id);
-													},
-													disabled: i,
-													title: c("bigconsole.insights.actions.regenerateTitle", "Regenerate with the same 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",
-													style: {
-														...T,
-														cursor: i ? "wait" : "pointer"
-													},
-													children: [
-														/* @__PURE__ */ b(fe, {
-															size: 14,
-															className: i ? "animate-spin" : "",
-															"aria-hidden": "true"
-														}),
-														" ",
-														c("bigconsole.insights.actions.regenerate", "Regenerate")
-													]
-												}),
-												/* @__PURE__ */ x("div", {
-													style: {
-														display: "flex",
-														flexWrap: "wrap",
-														alignItems: "center",
-														gap: "var(--space-controlGap)",
-														marginLeft: "auto"
-													},
-													children: [
-														e.status === "COMPLETED" && s(e).kind === "hold" && /* @__PURE__ */ b("span", {
-															role: "status",
-															children: c("bigconsole.insights.error.reviewUnavailable", "Reload the proposal before creating its dashboard.")
-														}),
-														e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ x("button", {
-															type: "button",
-															onClick: () => Q(e),
-															disabled: s(e).kind !== "create",
-															title: s(e).kind === "hold" ? "Reload the proposal before creating its dashboard." : void 0,
-															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: E,
-															children: [
-																c("bigconsole.insights.actions.create", "Create dashboard"),
-																" ",
-																/* @__PURE__ */ b(f, {
-																	size: 14,
-																	"aria-hidden": "true"
-																})
-															]
-														}),
-														e.dashboardId && /* @__PURE__ */ x("button", {
-															type: "button",
-															onClick: () => p(`/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: [
-																c("bigconsole.insights.actions.viewDashboard", "View dashboard"),
-																" ",
-																/* @__PURE__ */ b(f, {
+									title: "Sending your prompt…",
+									description: "The new generation appears here as soon as the backend accepts it.",
+									icon: /* @__PURE__ */ x(g, { className: "h-icon-sm w-icon-sm animate-spin" }),
+									"data-testid": "insights-generation-pending"
+								}),
+								Q.map((e) => {
+									let t = e.generatedSpec, i = ne(Z, e), a = L.has(e.id), o = Me.includes(e.status);
+									return /* @__PURE__ */ S(r, {
+										emphasis: "standard",
+										padding: "compact",
+										headingLevel: 3,
+										title: t?.name || (o ? l("bigconsole.insights.generations.generating", "Generating…") : "Untitled generation"),
+										meta: /* @__PURE__ */ x(He, { 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__ */ S("div", {
+												style: {
+													display: "flex",
+													flexWrap: "wrap",
+													gap: "var(--space-iconGap)"
+												},
+												children: [
+													e.parentGenerationId && /* @__PURE__ */ x("span", {
+														style: k,
+														"data-testid": "insights-generation-revision",
+														children: i ? l("bigconsole.insights.generations.revisionOf", "Revision of {{name}}", { name: i.generatedSpec?.name || l("bigconsole.insights.generations.untitled", "Untitled generation") }) : l("bigconsole.insights.generations.revisionOfEarlier", "Revision of an earlier generation")
+													}),
+													/* @__PURE__ */ S("span", {
+														style: k,
+														children: [
+															N(t),
+															" widget",
+															N(t) === 1 ? "" : "s"
+														]
+													}),
+													/* @__PURE__ */ S("span", {
+														style: k,
+														children: [
+															t.pages.length,
+															" page",
+															t.pages.length === 1 ? "" : "s"
+														]
+													}),
+													/* @__PURE__ */ S("span", {
+														style: Ue(t.overallConfidence),
+														children: [Math.round(t.overallConfidence * 100), "% confidence"]
+													})
+												]
+											}),
+											e.errorMessage && /* @__PURE__ */ x(r, {
+												headingLevel: 4,
+												tone: "danger",
+												padding: "compact",
+												title: "Generation failed",
+												description: e.errorMessage,
+												icon: /* @__PURE__ */ x(ce, { className: "h-icon-sm w-icon-sm" })
+											}),
+											/* @__PURE__ */ S("div", {
+												style: {
+													display: "flex",
+													flexWrap: "wrap",
+													alignItems: "center",
+													gap: "var(--space-controlGap)",
+													borderTop: "1px solid var(--color-border-subtle)",
+													paddingTop: "var(--space-controlGap)"
+												},
+												children: [
+													o && /* @__PURE__ */ S("button", {
+														type: "button",
+														onClick: () => {
+															s("medium"), vt(e.id);
+														},
+														disabled: a,
+														title: l("bigconsole.insights.actions.cancelTitle", "Cancel generation"),
+														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: {
+															...ze,
+															cursor: a ? "wait" : "pointer"
+														},
+														children: [
+															/* @__PURE__ */ x(le, {
+																size: 14,
+																"aria-hidden": "true"
+															}),
+															" ",
+															l("bigconsole.insights.actions.cancel", "Cancel")
+														]
+													}),
+													e.status === "COMPLETED" && t && /* @__PURE__ */ S("button", {
+														type: "button",
+														onClick: () => z(e),
+														title: l("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__ */ x(ue, {
+																size: 14,
+																"aria-hidden": "true"
+															}),
+															" ",
+															l("bigconsole.insights.actions.preview", "Preview")
+														]
+													}),
+													e.status === "COMPLETED" && t && /* @__PURE__ */ S("button", {
+														type: "button",
+														onClick: () => {
+															V(e), U("");
+														},
+														title: l("bigconsole.insights.actions.refineTitle", "Refine with instructions"),
+														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__ */ x(v, {
+																size: 14,
+																"aria-hidden": "true"
+															}),
+															" ",
+															l("bigconsole.insights.actions.refine", "Refine")
+														]
+													}),
+													(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ S("button", {
+														type: "button",
+														onClick: () => {
+															s("medium"), yt(e.id);
+														},
+														disabled: a,
+														title: l("bigconsole.insights.actions.regenerateTitle", "Regenerate with the same 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",
+														style: {
+															...T,
+															cursor: a ? "wait" : "pointer"
+														},
+														children: [
+															/* @__PURE__ */ x(pe, {
+																size: 14,
+																className: a ? "animate-spin" : "",
+																"aria-hidden": "true"
+															}),
+															" ",
+															l("bigconsole.insights.actions.regenerate", "Regenerate")
+														]
+													}),
+													/* @__PURE__ */ S("div", {
+														style: {
+															display: "flex",
+															flexWrap: "wrap",
+															alignItems: "center",
+															gap: "var(--space-controlGap)",
+															marginLeft: "auto"
+														},
+														children: [
+															e.status === "COMPLETED" && c(e).kind === "hold" && /* @__PURE__ */ x("span", {
+																role: "status",
+																children: l("bigconsole.insights.error.reviewUnavailable", "Reload the proposal before creating its dashboard.")
+															}),
+															e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ S("button", {
+																type: "button",
+																onClick: () => gt(e),
+																disabled: c(e).kind !== "create",
+																title: c(e).kind === "hold" ? "Reload the proposal before creating its dashboard." : void 0,
+																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: E,
+																children: [
+																	l("bigconsole.insights.actions.create", "Create dashboard"),
+																	" ",
+																	/* @__PURE__ */ x(p, {
+																		size: 14,
+																		"aria-hidden": "true"
+																	})
+																]
+															}),
+															e.dashboardId && /* @__PURE__ */ S("button", {
+																type: "button",
+																onClick: () => m(`/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: [
+																	l("bigconsole.insights.actions.viewDashboard", "View dashboard"),
+																	" ",
+																	/* @__PURE__ */ x(p, {
+																		size: 14,
+																		"aria-hidden": "true"
+																	})
+																]
+															}),
+															/* @__PURE__ */ x("button", {
+																type: "button",
+																onClick: () => {
+																	s("medium"), _t(e.id);
+																},
+																title: l("bigconsole.insights.actions.deleteTitle", "Delete generation"),
+																"aria-label": l("bigconsole.insights.actions.deleteTitle", "Delete generation"),
+																className: n,
+																style: Be,
+																children: /* @__PURE__ */ x(me, {
 																	size: 14,
 																	"aria-hidden": "true"
 																})
-															]
-														}),
-														/* @__PURE__ */ b("button", {
-															type: "button",
-															onClick: () => {
-																o("medium"), ut(e.id);
-															},
-															title: c("bigconsole.insights.actions.deleteTitle", "Delete generation"),
-															"aria-label": c("bigconsole.insights.actions.deleteTitle", "Delete generation"),
-															className: n,
-															style: Re,
-															children: /* @__PURE__ */ b(pe, {
-																size: 14,
-																"aria-hidden": "true"
 															})
-														})
-													]
-												})
-											]
-										})
-									]
-								}, e.id);
-							})]
+														]
+													})
+												]
+											})
+										]
+									}, e.id);
+								}),
+								mt.length > 0 && /* @__PURE__ */ x("button", {
+									type: "button",
+									onClick: () => $e((e) => !e),
+									"aria-expanded": W,
+									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,
+									"data-testid": "insights-earlier-versions-toggle",
+									children: W ? l("bigconsole.insights.generations.hideEarlier", "Hide earlier versions") : l("bigconsole.insights.generations.showEarlier", "Show {{count}} earlier version(s)", { count: mt.length })
+								})
+							]
 						})
 					})
 				] })]
 			}),
-			R && $ && /* @__PURE__ */ b("div", {
+			R && $ && /* @__PURE__ */ x("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-label": c("bigconsole.insights.preview.ariaLabel", "Generation preview"),
+				"aria-label": l("bigconsole.insights.preview.ariaLabel", "Generation preview"),
 				onClick: () => z(null),
 				style: {
 					position: "fixed",
@@ -1155,7 +1174,7 @@ var P = c(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ S("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						display: "flex",
@@ -1169,7 +1188,7 @@ var P = c(function() {
 						boxShadow: "var(--shadow-elevation-3)"
 					},
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								justifyContent: "space-between",
@@ -1178,16 +1197,16 @@ var P = c(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)",
@@ -1195,22 +1214,22 @@ var P = c(function() {
 									},
 									children: $.description
 								})]
-							}), /* @__PURE__ */ b("button", {
+							}), /* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: () => z(null),
-								"aria-label": c("bigconsole.insights.preview.close", "Close preview"),
+								"aria-label": l("bigconsole.insights.preview.close", "Close preview"),
 								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: {
-									...Re,
+									...Be,
 									color: "var(--color-text-muted)"
 								},
-								children: /* @__PURE__ */ b(me, {
+								children: /* @__PURE__ */ x(he, {
 									size: 18,
 									"aria-hidden": "true"
 								})
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								flex: "1 1 auto",
 								minHeight: 0,
@@ -1221,14 +1240,14 @@ var P = c(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: k,
 											children: [
 												N($),
@@ -1236,7 +1255,7 @@ var P = c(function() {
 												N($) === 1 ? "" : "s"
 											]
 										}),
-										/* @__PURE__ */ x("span", {
+										/* @__PURE__ */ S("span", {
 											style: k,
 											children: [
 												$.pages.length,
@@ -1244,16 +1263,16 @@ var P = c(function() {
 												$.pages.length === 1 ? "" : "s"
 											]
 										}),
-										/* @__PURE__ */ x("span", {
-											style: Ve($.overallConfidence),
+										/* @__PURE__ */ S("span", {
+											style: Ue($.overallConfidence),
 											children: [Math.round($.overallConfidence * 100), "% confidence"]
 										})
 									]
 								}),
-								/* @__PURE__ */ b(oe, { metadata: R.processingMetadata }),
-								$.reasoning && /* @__PURE__ */ x("details", {
+								/* @__PURE__ */ x(se, { metadata: R.processingMetadata }),
+								$.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",
@@ -1262,8 +1281,8 @@ var P = c(function() {
 											color: "var(--color-text-secondary)",
 											borderRadius: "var(--radius-button)"
 										},
-										children: c("bigconsole.insights.preview.reasoningToggle", "Why these widgets?")
-									}), /* @__PURE__ */ b("p", {
+										children: l("bigconsole.insights.preview.reasoningToggle", "Why these widgets?")
+									}), /* @__PURE__ */ x("p", {
 										style: {
 											marginTop: "var(--space-controlGap)",
 											fontSize: "var(--font-size-body-sm)",
@@ -1273,12 +1292,12 @@ var P = c(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: k,
 										children: [
 											e.widgets.length,
@@ -1286,31 +1305,31 @@ var P = c(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)",
 											marginBottom: "var(--space-controlGap)"
 										},
 										children: [
-											c("bigconsole.insights.preview.proposedLayout", "Proposed layout"),
+											l("bigconsole.insights.preview.proposedLayout", "Proposed layout"),
 											" · ",
 											e.gridColumns,
 											" ",
-											c("bigconsole.insights.preview.columns", "columns"),
+											l("bigconsole.insights.preview.columns", "columns"),
 											" ·",
 											" ",
 											e.layout.toLowerCase().replaceAll("_", " ")
 										]
-									}), /* @__PURE__ */ b("div", {
+									}), /* @__PURE__ */ x("div", {
 										className: "insights-proposal-grid",
-										style: We(e.gridColumns),
+										style: Ke(e.gridColumns),
 										children: e.widgets.map((t, n) => {
-											let r = He(t.confidence);
-											return /* @__PURE__ */ x("div", {
+											let r = We(t.confidence);
+											return /* @__PURE__ */ S("div", {
 												className: "insights-proposal-widget",
 												style: {
-													...Ge(t.position, e.gridColumns),
+													...qe(t.position, e.gridColumns),
 													display: "flex",
 													flexDirection: "column",
 													gap: "2px",
@@ -1320,7 +1339,7 @@ var P = c(function() {
 													border: "1px solid var(--color-border-subtle)"
 												},
 												children: [
-													/* @__PURE__ */ x("div", {
+													/* @__PURE__ */ S("div", {
 														style: {
 															display: "flex",
 															flexWrap: "wrap",
@@ -1328,7 +1347,7 @@ var P = c(function() {
 															gap: "var(--space-iconGap)"
 														},
 														children: [
-															/* @__PURE__ */ b("span", {
+															/* @__PURE__ */ x("span", {
 																style: {
 																	fontSize: "var(--font-size-body-sm)",
 																	fontWeight: "var(--font-weight-medium)",
@@ -1337,7 +1356,7 @@ var P = c(function() {
 																},
 																children: t.title
 															}),
-															/* @__PURE__ */ b("span", {
+															/* @__PURE__ */ x("span", {
 																style: {
 																	fontSize: "var(--font-size-xs)",
 																	color: "var(--color-text-muted)"
@@ -1345,9 +1364,9 @@ var P = c(function() {
 																"data-testid": "preview-widget-type",
 																children: t.type
 															}),
-															r && /* @__PURE__ */ b("span", {
+															r && /* @__PURE__ */ x("span", {
 																style: {
-																	...Ke(r),
+																	...Je(r),
 																	marginLeft: "auto"
 																},
 																"data-testid": "preview-widget-confidence",
@@ -1355,7 +1374,7 @@ var P = c(function() {
 															})
 														]
 													}),
-													t.reasoning && /* @__PURE__ */ b("p", {
+													t.reasoning && /* @__PURE__ */ x("p", {
 														style: {
 															margin: 0,
 															fontSize: "var(--font-size-xs)",
@@ -1364,7 +1383,7 @@ var P = c(function() {
 														},
 														children: t.reasoning
 													}),
-													/* @__PURE__ */ b(ae, { config: t.config })
+													/* @__PURE__ */ x(oe, { config: t.config })
 												]
 											}, n);
 										})
@@ -1372,7 +1391,7 @@ var P = c(function() {
 								}, t))
 							]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								justifyContent: "flex-end",
@@ -1382,56 +1401,56 @@ var P = c(function() {
 								borderTop: "1px solid var(--color-border-subtle)"
 							},
 							children: [
-								/* @__PURE__ */ b("button", {
+								/* @__PURE__ */ x("button", {
 									type: "button",
 									onClick: () => z(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"
 								}),
-								R.status === "COMPLETED" && $ && /* @__PURE__ */ x("button", {
+								R.status === "COMPLETED" && $ && /* @__PURE__ */ S("button", {
 									type: "button",
 									onClick: () => {
 										let e = R;
 										z(null), V(e), U("");
 									},
-									title: c("bigconsole.insights.actions.refineTitle", "Refine with instructions"),
+									title: l("bigconsole.insights.actions.refineTitle", "Refine with instructions"),
 									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(v, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
 										" ",
-										c("bigconsole.insights.actions.refine", "Refine")
+										l("bigconsole.insights.actions.refine", "Refine")
 									]
 								}),
-								R.status === "COMPLETED" && s(R).kind === "hold" && /* @__PURE__ */ b("span", {
+								R.status === "COMPLETED" && c(R).kind === "hold" && /* @__PURE__ */ x("span", {
 									role: "status",
-									children: c("bigconsole.insights.error.reviewUnavailable", "Reload the proposal before creating its dashboard.")
+									children: l("bigconsole.insights.error.reviewUnavailable", "Reload the proposal before creating its dashboard.")
 								}),
-								R.dashboardId && /* @__PURE__ */ b("button", {
+								R.dashboardId && /* @__PURE__ */ x("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,
-									onClick: () => p(`/dashboards/${R.dashboardId}`),
-									children: c("bigconsole.insights.actions.viewDashboard", "View dashboard")
+									onClick: () => m(`/dashboards/${R.dashboardId}`),
+									children: l("bigconsole.insights.actions.viewDashboard", "View dashboard")
 								}),
-								R.status === "COMPLETED" && !R.dashboardId && /* @__PURE__ */ x("button", {
+								R.status === "COMPLETED" && !R.dashboardId && /* @__PURE__ */ S("button", {
 									type: "button",
-									disabled: s(R).kind !== "create",
-									title: s(R).kind === "hold" ? "Reload the proposal before creating its dashboard." : void 0,
+									disabled: c(R).kind !== "create",
+									title: c(R).kind === "hold" ? "Reload the proposal before creating its dashboard." : void 0,
 									onClick: () => {
 										let e = R;
-										z(null), Q(e);
+										z(null), gt(e);
 									},
 									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: E,
 									children: [
-										c("bigconsole.insights.actions.create", "Create dashboard"),
+										l("bigconsole.insights.actions.create", "Create dashboard"),
 										" ",
-										/* @__PURE__ */ b(f, {
+										/* @__PURE__ */ x(p, {
 											size: 14,
 											"aria-hidden": "true"
 										})
@@ -1442,10 +1461,10 @@ var P = c(function() {
 					]
 				})
 			}),
-			B && /* @__PURE__ */ b("div", {
+			B && /* @__PURE__ */ x("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-label": c("bigconsole.insights.refine.ariaLabel", "Refine generation"),
+				"aria-label": l("bigconsole.insights.refine.ariaLabel", "Refine generation"),
 				onClick: () => V(null),
 				style: {
 					position: "fixed",
@@ -1457,7 +1476,7 @@ var P = c(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ S("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						display: "flex",
@@ -1471,28 +1490,28 @@ var P = c(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: c("bigconsole.insights.refine.heading", "Refine dashboard")
-							}), /* @__PURE__ */ b("p", {
+								children: l("bigconsole.insights.refine.heading", "Refine dashboard")
+							}), /* @__PURE__ */ x("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-secondary)",
 									marginTop: 2
 								},
-								children: c("bigconsole.insights.refine.subtitle", "Describe what to change — the AI keeps the existing spec and applies your instructions.")
+								children: l("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,
@@ -1502,20 +1521,20 @@ var P = c(function() {
 								flexDirection: "column",
 								gap: "var(--space-controlGap)"
 							},
-							children: [/* @__PURE__ */ b(r, {
+							children: [/* @__PURE__ */ x(r, {
 								emphasis: "muted",
 								padding: "compact",
 								headingLevel: 3,
 								title: B.generatedSpec?.name || "Current proposal",
 								description: B.prompt.length > 240 ? `${B.prompt.slice(0, 240)}…` : B.prompt,
-								icon: /* @__PURE__ */ b(g, { className: "h-icon-sm w-icon-sm" })
-							}), /* @__PURE__ */ x("div", {
+								icon: /* @__PURE__ */ x(_, { 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",
@@ -1524,13 +1543,13 @@ var P = c(function() {
 										color: "var(--color-text-primary)"
 									},
 									children: "What should change?"
-								}), /* @__PURE__ */ b("textarea", {
+								}), /* @__PURE__ */ x("textarea", {
 									id: "refine-input",
 									value: H,
 									onChange: (e) => U(e.target.value),
 									maxLength: 2e3,
 									rows: 4,
-									placeholder: c("bigconsole.insights.refine.placeholder", "e.g., Add a revenue-by-region map and remove the duplicate KPI cards"),
+									placeholder: l("bigconsole.insights.refine.placeholder", "e.g., Add a revenue-by-region map and remove the duplicate KPI cards"),
 									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: {
 										width: "100%",
@@ -1546,7 +1565,7 @@ var P = c(function() {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								justifyContent: "flex-end",
@@ -1555,15 +1574,15 @@ var P = c(function() {
 								padding: "var(--space-cardPadding)",
 								borderTop: "1px solid var(--color-border-subtle)"
 							},
-							children: [/* @__PURE__ */ b("button", {
+							children: [/* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: () => V(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: c("bigconsole.insights.actions.cancel", "Cancel")
-							}), /* @__PURE__ */ x("button", {
+								children: l("bigconsole.insights.actions.cancel", "Cancel")
+							}), /* @__PURE__ */ S("button", {
 								type: "button",
-								onClick: () => void pt(),
+								onClick: () => void bt(),
 								disabled: !H.trim() || L.has(B.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",
 								style: {
@@ -1571,14 +1590,14 @@ var P = c(function() {
 									cursor: !H.trim() || L.has(B.id) ? "not-allowed" : "pointer",
 									opacity: H.trim() ? 1 : .6
 								},
-								children: [L.has(B.id) ? /* @__PURE__ */ b(h, {
+								children: [L.has(B.id) ? /* @__PURE__ */ x(g, {
 									size: 14,
 									className: "animate-spin",
 									"aria-hidden": "true"
-								}) : /* @__PURE__ */ b(_, {
+								}) : /* @__PURE__ */ x(v, {
 									size: 14,
 									"aria-hidden": "true"
-								}), c("bigconsole.insights.refine.apply", "Apply refinement")]
+								}), l("bigconsole.insights.refine.apply", "Apply refinement")]
 							})]
 						})
 					]