@burdenoff/microfe-bigconsole 2026.716.2 → 2026.716.3

package/dist/bigconsole/pages/InsightsPage.js

@@ -1,15 +1,16 @@
 import { useAppNavigate as e } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
-import t from "../hooks/useBigConsoleAnalytics.js";
-import { isNative as n, nativeImpact as r, nativeNotify as i } from "../../utils/nativeBridge.js";
-import { memo as a, useCallback as o, useEffect as s, useState as c } from "react";
-import { AlertCircle as l, ArrowRight as u, Ban as d, CheckCircle as f, Clock as p, Eye as ee, Loader2 as m, RefreshCw as te, Sparkles as h, Trash2 as ne, Wand2 as g, X as re, XCircle as _ } from "lucide-react";
+import { reportBigConsoleQuotaError as t } from "../utils/quota.js";
+import n from "../hooks/useBigConsoleAnalytics.js";
+import { isNative as r, nativeImpact as i, nativeNotify as a } from "../../utils/nativeBridge.js";
+import { memo as o, useCallback as s, useEffect as c, useState as l } from "react";
+import { AlertCircle as u, ArrowRight as d, Ban as ee, CheckCircle as f, Clock as p, Eye as te, Loader2 as m, RefreshCw as ne, Sparkles as h, Trash2 as re, Wand2 as g, X as ie, XCircle as _ } from "lucide-react";
 import { gql as v } from "@apollo/client";
 import { useMutation as y, useQuery as b } from "@apollo/client/react";
