@burdenoff/microfe-bigconsole 2026.1012.9 → 2026.1013.1

package/dist/bigconsole/pages/InsightsPage.js

@@ -5,19 +5,20 @@ 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 { isNative as ee, nativeImpact as o, nativeNotify as te } from "../../utils/nativeBridge.js";
-import { isInsightsDraftDirty as ne } from "../utils/insightsDraft.js";
+import { isNative as ee, nativeImpact as o, nativeNotify as s } from "../../utils/nativeBridge.js";
+import { isInsightsDraftDirty as te } from "../utils/insightsDraft.js";
+import { GeneratedFormattingReview as ne, GenerationExecutionStatus as re } from "../components/insights/GeneratedFormattingReview.js";
 /* empty css                     */
-import { memo as s, useCallback as c, useEffect as re, useState as l } from "react";
-import { AlertCircle as ie, ArrowRight as u, Ban as ae, CheckCircle as d, Clock as f, Eye as oe, History as se, Lightbulb as ce, Loader2 as p, RefreshCw as le, Sparkles as m, Trash2 as ue, Wand2 as h, X as de, XCircle as g } from "lucide-react";
-import { AuroraBackground as fe, GlassCard as pe, GradientText as me, IllustratedEmptyState as he, PagePurpose as ge } from "@burdenoff/fe-libs/ui";
-import { useUnsavedChanges as _e } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useMutation as v, useQuery as y } from "@apollo/client/react";
+import { memo as c, useCallback as l, useEffect as ie, useState as u } from "react";
+import { AlertCircle as ae, ArrowRight as d, Ban as oe, CheckCircle as f, Clock as p, Eye as se, History as ce, Lightbulb as le, Loader2 as m, RefreshCw as ue, Sparkles as h, Trash2 as de, Wand2 as g, X as fe, XCircle as _ } from "lucide-react";
+import { AuroraBackground as pe, GlassCard as me, GradientText as he, IllustratedEmptyState as ge, PagePurpose as _e } from "@burdenoff/fe-libs/ui";
+import { useUnsavedChanges as ve } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useMutation as y, useQuery as ye } from "@apollo/client/react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 import { gql as S } from "@apollo/client";
 //#region src/bigconsole/pages/InsightsPage.tsx
-var ve = S`
+var be = S`
   query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {
     listPromptGenerations(status: $status, first: $first) {
       edges {
@@ -29,6 +30,7 @@ var ve = S`
           errorMessage
           createdAt
           completedAt
+          processingMetadata
           generatedSpec {
             name
             description
@@ -49,6 +51,7 @@ var ve = S`
                 type
                 confidence
                 reasoning
+                config
               }
             }
           }
@@ -57,7 +60,7 @@ var ve = S`
       totalCount
     }
   }
-`, ye = S`
+`, xe = S`
   query GetPromptSuggestions($category: String, $limit: Int) {
     getPromptSuggestions(category: $category, limit: $limit) {
       id
@@ -68,7 +71,7 @@ var ve = S`
       tags
     }
   }
-`, be = S`
+`, Se = S`
   mutation GenerateDashboardFromPrompt($input: GenerateDashboardFromPromptInput!) {
     generateDashboardFromPrompt(input: $input) {
       id
@@ -76,24 +79,24 @@ var ve = S`
       prompt
     }
   }
-`, xe = S`
+`, Ce = S`
   mutation CreateDashboardFromGeneration($input: CreateDashboardFromGenerationInput!) {
     createDashboardFromGeneration(input: $input) {
       id
     }
   }
-`, Se = S`
+`, we = S`
   mutation DeletePromptGeneration($generationId: ID!) {
     deletePromptGeneration(generationId: $generationId)
   }
-`, Ce = S`
+`, Te = S`
   mutation CancelPromptGeneration($generationId: ID!) {
     cancelPromptGeneration(generationId: $generationId) {
       id
       status
     }
   }
-`, we = S`
+`, Ee = S`
   mutation RegenerateDashboard($input: RegenerateDashboardInput!) {
     regenerateDashboard(input: $input) {
       id
@@ -101,7 +104,7 @@ var ve = S`
       prompt
     }
   }
