@burdenoff/microfe-bigconsole 2026.624.2 → 2026.626.1

package/dist/bigconsole/pages/InsightsPage.js

@@ -2,12 +2,13 @@ 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 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 { AlertCircle as c, ArrowRight as l, Ban as u, CheckCircle as d, Clock as f, Eye as ee, Loader2 as p, RefreshCw as te, Sparkles as m, Trash2 as ne, 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";
+import { AuroraBackground as b, EmphasisPanel as ie, GlassCard as ae, GradientText as oe, IllustratedEmptyState as se } from "@burdenoff/fe-libs/ui";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/bigconsole/pages/InsightsPage.tsx
-var S = _`
+var C = _`
   query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {
     listPromptGenerations(status: $status, first: $first) {
       edges {
@@ -36,7 +37,7 @@ var S = _`
       totalCount
     }
   }
-`, C = _`
+`, ce = _`
   query GetPromptSuggestions($category: String, $limit: Int) {
     getPromptSuggestions(category: $category, limit: $limit) {
       id
@@ -47,7 +48,7 @@ var S = _`
       tags
     }
   }
-`, ie = _`
+`, le = _`
   mutation GenerateDashboardFromPrompt($input: GenerateDashboardFromPromptInput!) {
     generateDashboardFromPrompt(input: $input) {
       id
@@ -55,24 +56,24 @@ var S = _`
       prompt
     }
   }
-`, ae = _`
+`, w = _`
   mutation CreateDashboardFromGeneration($input: CreateDashboardFromGenerationInput!) {
     createDashboardFromGeneration(input: $input) {
       id
     }
   }
-`, oe = _`
+`, ue = _`
   mutation DeletePromptGeneration($generationId: ID!) {
     deletePromptGeneration(generationId: $generationId)
   }
-`, se = _`
+`, de = _`
   mutation CancelPromptGeneration($generationId: ID!) {
     cancelPromptGeneration(generationId: $generationId) {
       id
       status
     }
   }
-`, w = _`
+`, fe = _`
   mutation RegenerateDashboard($input: RegenerateDashboardInput!) {
     regenerateDashboard(input: $input) {
       id
@@ -80,7 +81,7 @@ var S = _`
       prompt
     }
   }
-`, ce = _`
+`, pe = _`
   mutation RefineGeneratedDashboard($input: RefineGeneratedDashboardInput!) {
     refineGeneratedDashboard(input: $input) {
       id
@@ -95,25 +96,25 @@ var S = _`
 ];
 function E(e) {
 	switch (e) {
-		case "COMPLETED": return /* @__PURE__ */ b(u, {
+		case "COMPLETED": return /* @__PURE__ */ x(d, {
 			size: 16,
 			className: "text-green-500"
 		});
-		case "FAILED": return /* @__PURE__ */ b(g, {
+		case "FAILED": return /* @__PURE__ */ x(g, {
 			size: 16,
 			className: "text-red-500"
 		});
-		case "CANCELLED": return /* @__PURE__ */ b(g, {
+		case "CANCELLED": return /* @__PURE__ */ x(g, {
 			size: 16,
 			className: "text-gray-400"
 		});
 		case "PENDING":
 		case "PROCESSING":
-		case "GENERATING": return /* @__PURE__ */ b(f, {
+		case "GENERATING": return /* @__PURE__ */ x(p, {
 			size: 16,
 			className: "text-blue-500 animate-spin"
 		});
-		default: return /* @__PURE__ */ b(d, {
+		default: return /* @__PURE__ */ x(f, {
 			size: 16,
 			className: "text-gray-400"
 		});
@@ -131,17 +132,17 @@ function D(e) {
 	}
 }
 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) => {
+	let i = e(), [d, f] = 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: B, loading: le, refetch: V, startPolling: H, stopPolling: U } = y(S, {
+	}, []), { data: B, loading: me, refetch: V, startPolling: H, stopPolling: U } = y(C, {
 		variables: { first: 20 },
 		fetchPolicy: "cache-and-network"
-	}), 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 || [];
+	}), W = B?.listPromptGenerations?.edges?.some((e) => T.includes(e.node.status)) ?? !1, { data: he } = y(ce, { variables: { limit: 6 } }), [G] = v(le), [K] = v(w), [q] = v(ue), [J] = v(de), [Y] = v(fe), [X] = v(pe), Z = B?.listPromptGenerations?.edges?.map((e) => e.node) || [], Q = he?.getPromptSuggestions || [];
 	o(() => (W || g ? H(2e3) : U(), () => U()), [
 		W,
 		g,
@@ -155,19 +156,19 @@ var O = i(function() {
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [M, P]);
 	let $ = a(async () => {
-		if (!(!u.trim() || g)) {
-			if (u.length > 2e3) {
+		if (!(!d.trim() || g)) {
+			if (d.length > 2e3) {
 				k("Prompt is too long (max 2000 characters).");
 				return;
 			}
 			k(null), _(!0);
 			try {
 				await G({ variables: { input: {
-					prompt: u.trim(),
+					prompt: d.trim(),
 					styleType: "MODERN",
 					layoutType: "GRID",
 					maxWidgets: 8
-				} } }), d(""), V();
+				} } }), f(""), V();
 			} catch (e) {
 				k(e instanceof Error ? e.message : "Failed to generate dashboard");
 			} finally {
@@ -175,11 +176,11 @@ var O = i(function() {
 			}
 		}
 	}, [
-		u,
+		d,
 		g,
 		G,
 		V
-	]), de = a(async (e) => {
+	]), ge = a(async (e) => {
 		k(null);
 		try {
 			let t = (await K({ variables: { input: { generationId: e } } })).data?.createDashboardFromGeneration?.id;
@@ -187,14 +188,14 @@ var O = i(function() {
 		} catch (e) {
 			k(e instanceof Error ? e.message : "Failed to create dashboard");
 		}
-	}, [K, i]), fe = a(async (e) => {
+	}, [K, i]), _e = a(async (e) => {
 		k(null);
 		try {
 			await q({ variables: { generationId: e } }), t() && r("success"), V();
 		} catch (e) {
 			k(e instanceof Error ? e.message : "Failed to delete generation"), t() && r("error");
 		}
-	}, [q, V]), pe = a(async (e) => {
+	}, [q, V]), ve = a(async (e) => {
 		k(null), R(e);
 		try {
 			await J({ variables: { generationId: e } }), V();
@@ -203,7 +204,7 @@ var O = i(function() {
 		} finally {
 			z(e);
 		}
-	}, [J, V]), me = a(async (e) => {
+	}, [J, V]), ye = a(async (e) => {
 		k(null), R(e);
 		try {
 			await Y({ variables: { input: { generationId: e } } }), V();
@@ -212,7 +213,7 @@ var O = i(function() {
 		} finally {
 			z(e);
 		}
-	}, [Y, V]), he = a(async () => {
+	}, [Y, V]), be = a(async () => {
 		if (!P || !I.trim()) return;
 		let e = P.id;
 		k(null), R(e);
@@ -231,60 +232,58 @@ var O = i(function() {
 		I,
 		X,
 		V
-	]), ge = a((e) => {
-		d(e);
+	]), xe = a((e) => {
+		f(e);
 	}, []);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ S("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				style: {
 					padding: "var(--space-pagePadding)",
 					maxWidth: 960,
 					margin: "0 auto"
 				},
 				children: [
-					/* @__PURE__ */ x("div", {
-						style: { marginBottom: "var(--space-sectionGap)" },
-						children: [/* @__PURE__ */ x("div", {
-							style: {
-								display: "flex",
-								alignItems: "center",
-								gap: "var(--space-iconGap)"
-							},
-							children: [/* @__PURE__ */ b(p, {
-								size: 24,
-								style: { color: "var(--color-action-primary-bg)" }
-							}), /* @__PURE__ */ b("h1", {
+					/* @__PURE__ */ S("div", {
+						className: "relative mb-[var(--space-sectionGap)] overflow-hidden rounded-card border border-border-seam bg-gloss-card p-6",
+						children: [
+							/* @__PURE__ */ x(b, { intensity: "subtle" }),
+							/* @__PURE__ */ S("div", {
 								style: {
-									fontSize: "var(--font-size-heading-h4)",
-									fontWeight: "var(--font-weight-bold)",
-									color: "var(--color-text-primary)"
+									display: "flex",
+									alignItems: "center",
+									gap: "var(--space-iconGap)"
 								},
-								children: "AI Insights"
-							})]
-						}), /* @__PURE__ */ b("p", {
-							style: {
-								fontSize: "var(--font-size-body-md)",
-								color: "var(--color-text-secondary)",
-								marginTop: 4
-							},
-							children: "Generate dashboards from natural language prompts"
-						})]
+								children: [/* @__PURE__ */ x(m, {
+									size: 24,
+									style: { color: "var(--color-action-primary-bg)" }
+								}), /* @__PURE__ */ x("h1", {
+									style: {
+										fontSize: "var(--font-size-heading-h4)",
+										fontWeight: "var(--font-weight-bold)",
+										color: "var(--color-text-primary)"
+									},
+									children: /* @__PURE__ */ x(oe, { children: "AI Insights" })
+								})]
+							}),
+							/* @__PURE__ */ x("p", {
+								style: {
+									fontSize: "var(--font-size-body-md)",
+									color: "var(--color-text-secondary)",
+									marginTop: 4
+								},
+								children: "Generate dashboards from natural language prompts"
+							})
+						]
 					}),
-					/* @__PURE__ */ x("div", {
-						style: {
-							backgroundColor: "var(--color-bg-surface)",
-							border: "1px solid var(--color-border)",
-							borderRadius: "var(--radius-card)",
-							padding: "var(--space-cardPadding)",
-							marginBottom: "var(--space-sectionGap)"
-						},
+					/* @__PURE__ */ S(ie, {
+						className: "mb-[var(--space-sectionGap)] p-[var(--space-cardPadding)]",
 						children: [
-							/* @__PURE__ */ b("label", {
+							/* @__PURE__ */ x("label", {
 								htmlFor: "prompt-input",
 								style: {
 									display: "block",
@@ -295,10 +294,10 @@ var O = i(function() {
 								},
 								children: "Describe the dashboard you want to create"
 							}),
-							/* @__PURE__ */ b("textarea", {
+							/* @__PURE__ */ x("textarea", {
 								id: "prompt-input",
-								value: u,
-								onChange: (e) => d(e.target.value),
+								value: d,
+								onChange: (e) => f(e.target.value),
 								placeholder: "e.g., Create a sales dashboard showing revenue trends, top products, and regional performance",
 								rows: 3,
 								maxLength: 2e3,
@@ -317,7 +316,7 @@ var O = i(function() {
 									e.key === "Enter" && (e.metaKey || e.ctrlKey) && $();
 								}
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									justifyContent: "space-between",
@@ -326,15 +325,15 @@ var O = i(function() {
 									flexWrap: "wrap",
 									gap: 8
 								},
-								children: [/* @__PURE__ */ b("span", {
+								children: [/* @__PURE__ */ x("span", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)"
 									},
 									children: "Press Ctrl+Enter to generate"
-								}), /* @__PURE__ */ x("button", {
+								}), /* @__PURE__ */ S("button", {
 									onClick: $,
-									disabled: !u.trim() || g,
+									disabled: !d.trim() || g,
 									style: {
 										display: "flex",
 										alignItems: "center",
@@ -346,18 +345,18 @@ var O = i(function() {
 										fontWeight: "var(--font-weight-medium)",
 										fontSize: "var(--font-size-body-sm)",
 										border: "none",
-										cursor: !u.trim() || g ? "not-allowed" : "pointer",
-										opacity: !u.trim() || g ? .5 : 1
+										cursor: !d.trim() || g ? "not-allowed" : "pointer",
+										opacity: !d.trim() || g ? .5 : 1
 									},
-									children: [g ? /* @__PURE__ */ b(f, {
+									children: [g ? /* @__PURE__ */ x(p, {
 										size: 16,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ b(p, { size: 16 }), "Generate Dashboard"]
+									}) : /* @__PURE__ */ x(m, { size: 16 }), "Generate Dashboard"]
 								})]
 							})
 						]
 					}),
-					O && /* @__PURE__ */ x("div", {
+					O && /* @__PURE__ */ S("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -371,14 +370,14 @@ var O = i(function() {
 							color: "var(--color-status-error-text)",
 							fontSize: "var(--font-size-body-sm)"
 						},
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 8
 							},
-							children: [/* @__PURE__ */ b(c, { size: 16 }), O]
-						}), /* @__PURE__ */ b("button", {
+							children: [/* @__PURE__ */ x(c, { size: 16 }), O]
+						}), /* @__PURE__ */ x("button", {
 							onClick: () => k(null),
 							style: {
 								background: "none",
@@ -392,9 +391,9 @@ var O = i(function() {
 							children: "×"
 						})]
 					}),
-					Q.length > 0 && /* @__PURE__ */ x("div", {
+					Q.length > 0 && /* @__PURE__ */ S("div", {
 						style: { marginBottom: "var(--space-sectionGap)" },
-						children: [/* @__PURE__ */ b("h2", {
+						children: [/* @__PURE__ */ x("h2", {
 							style: {
 								fontSize: "var(--font-size-body-md)",
 								fontWeight: "var(--font-weight-semibold)",
@@ -402,14 +401,14 @@ var O = i(function() {
 								marginBottom: 12
 							},
 							children: "Suggestions"
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ x("div", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(280px, 100%), 1fr))",
 								gap: 12
 							},
-							children: Q.map((e) => /* @__PURE__ */ x("button", {
-								onClick: () => ge(e.prompt),
+							children: Q.map((e) => /* @__PURE__ */ S("button", {
+								onClick: () => xe(e.prompt),
 								style: {
 									textAlign: "left",
 									padding: 12,
@@ -419,7 +418,7 @@ var O = i(function() {
 									cursor: "pointer"
 								},
 								children: [
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
 										style: {
 											fontWeight: "var(--font-weight-medium)",
 											fontSize: "var(--font-size-body-sm)",
@@ -428,7 +427,7 @@ var O = i(function() {
 										},
 										children: e.title
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											color: "var(--color-text-secondary)",
@@ -436,14 +435,14 @@ var O = i(function() {
 										},
 										children: e.exampleDescription || e.prompt.slice(0, 80)
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
 										style: {
 											display: "flex",
 											gap: 4,
 											marginTop: 8,
 											flexWrap: "wrap"
 										},
-										children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ b("span", {
+										children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ x("span", {
 											style: {
 												fontSize: 11,
 												padding: "2px 6px",
@@ -458,7 +457,7 @@ var O = i(function() {
 							}, e.id))
 						})]
 					}),
-					/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+					/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h2", {
 						style: {
 							fontSize: "var(--font-size-body-md)",
 							fontWeight: "var(--font-weight-semibold)",
@@ -466,63 +465,39 @@ var O = i(function() {
 							marginBottom: 12
 						},
 						children: "Recent Generations"
-					}), le && Z.length === 0 ? /* @__PURE__ */ x("div", {
+					}), me && Z.length === 0 ? /* @__PURE__ */ S("div", {
 						style: {
 							textAlign: "center",
 							padding: 40,
 							color: "var(--color-text-muted)"
 						},
-						children: [/* @__PURE__ */ b(f, {
+						children: [/* @__PURE__ */ x(p, {
 							size: 24,
 							className: "animate-spin",
 							style: { margin: "0 auto 8px" }
-						}), /* @__PURE__ */ b("p", { children: "Loading generations..." })]
-					}) : Z.length === 0 && !g ? /* @__PURE__ */ x("div", {
-						style: {
-							textAlign: "center",
-							padding: 40,
-							backgroundColor: "var(--color-bg-surface)",
-							border: "1px solid var(--color-border)",
-							borderRadius: "var(--radius-card)"
-						},
-						children: [
-							/* @__PURE__ */ b(p, {
-								size: 32,
-								style: {
-									color: "var(--color-text-muted)",
-									margin: "0 auto 8px"
-								}
-							}),
-							/* @__PURE__ */ b("p", {
-								style: {
-									color: "var(--color-text-secondary)",
-									fontWeight: "var(--font-weight-medium)"
-								},
-								children: "No generations yet"
-							}),
-							/* @__PURE__ */ b("p", {
-								style: {
-									color: "var(--color-text-muted)",
-									fontSize: "var(--font-size-body-sm)",
-									marginTop: 4
-								},
-								children: "Describe a dashboard above to get started"
-							})
-						]
-					}) : /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ x("p", { children: "Loading generations..." })]
+					}) : Z.length === 0 && !g ? /* @__PURE__ */ x(ae, {
+						treatment: "insight",
+						className: "border-border-seam",
+						children: /* @__PURE__ */ x(se, {
+							illustration: "onboarding",
+							title: "No generations yet",
+							description: "Describe a dashboard above to get started"
+						})
+					}) : /* @__PURE__ */ S("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: 12
 						},
-						children: [g && !W && /* @__PURE__ */ b("div", {
+						children: [g && !W && /* @__PURE__ */ x("div", {
 							style: {
 								padding: 16,
 								borderRadius: "var(--radius-card)",
 								border: "1px solid var(--color-border)",
 								backgroundColor: "var(--color-bg-surface)"
 							},
-							children: /* @__PURE__ */ x("div", {
+							children: /* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
@@ -531,7 +506,7 @@ var O = i(function() {
 								},
 								children: [
 									E("PROCESSING"),
-									/* @__PURE__ */ b("span", {
+									/* @__PURE__ */ x("span", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											fontWeight: "var(--font-weight-medium)",
@@ -539,7 +514,7 @@ var O = i(function() {
 										},
 										children: "Generating..."
 									}),
-									/* @__PURE__ */ b("span", {
+									/* @__PURE__ */ x("span", {
 										style: {
 											fontSize: 11,
 											color: "var(--color-text-muted)",
@@ -551,14 +526,14 @@ var O = i(function() {
 									})
 								]
 							})
-						}), Z.map((e) => /* @__PURE__ */ b("div", {
+						}), Z.map((e) => /* @__PURE__ */ x("div", {
 							style: {
 								padding: 16,
 								borderRadius: "var(--radius-card)",
 								border: "1px solid var(--color-border)",
 								backgroundColor: "var(--color-bg-surface)"
 							},
-							children: /* @__PURE__ */ x("div", {
+							children: /* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									justifyContent: "space-between",
@@ -566,13 +541,13 @@ var O = i(function() {
 									flexWrap: "wrap",
 									gap: 8
 								},
-								children: [/* @__PURE__ */ x("div", {
+								children: [/* @__PURE__ */ S("div", {
 									style: {
 										flex: "1 1 200px",
 										minWidth: 0
 									},
 									children: [
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ S("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -582,7 +557,7 @@ var O = i(function() {
 											},
 											children: [
 												E(e.status),
-												/* @__PURE__ */ b("span", {
+												/* @__PURE__ */ x("span", {
 													style: {
 														fontSize: "var(--font-size-body-sm)",
 														fontWeight: "var(--font-weight-medium)",
@@ -594,7 +569,7 @@ var O = i(function() {
 													},
 													children: e.generatedSpec?.name || "Generating..."
 												}),
-												/* @__PURE__ */ b("span", {
+												/* @__PURE__ */ x("span", {
 													style: {
 														fontSize: 11,
 														color: "var(--color-text-muted)",
@@ -606,7 +581,7 @@ var O = i(function() {
 												})
 											]
 										}),
-										/* @__PURE__ */ b("p", {
+										/* @__PURE__ */ x("p", {
 											style: {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-text-secondary)",
@@ -614,7 +589,7 @@ var O = i(function() {
 											},
 											children: e.prompt.length > 120 ? e.prompt.slice(0, 120) + "..." : e.prompt
 										}),
-										e.generatedSpec && /* @__PURE__ */ x("div", {
+										e.generatedSpec && /* @__PURE__ */ S("div", {
 											style: {
 												fontSize: 11,
 												color: "var(--color-text-muted)"
@@ -630,7 +605,7 @@ var O = i(function() {
 												"% confidence"
 											]
 										}),
-										e.errorMessage && /* @__PURE__ */ x("div", {
+										e.errorMessage && /* @__PURE__ */ S("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -639,19 +614,19 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-status-error-text)"
 											},
-											children: [/* @__PURE__ */ b(c, { size: 14 }), e.errorMessage]
+											children: [/* @__PURE__ */ x(c, { size: 14 }), e.errorMessage]
 										})
 									]
-								}), /* @__PURE__ */ x("div", {
+								}), /* @__PURE__ */ S("div", {
 									style: {
 										display: "flex",
 										gap: 8,
 										flexWrap: "wrap"
 									},
 									children: [
-										T.includes(e.status) && /* @__PURE__ */ x("button", {
+										T.includes(e.status) && /* @__PURE__ */ S("button", {
 											onClick: () => {
-												n("medium"), pe(e.id);
+												n("medium"), ve(e.id);
 											},
 											disabled: A.has(e.id),
 											title: "Cancel generation",
@@ -667,9 +642,9 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: A.has(e.id) ? "wait" : "pointer"
 											},
-											children: [/* @__PURE__ */ b(ee, { size: 14 }), " Cancel"]
+											children: [/* @__PURE__ */ x(u, { size: 14 }), " Cancel"]
 										}),
-										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ x("button", {
+										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ S("button", {
 											onClick: () => N(e),
 											title: "Preview proposed layout",
 											style: {
@@ -684,9 +659,9 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: [/* @__PURE__ */ b(te, { size: 14 }), " Preview"]
+											children: [/* @__PURE__ */ x(ee, { size: 14 }), " Preview"]
 										}),
-										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ x("button", {
+										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ S("button", {
 											onClick: () => {
 												F(e), L("");
 											},
@@ -703,11 +678,11 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: [/* @__PURE__ */ b(h, { size: 14 }), " Refine"]
+											children: [/* @__PURE__ */ x(h, { size: 14 }), " Refine"]
 										}),
-										(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ x("button", {
+										(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ S("button", {
 											onClick: () => {
-												n("medium"), me(e.id);
+												n("medium"), ye(e.id);
 											},
 											disabled: A.has(e.id),
 											title: "Regenerate with the same prompt",
@@ -723,13 +698,13 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: A.has(e.id) ? "wait" : "pointer"
 											},
-											children: [/* @__PURE__ */ b(ne, {
+											children: [/* @__PURE__ */ x(te, {
 												size: 14,
 												className: A.has(e.id) ? "animate-spin" : ""
 											}), " Regenerate"]
 										}),
-										e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ x("button", {
-											onClick: () => de(e.id),
+										e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ S("button", {
+											onClick: () => ge(e.id),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -742,9 +717,9 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: ["Create ", /* @__PURE__ */ b(l, { size: 14 })]
+											children: ["Create ", /* @__PURE__ */ x(l, { size: 14 })]
 										}),
-										e.dashboardId && /* @__PURE__ */ x("button", {
+										e.dashboardId && /* @__PURE__ */ S("button", {
 											onClick: () => i(`/dashboards/${e.dashboardId}`),
 											style: {
 												display: "flex",
@@ -758,11 +733,11 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: ["View Dashboard ", /* @__PURE__ */ b(l, { size: 14 })]
+											children: ["View Dashboard ", /* @__PURE__ */ x(l, { size: 14 })]
 										}),
-										/* @__PURE__ */ b("button", {
+										/* @__PURE__ */ x("button", {
 											onClick: () => {
-												n("medium"), fe(e.id);
+												n("medium"), _e(e.id);
 											},
 											title: "Delete generation",
 											style: {
@@ -775,7 +750,7 @@ var O = i(function() {
 												color: "var(--color-text-muted)",
 												cursor: "pointer"
 											},
-											children: /* @__PURE__ */ b(m, { size: 14 })
+											children: /* @__PURE__ */ x(ne, { size: 14 })
 										})
 									]
 								})]
@@ -784,7 +759,7 @@ var O = i(function() {
 					})] })
 				]
 			}),
-			M?.generatedSpec && /* @__PURE__ */ b("div", {
+			M?.generatedSpec && /* @__PURE__ */ x("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": "Generation preview",
@@ -799,7 +774,7 @@ var O = i(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ S("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						width: "min(640px, 100%)",
@@ -812,7 +787,7 @@ var O = i(function() {
 						padding: "var(--space-cardPadding)"
 					},
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								justifyContent: "space-between",
@@ -820,15 +795,15 @@ var O = i(function() {
 								gap: 8,
 								marginBottom: "var(--space-controlGap)"
 							},
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ S("div", {
 								style: { minWidth: 0 },
-								children: [/* @__PURE__ */ b("h3", {
+								children: [/* @__PURE__ */ x("h3", {
 									style: {
 										fontSize: "var(--font-size-heading-h4)",
 										fontWeight: "var(--font-weight-semibold)"
 									},
 									children: M.generatedSpec.name
-								}), M.generatedSpec.description && /* @__PURE__ */ b("p", {
+								}), M.generatedSpec.description && /* @__PURE__ */ x("p", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)",
@@ -836,7 +811,7 @@ var O = i(function() {
 									},
 									children: M.generatedSpec.description
 								})]
-							}), /* @__PURE__ */ b("button", {
+							}), /* @__PURE__ */ x("button", {
 								onClick: () => N(null),
 								"aria-label": "Close preview",
 								style: {
@@ -848,10 +823,10 @@ var O = i(function() {
 									color: "var(--color-text-muted)",
 									cursor: "pointer"
 								},
-								children: /* @__PURE__ */ b(re, { size: 18 })
+								children: /* @__PURE__ */ x(re, { size: 18 })
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								fontSize: 11,
 								color: "var(--color-text-muted)",
@@ -868,9 +843,9 @@ var O = i(function() {
 								"% confidence"
 							]
 						}),
-						M.generatedSpec.pages.map((e, t) => /* @__PURE__ */ x("div", {
+						M.generatedSpec.pages.map((e, t) => /* @__PURE__ */ S("div", {
 							style: { marginBottom: "var(--space-controlGap)" },
-							children: [/* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ x("div", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									fontWeight: "var(--font-weight-medium)",
@@ -878,13 +853,13 @@ var O = i(function() {
 									marginBottom: 4
 								},
 								children: e.name
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ x("div", {
 								style: {
 									display: "flex",
 									flexWrap: "wrap",
 									gap: 6
 								},
-								children: e.widgets.map((e, t) => /* @__PURE__ */ x("span", {
+								children: e.widgets.map((e, t) => /* @__PURE__ */ S("span", {
 									style: {
 										fontSize: 11,
 										padding: "3px 8px",
@@ -903,7 +878,7 @@ var O = i(function() {
 					]
 				})
 			}),
-			P && /* @__PURE__ */ b("div", {
+			P && /* @__PURE__ */ x("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": "Refine generation",
@@ -918,7 +893,7 @@ var O = i(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ S("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						width: "min(520px, 100%)",
@@ -929,7 +904,7 @@ var O = i(function() {
 						padding: "var(--space-cardPadding)"
 					},
 					children: [
-						/* @__PURE__ */ b("h3", {
+						/* @__PURE__ */ x("h3", {
 							style: {
 								fontSize: "var(--font-size-heading-h4)",
 								fontWeight: "var(--font-weight-semibold)",
@@ -937,7 +912,7 @@ var O = i(function() {
 							},
 							children: "Refine dashboard"
 						}),
-						/* @__PURE__ */ b("p", {
+						/* @__PURE__ */ x("p", {
 							style: {
 								fontSize: "var(--font-size-body-sm)",
 								color: "var(--color-text-muted)",
@@ -945,7 +920,7 @@ var O = i(function() {
 							},
 							children: "Describe what to change — the AI keeps the existing spec and applies your instructions."
 						}),
-						/* @__PURE__ */ b("textarea", {
+						/* @__PURE__ */ x("textarea", {
 							value: I,
 							onChange: (e) => L(e.target.value),
 							maxLength: 2e3,
@@ -963,14 +938,14 @@ var O = i(function() {
 								marginBottom: "var(--space-controlGap)"
 							}
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								justifyContent: "flex-end",
 								gap: 8,
 								flexWrap: "wrap"
 							},
-							children: [/* @__PURE__ */ b("button", {
+							children: [/* @__PURE__ */ x("button", {
 								onClick: () => F(null),
 								style: {
 									padding: "8px 16px",
@@ -982,8 +957,8 @@ var O = i(function() {
 									cursor: "pointer"
 								},
 								children: "Cancel"
-							}), /* @__PURE__ */ x("button", {
-								onClick: () => void he(),
+							}), /* @__PURE__ */ S("button", {
+								onClick: () => void be(),
 								disabled: !I.trim() || A.has(P.id),
 								style: {
 									display: "flex",
@@ -998,10 +973,10 @@ var O = i(function() {
 									cursor: !I.trim() || A.has(P.id) ? "not-allowed" : "pointer",
 									opacity: I.trim() ? 1 : .6
 								},
-								children: [A.has(P.id) ? /* @__PURE__ */ b(f, {
+								children: [A.has(P.id) ? /* @__PURE__ */ x(p, {
 									size: 14,
 									className: "animate-spin"
-								}) : /* @__PURE__ */ b(h, { size: 14 }), "Apply refinement"]
+								}) : /* @__PURE__ */ x(h, { size: 14 }), "Apply refinement"]
 							})]
 						})
 					]