-import { AuroraBackground as ie, EmphasisPanel as ae, GlassCard as oe, GradientText as se, IllustratedEmptyState as ce } from "@burdenoff/fe-libs/ui";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { AuroraBackground as ae, EmphasisPanel as oe, GlassCard as se, GradientText as ce, IllustratedEmptyState as x } from "@burdenoff/fe-libs/ui";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/bigconsole/pages/InsightsPage.tsx
-var C = v`
+var le = v`
   query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {
     listPromptGenerations(status: $status, first: $first) {
       edges {
@@ -38,7 +39,7 @@ var C = v`
       totalCount
     }
   }
-`, le = v`
+`, ue = v`
   query GetPromptSuggestions($category: String, $limit: Int) {
     getPromptSuggestions(category: $category, limit: $limit) {
       id
@@ -49,7 +50,7 @@ var C = v`
       tags
     }
   }
-`, ue = v`
+`, de = v`
   mutation GenerateDashboardFromPrompt($input: GenerateDashboardFromPromptInput!) {
     generateDashboardFromPrompt(input: $input) {
       id
@@ -57,24 +58,24 @@ var C = v`
       prompt
     }
   }
-`, de = v`
+`, fe = v`
   mutation CreateDashboardFromGeneration($input: CreateDashboardFromGenerationInput!) {
     createDashboardFromGeneration(input: $input) {
       id
     }
   }
-`, fe = v`
+`, pe = v`
   mutation DeletePromptGeneration($generationId: ID!) {
     deletePromptGeneration(generationId: $generationId)
   }
-`, pe = v`
+`, me = v`
   mutation CancelPromptGeneration($generationId: ID!) {
     cancelPromptGeneration(generationId: $generationId) {
       id
       status
     }
   }
-`, me = v`
+`, he = v`
   mutation RegenerateDashboard($input: RegenerateDashboardInput!) {
     regenerateDashboard(input: $input) {
       id
@@ -82,7 +83,7 @@ var C = v`
       prompt
     }
   }
-`, he = v`
+`, ge = v`
   mutation RefineGeneratedDashboard($input: RefineGeneratedDashboardInput!) {
     refineGeneratedDashboard(input: $input) {
       id
@@ -97,25 +98,25 @@ var C = v`
 ];
 function T(e) {
 	switch (e) {
-		case "COMPLETED": return /* @__PURE__ */ x(f, {
+		case "COMPLETED": return /* @__PURE__ */ S(f, {
 			size: 16,
 			className: "text-green-500"
 		});
-		case "FAILED": return /* @__PURE__ */ x(_, {
+		case "FAILED": return /* @__PURE__ */ S(_, {
 			size: 16,
 			className: "text-red-500"
 		});
-		case "CANCELLED": return /* @__PURE__ */ x(_, {
+		case "CANCELLED": return /* @__PURE__ */ S(_, {
 			size: 16,
 			className: "text-gray-400"
 		});
 		case "PENDING":
 		case "PROCESSING":
-		case "GENERATING": return /* @__PURE__ */ x(m, {
+		case "GENERATING": return /* @__PURE__ */ S(m, {
 			size: 16,
 			className: "text-blue-500 animate-spin"
 		});
-		default: return /* @__PURE__ */ x(p, {
+		default: return /* @__PURE__ */ S(p, {
 			size: 16,
 			className: "text-gray-400"
 		});
@@ -132,31 +133,31 @@ function E(e) {
 		default: return e;
 	}
 }
-var D = a(function() {
-	let a = e(), f = t(), [p, _] = c(""), [v, D] = c(!1), [O, k] = c(null), [A, j] = c(() => /* @__PURE__ */ new Set()), [M, N] = c(null), [P, F] = c(null), [I, L] = c(""), R = o((e) => {
+var D = o(function() {
+	let o = e(), f = n(), [p, _] = l(""), [v, D] = l(!1), [O, k] = l(null), [A, j] = l(() => /* @__PURE__ */ new Set()), [M, N] = l(null), [P, F] = l(null), [I, L] = l(""), R = s((e) => {
 		j((t) => new Set(t).add(e));
-	}, []), z = o((e) => {
+	}, []), z = s((e) => {
 		j((t) => {
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
-	}, []), { data: B, loading: ge, refetch: V, startPolling: H, stopPolling: U } = b(C, {
+	}, []), { data: B, loading: _e, refetch: V, startPolling: H, stopPolling: U } = b(le, {
 		variables: { first: 20 },
 		fetchPolicy: "cache-and-network"
-	}), W = B?.listPromptGenerations?.edges?.some((e) => w.includes(e.node.status)) ?? !1, { data: _e } = b(le, { variables: { limit: 6 } }), [G] = y(ue), [K] = y(de), [q] = y(fe), [J] = y(pe), [Y] = y(me), [X] = y(he), Z = B?.listPromptGenerations?.edges?.map((e) => e.node) || [], Q = _e?.getPromptSuggestions || [];
-	s(() => (W || v ? H(2e3) : U(), () => U()), [
+	}), W = B?.listPromptGenerations?.edges?.some((e) => w.includes(e.node.status)) ?? !1, { data: ve } = b(ue, { variables: { limit: 6 } }), [G] = y(de), [K] = y(fe), [q] = y(pe), [J] = y(me), [Y] = y(he), [X] = y(ge), Z = B?.listPromptGenerations?.edges?.map((e) => e.node) || [], Q = ve?.getPromptSuggestions || [];
+	c(() => (W || v ? H(2e3) : U(), () => U()), [
 		W,
 		v,
 		H,
 		U
-	]), s(() => {
+	]), c(() => {
 		if (!M && !P) return;
 		let e = (e) => {
 			e.key === "Escape" && (N(null), F(null));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [M, P]);
-	let $ = o(async () => {
+	let $ = s(async () => {
 		if (!(!p.trim() || v)) {
 			if (p.length > 2e3) {
 				k("Prompt is too long (max 2000 characters).");
@@ -165,17 +166,20 @@ var D = a(function() {
 			k(null), D(!0);
 			try {
 				f("bigconsole.ai.generate_clicked", { maxWidgets: 8 });
-				let e = (await G({ variables: { input: {
+				let e = await G({ variables: { input: {
 					prompt: p.trim(),
 					styleType: "MODERN",
 					layoutType: "GRID",
 					maxWidgets: 8
-				} } })).data?.generateDashboardFromPrompt?.id;
-				e && f("bigconsole.ai.dashboard_generated", {
-					generationId: e,
+				} } });
+				if (t(e, "command")) return;
+				let n = e.data?.generateDashboardFromPrompt?.id;
+				n && f("bigconsole.ai.dashboard_generated", {
+					generationId: n,
 					maxWidgets: 8
 				}), _(""), V();
 			} catch (e) {
+				if (t(e, "command")) return;
 				k(e instanceof Error ? e.message : "Failed to generate dashboard");
 			} finally {
 				D(!1);
@@ -187,30 +191,33 @@ var D = a(function() {
 		v,
 		G,
 		V
-	]), ve = o(async (e) => {
+	]), ye = s(async (e) => {
 		k(null);
 		try {
 			f("bigconsole.ai.create_dashboard_clicked", { generationId: e });
-			let t = (await K({ variables: { input: { generationId: e } } })).data?.createDashboardFromGeneration?.id;
-			t && (f("bigconsole.ai.dashboard_created", {
+			let n = await K({ variables: { input: { generationId: e } } });
+			if (t(n, "project")) return;
+			let r = n.data?.createDashboardFromGeneration?.id;
+			r && (f("bigconsole.ai.dashboard_created", {
 				generationId: e,
-				dashboardId: t
-			}), a(`/dashboards/${t}`));
+				dashboardId: r
+			}), o(`/dashboards/${r}`));
 		} catch (e) {
+			if (t(e, "project")) return;
 			k(e instanceof Error ? e.message : "Failed to create dashboard");
 		}
 	}, [
 		K,
 		f,
-		a
-	]), ye = o(async (e) => {
+		o
+	]), be = s(async (e) => {
 		k(null);
 		try {
-			await q({ variables: { generationId: e } }), n() && i("success"), V();
+			await q({ variables: { generationId: e } }), r() && a("success"), V();
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Failed to delete generation"), n() && i("error");
+			k(e instanceof Error ? e.message : "Failed to delete generation"), r() && a("error");
 		}
-	}, [q, V]), be = o(async (e) => {
+	}, [q, V]), xe = s(async (e) => {
 		k(null), R(e);
 		try {
 			await J({ variables: { generationId: e } }), V();
@@ -219,73 +226,84 @@ var D = a(function() {
 		} finally {
 			z(e);
 		}
-	}, [J, V]), xe = o(async (e) => {
+	}, [J, V]), Se = s(async (e) => {
 		k(null), R(e);
 		try {
-			await Y({ variables: { input: { generationId: e } } }), V();
+			if (t(await Y({ variables: { input: { generationId: e } } }), "command")) return;
+			V();
 		} catch (e) {
+			if (t(e, "command")) return;
 			k(e instanceof Error ? e.message : "Failed to regenerate dashboard");
 		} finally {
 			z(e);
 		}
-	}, [Y, V]), Se = o(async () => {
+	}, [Y, V]), Ce = s(async () => {
 		if (!P || !I.trim()) return;
 		let e = P.id;
 		k(null), R(e);
+		let n = !1;
 		try {
-			await X({ variables: { input: {
+			if (t(await X({ variables: { input: {
 				generationId: e,
 				refinementPrompt: I.trim()
-			} } }), F(null), L(""), V();
+			} } }), "command")) {
+				n = !0;
+				return;
+			}
+			n = !0, V();
 		} catch (e) {
+			if (t(e, "command")) {
+				n = !0;
+				return;
+			}
 			k(e instanceof Error ? e.message : "Failed to refine generation");
 		} finally {
-			z(e);
+			n && (F(null), L("")), z(e);
 		}
 	}, [
 		P,
 		I,
 		X,
 		V
-	]), Ce = o((e) => {
+	]), we = s((e) => {
 		_(e);
 	}, []);
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				style: {
 					padding: "var(--space-pagePadding)",
 					maxWidth: 960,
 					margin: "0 auto"
 				},
 				children: [
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ C("div", {
 						className: "relative mb-[var(--space-sectionGap)] overflow-hidden rounded-card border border-border-seam bg-gloss-card p-6",
 						children: [
-							/* @__PURE__ */ x(ie, { intensity: "subtle" }),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ S(ae, { intensity: "subtle" }),
+							/* @__PURE__ */ C("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ x(h, {
+								children: [/* @__PURE__ */ S(h, {
 									size: 24,
 									style: { color: "var(--color-action-primary-bg)" }
-								}), /* @__PURE__ */ x("h1", {
+								}), /* @__PURE__ */ S("h1", {
 									style: {
 										fontSize: "var(--font-size-heading-h4)",
 										fontWeight: "var(--font-weight-bold)",
 										color: "var(--color-text-primary)"
 									},
-									children: /* @__PURE__ */ x(se, { children: "AI Insights" })
+									children: /* @__PURE__ */ S(ce, { children: "AI Insights" })
 								})]
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ S("p", {
 								style: {
 									fontSize: "var(--font-size-body-md)",
 									color: "var(--color-text-secondary)",
@@ -295,10 +313,10 @@ var D = a(function() {
 							})
 						]
 					}),
-					/* @__PURE__ */ S(ae, {
+					/* @__PURE__ */ C(oe, {
 						className: "mb-[var(--space-sectionGap)] p-[var(--space-cardPadding)]",
 						children: [
-							/* @__PURE__ */ x("label", {
+							/* @__PURE__ */ S("label", {
 								htmlFor: "prompt-input",
 								style: {
 									display: "block",
@@ -309,7 +327,7 @@ var D = a(function() {
 								},
 								children: "Describe the dashboard you want to create"
 							}),
-							/* @__PURE__ */ x("textarea", {
+							/* @__PURE__ */ S("textarea", {
 								id: "prompt-input",
 								value: p,
 								onChange: (e) => _(e.target.value),
@@ -331,7 +349,7 @@ var D = a(function() {
 									e.key === "Enter" && (e.metaKey || e.ctrlKey) && $();
 								}
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ C("div", {
 								style: {
 									display: "flex",
 									justifyContent: "space-between",
@@ -340,13 +358,13 @@ var D = a(function() {
 									flexWrap: "wrap",
 									gap: 8
 								},
-								children: [/* @__PURE__ */ x("span", {
+								children: [/* @__PURE__ */ S("span", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)"
 									},
 									children: "Press Ctrl+Enter to generate"
-								}), /* @__PURE__ */ S("button", {
+								}), /* @__PURE__ */ C("button", {
 									onClick: $,
 									disabled: !p.trim() || v,
 									style: {
@@ -363,15 +381,15 @@ var D = a(function() {
 										cursor: !p.trim() || v ? "not-allowed" : "pointer",
 										opacity: !p.trim() || v ? .5 : 1
 									},
-									children: [v ? /* @__PURE__ */ x(m, {
+									children: [v ? /* @__PURE__ */ S(m, {
 										size: 16,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ x(h, { size: 16 }), "Generate Dashboard"]
+									}) : /* @__PURE__ */ S(h, { size: 16 }), "Generate Dashboard"]
 								})]
 							})
 						]
 					}),
-					O && /* @__PURE__ */ S("div", {
+					O && /* @__PURE__ */ C("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -385,14 +403,14 @@ var D = a(function() {
 							color: "var(--color-status-error-text)",
 							fontSize: "var(--font-size-body-sm)"
 						},
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ C("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 8
 							},
-							children: [/* @__PURE__ */ x(l, { size: 16 }), O]
-						}), /* @__PURE__ */ x("button", {
+							children: [/* @__PURE__ */ S(u, { size: 16 }), O]
+						}), /* @__PURE__ */ S("button", {
 							onClick: () => k(null),
 							style: {
 								background: "none",
@@ -406,9 +424,9 @@ var D = a(function() {
 							children: "×"
 						})]
 					}),
-					Q.length > 0 && /* @__PURE__ */ S("div", {
+					Q.length > 0 && /* @__PURE__ */ C("div", {
 						style: { marginBottom: "var(--space-sectionGap)" },
-						children: [/* @__PURE__ */ x("h2", {
+						children: [/* @__PURE__ */ S("h2", {
 							style: {
 								fontSize: "var(--font-size-body-md)",
 								fontWeight: "var(--font-weight-semibold)",
@@ -416,14 +434,14 @@ var D = a(function() {
 								marginBottom: 12
 							},
 							children: "Suggestions"
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ S("div", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(280px, 100%), 1fr))",
 								gap: 12
 							},
-							children: Q.map((e) => /* @__PURE__ */ S("button", {
-								onClick: () => Ce(e.prompt),
+							children: Q.map((e) => /* @__PURE__ */ C("button", {
+								onClick: () => we(e.prompt),
 								style: {
 									textAlign: "left",
 									padding: 12,
@@ -433,7 +451,7 @@ var D = a(function() {
 									cursor: "pointer"
 								},
 								children: [
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										style: {
 											fontWeight: "var(--font-weight-medium)",
 											fontSize: "var(--font-size-body-sm)",
@@ -442,7 +460,7 @@ var D = a(function() {
 										},
 										children: e.title
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											color: "var(--color-text-secondary)",
@@ -450,14 +468,14 @@ var D = a(function() {
 										},
 										children: e.exampleDescription || e.prompt.slice(0, 80)
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("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__ */ S("span", {
 											style: {
 												fontSize: 11,
 												padding: "2px 6px",
@@ -472,7 +490,7 @@ var D = a(function() {
 							}, e.id))
 						})]
 					}),
-					/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h2", {
+					/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h2", {
 						style: {
 							fontSize: "var(--font-size-body-md)",
 							fontWeight: "var(--font-weight-semibold)",
@@ -480,39 +498,39 @@ var D = a(function() {
 							marginBottom: 12
 						},
 						children: "Recent Generations"
-					}), ge && Z.length === 0 ? /* @__PURE__ */ S("div", {
+					}), _e && Z.length === 0 ? /* @__PURE__ */ C("div", {
 						style: {
 							textAlign: "center",
 							padding: 40,
 							color: "var(--color-text-muted)"
 						},
-						children: [/* @__PURE__ */ x(m, {
+						children: [/* @__PURE__ */ S(m, {
 							size: 24,
 							className: "animate-spin",
 							style: { margin: "0 auto 8px" }
-						}), /* @__PURE__ */ x("p", { children: "Loading generations..." })]
-					}) : Z.length === 0 && !v ? /* @__PURE__ */ x(oe, {
+						}), /* @__PURE__ */ S("p", { children: "Loading generations..." })]
+					}) : Z.length === 0 && !v ? /* @__PURE__ */ S(se, {
 						treatment: "insight",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ x(ce, {
+						children: /* @__PURE__ */ S(x, {
 							illustration: "onboarding",
 							title: "No generations yet",
 							description: "Describe a dashboard above to get started"
 						})
-					}) : /* @__PURE__ */ S("div", {
+					}) : /* @__PURE__ */ C("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: 12
 						},
-						children: [v && !W && /* @__PURE__ */ x("div", {
+						children: [v && !W && /* @__PURE__ */ S("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__ */ C("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
@@ -521,7 +539,7 @@ var D = a(function() {
 								},
 								children: [
 									T("PROCESSING"),
-									/* @__PURE__ */ x("span", {
+									/* @__PURE__ */ S("span", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											fontWeight: "var(--font-weight-medium)",
@@ -529,7 +547,7 @@ var D = a(function() {
 										},
 										children: "Generating..."
 									}),
-									/* @__PURE__ */ x("span", {
+									/* @__PURE__ */ S("span", {
 										style: {
 											fontSize: 11,
 											color: "var(--color-text-muted)",
@@ -541,14 +559,14 @@ var D = a(function() {
 									})
 								]
 							})
-						}), Z.map((e) => /* @__PURE__ */ x("div", {
+						}), Z.map((e) => /* @__PURE__ */ S("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__ */ C("div", {
 								style: {
 									display: "flex",
 									justifyContent: "space-between",
@@ -556,13 +574,13 @@ var D = a(function() {
 									flexWrap: "wrap",
 									gap: 8
 								},
-								children: [/* @__PURE__ */ S("div", {
+								children: [/* @__PURE__ */ C("div", {
 									style: {
 										flex: "1 1 200px",
 										minWidth: 0
 									},
 									children: [
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ C("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -572,7 +590,7 @@ var D = a(function() {
 											},
 											children: [
 												T(e.status),
-												/* @__PURE__ */ x("span", {
+												/* @__PURE__ */ S("span", {
 													style: {
 														fontSize: "var(--font-size-body-sm)",
 														fontWeight: "var(--font-weight-medium)",
@@ -584,7 +602,7 @@ var D = a(function() {
 													},
 													children: e.generatedSpec?.name || "Generating..."
 												}),
-												/* @__PURE__ */ x("span", {
+												/* @__PURE__ */ S("span", {
 													style: {
 														fontSize: 11,
 														color: "var(--color-text-muted)",
@@ -596,7 +614,7 @@ var D = a(function() {
 												})
 											]
 										}),
-										/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ S("p", {
 											style: {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-text-secondary)",
@@ -604,7 +622,7 @@ var D = a(function() {
 											},
 											children: e.prompt.length > 120 ? e.prompt.slice(0, 120) + "..." : e.prompt
 										}),
-										e.generatedSpec && /* @__PURE__ */ S("div", {
+										e.generatedSpec && /* @__PURE__ */ C("div", {
 											style: {
 												fontSize: 11,
 												color: "var(--color-text-muted)"
@@ -620,7 +638,7 @@ var D = a(function() {
 												"% confidence"
 											]
 										}),
-										e.errorMessage && /* @__PURE__ */ S("div", {
+										e.errorMessage && /* @__PURE__ */ C("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -629,19 +647,19 @@ var D = a(function() {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-status-error-text)"
 											},
-											children: [/* @__PURE__ */ x(l, { size: 14 }), e.errorMessage]
+											children: [/* @__PURE__ */ S(u, { size: 14 }), e.errorMessage]
 										})
 									]
-								}), /* @__PURE__ */ S("div", {
+								}), /* @__PURE__ */ C("div", {
 									style: {
 										display: "flex",
 										gap: 8,
 										flexWrap: "wrap"
 									},
 									children: [
-										w.includes(e.status) && /* @__PURE__ */ S("button", {
+										w.includes(e.status) && /* @__PURE__ */ C("button", {
 											onClick: () => {
-												r("medium"), be(e.id);
+												i("medium"), xe(e.id);
 											},
 											disabled: A.has(e.id),
 											title: "Cancel generation",
@@ -657,9 +675,9 @@ var D = a(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: A.has(e.id) ? "wait" : "pointer"
 											},
-											children: [/* @__PURE__ */ x(d, { size: 14 }), " Cancel"]
+											children: [/* @__PURE__ */ S(ee, { size: 14 }), " Cancel"]
 										}),
-										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ S("button", {
+										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ C("button", {
 											onClick: () => N(e),
 											title: "Preview proposed layout",
 											style: {
@@ -674,9 +692,9 @@ var D = a(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: [/* @__PURE__ */ x(ee, { size: 14 }), " Preview"]
+											children: [/* @__PURE__ */ S(te, { size: 14 }), " Preview"]
 										}),
-										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ S("button", {
+										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ C("button", {
 											onClick: () => {
 												F(e), L("");
 											},
@@ -693,11 +711,11 @@ var D = a(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: [/* @__PURE__ */ x(g, { size: 14 }), " Refine"]
+											children: [/* @__PURE__ */ S(g, { 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__ */ C("button", {
 											onClick: () => {
-												r("medium"), xe(e.id);
+												i("medium"), Se(e.id);
 											},
 											disabled: A.has(e.id),
 											title: "Regenerate with the same prompt",
@@ -713,13 +731,13 @@ var D = a(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: A.has(e.id) ? "wait" : "pointer"
 											},
-											children: [/* @__PURE__ */ x(te, {
+											children: [/* @__PURE__ */ S(ne, {
 												size: 14,
 												className: A.has(e.id) ? "animate-spin" : ""
 											}), " Regenerate"]
 										}),
-										e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ S("button", {
-											onClick: () => ve(e.id),
+										e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ C("button", {
+											onClick: () => ye(e.id),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -732,10 +750,10 @@ var D = a(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: ["Create ", /* @__PURE__ */ x(u, { size: 14 })]
+											children: ["Create ", /* @__PURE__ */ S(d, { size: 14 })]
 										}),
-										e.dashboardId && /* @__PURE__ */ S("button", {
-											onClick: () => a(`/dashboards/${e.dashboardId}`),
+										e.dashboardId && /* @__PURE__ */ C("button", {
+											onClick: () => o(`/dashboards/${e.dashboardId}`),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -748,11 +766,11 @@ var D = a(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: ["View Dashboard ", /* @__PURE__ */ x(u, { size: 14 })]
+											children: ["View Dashboard ", /* @__PURE__ */ S(d, { size: 14 })]
 										}),
-										/* @__PURE__ */ x("button", {
+										/* @__PURE__ */ S("button", {
 											onClick: () => {
-												r("medium"), ye(e.id);
+												i("medium"), be(e.id);
 											},
 											title: "Delete generation",
 											style: {
@@ -765,7 +783,7 @@ var D = a(function() {
 												color: "var(--color-text-muted)",
 												cursor: "pointer"
 											},
-											children: /* @__PURE__ */ x(ne, { size: 14 })
+											children: /* @__PURE__ */ S(re, { size: 14 })
 										})
 									]
 								})]
@@ -774,7 +792,7 @@ var D = a(function() {
 					})] })
 				]
 			}),
-			M?.generatedSpec && /* @__PURE__ */ x("div", {
+			M?.generatedSpec && /* @__PURE__ */ S("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": "Generation preview",
@@ -789,7 +807,7 @@ var D = a(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ C("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						width: "min(640px, 100%)",
@@ -802,7 +820,7 @@ var D = a(function() {
 						padding: "var(--space-cardPadding)"
 					},
 					children: [
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ C("div", {
 							style: {
 								display: "flex",
 								justifyContent: "space-between",
@@ -810,15 +828,15 @@ var D = a(function() {
 								gap: 8,
 								marginBottom: "var(--space-controlGap)"
 							},
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ C("div", {
 								style: { minWidth: 0 },
-								children: [/* @__PURE__ */ x("h3", {
+								children: [/* @__PURE__ */ S("h3", {
 									style: {
 										fontSize: "var(--font-size-heading-h4)",
 										fontWeight: "var(--font-weight-semibold)"
 									},
 									children: M.generatedSpec.name
-								}), M.generatedSpec.description && /* @__PURE__ */ x("p", {
+								}), M.generatedSpec.description && /* @__PURE__ */ S("p", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)",
@@ -826,7 +844,7 @@ var D = a(function() {
 									},
 									children: M.generatedSpec.description
 								})]
-							}), /* @__PURE__ */ x("button", {
+							}), /* @__PURE__ */ S("button", {
 								onClick: () => N(null),
 								"aria-label": "Close preview",
 								style: {
@@ -838,10 +856,10 @@ var D = a(function() {
 									color: "var(--color-text-muted)",
 									cursor: "pointer"
 								},
-								children: /* @__PURE__ */ x(re, { size: 18 })
+								children: /* @__PURE__ */ S(ie, { size: 18 })
 							})]
 						}),
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ C("div", {
 							style: {
 								fontSize: 11,
 								color: "var(--color-text-muted)",
@@ -858,9 +876,9 @@ var D = a(function() {
 								"% confidence"
 							]
 						}),
-						M.generatedSpec.pages.map((e, t) => /* @__PURE__ */ S("div", {
+						M.generatedSpec.pages.map((e, t) => /* @__PURE__ */ C("div", {
 							style: { marginBottom: "var(--space-controlGap)" },
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ S("div", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									fontWeight: "var(--font-weight-medium)",
@@ -868,13 +886,13 @@ var D = a(function() {
 									marginBottom: 4
 								},
 								children: e.name
-							}), /* @__PURE__ */ x("div", {
+							}), /* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									flexWrap: "wrap",
 									gap: 6
 								},
-								children: e.widgets.map((e, t) => /* @__PURE__ */ S("span", {
+								children: e.widgets.map((e, t) => /* @__PURE__ */ C("span", {
 									style: {
 										fontSize: 11,
 										padding: "3px 8px",
@@ -893,7 +911,7 @@ var D = a(function() {
 					]
 				})
 			}),
-			P && /* @__PURE__ */ x("div", {
+			P && /* @__PURE__ */ S("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": "Refine generation",
@@ -908,7 +926,7 @@ var D = a(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ C("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						width: "min(520px, 100%)",
@@ -919,7 +937,7 @@ var D = a(function() {
 						padding: "var(--space-cardPadding)"
 					},
 					children: [
-						/* @__PURE__ */ x("h3", {
+						/* @__PURE__ */ S("h3", {
 							style: {
 								fontSize: "var(--font-size-heading-h4)",
 								fontWeight: "var(--font-weight-semibold)",
@@ -927,7 +945,7 @@ var D = a(function() {
 							},
 							children: "Refine dashboard"
 						}),
-						/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ S("p", {
 							style: {
 								fontSize: "var(--font-size-body-sm)",
 								color: "var(--color-text-muted)",
@@ -935,7 +953,7 @@ var D = a(function() {
 							},
 							children: "Describe what to change — the AI keeps the existing spec and applies your instructions."
 						}),
-						/* @__PURE__ */ x("textarea", {
+						/* @__PURE__ */ S("textarea", {
 							value: I,
 							onChange: (e) => L(e.target.value),
 							maxLength: 2e3,
@@ -953,14 +971,14 @@ var D = a(function() {
 								marginBottom: "var(--space-controlGap)"
 							}
 						}),
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ C("div", {
 							style: {
 								display: "flex",
 								justifyContent: "flex-end",
 								gap: 8,
 								flexWrap: "wrap"
 							},
-							children: [/* @__PURE__ */ x("button", {
+							children: [/* @__PURE__ */ S("button", {
 								onClick: () => F(null),
 								style: {
 									padding: "8px 16px",
@@ -972,8 +990,8 @@ var D = a(function() {
 									cursor: "pointer"
 								},
 								children: "Cancel"
-							}), /* @__PURE__ */ S("button", {
-								onClick: () => void Se(),
+							}), /* @__PURE__ */ C("button", {
+								onClick: () => void Ce(),
 								disabled: !I.trim() || A.has(P.id),
 								style: {
 									display: "flex",
@@ -988,10 +1006,10 @@ var D = a(function() {
 									cursor: !I.trim() || A.has(P.id) ? "not-allowed" : "pointer",
 									opacity: I.trim() ? 1 : .6
 								},
-								children: [A.has(P.id) ? /* @__PURE__ */ x(m, {
+								children: [A.has(P.id) ? /* @__PURE__ */ S(m, {
 									size: 14,
 									className: "animate-spin"
-								}) : /* @__PURE__ */ x(g, { size: 14 }), "Apply refinement"]
+								}) : /* @__PURE__ */ S(g, { size: 14 }), "Apply refinement"]
 							})]
 						})
 					]