@burdenoff/microfe-bigconsole 2026.711.2 → 2026.712.1

package/dist/bigconsole/pages/InsightsPage.js

@@ -1,14 +1,15 @@
 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 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 { AuroraBackground as b, EmphasisPanel as ie, GlassCard as ae, GradientText as oe, IllustratedEmptyState as se } from "@burdenoff/fe-libs/ui";
+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 { 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";
 //#region src/bigconsole/pages/InsightsPage.tsx
-var C = _`
+var C = v`
   query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {
     listPromptGenerations(status: $status, first: $first) {
       edges {
@@ -37,7 +38,7 @@ var C = _`
       totalCount
     }
   }
-`, ce = _`
+`, le = v`
   query GetPromptSuggestions($category: String, $limit: Int) {
     getPromptSuggestions(category: $category, limit: $limit) {
       id
@@ -48,7 +49,7 @@ var C = _`
       tags
     }
   }
-`, le = _`
+`, ue = v`
   mutation GenerateDashboardFromPrompt($input: GenerateDashboardFromPromptInput!) {
     generateDashboardFromPrompt(input: $input) {
       id
@@ -56,24 +57,24 @@ var C = _`
       prompt
     }
   }
-`, w = _`
+`, de = v`
   mutation CreateDashboardFromGeneration($input: CreateDashboardFromGenerationInput!) {
     createDashboardFromGeneration(input: $input) {
       id
     }
   }
-`, ue = _`
+`, fe = v`
   mutation DeletePromptGeneration($generationId: ID!) {
     deletePromptGeneration(generationId: $generationId)
   }
-`, de = _`
+`, pe = v`
   mutation CancelPromptGeneration($generationId: ID!) {
     cancelPromptGeneration(generationId: $generationId) {
       id
       status
     }
   }
-`, fe = _`
+`, me = v`
   mutation RegenerateDashboard($input: RegenerateDashboardInput!) {
     regenerateDashboard(input: $input) {
       id
@@ -81,7 +82,7 @@ var C = _`
       prompt
     }
   }
-`, pe = _`
+`, he = v`
   mutation RefineGeneratedDashboard($input: RefineGeneratedDashboardInput!) {
     refineGeneratedDashboard(input: $input) {
       id
@@ -89,38 +90,38 @@ var C = _`
       prompt
     }
   }
-`, T = [
+`, w = [
 	"PENDING",
 	"PROCESSING",
 	"GENERATING"
 ];
-function E(e) {
+function T(e) {
 	switch (e) {
-		case "COMPLETED": return /* @__PURE__ */ x(d, {
+		case "COMPLETED": return /* @__PURE__ */ x(f, {
 			size: 16,
 			className: "text-green-500"
 		});
-		case "FAILED": return /* @__PURE__ */ x(g, {
+		case "FAILED": return /* @__PURE__ */ x(_, {
 			size: 16,
 			className: "text-red-500"
 		});
-		case "CANCELLED": return /* @__PURE__ */ x(g, {
+		case "CANCELLED": return /* @__PURE__ */ x(_, {
 			size: 16,
 			className: "text-gray-400"
 		});
 		case "PENDING":
 		case "PROCESSING":
-		case "GENERATING": return /* @__PURE__ */ x(p, {
+		case "GENERATING": return /* @__PURE__ */ x(m, {
 			size: 16,
 			className: "text-blue-500 animate-spin"
 		});
-		default: return /* @__PURE__ */ x(f, {
+		default: return /* @__PURE__ */ x(p, {
 			size: 16,
 			className: "text-gray-400"
 		});
 	}
 }
-function D(e) {
+function E(e) {
 	switch (e) {
 		case "COMPLETED": return "Completed";
 		case "FAILED": return "Failed";
@@ -131,71 +132,85 @@ function D(e) {
 		default: return e;
 	}
 }
-var O = i(function() {
-	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) => {
+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) => {
 		j((t) => new Set(t).add(e));
-	}, []), z = a((e) => {
+	}, []), z = o((e) => {
 		j((t) => {
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
-	}, []), { data: B, loading: me, refetch: V, startPolling: H, stopPolling: U } = y(C, {
+	}, []), { data: B, loading: ge, refetch: V, startPolling: H, stopPolling: U } = b(C, {
 		variables: { first: 20 },
 		fetchPolicy: "cache-and-network"
-	}), 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 = 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,
-		g,
+		v,
 		H,
 		U
-	]), o(() => {
+	]), s(() => {
 		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 $ = a(async () => {
-		if (!(!d.trim() || g)) {
-			if (d.length > 2e3) {
+	let $ = o(async () => {
+		if (!(!p.trim() || v)) {
+			if (p.length > 2e3) {
 				k("Prompt is too long (max 2000 characters).");
 				return;
 			}
-			k(null), _(!0);
+			k(null), D(!0);
 			try {
-				await G({ variables: { input: {
-					prompt: d.trim(),
+				f("bigconsole.ai.generate_clicked", { maxWidgets: 8 });
+				let e = (await G({ variables: { input: {
+					prompt: p.trim(),
 					styleType: "MODERN",
 					layoutType: "GRID",
 					maxWidgets: 8
-				} } }), f(""), V();
+				} } })).data?.generateDashboardFromPrompt?.id;
+				e && f("bigconsole.ai.dashboard_generated", {
+					generationId: e,
+					maxWidgets: 8
+				}), _(""), V();
 			} catch (e) {
 				k(e instanceof Error ? e.message : "Failed to generate dashboard");
 			} finally {
-				_(!1);
+				D(!1);
 			}
 		}
 	}, [
-		d,
-		g,
+		f,
+		p,
+		v,
 		G,
 		V
-	]), ge = a(async (e) => {
+	]), ve = o(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 && i(`/dashboards/${t}`);
+			t && (f("bigconsole.ai.dashboard_created", {
+				generationId: e,
+				dashboardId: t
+			}), a(`/dashboards/${t}`));
 		} catch (e) {
 			k(e instanceof Error ? e.message : "Failed to create dashboard");
 		}
-	}, [K, i]), _e = a(async (e) => {
+	}, [
+		K,
+		f,
+		a
+	]), ye = o(async (e) => {
 		k(null);
 		try {
-			await q({ variables: { generationId: e } }), t() && r("success"), V();
+			await q({ variables: { generationId: e } }), n() && i("success"), V();
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Failed to delete generation"), t() && r("error");
+			k(e instanceof Error ? e.message : "Failed to delete generation"), n() && i("error");
 		}
-	}, [q, V]), ve = a(async (e) => {
+	}, [q, V]), be = o(async (e) => {
 		k(null), R(e);
 		try {
 			await J({ variables: { generationId: e } }), V();
@@ -204,7 +219,7 @@ var O = i(function() {
 		} finally {
 			z(e);
 		}
-	}, [J, V]), ye = a(async (e) => {
+	}, [J, V]), xe = o(async (e) => {
 		k(null), R(e);
 		try {
 			await Y({ variables: { input: { generationId: e } } }), V();
@@ -213,7 +228,7 @@ var O = i(function() {
 		} finally {
 			z(e);
 		}
-	}, [Y, V]), be = a(async () => {
+	}, [Y, V]), Se = o(async () => {
 		if (!P || !I.trim()) return;
 		let e = P.id;
 		k(null), R(e);
@@ -232,8 +247,8 @@ var O = i(function() {
 		I,
 		X,
 		V
-	]), xe = a((e) => {
-		f(e);
+	]), Ce = o((e) => {
+		_(e);
 	}, []);
 	return /* @__PURE__ */ S("div", {
 		style: {
@@ -251,14 +266,14 @@ var O = i(function() {
 					/* @__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__ */ x(ie, { intensity: "subtle" }),
 							/* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ x(m, {
+								children: [/* @__PURE__ */ x(h, {
 									size: 24,
 									style: { color: "var(--color-action-primary-bg)" }
 								}), /* @__PURE__ */ x("h1", {
@@ -267,7 +282,7 @@ var O = i(function() {
 										fontWeight: "var(--font-weight-bold)",
 										color: "var(--color-text-primary)"
 									},
-									children: /* @__PURE__ */ x(oe, { children: "AI Insights" })
+									children: /* @__PURE__ */ x(se, { children: "AI Insights" })
 								})]
 							}),
 							/* @__PURE__ */ x("p", {
@@ -280,7 +295,7 @@ var O = i(function() {
 							})
 						]
 					}),
-					/* @__PURE__ */ S(ie, {
+					/* @__PURE__ */ S(ae, {
 						className: "mb-[var(--space-sectionGap)] p-[var(--space-cardPadding)]",
 						children: [
 							/* @__PURE__ */ x("label", {
@@ -296,8 +311,8 @@ var O = i(function() {
 							}),
 							/* @__PURE__ */ x("textarea", {
 								id: "prompt-input",
-								value: d,
-								onChange: (e) => f(e.target.value),
+								value: p,
+								onChange: (e) => _(e.target.value),
 								placeholder: "e.g., Create a sales dashboard showing revenue trends, top products, and regional performance",
 								rows: 3,
 								maxLength: 2e3,
@@ -333,7 +348,7 @@ var O = i(function() {
 									children: "Press Ctrl+Enter to generate"
 								}), /* @__PURE__ */ S("button", {
 									onClick: $,
-									disabled: !d.trim() || g,
+									disabled: !p.trim() || v,
 									style: {
 										display: "flex",
 										alignItems: "center",
@@ -345,13 +360,13 @@ var O = i(function() {
 										fontWeight: "var(--font-weight-medium)",
 										fontSize: "var(--font-size-body-sm)",
 										border: "none",
-										cursor: !d.trim() || g ? "not-allowed" : "pointer",
-										opacity: !d.trim() || g ? .5 : 1
+										cursor: !p.trim() || v ? "not-allowed" : "pointer",
+										opacity: !p.trim() || v ? .5 : 1
 									},
-									children: [g ? /* @__PURE__ */ x(p, {
+									children: [v ? /* @__PURE__ */ x(m, {
 										size: 16,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ x(m, { size: 16 }), "Generate Dashboard"]
+									}) : /* @__PURE__ */ x(h, { size: 16 }), "Generate Dashboard"]
 								})]
 							})
 						]
@@ -376,7 +391,7 @@ var O = i(function() {
 								alignItems: "center",
 								gap: 8
 							},
-							children: [/* @__PURE__ */ x(c, { size: 16 }), O]
+							children: [/* @__PURE__ */ x(l, { size: 16 }), O]
 						}), /* @__PURE__ */ x("button", {
 							onClick: () => k(null),
 							style: {
@@ -408,7 +423,7 @@ var O = i(function() {
 								gap: 12
 							},
 							children: Q.map((e) => /* @__PURE__ */ S("button", {
-								onClick: () => xe(e.prompt),
+								onClick: () => Ce(e.prompt),
 								style: {
 									textAlign: "left",
 									padding: 12,
@@ -465,21 +480,21 @@ var O = i(function() {
 							marginBottom: 12
 						},
 						children: "Recent Generations"
-					}), me && Z.length === 0 ? /* @__PURE__ */ S("div", {
+					}), ge && Z.length === 0 ? /* @__PURE__ */ S("div", {
 						style: {
 							textAlign: "center",
 							padding: 40,
 							color: "var(--color-text-muted)"
 						},
-						children: [/* @__PURE__ */ x(p, {
+						children: [/* @__PURE__ */ x(m, {
 							size: 24,
 							className: "animate-spin",
 							style: { margin: "0 auto 8px" }
 						}), /* @__PURE__ */ x("p", { children: "Loading generations..." })]
-					}) : Z.length === 0 && !g ? /* @__PURE__ */ x(ae, {
+					}) : Z.length === 0 && !v ? /* @__PURE__ */ x(oe, {
 						treatment: "insight",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ x(se, {
+						children: /* @__PURE__ */ x(ce, {
 							illustration: "onboarding",
 							title: "No generations yet",
 							description: "Describe a dashboard above to get started"
@@ -490,7 +505,7 @@ var O = i(function() {
 							flexDirection: "column",
 							gap: 12
 						},
-						children: [g && !W && /* @__PURE__ */ x("div", {
+						children: [v && !W && /* @__PURE__ */ x("div", {
 							style: {
 								padding: 16,
 								borderRadius: "var(--radius-card)",
@@ -505,7 +520,7 @@ var O = i(function() {
 									minWidth: 0
 								},
 								children: [
-									E("PROCESSING"),
+									T("PROCESSING"),
 									/* @__PURE__ */ x("span", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
@@ -522,7 +537,7 @@ var O = i(function() {
 											borderRadius: 4,
 											backgroundColor: "var(--color-bg-sunken)"
 										},
-										children: D("PROCESSING")
+										children: E("PROCESSING")
 									})
 								]
 							})
@@ -556,7 +571,7 @@ var O = i(function() {
 												minWidth: 0
 											},
 											children: [
-												E(e.status),
+												T(e.status),
 												/* @__PURE__ */ x("span", {
 													style: {
 														fontSize: "var(--font-size-body-sm)",
@@ -577,7 +592,7 @@ var O = i(function() {
 														borderRadius: 4,
 														backgroundColor: "var(--color-bg-sunken)"
 													},
-													children: D(e.status)
+													children: E(e.status)
 												})
 											]
 										}),
@@ -614,7 +629,7 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-status-error-text)"
 											},
-											children: [/* @__PURE__ */ x(c, { size: 14 }), e.errorMessage]
+											children: [/* @__PURE__ */ x(l, { size: 14 }), e.errorMessage]
 										})
 									]
 								}), /* @__PURE__ */ S("div", {
@@ -624,9 +639,9 @@ var O = i(function() {
 										flexWrap: "wrap"
 									},
 									children: [
-										T.includes(e.status) && /* @__PURE__ */ S("button", {
+										w.includes(e.status) && /* @__PURE__ */ S("button", {
 											onClick: () => {
-												n("medium"), ve(e.id);
+												r("medium"), be(e.id);
 											},
 											disabled: A.has(e.id),
 											title: "Cancel generation",
@@ -642,7 +657,7 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: A.has(e.id) ? "wait" : "pointer"
 											},
-											children: [/* @__PURE__ */ x(u, { size: 14 }), " Cancel"]
+											children: [/* @__PURE__ */ x(d, { size: 14 }), " Cancel"]
 										}),
 										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ S("button", {
 											onClick: () => N(e),
@@ -678,11 +693,11 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: [/* @__PURE__ */ x(h, { size: 14 }), " Refine"]
+											children: [/* @__PURE__ */ x(g, { size: 14 }), " Refine"]
 										}),
 										(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ S("button", {
 											onClick: () => {
-												n("medium"), ye(e.id);
+												r("medium"), xe(e.id);
 											},
 											disabled: A.has(e.id),
 											title: "Regenerate with the same prompt",
@@ -704,7 +719,7 @@ var O = i(function() {
 											}), " Regenerate"]
 										}),
 										e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ S("button", {
-											onClick: () => ge(e.id),
+											onClick: () => ve(e.id),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -717,10 +732,10 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: ["Create ", /* @__PURE__ */ x(l, { size: 14 })]
+											children: ["Create ", /* @__PURE__ */ x(u, { size: 14 })]
 										}),
 										e.dashboardId && /* @__PURE__ */ S("button", {
-											onClick: () => i(`/dashboards/${e.dashboardId}`),
+											onClick: () => a(`/dashboards/${e.dashboardId}`),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -733,11 +748,11 @@ var O = i(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: ["View Dashboard ", /* @__PURE__ */ x(l, { size: 14 })]
+											children: ["View Dashboard ", /* @__PURE__ */ x(u, { size: 14 })]
 										}),
 										/* @__PURE__ */ x("button", {
 											onClick: () => {
-												n("medium"), _e(e.id);
+												r("medium"), ye(e.id);
 											},
 											title: "Delete generation",
 											style: {
@@ -958,7 +973,7 @@ var O = i(function() {
 								},
 								children: "Cancel"
 							}), /* @__PURE__ */ S("button", {
-								onClick: () => void be(),
+								onClick: () => void Se(),
 								disabled: !I.trim() || A.has(P.id),
 								style: {
 									display: "flex",
@@ -973,10 +988,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__ */ x(p, {
+								children: [A.has(P.id) ? /* @__PURE__ */ x(m, {
 									size: 14,
 									className: "animate-spin"
-								}) : /* @__PURE__ */ x(h, { size: 14 }), "Apply refinement"]
+								}) : /* @__PURE__ */ x(g, { size: 14 }), "Apply refinement"]
 							})]
 						})
 					]
@@ -986,6 +1001,6 @@ var O = i(function() {
 	});
 });
 //#endregion
-export { O as InsightsPage, O as default };
+export { D as InsightsPage, D as default };
 
 //# sourceMappingURL=InsightsPage.js.map