@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/pages/InsightsPage.js

@@ -0,0 +1,586 @@
+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, CheckCircle as u, Clock as d, Loader2 as f, Sparkles as p, Trash2 as m, XCircle as h } from "lucide-react";
+import { gql as g } from "@apollo/client";
+import { useMutation as _, useQuery as v } from "@apollo/client/react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/bigconsole/pages/InsightsPage.tsx
+var x = g`
+  query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {
+    listPromptGenerations(status: $status, first: $first) {
+      edges {
+        node {
+          id
+          prompt
+          status
+          dashboardId
+          errorMessage
+          createdAt
+          completedAt
+          generatedSpec {
+            name
+            description
+            overallConfidence
+            pages {
+              name
+              widgets {
+                title
+                type
+              }
+            }
+          }
+        }
+      }
+      totalCount
+    }
+  }
+`, S = g`
+  query GetPromptSuggestions($category: String, $limit: Int) {
+    getPromptSuggestions(category: $category, limit: $limit) {
+      id
+      category
+      title
+      prompt
+      exampleDescription
+      tags
+    }
+  }
+`, C = g`
+  mutation GenerateDashboardFromPrompt($input: GenerateDashboardFromPromptInput!) {
+    generateDashboardFromPrompt(input: $input) {
+      id
+      status
+      prompt
+    }
+  }
+`, w = g`
+  mutation CreateDashboardFromGeneration($input: CreateDashboardFromGenerationInput!) {
+    createDashboardFromGeneration(input: $input) {
+      id
+    }
+  }
+`, T = g`
+  mutation DeletePromptGeneration($generationId: ID!) {
+    deletePromptGeneration(generationId: $generationId)
+  }
+`, E = [
+	"PENDING",
+	"PROCESSING",
+	"GENERATING"
+];
+function D(e) {
+	switch (e) {
+		case "COMPLETED": return /* @__PURE__ */ y(u, {
+			size: 16,
+			className: "text-green-500"
+		});
+		case "FAILED": return /* @__PURE__ */ y(h, {
+			size: 16,
+			className: "text-red-500"
+		});
+		case "CANCELLED": return /* @__PURE__ */ y(h, {
+			size: 16,
+			className: "text-gray-400"
+		});
+		case "PENDING":
+		case "PROCESSING":
+		case "GENERATING": return /* @__PURE__ */ y(f, {
+			size: 16,
+			className: "text-blue-500 animate-spin"
+		});
+		default: return /* @__PURE__ */ y(d, {
+			size: 16,
+			className: "text-gray-400"
+		});
+	}
+}
+function O(e) {
+	switch (e) {
+		case "COMPLETED": return "Completed";
+		case "FAILED": return "Failed";
+		case "CANCELLED": return "Cancelled";
+		case "PENDING": return "Pending";
+		case "PROCESSING": return "Processing";
+		case "GENERATING": return "Generating";
+		default: return e;
+	}
+}
+var k = i(function() {
+	let i = e(), [u, d] = s(""), [h, g] = s(!1), [k, A] = s(null), { data: j, loading: M, refetch: N } = v(x, {
+		variables: { first: 20 },
+		fetchPolicy: "cache-and-network"
+	}), { data: P } = v(S, { variables: { limit: 6 } }), [F] = _(C), [I] = _(w), [L] = _(T), R = j?.listPromptGenerations?.edges?.map((e) => e.node) || [], z = P?.getPromptSuggestions || [];
+	o(() => {
+		if (!R.some((e) => E.includes(e.status))) return;
+		let e = setInterval(() => {
+			N();
+		}, 3e3);
+		return () => clearInterval(e);
+	}, [R, N]);
+	let B = a(async () => {
+		if (!(!u.trim() || h)) {
+			A(null), g(!0);
+			try {
+				await F({ variables: { input: {
+					prompt: u.trim(),
+					styleType: "MODERN",
+					layoutType: "GRID",
+					maxWidgets: 8
+				} } }), d(""), N();
+			} catch (e) {
+				A(e instanceof Error ? e.message : "Failed to generate dashboard");
+			} finally {
+				g(!1);
+			}
+		}
+	}, [
+		u,
+		h,
+		F,
+		N
+	]), V = a(async (e) => {
+		A(null);
+		try {
+			let t = (await I({ variables: { input: { generationId: e } } })).data?.createDashboardFromGeneration?.id;
+			t && i(`/dashboards/${t}`);
+		} catch (e) {
+			A(e instanceof Error ? e.message : "Failed to create dashboard");
+		}
+	}, [I, i]), H = a(async (e) => {
+		A(null);
+		try {
+			await L({ variables: { generationId: e } }), t() && r("success"), N();
+		} catch (e) {
+			A(e instanceof Error ? e.message : "Failed to delete generation"), t() && r("error");
+		}
+	}, [L, N]), U = a((e) => {
+		d(e);
+	}, []);
+	return /* @__PURE__ */ y("div", {
+		style: {
+			minHeight: "100vh",
+			backgroundColor: "var(--color-bg-canvas)"
+		},
+		children: /* @__PURE__ */ b("div", {
+			style: {
+				padding: "var(--space-pagePadding)",
+				maxWidth: 960,
+				margin: "0 auto"
+			},
+			children: [
+				/* @__PURE__ */ b("div", {
+					style: { marginBottom: "var(--space-sectionGap)" },
+					children: [/* @__PURE__ */ b("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: "var(--space-iconGap)"
+						},
+						children: [/* @__PURE__ */ y(p, {
+							size: 24,
+							style: { color: "var(--color-action-primary-bg)" }
+						}), /* @__PURE__ */ y("h1", {
+							style: {
+								fontSize: "var(--font-size-heading-h4)",
+								fontWeight: "var(--font-weight-bold)",
+								color: "var(--color-text-primary)"
+							},
+							children: "AI Insights"
+						})]
+					}), /* @__PURE__ */ y("p", {
+						style: {
+							fontSize: "var(--font-size-body-md)",
+							color: "var(--color-text-secondary)",
+							marginTop: 4
+						},
+						children: "Generate dashboards from natural language prompts"
+					})]
+				}),
+				/* @__PURE__ */ b("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)"
+					},
+					children: [
+						/* @__PURE__ */ y("label", {
+							htmlFor: "prompt-input",
+							style: {
+								display: "block",
+								fontSize: "var(--font-size-body-sm)",
+								fontWeight: "var(--font-weight-medium)",
+								color: "var(--color-text-primary)",
+								marginBottom: 8
+							},
+							children: "Describe the dashboard you want to create"
+						}),
+						/* @__PURE__ */ y("textarea", {
+							id: "prompt-input",
+							value: u,
+							onChange: (e) => d(e.target.value),
+							placeholder: "e.g., Create a sales dashboard showing revenue trends, top products, and regional performance",
+							rows: 3,
+							style: {
+								width: "100%",
+								padding: "8px 12px",
+								borderRadius: "var(--radius-button)",
+								border: "1px solid var(--color-border)",
+								backgroundColor: "var(--color-bg-canvas)",
+								color: "var(--color-text-primary)",
+								fontSize: "var(--font-size-body-md)",
+								resize: "vertical",
+								outline: "none"
+							},
+							onKeyDown: (e) => {
+								e.key === "Enter" && (e.metaKey || e.ctrlKey) && B();
+							}
+						}),
+						/* @__PURE__ */ b("div", {
+							style: {
+								display: "flex",
+								justifyContent: "space-between",
+								alignItems: "center",
+								marginTop: 8
+							},
+							children: [/* @__PURE__ */ y("span", {
+								style: {
+									fontSize: "var(--font-size-body-sm)",
+									color: "var(--color-text-muted)"
+								},
+								children: "Press Ctrl+Enter to generate"
+							}), /* @__PURE__ */ b("button", {
+								onClick: B,
+								disabled: !u.trim() || h,
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: 8,
+									padding: "8px 16px",
+									borderRadius: "var(--radius-button)",
+									backgroundColor: "var(--color-action-primary-bg)",
+									color: "var(--color-action-primary-text)",
+									fontWeight: "var(--font-weight-medium)",
+									fontSize: "var(--font-size-body-sm)",
+									border: "none",
+									cursor: !u.trim() || h ? "not-allowed" : "pointer",
+									opacity: !u.trim() || h ? .5 : 1
+								},
+								children: [h ? /* @__PURE__ */ y(f, {
+									size: 16,
+									className: "animate-spin"
+								}) : /* @__PURE__ */ y(p, { size: 16 }), "Generate Dashboard"]
+							})]
+						})
+					]
+				}),
+				k && /* @__PURE__ */ b("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "space-between",
+						gap: 8,
+						padding: "10px 16px",
+						marginBottom: "var(--space-sectionGap)",
+						borderRadius: "var(--radius-card)",
+						border: "1px solid var(--color-status-error-text)",
+						backgroundColor: "var(--color-bg-surface)",
+						color: "var(--color-status-error-text)",
+						fontSize: "var(--font-size-body-sm)"
+					},
+					children: [/* @__PURE__ */ b("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: 8
+						},
+						children: [/* @__PURE__ */ y(c, { size: 16 }), k]
+					}), /* @__PURE__ */ y("button", {
+						onClick: () => A(null),
+						style: {
+							background: "none",
+							border: "none",
+							color: "var(--color-status-error-text)",
+							cursor: "pointer",
+							fontSize: "var(--font-size-body-md)",
+							padding: "0 4px"
+						},
+						"aria-label": "Dismiss error",
+						children: "×"
+					})]
+				}),
+				z.length > 0 && /* @__PURE__ */ b("div", {
+					style: { marginBottom: "var(--space-sectionGap)" },
+					children: [/* @__PURE__ */ y("h2", {
+						style: {
+							fontSize: "var(--font-size-body-md)",
+							fontWeight: "var(--font-weight-semibold)",
+							color: "var(--color-text-primary)",
+							marginBottom: 12
+						},
+						children: "Suggestions"
+					}), /* @__PURE__ */ y("div", {
+						style: {
+							display: "grid",
+							gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
+							gap: 12
+						},
+						children: z.map((e) => /* @__PURE__ */ b("button", {
+							onClick: () => U(e.prompt),
+							style: {
+								textAlign: "left",
+								padding: 12,
+								borderRadius: "var(--radius-card)",
+								border: "1px solid var(--color-border)",
+								backgroundColor: "var(--color-bg-surface)",
+								cursor: "pointer"
+							},
+							children: [
+								/* @__PURE__ */ y("div", {
+									style: {
+										fontWeight: "var(--font-weight-medium)",
+										fontSize: "var(--font-size-body-sm)",
+										color: "var(--color-text-primary)",
+										marginBottom: 4
+									},
+									children: e.title
+								}),
+								/* @__PURE__ */ y("div", {
+									style: {
+										fontSize: "var(--font-size-body-sm)",
+										color: "var(--color-text-secondary)",
+										lineHeight: 1.4
+									},
+									children: e.exampleDescription || e.prompt.slice(0, 80)
+								}),
+								/* @__PURE__ */ y("div", {
+									style: {
+										display: "flex",
+										gap: 4,
+										marginTop: 8,
+										flexWrap: "wrap"
+									},
+									children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ y("span", {
+										style: {
+											fontSize: 11,
+											padding: "2px 6px",
+											borderRadius: 4,
+											backgroundColor: "var(--color-bg-sunken)",
+											color: "var(--color-text-muted)"
+										},
+										children: e
+									}, e))
+								})
+							]
+						}, e.id))
+					})]
+				}),
+				/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h2", {
+					style: {
+						fontSize: "var(--font-size-body-md)",
+						fontWeight: "var(--font-weight-semibold)",
+						color: "var(--color-text-primary)",
+						marginBottom: 12
+					},
+					children: "Recent Generations"
+				}), M && R.length === 0 ? /* @__PURE__ */ b("div", {
+					style: {
+						textAlign: "center",
+						padding: 40,
+						color: "var(--color-text-muted)"
+					},
+					children: [/* @__PURE__ */ y(f, {
+						size: 24,
+						className: "animate-spin",
+						style: { margin: "0 auto 8px" }
+					}), /* @__PURE__ */ y("p", { children: "Loading generations..." })]
+				}) : R.length === 0 ? /* @__PURE__ */ b("div", {
+					style: {
+						textAlign: "center",
+						padding: 40,
+						backgroundColor: "var(--color-bg-surface)",
+						border: "1px solid var(--color-border)",
+						borderRadius: "var(--radius-card)"
+					},
+					children: [
+						/* @__PURE__ */ y(p, {
+							size: 32,
+							style: {
+								color: "var(--color-text-muted)",
+								margin: "0 auto 8px"
+							}
+						}),
+						/* @__PURE__ */ y("p", {
+							style: {
+								color: "var(--color-text-secondary)",
+								fontWeight: "var(--font-weight-medium)"
+							},
+							children: "No generations yet"
+						}),
+						/* @__PURE__ */ y("p", {
+							style: {
+								color: "var(--color-text-muted)",
+								fontSize: "var(--font-size-body-sm)",
+								marginTop: 4
+							},
+							children: "Describe a dashboard above to get started"
+						})
+					]
+				}) : /* @__PURE__ */ y("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 12
+					},
+					children: R.map((e) => /* @__PURE__ */ y("div", {
+						style: {
+							padding: 16,
+							borderRadius: "var(--radius-card)",
+							border: "1px solid var(--color-border)",
+							backgroundColor: "var(--color-bg-surface)"
+						},
+						children: /* @__PURE__ */ b("div", {
+							style: {
+								display: "flex",
+								justifyContent: "space-between",
+								alignItems: "flex-start"
+							},
+							children: [/* @__PURE__ */ b("div", {
+								style: { flex: 1 },
+								children: [
+									/* @__PURE__ */ b("div", {
+										style: {
+											display: "flex",
+											alignItems: "center",
+											gap: 8,
+											marginBottom: 4
+										},
+										children: [
+											D(e.status),
+											/* @__PURE__ */ y("span", {
+												style: {
+													fontSize: "var(--font-size-body-sm)",
+													fontWeight: "var(--font-weight-medium)",
+													color: "var(--color-text-primary)"
+												},
+												children: e.generatedSpec?.name || "Generating..."
+											}),
+											/* @__PURE__ */ y("span", {
+												style: {
+													fontSize: 11,
+													color: "var(--color-text-muted)",
+													padding: "2px 6px",
+													borderRadius: 4,
+													backgroundColor: "var(--color-bg-sunken)"
+												},
+												children: O(e.status)
+											})
+										]
+									}),
+									/* @__PURE__ */ y("p", {
+										style: {
+											fontSize: "var(--font-size-body-sm)",
+											color: "var(--color-text-secondary)",
+											marginBottom: 4
+										},
+										children: e.prompt.length > 120 ? e.prompt.slice(0, 120) + "..." : e.prompt
+									}),
+									e.generatedSpec && /* @__PURE__ */ b("div", {
+										style: {
+											fontSize: 11,
+											color: "var(--color-text-muted)"
+										},
+										children: [
+											e.generatedSpec.pages.reduce((e, t) => e + t.widgets.length, 0),
+											" widgets across",
+											" ",
+											e.generatedSpec.pages.length,
+											" page(s) ·",
+											" ",
+											Math.round(e.generatedSpec.overallConfidence * 100),
+											"% confidence"
+										]
+									}),
+									e.errorMessage && /* @__PURE__ */ b("div", {
+										style: {
+											display: "flex",
+											alignItems: "center",
+											gap: 4,
+											marginTop: 4,
+											fontSize: "var(--font-size-body-sm)",
+											color: "var(--color-status-error-text)"
+										},
+										children: [/* @__PURE__ */ y(c, { size: 14 }), e.errorMessage]
+									})
+								]
+							}), /* @__PURE__ */ b("div", {
+								style: {
+									display: "flex",
+									gap: 8
+								},
+								children: [
+									e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ b("button", {
+										onClick: () => V(e.id),
+										style: {
+											display: "flex",
+											alignItems: "center",
+											gap: 4,
+											padding: "6px 12px",
+											borderRadius: "var(--radius-button)",
+											backgroundColor: "var(--color-action-primary-bg)",
+											color: "var(--color-action-primary-text)",
+											border: "none",
+											fontSize: "var(--font-size-body-sm)",
+											cursor: "pointer"
+										},
+										children: ["Create ", /* @__PURE__ */ y(l, { size: 14 })]
+									}),
+									e.dashboardId && /* @__PURE__ */ b("button", {
+										onClick: () => i(`/dashboards/${e.dashboardId}`),
+										style: {
+											display: "flex",
+											alignItems: "center",
+											gap: 4,
+											padding: "6px 12px",
+											borderRadius: "var(--radius-button)",
+											border: "1px solid var(--color-border)",
+											backgroundColor: "transparent",
+											color: "var(--color-text-primary)",
+											fontSize: "var(--font-size-body-sm)",
+											cursor: "pointer"
+										},
+										children: ["View Dashboard ", /* @__PURE__ */ y(l, { size: 14 })]
+									}),
+									/* @__PURE__ */ y("button", {
+										onClick: () => {
+											n("medium"), H(e.id);
+										},
+										title: "Delete generation",
+										style: {
+											display: "flex",
+											alignItems: "center",
+											padding: 6,
+											borderRadius: "var(--radius-button)",
+											border: "1px solid var(--color-border)",
+											backgroundColor: "transparent",
+											color: "var(--color-text-muted)",
+											cursor: "pointer"
+										},
+										children: /* @__PURE__ */ y(m, { size: 14 })
+									})
+								]
+							})]
+						})
+					}, e.id))
+				})] })
+			]
+		})
+	});
+});
+//#endregion
+export { k as InsightsPage, k as default };
+
+//# sourceMappingURL=InsightsPage.js.map

