@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

package/dist/bigconsole/pages/InsightsPage.js

@@ -7,10 +7,11 @@ import { memo as o, useCallback as s, useEffect as c, useState as l } from "reac
 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 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";
+import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AuroraBackground as oe, EmphasisPanel as se, GlassCard as ce, GradientText as le, IllustratedEmptyState as ue } from "@burdenoff/fe-libs/ui";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/bigconsole/pages/InsightsPage.tsx
-var le = v`
+var de = v`
   query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {
     listPromptGenerations(status: $status, first: $first) {
       edges {
@@ -39,7 +40,7 @@ var le = v`
       totalCount
     }
   }
-`, ue = v`
+`, fe = v`
   query GetPromptSuggestions($category: String, $limit: Int) {
     getPromptSuggestions(category: $category, limit: $limit) {
       id
@@ -50,7 +51,7 @@ var le = v`
       tags
     }
   }
-`, de = v`
+`, pe = v`
   mutation GenerateDashboardFromPrompt($input: GenerateDashboardFromPromptInput!) {
     generateDashboardFromPrompt(input: $input) {
       id
@@ -58,24 +59,24 @@ var le = v`
       prompt
     }
   }
-`, fe = v`
+`, me = v`
   mutation CreateDashboardFromGeneration($input: CreateDashboardFromGenerationInput!) {
     createDashboardFromGeneration(input: $input) {
       id
     }
   }
-`, pe = v`
+`, he = v`
   mutation DeletePromptGeneration($generationId: ID!) {
     deletePromptGeneration(generationId: $generationId)
   }
-`, me = v`
+`, ge = v`
   mutation CancelPromptGeneration($generationId: ID!) {
     cancelPromptGeneration(generationId: $generationId) {
       id
       status
     }
   }
-`, he = v`
+`, _e = v`
   mutation RegenerateDashboard($input: RegenerateDashboardInput!) {
     regenerateDashboard(input: $input) {
       id
@@ -83,7 +84,7 @@ var le = v`
       prompt
     }
   }
-`, ge = v`
+`, ve = v`
   mutation RefineGeneratedDashboard($input: RefineGeneratedDashboardInput!) {
     refineGeneratedDashboard(input: $input) {
       id
@@ -91,63 +92,63 @@ var le = v`
       prompt
     }
   }
-`, w = [
+`, C = [
 	"PENDING",
 	"PROCESSING",
 	"GENERATING"
 ];
-function T(e) {
+function w(e) {
 	switch (e) {
-		case "COMPLETED": return /* @__PURE__ */ S(f, {
+		case "COMPLETED": return /* @__PURE__ */ x(f, {
 			size: 16,
 			className: "text-green-500"
 		});
-		case "FAILED": return /* @__PURE__ */ S(_, {
+		case "FAILED": return /* @__PURE__ */ x(_, {
 			size: 16,
 			className: "text-red-500"
 		});
-		case "CANCELLED": return /* @__PURE__ */ S(_, {
+		case "CANCELLED": return /* @__PURE__ */ x(_, {
 			size: 16,
 			className: "text-gray-400"
 		});
 		case "PENDING":
 		case "PROCESSING":
-		case "GENERATING": return /* @__PURE__ */ S(m, {
+		case "GENERATING": return /* @__PURE__ */ x(m, {
 			size: 16,
 			className: "text-blue-500 animate-spin"
 		});
-		default: return /* @__PURE__ */ S(p, {
+		default: return /* @__PURE__ */ x(p, {
 			size: 16,
 			className: "text-gray-400"
 		});
 	}
 }
-function E(e) {
+function T(e, t) {
 	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";
+		case "COMPLETED": return t("bigconsole.insights.status.completed", "Completed");
+		case "FAILED": return t("bigconsole.insights.status.failed", "Failed");
+		case "CANCELLED": return t("bigconsole.insights.status.cancelled", "Cancelled");
+		case "PENDING": return t("bigconsole.insights.status.pending", "Pending");
+		case "PROCESSING": return t("bigconsole.insights.status.processing", "Processing");
+		case "GENERATING": return t("bigconsole.insights.status.generating", "Generating");
 		default: return 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) => {
+var E = o(function() {
+	let { t: o } = ae(), f = e(), p = n(), [_, v] = l(""), [E, 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 = s((e) => {
 		j((t) => {
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
-	}, []), { data: B, loading: _e, refetch: V, startPolling: H, stopPolling: U } = b(le, {
+	}, []), { data: B, loading: ye, refetch: V, startPolling: H, stopPolling: U } = b(de, {
 		variables: { first: 20 },
 		fetchPolicy: "cache-and-network"
-	}), 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 = B?.listPromptGenerations?.edges?.some((e) => C.includes(e.node.status)) ?? !1, { data: be } = b(fe, { variables: { limit: 6 } }), [G] = y(pe), [K] = y(me), [q] = y(he), [J] = y(ge), [Y] = y(_e), [X] = y(ve), Z = B?.listPromptGenerations?.edges?.map((e) => e.node) || [], Q = be?.getPromptSuggestions || [];
+	c(() => (W || E ? H(2e3) : U(), () => U()), [
 		W,
-		v,
+		E,
 		H,
 		U
 	]), c(() => {
@@ -158,86 +159,100 @@ var D = o(function() {
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [M, P]);
 	let $ = s(async () => {
-		if (!(!p.trim() || v)) {
-			if (p.length > 2e3) {
-				k("Prompt is too long (max 2000 characters).");
+		if (!(!_.trim() || E)) {
+			if (_.length > 2e3) {
+				k(o("bigconsole.insights.error.promptTooLong", "Prompt is too long (max 2000 characters)."));
 				return;
 			}
 			k(null), D(!0);
 			try {
-				f("bigconsole.ai.generate_clicked", { maxWidgets: 8 });
+				p("bigconsole.ai.generate_clicked", { maxWidgets: 8 });
 				let e = await G({ variables: { input: {
-					prompt: p.trim(),
+					prompt: _.trim(),
 					styleType: "MODERN",
 					layoutType: "GRID",
 					maxWidgets: 8
 				} } });
 				if (t(e, "command")) return;
 				let n = e.data?.generateDashboardFromPrompt?.id;
-				n && f("bigconsole.ai.dashboard_generated", {
+				n && p("bigconsole.ai.dashboard_generated", {
 					generationId: n,
 					maxWidgets: 8
-				}), _(""), V();
+				}), v(""), V();
 			} catch (e) {
 				if (t(e, "command")) return;
-				k(e instanceof Error ? e.message : "Failed to generate dashboard");
+				k(e instanceof Error ? e.message : o("bigconsole.insights.error.generateFailed", "Failed to generate dashboard"));
 			} finally {
 				D(!1);
 			}
 		}
 	}, [
-		f,
 		p,
-		v,
+		_,
+		E,
 		G,
-		V
-	]), ye = s(async (e) => {
+		V,
+		o
+	]), xe = s(async (e) => {
 		k(null);
 		try {
-			f("bigconsole.ai.create_dashboard_clicked", { generationId: e });
+			p("bigconsole.ai.create_dashboard_clicked", { generationId: e });
 			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", {
+			r && (p("bigconsole.ai.dashboard_created", {
 				generationId: e,
 				dashboardId: r
-			}), o(`/dashboards/${r}`));
+			}), f(`/dashboards/${r}`));
 		} catch (e) {
 			if (t(e, "project")) return;
-			k(e instanceof Error ? e.message : "Failed to create dashboard");
+			k(e instanceof Error ? e.message : o("bigconsole.insights.error.createFailed", "Failed to create dashboard"));
 		}
 	}, [
 		K,
+		p,
 		f,
 		o
-	]), be = s(async (e) => {
+	]), Se = s(async (e) => {
 		k(null);
 		try {
 			await q({ variables: { generationId: e } }), r() && a("success"), V();
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Failed to delete generation"), r() && a("error");
+			k(e instanceof Error ? e.message : o("bigconsole.insights.error.deleteFailed", "Failed to delete generation")), r() && a("error");
 		}
-	}, [q, V]), xe = s(async (e) => {
+	}, [
+		q,
+		V,
+		o
+	]), Ce = s(async (e) => {
 		k(null), R(e);
 		try {
 			await J({ variables: { generationId: e } }), V();
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Failed to cancel generation");
+			k(e instanceof Error ? e.message : o("bigconsole.insights.error.cancelFailed", "Failed to cancel generation"));
 		} finally {
 			z(e);
 		}
-	}, [J, V]), Se = s(async (e) => {
+	}, [
+		J,
+		V,
+		o
+	]), we = s(async (e) => {
 		k(null), R(e);
 		try {
 			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");
+			k(e instanceof Error ? e.message : o("bigconsole.insights.error.regenerateFailed", "Failed to regenerate dashboard"));
 		} finally {
 			z(e);
 		}
-	}, [Y, V]), Ce = s(async () => {
+	}, [
+		Y,
+		V,
+		o
+	]), Te = s(async () => {
 		if (!P || !I.trim()) return;
 		let e = P.id;
 		k(null), R(e);
@@ -256,7 +271,7 @@ var D = o(function() {
 				n = !0;
 				return;
 			}
-			k(e instanceof Error ? e.message : "Failed to refine generation");
+			k(e instanceof Error ? e.message : o("bigconsole.insights.error.refineFailed", "Failed to refine generation"));
 		} finally {
 			n && (F(null), L("")), z(e);
 		}
@@ -264,59 +279,60 @@ var D = o(function() {
 		P,
 		I,
 		X,
-		V
-	]), we = s((e) => {
-		_(e);
+		V,
+		o
+	]), Ee = s((e) => {
+		v(e);
 	}, []);
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ S("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ S("div", {
 				style: {
 					padding: "var(--space-pagePadding)",
 					maxWidth: 960,
 					margin: "0 auto"
 				},
 				children: [
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ S("div", {
 						className: "relative mb-[var(--space-sectionGap)] overflow-hidden rounded-card border border-border-seam bg-gloss-card p-6",
 						children: [
-							/* @__PURE__ */ S(ae, { intensity: "subtle" }),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ x(oe, { intensity: "subtle" }),
+							/* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ S(h, {
+								children: [/* @__PURE__ */ x(h, {
 									size: 24,
 									style: { color: "var(--color-action-primary-bg)" }
-								}), /* @__PURE__ */ S("h1", {
+								}), /* @__PURE__ */ x("h1", {
 									style: {
 										fontSize: "var(--font-size-heading-h4)",
 										fontWeight: "var(--font-weight-bold)",
 										color: "var(--color-text-primary)"
 									},
-									children: /* @__PURE__ */ S(ce, { children: "AI Insights" })
+									children: /* @__PURE__ */ x(le, { children: o("bigconsole.insights.header.title", "AI Insights") })
 								})]
 							}),
-							/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ x("p", {
 								style: {
 									fontSize: "var(--font-size-body-md)",
 									color: "var(--color-text-secondary)",
 									marginTop: 4
 								},
-								children: "Generate dashboards from natural language prompts"
+								children: o("bigconsole.insights.header.subtitle", "Generate dashboards from natural language prompts")
 							})
 						]
 					}),
-					/* @__PURE__ */ C(oe, {
+					/* @__PURE__ */ S(se, {
 						className: "mb-[var(--space-sectionGap)] p-[var(--space-cardPadding)]",
 						children: [
-							/* @__PURE__ */ S("label", {
+							/* @__PURE__ */ x("label", {
 								htmlFor: "prompt-input",
 								style: {
 									display: "block",
@@ -325,13 +341,13 @@ var D = o(function() {
 									color: "var(--color-text-primary)",
 									marginBottom: 8
 								},
-								children: "Describe the dashboard you want to create"
+								children: o("bigconsole.insights.prompt.label", "Describe the dashboard you want to create")
 							}),
-							/* @__PURE__ */ S("textarea", {
+							/* @__PURE__ */ x("textarea", {
 								id: "prompt-input",
-								value: p,
-								onChange: (e) => _(e.target.value),
-								placeholder: "e.g., Create a sales dashboard showing revenue trends, top products, and regional performance",
+								value: _,
+								onChange: (e) => v(e.target.value),
+								placeholder: o("bigconsole.insights.prompt.placeholder", "e.g., Create a sales dashboard showing revenue trends, top products, and regional performance"),
 								rows: 3,
 								maxLength: 2e3,
 								style: {
@@ -349,7 +365,7 @@ var D = o(function() {
 									e.key === "Enter" && (e.metaKey || e.ctrlKey) && $();
 								}
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									justifyContent: "space-between",
@@ -358,15 +374,15 @@ var D = o(function() {
 									flexWrap: "wrap",
 									gap: 8
 								},
-								children: [/* @__PURE__ */ S("span", {
+								children: [/* @__PURE__ */ x("span", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)"
 									},
-									children: "Press Ctrl+Enter to generate"
-								}), /* @__PURE__ */ C("button", {
+									children: o("bigconsole.insights.prompt.hint", "Press Ctrl+Enter to generate")
+								}), /* @__PURE__ */ S("button", {
 									onClick: $,
-									disabled: !p.trim() || v,
+									disabled: !_.trim() || E,
 									style: {
 										display: "flex",
 										alignItems: "center",
@@ -378,18 +394,18 @@ var D = o(function() {
 										fontWeight: "var(--font-weight-medium)",
 										fontSize: "var(--font-size-body-sm)",
 										border: "none",
-										cursor: !p.trim() || v ? "not-allowed" : "pointer",
-										opacity: !p.trim() || v ? .5 : 1
+										cursor: !_.trim() || E ? "not-allowed" : "pointer",
+										opacity: !_.trim() || E ? .5 : 1
 									},
-									children: [v ? /* @__PURE__ */ S(m, {
+									children: [E ? /* @__PURE__ */ x(m, {
 										size: 16,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ S(h, { size: 16 }), "Generate Dashboard"]
+									}) : /* @__PURE__ */ x(h, { size: 16 }), o("bigconsole.insights.prompt.generateButton", "Generate Dashboard")]
 								})]
 							})
 						]
 					}),
-					O && /* @__PURE__ */ C("div", {
+					O && /* @__PURE__ */ S("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -403,14 +419,14 @@ var D = o(function() {
 							color: "var(--color-status-error-text)",
 							fontSize: "var(--font-size-body-sm)"
 						},
-						children: [/* @__PURE__ */ C("div", {
+						children: [/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 8
 							},
-							children: [/* @__PURE__ */ S(u, { size: 16 }), O]
-						}), /* @__PURE__ */ S("button", {
+							children: [/* @__PURE__ */ x(u, { size: 16 }), O]
+						}), /* @__PURE__ */ x("button", {
 							onClick: () => k(null),
 							style: {
 								background: "none",
@@ -420,28 +436,28 @@ var D = o(function() {
 								fontSize: "var(--font-size-body-md)",
 								padding: "0 4px"
 							},
-							"aria-label": "Dismiss error",
+							"aria-label": o("bigconsole.insights.error.dismiss", "Dismiss error"),
 							children: "×"
 						})]
 					}),
-					Q.length > 0 && /* @__PURE__ */ C("div", {
+					Q.length > 0 && /* @__PURE__ */ S("div", {
 						style: { marginBottom: "var(--space-sectionGap)" },
-						children: [/* @__PURE__ */ S("h2", {
+						children: [/* @__PURE__ */ x("h2", {
 							style: {
 								fontSize: "var(--font-size-body-md)",
 								fontWeight: "var(--font-weight-semibold)",
 								color: "var(--color-text-primary)",
 								marginBottom: 12
 							},
-							children: "Suggestions"
-						}), /* @__PURE__ */ S("div", {
+							children: o("bigconsole.insights.suggestions.heading", "Suggestions")
+						}), /* @__PURE__ */ x("div", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "repeat(auto-fill, minmax(min(280px, 100%), 1fr))",
 								gap: 12
 							},
-							children: Q.map((e) => /* @__PURE__ */ C("button", {
-								onClick: () => we(e.prompt),
+							children: Q.map((e) => /* @__PURE__ */ S("button", {
+								onClick: () => Ee(e.prompt),
 								style: {
 									textAlign: "left",
 									padding: 12,
@@ -451,7 +467,7 @@ var D = o(function() {
 									cursor: "pointer"
 								},
 								children: [
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ x("div", {
 										style: {
 											fontWeight: "var(--font-weight-medium)",
 											fontSize: "var(--font-size-body-sm)",
@@ -460,7 +476,7 @@ var D = o(function() {
 										},
 										children: e.title
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ x("div", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											color: "var(--color-text-secondary)",
@@ -468,14 +484,14 @@ var D = o(function() {
 										},
 										children: e.exampleDescription || e.prompt.slice(0, 80)
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ x("div", {
 										style: {
 											display: "flex",
 											gap: 4,
 											marginTop: 8,
 											flexWrap: "wrap"
 										},
-										children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ S("span", {
+										children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ x("span", {
 											style: {
 												fontSize: 11,
 												padding: "2px 6px",
@@ -490,47 +506,47 @@ var D = o(function() {
 							}, e.id))
 						})]
 					}),
-					/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h2", {
+					/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h2", {
 						style: {
 							fontSize: "var(--font-size-body-md)",
 							fontWeight: "var(--font-weight-semibold)",
 							color: "var(--color-text-primary)",
 							marginBottom: 12
 						},
-						children: "Recent Generations"
-					}), _e && Z.length === 0 ? /* @__PURE__ */ C("div", {
+						children: o("bigconsole.insights.generations.heading", "Recent Generations")
+					}), ye && Z.length === 0 ? /* @__PURE__ */ S("div", {
 						style: {
 							textAlign: "center",
 							padding: 40,
 							color: "var(--color-text-muted)"
 						},
-						children: [/* @__PURE__ */ S(m, {
+						children: [/* @__PURE__ */ x(m, {
 							size: 24,
 							className: "animate-spin",
 							style: { margin: "0 auto 8px" }
-						}), /* @__PURE__ */ S("p", { children: "Loading generations..." })]
-					}) : Z.length === 0 && !v ? /* @__PURE__ */ S(se, {
+						}), /* @__PURE__ */ x("p", { children: o("bigconsole.insights.generations.loading", "Loading generations...") })]
+					}) : Z.length === 0 && !E ? /* @__PURE__ */ x(ce, {
 						treatment: "insight",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ S(x, {
+						children: /* @__PURE__ */ x(ue, {
 							illustration: "onboarding",
-							title: "No generations yet",
-							description: "Describe a dashboard above to get started"
+							title: o("bigconsole.insights.generations.emptyTitle", "No generations yet"),
+							description: o("bigconsole.insights.generations.emptyDescription", "Describe a dashboard above to get started")
 						})
-					}) : /* @__PURE__ */ C("div", {
+					}) : /* @__PURE__ */ S("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: 12
 						},
-						children: [v && !W && /* @__PURE__ */ S("div", {
+						children: [E && !W && /* @__PURE__ */ x("div", {
 							style: {
 								padding: 16,
 								borderRadius: "var(--radius-card)",
 								border: "1px solid var(--color-border)",
 								backgroundColor: "var(--color-bg-surface)"
 							},
-							children: /* @__PURE__ */ C("div", {
+							children: /* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
@@ -538,16 +554,16 @@ var D = o(function() {
 									minWidth: 0
 								},
 								children: [
-									T("PROCESSING"),
-									/* @__PURE__ */ S("span", {
+									w("PROCESSING"),
+									/* @__PURE__ */ x("span", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											fontWeight: "var(--font-weight-medium)",
 											color: "var(--color-text-primary)"
 										},
-										children: "Generating..."
+										children: o("bigconsole.insights.generations.generating", "Generating...")
 									}),
-									/* @__PURE__ */ S("span", {
+									/* @__PURE__ */ x("span", {
 										style: {
 											fontSize: 11,
 											color: "var(--color-text-muted)",
@@ -555,18 +571,18 @@ var D = o(function() {
 											borderRadius: 4,
 											backgroundColor: "var(--color-bg-sunken)"
 										},
-										children: E("PROCESSING")
+										children: T("PROCESSING", o)
 									})
 								]
 							})
-						}), Z.map((e) => /* @__PURE__ */ S("div", {
+						}), Z.map((e) => /* @__PURE__ */ x("div", {
 							style: {
 								padding: 16,
 								borderRadius: "var(--radius-card)",
 								border: "1px solid var(--color-border)",
 								backgroundColor: "var(--color-bg-surface)"
 							},
-							children: /* @__PURE__ */ C("div", {
+							children: /* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									justifyContent: "space-between",
@@ -574,13 +590,13 @@ var D = o(function() {
 									flexWrap: "wrap",
 									gap: 8
 								},
-								children: [/* @__PURE__ */ C("div", {
+								children: [/* @__PURE__ */ S("div", {
 									style: {
 										flex: "1 1 200px",
 										minWidth: 0
 									},
 									children: [
-										/* @__PURE__ */ C("div", {
+										/* @__PURE__ */ S("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -589,8 +605,8 @@ var D = o(function() {
 												minWidth: 0
 											},
 											children: [
-												T(e.status),
-												/* @__PURE__ */ S("span", {
+												w(e.status),
+												/* @__PURE__ */ x("span", {
 													style: {
 														fontSize: "var(--font-size-body-sm)",
 														fontWeight: "var(--font-weight-medium)",
@@ -600,9 +616,9 @@ var D = o(function() {
 														textOverflow: "ellipsis",
 														whiteSpace: "nowrap"
 													},
-													children: e.generatedSpec?.name || "Generating..."
+													children: e.generatedSpec?.name || o("bigconsole.insights.generations.generating", "Generating...")
 												}),
-												/* @__PURE__ */ S("span", {
+												/* @__PURE__ */ x("span", {
 													style: {
 														fontSize: 11,
 														color: "var(--color-text-muted)",
@@ -610,11 +626,11 @@ var D = o(function() {
 														borderRadius: 4,
 														backgroundColor: "var(--color-bg-sunken)"
 													},
-													children: E(e.status)
+													children: T(e.status, o)
 												})
 											]
 										}),
-										/* @__PURE__ */ S("p", {
+										/* @__PURE__ */ x("p", {
 											style: {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-text-secondary)",
@@ -622,23 +638,18 @@ var D = o(function() {
 											},
 											children: e.prompt.length > 120 ? e.prompt.slice(0, 120) + "..." : e.prompt
 										}),
-										e.generatedSpec && /* @__PURE__ */ C("div", {
+										e.generatedSpec && /* @__PURE__ */ x("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"
-											]
+											children: o("bigconsole.insights.generations.summary", "{{widgets}} widgets across {{pages}} page(s) · {{confidence}}% confidence", {
+												widgets: e.generatedSpec.pages.reduce((e, t) => e + t.widgets.length, 0),
+												pages: e.generatedSpec.pages.length,
+												confidence: Math.round(e.generatedSpec.overallConfidence * 100)
+											})
 										}),
-										e.errorMessage && /* @__PURE__ */ C("div", {
+										e.errorMessage && /* @__PURE__ */ S("div", {
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -647,22 +658,22 @@ var D = o(function() {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-status-error-text)"
 											},
-											children: [/* @__PURE__ */ S(u, { size: 14 }), e.errorMessage]
+											children: [/* @__PURE__ */ x(u, { size: 14 }), e.errorMessage]
 										})
 									]
-								}), /* @__PURE__ */ C("div", {
+								}), /* @__PURE__ */ S("div", {
 									style: {
 										display: "flex",
 										gap: 8,
 										flexWrap: "wrap"
 									},
 									children: [
-										w.includes(e.status) && /* @__PURE__ */ C("button", {
+										C.includes(e.status) && /* @__PURE__ */ S("button", {
 											onClick: () => {
-												i("medium"), xe(e.id);
+												i("medium"), Ce(e.id);
 											},
 											disabled: A.has(e.id),
-											title: "Cancel generation",
+											title: o("bigconsole.insights.actions.cancelTitle", "Cancel generation"),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -675,11 +686,15 @@ var D = o(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: A.has(e.id) ? "wait" : "pointer"
 											},
-											children: [/* @__PURE__ */ S(ee, { size: 14 }), " Cancel"]
+											children: [
+												/* @__PURE__ */ x(ee, { size: 14 }),
+												" ",
+												o("bigconsole.insights.actions.cancel", "Cancel")
+											]
 										}),
-										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ C("button", {
+										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ S("button", {
 											onClick: () => N(e),
-											title: "Preview proposed layout",
+											title: o("bigconsole.insights.actions.previewTitle", "Preview proposed layout"),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -692,13 +707,17 @@ var D = o(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: [/* @__PURE__ */ S(te, { size: 14 }), " Preview"]
+											children: [
+												/* @__PURE__ */ x(te, { size: 14 }),
+												" ",
+												o("bigconsole.insights.actions.preview", "Preview")
+											]
 										}),
-										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ C("button", {
+										e.status === "COMPLETED" && e.generatedSpec && /* @__PURE__ */ S("button", {
 											onClick: () => {
 												F(e), L("");
 											},
-											title: "Refine with instructions",
+											title: o("bigconsole.insights.actions.refineTitle", "Refine with instructions"),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -711,14 +730,18 @@ var D = o(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: [/* @__PURE__ */ S(g, { size: 14 }), " Refine"]
+											children: [
+												/* @__PURE__ */ x(g, { size: 14 }),
+												" ",
+												o("bigconsole.insights.actions.refine", "Refine")
+											]
 										}),
-										(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ C("button", {
+										(e.status === "COMPLETED" || e.status === "FAILED" || e.status === "CANCELLED") && /* @__PURE__ */ S("button", {
 											onClick: () => {
-												i("medium"), Se(e.id);
+												i("medium"), we(e.id);
 											},
 											disabled: A.has(e.id),
-											title: "Regenerate with the same prompt",
+											title: o("bigconsole.insights.actions.regenerateTitle", "Regenerate with the same prompt"),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -731,13 +754,17 @@ var D = o(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: A.has(e.id) ? "wait" : "pointer"
 											},
-											children: [/* @__PURE__ */ S(ne, {
-												size: 14,
-												className: A.has(e.id) ? "animate-spin" : ""
-											}), " Regenerate"]
+											children: [
+												/* @__PURE__ */ x(ne, {
+													size: 14,
+													className: A.has(e.id) ? "animate-spin" : ""
+												}),
+												" ",
+												o("bigconsole.insights.actions.regenerate", "Regenerate")
+											]
 										}),
-										e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ C("button", {
-											onClick: () => ye(e.id),
+										e.status === "COMPLETED" && !e.dashboardId && /* @__PURE__ */ S("button", {
+											onClick: () => xe(e.id),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -750,10 +777,14 @@ var D = o(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: ["Create ", /* @__PURE__ */ S(d, { size: 14 })]
+											children: [
+												o("bigconsole.insights.actions.create", "Create"),
+												" ",
+												/* @__PURE__ */ x(d, { size: 14 })
+											]
 										}),
-										e.dashboardId && /* @__PURE__ */ C("button", {
-											onClick: () => o(`/dashboards/${e.dashboardId}`),
+										e.dashboardId && /* @__PURE__ */ S("button", {
+											onClick: () => f(`/dashboards/${e.dashboardId}`),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -766,13 +797,17 @@ var D = o(function() {
 												fontSize: "var(--font-size-body-sm)",
 												cursor: "pointer"
 											},
-											children: ["View Dashboard ", /* @__PURE__ */ S(d, { size: 14 })]
+											children: [
+												o("bigconsole.insights.actions.viewDashboard", "View Dashboard"),
+												" ",
+												/* @__PURE__ */ x(d, { size: 14 })
+											]
 										}),
-										/* @__PURE__ */ S("button", {
+										/* @__PURE__ */ x("button", {
 											onClick: () => {
-												i("medium"), be(e.id);
+												i("medium"), Se(e.id);
 											},
-											title: "Delete generation",
+											title: o("bigconsole.insights.actions.deleteTitle", "Delete generation"),
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -783,7 +818,7 @@ var D = o(function() {
 												color: "var(--color-text-muted)",
 												cursor: "pointer"
 											},
-											children: /* @__PURE__ */ S(re, { size: 14 })
+											children: /* @__PURE__ */ x(re, { size: 14 })
 										})
 									]
 								})]
@@ -792,10 +827,10 @@ var D = o(function() {
 					})] })
 				]
 			}),
-			M?.generatedSpec && /* @__PURE__ */ S("div", {
+			M?.generatedSpec && /* @__PURE__ */ x("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-label": "Generation preview",
+				"aria-label": o("bigconsole.insights.preview.ariaLabel", "Generation preview"),
 				onClick: () => N(null),
 				style: {
 					position: "fixed",
@@ -807,7 +842,7 @@ var D = o(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ S("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						width: "min(640px, 100%)",
@@ -820,7 +855,7 @@ var D = o(function() {
 						padding: "var(--space-cardPadding)"
 					},
 					children: [
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								justifyContent: "space-between",
@@ -828,15 +863,15 @@ var D = o(function() {
 								gap: 8,
 								marginBottom: "var(--space-controlGap)"
 							},
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ S("div", {
 								style: { minWidth: 0 },
-								children: [/* @__PURE__ */ S("h3", {
+								children: [/* @__PURE__ */ x("h3", {
 									style: {
 										fontSize: "var(--font-size-heading-h4)",
 										fontWeight: "var(--font-weight-semibold)"
 									},
 									children: M.generatedSpec.name
-								}), M.generatedSpec.description && /* @__PURE__ */ S("p", {
+								}), M.generatedSpec.description && /* @__PURE__ */ x("p", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)",
@@ -844,9 +879,9 @@ var D = o(function() {
 									},
 									children: M.generatedSpec.description
 								})]
-							}), /* @__PURE__ */ S("button", {
+							}), /* @__PURE__ */ x("button", {
 								onClick: () => N(null),
-								"aria-label": "Close preview",
+								"aria-label": o("bigconsole.insights.preview.close", "Close preview"),
 								style: {
 									display: "flex",
 									padding: 4,
@@ -856,29 +891,24 @@ var D = o(function() {
 									color: "var(--color-text-muted)",
 									cursor: "pointer"
 								},
-								children: /* @__PURE__ */ S(ie, { size: 18 })
+								children: /* @__PURE__ */ x(ie, { size: 18 })
 							})]
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ x("div", {
 							style: {
 								fontSize: 11,
 								color: "var(--color-text-muted)",
 								marginBottom: "var(--space-controlGap)"
 							},
-							children: [
-								M.generatedSpec.pages.reduce((e, t) => e + t.widgets.length, 0),
-								" widgets across",
-								" ",
-								M.generatedSpec.pages.length,
-								" page(s) ·",
-								" ",
-								Math.round(M.generatedSpec.overallConfidence * 100),
-								"% confidence"
-							]
+							children: o("bigconsole.insights.generations.summary", "{{widgets}} widgets across {{pages}} page(s) · {{confidence}}% confidence", {
+								widgets: M.generatedSpec.pages.reduce((e, t) => e + t.widgets.length, 0),
+								pages: M.generatedSpec.pages.length,
+								confidence: Math.round(M.generatedSpec.overallConfidence * 100)
+							})
 						}),
-						M.generatedSpec.pages.map((e, t) => /* @__PURE__ */ C("div", {
+						M.generatedSpec.pages.map((e, t) => /* @__PURE__ */ S("div", {
 							style: { marginBottom: "var(--space-controlGap)" },
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ x("div", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									fontWeight: "var(--font-weight-medium)",
@@ -886,13 +916,13 @@ var D = o(function() {
 									marginBottom: 4
 								},
 								children: e.name
-							}), /* @__PURE__ */ S("div", {
+							}), /* @__PURE__ */ x("div", {
 								style: {
 									display: "flex",
 									flexWrap: "wrap",
 									gap: 6
 								},
-								children: e.widgets.map((e, t) => /* @__PURE__ */ C("span", {
+								children: e.widgets.map((e, t) => /* @__PURE__ */ S("span", {
 									style: {
 										fontSize: 11,
 										padding: "3px 8px",
@@ -911,10 +941,10 @@ var D = o(function() {
 					]
 				})
 			}),
-			P && /* @__PURE__ */ S("div", {
+			P && /* @__PURE__ */ x("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-label": "Refine generation",
+				"aria-label": o("bigconsole.insights.refine.ariaLabel", "Refine generation"),
 				onClick: () => F(null),
 				style: {
 					position: "fixed",
@@ -926,7 +956,7 @@ var D = o(function() {
 					justifyContent: "center",
 					padding: "var(--space-pagePadding)"
 				},
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ S("div", {
 					onClick: (e) => e.stopPropagation(),
 					style: {
 						width: "min(520px, 100%)",
@@ -937,28 +967,28 @@ var D = o(function() {
 						padding: "var(--space-cardPadding)"
 					},
 					children: [
-						/* @__PURE__ */ S("h3", {
+						/* @__PURE__ */ x("h3", {
 							style: {
 								fontSize: "var(--font-size-heading-h4)",
 								fontWeight: "var(--font-weight-semibold)",
 								marginBottom: 4
 							},
-							children: "Refine dashboard"
+							children: o("bigconsole.insights.refine.heading", "Refine dashboard")
 						}),
-						/* @__PURE__ */ S("p", {
+						/* @__PURE__ */ x("p", {
 							style: {
 								fontSize: "var(--font-size-body-sm)",
 								color: "var(--color-text-muted)",
 								marginBottom: "var(--space-controlGap)"
 							},
-							children: "Describe what to change — the AI keeps the existing spec and applies your instructions."
+							children: o("bigconsole.insights.refine.subtitle", "Describe what to change — the AI keeps the existing spec and applies your instructions.")
 						}),
-						/* @__PURE__ */ S("textarea", {
+						/* @__PURE__ */ x("textarea", {
 							value: I,
 							onChange: (e) => L(e.target.value),
 							maxLength: 2e3,
 							rows: 4,
-							placeholder: "e.g., Add a revenue-by-region map and remove the duplicate KPI cards",
+							placeholder: o("bigconsole.insights.refine.placeholder", "e.g., Add a revenue-by-region map and remove the duplicate KPI cards"),
 							style: {
 								width: "100%",
 								resize: "vertical",
@@ -971,14 +1001,14 @@ var D = o(function() {
 								marginBottom: "var(--space-controlGap)"
 							}
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ S("div", {
 							style: {
 								display: "flex",
 								justifyContent: "flex-end",
 								gap: 8,
 								flexWrap: "wrap"
 							},
-							children: [/* @__PURE__ */ S("button", {
+							children: [/* @__PURE__ */ x("button", {
 								onClick: () => F(null),
 								style: {
 									padding: "8px 16px",
@@ -989,9 +1019,9 @@ var D = o(function() {
 									fontSize: "var(--font-size-body-sm)",
 									cursor: "pointer"
 								},
-								children: "Cancel"
-							}), /* @__PURE__ */ C("button", {
-								onClick: () => void Ce(),
+								children: o("bigconsole.insights.actions.cancel", "Cancel")
+							}), /* @__PURE__ */ S("button", {
+								onClick: () => void Te(),
 								disabled: !I.trim() || A.has(P.id),
 								style: {
 									display: "flex",
@@ -1006,10 +1036,10 @@ var D = o(function() {
 									cursor: !I.trim() || A.has(P.id) ? "not-allowed" : "pointer",
 									opacity: I.trim() ? 1 : .6
 								},
-								children: [A.has(P.id) ? /* @__PURE__ */ S(m, {
+								children: [A.has(P.id) ? /* @__PURE__ */ x(m, {
 									size: 14,
 									className: "animate-spin"
-								}) : /* @__PURE__ */ S(g, { size: 14 }), "Apply refinement"]
+								}) : /* @__PURE__ */ x(g, { size: 14 }), o("bigconsole.insights.refine.apply", "Apply refinement")]
 							})]
 						})
 					]
@@ -1019,6 +1049,6 @@ var D = o(function() {
 	});
 });
 //#endregion
-export { D as InsightsPage, D as default };
+export { E as InsightsPage, E as default };
 
 //# sourceMappingURL=InsightsPage.js.map