@burdenoff/microfe-bigconsole 2026.624.1 → 2026.625.1

package/dist/bigconsole/pages/HomePage.js

@@ -5,9 +5,10 @@ import { ArrowRight as r, Blocks as i, FileCode2 as a, GitBranch as o, LayoutDas
 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 { jsx as f, jsxs as p } from "react/jsx-runtime";
+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";
 //#region src/bigconsole/pages/HomePage.tsx
-var m = l`
+var b = l`
   query HomepageStats {
     listDashboards(first: 0) {
       totalCount
@@ -22,7 +23,7 @@ var m = l`
       id
     }
   }
-`, h = l`
+`, x = l`
   query RecentDashboards {
     listDashboards(first: 5, sortBy: "updatedAt", sortOrder: "desc") {
       edges {
@@ -35,83 +36,85 @@ var m = l`
       }
     }
   }
-`, g = t(function({ icon: e, label: t, count: n, loading: r, path: i, onNavigate: a }) {
-	return /* @__PURE__ */ p("button", {
-		onClick: () => a(i),
-		style: {
-			textAlign: "left",
-			padding: "var(--space-cardPadding)",
-			backgroundColor: "var(--color-bg-surface)",
-			border: "1px solid var(--color-border)",
-			borderRadius: "var(--radius-card)",
-			cursor: "pointer",
-			transition: "border-color 200ms"
-		},
-		children: [/* @__PURE__ */ p("div", {
-			style: {
-				display: "flex",
-				alignItems: "center",
-				gap: 8,
-				marginBottom: 8
-			},
-			children: [/* @__PURE__ */ f("div", {
-				style: { color: "var(--color-action-primary-bg)" },
-				children: e
-			}), /* @__PURE__ */ f("span", {
+`, S = t(function({ icon: e, label: t, count: n, loading: r, path: i, onNavigate: a, hero: o = !1 }) {
+	return /* @__PURE__ */ v(m, {
+		treatment: o ? "glass" : "metric",
+		glow: o,
+		className: "border-border-seam p-0",
+		children: /* @__PURE__ */ y("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", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ v("div", {
+					style: { color: "var(--color-action-primary-bg)" },
+					children: e
+				}), /* @__PURE__ */ v("span", {
+					style: {
+						fontSize: "var(--font-size-body-sm)",
+						color: "var(--color-text-secondary)"
+					},
+					children: t
+				})]
+			}), /* @__PURE__ */ v("div", {
+				className: "tabular-nums",
 				style: {
-					fontSize: "var(--font-size-body-sm)",
-					color: "var(--color-text-secondary)"
+					fontSize: "var(--font-size-heading-h4)",
+					fontWeight: "var(--font-weight-bold)",
+					color: "var(--color-text-primary)"
 				},
-				children: t
+				children: r ? /* @__PURE__ */ v(c, {
+					size: 20,
+					className: "animate-spin"
+				}) : n ?? 0
 			})]
-		}), /* @__PURE__ */ f("div", {
-			style: {
-				fontSize: "var(--font-size-heading-h4)",
-				fontWeight: "var(--font-weight-bold)",
-				color: "var(--color-text-primary)"
-			},
-			children: r ? /* @__PURE__ */ f(c, {
-				size: 20,
-				className: "animate-spin"
-			}) : n ?? 0
-		})]
+		})
 	});
