@burdenoff/microfe-bigconsole 2026.1103.7 → 2026.1103.8

package/dist/bigconsole/pages/InsightsPage.js

@@ -9,18 +9,19 @@ import { setActiveGenerationContext as ee } from "../assistant/generationContext
 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 { GeneratedFormattingReview as ie, GenerationExecutionStatus as ae } from "../components/insights/GeneratedFormattingReview.js";
+import { PromptAnalysisPreview as ie } from "../components/insights/PromptAnalysisPreview.js";
+import { GeneratedFormattingReview as ae, GenerationExecutionStatus as oe } 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 oe, ArrowRight as f, Ban as se, CheckCircle as p, Clock as m, Eye as ce, History as le, Lightbulb as ue, Loader2 as h, RefreshCw as de, Sparkles as g, Trash2 as fe, Wand2 as _, X as pe, XCircle as v } from "lucide-react";
-import { AuroraBackground as me, GlassCard as he, GradientText as ge, IllustratedEmptyState as _e, PagePurpose as ve } from "@burdenoff/fe-libs/ui";
-import { useUnsavedChanges as ye } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as be } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useMutation as y, useQuery as xe } from "@apollo/client/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";
 //#region src/bigconsole/pages/InsightsPage.tsx
-var Se = S`
+var Ce = S`
   query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {
     listPromptGenerations(status: $status, first: $first) {
       edges {
@@ -64,7 +65,7 @@ var Se = S`
       totalCount
     }
   }
-`, Ce = S`
+`, we = S`
   query GetPromptSuggestions($category: String, $limit: Int) {
     getPromptSuggestions(category: $category, limit: $limit) {
       id
@@ -75,7 +76,7 @@ var Se = S`
       tags
     }
   }
-`, we = S`
+`, Te = S`
   mutation GenerateDashboardFromPrompt($input: BigConsoleGenerateDashboardFromPromptInput!) {
     generateDashboardFromPrompt(input: $input) {
       id
@@ -83,24 +84,24 @@ var Se = S`
       prompt
     }
   }
-`, Te = S`
+`, Ee = S`
   mutation CreateDashboardFromGeneration($input: BigConsoleCreateDashboardFromGenerationInput!) {
     createDashboardFromGeneration(input: $input) {
       id
     }
   }
-`, Ee = S`
+`, De = S`
   mutation DeletePromptGeneration($generationId: ID!) {
     deletePromptGeneration(generationId: $generationId)
   }
-`, De = S`
+`, Oe = S`
   mutation CancelPromptGeneration($generationId: ID!) {
     cancelPromptGeneration(generationId: $generationId) {
       id
       status
     }
   }
-`, Oe = S`
+`, ke = S`
   mutation RegenerateDashboard($input: BigConsoleRegenerateDashboardInput!) {
     regenerateDashboard(input: $input) {
       id
@@ -108,7 +109,7 @@ var Se = S`
       prompt
     }
   }
-`, ke = S`
+`, Ae = S`
   mutation RefineGeneratedDashboard($input: BigConsoleRefineGeneratedDashboardInput!) {
     refineGeneratedDashboard(input: $input) {
       id
@@ -120,7 +121,7 @@ var Se = S`
 	"PENDING",
 	"PROCESSING",
 	"GENERATING"
-], Ae = 12, je = 8, Me = [
+], je = 12, Me = 8, Ne = [
 	{
 		value: "MODERN",
 		label: "Modern"
@@ -141,7 +142,7 @@ var Se = S`
 		value: "VIBRANT",
 		label: "Vibrant"
 	}
-], Ne = [
+], Pe = [
 	{
 		value: "GRID",
 		label: "Grid"
@@ -166,13 +167,13 @@ var Se = S`
 		value: "THREE_COLUMN",
 		label: "Three column"
 	}
-], Pe = [
+], Fe = [
 	6,
 	8,
 	12,
 	16,
 	24
-], Fe = [
+], Ie = [
 	4,
 	6,
 	8,
@@ -201,25 +202,25 @@ var Se = S`
 	border: "1px solid transparent",
 	backgroundColor: "var(--color-action-primary-bg)",
 	color: "var(--color-action-primary-text)"
-}, Ie = {
+}, Le = {
 	...w,
 	border: "1px solid var(--color-status-warning-border)",
 	backgroundColor: "transparent",
 	color: "var(--color-status-warning-text)"
-}, D = {
+}, Re = {
 	...w,
 	minWidth: "var(--size-controlHeight-md)",
 	padding: "0 var(--space-controlGap)",
 	border: "1px solid var(--color-border-default)",
 	backgroundColor: "transparent",
 	color: "var(--color-status-error-text)"
-}, O = {
+}, D = {
 	display: "block",
 	marginBottom: "2px",
 	fontSize: "var(--font-size-body-sm)",
 	fontWeight: "var(--font-weight-medium)",
 	color: "var(--color-text-secondary)"
-}, k = {
+}, O = {
 	width: "100%",
 	minHeight: "var(--size-controlHeight-md)",
 	padding: "0 var(--space-controlGap)",
@@ -228,7 +229,7 @@ var Se = S`
 	backgroundColor: "var(--color-bg-canvas)",
 	color: "var(--color-text-primary)",
 	fontSize: "var(--font-size-body-sm)"
-}, A = {
+}, k = {
 	display: "inline-flex",
 	alignItems: "center",
 	gap: "var(--space-iconGap)",
@@ -240,7 +241,7 @@ var Se = S`
 	backgroundColor: "var(--color-bg-sunken)",
 	color: "var(--color-text-secondary)"
 };
-function j(e) {
+function A(e) {
 	switch (e) {
 		case "COMPLETED": return "success";
 		case "FAILED": return "danger";
@@ -250,7 +251,7 @@ function j(e) {
 		default: return "neutral";
 	}
 }
-var M = {
+var j = {
 	success: {
 		text: "var(--color-status-success-text)",
 		bg: "var(--color-status-success-bgSubtle)",
@@ -272,8 +273,8 @@ var M = {
 		border: "var(--color-border-subtle)"
 	}
 };
-function Le(e) {
-	let t = M[j(e)].text;
+function ze(e) {
+	let t = j[A(e)].text;
 	switch (e) {
 		case "COMPLETED": return /* @__PURE__ */ b(p, {
 			size: 14,
@@ -301,7 +302,7 @@ function Le(e) {
 		});
 	}
 }
-function N(e, t) {
+function M(e, t) {
 	switch (e) {
 		case "COMPLETED": return t("bigconsole.insights.status.completed", "Completed");
 		case "FAILED": return t("bigconsole.insights.status.failed", "Failed");
@@ -312,44 +313,44 @@ function N(e, t) {
 		default: return e;
 	}
 }
-var Re = ({ status: e }) => {
-	let { t } = be(), n = M[j(e)];
+var Be = ({ status: e }) => {
+	let { t } = xe(), n = j[A(e)];
 	return /* @__PURE__ */ x("span", {
 		"data-status": e,
 		style: {
-			...A,
+			...k,
 			border: `1px solid ${n.border}`,
 			backgroundColor: n.bg,
 			color: n.text
 		},
-		children: [Le(e), N(e, t)]
+		children: [ze(e), M(e, t)]
 	});
 };
-function ze(e) {
-	let t = M[e >= .8 ? "success" : e >= .5 ? "neutral" : "danger"];
+function Ve(e) {
+	let t = j[e >= .8 ? "success" : e >= .5 ? "neutral" : "danger"];
 	return {
-		...A,
+		...k,
 		border: `1px solid ${t.border}`,
 		backgroundColor: t.bg,
 		color: t.text
 	};
 }
-function P(e) {
+function N(e) {
 	return e.pages.reduce((e, t) => e + t.widgets.length, 0);
 }
-function Be(e) {
+function He(e) {
 	let t = e?.toUpperCase();
 	return t === "HIGH" || t === "MEDIUM" || t === "LOW" ? t : null;
 }
-var Ve = {
+var Ue = {
 	HIGH: "success",
 	MEDIUM: "neutral",
 	LOW: "danger"
 };
-function He(e) {
+function We(e) {
 	return { "--proposal-columns": Math.max(1, Math.min(24, Math.trunc(e))) };
 }
-function Ue(e, t) {
+function Ge(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,
@@ -358,10 +359,10 @@ function Ue(e, t) {
 		"--proposal-height": Math.max(1, Math.min(24, Math.trunc(e.height)))
 	};
 }
-function We(e) {
-	let t = M[Ve[e]];
+function Ke(e) {
+	let t = j[Ue[e]];
 	return {
-		...A,
+		...k,
 		padding: "0 var(--space-controlGap)",
 		fontSize: "var(--font-size-xs)",
 		fontWeight: "var(--font-weight-semibold)",
@@ -371,97 +372,97 @@ function We(e) {
 		color: t.text
 	};
 }
-var F = c(function() {
-	let { t: c } = be(), p = e(), m = a(), [v, S] = d(""), [w, j] = d("MODERN"), [M, Le] = d("GRID"), [N, Ve] = d(Ae), [F, Ge] = d(je), [I, Ke] = d(!1), [qe, L] = d(null), [R, Je] = d(() => /* @__PURE__ */ new Set()), [z, B] = d(null), [V, H] = d(null), [U, W] = d("");
-	ye({
+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({
 		id: "insights-prompt",
 		label: c("bigconsole.assistant.unsaved.insightsPrompt", "the dashboard description"),
 		dirty: re({
 			promptText: v,
-			isGenerating: I,
-			refineOpen: V !== null,
-			refineText: U,
-			refineBusy: V !== null && R.has(V.id)
+			isGenerating: F,
+			refineOpen: B !== null,
+			refineText: H,
+			refineBusy: B !== null && L.has(B.id)
 		})
-	}), u(() => (ee(V?.id ?? z?.id ?? null), () => ee(null)), [V, z]);
-	let G = l((e) => {
-		Je((t) => new Set(t).add(e));
-	}, []), K = l((e) => {
-		Je((t) => {
+	}), 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) => {
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
-	}, []), { data: Ye, loading: Xe, error: q, refetch: J, startPolling: Ze, stopPolling: Y } = xe(Se, {
+	}, []), { data: Ze, loading: Qe, error: K, refetch: q, startPolling: $e, stopPolling: J } = Se(Ce, {
 		variables: { first: 20 },
 		fetchPolicy: "cache-and-network"
-	}), X = Ye?.listPromptGenerations?.edges?.some((e) => C.includes(e.node.status)) ?? !1, { data: Qe, error: $e, refetch: et } = xe(Ce, { variables: { limit: 6 } }), [tt] = y(we), [nt] = y(Te), [rt] = y(Ee), [it] = y(De), [Z] = y(Oe), [at] = y(ke), Q = Ye?.listPromptGenerations?.edges?.map((e) => e.node) || [], ot = Qe?.getPromptSuggestions || [];
-	u(() => (X || I ? Ze(2e3) : Y(), () => Y()), [
-		X,
-		I,
-		Ze,
-		Y
+	}), 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,
+		F,
+		$e,
+		J
 	]), u(() => {
-		if (!z && !V) return;
+		if (!R && !B) return;
 		let e = (e) => {
-			e.key === "Escape" && (B(null), H(null));
+			e.key === "Escape" && (z(null), V(null));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [z, V]);
-	let st = l(async () => {
-		if (!(!v.trim() || I)) {
+	}, [R, B]);
+	let lt = l(async () => {
+		if (!(!v.trim() || F)) {
 			if (v.length > 2e3) {
-				L(c("bigconsole.insights.error.promptTooLong", "Prompt is too long (max 2000 characters)."));
+				I(c("bigconsole.insights.error.promptTooLong", "Prompt is too long (max 2000 characters)."));
 				return;
 			}
-			L(null), Ke(!0);
+			I(null), Je(!0);
 			try {
-				m("bigconsole.ai.generate_clicked", { maxWidgets: F });
-				let e = await tt({ variables: { input: {
+				m("bigconsole.ai.generate_clicked", { maxWidgets: P });
+				let e = await rt({ variables: { input: {
 					prompt: v.trim(),
 					styleType: w,
-					layoutType: M,
-					gridColumns: N,
-					maxWidgets: F
+					layoutType: j,
+					gridColumns: M,
+					maxWidgets: P
 				} } });
 				if (t(e, "command")) return;
 				let n = e.data?.generateDashboardFromPrompt?.id;
 				n && m("bigconsole.ai.dashboard_generated", {
 					generationId: n,
-					maxWidgets: F
-				}), S(""), J();
+					maxWidgets: P
+				}), S(""), q();
 			} catch (e) {
 				if (t(e, "command")) return;
-				L(e instanceof Error ? e.message : c("bigconsole.insights.error.generateFailed", "Failed to generate dashboard"));
+				I(e instanceof Error ? e.message : c("bigconsole.insights.error.generateFailed", "Failed to generate dashboard"));
 			} finally {
-				Ke(!1);
+				Je(!1);
 			}
 		}
 	}, [
 		m,
 		v,
-		I,
-		tt,
-		J,
+		F,
+		rt,
+		q,
 		w,
+		j,
 		M,
-		N,
-		F,
+		P,
 		c
-	]), ct = l(async (e) => {
-		L(null);
+	]), Q = l(async (e) => {
+		I(null);
 		let n = s(e);
 		if (n.kind === "view") {
 			p(`/dashboards/${n.dashboardId}`);
 			return;
 		}
 		if (n.kind === "hold") {
-			L(c("bigconsole.insights.error.reviewUnavailable", "Reload the proposal before creating its dashboard."));
+			I(c("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 nt({ variables: { input: n.input } });
+			let e = await it({ variables: { input: n.input } });
 			if (t(e, "project")) return;
 			let i = e.data?.createDashboardFromGeneration?.id;
 			i && (m("bigconsole.ai.dashboard_created", {
@@ -470,84 +471,84 @@ var F = c(function() {
 			}), p(`/dashboards/${i}`));
 		} catch (e) {
 			if (t(e, "project")) return;
-			L(e instanceof Error ? e.message : c("bigconsole.insights.error.createFailed", "Failed to create dashboard"));
+			I(e instanceof Error ? e.message : c("bigconsole.insights.error.createFailed", "Failed to create dashboard"));
 		}
 	}, [
-		nt,
+		it,
 		m,
 		p,
 		c
-	]), lt = l(async (e) => {
-		L(null);
+	]), ut = l(async (e) => {
+		I(null);
 		try {
-			await rt({ variables: { generationId: e } }), te() && ne("success"), J();
+			await X({ variables: { generationId: e } }), te() && ne("success"), q();
 		} catch (e) {
-			L(e instanceof Error ? e.message : c("bigconsole.insights.error.deleteFailed", "Failed to delete generation")), te() && ne("error");
+			I(e instanceof Error ? e.message : c("bigconsole.insights.error.deleteFailed", "Failed to delete generation")), te() && ne("error");
 		}
 	}, [
-		rt,
-		J,
+		X,
+		q,
 		c
-	]), ut = l(async (e) => {
-		L(null), G(e);
+	]), dt = l(async (e) => {
+		I(null), W(e);
 		try {
-			await it({ variables: { generationId: e } }), J();
+			await at({ variables: { generationId: e } }), q();
 		} catch (e) {
-			L(e instanceof Error ? e.message : c("bigconsole.insights.error.cancelFailed", "Failed to cancel generation"));
+			I(e instanceof Error ? e.message : c("bigconsole.insights.error.cancelFailed", "Failed to cancel generation"));
 		} finally {
-			K(e);
+			G(e);
 		}
 	}, [
-		it,
-		J,
+		at,
+		q,
 		c
-	]), dt = l(async (e) => {
-		L(null), G(e);
+	]), ft = l(async (e) => {
+		I(null), W(e);
 		try {
-			if (t(await Z({ variables: { input: { generationId: e } } }), "command")) return;
-			J();
+			if (t(await ot({ variables: { input: { generationId: e } } }), "command")) return;
+			q();
 		} catch (e) {
 			if (t(e, "command")) return;
-			L(e instanceof Error ? e.message : c("bigconsole.insights.error.regenerateFailed", "Failed to regenerate dashboard"));
+			I(e instanceof Error ? e.message : c("bigconsole.insights.error.regenerateFailed", "Failed to regenerate dashboard"));
 		} finally {
-			K(e);
+			G(e);
 		}
 	}, [
-		Z,
-		J,
+		ot,
+		q,
 		c
-	]), ft = l(async () => {
-		if (!V || !U.trim()) return;
-		let e = V.id;
-		L(null), G(e);
+	]), pt = l(async () => {
+		if (!B || !H.trim()) return;
+		let e = B.id;
+		I(null), W(e);
 		let n = !1;
 		try {
-			if (t(await at({ variables: { input: {
+			if (t(await st({ variables: { input: {
 				generationId: e,
-				refinementPrompt: U.trim()
+				refinementPrompt: H.trim()
 			} } }), "command")) {
 				n = !0;
 				return;
 			}
-			n = !0, J();
+			n = !0, q();
 		} catch (e) {
 			if (t(e, "command")) {
 				n = !0;
 				return;
 			}
-			L(e instanceof Error ? e.message : c("bigconsole.insights.error.refineFailed", "Failed to refine generation"));
+			I(e instanceof Error ? e.message : c("bigconsole.insights.error.refineFailed", "Failed to refine generation"));
 		} finally {
-			n && (H(null), W("")), K(e);
+			n && (V(null), U("")), G(e);
 		}
 	}, [
-		V,
-		U,
-		at,
-		J,
+		B,
+		H,
+		st,
+		q,
 		c
-	]), pt = l((e) => {
+	]), mt = l((e) => {
 		S(e);
-	}, []), $ = z?.generatedSpec;
+	}, []), $ = R?.generatedSpec;
 	return /* @__PURE__ */ x("div", {
 		"data-tour": "bigconsole-ai-insights",
 		className: "min-w-0",
@@ -555,7 +556,7 @@ var F = c(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(me, { intensity: "subtle" }), /* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ b(he, { intensity: "subtle" }), /* @__PURE__ */ b("div", {
 					style: { padding: "var(--space-pagePadding)" },
 					children: /* @__PURE__ */ x("div", {
 						style: {
@@ -585,7 +586,7 @@ var F = c(function() {
 							style: { minWidth: 0 },
 							children: [/* @__PURE__ */ b("h1", {
 								className: "m-0 text-2xl font-bold text-text-primary",
-								children: /* @__PURE__ */ b(ge, { children: c("bigconsole.insights.header.title", "AI Insights") })
+								children: /* @__PURE__ */ b(_e, { children: c("bigconsole.insights.header.title", "AI Insights") })
 							}), /* @__PURE__ */ b("p", {
 								className: "m-0 text-sm text-text-secondary",
 								children: c("bigconsole.insights.header.subtitle", "Generate dashboards from natural language prompts")
@@ -596,28 +597,28 @@ var F = c(function() {
 			}),
 			/* @__PURE__ */ x("div", {
 				style: { padding: "var(--space-pagePadding)" },
-				children: [/* @__PURE__ */ b(ve, {
+				children: [/* @__PURE__ */ b(ye, {
 					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: [
-					qe && /* @__PURE__ */ b(r, {
+					Ye && /* @__PURE__ */ b(r, {
 						headingLevel: 2,
 						tone: "danger",
 						padding: "compact",
 						title: "That request did not go through",
-						description: qe,
-						icon: /* @__PURE__ */ b(oe, { className: "h-icon-sm w-icon-sm" }),
+						description: Ye,
+						icon: /* @__PURE__ */ b(se, { className: "h-icon-sm w-icon-sm" }),
 						"data-testid": "insights-error",
 						actions: /* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: () => L(null),
+							onClick: () => I(null),
 							"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: T,
 							children: "Dismiss"
 						})
 					}),
-					(q || $e) && /* @__PURE__ */ b("div", {
+					(K || tt) && /* @__PURE__ */ b("div", {
 						role: "alert",
 						children: /* @__PURE__ */ b(r, {
 							tone: "danger",
@@ -631,10 +632,10 @@ var F = c(function() {
 								className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 								style: T,
 								onClick: () => {
-									q && J().catch(() => void 0), $e && et().catch(() => void 0);
+									K && q().catch(() => void 0), tt && nt().catch(() => void 0);
 								},
 								children: [
-									/* @__PURE__ */ b(de, {
+									/* @__PURE__ */ b(fe, {
 										size: 14,
 										"aria-hidden": "true"
 									}),
@@ -689,7 +690,7 @@ var F = c(function() {
 										resize: "vertical"
 									},
 									onKeyDown: (e) => {
-										e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), st());
+										e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), lt());
 									}
 								}),
 								/* @__PURE__ */ x("div", {
@@ -704,66 +705,70 @@ var F = c(function() {
 									children: [
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											htmlFor: "prompt-style",
-											style: O,
+											style: D,
 											children: c("bigconsole.insights.prompt.style", "Style")
 										}), /* @__PURE__ */ b("select", {
 											id: "prompt-style",
 											value: w,
-											onChange: (e) => j(e.target.value),
+											onChange: (e) => A(e.target.value),
 											className: n,
-											style: k,
-											children: Me.map((e) => /* @__PURE__ */ b("option", {
+											style: O,
+											children: Ne.map((e) => /* @__PURE__ */ b("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})] }),
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											htmlFor: "prompt-layout",
-											style: O,
+											style: D,
 											children: c("bigconsole.insights.prompt.layout", "Layout")
 										}), /* @__PURE__ */ b("select", {
 											id: "prompt-layout",
-											value: M,
-											onChange: (e) => Le(e.target.value),
+											value: j,
+											onChange: (e) => ze(e.target.value),
 											className: n,
-											style: k,
-											children: Ne.map((e) => /* @__PURE__ */ b("option", {
+											style: O,
+											children: Pe.map((e) => /* @__PURE__ */ b("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})] }),
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											htmlFor: "prompt-columns",
-											style: O,
+											style: D,
 											children: c("bigconsole.insights.prompt.columns", "Columns")
 										}), /* @__PURE__ */ b("select", {
 											id: "prompt-columns",
-											value: N,
-											onChange: (e) => Ve(Number(e.target.value)),
+											value: M,
+											onChange: (e) => Ue(Number(e.target.value)),
 											className: n,
-											style: k,
-											children: Pe.map((e) => /* @__PURE__ */ b("option", {
+											style: O,
+											children: Fe.map((e) => /* @__PURE__ */ b("option", {
 												value: e,
 												children: e
 											}, e))
 										})] }),
 										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											htmlFor: "prompt-max-widgets",
-											style: O,
+											style: D,
 											children: c("bigconsole.insights.prompt.maxWidgets", "Max widgets")
 										}), /* @__PURE__ */ b("select", {
 											id: "prompt-max-widgets",
-											value: F,
-											onChange: (e) => Ge(Number(e.target.value)),
+											value: P,
+											onChange: (e) => qe(Number(e.target.value)),
 											className: n,
-											style: k,
-											children: Fe.map((e) => /* @__PURE__ */ b("option", {
+											style: O,
+											children: Ie.map((e) => /* @__PURE__ */ b("option", {
 												value: e,
 												children: e
 											}, e))
 										})] })
 									]
 								}),
+								/* @__PURE__ */ b(ie, {
+									prompt: v,
+									disabled: F
+								}),
 								/* @__PURE__ */ x("div", {
 									style: {
 										display: "flex",
@@ -788,16 +793,16 @@ var F = c(function() {
 										]
 									}), /* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: st,
-										disabled: !v.trim() || I,
+										onClick: lt,
+										disabled: !v.trim() || F,
 										className: n,
 										style: {
 											...E,
 											marginLeft: "auto",
-											cursor: !v.trim() || I ? "not-allowed" : "pointer",
-											opacity: !v.trim() || I ? .5 : 1
+											cursor: !v.trim() || F ? "not-allowed" : "pointer",
+											opacity: !v.trim() || F ? .5 : 1
 										},
-										children: [I ? /* @__PURE__ */ b(h, {
+										children: [F ? /* @__PURE__ */ b(h, {
 											size: 16,
 											className: "animate-spin",
 											"aria-hidden": "true"
@@ -810,12 +815,12 @@ var F = c(function() {
 							]
 						})
 					}),
-					ot.length > 0 && /* @__PURE__ */ b(r, {
+					ct.length > 0 && /* @__PURE__ */ b(r, {
 						emphasis: "muted",
 						headingLevel: 2,
 						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(ue, { className: "h-icon-sm w-icon-sm" }),
+						icon: /* @__PURE__ */ b(de, { className: "h-icon-sm w-icon-sm" }),
 						"data-testid": "insights-suggestions",
 						children: /* @__PURE__ */ b("div", {
 							style: {
@@ -823,9 +828,9 @@ var F = c(function() {
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(260px, 100%), 1fr))",
 								gap: "var(--space-controlGap)"
 							},
-							children: ot.map((e) => /* @__PURE__ */ x("button", {
+							children: ct.map((e) => /* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: () => pt(e.prompt),
+								onClick: () => mt(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",
@@ -865,7 +870,7 @@ var F = c(function() {
 											flexWrap: "wrap"
 										},
 										children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ b("span", {
-											style: A,
+											style: k,
 											children: e
 										}, e))
 									})
@@ -879,17 +884,17 @@ var F = c(function() {
 						headingLevel: 2,
 						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(le, { className: "h-icon-sm w-icon-sm" }),
-						meta: Q.length > 0 ? /* @__PURE__ */ x("span", {
-							style: A,
+						icon: /* @__PURE__ */ b(ue, { className: "h-icon-sm w-icon-sm" }),
+						meta: Z.length > 0 ? /* @__PURE__ */ x("span", {
+							style: k,
 							children: [
-								Q.length,
+								Z.length,
 								" generation",
-								Q.length === 1 ? "" : "s"
+								Z.length === 1 ? "" : "s"
 							]
 						}) : void 0,
 						"data-testid": "insights-generations",
-						children: Xe && Q.length === 0 ? /* @__PURE__ */ b(r, {
+						children: Qe && Z.length === 0 ? /* @__PURE__ */ b(r, {
 							emphasis: "muted",
 							headingLevel: 3,
 							"aria-label": "Loading generations",
@@ -914,17 +919,17 @@ var F = c(function() {
 									children: c("bigconsole.insights.generations.loading", "Loading generations…")
 								})]
 							})
-						}) : Q.length === 0 && !I && !q ? /* @__PURE__ */ b(he, {
+						}) : Z.length === 0 && !F && !K ? /* @__PURE__ */ b(ge, {
 							treatment: "insight",
 							className: "border-[var(--color-border-seam)]",
-							children: /* @__PURE__ */ b(_e, {
+							children: /* @__PURE__ */ b(ve, {
 								illustration: "onboarding",
 								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: [I && !X && /* @__PURE__ */ b(r, {
+							children: [F && !Y && /* @__PURE__ */ b(r, {
 								emphasis: "muted",
 								tone: "info",
 								padding: "compact",
@@ -933,14 +938,14 @@ var F = c(function() {
 								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"
-							}), Q.map((e) => {
-								let t = e.generatedSpec, i = R.has(e.id), a = C.includes(e.status);
+							}), Z.map((e) => {
+								let t = e.generatedSpec, i = L.has(e.id), a = C.includes(e.status);
 								return /* @__PURE__ */ x(r, {
 									emphasis: "standard",
 									padding: "compact",
 									headingLevel: 3,
 									title: t?.name || (a ? c("bigconsole.insights.generations.generating", "Generating…") : "Untitled generation"),
-									meta: /* @__PURE__ */ b(Re, { status: e.status }),
+									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",
@@ -953,15 +958,15 @@ var F = c(function() {
 											},
 											children: [
 												/* @__PURE__ */ x("span", {
-													style: A,
+													style: k,
 													children: [
-														P(t),
+														N(t),
 														" widget",
-														P(t) === 1 ? "" : "s"
+														N(t) === 1 ? "" : "s"
 													]
 												}),
 												/* @__PURE__ */ x("span", {
-													style: A,
+													style: k,
 													children: [
 														t.pages.length,
 														" page",
@@ -969,7 +974,7 @@ var F = c(function() {
 													]
 												}),
 												/* @__PURE__ */ x("span", {
-													style: ze(t.overallConfidence),
+													style: Ve(t.overallConfidence),
 													children: [Math.round(t.overallConfidence * 100), "% confidence"]
 												})
 											]
@@ -980,7 +985,7 @@ var F = c(function() {
 											padding: "compact",
 											title: "Generation failed",
 											description: e.errorMessage,
-											icon: /* @__PURE__ */ b(oe, { className: "h-icon-sm w-icon-sm" })
+											icon: /* @__PURE__ */ b(se, { className: "h-icon-sm w-icon-sm" })
 										}),
 										/* @__PURE__ */ x("div", {
 											style: {
@@ -995,17 +1000,17 @@ var F = c(function() {
 												a && /* @__PURE__ */ x("button", {
 													type: "button",
 													onClick: () => {
-														o("medium"), ut(e.id);
+														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: {
-														...Ie,
+														...Le,
 														cursor: i ? "wait" : "pointer"
 													},
 													children: [
-														/* @__PURE__ */ b(se, {
+														/* @__PURE__ */ b(ce, {
 															size: 14,
 															"aria-hidden": "true"
 														}),
@@ -1015,12 +1020,12 @@ var F = c(function() {
 												}),
 												e.status === "COMPLETED" && t && /* @__PURE__ */ x("button", {
 													type: "button",
-													onClick: () => B(e),
+													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(ce, {
+														/* @__PURE__ */ b(le, {
 															size: 14,
 															"aria-hidden": "true"
 														}),
@@ -1031,7 +1036,7 @@ var F = c(function() {
 												e.status === "COMPLETED" && t && /* @__PURE__ */ x("button", {
 													type: "button",
 													onClick: () => {
-														H(e), W("");
+														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",
@@ -1048,7 +1053,7 @@ var F = c(function() {
 												(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ x("button", {
 													type: "button",
 													onClick: () => {
-														o("medium"), dt(e.id);
+														o("medium"), ft(e.id);
 													},
 													disabled: i,
 													title: c("bigconsole.insights.actions.regenerateTitle", "Regenerate with the same prompt"),
@@ -1058,7 +1063,7 @@ var F = c(function() {
 														cursor: i ? "wait" : "pointer"
 													},
 													children: [
-														/* @__PURE__ */ b(de, {
+														/* @__PURE__ */ b(fe, {
 															size: 14,
 															className: i ? "animate-spin" : "",
 															"aria-hidden": "true"
@@ -1082,7 +1087,7 @@ var F = c(function() {
 														}),
 														e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ x("button", {
 															type: "button",
-															onClick: () => ct(e),
+															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",
@@ -1113,13 +1118,13 @@ var F = c(function() {
 														/* @__PURE__ */ b("button", {
 															type: "button",
 															onClick: () => {
-																o("medium"), lt(e.id);
+																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: D,
-															children: /* @__PURE__ */ b(fe, {
+															style: Re,
+															children: /* @__PURE__ */ b(pe, {
 																size: 14,
 																"aria-hidden": "true"
 															})
@@ -1135,11 +1140,11 @@ var F = c(function() {
 					})
 				] })]
 			}),
-			z && $ && /* @__PURE__ */ b("div", {
+			R && $ && /* @__PURE__ */ b("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": c("bigconsole.insights.preview.ariaLabel", "Generation preview"),
-				onClick: () => B(null),
+				onClick: () => z(null),
 				style: {
 					position: "fixed",
 					inset: 0,
@@ -1192,14 +1197,14 @@ var F = c(function() {
 								})]
 							}), /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => B(null),
+								onClick: () => z(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: {
-									...D,
+									...Re,
 									color: "var(--color-text-muted)"
 								},
-								children: /* @__PURE__ */ b(pe, {
+								children: /* @__PURE__ */ b(me, {
 									size: 18,
 									"aria-hidden": "true"
 								})
@@ -1224,15 +1229,15 @@ var F = c(function() {
 									},
 									children: [
 										/* @__PURE__ */ x("span", {
-											style: A,
+											style: k,
 											children: [
-												P($),
+												N($),
 												" widget",
-												P($) === 1 ? "" : "s"
+												N($) === 1 ? "" : "s"
 											]
 										}),
 										/* @__PURE__ */ x("span", {
-											style: A,
+											style: k,
 											children: [
 												$.pages.length,
 												" page",
@@ -1240,12 +1245,12 @@ var F = c(function() {
 											]
 										}),
 										/* @__PURE__ */ x("span", {
-											style: ze($.overallConfidence),
+											style: Ve($.overallConfidence),
 											children: [Math.round($.overallConfidence * 100), "% confidence"]
 										})
 									]
 								}),
-								/* @__PURE__ */ b(ae, { metadata: z.processingMetadata }),
+								/* @__PURE__ */ b(oe, { metadata: R.processingMetadata }),
 								$.reasoning && /* @__PURE__ */ x("details", {
 									"data-testid": "preview-reasoning",
 									children: [/* @__PURE__ */ b("summary", {
@@ -1274,7 +1279,7 @@ var F = c(function() {
 									headingLevel: 3,
 									title: e.name,
 									meta: /* @__PURE__ */ x("span", {
-										style: A,
+										style: k,
 										children: [
 											e.widgets.length,
 											" widget",
@@ -1299,13 +1304,13 @@ var F = c(function() {
 										]
 									}), /* @__PURE__ */ b("div", {
 										className: "insights-proposal-grid",
-										style: He(e.gridColumns),
+										style: We(e.gridColumns),
 										children: e.widgets.map((t, n) => {
-											let r = Be(t.confidence);
+											let r = He(t.confidence);
 											return /* @__PURE__ */ x("div", {
 												className: "insights-proposal-widget",
 												style: {
-													...Ue(t.position, e.gridColumns),
+													...Ge(t.position, e.gridColumns),
 													display: "flex",
 													flexDirection: "column",
 													gap: "2px",
@@ -1342,7 +1347,7 @@ var F = c(function() {
 															}),
 															r && /* @__PURE__ */ b("span", {
 																style: {
-																	...We(r),
+																	...Ke(r),
 																	marginLeft: "auto"
 																},
 																"data-testid": "preview-widget-confidence",
@@ -1359,7 +1364,7 @@ var F = c(function() {
 														},
 														children: t.reasoning
 													}),
-													/* @__PURE__ */ b(ie, { config: t.config })
+													/* @__PURE__ */ b(ae, { config: t.config })
 												]
 											}, n);
 										})
@@ -1379,16 +1384,16 @@ var F = c(function() {
 							children: [
 								/* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => B(null),
+									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"
 								}),
-								z.status === "COMPLETED" && $ && /* @__PURE__ */ x("button", {
+								R.status === "COMPLETED" && $ && /* @__PURE__ */ x("button", {
 									type: "button",
 									onClick: () => {
-										let e = z;
-										B(null), H(e), W("");
+										let e = R;
+										z(null), 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",
@@ -1402,24 +1407,24 @@ var F = c(function() {
 										c("bigconsole.insights.actions.refine", "Refine")
 									]
 								}),
-								z.status === "COMPLETED" && s(z).kind === "hold" && /* @__PURE__ */ b("span", {
+								R.status === "COMPLETED" && s(R).kind === "hold" && /* @__PURE__ */ b("span", {
 									role: "status",
 									children: c("bigconsole.insights.error.reviewUnavailable", "Reload the proposal before creating its dashboard.")
 								}),
-								z.dashboardId && /* @__PURE__ */ b("button", {
+								R.dashboardId && /* @__PURE__ */ b("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/${z.dashboardId}`),
+									onClick: () => p(`/dashboards/${R.dashboardId}`),
 									children: c("bigconsole.insights.actions.viewDashboard", "View dashboard")
 								}),
-								z.status === "COMPLETED" && !z.dashboardId && /* @__PURE__ */ x("button", {
+								R.status === "COMPLETED" && !R.dashboardId && /* @__PURE__ */ x("button", {
 									type: "button",
-									disabled: s(z).kind !== "create",
-									title: s(z).kind === "hold" ? "Reload the proposal before creating its dashboard." : void 0,
+									disabled: s(R).kind !== "create",
+									title: s(R).kind === "hold" ? "Reload the proposal before creating its dashboard." : void 0,
 									onClick: () => {
-										let e = z;
-										B(null), ct(e);
+										let e = R;
+										z(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: E,
@@ -1437,11 +1442,11 @@ var F = c(function() {
 					]
 				})
 			}),
-			V && /* @__PURE__ */ b("div", {
+			B && /* @__PURE__ */ b("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": c("bigconsole.insights.refine.ariaLabel", "Refine generation"),
-				onClick: () => H(null),
+				onClick: () => V(null),
 				style: {
 					position: "fixed",
 					inset: 0,
@@ -1501,8 +1506,8 @@ var F = c(function() {
 								emphasis: "muted",
 								padding: "compact",
 								headingLevel: 3,
-								title: V.generatedSpec?.name || "Current proposal",
-								description: V.prompt.length > 240 ? `${V.prompt.slice(0, 240)}…` : V.prompt,
+								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", {
 								style: {
@@ -1521,8 +1526,8 @@ var F = c(function() {
 									children: "What should change?"
 								}), /* @__PURE__ */ b("textarea", {
 									id: "refine-input",
-									value: U,
-									onChange: (e) => W(e.target.value),
+									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"),
@@ -1552,21 +1557,21 @@ var F = c(function() {
 							},
 							children: [/* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => H(null),
+								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", {
 								type: "button",
-								onClick: () => void ft(),
-								disabled: !U.trim() || R.has(V.id),
+								onClick: () => void pt(),
+								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: {
 									...E,
-									cursor: !U.trim() || R.has(V.id) ? "not-allowed" : "pointer",
-									opacity: U.trim() ? 1 : .6
+									cursor: !H.trim() || L.has(B.id) ? "not-allowed" : "pointer",
+									opacity: H.trim() ? 1 : .6
 								},
-								children: [R.has(V.id) ? /* @__PURE__ */ b(h, {
+								children: [L.has(B.id) ? /* @__PURE__ */ b(h, {
 									size: 14,
 									className: "animate-spin",
 									"aria-hidden": "true"
@@ -1583,4 +1588,4 @@ var F = c(function() {
 	});
 });
 //#endregion
-export { F as InsightsPage, F as default };
+export { P as InsightsPage, P as default };