@burdenoff/microfe-bigconsole 2026.805.3 → 2026.812.2

package/dist/bigconsole/pages/HomePage.js

@@ -1,14 +1,16 @@
 import { useAppNavigate as e } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
-import { memo as t, useCallback as n } from "react";
-import { ArrowRight as r, Blocks as i, FileCode2 as a, GitBranch as o, LayoutDashboard as s, Loader2 as c } from "lucide-react";
-import { gql as l } from "@apollo/client";
-import { useQuery as u } from "@apollo/client/react";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AuroraBackground as f, Button as p, GlassCard as m, GradientText as h, IllustratedEmptyState as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Section as t, SectionStack as n } from "../components/common/Section.js";
+import "../components/common/index.js";
+import { memo as r, useCallback as i } from "react";
+import { ArrowRight as a, Blocks as o, FileCode2 as s, GitBranch as c, LayoutDashboard as l, Loader2 as u } from "lucide-react";
+import { gql as d } from "@apollo/client";
+import { useQuery as f } from "@apollo/client/react";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AuroraBackground as m, Button as h, GlassCard as g, GradientText as _, IllustratedEmptyState as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/bigconsole/pages/HomePage.tsx
-var b = "default", x = l`
+var S = "default", C = d`
   query HomepageStats($globalConsoleId: ID!) {
     listDashboards(first: 0) {
       totalCount
@@ -23,7 +25,7 @@ var b = "default", x = l`
       totalCount
     }
   }
-`, S = l`
+`, w = d`
   query RecentDashboards {
     listDashboards(first: 5, sortBy: UPDATED_AT, sortOrder: DESC) {
       edges {
@@ -36,141 +38,144 @@ var b = "default", x = l`
       }
     }
   }