package/dist/bigconsole/pages/InsightsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightsPage.js","names":[],"sources":["../../../src/bigconsole/pages/InsightsPage.tsx"],"sourcesContent":["/**\n * InsightsPage\n *\n * AI-powered dashboard generation using the Prompt module backend.\n * Users enter a natural language prompt to generate dashboards with\n * suggested widgets, layouts, and configurations.\n */\n\nimport { type FC, memo, useState, useCallback, useEffect } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { Sparkles, Loader2, Trash2, ArrowRight, Clock, CheckCircle, XCircle, AlertCircle } from 'lucide-react';\n\n// ============================================================================\n// GRAPHQL OPERATIONS (inline until codegen is configured for prompt module)\n// TODO(BOFF-2055): Replace inline gql with codegen-generated hooks\n// ============================================================================\n\nconst LIST_PROMPT_GENERATIONS = gql`\n  query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {\n    listPromptGenerations(status: $status, first: $first) {\n      edges {\n        node {\n          id\n          prompt\n          status\n          dashboardId\n          errorMessage\n          createdAt\n          completedAt\n          generatedSpec {\n            name\n            description\n            overallConfidence\n            pages {\n              name\n              widgets {\n                title\n                type\n              }\n            }\n          }\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\nconst GET_PROMPT_SUGGESTIONS = gql`\n  query GetPromptSuggestions($category: String, $limit: Int) {\n    getPromptSuggestions(category: $category, limit: $limit) {\n      id\n      category\n      title\n      prompt\n      exampleDescription\n      tags\n    }\n  }\n`;\n\nconst GENERATE_DASHBOARD = gql`\n  mutation GenerateDashboardFromPrompt($input: GenerateDashboardFromPromptInput!) {\n    generateDashboardFromPrompt(input: $input) {\n      id\n      status\n      prompt\n    }\n  }\n`;\n\nconst CREATE_FROM_GENERATION = gql`\n  mutation CreateDashboardFromGeneration($input: CreateDashboardFromGenerationInput!) {\n    createDashboardFromGeneration(input: $input) {\n      id\n    }\n  }\n`;\n\nconst DELETE_GENERATION = gql`\n  mutation DeletePromptGeneration($generationId: ID!) {\n    deletePromptGeneration(generationId: $generationId)\n  }\n`;\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface ListPromptGenerationsData {\n  listPromptGenerations: {\n    edges: Array<{ node: PromptGeneration }>;\n    totalCount: number;\n  };\n}\n\ninterface GetPromptSuggestionsData {\n  getPromptSuggestions: PromptSuggestion[];\n}\n\ninterface GenerateDashboardData {\n  generateDashboardFromPrompt: {\n    id: string;\n    status: string;\n    prompt: string;\n  };\n}\n\ninterface CreateFromGenerationData {\n  createDashboardFromGeneration: {\n    id: string;\n  };\n}\n\nconst NON_TERMINAL_STATUSES = ['PENDING', 'PROCESSING', 'GENERATING'];\n\ninterface PromptSuggestion {\n  id: string;\n  category: string;\n  title: string;\n  prompt: string;\n  exampleDescription?: string;\n  tags: string[];\n}\n\ninterface PromptGeneration {\n  id: string;\n  prompt: string;\n  status: string;\n  dashboardId?: string;\n  errorMessage?: string;\n  createdAt: string;\n  completedAt?: string;\n  generatedSpec?: {\n    name: string;\n    description?: string;\n    overallConfidence: number;\n    pages: Array<{\n      name: string;\n      widgets: Array<{ title: string; type: string }>;\n    }>;\n  };\n}\n\n// ============================================================================\n// STATUS HELPERS\n// ============================================================================\n\nfunction getStatusIcon(status: string) {\n  switch (status) {\n    case 'COMPLETED':\n      return <CheckCircle size={16} className=\"text-green-500\" />;\n    case 'FAILED':\n      return <XCircle size={16} className=\"text-red-500\" />;\n    case 'CANCELLED':\n      return <XCircle size={16} className=\"text-gray-400\" />;\n    case 'PENDING':\n    case 'PROCESSING':\n    case 'GENERATING':\n      return <Loader2 size={16} className=\"text-blue-500 animate-spin\" />;\n    default:\n      return <Clock size={16} className=\"text-gray-400\" />;\n  }\n}\n\nfunction getStatusLabel(status: string) {\n  switch (status) {\n    case 'COMPLETED':\n      return 'Completed';\n    case 'FAILED':\n      return 'Failed';\n    case 'CANCELLED':\n      return 'Cancelled';\n    case 'PENDING':\n      return 'Pending';\n    case 'PROCESSING':\n      return 'Processing';\n    case 'GENERATING':\n      return 'Generating';\n    default:\n      return status;\n  }\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const InsightsPage: FC = memo(function InsightsPage() {\n  const navigate = useAppNavigate();\n  const [promptText, setPromptText] = useState('');\n  const [isGenerating, setIsGenerating] = useState(false);\n  const [mutationError, setMutationError] = useState<string | null>(null);\n\n  // Fetch existing generations\n  const {\n    data: generationsData,\n    loading: generationsLoading,\n    refetch: refetchGenerations,\n  } = useQuery<ListPromptGenerationsData>(LIST_PROMPT_GENERATIONS, {\n    variables: { first: 20 },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  // Fetch suggestions\n  const { data: suggestionsData } = useQuery<GetPromptSuggestionsData>(GET_PROMPT_SUGGESTIONS, {\n    variables: { limit: 6 },\n  });\n\n  // Mutations\n  const [generateDashboard] = useMutation<GenerateDashboardData>(GENERATE_DASHBOARD);\n  const [createFromGeneration] = useMutation<CreateFromGenerationData>(CREATE_FROM_GENERATION);\n  const [deleteGeneration] = useMutation(DELETE_GENERATION);\n\n  const generations: PromptGeneration[] = generationsData?.listPromptGenerations?.edges?.map((edge) => edge.node) || [];\n  const suggestions: PromptSuggestion[] = suggestionsData?.getPromptSuggestions || [];\n\n  // Poll for in-progress generations every 3 seconds\n  useEffect(() => {\n    const hasActiveGenerations = generations.some((gen) => NON_TERMINAL_STATUSES.includes(gen.status));\n    if (!hasActiveGenerations) return;\n\n    const interval = setInterval(() => {\n      refetchGenerations();\n    }, 3_000);\n\n    return () => clearInterval(interval);\n  }, [generations, refetchGenerations]);\n\n  // Handlers\n  const handleGenerate = useCallback(async () => {\n    if (!promptText.trim() || isGenerating) return;\n    setMutationError(null);\n    setIsGenerating(true);\n    try {\n      await generateDashboard({\n        variables: {\n          input: {\n            prompt: promptText.trim(),\n            styleType: 'MODERN',\n            layoutType: 'GRID',\n            maxWidgets: 8,\n          },\n        },\n      });\n      setPromptText('');\n      refetchGenerations();\n    } catch (err) {\n      setMutationError(err instanceof Error ? err.message : 'Failed to generate dashboard');\n    } finally {\n      setIsGenerating(false);\n    }\n  }, [promptText, isGenerating, generateDashboard, refetchGenerations]);\n\n  const handleCreateDashboard = useCallback(\n    async (generationId: string) => {\n      setMutationError(null);\n      try {\n        const result = await createFromGeneration({\n          variables: { input: { generationId } },\n        });\n        const dashboardId = result.data?.createDashboardFromGeneration?.id;\n        if (dashboardId) {\n          navigate(`/dashboards/${dashboardId}`);\n        }\n      } catch (err) {\n        setMutationError(err instanceof Error ? err.message : 'Failed to create dashboard');\n      }\n    },\n    [createFromGeneration, navigate]\n  );\n\n  const handleDelete = useCallback(\n    async (generationId: string) => {\n      setMutationError(null);\n      try {\n        await deleteGeneration({ variables: { generationId } });\n        if (isNative()) void nativeNotify('success');\n        refetchGenerations();\n      } catch (err) {\n        setMutationError(err instanceof Error ? err.message : 'Failed to delete generation');\n        if (isNative()) void nativeNotify('error');\n      }\n    },\n    [deleteGeneration, refetchGenerations]\n  );\n\n  const handleSuggestionClick = useCallback((prompt: string) => {\n    setPromptText(prompt);\n  }, []);\n\n  return (\n    <div style={{ minHeight: '100vh', backgroundColor: 'var(--color-bg-canvas)' }}>\n      <div style={{ padding: 'var(--space-pagePadding)', maxWidth: 960, margin: '0 auto' }}>\n        {/* Header */}\n        <div style={{ marginBottom: 'var(--space-sectionGap)' }}>\n          <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-iconGap)' }}>\n            <Sparkles size={24} style={{ color: 'var(--color-action-primary-bg)' }} />\n            <h1\n              style={{\n                fontSize: 'var(--font-size-heading-h4)',\n                fontWeight: 'var(--font-weight-bold)',\n                color: 'var(--color-text-primary)',\n              }}\n            >\n              AI Insights\n            </h1>\n          </div>\n          <p style={{ fontSize: 'var(--font-size-body-md)', color: 'var(--color-text-secondary)', marginTop: 4 }}>\n            Generate dashboards from natural language prompts\n          </p>\n        </div>\n\n        {/* Prompt Input */}\n        <div\n          style={{\n            backgroundColor: 'var(--color-bg-surface)',\n            border: '1px solid var(--color-border)',\n            borderRadius: 'var(--radius-card)',\n            padding: 'var(--space-cardPadding)',\n            marginBottom: 'var(--space-sectionGap)',\n          }}\n        >\n          <label\n            htmlFor=\"prompt-input\"\n            style={{\n              display: 'block',\n              fontSize: 'var(--font-size-body-sm)',\n              fontWeight: 'var(--font-weight-medium)',\n              color: 'var(--color-text-primary)',\n              marginBottom: 8,\n            }}\n          >\n            Describe the dashboard you want to create\n          </label>\n          <textarea\n            id=\"prompt-input\"\n            value={promptText}\n            onChange={(e) => setPromptText(e.target.value)}\n            placeholder=\"e.g., Create a sales dashboard showing revenue trends, top products, and regional performance\"\n            rows={3}\n            style={{\n              width: '100%',\n              padding: '8px 12px',\n              borderRadius: 'var(--radius-button)',\n              border: '1px solid var(--color-border)',\n              backgroundColor: 'var(--color-bg-canvas)',\n              color: 'var(--color-text-primary)',\n              fontSize: 'var(--font-size-body-md)',\n              resize: 'vertical',\n              outline: 'none',\n            }}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) handleGenerate();\n            }}\n          />\n          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginTop: 8 }}>\n            <span style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>\n              Press Ctrl+Enter to generate\n            </span>\n            <button\n              onClick={handleGenerate}\n              disabled={!promptText.trim() || isGenerating}\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 8,\n                padding: '8px 16px',\n                borderRadius: 'var(--radius-button)',\n                backgroundColor: 'var(--color-action-primary-bg)',\n                color: 'var(--color-action-primary-text)',\n                fontWeight: 'var(--font-weight-medium)',\n                fontSize: 'var(--font-size-body-sm)',\n                border: 'none',\n                cursor: !promptText.trim() || isGenerating ? 'not-allowed' : 'pointer',\n                opacity: !promptText.trim() || isGenerating ? 0.5 : 1,\n              }}\n            >\n              {isGenerating ? <Loader2 size={16} className=\"animate-spin\" /> : <Sparkles size={16} />}\n              Generate Dashboard\n            </button>\n          </div>\n        </div>\n\n        {/* Mutation Error Banner */}\n        {mutationError && (\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: 8,\n              padding: '10px 16px',\n              marginBottom: 'var(--space-sectionGap)',\n              borderRadius: 'var(--radius-card)',\n              border: '1px solid var(--color-status-error-text)',\n              backgroundColor: 'var(--color-bg-surface)',\n              color: 'var(--color-status-error-text)',\n              fontSize: 'var(--font-size-body-sm)',\n            }}\n          >\n            <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n              <AlertCircle size={16} />\n              {mutationError}\n            </div>\n            <button\n              onClick={() => setMutationError(null)}\n              style={{\n                background: 'none',\n                border: 'none',\n                color: 'var(--color-status-error-text)',\n                cursor: 'pointer',\n                fontSize: 'var(--font-size-body-md)',\n                padding: '0 4px',\n              }}\n              aria-label=\"Dismiss error\"\n            >\n              &times;\n            </button>\n          </div>\n        )}\n\n        {/* Suggestions */}\n        {suggestions.length > 0 && (\n          <div style={{ marginBottom: 'var(--space-sectionGap)' }}>\n            <h2\n              style={{\n                fontSize: 'var(--font-size-body-md)',\n                fontWeight: 'var(--font-weight-semibold)',\n                color: 'var(--color-text-primary)',\n                marginBottom: 12,\n              }}\n            >\n              Suggestions\n            </h2>\n            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: 12 }}>\n              {suggestions.map((s) => (\n                <button\n                  key={s.id}\n                  onClick={() => handleSuggestionClick(s.prompt)}\n                  style={{\n                    textAlign: 'left',\n                    padding: 12,\n                    borderRadius: 'var(--radius-card)',\n                    border: '1px solid var(--color-border)',\n                    backgroundColor: 'var(--color-bg-surface)',\n                    cursor: 'pointer',\n                  }}\n                >\n                  <div\n                    style={{\n                      fontWeight: 'var(--font-weight-medium)',\n                      fontSize: 'var(--font-size-body-sm)',\n                      color: 'var(--color-text-primary)',\n                      marginBottom: 4,\n                    }}\n                  >\n                    {s.title}\n                  </div>\n                  <div\n                    style={{\n                      fontSize: 'var(--font-size-body-sm)',\n                      color: 'var(--color-text-secondary)',\n                      lineHeight: 1.4,\n                    }}\n                  >\n                    {s.exampleDescription || s.prompt.slice(0, 80)}\n                  </div>\n                  <div style={{ display: 'flex', gap: 4, marginTop: 8, flexWrap: 'wrap' }}>\n                    {s.tags.slice(0, 3).map((tag) => (\n                      <span\n                        key={tag}\n                        style={{\n                          fontSize: 11,\n                          padding: '2px 6px',\n                          borderRadius: 4,\n                          backgroundColor: 'var(--color-bg-sunken)',\n                          color: 'var(--color-text-muted)',\n                        }}\n                      >\n                        {tag}\n                      </span>\n                    ))}\n                  </div>\n                </button>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Generations History */}\n        <div>\n          <h2\n            style={{\n              fontSize: 'var(--font-size-body-md)',\n              fontWeight: 'var(--font-weight-semibold)',\n              color: 'var(--color-text-primary)',\n              marginBottom: 12,\n            }}\n          >\n            Recent Generations\n          </h2>\n\n          {generationsLoading && generations.length === 0 ? (\n            <div style={{ textAlign: 'center', padding: 40, color: 'var(--color-text-muted)' }}>\n              <Loader2 size={24} className=\"animate-spin\" style={{ margin: '0 auto 8px' }} />\n              <p>Loading generations...</p>\n            </div>\n          ) : generations.length === 0 ? (\n            <div\n              style={{\n                textAlign: 'center',\n                padding: 40,\n                backgroundColor: 'var(--color-bg-surface)',\n                border: '1px solid var(--color-border)',\n                borderRadius: 'var(--radius-card)',\n              }}\n            >\n              <Sparkles size={32} style={{ color: 'var(--color-text-muted)', margin: '0 auto 8px' }} />\n              <p style={{ color: 'var(--color-text-secondary)', fontWeight: 'var(--font-weight-medium)' }}>\n                No generations yet\n              </p>\n              <p style={{ color: 'var(--color-text-muted)', fontSize: 'var(--font-size-body-sm)', marginTop: 4 }}>\n                Describe a dashboard above to get started\n              </p>\n            </div>\n          ) : (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>\n              {generations.map((gen) => (\n                <div\n                  key={gen.id}\n                  style={{\n                    padding: 16,\n                    borderRadius: 'var(--radius-card)',\n                    border: '1px solid var(--color-border)',\n                    backgroundColor: 'var(--color-bg-surface)',\n                  }}\n                >\n                  <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}>\n                    <div style={{ flex: 1 }}>\n                      <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 4 }}>\n                        {getStatusIcon(gen.status)}\n                        <span\n                          style={{\n                            fontSize: 'var(--font-size-body-sm)',\n                            fontWeight: 'var(--font-weight-medium)',\n                            color: 'var(--color-text-primary)',\n                          }}\n                        >\n                          {gen.generatedSpec?.name || 'Generating...'}\n                        </span>\n                        <span\n                          style={{\n                            fontSize: 11,\n                            color: 'var(--color-text-muted)',\n                            padding: '2px 6px',\n                            borderRadius: 4,\n                            backgroundColor: 'var(--color-bg-sunken)',\n                          }}\n                        >\n                          {getStatusLabel(gen.status)}\n                        </span>\n                      </div>\n                      <p\n                        style={{\n                          fontSize: 'var(--font-size-body-sm)',\n                          color: 'var(--color-text-secondary)',\n                          marginBottom: 4,\n                        }}\n                      >\n                        {gen.prompt.length > 120 ? gen.prompt.slice(0, 120) + '...' : gen.prompt}\n                      </p>\n                      {gen.generatedSpec && (\n                        <div style={{ fontSize: 11, color: 'var(--color-text-muted)' }}>\n                          {gen.generatedSpec.pages.reduce((acc, p) => acc + p.widgets.length, 0)} widgets across{' '}\n                          {gen.generatedSpec.pages.length} page(s) &middot;{' '}\n                          {Math.round(gen.generatedSpec.overallConfidence * 100)}% confidence\n                        </div>\n                      )}\n                      {gen.errorMessage && (\n                        <div\n                          style={{\n                            display: 'flex',\n                            alignItems: 'center',\n                            gap: 4,\n                            marginTop: 4,\n                            fontSize: 'var(--font-size-body-sm)',\n                            color: 'var(--color-status-error-text)',\n                          }}\n                        >\n                          <AlertCircle size={14} />\n                          {gen.errorMessage}\n                        </div>\n                      )}\n                    </div>\n                    <div style={{ display: 'flex', gap: 8 }}>\n                      {gen.status === 'COMPLETED' && !gen.dashboardId && (\n                        <button\n                          onClick={() => handleCreateDashboard(gen.id)}\n                          style={{\n                            display: 'flex',\n                            alignItems: 'center',\n                            gap: 4,\n                            padding: '6px 12px',\n                            borderRadius: 'var(--radius-button)',\n                            backgroundColor: 'var(--color-action-primary-bg)',\n                            color: 'var(--color-action-primary-text)',\n                            border: 'none',\n                            fontSize: 'var(--font-size-body-sm)',\n                            cursor: 'pointer',\n                          }}\n                        >\n                          Create <ArrowRight size={14} />\n                        </button>\n                      )}\n                      {gen.dashboardId && (\n                        <button\n                          onClick={() => navigate(`/dashboards/${gen.dashboardId}`)}\n                          style={{\n                            display: 'flex',\n                            alignItems: 'center',\n                            gap: 4,\n                            padding: '6px 12px',\n                            borderRadius: 'var(--radius-button)',\n                            border: '1px solid var(--color-border)',\n                            backgroundColor: 'transparent',\n                            color: 'var(--color-text-primary)',\n                            fontSize: 'var(--font-size-body-sm)',\n                            cursor: 'pointer',\n                          }}\n                        >\n                          View Dashboard <ArrowRight size={14} />\n                        </button>\n                      )}\n                      <button\n                        onClick={() => {\n                          nativeImpact('medium');\n                          void handleDelete(gen.id);\n                        }}\n                        title=\"Delete generation\"\n                        style={{\n                          display: 'flex',\n                          alignItems: 'center',\n                          padding: 6,\n                          borderRadius: 'var(--radius-button)',\n                          border: '1px solid var(--color-border)',\n                          backgroundColor: 'transparent',\n                          color: 'var(--color-text-muted)',\n                          cursor: 'pointer',\n                        }}\n                      >\n                        <Trash2 size={14} />\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default InsightsPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/ParserBuilderPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Parser Builder Page
+ *
+ * Page for creating and editing Parsers with JQ or JSONata expressions.
+ * Required fields: consoleId, name, type, expression, inputSinkKey, outputKey
+ */
+export declare const ParserBuilderPage: import('react').NamedExoticComponent<object>;
+export default ParserBuilderPage;
+//# sourceMappingURL=ParserBuilderPage.d.ts.map

package/dist/bigconsole/pages/ParserBuilderPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParserBuilderPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/ParserBuilderPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmIH,eAAO,MAAM,iBAAiB,8CAm0B5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}