-}), _ = t(function() {
-	let t = e(), { t: l } = d(), _ = n((e, t) => {
+}), C = t(function() {
+	let t = e(), { t: l } = d(), C = n((e, t) => {
 		let n = l(e);
 		return n === e ? t : n;
-	}, [l]), { data: v, loading: y } = u(m, { fetchPolicy: "cache-and-network" }), { data: b, loading: x } = u(h, { fetchPolicy: "cache-and-network" }), S = b?.listDashboards?.edges?.map((e) => e.node) || [];
-	return /* @__PURE__ */ f("div", {
+	}, [l]), { data: w, loading: T } = u(b, { fetchPolicy: "cache-and-network" }), { data: E, loading: D } = u(x, { fetchPolicy: "cache-and-network" }), O = E?.listDashboards?.edges?.map((e) => e.node) || [];
+	return /* @__PURE__ */ v("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ y("div", {
 			style: {
 				padding: "var(--space-pagePadding)",
 				maxWidth: 960,
 				margin: "0 auto"
 			},
 			children: [
-				/* @__PURE__ */ p("div", {
-					style: { marginBottom: "var(--space-sectionGap)" },
-					children: [/* @__PURE__ */ f("h1", {
-						style: {
-							fontSize: "var(--font-size-heading-h4)",
-							fontWeight: "var(--font-weight-bold)",
-							color: "var(--color-text-primary)"
-						},
-						children: "BigConsole"
-					}), /* @__PURE__ */ f("p", {
-						style: {
-							fontSize: "var(--font-size-body-md)",
-							color: "var(--color-text-secondary)",
-							marginTop: 4
-						},
-						children: _("bigconsole.home.subtitle", "AI-powered analytics platform")
-					})]
+				/* @__PURE__ */ y("div", {
+					className: "relative mb-[var(--space-sectionGap)] overflow-hidden rounded-card border border-border-seam bg-gloss-card p-6",
+					children: [
+						/* @__PURE__ */ v(f, { intensity: "subtle" }),
+						/* @__PURE__ */ v("h1", {
+							style: {
+								fontSize: "var(--font-size-heading-h4)",
+								fontWeight: "var(--font-weight-bold)",
+								color: "var(--color-text-primary)"
+							},
+							children: /* @__PURE__ */ v(h, { children: "BigConsole" })
+						}),
+						/* @__PURE__ */ v("p", {
+							style: {
+								fontSize: "var(--font-size-body-md)",
+								color: "var(--color-text-secondary)",
+								marginTop: 4
+							},
+							children: C("bigconsole.home.subtitle", "AI-powered analytics platform")
+						})
+					]
+				}),
+				/* @__PURE__ */ v(_, {
+					className: "mb-[var(--space-sectionGap)]",
+					children: C("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__ */ p("div", {
+				/* @__PURE__ */ y("div", {
 					style: {
 						display: "grid",
 						gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
@@ -119,51 +122,52 @@ var m = l`
 						marginBottom: "var(--space-sectionGap)"
 					},
 					children: [
-						/* @__PURE__ */ f(g, {
-							icon: /* @__PURE__ */ f(s, { size: 20 }),
-							label: _("bigconsole.home.stats.dashboards", "Dashboards"),
-							count: v?.listDashboards?.totalCount,
-							loading: y,
+						/* @__PURE__ */ v(S, {
+							hero: !0,
+							icon: /* @__PURE__ */ v(s, { size: 20 }),
+							label: C("bigconsole.home.stats.dashboards", "Dashboards"),
+							count: w?.listDashboards?.totalCount,
+							loading: T,
 							path: "/dashboards",
 							onNavigate: t
 						}),
-						/* @__PURE__ */ f(g, {
-							icon: /* @__PURE__ */ f(i, { size: 20 }),
-							label: _("bigconsole.home.stats.dataSinks", "Data Sinks"),
-							count: v?.listDataSinks?.totalCount,
-							loading: y,
+						/* @__PURE__ */ v(S, {
+							icon: /* @__PURE__ */ v(i, { size: 20 }),
+							label: C("bigconsole.home.stats.dataSinks", "Data Sinks"),
+							count: w?.listDataSinks?.totalCount,
+							loading: T,
 							path: "/datasinks",
 							onNavigate: t
 						}),
-						/* @__PURE__ */ f(g, {
-							icon: /* @__PURE__ */ f(a, { size: 20 }),
-							label: _("bigconsole.home.stats.parsers", "Parsers"),
-							count: v?.listParsers?.length,
-							loading: y,
+						/* @__PURE__ */ v(S, {
+							icon: /* @__PURE__ */ v(a, { size: 20 }),
+							label: C("bigconsole.home.stats.parsers", "Parsers"),
+							count: w?.listParsers?.length,
+							loading: T,
 							path: "/parsers",
 							onNavigate: t
 						}),
-						/* @__PURE__ */ f(g, {
-							icon: /* @__PURE__ */ f(o, { size: 20 }),
-							label: _("bigconsole.home.stats.pipelines", "Pipelines"),
-							count: v?.listPipelines?.length,
-							loading: y,
+						/* @__PURE__ */ v(S, {
+							icon: /* @__PURE__ */ v(o, { size: 20 }),
+							label: C("bigconsole.home.stats.pipelines", "Pipelines"),
+							count: w?.listPipelines?.length,
+							loading: T,
 							path: "/pipelines",
 							onNavigate: t
 						})
 					]
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ y("div", {
 					style: { marginBottom: "var(--space-sectionGap)" },
-					children: [/* @__PURE__ */ f("h2", {
+					children: [/* @__PURE__ */ v("h2", {
 						style: {
 							fontSize: "var(--font-size-body-md)",
 							fontWeight: "var(--font-weight-semibold)",
 							color: "var(--color-text-primary)",
 							marginBottom: 12
 						},
-						children: _("bigconsole.home.quickActions.title", "Quick Actions")
-					}), /* @__PURE__ */ f("div", {
+						children: C("bigconsole.home.quickActions.title", "Quick Actions")
+					}), /* @__PURE__ */ v("div", {
 						style: {
 							display: "flex",
 							gap: 12,
@@ -171,26 +175,26 @@ var m = l`
 						},
 						children: [
 							{
-								label: _("bigconsole.home.quickActions.newDashboard", "New Dashboard"),
+								label: C("bigconsole.home.quickActions.newDashboard", "New Dashboard"),
 								path: "/dashboards",
-								icon: /* @__PURE__ */ f(s, { size: 14 })
+								icon: /* @__PURE__ */ v(s, { size: 14 })
 							},
 							{
-								label: _("bigconsole.home.quickActions.newDataSink", "New Data Sink"),
+								label: C("bigconsole.home.quickActions.newDataSink", "New Data Sink"),
 								path: "/datasinks/new",
-								icon: /* @__PURE__ */ f(i, { size: 14 })
+								icon: /* @__PURE__ */ v(i, { size: 14 })
 							},
 							{
-								label: _("bigconsole.home.quickActions.newParser", "New Parser"),
+								label: C("bigconsole.home.quickActions.newParser", "New Parser"),
 								path: "/parsers/new",
-								icon: /* @__PURE__ */ f(a, { size: 14 })
+								icon: /* @__PURE__ */ v(a, { size: 14 })
 							},
 							{
-								label: _("bigconsole.home.quickActions.newPipeline", "New Pipeline"),
+								label: C("bigconsole.home.quickActions.newPipeline", "New Pipeline"),
 								path: "/pipelines/new",
-								icon: /* @__PURE__ */ f(o, { size: 14 })
+								icon: /* @__PURE__ */ v(o, { size: 14 })
 							}
-						].map((e) => /* @__PURE__ */ p("button", {
+						].map((e) => /* @__PURE__ */ y("button", {
 							onClick: () => t(e.path),
 							style: {
 								display: "flex",
@@ -212,21 +216,21 @@ var m = l`
 						}, e.path))
 					})]
 				}),
-				/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
 					style: {
 						display: "flex",
 						justifyContent: "space-between",
 						alignItems: "center",
 						marginBottom: 12
 					},
-					children: [/* @__PURE__ */ f("h2", {
+					children: [/* @__PURE__ */ v("h2", {
 						style: {
 							fontSize: "var(--font-size-body-md)",
 							fontWeight: "var(--font-weight-semibold)",
 							color: "var(--color-text-primary)"
 						},
-						children: _("bigconsole.home.recentDashboards.title", "Recent Dashboards")
-					}), /* @__PURE__ */ p("button", {
+						children: C("bigconsole.home.recentDashboards.title", "Recent Dashboards")
+					}), /* @__PURE__ */ y("button", {
 						onClick: () => t("/dashboards"),
 						style: {
 							display: "flex",
@@ -241,61 +245,41 @@ var m = l`
 							cursor: "pointer"
 						},
 						children: [
-							_("bigconsole.home.recentDashboards.viewAll", "View all"),
+							C("bigconsole.home.recentDashboards.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ f(r, { size: 14 })
+							/* @__PURE__ */ v(r, { size: 14 })
 						]
 					})]
-				}), x ? /* @__PURE__ */ f("div", {
+				}), D ? /* @__PURE__ */ v("div", {
 					style: {
 						textAlign: "center",
 						padding: 24,
 						color: "var(--color-text-muted)"
 					},
-					children: /* @__PURE__ */ f(c, {
+					children: /* @__PURE__ */ v(c, {
 						size: 20,
 						className: "animate-spin",
 						style: { margin: "0 auto" }
 					})
-				}) : S.length === 0 ? /* @__PURE__ */ p("div", {
-					style: {
-						textAlign: "center",
-						padding: 32,
-						backgroundColor: "var(--color-bg-surface)",
-						border: "1px solid var(--color-border)",
-						borderRadius: "var(--radius-card)"
-					},
-					children: [
-						/* @__PURE__ */ f(s, {
-							size: 32,
-							style: {
-								color: "var(--color-text-muted)",
-								margin: "0 auto 8px"
-							}
-						}),
-						/* @__PURE__ */ f("p", {
-							style: {
-								color: "var(--color-text-secondary)",
-								fontWeight: "var(--font-weight-medium)"
-							},
-							children: _("bigconsole.home.recentDashboards.emptyTitle", "No dashboards yet")
-						}),
-						/* @__PURE__ */ f("p", {
-							style: {
-								color: "var(--color-text-muted)",
-								fontSize: "var(--font-size-body-sm)",
-								marginTop: 4
-							},
-							children: _("bigconsole.home.recentDashboards.emptyDescription", "Create your first dashboard to get started")
+				}) : O.length === 0 ? /* @__PURE__ */ v(m, {
+					treatment: "insight",
+					className: "border-border-seam",
+					children: /* @__PURE__ */ v(g, {
+						illustration: "empty-data",
+						title: C("bigconsole.home.recentDashboards.emptyTitle", "No dashboards yet"),
+						description: C("bigconsole.home.recentDashboards.emptyDescription", "Create your first dashboard to get started"),
+						action: /* @__PURE__ */ v(p, {
+							onClick: () => t("/dashboards"),
+							children: C("bigconsole.home.quickActions.newDashboard", "New Dashboard")
 						})
-					]
-				}) : /* @__PURE__ */ f("div", {
+					})
+				}) : /* @__PURE__ */ v("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
 						gap: 8
 					},
-					children: S.map((e) => /* @__PURE__ */ p("button", {
+					children: O.map((e) => /* @__PURE__ */ y("button", {
 						onClick: () => t(`/dashboards/${e.id}`),
 						style: {
 							textAlign: "left",
@@ -308,21 +292,21 @@ var m = l`
 							justifyContent: "space-between",
 							alignItems: "center"
 						},
-						children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
+						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__ */ f("div", {
+						}), e.description && /* @__PURE__ */ v("div", {
 							style: {
 								fontSize: 11,
 								color: "var(--color-text-muted)",
 								marginTop: 2
 							},
 							children: e.description.slice(0, 80)
-						})] }), /* @__PURE__ */ f(r, {
+						})] }), /* @__PURE__ */ v(r, {
 							size: 14,
 							style: { color: "var(--color-text-muted)" }
 						})]
@@ -333,6 +317,6 @@ var m = l`
 	});
 });
 //#endregion
-export { _ as default };
+export { C 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 { 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  // TODO: listParsers and listPipelines don't support totalCount pagination yet;\n  // using array length as a fallback until the schema is updated.\n  listParsers: Array<{ id: string }>;\n  listPipelines: Array<{ id: string }>;\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\nconst HOMEPAGE_STATS = gql`\n  query HomepageStats {\n    listDashboards(first: 0) {\n      totalCount\n    }\n    listDataSinks(first: 0) {\n      totalCount\n    }\n    listParsers {\n      id\n    }\n    listPipelines {\n      id\n    }\n  }\n`;\n\nconst RECENT_DASHBOARDS = gql`\n  query RecentDashboards {\n    listDashboards(first: 5, sortBy: \"updatedAt\", 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> = memo(function StatCard({ icon, label, count, loading, path, onNavigate }) {\n  return (\n    <button\n      onClick={() => onNavigate(path)}\n      style={{\n        textAlign: 'left',\n        padding: 'var(--space-cardPadding)',\n        backgroundColor: 'var(--color-bg-surface)',\n        border: '1px solid var(--color-border)',\n        borderRadius: 'var(--radius-card)',\n        cursor: 'pointer',\n        transition: 'border-color 200ms',\n      }}\n    >\n      <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 }}>\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        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  );\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    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        {/* Header */}\n        <div style={{ marginBottom: 'var(--space-sectionGap)' }}>\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            BigConsole\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        {/* 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            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?.length}\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?.length}\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            <div\n              style={{\n                textAlign: 'center',\n                padding: 32,\n                backgroundColor: 'var(--color-bg-surface)',\n                border: '1px solid var(--color-border)',\n                borderRadius: 'var(--radius-card)',\n              }}\n            >\n              <LayoutDashboard 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                {tr('bigconsole.home.recentDashboards.emptyTitle', 'No dashboards yet')}\n              </p>\n              <p style={{ color: 'var(--color-text-muted)', fontSize: 'var(--font-size-body-sm)', marginTop: 4 }}>\n                {tr('bigconsole.home.recentDashboards.emptyDescription', 'Create your first dashboard to get started')}\n              </p>\n            </div>\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 { 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  // TODO: listParsers and listPipelines don't support totalCount pagination yet;\n  // using array length as a fallback until the schema is updated.\n  listParsers: Array<{ id: string }>;\n  listPipelines: Array<{ id: string }>;\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\nconst HOMEPAGE_STATS = gql`\n  query HomepageStats {\n    listDashboards(first: 0) {\n      totalCount\n    }\n    listDataSinks(first: 0) {\n      totalCount\n    }\n    listParsers {\n      id\n    }\n    listPipelines {\n      id\n    }\n  }\n`;\n\nconst RECENT_DASHBOARDS = gql`\n  query RecentDashboards {\n    listDashboards(first: 5, sortBy: \"updatedAt\", 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\n      treatment={hero ? 'glass' : 'metric'}\n      glow={hero}\n      className=\"border-border-seam p-0\"\n    >\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    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\n          className=\"relative mb-[var(--space-sectionGap)] overflow-hidden rounded-card border border-border-seam bg-gloss-card p-6\"\n        >\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?.length}\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?.length}\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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"}