-`, C = t(function({ icon: e, label: t, count: n, loading: r, path: i, onNavigate: a, hero: o = !1 }) {
-	return /* @__PURE__ */ v(m, {
+`, T = r(function({ icon: e, label: t, count: n, loading: r, path: i, onNavigate: a, hero: o = !1 }) {
+	return /* @__PURE__ */ b(g, {
 		treatment: o ? "glass" : "metric",
 		glow: o,
-		className: "border-border-seam p-0",
-		children: /* @__PURE__ */ y("button", {
+		className: "border-[var(--color-border-seam)] p-0",
+		children: /* @__PURE__ */ x("button", {
 			type: "button",
 			onClick: () => a(i),
 			className: "flex w-full flex-col gap-2 rounded-card p-[var(--space-cardPadding)] text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-			children: [/* @__PURE__ */ y("div", {
+			children: [/* @__PURE__ */ x("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ b("div", {
 					style: { color: "var(--color-action-primary-bg)" },
 					children: e
-				}), /* @__PURE__ */ v("span", {
+				}), /* @__PURE__ */ b("span", {
 					style: {
 						fontSize: "var(--font-size-body-sm)",
 						color: "var(--color-text-secondary)"
 					},
 					children: t
 				})]
-			}), /* @__PURE__ */ v("div", {
+			}), /* @__PURE__ */ b("div", {
 				className: "tabular-nums",
 				style: {
 					fontSize: "var(--font-size-heading-h4)",
 					fontWeight: "var(--font-weight-bold)",
 					color: "var(--color-text-primary)"
 				},
-				children: r ? /* @__PURE__ */ v(c, {
+				children: r ? /* @__PURE__ */ b(u, {
 					size: 20,
 					className: "animate-spin"
 				}) : n ?? 0
 			})]
 		})
 	});
-}), w = t(function() {
-	let t = e(), { t: l } = d(), w = n((e, t) => {
-		let n = l(e);
+}), E = r(function() {
+	let r = e(), { t: d } = p(), E = i((e, t) => {
+		let n = d(e);
 		return n === e ? t : n;
-	}, [l]), { data: T, loading: E } = u(x, {
-		variables: { globalConsoleId: b },
+	}, [d]), { data: D, loading: O } = f(C, {
+		variables: { globalConsoleId: S },
 		fetchPolicy: "cache-and-network"
-	}), { data: D, loading: O } = u(S, { fetchPolicy: "cache-and-network" }), k = D?.listDashboards?.edges?.map((e) => e.node) || [];
-	return /* @__PURE__ */ v("div", {
+	}), { data: k, loading: A } = f(w, { fetchPolicy: "cache-and-network" }), j = k?.listDashboards?.edges?.map((e) => e.node) || [];
+	return /* @__PURE__ */ b("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
-		children: /* @__PURE__ */ y("div", {
-			style: {
-				padding: "var(--space-pagePadding)",
-				maxWidth: 960,
-				margin: "0 auto"
-			},
+		children: /* @__PURE__ */ x(n, {
+			className: "mx-auto max-w-[960px] p-[var(--space-pagePadding)]",
 			children: [
-				/* @__PURE__ */ y("div", {
-					className: "relative mb-[var(--space-sectionGap)] overflow-hidden rounded-card border border-border-seam bg-gloss-card p-6",
+				/* @__PURE__ */ x("div", {
+					className: "relative overflow-hidden rounded-card border border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)] p-6",
 					children: [
-						/* @__PURE__ */ v(f, { intensity: "subtle" }),
-						/* @__PURE__ */ v("h1", {
+						/* @__PURE__ */ b(m, { intensity: "subtle" }),
+						/* @__PURE__ */ b("h1", {
 							style: {
 								fontSize: "var(--font-size-heading-h4)",
 								fontWeight: "var(--font-weight-bold)",
 								color: "var(--color-text-primary)"
 							},
-							children: /* @__PURE__ */ v(h, { children: "BigConsole" })
+							children: /* @__PURE__ */ b(_, { children: "BigConsole" })
 						}),
-						/* @__PURE__ */ v("p", {
+						/* @__PURE__ */ b("p", {
 							style: {
 								fontSize: "var(--font-size-body-md)",
 								color: "var(--color-text-secondary)",
 								marginTop: 4
 							},
-							children: w("bigconsole.home.subtitle", "AI-powered analytics platform")
+							children: E("bigconsole.home.subtitle", "AI-powered analytics platform")
 						})
 					]
 				}),
-				/* @__PURE__ */ v(_, {
-					className: "mb-[var(--space-sectionGap)]",
-					children: w("bigconsole.home.purpose", "BigConsole is your analytics command center — build live dashboards, wire up data sinks and parsers, then automate it all with pipelines and workflows. Start from the quick actions below or jump back into a recent dashboard.")
-				}),
-				/* @__PURE__ */ y("div", {
-					style: {
-						display: "grid",
-						gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
-						gap: 12,
-						marginBottom: "var(--space-sectionGap)"
-					},
-					children: [
-						/* @__PURE__ */ v(C, {
-							hero: !0,
-							icon: /* @__PURE__ */ v(s, { size: 20 }),
-							label: w("bigconsole.home.stats.dashboards", "Dashboards"),
-							count: T?.listDashboards?.totalCount,
-							loading: E,
-							path: "/dashboards",
-							onNavigate: t
-						}),
-						/* @__PURE__ */ v(C, {
-							icon: /* @__PURE__ */ v(i, { size: 20 }),
-							label: w("bigconsole.home.stats.dataSinks", "Data Sinks"),
-							count: T?.listDataSinks?.totalCount,
-							loading: E,
-							path: "/datasinks",
-							onNavigate: t
-						}),
-						/* @__PURE__ */ v(C, {
-							icon: /* @__PURE__ */ v(a, { size: 20 }),
-							label: w("bigconsole.home.stats.parsers", "Parsers"),
-							count: T?.listParsers?.totalCount,
-							loading: E,
-							path: "/parsers",
-							onNavigate: t
-						}),
-						/* @__PURE__ */ v(C, {
-							icon: /* @__PURE__ */ v(o, { size: 20 }),
-							label: w("bigconsole.home.stats.pipelines", "Pipelines"),
-							count: T?.listPipelines?.totalCount,
-							loading: E,
-							path: "/pipelines",
-							onNavigate: t
-						})
-					]
+				/* @__PURE__ */ b(t, {
+					emphasis: "muted",
+					padding: "compact",
+					"aria-label": E("bigconsole.home.about", "About BigConsole"),
+					children: /* @__PURE__ */ b(y, {
+						className: "max-w-[80ch]",
+						children: E("bigconsole.home.purpose", "BigConsole is your analytics command center — build live dashboards, wire up data sinks and parsers, then automate it all with pipelines and workflows. Start from the quick actions below or jump back into a recent dashboard.")
+					})
 				}),
-				/* @__PURE__ */ y("div", {
-					style: { marginBottom: "var(--space-sectionGap)" },
-					children: [/* @__PURE__ */ v("h2", {
+				/* @__PURE__ */ b(t, {
+					headingLevel: 2,
+					emphasis: "bare",
+					padding: "none",
+					title: E("bigconsole.home.stats.title", "Workspace at a glance"),
+					"data-testid": "home-stats",
+					children: /* @__PURE__ */ x("div", {
 						style: {
-							fontSize: "var(--font-size-body-md)",
-							fontWeight: "var(--font-weight-semibold)",
-							color: "var(--color-text-primary)",
-							marginBottom: 12
+							display: "grid",
+							gridTemplateColumns: "repeat(auto-fit, minmax(min(180px, 100%), 1fr))",
+							gap: 12
 						},
-						children: w("bigconsole.home.quickActions.title", "Quick Actions")
-					}), /* @__PURE__ */ v("div", {
+						children: [
+							/* @__PURE__ */ b(T, {
+								hero: !0,
+								icon: /* @__PURE__ */ b(l, { size: 20 }),
+								label: E("bigconsole.home.stats.dashboards", "Dashboards"),
+								count: D?.listDashboards?.totalCount,
+								loading: O,
+								path: "/dashboards",
+								onNavigate: r
+							}),
+							/* @__PURE__ */ b(T, {
+								icon: /* @__PURE__ */ b(o, { size: 20 }),
+								label: E("bigconsole.home.stats.dataSinks", "Data Sinks"),
+								count: D?.listDataSinks?.totalCount,
+								loading: O,
+								path: "/datasinks",
+								onNavigate: r
+							}),
+							/* @__PURE__ */ b(T, {
+								icon: /* @__PURE__ */ b(s, { size: 20 }),
+								label: E("bigconsole.home.stats.parsers", "Parsers"),
+								count: D?.listParsers?.totalCount,
+								loading: O,
+								path: "/parsers",
+								onNavigate: r
+							}),
+							/* @__PURE__ */ b(T, {
+								icon: /* @__PURE__ */ b(c, { size: 20 }),
+								label: E("bigconsole.home.stats.pipelines", "Pipelines"),
+								count: D?.listPipelines?.totalCount,
+								loading: O,
+								path: "/pipelines",
+								onNavigate: r
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ b(t, {
+					headingLevel: 2,
+					emphasis: "bare",
+					padding: "none",
+					title: E("bigconsole.home.quickActions.title", "Quick Actions"),
+					"data-testid": "home-quick-actions",
+					children: /* @__PURE__ */ b("div", {
 						style: {
 							display: "flex",
 							gap: 12,
@@ -178,34 +183,34 @@ var b = "default", x = l`
 						},
 						children: [
 							{
-								label: w("bigconsole.home.quickActions.newDashboard", "New Dashboard"),
+								label: E("bigconsole.home.quickActions.newDashboard", "New Dashboard"),
 								path: "/dashboards",
-								icon: /* @__PURE__ */ v(s, { size: 14 })
+								icon: /* @__PURE__ */ b(l, { size: 14 })
 							},
 							{
-								label: w("bigconsole.home.quickActions.newDataSink", "New Data Sink"),
+								label: E("bigconsole.home.quickActions.newDataSink", "New Data Sink"),
 								path: "/datasinks/new",
-								icon: /* @__PURE__ */ v(i, { size: 14 })
+								icon: /* @__PURE__ */ b(o, { size: 14 })
 							},
 							{
-								label: w("bigconsole.home.quickActions.newParser", "New Parser"),
+								label: E("bigconsole.home.quickActions.newParser", "New Parser"),
 								path: "/parsers/new",
-								icon: /* @__PURE__ */ v(a, { size: 14 })
+								icon: /* @__PURE__ */ b(s, { size: 14 })
 							},
 							{
-								label: w("bigconsole.home.quickActions.newPipeline", "New Pipeline"),
+								label: E("bigconsole.home.quickActions.newPipeline", "New Pipeline"),
 								path: "/pipelines/new",
-								icon: /* @__PURE__ */ v(o, { size: 14 })
+								icon: /* @__PURE__ */ b(c, { size: 14 })
 							}
-						].map((e) => /* @__PURE__ */ y("button", {
-							onClick: () => t(e.path),
+						].map((e) => /* @__PURE__ */ x("button", {
+							onClick: () => r(e.path),
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 6,
 								padding: "8px 16px",
 								borderRadius: "var(--radius-button)",
-								border: "1px solid var(--color-border)",
+								border: "1px solid var(--color-border-subtle)",
 								backgroundColor: "var(--color-bg-surface)",
 								color: "var(--color-text-primary)",
 								fontSize: "var(--font-size-body-sm)",
@@ -217,109 +222,97 @@ var b = "default", x = l`
 								e.label
 							]
 						}, e.path))
-					})]
+					})
 				}),
-				/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
-					style: {
-						display: "flex",
-						justifyContent: "space-between",
-						alignItems: "center",
-						marginBottom: 12
-					},
-					children: [/* @__PURE__ */ v("h2", {
-						style: {
-							fontSize: "var(--font-size-body-md)",
-							fontWeight: "var(--font-weight-semibold)",
-							color: "var(--color-text-primary)"
-						},
-						children: w("bigconsole.home.recentDashboards.title", "Recent Dashboards")
-					}), /* @__PURE__ */ y("button", {
-						onClick: () => t("/dashboards"),
-						style: {
-							display: "flex",
-							alignItems: "center",
-							gap: 4,
-							padding: "4px 8px",
-							borderRadius: "var(--radius-button)",
-							border: "none",
-							backgroundColor: "transparent",
-							color: "var(--color-action-primary-bg)",
-							fontSize: "var(--font-size-body-sm)",
-							cursor: "pointer"
-						},
+				/* @__PURE__ */ b(t, {
+					headingLevel: 2,
+					emphasis: "primary",
+					"data-testid": "home-recent-dashboards",
+					title: E("bigconsole.home.recentDashboards.title", "Recent Dashboards"),
+					description: E("bigconsole.home.recentDashboards.description", "Jump straight back into a board you were working on."),
+					actions: /* @__PURE__ */ x(h, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => r("/dashboards"),
 						children: [
-							w("bigconsole.home.recentDashboards.viewAll", "View all"),
+							E("bigconsole.home.recentDashboards.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ v(r, { size: 14 })
+							/* @__PURE__ */ b(a, { size: 14 })
 						]
-					})]
-				}), O ? /* @__PURE__ */ v("div", {
-					style: {
-						textAlign: "center",
-						padding: 24,
-						color: "var(--color-text-muted)"
-					},
-					children: /* @__PURE__ */ v(c, {
-						size: 20,
-						className: "animate-spin",
-						style: { margin: "0 auto" }
-					})
-				}) : k.length === 0 ? /* @__PURE__ */ v(m, {
-					treatment: "insight",
-					className: "border-border-seam",
-					children: /* @__PURE__ */ v(g, {
-						illustration: "empty-data",
-						title: w("bigconsole.home.recentDashboards.emptyTitle", "No dashboards yet"),
-						description: w("bigconsole.home.recentDashboards.emptyDescription", "Create your first dashboard to get started"),
-						action: /* @__PURE__ */ v(p, {
-							onClick: () => t("/dashboards"),
-							children: w("bigconsole.home.quickActions.newDashboard", "New Dashboard")
+					}),
+					children: A ? /* @__PURE__ */ b("div", {
+						style: {
+							textAlign: "center",
+							padding: 24,
+							color: "var(--color-text-muted)"
+						},
+						children: /* @__PURE__ */ b(u, {
+							size: 20,
+							className: "animate-spin",
+							style: { margin: "0 auto" }
 						})
-					})
-				}) : /* @__PURE__ */ v("div", {
-					style: {
-						display: "flex",
-						flexDirection: "column",
-						gap: 8
-					},
-					children: k.map((e) => /* @__PURE__ */ y("button", {
-						onClick: () => t(`/dashboards/${e.id}`),
+					}) : j.length === 0 ? /* @__PURE__ */ b(g, {
+						treatment: "insight",
+						className: "border-[var(--color-border-seam)]",
+						children: /* @__PURE__ */ b(v, {
+							illustration: "empty-data",
+							title: E("bigconsole.home.recentDashboards.emptyTitle", "No dashboards yet"),
+							description: E("bigconsole.home.recentDashboards.emptyDescription", "Create your first dashboard to get started"),
+							action: /* @__PURE__ */ b(h, {
+								onClick: () => r("/dashboards"),
+								children: E("bigconsole.home.quickActions.newDashboard", "New Dashboard")
+							})
+						})
+					}) : /* @__PURE__ */ b("div", {
 						style: {
-							textAlign: "left",
-							padding: 12,
-							borderRadius: "var(--radius-card)",
-							border: "1px solid var(--color-border)",
-							backgroundColor: "var(--color-bg-surface)",
-							cursor: "pointer",
 							display: "flex",
-							justifyContent: "space-between",
-							alignItems: "center"
+							flexDirection: "column",
+							gap: 8
 						},
-						children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
-							style: {
-								fontWeight: "var(--font-weight-medium)",
-								fontSize: "var(--font-size-body-sm)",
-								color: "var(--color-text-primary)"
-							},
-							children: e.name
-						}), e.description && /* @__PURE__ */ v("div", {
+						children: j.map((e) => /* @__PURE__ */ x("button", {
+							onClick: () => r(`/dashboards/${e.id}`),
 							style: {
-								fontSize: 11,
-								color: "var(--color-text-muted)",
-								marginTop: 2
+								textAlign: "left",
+								padding: 12,
+								borderRadius: "var(--radius-card)",
+								border: "1px solid var(--color-border-subtle)",
+								backgroundColor: "var(--color-bg-surface)",
+								cursor: "pointer",
+								display: "flex",
+								justifyContent: "space-between",
+								alignItems: "center",
+								gap: "var(--space-controlGap)",
+								minHeight: "var(--size-controlHeight-lg)"
 							},
-							children: e.description.slice(0, 80)
-						})] }), /* @__PURE__ */ v(r, {
-							size: 14,
-							style: { color: "var(--color-text-muted)" }
-						})]
-					}, e.id))
-				})] })
+							children: [/* @__PURE__ */ x("div", {
+								style: { minWidth: 0 },
+								children: [/* @__PURE__ */ b("div", {
+									style: {
+										fontWeight: "var(--font-weight-medium)",
+										fontSize: "var(--font-size-body-sm)",
+										color: "var(--color-text-primary)"
+									},
+									children: e.name
+								}), e.description && /* @__PURE__ */ b("div", {
+									style: {
+										fontSize: 11,
+										color: "var(--color-text-muted)",
+										marginTop: 2
+									},
+									children: e.description.slice(0, 80)
+								})]
+							}), /* @__PURE__ */ b(a, {
+								size: 14,
+								style: { color: "var(--color-text-muted)" }
+							})]
+						}, e.id))
+					})
+				})
 			]
 		})
 	});
 });
 //#endregion
-export { w as default };
+export { E as default };
 
 //# sourceMappingURL=HomePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/bigconsole/pages/HomePage.tsx"],"sourcesContent":["/**\n * HomePage\n *\n * BigConsole landing page showing workspace statistics and quick actions.\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  AuroraBackground,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Button,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useAppNavigate } from '../contexts';\nimport { LayoutDashboard, Blocks, FileCode2, GitBranch, ArrowRight, Loader2 } from 'lucide-react';\n\n// ============================================================================\n// GRAPHQL RESPONSE TYPES\n// ============================================================================\n\ninterface HomepageStatsData {\n  listDashboards: { totalCount: number };\n  listDataSinks: { totalCount: number };\n  listParsers: { totalCount: number };\n  listPipelines: { totalCount: number };\n}\n\ninterface RecentDashboardNode {\n  id: string;\n  name: string;\n  description?: string;\n  updatedAt: string;\n}\n\ninterface RecentDashboardsData {\n  listDashboards: {\n    edges: Array<{ node: RecentDashboardNode }>;\n  };\n}\n\n// `listParsers` / `listPipelines` are Relay connections and their filter requires a\n// `consoleId`; GLOBAL_CONSOLE_ID counts the workspace-wide (non dashboard-scoped)\n// entries, which is what these tiles represent.\nconst GLOBAL_CONSOLE_ID = 'default';\n\nconst HOMEPAGE_STATS = gql`\n  query HomepageStats($globalConsoleId: ID!) {\n    listDashboards(first: 0) {\n      totalCount\n    }\n    listDataSinks(first: 0) {\n      totalCount\n    }\n    listParsers(filter: { consoleId: $globalConsoleId }, first: 0) {\n      totalCount\n    }\n    listPipelines(filter: { consoleId: $globalConsoleId }, first: 0) {\n      totalCount\n    }\n  }\n`;\n\nconst RECENT_DASHBOARDS = gql`\n  query RecentDashboards {\n    listDashboards(first: 5, sortBy: UPDATED_AT, sortOrder: DESC) {\n      edges {\n        node {\n          id\n          name\n          description\n          updatedAt\n        }\n      }\n    }\n  }\n`;\n\ninterface StatCardProps {\n  icon: React.ReactNode;\n  label: string;\n  count: number | undefined;\n  loading: boolean;\n  path: string;\n  onNavigate: (path: string) => void;\n}\n\nconst StatCard: FC<StatCardProps & { hero?: boolean }> = memo(function StatCard({\n  icon,\n  label,\n  count,\n  loading,\n  path,\n  onNavigate,\n  hero = false,\n}) {\n  return (\n    <GlassCard treatment={hero ? 'glass' : 'metric'} glow={hero} className=\"border-border-seam p-0\">\n      <button\n        type=\"button\"\n        onClick={() => onNavigate(path)}\n        className=\"flex w-full flex-col gap-2 rounded-card p-[var(--space-cardPadding)] text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n      >\n        <div className=\"flex items-center gap-2\">\n          <div style={{ color: 'var(--color-action-primary-bg)' }}>{icon}</div>\n          <span style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-secondary)' }}>{label}</span>\n        </div>\n        <div\n          className=\"tabular-nums\"\n          style={{\n            fontSize: 'var(--font-size-heading-h4)',\n            fontWeight: 'var(--font-weight-bold)',\n            color: 'var(--color-text-primary)',\n          }}\n        >\n          {loading ? <Loader2 size={20} className=\"animate-spin\" /> : (count ?? 0)}\n        </div>\n      </button>\n    </GlassCard>\n  );\n});\n\nexport const HomePage: FC = memo(function HomePage() {\n  const navigate = useAppNavigate();\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n  const { data: stats, loading: statsLoading } = useQuery<HomepageStatsData>(HOMEPAGE_STATS, {\n    variables: { globalConsoleId: GLOBAL_CONSOLE_ID },\n    fetchPolicy: 'cache-and-network',\n  });\n  const { data: recentData, loading: recentLoading } = useQuery<RecentDashboardsData>(RECENT_DASHBOARDS, {\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const recentDashboards = recentData?.listDashboards?.edges?.map((e) => e.node) || [];\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        {/* Hero Header */}\n        <div className=\"relative mb-[var(--space-sectionGap)] overflow-hidden rounded-card border border-border-seam bg-gloss-card p-6\">\n          <AuroraBackground intensity=\"subtle\" />\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            <GradientText>BigConsole</GradientText>\n          </h1>\n          <p style={{ fontSize: 'var(--font-size-body-md)', color: 'var(--color-text-secondary)', marginTop: 4 }}>\n            {tr('bigconsole.home.subtitle', 'AI-powered analytics platform')}\n          </p>\n        </div>\n\n        <PagePurpose className=\"mb-[var(--space-sectionGap)]\">\n          {tr(\n            'bigconsole.home.purpose',\n            'BigConsole is your analytics command center — build live dashboards, wire up data sinks and parsers, then automate it all with pipelines and workflows. Start from the quick actions below or jump back into a recent dashboard.'\n          )}\n        </PagePurpose>\n\n        {/* Stats Grid */}\n        <div\n          style={{\n            display: 'grid',\n            gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',\n            gap: 12,\n            marginBottom: 'var(--space-sectionGap)',\n          }}\n        >\n          <StatCard\n            hero\n            icon={<LayoutDashboard size={20} />}\n            label={tr('bigconsole.home.stats.dashboards', 'Dashboards')}\n            count={stats?.listDashboards?.totalCount}\n            loading={statsLoading}\n            path=\"/dashboards\"\n            onNavigate={navigate}\n          />\n          <StatCard\n            icon={<Blocks size={20} />}\n            label={tr('bigconsole.home.stats.dataSinks', 'Data Sinks')}\n            count={stats?.listDataSinks?.totalCount}\n            loading={statsLoading}\n            path=\"/datasinks\"\n            onNavigate={navigate}\n          />\n          <StatCard\n            icon={<FileCode2 size={20} />}\n            label={tr('bigconsole.home.stats.parsers', 'Parsers')}\n            count={stats?.listParsers?.totalCount}\n            loading={statsLoading}\n            path=\"/parsers\"\n            onNavigate={navigate}\n          />\n          <StatCard\n            icon={<GitBranch size={20} />}\n            label={tr('bigconsole.home.stats.pipelines', 'Pipelines')}\n            count={stats?.listPipelines?.totalCount}\n            loading={statsLoading}\n            path=\"/pipelines\"\n            onNavigate={navigate}\n          />\n        </div>\n\n        {/* Quick Actions */}\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            {tr('bigconsole.home.quickActions.title', 'Quick Actions')}\n          </h2>\n          <div style={{ display: 'flex', gap: 12, flexWrap: 'wrap' }}>\n            {[\n              {\n                label: tr('bigconsole.home.quickActions.newDashboard', 'New Dashboard'),\n                path: '/dashboards',\n                icon: <LayoutDashboard size={14} />,\n              },\n              {\n                label: tr('bigconsole.home.quickActions.newDataSink', 'New Data Sink'),\n                path: '/datasinks/new',\n                icon: <Blocks size={14} />,\n              },\n              {\n                label: tr('bigconsole.home.quickActions.newParser', 'New Parser'),\n                path: '/parsers/new',\n                icon: <FileCode2 size={14} />,\n              },\n              {\n                label: tr('bigconsole.home.quickActions.newPipeline', 'New Pipeline'),\n                path: '/pipelines/new',\n                icon: <GitBranch size={14} />,\n              },\n            ].map((action) => (\n              <button\n                key={action.path}\n                onClick={() => navigate(action.path)}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: 6,\n                  padding: '8px 16px',\n                  borderRadius: 'var(--radius-button)',\n                  border: '1px solid var(--color-border)',\n                  backgroundColor: 'var(--color-bg-surface)',\n                  color: 'var(--color-text-primary)',\n                  fontSize: 'var(--font-size-body-sm)',\n                  cursor: 'pointer',\n                }}\n              >\n                {action.icon} {action.label}\n              </button>\n            ))}\n          </div>\n        </div>\n\n        {/* Recent Dashboards */}\n        <div>\n          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 12 }}>\n            <h2\n              style={{\n                fontSize: 'var(--font-size-body-md)',\n                fontWeight: 'var(--font-weight-semibold)',\n                color: 'var(--color-text-primary)',\n              }}\n            >\n              {tr('bigconsole.home.recentDashboards.title', 'Recent Dashboards')}\n            </h2>\n            <button\n              onClick={() => navigate('/dashboards')}\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 4,\n                padding: '4px 8px',\n                borderRadius: 'var(--radius-button)',\n                border: 'none',\n                backgroundColor: 'transparent',\n                color: 'var(--color-action-primary-bg)',\n                fontSize: 'var(--font-size-body-sm)',\n                cursor: 'pointer',\n              }}\n            >\n              {tr('bigconsole.home.recentDashboards.viewAll', 'View all')} <ArrowRight size={14} />\n            </button>\n          </div>\n\n          {recentLoading ? (\n            <div style={{ textAlign: 'center', padding: 24, color: 'var(--color-text-muted)' }}>\n              <Loader2 size={20} className=\"animate-spin\" style={{ margin: '0 auto' }} />\n            </div>\n          ) : recentDashboards.length === 0 ? (\n            <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title={tr('bigconsole.home.recentDashboards.emptyTitle', 'No dashboards yet')}\n                description={tr(\n                  'bigconsole.home.recentDashboards.emptyDescription',\n                  'Create your first dashboard to get started'\n                )}\n                action={\n                  <Button onClick={() => navigate('/dashboards')}>\n                    {tr('bigconsole.home.quickActions.newDashboard', 'New Dashboard')}\n                  </Button>\n                }\n              />\n            </GlassCard>\n          ) : (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n              {recentDashboards.map((d) => (\n                <button\n                  key={d.id}\n                  onClick={() => navigate(`/dashboards/${d.id}`)}\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                    display: 'flex',\n                    justifyContent: 'space-between',\n                    alignItems: 'center',\n                  }}\n                >\n                  <div>\n                    <div\n                      style={{\n                        fontWeight: 'var(--font-weight-medium)',\n                        fontSize: 'var(--font-size-body-sm)',\n                        color: 'var(--color-text-primary)',\n                      }}\n                    >\n                      {d.name}\n                    </div>\n                    {d.description && (\n                      <div style={{ fontSize: 11, color: 'var(--color-text-muted)', marginTop: 2 }}>\n                        {d.description.slice(0, 80)}\n                      </div>\n                    )}\n                  </div>\n                  <ArrowRight size={14} style={{ color: 'var(--color-text-muted)' }} />\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default HomePage;\n"],"mappings":"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"}
+{"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/bigconsole/pages/HomePage.tsx"],"sourcesContent":["/**\n * HomePage\n *\n * BigConsole landing page showing workspace statistics and quick actions.\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  AuroraBackground,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Button,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useAppNavigate } from '../contexts';\nimport { Section, SectionStack } from '../components/common';\nimport { LayoutDashboard, Blocks, FileCode2, GitBranch, ArrowRight, Loader2 } from 'lucide-react';\n\n// ============================================================================\n// GRAPHQL RESPONSE TYPES\n// ============================================================================\n\ninterface HomepageStatsData {\n  listDashboards: { totalCount: number };\n  listDataSinks: { totalCount: number };\n  listParsers: { totalCount: number };\n  listPipelines: { totalCount: number };\n}\n\ninterface RecentDashboardNode {\n  id: string;\n  name: string;\n  description?: string;\n  updatedAt: string;\n}\n\ninterface RecentDashboardsData {\n  listDashboards: {\n    edges: Array<{ node: RecentDashboardNode }>;\n  };\n}\n\n// `listParsers` / `listPipelines` are Relay connections and their filter requires a\n// `consoleId`; GLOBAL_CONSOLE_ID counts the workspace-wide (non dashboard-scoped)\n// entries, which is what these tiles represent.\nconst GLOBAL_CONSOLE_ID = 'default';\n\nconst HOMEPAGE_STATS = gql`\n  query HomepageStats($globalConsoleId: ID!) {\n    listDashboards(first: 0) {\n      totalCount\n    }\n    listDataSinks(first: 0) {\n      totalCount\n    }\n    listParsers(filter: { consoleId: $globalConsoleId }, first: 0) {\n      totalCount\n    }\n    listPipelines(filter: { consoleId: $globalConsoleId }, first: 0) {\n      totalCount\n    }\n  }\n`;\n\nconst RECENT_DASHBOARDS = gql`\n  query RecentDashboards {\n    listDashboards(first: 5, sortBy: UPDATED_AT, sortOrder: DESC) {\n      edges {\n        node {\n          id\n          name\n          description\n          updatedAt\n        }\n      }\n    }\n  }\n`;\n\ninterface StatCardProps {\n  icon: React.ReactNode;\n  label: string;\n  count: number | undefined;\n  loading: boolean;\n  path: string;\n  onNavigate: (path: string) => void;\n}\n\nconst StatCard: FC<StatCardProps & { hero?: boolean }> = memo(function StatCard({\n  icon,\n  label,\n  count,\n  loading,\n  path,\n  onNavigate,\n  hero = false,\n}) {\n  return (\n    <GlassCard treatment={hero ? 'glass' : 'metric'} glow={hero} className=\"border-[var(--color-border-seam)] p-0\">\n      <button\n        type=\"button\"\n        onClick={() => onNavigate(path)}\n        className=\"flex w-full flex-col gap-2 rounded-card p-[var(--space-cardPadding)] text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n      >\n        <div className=\"flex items-center gap-2\">\n          <div style={{ color: 'var(--color-action-primary-bg)' }}>{icon}</div>\n          <span style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-secondary)' }}>{label}</span>\n        </div>\n        <div\n          className=\"tabular-nums\"\n          style={{\n            fontSize: 'var(--font-size-heading-h4)',\n            fontWeight: 'var(--font-weight-bold)',\n            color: 'var(--color-text-primary)',\n          }}\n        >\n          {loading ? <Loader2 size={20} className=\"animate-spin\" /> : (count ?? 0)}\n        </div>\n      </button>\n    </GlassCard>\n  );\n});\n\nexport const HomePage: FC = memo(function HomePage() {\n  const navigate = useAppNavigate();\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n  const { data: stats, loading: statsLoading } = useQuery<HomepageStatsData>(HOMEPAGE_STATS, {\n    variables: { globalConsoleId: GLOBAL_CONSOLE_ID },\n    fetchPolicy: 'cache-and-network',\n  });\n  const { data: recentData, loading: recentLoading } = useQuery<RecentDashboardsData>(RECENT_DASHBOARDS, {\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const recentDashboards = recentData?.listDashboards?.edges?.map((e) => e.node) || [];\n\n  return (\n    <div style={{ minHeight: '100vh', backgroundColor: 'var(--color-bg-canvas)' }}>\n      <SectionStack className=\"mx-auto max-w-[960px] p-[var(--space-pagePadding)]\">\n        {/* Hero Header */}\n        <div className=\"relative overflow-hidden rounded-card border border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)] p-6\">\n          <AuroraBackground intensity=\"subtle\" />\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            <GradientText>BigConsole</GradientText>\n          </h1>\n          <p style={{ fontSize: 'var(--font-size-body-md)', color: 'var(--color-text-secondary)', marginTop: 4 }}>\n            {tr('bigconsole.home.subtitle', 'AI-powered analytics platform')}\n          </p>\n        </div>\n\n        <Section emphasis=\"muted\" padding=\"compact\" aria-label={tr('bigconsole.home.about', 'About BigConsole')}>\n          <PagePurpose className=\"max-w-[80ch]\">\n            {tr(\n              'bigconsole.home.purpose',\n              'BigConsole is your analytics command center — build live dashboards, wire up data sinks and parsers, then automate it all with pipelines and workflows. Start from the quick actions below or jump back into a recent dashboard.'\n            )}\n          </PagePurpose>\n        </Section>\n\n        {/* Stats Grid */}\n        <Section\n          headingLevel={2}\n          emphasis=\"bare\"\n          padding=\"none\"\n          title={tr('bigconsole.home.stats.title', 'Workspace at a glance')}\n          data-testid=\"home-stats\"\n        >\n          <div\n            style={{\n              display: 'grid',\n              gridTemplateColumns: 'repeat(auto-fit, minmax(min(180px, 100%), 1fr))',\n              gap: 12,\n            }}\n          >\n            <StatCard\n              hero\n              icon={<LayoutDashboard size={20} />}\n              label={tr('bigconsole.home.stats.dashboards', 'Dashboards')}\n              count={stats?.listDashboards?.totalCount}\n              loading={statsLoading}\n              path=\"/dashboards\"\n              onNavigate={navigate}\n            />\n            <StatCard\n              icon={<Blocks size={20} />}\n              label={tr('bigconsole.home.stats.dataSinks', 'Data Sinks')}\n              count={stats?.listDataSinks?.totalCount}\n              loading={statsLoading}\n              path=\"/datasinks\"\n              onNavigate={navigate}\n            />\n            <StatCard\n              icon={<FileCode2 size={20} />}\n              label={tr('bigconsole.home.stats.parsers', 'Parsers')}\n              count={stats?.listParsers?.totalCount}\n              loading={statsLoading}\n              path=\"/parsers\"\n              onNavigate={navigate}\n            />\n            <StatCard\n              icon={<GitBranch size={20} />}\n              label={tr('bigconsole.home.stats.pipelines', 'Pipelines')}\n              count={stats?.listPipelines?.totalCount}\n              loading={statsLoading}\n              path=\"/pipelines\"\n              onNavigate={navigate}\n            />\n          </div>\n        </Section>\n\n        {/* Quick Actions */}\n        <Section\n          headingLevel={2}\n          emphasis=\"bare\"\n          padding=\"none\"\n          title={tr('bigconsole.home.quickActions.title', 'Quick Actions')}\n          data-testid=\"home-quick-actions\"\n        >\n          <div style={{ display: 'flex', gap: 12, flexWrap: 'wrap' }}>\n            {[\n              {\n                label: tr('bigconsole.home.quickActions.newDashboard', 'New Dashboard'),\n                path: '/dashboards',\n                icon: <LayoutDashboard size={14} />,\n              },\n              {\n                label: tr('bigconsole.home.quickActions.newDataSink', 'New Data Sink'),\n                path: '/datasinks/new',\n                icon: <Blocks size={14} />,\n              },\n              {\n                label: tr('bigconsole.home.quickActions.newParser', 'New Parser'),\n                path: '/parsers/new',\n                icon: <FileCode2 size={14} />,\n              },\n              {\n                label: tr('bigconsole.home.quickActions.newPipeline', 'New Pipeline'),\n                path: '/pipelines/new',\n                icon: <GitBranch size={14} />,\n              },\n            ].map((action) => (\n              <button\n                key={action.path}\n                onClick={() => navigate(action.path)}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: 6,\n                  padding: '8px 16px',\n                  borderRadius: 'var(--radius-button)',\n                  border: '1px solid var(--color-border-subtle)',\n                  backgroundColor: 'var(--color-bg-surface)',\n                  color: 'var(--color-text-primary)',\n                  fontSize: 'var(--font-size-body-sm)',\n                  cursor: 'pointer',\n                }}\n              >\n                {action.icon} {action.label}\n              </button>\n            ))}\n          </div>\n        </Section>\n\n        {/* Recent Dashboards — the one block on this page you act on, so it is\n            the only one with a raised surface. */}\n        <Section\n          headingLevel={2}\n          emphasis=\"primary\"\n          data-testid=\"home-recent-dashboards\"\n          title={tr('bigconsole.home.recentDashboards.title', 'Recent Dashboards')}\n          description={tr(\n            'bigconsole.home.recentDashboards.description',\n            'Jump straight back into a board you were working on.'\n          )}\n          actions={\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate('/dashboards')}>\n              {tr('bigconsole.home.recentDashboards.viewAll', 'View all')} <ArrowRight size={14} />\n            </Button>\n          }\n        >\n          {recentLoading ? (\n            <div style={{ textAlign: 'center', padding: 24, color: 'var(--color-text-muted)' }}>\n              <Loader2 size={20} className=\"animate-spin\" style={{ margin: '0 auto' }} />\n            </div>\n          ) : recentDashboards.length === 0 ? (\n            <GlassCard treatment=\"insight\" className=\"border-[var(--color-border-seam)]\">\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title={tr('bigconsole.home.recentDashboards.emptyTitle', 'No dashboards yet')}\n                description={tr(\n                  'bigconsole.home.recentDashboards.emptyDescription',\n                  'Create your first dashboard to get started'\n                )}\n                action={\n                  <Button onClick={() => navigate('/dashboards')}>\n                    {tr('bigconsole.home.quickActions.newDashboard', 'New Dashboard')}\n                  </Button>\n                }\n              />\n            </GlassCard>\n          ) : (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n              {recentDashboards.map((d) => (\n                <button\n                  key={d.id}\n                  onClick={() => navigate(`/dashboards/${d.id}`)}\n                  style={{\n                    textAlign: 'left',\n                    padding: 12,\n                    borderRadius: 'var(--radius-card)',\n                    border: '1px solid var(--color-border-subtle)',\n                    backgroundColor: 'var(--color-bg-surface)',\n                    cursor: 'pointer',\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    alignItems: 'center',\n                    gap: 'var(--space-controlGap)',\n                    minHeight: 'var(--size-controlHeight-lg)',\n                  }}\n                >\n                  <div style={{ minWidth: 0 }}>\n                    <div\n                      style={{\n                        fontWeight: 'var(--font-weight-medium)',\n                        fontSize: 'var(--font-size-body-sm)',\n                        color: 'var(--color-text-primary)',\n                      }}\n                    >\n                      {d.name}\n                    </div>\n                    {d.description && (\n                      <div style={{ fontSize: 11, color: 'var(--color-text-muted)', marginTop: 2 }}>\n                        {d.description.slice(0, 80)}\n                      </div>\n                    )}\n                  </div>\n                  <ArrowRight size={14} style={{ color: 'var(--color-text-muted)' }} />\n                </button>\n              ))}\n            </div>\n          )}\n        </Section>\n      </SectionStack>\n    </div>\n  );\n});\n\nexport default HomePage;\n"],"mappings":"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"}