@burdenoff/microfe-bigconsole 2026.615.2 → 2026.616.1

package/dist/bigconsole/pages/InsightsPage.js

@@ -2,12 +2,12 @@ import { useAppNavigate as e } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
 import { isNative as t, nativeImpact as n, nativeNotify as r } from "../../utils/nativeBridge.js";
 import { memo as i, useCallback as a, useEffect as o, useState as s } from "react";
-import { AlertCircle as c, ArrowRight as l, Ban as ee, CheckCircle as u, Clock as d, Eye as f, Loader2 as p, RefreshCw as m, Sparkles as h, Trash2 as te, Wand2 as g, X as ne, XCircle as _ } from "lucide-react";
-import { gql as v } from "@apollo/client";
-import { useMutation as y, useQuery as b } from "@apollo/client/react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { AlertCircle as c, ArrowRight as l, Ban as ee, CheckCircle as u, Clock as d, Eye as te, Loader2 as f, RefreshCw as ne, Sparkles as p, Trash2 as m, Wand2 as h, X as re, XCircle as g } from "lucide-react";
+import { gql as _ } from "@apollo/client";
+import { useMutation as v, useQuery as y } from "@apollo/client/react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/bigconsole/pages/InsightsPage.tsx
-var C = v`
+var S = _`
   query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {
     listPromptGenerations(status: $status, first: $first) {
       edges {
@@ -36,7 +36,7 @@ var C = v`
       totalCount
     }
   }
-`, re = v`
+`, C = _`
   query GetPromptSuggestions($category: String, $limit: Int) {
     getPromptSuggestions(category: $category, limit: $limit) {
       id
@@ -47,7 +47,7 @@ var C = v`
       tags
     }
   }
-`, ie = v`
+`, ie = _`
   mutation GenerateDashboardFromPrompt($input: GenerateDashboardFromPromptInput!) {
     generateDashboardFromPrompt(input: $input) {
       id
@@ -55,24 +55,24 @@ var C = v`
       prompt
     }
   }
-`, w = v`
+`, ae = _`
   mutation CreateDashboardFromGeneration($input: CreateDashboardFromGenerationInput!) {
     createDashboardFromGeneration(input: $input) {
       id
     }
   }
-`, T = v`
+`, oe = _`
   mutation DeletePromptGeneration($generationId: ID!) {
     deletePromptGeneration(generationId: $generationId)
   }
-`, ae = v`
+`, se = _`
   mutation CancelPromptGeneration($generationId: ID!) {
     cancelPromptGeneration(generationId: $generationId) {
       id
       status
     }
   }
-`, E = v`
+`, w = _`
   mutation RegenerateDashboard($input: RegenerateDashboardInput!) {
     regenerateDashboard(input: $input) {
       id
@@ -80,7 +80,7 @@ var C = v`
       prompt
     }
   }
-`, oe = v`
+`, ce = _`
   mutation RefineGeneratedDashboard($input: RefineGeneratedDashboardInput!) {
     refineGeneratedDashboard(input: $input) {
       id
@@ -88,38 +88,38 @@ var C = v`
       prompt
     }
   }
-`, D = [
+`, T = [
 	"PENDING",
 	"PROCESSING",
 	"GENERATING"
 ];
-function se(e) {
+function E(e) {
 	switch (e) {
-		case "COMPLETED": return /* @__PURE__ */ x(u, {
+		case "COMPLETED": return /* @__PURE__ */ b(u, {
 			size: 16,
 			className: "text-green-500"
 		});
-		case "FAILED": return /* @__PURE__ */ x(_, {
+		case "FAILED": return /* @__PURE__ */ b(g, {
 			size: 16,
 			className: "text-red-500"
 		});
-		case "CANCELLED": return /* @__PURE__ */ x(_, {
+		case "CANCELLED": return /* @__PURE__ */ b(g, {
 			size: 16,
 			className: "text-gray-400"
 		});
 		case "PENDING":
 		case "PROCESSING":
-		case "GENERATING": return /* @__PURE__ */ x(p, {
+		case "GENERATING": return /* @__PURE__ */ b(f, {
 			size: 16,
 			className: "text-blue-500 animate-spin"
 		});
-		default: return /* @__PURE__ */ x(d, {
+		default: return /* @__PURE__ */ b(d, {
 			size: 16,
 			className: "text-gray-400"
 		});
 	}
 }
-function O(e) {
+function D(e) {
 	switch (e) {
 		case "COMPLETED": return "Completed";
 		case "FAILED": return "Failed";
@@ -130,136 +130,135 @@ function O(e) {
 		default: return e;
 	}
 }
-var k = i(function() {
-	let i = e(), [u, d] = s(""), [_, v] = s(!1), [k, A] = s(null), [j, M] = s(() => /* @__PURE__ */ new Set()), [N, P] = s(null), [F, I] = s(null), [L, R] = s(""), z = a((e) => {
-		M((t) => new Set(t).add(e));
-	}, []), B = a((e) => {
-		M((t) => {
+var O = i(function() {
+	let i = e(), [u, d] = s(""), [g, _] = s(!1), [O, k] = s(null), [A, j] = s(() => /* @__PURE__ */ new Set()), [M, N] = s(null), [P, F] = s(null), [I, L] = s(""), R = a((e) => {
+		j((t) => new Set(t).add(e));
+	}, []), z = a((e) => {
+		j((t) => {
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
-	}, []), { data: V, loading: H, refetch: U } = b(C, {
+	}, []), { data: B, loading: le, refetch: V, startPolling: H, stopPolling: U } = y(S, {
 		variables: { first: 20 },
 		fetchPolicy: "cache-and-network"
-	}), { data: W } = b(re, { variables: { limit: 6 } }), [G] = y(ie), [K] = y(w), [q] = y(T), [J] = y(ae), [Y] = y(E), [X] = y(oe), Z = V?.listPromptGenerations?.edges?.map((e) => e.node) || [], Q = W?.getPromptSuggestions || [];
-	o(() => {
-		if (!Z.some((e) => D.includes(e.status))) return;
-		let e = setInterval(() => {
-			U();
-		}, 3e3);
-		return () => clearInterval(e);
-	}, [Z, U]), o(() => {
-		if (!N && !F) return;
+	}), W = B?.listPromptGenerations?.edges?.some((e) => T.includes(e.node.status)) ?? !1, { data: ue } = y(C, { variables: { limit: 6 } }), [G] = v(ie), [K] = v(ae), [q] = v(oe), [J] = v(se), [Y] = v(w), [X] = v(ce), Z = B?.listPromptGenerations?.edges?.map((e) => e.node) || [], Q = ue?.getPromptSuggestions || [];
+	o(() => (W || g ? H(2e3) : U(), () => U()), [
+		W,
+		g,
+		H,
+		U
+	]), o(() => {
+		if (!M && !P) return;
 		let e = (e) => {
-			e.key === "Escape" && (P(null), I(null));
+			e.key === "Escape" && (N(null), F(null));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [N, F]);
+	}, [M, P]);
 	let $ = a(async () => {
-		if (!(!u.trim() || _)) {
+		if (!(!u.trim() || g)) {
 			if (u.length > 2e3) {
-				A("Prompt is too long (max 2000 characters).");
+				k("Prompt is too long (max 2000 characters).");
 				return;
 			}
-			A(null), v(!0);
+			k(null), _(!0);
 			try {
 				await G({ variables: { input: {
 					prompt: u.trim(),
 					styleType: "MODERN",
 					layoutType: "GRID",
 					maxWidgets: 8
-				} } }), d(""), U();
+				} } }), d(""), V();
 			} catch (e) {
-				A(e instanceof Error ? e.message : "Failed to generate dashboard");
+				k(e instanceof Error ? e.message : "Failed to generate dashboard");
 			} finally {
-				v(!1);
+				_(!1);
 			}
 		}
 	}, [
 		u,
-		_,
+		g,
 		G,
-		U
-	]), ce = a(async (e) => {
-		A(null);
+		V
+	]), de = a(async (e) => {
+		k(null);
 		try {
 			let t = (await K({ variables: { input: { generationId: e } } })).data?.createDashboardFromGeneration?.id;
 			t && i(`/dashboards/${t}`);
 		} catch (e) {
-			A(e instanceof Error ? e.message : "Failed to create dashboard");
+			k(e instanceof Error ? e.message : "Failed to create dashboard");
 		}
-	}, [K, i]), le = a(async (e) => {
-		A(null);
+	}, [K, i]), fe = a(async (e) => {
+		k(null);
 		try {
-			await q({ variables: { generationId: e } }), t() && r("success"), U();
+			await q({ variables: { generationId: e } }), t() && r("success"), V();
 		} catch (e) {
-			A(e instanceof Error ? e.message : "Failed to delete generation"), t() && r("error");
+			k(e instanceof Error ? e.message : "Failed to delete generation"), t() && r("error");
 		}
-	}, [q, U]), ue = a(async (e) => {
-		A(null), z(e);
+	}, [q, V]), pe = a(async (e) => {
+		k(null), R(e);
 		try {
-			await J({ variables: { generationId: e } }), U();
+			await J({ variables: { generationId: e } }), V();
 		} catch (e) {
-			A(e instanceof Error ? e.message : "Failed to cancel generation");
+			k(e instanceof Error ? e.message : "Failed to cancel generation");
 		} finally {
-			B(e);
+			z(e);
 		}
-	}, [J, U]), de = a(async (e) => {
-		A(null), z(e);
+	}, [J, V]), me = a(async (e) => {
+		k(null), R(e);
 		try {
-			await Y({ variables: { input: { generationId: e } } }), U();
+			await Y({ variables: { input: { generationId: e } } }), V();
 		} catch (e) {
-			A(e instanceof Error ? e.message : "Failed to regenerate dashboard");
+			k(e instanceof Error ? e.message : "Failed to regenerate dashboard");
 		} finally {
-			B(e);
+			z(e);
 		}
-	}, [Y, U]), fe = a(async () => {
-		if (!F || !L.trim()) return;
-		let e = F.id;
-		A(null), z(e);
+	}, [Y, V]), he = a(async () => {
+		if (!P || !I.trim()) return;
+		let e = P.id;
+		k(null), R(e);
 		try {
 			await X({ variables: { input: {
 				generationId: e,
-				refinementPrompt: L.trim()
-			} } }), I(null), R(""), U();
+				refinementPrompt: I.trim()
+			} } }), F(null), L(""), V();
 		} catch (e) {
-			A(e instanceof Error ? e.message : "Failed to refine generation");
+			k(e instanceof Error ? e.message : "Failed to refine generation");
 		} finally {
-			B(e);
+			z(e);
 		}
 	}, [
-		F,
-		L,
+		P,
+		I,
 		X,
-		U
-	]), pe = a((e) => {
+		V
+	]), ge = a((e) => {
 		d(e);
 	}, []);
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ x("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				style: {
 					padding: "var(--space-pagePadding)",
 					maxWidth: 960,
 					margin: "0 auto"
 				},
 				children: [
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ x("div", {
 						style: { marginBottom: "var(--space-sectionGap)" },
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ x("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "var(--space-iconGap)"
 							},
-							children: [/* @__PURE__ */ x(h, {
+							children: [/* @__PURE__ */ b(p, {
 								size: 24,
 								style: { color: "var(--color-action-primary-bg)" }
-							}), /* @__PURE__ */ x("h1", {
+							}), /* @__PURE__ */ b("h1", {
 								style: {
 									fontSize: "var(--font-size-heading-h4)",
 									fontWeight: "var(--font-weight-bold)",
@@ -267,7 +266,7 @@ var k = i(function() {
 								},
 								children: "AI Insights"
 							})]
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ b("p", {
 							style: {
 								fontSize: "var(--font-size-body-md)",
 								color: "var(--color-text-secondary)",
@@ -276,7 +275,7 @@ var k = i(function() {
 							children: "Generate dashboards from natural language prompts"
 						})]
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ x("div", {
 						style: {
 							backgroundColor: "var(--color-bg-surface)",
 							border: "1px solid var(--color-border)",
@@ -285,7 +284,7 @@ var k = i(function() {
 							marginBottom: "var(--space-sectionGap)"
 						},
 						children: [
-							/* @__PURE__ */ x("label", {
+							/* @__PURE__ */ b("label", {
 								htmlFor: "prompt-input",
 								style: {
 									display: "block",
@@ -296,7 +295,7 @@ var k = i(function() {
 								},
 								children: "Describe the dashboard you want to create"
 							}),
-							/* @__PURE__ */ x("textarea", {
+							/* @__PURE__ */ b("textarea", {
 								id: "prompt-input",
 								value: u,
 								onChange: (e) => d(e.target.value),
@@ -318,7 +317,7 @@ var k = i(function() {
 									e.key === "Enter" && (e.metaKey || e.ctrlKey) && $();
 								}
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ x("div", {
 								style: {
 									display: "flex",
 									justifyContent: "space-between",
@@ -327,15 +326,15 @@ var k = i(function() {
 									flexWrap: "wrap",
 									gap: 8
 								},
-								children: [/* @__PURE__ */ x("span", {
+								children: [/* @__PURE__ */ b("span", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)"
 									},
 									children: "Press Ctrl+Enter to generate"
-								}), /* @__PURE__ */ S("button", {
+								}), /* @__PURE__ */ x("button", {
 									onClick: $,
-									disabled: !u.trim() || _,
+									disabled: !u.trim() || g,
 									style: {
 										display: "flex",
 										alignItems: "center",
@@ -347,18 +346,18 @@ var k = i(function() {
 										fontWeight: "var(--font-weight-medium)",
 										fontSize: "var(--font-size-body-sm)",
 										border: "none",
-										cursor: !u.trim() || _ ? "not-allowed" : "pointer",
-										opacity: !u.trim() || _ ? .5 : 1
+										cursor: !u.trim() || g ? "not-allowed" : "pointer",
+										opacity: !u.trim() || g ? .5 : 1
 									},
-									children: [_ ? /* @__PURE__ */ x(p, {
+									children: [g ? /* @__PURE__ */ b(f, {
 										size: 16,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ x(h, { size: 16 }), "Generate Dashboard"]
+									}) : /* @__PURE__ */ b(p, { size: 16 }), "Generate Dashboard"]
 								})]
 							})
 						]
 					}),
-					k && /* @__PURE__ */ S("div", {
+					O && /* @__PURE__ */ x("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -372,15 +371,15 @@ var k = i(function() {
 							color: "var(--color-status-error-text)",
 							fontSize: "var(--font-size-body-sm)"
 						},
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ x("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 8
 							},
-							children: [/* @__PURE__ */ x(c, { size: 16 }), k]
-						}), /* @__PURE__ */ x("button", {
-							onClick: () => A(null),
+							children: [/* @__PURE__ */ b(c, { size: 16 }), O]
+						}), /* @__PURE__ */ b("button", {
+							onClick: () => k(null),
 							style: {
 								background: "none",
 								border: "none",
@@ -393,9 +392,9 @@ var k = i(function() {
 							children: "×"
 						})]
 					}),
-					Q.length > 0 && /* @__PURE__ */ S("div", {
+					Q.length > 0 && /* @__PURE__ */ x("div", {
 						style: { marginBottom: "var(--space-sectionGap)" },
-						children: [/* @__PURE__ */ x("h2", {
+						children: [/* @__PURE__ */ b("h2", {
 							style: {
 								fontSize: "var(--font-size-body-md)",
 								fontWeight: "var(--font-weight-semibold)",
@@ -403,14 +402,14 @@ var k = i(function() {
 								marginBottom: 12
 							},
 							children: "Suggestions"
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ b("div", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(280px, 100%), 1fr))",
 								gap: 12
 							},
-							children: Q.map((e) => /* @__PURE__ */ S("button", {
-								onClick: () => pe(e.prompt),
+							children: Q.map((e) => /* @__PURE__ */ x("button", {
+								onClick: () => ge(e.prompt),
 								style: {
 									textAlign: "left",
 									padding: 12,
@@ -420,7 +419,7 @@ var k = i(function() {
 									cursor: "pointer"
 								},
 								children: [
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ b("div", {
 										style: {
 											fontWeight: "var(--font-weight-medium)",
 											fontSize: "var(--font-size-body-sm)",
@@ -429,7 +428,7 @@ var k = i(function() {
 										},
 										children: e.title
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ b("div", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											color: "var(--color-text-secondary)",
@@ -437,14 +436,14 @@ var k = i(function() {
 										},
 										children: e.exampleDescription || e.prompt.slice(0, 80)
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ b("div", {
 										style: {
 											display: "flex",
 											gap: 4,
 											marginTop: 8,
 											flexWrap: "wrap"
 										},
-										children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ x("span", {
+										children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ b("span", {
 											style: {
 												fontSize: 11,
 												padding: "2px 6px",
@@ -459,7 +458,7 @@ var k = i(function() {
 							}, e.id))
 						})]
 					}),
-					/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h2", {
+					/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
 						style: {
 							fontSize: "var(--font-size-body-md)",
 							fontWeight: "var(--font-weight-semibold)",
@@ -467,18 +466,18 @@ var k = i(function() {
 							marginBottom: 12
 						},
 						children: "Recent Generations"
-					}), H && Z.length === 0 ? /* @__PURE__ */ S("div", {
+					}), le && Z.length === 0 ? /* @__PURE__ */ x("div", {
 						style: {
 							textAlign: "center",
 							padding: 40,
 							color: "var(--color-text-muted)"
 						},
-						children: [/* @__PURE__ */ x(p, {
+						children: [/* @__PURE__ */ b(f, {
 							size: 24,
 							className: "animate-spin",
 							style: { margin: "0 auto 8px" }
-						}), /* @__PURE__ */ x("p", { children: "Loading generations..." })]
-					}) : Z.length === 0 ? /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ b("p", { children: "Loading generations..." })]
+					}) : Z.length === 0 && !g ? /* @__PURE__ */ x("div", {
 						style: {
 							textAlign: "center",
 							padding: 40,
@@ -487,21 +486,21 @@ var k = i(function() {
 							borderRadius: "var(--radius-card)"
 						},
 						children: [
-							/* @__PURE__ */ x(h, {
+							/* @__PURE__ */ b(p, {
 								size: 32,
 								style: {
 									color: "var(--color-text-muted)",
 									margin: "0 auto 8px"
 								}
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ b("p", {
 								style: {
 									color: "var(--color-text-secondary)",
 									fontWeight: "var(--font-weight-medium)"
 								},
 								children: "No generations yet"
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ b("p", {
 								style: {
 									color: "var(--color-text-muted)",
 									fontSize: "var(--font-size-body-sm)",
@@ -516,14 +515,50 @@ var k = i(function() {
 							flexDirection: "column",
 							gap: 12
 						},
-						children: Z.map((e) => /* @__PURE__ */ x("div", {
+						children: [g && !W && /* @__PURE__ */ b("div", {
+							style: {
+								padding: 16,
+								borderRadius: "var(--radius-card)",
+								border: "1px solid var(--color-border)",
+								backgroundColor: "var(--color-bg-surface)"
+							},
+							children: /* @__PURE__ */ x("div", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: 8,
+									minWidth: 0
+								},
+								children: [
+									E("PROCESSING"),
+									/* @__PURE__ */ b("span", {
+										style: {
+											fontSize: "var(--font-size-body-sm)",
+											fontWeight: "var(--font-weight-medium)",
+											color: "var(--color-text-primary)"
+										},
+										children: "Generating..."
+									}),
+									/* @__PURE__ */ b("span", {
+										style: {
+											fontSize: 11,
+											color: "var(--color-text-muted)",
+											padding: "2px 6px",
+											borderRadius: 4,
+											backgroundColor: "var(--color-bg-sunken)"
+										},
+										children: D("PROCESSING")
+									})
+								]
+							})
+						}), Z.map((e) => /* @__PURE__ */ b("div", {
 							style: {
 								padding: 16,
 								borderRadius: "var(--radius-card)",
 								border: "1px solid var(--color-border)",
 								backgroundColor: "var(--color-bg-surface)"
 							},
-							children: /* @__PURE__ */ S("div", {
+							children: /* @__PURE__ */ x("div", {
 								style: {
 									display: "flex",
 									justifyContent: "space-between",
@@ -531,13 +566,13 @@ var k = i(function() {
 									flexWrap: "wrap",
 									gap: 8
 								},
-								children: [/* @__PURE__ */ S("div", {
+								children: [/* @__PURE__ */ x("div", {
 									style: {
 										flex: "1 1 200px",
 										minWidth: 0
 									},
 									children: [
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ x("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -546,8 +581,8 @@ var k = i(function() {
 												minWidth: 0
 											},
 											children: [
-												se(e.status),
-												/* @__PURE__ */ x("span", {
+												E(e.status),
+												/* @__PURE__ */ b("span", {
 													style: {
 														fontSize: "var(--font-size-body-sm)",
 														fontWeight: "var(--font-weight-medium)",
@@ -559,7 +594,7 @@ var k = i(function() {
 													},
 													children: e.generatedSpec?.name || "Generating..."
 												}),
-												/* @__PURE__ */ x("span", {
+												/* @__PURE__ */ b("span", {
 													style: {
 														fontSize: 11,
 														color: "var(--color-text-muted)",
@@ -567,11 +602,11 @@ var k = i(function() {
 														borderRadius: 4,
 														backgroundColor: "var(--color-bg-sunken)"
 													},
-													children: O(e.status)
+													children: D(e.status)
 												})
 											]
 										}),
-										/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ b("p", {
 											style: {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-text-secondary)",
@@ -579,7 +614,7 @@ var k = i(function() {
 											},
 											children: e.prompt.length > 120 ? e.prompt.slice(0, 120) + "..." : e.prompt
 										}),
-										e.generatedSpec && /* @__PURE__ */ S("div", {
+										e.generatedSpec && /* @__PURE__ */ x("div", {
 											style: {
 												fontSize: 11,
 												color: "var(--color-text-muted)"
@@ -595,7 +630,7 @@ var k = i(function() {
 												"% confidence"
 											]
 										}),
-										e.errorMessage && /* @__PURE__ */ S("div", {
+										e.errorMessage && /* @__PURE__ */ x("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -604,21 +639,21 @@ var k = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-status-error-text)"
 											},
-											children: [/* @__PURE__ */ x(c, { size: 14 }), e.errorMessage]
+											children: [/* @__PURE__ */ b(c, { size: 14 }), e.errorMessage]
 										})
 									]
-								}), /* @__PURE__ */ S("div", {
+								}), /* @__PURE__ */ x("div", {
 									style: {
 										display: "flex",
 										gap: 8,
 										flexWrap: "wrap"
 									},
 									children: [
-										D.includes(e.status) && /* @__PURE__ */ S("button", {
+										T.includes(e.status) && /* @__PURE__ */ x("button", {
 											onClick: () => {
-												n("medium"), ue(e.id);
+												n("medium"), pe(e.id);
 											},
-											disabled: j.has(e.id),
+											disabled: A.has(e.id),
 											title: "Cancel generation",
 											style: {
 												display: "flex",
@@ -630,12 +665,12 @@ var k = i(function() {
 												backgroundColor: "transparent",
 												color: "var(--color-status-warning-text)",
 												fontSize: "var(--font-size-body-sm)",
-												cursor: j.has(e.id) ? "wait" : "pointer"
+												cursor: A.has(e.id) ? "wait" : "pointer"
 											},
-											children: [/* @__PURE__ */ x(ee, { size: 14 }), " Cancel"]
+											children: [/* @__PURE__ */ b(ee, { size: 14 }), " Cancel"]
 										}),
-										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ S("button", {
-											onClick: () => P(e),
+										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ x("button", {
+											onClick: () => N(e),
 											title: "Preview proposed layout",
 											style: {
 												display: "flex",
@@ -649,11 +684,11 @@ var k = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: [/* @__PURE__ */ x(f, { size: 14 }), " Preview"]
+											children: [/* @__PURE__ */ b(te, { size: 14 }), " Preview"]
 										}),
-										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ S("button", {
+										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ x("button", {
 											onClick: () => {
-												I(e), R("");
+												F(e), L("");
 											},
 											title: "Refine with instructions",
 											style: {
@@ -668,13 +703,13 @@ var k = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: [/* @__PURE__ */ x(g, { size: 14 }), " Refine"]
+											children: [/* @__PURE__ */ b(h, { size: 14 }), " Refine"]
 										}),
-										(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ S("button", {
+										(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ x("button", {
 											onClick: () => {
-												n("medium"), de(e.id);
+												n("medium"), me(e.id);
 											},
-											disabled: j.has(e.id),
+											disabled: A.has(e.id),
 											title: "Regenerate with the same prompt",
 											style: {
 												display: "flex",
@@ -686,15 +721,15 @@ var k = i(function() {
 												backgroundColor: "transparent",
 												color: "var(--color-text-primary)",
 												fontSize: "var(--font-size-body-sm)",
-												cursor: j.has(e.id) ? "wait" : "pointer"
+												cursor: A.has(e.id) ? "wait" : "pointer"
 											},
-											children: [/* @__PURE__ */ x(m, {
+											children: [/* @__PURE__ */ b(ne, {
 												size: 14,
-												className: j.has(e.id) ? "animate-spin" : ""
+												className: A.has(e.id) ? "animate-spin" : ""
 											}), " Regenerate"]
 										}),
-										e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ S("button", {
-											onClick: () => ce(e.id),
+										e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ x("button", {
+											onClick: () => de(e.id),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -707,9 +742,9 @@ var k = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: ["Create ", /* @__PURE__ */ x(l, { size: 14 })]
+											children: ["Create ", /* @__PURE__ */ b(l, { size: 14 })]
 										}),
-										e.dashboardId && /* @__PURE__ */ S("button", {
+										e.dashboardId && /* @__PURE__ */ x("button", {
 											onClick: () => i(`/dashboards/${e.dashboardId}`),
 											style: {
 												display: "flex",
@@ -723,11 +758,11 @@ var k = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: ["View Dashboard ", /* @__PURE__ */ x(l, { size: 14 })]
+											children: ["View Dashboard ", /* @__PURE__ */ b(l, { size: 14 })]
 										}),
-										/* @__PURE__ */ x("button", {
+										/* @__PURE__ */ b("button", {
 											onClick: () => {
-												n("medium"), le(e.id);
+												n("medium"), fe(e.id);
 											},
 											title: "Delete generation",
 											style: {
@@ -740,20 +775,20 @@ var k = i(function() {
 												color: "var(--color-text-muted)",
 												cursor: "pointer"
 											},
-											children: /* @__PURE__ */ x(te, { size: 14 })
+											children: /* @__PURE__ */ b(m, { size: 14 })
 										})
 									]
 								})]
 							})
-						}, e.id))
+						}, e.id))]
 					})] })
 				]
 			}),
-			N?.generatedSpec && /* @__PURE__ */ x("div", {
+			M?.generatedSpec && /* @__PURE__ */ b("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": "Generation preview",
-				onClick: () => P(null),
+				onClick: () => N(null),
 				style: {
 					position: "fixed",
 					inset: 0,
@@ -764,7 +799,7 @@ var k = i(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ x("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						width: "min(640px, 100%)",
@@ -777,7 +812,7 @@ var k = i(function() {
 						padding: "var(--space-cardPadding)"
 					},
 					children: [
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ x("div", {
 							style: {
 								display: "flex",
 								justifyContent: "space-between",
@@ -785,24 +820,24 @@ var k = i(function() {
 								gap: 8,
 								marginBottom: "var(--space-controlGap)"
 							},
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ x("div", {
 								style: { minWidth: 0 },
-								children: [/* @__PURE__ */ x("h3", {
+								children: [/* @__PURE__ */ b("h3", {
 									style: {
 										fontSize: "var(--font-size-heading-h4)",
 										fontWeight: "var(--font-weight-semibold)"
 									},
-									children: N.generatedSpec.name
-								}), N.generatedSpec.description && /* @__PURE__ */ x("p", {
+									children: M.generatedSpec.name
+								}), M.generatedSpec.description && /* @__PURE__ */ b("p", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)",
 										marginTop: 2
 									},
-									children: N.generatedSpec.description
+									children: M.generatedSpec.description
 								})]
-							}), /* @__PURE__ */ x("button", {
-								onClick: () => P(null),
+							}), /* @__PURE__ */ b("button", {
+								onClick: () => N(null),
 								"aria-label": "Close preview",
 								style: {
 									display: "flex",
@@ -813,29 +848,29 @@ var k = i(function() {
 									color: "var(--color-text-muted)",
 									cursor: "pointer"
 								},
-								children: /* @__PURE__ */ x(ne, { size: 18 })
+								children: /* @__PURE__ */ b(re, { size: 18 })
 							})]
 						}),
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ x("div", {
 							style: {
 								fontSize: 11,
 								color: "var(--color-text-muted)",
 								marginBottom: "var(--space-controlGap)"
 							},
 							children: [
-								N.generatedSpec.pages.reduce((e, t) => e + t.widgets.length, 0),
+								M.generatedSpec.pages.reduce((e, t) => e + t.widgets.length, 0),
 								" widgets across",
 								" ",
-								N.generatedSpec.pages.length,
+								M.generatedSpec.pages.length,
 								" page(s) ·",
 								" ",
-								Math.round(N.generatedSpec.overallConfidence * 100),
+								Math.round(M.generatedSpec.overallConfidence * 100),
 								"% confidence"
 							]
 						}),
-						N.generatedSpec.pages.map((e, t) => /* @__PURE__ */ S("div", {
+						M.generatedSpec.pages.map((e, t) => /* @__PURE__ */ x("div", {
 							style: { marginBottom: "var(--space-controlGap)" },
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ b("div", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									fontWeight: "var(--font-weight-medium)",
@@ -843,13 +878,13 @@ var k = i(function() {
 									marginBottom: 4
 								},
 								children: e.name
-							}), /* @__PURE__ */ x("div", {
+							}), /* @__PURE__ */ b("div", {
 								style: {
 									display: "flex",
 									flexWrap: "wrap",
 									gap: 6
 								},
-								children: e.widgets.map((e, t) => /* @__PURE__ */ S("span", {
+								children: e.widgets.map((e, t) => /* @__PURE__ */ x("span", {
 									style: {
 										fontSize: 11,
 										padding: "3px 8px",
@@ -868,11 +903,11 @@ var k = i(function() {
 					]
 				})
 			}),
-			F && /* @__PURE__ */ x("div", {
+			P && /* @__PURE__ */ b("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": "Refine generation",
-				onClick: () => I(null),
+				onClick: () => F(null),
 				style: {
 					position: "fixed",
 					inset: 0,
@@ -883,7 +918,7 @@ var k = i(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ x("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						width: "min(520px, 100%)",
@@ -894,7 +929,7 @@ var k = i(function() {
 						padding: "var(--space-cardPadding)"
 					},
 					children: [
-						/* @__PURE__ */ x("h3", {
+						/* @__PURE__ */ b("h3", {
 							style: {
 								fontSize: "var(--font-size-heading-h4)",
 								fontWeight: "var(--font-weight-semibold)",
@@ -902,7 +937,7 @@ var k = i(function() {
 							},
 							children: "Refine dashboard"
 						}),
-						/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ b("p", {
 							style: {
 								fontSize: "var(--font-size-body-sm)",
 								color: "var(--color-text-muted)",
@@ -910,9 +945,9 @@ var k = i(function() {
 							},
 							children: "Describe what to change — the AI keeps the existing spec and applies your instructions."
 						}),
-						/* @__PURE__ */ x("textarea", {
-							value: L,
-							onChange: (e) => R(e.target.value),
+						/* @__PURE__ */ b("textarea", {
+							value: I,
+							onChange: (e) => L(e.target.value),
 							maxLength: 2e3,
 							rows: 4,
 							placeholder: "e.g., Add a revenue-by-region map and remove the duplicate KPI cards",
@@ -928,15 +963,15 @@ var k = i(function() {
 								marginBottom: "var(--space-controlGap)"
 							}
 						}),
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ x("div", {
 							style: {
 								display: "flex",
 								justifyContent: "flex-end",
 								gap: 8,
 								flexWrap: "wrap"
 							},
-							children: [/* @__PURE__ */ x("button", {
-								onClick: () => I(null),
+							children: [/* @__PURE__ */ b("button", {
+								onClick: () => F(null),
 								style: {
 									padding: "8px 16px",
 									borderRadius: "var(--radius-button)",
@@ -947,9 +982,9 @@ var k = i(function() {
 									cursor: "pointer"
 								},
 								children: "Cancel"
-							}), /* @__PURE__ */ S("button", {
-								onClick: () => void fe(),
-								disabled: !L.trim() || j.has(F.id),
+							}), /* @__PURE__ */ x("button", {
+								onClick: () => void he(),
+								disabled: !I.trim() || A.has(P.id),
 								style: {
 									display: "flex",
 									alignItems: "center",
@@ -960,13 +995,13 @@ var k = i(function() {
 									backgroundColor: "var(--color-action-primary-bg)",
 									color: "var(--color-action-primary-text)",
 									fontSize: "var(--font-size-body-sm)",
-									cursor: !L.trim() || j.has(F.id) ? "not-allowed" : "pointer",
-									opacity: L.trim() ? 1 : .6
+									cursor: !I.trim() || A.has(P.id) ? "not-allowed" : "pointer",
+									opacity: I.trim() ? 1 : .6
 								},
-								children: [j.has(F.id) ? /* @__PURE__ */ x(p, {
+								children: [A.has(P.id) ? /* @__PURE__ */ b(f, {
 									size: 14,
 									className: "animate-spin"
-								}) : /* @__PURE__ */ x(g, { size: 14 }), "Apply refinement"]
+								}) : /* @__PURE__ */ b(h, { size: 14 }), "Apply refinement"]
 							})]
 						})
 					]
@@ -976,6 +1011,6 @@ var k = i(function() {
 	});
 });
 //#endregion
-export { k as InsightsPage, k as default };
+export { O as InsightsPage, O as default };
 
 //# sourceMappingURL=InsightsPage.js.map