-`, Te = S`
+`, De = S`
   mutation RefineGeneratedDashboard($input: RefineGeneratedDashboardInput!) {
     refineGeneratedDashboard(input: $input) {
       id
@@ -109,11 +112,11 @@ var ve = S`
       prompt
     }
   }
-`, Ee = [
+`, Oe = [
 	"PENDING",
 	"PROCESSING",
 	"GENERATING"
-], De = 12, Oe = 8, ke = [
+], ke = 12, Ae = 8, je = [
 	{
 		value: "MODERN",
 		label: "Modern"
@@ -134,7 +137,7 @@ var ve = S`
 		value: "VIBRANT",
 		label: "Vibrant"
 	}
-], Ae = [
+], Me = [
 	{
 		value: "GRID",
 		label: "Grid"
@@ -159,13 +162,13 @@ var ve = S`
 		value: "THREE_COLUMN",
 		label: "Three column"
 	}
-], je = [
+], Ne = [
 	6,
 	8,
 	12,
 	16,
 	24
-], Me = [
+], Pe = [
 	4,
 	6,
 	8,
@@ -194,12 +197,12 @@ var ve = S`
 	border: "1px solid transparent",
 	backgroundColor: "var(--color-action-primary-bg)",
 	color: "var(--color-action-primary-text)"
-}, Ne = {
+}, Fe = {
 	...C,
 	border: "1px solid var(--color-status-warning-border)",
 	backgroundColor: "transparent",
 	color: "var(--color-status-warning-text)"
-}, Pe = {
+}, Ie = {
 	...C,
 	minWidth: "var(--size-controlHeight-md)",
 	padding: "0 var(--space-controlGap)",
@@ -265,29 +268,29 @@ var A = {
 		border: "var(--color-border-subtle)"
 	}
 };
-function Fe(e) {
+function Le(e) {
 	let t = A[k(e)].text;
 	switch (e) {
-		case "COMPLETED": return /* @__PURE__ */ b(d, {
+		case "COMPLETED": return /* @__PURE__ */ b(f, {
 			size: 14,
 			style: { color: t },
 			"aria-hidden": "true"
 		});
 		case "FAILED":
-		case "CANCELLED": return /* @__PURE__ */ b(g, {
+		case "CANCELLED": return /* @__PURE__ */ b(_, {
 			size: 14,
 			style: { color: t },
 			"aria-hidden": "true"
 		});
 		case "PENDING":
 		case "PROCESSING":
-		case "GENERATING": return /* @__PURE__ */ b(p, {
+		case "GENERATING": return /* @__PURE__ */ b(m, {
 			size: 14,
 			className: "animate-spin",
 			style: { color: t },
 			"aria-hidden": "true"
 		});
-		default: return /* @__PURE__ */ b(f, {
+		default: return /* @__PURE__ */ b(p, {
 			size: 14,
 			style: { color: t },
 			"aria-hidden": "true"
@@ -305,8 +308,8 @@ function j(e, t) {
 		default: return e;
 	}
 }
-var Ie = ({ status: e }) => {
-	let { t } = _(), n = A[k(e)];
+var Re = ({ status: e }) => {
+	let { t } = v(), n = A[k(e)];
 	return /* @__PURE__ */ x("span", {
 		"data-status": e,
 		style: {
@@ -315,10 +318,10 @@ var Ie = ({ status: e }) => {
 			backgroundColor: n.bg,
 			color: n.text
 		},
-		children: [Fe(e), j(e, t)]
+		children: [Le(e), j(e, t)]
 	});
 };
-function Le(e) {
+function ze(e) {
 	let t = A[e >= .8 ? "success" : e >= .5 ? "neutral" : "danger"];
 	return {
 		...O,
@@ -330,19 +333,19 @@ function Le(e) {
 function M(e) {
 	return e.pages.reduce((e, t) => e + t.widgets.length, 0);
 }
-function Re(e) {
+function Be(e) {
 	let t = e?.toUpperCase();
 	return t === "HIGH" || t === "MEDIUM" || t === "LOW" ? t : null;
 }
-var ze = {
+var N = {
 	HIGH: "success",
 	MEDIUM: "neutral",
 	LOW: "danger"
 };
-function Be(e) {
+function Ve(e) {
 	return { "--proposal-columns": Math.max(1, Math.min(24, Math.trunc(e))) };
 }
-function Ve(e, t) {
+function He(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,
@@ -351,8 +354,8 @@ function Ve(e, t) {
 		"--proposal-height": Math.max(1, Math.min(24, Math.trunc(e.height)))
 	};
 }
-function He(e) {
-	let t = A[ze[e]];
+function Ue(e) {
+	let t = A[N[e]];
 	return {
 		...O,
 		padding: "0 var(--space-controlGap)",
@@ -364,173 +367,173 @@ function He(e) {
 		color: t.text
 	};
 }
-var N = s(function() {
-	let { t: s } = _(), d = e(), f = a(), [g, S] = l(""), [C, k] = l("MODERN"), [A, Fe] = l("GRID"), [j, ze] = l(De), [N, Ue] = l(Oe), [P, F] = l(!1), [I, L] = l(null), [R, z] = l(() => /* @__PURE__ */ new Set()), [B, V] = l(null), [H, U] = l(null), [W, G] = l("");
-	_e({
+var P = c(function() {
+	let { t: c } = v(), f = e(), p = a(), [_, S] = u(""), [C, k] = u("MODERN"), [A, Le] = u("GRID"), [j, N] = u(ke), [P, We] = u(Ae), [F, I] = u(!1), [Ge, L] = u(null), [R, Ke] = u(() => /* @__PURE__ */ new Set()), [z, B] = u(null), [V, H] = u(null), [U, W] = u("");
+	ve({
 		id: "insights-prompt",
-		label: s("bigconsole.assistant.unsaved.insightsPrompt", "the dashboard description"),
-		dirty: ne({
-			promptText: g,
-			isGenerating: P,
-			refineOpen: H !== null,
-			refineText: W,
-			refineBusy: H !== null && R.has(H.id)
+		label: c("bigconsole.assistant.unsaved.insightsPrompt", "the dashboard description"),
+		dirty: te({
+			promptText: _,
+			isGenerating: F,
+			refineOpen: V !== null,
+			refineText: U,
+			refineBusy: V !== null && R.has(V.id)
 		})
 	});
-	let K = c((e) => {
-		z((t) => new Set(t).add(e));
-	}, []), q = c((e) => {
-		z((t) => {
+	let G = l((e) => {
+		Ke((t) => new Set(t).add(e));
+	}, []), K = l((e) => {
+		Ke((t) => {
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
-	}, []), { data: We, loading: Ge, error: J, refetch: Y, startPolling: Ke, stopPolling: X } = y(ve, {
+	}, []), { data: qe, loading: Je, error: q, refetch: J, startPolling: Ye, stopPolling: Y } = ye(be, {
 		variables: { first: 20 },
 		fetchPolicy: "cache-and-network"
-	}), Z = We?.listPromptGenerations?.edges?.some((e) => Ee.includes(e.node.status)) ?? !1, { data: qe, error: Je, refetch: Ye } = y(ye, { variables: { limit: 6 } }), [Xe] = v(be), [Ze] = v(xe), [Qe] = v(Se), [$e] = v(Ce), [et] = v(we), [tt] = v(Te), Q = We?.listPromptGenerations?.edges?.map((e) => e.node) || [], nt = qe?.getPromptSuggestions || [];
-	re(() => (Z || P ? Ke(2e3) : X(), () => X()), [
-		Z,
-		P,
-		Ke,
-		X
-	]), re(() => {
-		if (!B && !H) return;
+	}), X = qe?.listPromptGenerations?.edges?.some((e) => Oe.includes(e.node.status)) ?? !1, { data: Xe, error: Ze, refetch: Qe } = ye(xe, { variables: { limit: 6 } }), [$e] = y(Se), [et] = y(Ce), [tt] = y(we), [nt] = y(Te), [rt] = y(Ee), [it] = y(De), Z = qe?.listPromptGenerations?.edges?.map((e) => e.node) || [], at = Xe?.getPromptSuggestions || [];
+	ie(() => (X || F ? Ye(2e3) : Y(), () => Y()), [
+		X,
+		F,
+		Ye,
+		Y
+	]), ie(() => {
+		if (!z && !V) return;
 		let e = (e) => {
-			e.key === "Escape" && (V(null), U(null));
+			e.key === "Escape" && (B(null), H(null));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [B, H]);
-	let rt = c(async () => {
-		if (!(!g.trim() || P)) {
-			if (g.length > 2e3) {
-				L(s("bigconsole.insights.error.promptTooLong", "Prompt is too long (max 2000 characters)."));
+	}, [z, V]);
+	let ot = l(async () => {
+		if (!(!_.trim() || F)) {
+			if (_.length > 2e3) {
+				L(c("bigconsole.insights.error.promptTooLong", "Prompt is too long (max 2000 characters)."));
 				return;
 			}
-			L(null), F(!0);
+			L(null), I(!0);
 			try {
-				f("bigconsole.ai.generate_clicked", { maxWidgets: N });
-				let e = await Xe({ variables: { input: {
-					prompt: g.trim(),
+				p("bigconsole.ai.generate_clicked", { maxWidgets: P });
+				let e = await $e({ variables: { input: {
+					prompt: _.trim(),
 					styleType: C,
 					layoutType: A,
 					gridColumns: j,
-					maxWidgets: N
+					maxWidgets: P
 				} } });
 				if (t(e, "command")) return;
 				let n = e.data?.generateDashboardFromPrompt?.id;
-				n && f("bigconsole.ai.dashboard_generated", {
+				n && p("bigconsole.ai.dashboard_generated", {
 					generationId: n,
-					maxWidgets: N
-				}), S(""), Y();
+					maxWidgets: P
+				}), S(""), J();
 			} catch (e) {
 				if (t(e, "command")) return;
-				L(e instanceof Error ? e.message : s("bigconsole.insights.error.generateFailed", "Failed to generate dashboard"));
+				L(e instanceof Error ? e.message : c("bigconsole.insights.error.generateFailed", "Failed to generate dashboard"));
 			} finally {
-				F(!1);
+				I(!1);
 			}
 		}
 	}, [
-		f,
-		g,
-		P,
-		Xe,
-		Y,
+		p,
+		_,
+		F,
+		$e,
+		J,
 		C,
 		A,
 		j,
-		N,
-		s
-	]), it = c(async (e) => {
+		P,
+		c
+	]), Q = l(async (e) => {
 		L(null);
 		try {
-			f("bigconsole.ai.create_dashboard_clicked", { generationId: e });
-			let n = await Ze({ variables: { input: { generationId: e } } });
+			p("bigconsole.ai.create_dashboard_clicked", { generationId: e });
+			let n = await et({ variables: { input: { generationId: e } } });
 			if (t(n, "project")) return;
 			let r = n.data?.createDashboardFromGeneration?.id;
-			r && (f("bigconsole.ai.dashboard_created", {
+			r && (p("bigconsole.ai.dashboard_created", {
 				generationId: e,
 				dashboardId: r
-			}), d(`/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"));
+			L(e instanceof Error ? e.message : c("bigconsole.insights.error.createFailed", "Failed to create dashboard"));
 		}
 	}, [
-		Ze,
+		et,
+		p,
 		f,
-		d,
-		s
-	]), at = c(async (e) => {
+		c
+	]), st = l(async (e) => {
 		L(null);
 		try {
-			await Qe({ variables: { generationId: e } }), ee() && te("success"), Y();
+			await tt({ variables: { generationId: e } }), ee() && s("success"), J();
 		} catch (e) {
-			L(e instanceof Error ? e.message : s("bigconsole.insights.error.deleteFailed", "Failed to delete generation")), ee() && te("error");
+			L(e instanceof Error ? e.message : c("bigconsole.insights.error.deleteFailed", "Failed to delete generation")), ee() && s("error");
 		}
 	}, [
-		Qe,
-		Y,
-		s
-	]), ot = c(async (e) => {
-		L(null), K(e);
+		tt,
+		J,
+		c
+	]), ct = l(async (e) => {
+		L(null), G(e);
 		try {
-			await $e({ variables: { generationId: e } }), Y();
+			await nt({ variables: { generationId: e } }), J();
 		} catch (e) {
-			L(e instanceof Error ? e.message : s("bigconsole.insights.error.cancelFailed", "Failed to cancel generation"));
+			L(e instanceof Error ? e.message : c("bigconsole.insights.error.cancelFailed", "Failed to cancel generation"));
 		} finally {
-			q(e);
+			K(e);
 		}
 	}, [
-		$e,
-		Y,
-		s
-	]), st = c(async (e) => {
-		L(null), K(e);
+		nt,
+		J,
+		c
+	]), lt = l(async (e) => {
+		L(null), G(e);
 		try {
-			if (t(await et({ variables: { input: { generationId: e } } }), "command")) return;
-			Y();
+			if (t(await rt({ variables: { input: { generationId: e } } }), "command")) return;
+			J();
 		} catch (e) {
 			if (t(e, "command")) return;
-			L(e instanceof Error ? e.message : s("bigconsole.insights.error.regenerateFailed", "Failed to regenerate dashboard"));
+			L(e instanceof Error ? e.message : c("bigconsole.insights.error.regenerateFailed", "Failed to regenerate dashboard"));
 		} finally {
-			q(e);
+			K(e);
 		}
 	}, [
-		et,
-		Y,
-		s
-	]), ct = c(async () => {
-		if (!H || !W.trim()) return;
-		let e = H.id;
-		L(null), K(e);
+		rt,
+		J,
+		c
+	]), ut = l(async () => {
+		if (!V || !U.trim()) return;
+		let e = V.id;
+		L(null), G(e);
 		let n = !1;
 		try {
-			if (t(await tt({ variables: { input: {
+			if (t(await it({ variables: { input: {
 				generationId: e,
-				refinementPrompt: W.trim()
+				refinementPrompt: U.trim()
 			} } }), "command")) {
 				n = !0;
 				return;
 			}
-			n = !0, Y();
+			n = !0, J();
 		} catch (e) {
 			if (t(e, "command")) {
 				n = !0;
 				return;
 			}
-			L(e instanceof Error ? e.message : s("bigconsole.insights.error.refineFailed", "Failed to refine generation"));
+			L(e instanceof Error ? e.message : c("bigconsole.insights.error.refineFailed", "Failed to refine generation"));
 		} finally {
-			n && (U(null), G("")), q(e);
+			n && (H(null), W("")), K(e);
 		}
 	}, [
-		H,
-		W,
-		tt,
-		Y,
-		s
-	]), lt = c((e) => {
+		V,
+		U,
+		it,
+		J,
+		c
+	]), dt = l((e) => {
 		S(e);
-	}, []), $ = B?.generatedSpec;
+	}, []), $ = z?.generatedSpec;
 	return /* @__PURE__ */ x("div", {
 		"data-tour": "bigconsole-ai-insights",
 		className: "min-w-0",
@@ -538,7 +541,7 @@ var N = s(function() {
 		children: [
 			/* @__PURE__ */ x("header", {
 				className: "relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]",
-				children: [/* @__PURE__ */ b(fe, { intensity: "subtle" }), /* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ b(pe, { intensity: "subtle" }), /* @__PURE__ */ b("div", {
 					style: { padding: "var(--space-pagePadding)" },
 					children: /* @__PURE__ */ x("div", {
 						style: {
@@ -559,7 +562,7 @@ var N = s(function() {
 								borderRadius: "var(--radius-card)",
 								backgroundColor: "var(--color-action-primary-bg)"
 							},
-							children: /* @__PURE__ */ b(m, { style: {
+							children: /* @__PURE__ */ b(h, { style: {
 								height: "var(--size-icon-lg)",
 								width: "var(--size-icon-lg)",
 								color: "var(--color-action-primary-text)"
@@ -568,10 +571,10 @@ var N = s(function() {
 							style: { minWidth: 0 },
 							children: [/* @__PURE__ */ b("h1", {
 								className: "m-0 text-2xl font-bold text-text-primary",
-								children: /* @__PURE__ */ b(me, { children: s("bigconsole.insights.header.title", "AI Insights") })
+								children: /* @__PURE__ */ b(he, { children: c("bigconsole.insights.header.title", "AI Insights") })
 							}), /* @__PURE__ */ b("p", {
 								className: "m-0 text-sm text-text-secondary",
-								children: s("bigconsole.insights.header.subtitle", "Generate dashboards from natural language prompts")
+								children: c("bigconsole.insights.header.subtitle", "Generate dashboards from natural language prompts")
 							})]
 						})]
 					})
@@ -579,50 +582,50 @@ var N = s(function() {
 			}),
 			/* @__PURE__ */ x("div", {
 				style: { padding: "var(--space-pagePadding)" },
-				children: [/* @__PURE__ */ b(ge, {
+				children: [/* @__PURE__ */ b(_e, {
 					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: [
-					I && /* @__PURE__ */ b(r, {
+					Ge && /* @__PURE__ */ b(r, {
 						headingLevel: 2,
 						tone: "danger",
 						padding: "compact",
 						title: "That request did not go through",
-						description: I,
-						icon: /* @__PURE__ */ b(ie, { className: "h-icon-sm w-icon-sm" }),
+						description: Ge,
+						icon: /* @__PURE__ */ b(ae, { className: "h-icon-sm w-icon-sm" }),
 						"data-testid": "insights-error",
 						actions: /* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: () => L(null),
-							"aria-label": s("bigconsole.insights.error.dismiss", "Dismiss error"),
+							"aria-label": c("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: w,
 							children: "Dismiss"
 						})
 					}),
-					(J || Je) && /* @__PURE__ */ b("div", {
+					(q || Ze) && /* @__PURE__ */ b("div", {
 						role: "alert",
 						children: /* @__PURE__ */ b(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."),
+							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."),
 							"data-testid": "insights-load-error",
 							actions: /* @__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: w,
 								onClick: () => {
-									J && Y().catch(() => void 0), Je && Ye().catch(() => void 0);
+									q && J().catch(() => void 0), Ze && Qe().catch(() => void 0);
 								},
 								children: [
-									/* @__PURE__ */ b(le, {
+									/* @__PURE__ */ b(ue, {
 										size: 14,
 										"aria-hidden": "true"
 									}),
 									" ",
-									s("bigconsole.insights.error.retry", "Retry")
+									c("bigconsole.insights.error.retry", "Retry")
 								]
 							})
 						})
@@ -633,7 +636,7 @@ var N = s(function() {
 						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(m, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ b(h, { className: "h-icon-sm w-icon-sm" }),
 						"data-testid": "insights-prompt",
 						children: /* @__PURE__ */ x("div", {
 							style: {
@@ -650,13 +653,13 @@ var N = s(function() {
 										fontWeight: "var(--font-weight-medium)",
 										color: "var(--color-text-primary)"
 									},
-									children: s("bigconsole.insights.prompt.label", "Your prompt")
+									children: c("bigconsole.insights.prompt.label", "Your prompt")
 								}),
 								/* @__PURE__ */ b("textarea", {
 									id: "prompt-input",
-									value: g,
+									value: _,
 									onChange: (e) => S(e.target.value),
-									placeholder: s("bigconsole.insights.prompt.placeholder", "e.g., Create a sales dashboard showing revenue trends, top products, and regional performance"),
+									placeholder: c("bigconsole.insights.prompt.placeholder", "e.g., Create a sales dashboard showing revenue trends, top products, and regional performance"),
 									rows: 3,
 									maxLength: 2e3,
 									className: n,
@@ -672,12 +675,12 @@ var N = s(function() {
 										resize: "vertical"
 									},
 									onKeyDown: (e) => {
-										e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), rt());
+										e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), ot());
 									}
 								}),
 								/* @__PURE__ */ x("div", {
 									role: "group",
-									"aria-label": s("bigconsole.insights.prompt.optionsLabel", "Generation options"),
+									"aria-label": c("bigconsole.insights.prompt.optionsLabel", "Generation options"),
 									"data-testid": "insights-generation-options",
 									style: {
 										display: "grid",
@@ -688,14 +691,14 @@ var N = s(function() {
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											htmlFor: "prompt-style",
 											style: E,
-											children: s("bigconsole.insights.prompt.style", "Style")
+											children: c("bigconsole.insights.prompt.style", "Style")
 										}), /* @__PURE__ */ b("select", {
 											id: "prompt-style",
 											value: C,
 											onChange: (e) => k(e.target.value),
 											className: n,
 											style: D,
-											children: ke.map((e) => /* @__PURE__ */ b("option", {
+											children: je.map((e) => /* @__PURE__ */ b("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
@@ -703,14 +706,14 @@ var N = s(function() {
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											htmlFor: "prompt-layout",
 											style: E,
-											children: s("bigconsole.insights.prompt.layout", "Layout")
+											children: c("bigconsole.insights.prompt.layout", "Layout")
 										}), /* @__PURE__ */ b("select", {
 											id: "prompt-layout",
 											value: A,
-											onChange: (e) => Fe(e.target.value),
+											onChange: (e) => Le(e.target.value),
 											className: n,
 											style: D,
-											children: Ae.map((e) => /* @__PURE__ */ b("option", {
+											children: Me.map((e) => /* @__PURE__ */ b("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
@@ -718,14 +721,14 @@ var N = s(function() {
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											htmlFor: "prompt-columns",
 											style: E,
-											children: s("bigconsole.insights.prompt.columns", "Columns")
+											children: c("bigconsole.insights.prompt.columns", "Columns")
 										}), /* @__PURE__ */ b("select", {
 											id: "prompt-columns",
 											value: j,
-											onChange: (e) => ze(Number(e.target.value)),
+											onChange: (e) => N(Number(e.target.value)),
 											className: n,
 											style: D,
-											children: je.map((e) => /* @__PURE__ */ b("option", {
+											children: Ne.map((e) => /* @__PURE__ */ b("option", {
 												value: e,
 												children: e
 											}, e))
@@ -733,14 +736,14 @@ var N = s(function() {
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											htmlFor: "prompt-max-widgets",
 											style: E,
-											children: s("bigconsole.insights.prompt.maxWidgets", "Max widgets")
+											children: c("bigconsole.insights.prompt.maxWidgets", "Max widgets")
 										}), /* @__PURE__ */ b("select", {
 											id: "prompt-max-widgets",
-											value: N,
-											onChange: (e) => Ue(Number(e.target.value)),
+											value: P,
+											onChange: (e) => We(Number(e.target.value)),
 											className: n,
 											style: D,
-											children: Me.map((e) => /* @__PURE__ */ b("option", {
+											children: Pe.map((e) => /* @__PURE__ */ b("option", {
 												value: e,
 												children: e
 											}, e))
@@ -764,41 +767,41 @@ var N = s(function() {
 											color: "var(--color-text-muted)"
 										},
 										children: [
-											s("bigconsole.insights.prompt.hint", "Press Ctrl+Enter to generate"),
+											c("bigconsole.insights.prompt.hint", "Press Ctrl+Enter to generate"),
 											" · ",
-											g.length,
+											_.length,
 											"/2000"
 										]
 									}), /* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: rt,
-										disabled: !g.trim() || P,
+										onClick: ot,
+										disabled: !_.trim() || F,
 										className: n,
 										style: {
 											...T,
 											marginLeft: "auto",
-											cursor: !g.trim() || P ? "not-allowed" : "pointer",
-											opacity: !g.trim() || P ? .5 : 1
+											cursor: !_.trim() || F ? "not-allowed" : "pointer",
+											opacity: !_.trim() || F ? .5 : 1
 										},
-										children: [P ? /* @__PURE__ */ b(p, {
+										children: [F ? /* @__PURE__ */ b(m, {
 											size: 16,
 											className: "animate-spin",
 											"aria-hidden": "true"
-										}) : /* @__PURE__ */ b(m, {
+										}) : /* @__PURE__ */ b(h, {
 											size: 16,
 											"aria-hidden": "true"
-										}), s("bigconsole.insights.prompt.generateButton", "Generate dashboard")]
+										}), c("bigconsole.insights.prompt.generateButton", "Generate dashboard")]
 									})]
 								})
 							]
 						})
 					}),
-					nt.length > 0 && /* @__PURE__ */ b(r, {
+					at.length > 0 && /* @__PURE__ */ b(r, {
 						emphasis: "muted",
 						headingLevel: 2,
-						title: s("bigconsole.insights.suggestions.heading", "Starting points"),
+						title: c("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(ce, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ b(le, { className: "h-icon-sm w-icon-sm" }),
 						"data-testid": "insights-suggestions",
 						children: /* @__PURE__ */ b("div", {
 							style: {
@@ -806,9 +809,9 @@ var N = s(function() {
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(260px, 100%), 1fr))",
 								gap: "var(--space-controlGap)"
 							},
-							children: nt.map((e) => /* @__PURE__ */ x("button", {
+							children: at.map((e) => /* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: () => lt(e.prompt),
+								onClick: () => dt(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",
@@ -860,19 +863,19 @@ var N = s(function() {
 						emphasis: "bare",
 						padding: "none",
 						headingLevel: 2,
-						title: s("bigconsole.insights.generations.heading", "Recent generations"),
+						title: c("bigconsole.insights.generations.heading", "Recent generations"),
 						description: "Newest first. A generation stays a proposal until you create the dashboard from it.",
-						icon: /* @__PURE__ */ b(se, { className: "h-icon-sm w-icon-sm" }),
-						meta: Q.length > 0 ? /* @__PURE__ */ x("span", {
+						icon: /* @__PURE__ */ b(ce, { className: "h-icon-sm w-icon-sm" }),
+						meta: Z.length > 0 ? /* @__PURE__ */ x("span", {
 							style: O,
 							children: [
-								Q.length,
+								Z.length,
 								" generation",
-								Q.length === 1 ? "" : "s"
+								Z.length === 1 ? "" : "s"
 							]
 						}) : void 0,
 						"data-testid": "insights-generations",
-						children: Ge && Q.length === 0 ? /* @__PURE__ */ b(r, {
+						children: Je && Z.length === 0 ? /* @__PURE__ */ b(r, {
 							emphasis: "muted",
 							headingLevel: 3,
 							"aria-label": "Loading generations",
@@ -888,42 +891,42 @@ var N = s(function() {
 									gap: "var(--space-controlGap)",
 									color: "var(--color-text-muted)"
 								},
-								children: [/* @__PURE__ */ b(p, {
+								children: [/* @__PURE__ */ b(m, {
 									size: 24,
 									className: "animate-spin",
 									"aria-hidden": "true"
 								}), /* @__PURE__ */ b("p", {
 									style: { fontSize: "var(--font-size-body-sm)" },
-									children: s("bigconsole.insights.generations.loading", "Loading generations…")
+									children: c("bigconsole.insights.generations.loading", "Loading generations…")
 								})]
 							})
-						}) : Q.length === 0 && !P && !J ? /* @__PURE__ */ b(pe, {
+						}) : Z.length === 0 && !F && !q ? /* @__PURE__ */ b(me, {
 							treatment: "insight",
 							className: "border-[var(--color-border-seam)]",
-							children: /* @__PURE__ */ b(he, {
+							children: /* @__PURE__ */ b(ge, {
 								illustration: "onboarding",
-								title: s("bigconsole.insights.generations.emptyTitle", "No generations yet"),
-								description: s("bigconsole.insights.generations.emptyDescription", "Describe a dashboard above to get started")
+								title: c("bigconsole.insights.generations.emptyTitle", "No generations yet"),
+								description: c("bigconsole.insights.generations.emptyDescription", "Describe a dashboard above to get started")
 							})
 						}) : /* @__PURE__ */ x("div", {
 							className: "flex flex-col gap-list-gap",
-							children: [P && !Z && /* @__PURE__ */ b(r, {
+							children: [F && !X && /* @__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(p, { className: "h-icon-sm w-icon-sm animate-spin" }),
+								icon: /* @__PURE__ */ b(m, { className: "h-icon-sm w-icon-sm animate-spin" }),
 								"data-testid": "insights-generation-pending"
-							}), Q.map((e) => {
-								let t = e.generatedSpec, i = R.has(e.id), a = Ee.includes(e.status);
+							}), Z.map((e) => {
+								let t = e.generatedSpec, i = R.has(e.id), a = Oe.includes(e.status);
 								return /* @__PURE__ */ x(r, {
 									emphasis: "standard",
 									padding: "compact",
 									headingLevel: 3,
-									title: t?.name || (a ? s("bigconsole.insights.generations.generating", "Generating…") : "Untitled generation"),
-									meta: /* @__PURE__ */ b(Ie, { status: e.status }),
+									title: t?.name || (a ? c("bigconsole.insights.generations.generating", "Generating…") : "Untitled generation"),
+									meta: /* @__PURE__ */ b(Re, { 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",
@@ -952,7 +955,7 @@ var N = s(function() {
 													]
 												}),
 												/* @__PURE__ */ x("span", {
-													style: Le(t.overallConfidence),
+													style: ze(t.overallConfidence),
 													children: [Math.round(t.overallConfidence * 100), "% confidence"]
 												})
 											]
@@ -963,7 +966,7 @@ var N = s(function() {
 											padding: "compact",
 											title: "Generation failed",
 											description: e.errorMessage,
-											icon: /* @__PURE__ */ b(ie, { className: "h-icon-sm w-icon-sm" })
+											icon: /* @__PURE__ */ b(ae, { className: "h-icon-sm w-icon-sm" })
 										}),
 										/* @__PURE__ */ x("div", {
 											style: {
@@ -978,76 +981,76 @@ var N = s(function() {
 												a && /* @__PURE__ */ x("button", {
 													type: "button",
 													onClick: () => {
-														o("medium"), ot(e.id);
+														o("medium"), ct(e.id);
 													},
 													disabled: i,
-													title: s("bigconsole.insights.actions.cancelTitle", "Cancel generation"),
+													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: {
-														...Ne,
+														...Fe,
 														cursor: i ? "wait" : "pointer"
 													},
 													children: [
-														/* @__PURE__ */ b(ae, {
+														/* @__PURE__ */ b(oe, {
 															size: 14,
 															"aria-hidden": "true"
 														}),
 														" ",
-														s("bigconsole.insights.actions.cancel", "Cancel")
+														c("bigconsole.insights.actions.cancel", "Cancel")
 													]
 												}),
 												e.status === "COMPLETED" && t && /* @__PURE__ */ x("button", {
 													type: "button",
-													onClick: () => V(e),
-													title: s("bigconsole.insights.actions.previewTitle", "Preview proposed layout"),
+													onClick: () => B(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: w,
 													children: [
-														/* @__PURE__ */ b(oe, {
+														/* @__PURE__ */ b(se, {
 															size: 14,
 															"aria-hidden": "true"
 														}),
 														" ",
-														s("bigconsole.insights.actions.preview", "Preview")
+														c("bigconsole.insights.actions.preview", "Preview")
 													]
 												}),
 												e.status === "COMPLETED" && t && /* @__PURE__ */ x("button", {
 													type: "button",
 													onClick: () => {
-														U(e), G("");
+														H(e), W("");
 													},
-													title: s("bigconsole.insights.actions.refineTitle", "Refine with instructions"),
+													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: w,
 													children: [
-														/* @__PURE__ */ b(h, {
+														/* @__PURE__ */ b(g, {
 															size: 14,
 															"aria-hidden": "true"
 														}),
 														" ",
-														s("bigconsole.insights.actions.refine", "Refine")
+														c("bigconsole.insights.actions.refine", "Refine")
 													]
 												}),
 												(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ x("button", {
 													type: "button",
 													onClick: () => {
-														o("medium"), st(e.id);
+														o("medium"), lt(e.id);
 													},
 													disabled: i,
-													title: s("bigconsole.insights.actions.regenerateTitle", "Regenerate with the same prompt"),
+													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: {
 														...w,
 														cursor: i ? "wait" : "pointer"
 													},
 													children: [
-														/* @__PURE__ */ b(le, {
+														/* @__PURE__ */ b(ue, {
 															size: 14,
 															className: i ? "animate-spin" : "",
 															"aria-hidden": "true"
 														}),
 														" ",
-														s("bigconsole.insights.actions.regenerate", "Regenerate")
+														c("bigconsole.insights.actions.regenerate", "Regenerate")
 													]
 												}),
 												/* @__PURE__ */ x("div", {
@@ -1061,13 +1064,13 @@ var N = s(function() {
 													children: [
 														e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ x("button", {
 															type: "button",
-															onClick: () => it(e.id),
+															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",
 															style: T,
 															children: [
-																s("bigconsole.insights.actions.create", "Create dashboard"),
+																c("bigconsole.insights.actions.create", "Create dashboard"),
 																" ",
-																/* @__PURE__ */ b(u, {
+																/* @__PURE__ */ b(d, {
 																	size: 14,
 																	"aria-hidden": "true"
 																})
@@ -1075,13 +1078,13 @@ var N = s(function() {
 														}),
 														e.dashboardId && /* @__PURE__ */ x("button", {
 															type: "button",
-															onClick: () => d(`/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: w,
 															children: [
-																s("bigconsole.insights.actions.viewDashboard", "View dashboard"),
+																c("bigconsole.insights.actions.viewDashboard", "View dashboard"),
 																" ",
-																/* @__PURE__ */ b(u, {
+																/* @__PURE__ */ b(d, {
 																	size: 14,
 																	"aria-hidden": "true"
 																})
@@ -1090,13 +1093,13 @@ var N = s(function() {
 														/* @__PURE__ */ b("button", {
 															type: "button",
 															onClick: () => {
-																o("medium"), at(e.id);
+																o("medium"), st(e.id);
 															},
-															title: s("bigconsole.insights.actions.deleteTitle", "Delete generation"),
-															"aria-label": s("bigconsole.insights.actions.deleteTitle", "Delete generation"),
+															title: c("bigconsole.insights.actions.deleteTitle", "Delete generation"),
+															"aria-label": c("bigconsole.insights.actions.deleteTitle", "Delete generation"),
 															className: n,
-															style: Pe,
-															children: /* @__PURE__ */ b(ue, {
+															style: Ie,
+															children: /* @__PURE__ */ b(de, {
 																size: 14,
 																"aria-hidden": "true"
 															})
@@ -1112,11 +1115,11 @@ var N = s(function() {
 					})
 				] })]
 			}),
-			B && $ && /* @__PURE__ */ b("div", {
+			z && $ && /* @__PURE__ */ b("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-label": s("bigconsole.insights.preview.ariaLabel", "Generation preview"),
-				onClick: () => V(null),
+				"aria-label": c("bigconsole.insights.preview.ariaLabel", "Generation preview"),
+				onClick: () => B(null),
 				style: {
 					position: "fixed",
 					inset: 0,
@@ -1169,14 +1172,14 @@ var N = s(function() {
 								})]
 							}), /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => V(null),
-								"aria-label": s("bigconsole.insights.preview.close", "Close preview"),
+								onClick: () => B(null),
+								"aria-label": c("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: {
-									...Pe,
+									...Ie,
 									color: "var(--color-text-muted)"
 								},
-								children: /* @__PURE__ */ b(de, {
+								children: /* @__PURE__ */ b(fe, {
 									size: 18,
 									"aria-hidden": "true"
 								})
@@ -1217,11 +1220,12 @@ var N = s(function() {
 											]
 										}),
 										/* @__PURE__ */ x("span", {
-											style: Le($.overallConfidence),
+											style: ze($.overallConfidence),
 											children: [Math.round($.overallConfidence * 100), "% confidence"]
 										})
 									]
 								}),
+								/* @__PURE__ */ b(re, { metadata: z.processingMetadata }),
 								$.reasoning && /* @__PURE__ */ x("details", {
 									"data-testid": "preview-reasoning",
 									children: [/* @__PURE__ */ b("summary", {
@@ -1233,7 +1237,7 @@ var N = s(function() {
 											color: "var(--color-text-secondary)",
 											borderRadius: "var(--radius-button)"
 										},
-										children: s("bigconsole.insights.preview.reasoningToggle", "Why these widgets?")
+										children: c("bigconsole.insights.preview.reasoningToggle", "Why these widgets?")
 									}), /* @__PURE__ */ b("p", {
 										style: {
 											marginTop: "var(--space-controlGap)",
@@ -1264,24 +1268,24 @@ var N = s(function() {
 											marginBottom: "var(--space-controlGap)"
 										},
 										children: [
-											s("bigconsole.insights.preview.proposedLayout", "Proposed layout"),
+											c("bigconsole.insights.preview.proposedLayout", "Proposed layout"),
 											" · ",
 											e.gridColumns,
 											" ",
-											s("bigconsole.insights.preview.columns", "columns"),
+											c("bigconsole.insights.preview.columns", "columns"),
 											" ·",
 											" ",
 											e.layout.toLowerCase().replaceAll("_", " ")
 										]
 									}), /* @__PURE__ */ b("div", {
 										className: "insights-proposal-grid",
-										style: Be(e.gridColumns),
+										style: Ve(e.gridColumns),
 										children: e.widgets.map((t, n) => {
-											let r = Re(t.confidence);
+											let r = Be(t.confidence);
 											return /* @__PURE__ */ x("div", {
 												className: "insights-proposal-widget",
 												style: {
-													...Ve(t.position, e.gridColumns),
+													...He(t.position, e.gridColumns),
 													display: "flex",
 													flexDirection: "column",
 													gap: "2px",
@@ -1290,49 +1294,53 @@ var N = s(function() {
 													backgroundColor: "var(--color-bg-surface)",
 													border: "1px solid var(--color-border-subtle)"
 												},
-												children: [/* @__PURE__ */ x("div", {
-													style: {
-														display: "flex",
-														flexWrap: "wrap",
-														alignItems: "center",
-														gap: "var(--space-iconGap)"
-													},
-													children: [
-														/* @__PURE__ */ b("span", {
-															style: {
-																fontSize: "var(--font-size-body-sm)",
-																fontWeight: "var(--font-weight-medium)",
-																color: "var(--color-text-primary)",
-																minWidth: 0
-															},
-															children: t.title
-														}),
-														/* @__PURE__ */ b("span", {
-															style: {
-																fontSize: "var(--font-size-xs)",
-																color: "var(--color-text-muted)"
-															},
-															"data-testid": "preview-widget-type",
-															children: t.type
-														}),
-														r && /* @__PURE__ */ b("span", {
-															style: {
-																...He(r),
-																marginLeft: "auto"
-															},
-															"data-testid": "preview-widget-confidence",
-															children: r
-														})
-													]
-												}), t.reasoning && /* @__PURE__ */ b("p", {
-													style: {
-														margin: 0,
-														fontSize: "var(--font-size-xs)",
-														lineHeight: "var(--font-lineHeight-normal)",
-														color: "var(--color-text-muted)"
-													},
-													children: t.reasoning
-												})]
+												children: [
+													/* @__PURE__ */ x("div", {
+														style: {
+															display: "flex",
+															flexWrap: "wrap",
+															alignItems: "center",
+															gap: "var(--space-iconGap)"
+														},
+														children: [
+															/* @__PURE__ */ b("span", {
+																style: {
+																	fontSize: "var(--font-size-body-sm)",
+																	fontWeight: "var(--font-weight-medium)",
+																	color: "var(--color-text-primary)",
+																	minWidth: 0
+																},
+																children: t.title
+															}),
+															/* @__PURE__ */ b("span", {
+																style: {
+																	fontSize: "var(--font-size-xs)",
+																	color: "var(--color-text-muted)"
+																},
+																"data-testid": "preview-widget-type",
+																children: t.type
+															}),
+															r && /* @__PURE__ */ b("span", {
+																style: {
+																	...Ue(r),
+																	marginLeft: "auto"
+																},
+																"data-testid": "preview-widget-confidence",
+																children: r
+															})
+														]
+													}),
+													t.reasoning && /* @__PURE__ */ b("p", {
+														style: {
+															margin: 0,
+															fontSize: "var(--font-size-xs)",
+															lineHeight: "var(--font-lineHeight-normal)",
+															color: "var(--color-text-muted)"
+														},
+														children: t.reasoning
+													}),
+													/* @__PURE__ */ b(ne, { config: t.config })
+												]
 											}, n);
 										})
 									})]
@@ -1351,41 +1359,41 @@ var N = s(function() {
 							children: [
 								/* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => V(null),
+									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: w,
 									children: "Close"
 								}),
-								B.status === "COMPLETED" && $ && /* @__PURE__ */ x("button", {
+								z.status === "COMPLETED" && $ && /* @__PURE__ */ x("button", {
 									type: "button",
 									onClick: () => {
-										let e = B;
-										V(null), U(e), G("");
+										let e = z;
+										B(null), H(e), W("");
 									},
-									title: s("bigconsole.insights.actions.refineTitle", "Refine with instructions"),
+									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: w,
 									children: [
-										/* @__PURE__ */ b(h, {
+										/* @__PURE__ */ b(g, {
 											size: 14,
 											"aria-hidden": "true"
 										}),
 										" ",
-										s("bigconsole.insights.actions.refine", "Refine")
+										c("bigconsole.insights.actions.refine", "Refine")
 									]
 								}),
-								B.status === "COMPLETED" && !B.dashboardId && /* @__PURE__ */ x("button", {
+								z.status === "COMPLETED" && !z.dashboardId && /* @__PURE__ */ x("button", {
 									type: "button",
 									onClick: () => {
-										let e = B.id;
-										V(null), it(e);
+										let e = z.id;
+										B(null), Q(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: T,
 									children: [
-										s("bigconsole.insights.actions.create", "Create dashboard"),
+										c("bigconsole.insights.actions.create", "Create dashboard"),
 										" ",
-										/* @__PURE__ */ b(u, {
+										/* @__PURE__ */ b(d, {
 											size: 14,
 											"aria-hidden": "true"
 										})
@@ -1396,11 +1404,11 @@ var N = s(function() {
 					]
 				})
 			}),
-			H && /* @__PURE__ */ b("div", {
+			V && /* @__PURE__ */ b("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-label": s("bigconsole.insights.refine.ariaLabel", "Refine generation"),
-				onClick: () => U(null),
+				"aria-label": c("bigconsole.insights.refine.ariaLabel", "Refine generation"),
+				onClick: () => H(null),
 				style: {
 					position: "fixed",
 					inset: 0,
@@ -1436,14 +1444,14 @@ var N = s(function() {
 									fontWeight: "var(--font-weight-semibold)",
 									color: "var(--color-text-primary)"
 								},
-								children: s("bigconsole.insights.refine.heading", "Refine dashboard")
+								children: c("bigconsole.insights.refine.heading", "Refine dashboard")
 							}), /* @__PURE__ */ b("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-secondary)",
 									marginTop: 2
 								},
-								children: s("bigconsole.insights.refine.subtitle", "Describe what to change — the AI keeps the existing spec and applies your instructions.")
+								children: c("bigconsole.insights.refine.subtitle", "Describe what to change — the AI keeps the existing spec and applies your instructions.")
 							})]
 						}),
 						/* @__PURE__ */ x("div", {
@@ -1460,9 +1468,9 @@ var N = s(function() {
 								emphasis: "muted",
 								padding: "compact",
 								headingLevel: 3,
-								title: H.generatedSpec?.name || "Current proposal",
-								description: H.prompt.length > 240 ? `${H.prompt.slice(0, 240)}…` : H.prompt,
-								icon: /* @__PURE__ */ b(m, { className: "h-icon-sm w-icon-sm" })
+								title: V.generatedSpec?.name || "Current proposal",
+								description: V.prompt.length > 240 ? `${V.prompt.slice(0, 240)}…` : V.prompt,
+								icon: /* @__PURE__ */ b(h, { className: "h-icon-sm w-icon-sm" })
 							}), /* @__PURE__ */ x("div", {
 								style: {
 									display: "flex",
@@ -1480,11 +1488,11 @@ var N = s(function() {
 									children: "What should change?"
 								}), /* @__PURE__ */ b("textarea", {
 									id: "refine-input",
-									value: W,
-									onChange: (e) => G(e.target.value),
+									value: U,
+									onChange: (e) => W(e.target.value),
 									maxLength: 2e3,
 									rows: 4,
-									placeholder: s("bigconsole.insights.refine.placeholder", "e.g., Add a revenue-by-region map and remove the duplicate KPI cards"),
+									placeholder: c("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%",
@@ -1511,28 +1519,28 @@ var N = s(function() {
 							},
 							children: [/* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => U(null),
+								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: w,
-								children: s("bigconsole.insights.actions.cancel", "Cancel")
+								children: c("bigconsole.insights.actions.cancel", "Cancel")
 							}), /* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: () => void ct(),
-								disabled: !W.trim() || R.has(H.id),
+								onClick: () => void ut(),
+								disabled: !U.trim() || R.has(V.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: {
 									...T,
-									cursor: !W.trim() || R.has(H.id) ? "not-allowed" : "pointer",
-									opacity: W.trim() ? 1 : .6
+									cursor: !U.trim() || R.has(V.id) ? "not-allowed" : "pointer",
+									opacity: U.trim() ? 1 : .6
 								},
-								children: [R.has(H.id) ? /* @__PURE__ */ b(p, {
+								children: [R.has(V.id) ? /* @__PURE__ */ b(m, {
 									size: 14,
 									className: "animate-spin",
 									"aria-hidden": "true"
-								}) : /* @__PURE__ */ b(h, {
+								}) : /* @__PURE__ */ b(g, {
 									size: 14,
 									"aria-hidden": "true"
-								}), s("bigconsole.insights.refine.apply", "Apply refinement")]
+								}), c("bigconsole.insights.refine.apply", "Apply refinement")]
 							})]
 						})
 					]
@@ -1542,4 +1550,4 @@ var N = s(function() {
 	});
 });
 //#endregion
-export { N as InsightsPage, N as default };
+export { P as InsightsPage, P as default };