@burdenoff/microfe-bigconsole 2026.924.1 → 2026.924.3

package/dist/shared/hooks/useTr.js

@@ -1,14 +1,17 @@
 import { useCallback as e } from "react";
 import { useI18n as t } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/shared/hooks/useTr.ts
-function n() {
-	let { t: n } = t();
-	return e((e, t, r) => {
-		let i = n(e), a = i === e ? t : i;
-		return r ? Object.entries(r).reduce((e, [t, n]) => e.replace(RegExp(`\\{\\{${t}\\}\\}`, "g"), String(n)), a) : a;
-	}, [n]);
+function n(e, t) {
+	return t ? Object.entries(t).reduce((e, [t, n]) => e.replace(RegExp(`\\{\\{${t}\\}\\}`, "g"), () => String(n)), e) : e;
+}
+function r() {
+	let { t: r } = t();
+	return e((e, t, i) => {
+		let a = r(e);
+		return n(a === e ? t : a, i);
+	}, [r]);
 }
 //#endregion
-export { n as useTr };
+export { r as useTr };
 
 //# sourceMappingURL=useTr.js.map

package/dist/shared/hooks/useTr.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTr.js","names":[],"sources":["../../../src/shared/hooks/useTr.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n/**\n * useTr — translation hook with fallback semantics.\n *\n * Wraps `useI18n().t()` so that when a key has no translation (i.e. the\n * provider returns the key itself), the caller's English fallback is used\n * instead. This keeps consumer call sites consistent and avoids leaking\n * untranslated keys into the UI.\n *\n * Supports optional interpolation params using `{{key}}` placeholders.\n *\n * @example\n *   const tr = useTr();\n *   return <h1>{tr('bigconsole.dashboards.title', 'Dashboards')}</h1>;\n *   return <p>{tr('bigconsole.delete.confirm', 'Delete {{count}} items?', { count: 5 })}</p>;\n */\nexport function useTr(): (key: string, fallback: string, params?: Record<string, string | number>) => string {\n  const { t } = useI18n();\n  return useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string => {\n      const translated = t(key);\n      const raw = translated === key ? fallback : translated;\n      if (!params) return raw;\n      return Object.entries(params).reduce(\n        (str, [k, v]) => str.replace(new RegExp(`\\\\{\\\\{${k}\\\\}\\\\}`, 'g'), String(v)),\n        raw\n      );\n    },\n    [t]\n  );\n}\n"],"mappings":";;;AAkBA,SAAgB,IAA6F;CAC3G,IAAM,EAAE,SAAM,GAAS;AACvB,QAAO,GACJ,GAAa,GAAkB,MAAqD;EACnF,IAAM,IAAa,EAAE,EAAI,EACnB,IAAM,MAAe,IAAM,IAAW;AAE5C,SADK,IACE,OAAO,QAAQ,EAAO,CAAC,QAC3B,GAAK,CAAC,GAAG,OAAO,EAAI,QAAY,OAAO,SAAS,EAAE,SAAS,IAAI,EAAE,OAAO,EAAE,CAAC,EAC5E,EACD,GAJmB;IAMtB,CAAC,EAAE,CACJ"}
+{"version":3,"file":"useTr.js","names":[],"sources":["../../../src/shared/hooks/useTr.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n/**\n * Replace `{{key}}` placeholders with their values.\n *\n * Values are inserted literally: a replacer function is used because a plain\n * replacement string would interpret `$&`, `$$`, `` $` `` and `$'` inside\n * user-provided values (e.g. a dashboard named \"Cost $$ tracker\").\n */\nexport function interpolateParams(text: string, params?: Record<string, string | number>): string {\n  if (!params) return text;\n  return Object.entries(params).reduce(\n    (str, [k, v]) => str.replace(new RegExp(`\\\\{\\\\{${k}\\\\}\\\\}`, 'g'), () => String(v)),\n    text\n  );\n}\n\n/**\n * useTr — translation hook with fallback semantics.\n *\n * Wraps `useI18n().t()` so that when a key has no translation (i.e. the\n * provider returns the key itself), the caller's English fallback is used\n * instead. This keeps consumer call sites consistent and avoids leaking\n * untranslated keys into the UI.\n *\n * Supports optional interpolation params using `{{key}}` placeholders.\n *\n * @example\n *   const tr = useTr();\n *   return <h1>{tr('bigconsole.dashboards.title', 'Dashboards')}</h1>;\n *   return <p>{tr('bigconsole.delete.confirm', 'Delete {{count}} items?', { count: 5 })}</p>;\n */\nexport function useTr(): (key: string, fallback: string, params?: Record<string, string | number>) => string {\n  const { t } = useI18n();\n  return useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string => {\n      const translated = t(key);\n      return interpolateParams(translated === key ? fallback : translated, params);\n    },\n    [t]\n  );\n}\n"],"mappings":";;;AAUA,SAAgB,EAAkB,GAAc,GAAkD;AAEhG,QADK,IACE,OAAO,QAAQ,EAAO,CAAC,QAC3B,GAAK,CAAC,GAAG,OAAO,EAAI,QAAY,OAAO,SAAS,EAAE,SAAS,IAAI,QAAQ,OAAO,EAAE,CAAC,EAClF,EACD,GAJmB;;AAsBtB,SAAgB,IAA6F;CAC3G,IAAM,EAAE,SAAM,GAAS;AACvB,QAAO,GACJ,GAAa,GAAkB,MAAqD;EACnF,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,EAAkB,MAAe,IAAM,IAAW,GAAY,EAAO;IAE9E,CAAC,EAAE,CACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-bigconsole",
-  "version": "2026.924.1",
+  "version": "2026.924.3",
   "description": "BigConsole - AI-powered analytics and dashboard platform",
   "type": "module",
   "files": [

package/dist/bigconsole/pages/HomePage.js

@@ -1,318 +0,0 @@
-import { useAppNavigate as e } from "../contexts/NavigationContext.js";
-import "../contexts/index.js";
-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 S = "default", C = d`
-  query HomepageStats($globalConsoleId: ID!) {
-    listDashboards(first: 0) {
-      totalCount
-    }
-    listDataSinks(first: 0) {
-      totalCount
-    }
-    listParsers(filter: { consoleId: $globalConsoleId }, first: 0) {
-      totalCount
-    }
-    listPipelines(filter: { consoleId: $globalConsoleId }, first: 0) {
-      totalCount
-    }
-  }
-`, w = d`
-  query RecentDashboards {
-    listDashboards(first: 5, sortBy: UPDATED_AT, sortOrder: DESC) {
-      edges {
-        node {
-          id
-          name
-          description
-          updatedAt
-        }
-      }
-    }
-  }
-`, 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-[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__ */ x("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ b("div", {
-					style: { color: "var(--color-action-primary-bg)" },
-					children: e
-				}), /* @__PURE__ */ b("span", {
-					style: {
-						fontSize: "var(--font-size-body-sm)",
-						color: "var(--color-text-secondary)"
-					},
-					children: t
-				})]
-			}), /* @__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__ */ b(u, {
-					size: 20,
-					className: "animate-spin"
-				}) : n ?? 0
-			})]
-		})
-	});
-}), E = r(function() {
-	let r = e(), { t: d } = p(), E = i((e, t) => {
-		let n = d(e);
-		return n === e ? t : n;
-	}, [d]), { data: D, loading: O } = f(C, {
-		variables: { globalConsoleId: S },
-		fetchPolicy: "cache-and-network"
-	}), { 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__ */ x(n, {
-			className: "mx-auto max-w-[960px] p-[var(--space-pagePadding)]",
-			children: [
-				/* @__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__ */ 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__ */ b(_, { children: "BigConsole" })
-						}),
-						/* @__PURE__ */ b("p", {
-							style: {
-								fontSize: "var(--font-size-body-md)",
-								color: "var(--color-text-secondary)",
-								marginTop: 4
-							},
-							children: E("bigconsole.home.subtitle", "AI-powered analytics platform")
-						})
-					]
-				}),
-				/* @__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__ */ 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: {
-							display: "grid",
-							gridTemplateColumns: "repeat(auto-fit, minmax(min(180px, 100%), 1fr))",
-							gap: 12
-						},
-						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,
-							flexWrap: "wrap"
-						},
-						children: [
-							{
-								label: E("bigconsole.home.quickActions.newDashboard", "New Dashboard"),
-								path: "/dashboards",
-								icon: /* @__PURE__ */ b(l, { size: 14 })
-							},
-							{
-								label: E("bigconsole.home.quickActions.newDataSink", "New Data Sink"),
-								path: "/datasinks/new",
-								icon: /* @__PURE__ */ b(o, { size: 14 })
-							},
-							{
-								label: E("bigconsole.home.quickActions.newParser", "New Parser"),
-								path: "/parsers/new",
-								icon: /* @__PURE__ */ b(s, { size: 14 })
-							},
-							{
-								label: E("bigconsole.home.quickActions.newPipeline", "New Pipeline"),
-								path: "/pipelines/new",
-								icon: /* @__PURE__ */ b(c, { size: 14 })
-							}
-						].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-subtle)",
-								backgroundColor: "var(--color-bg-surface)",
-								color: "var(--color-text-primary)",
-								fontSize: "var(--font-size-body-sm)",
-								cursor: "pointer"
-							},
-							children: [
-								e.icon,
-								" ",
-								e.label
-							]
-						}, e.path))
-					})
-				}),
-				/* @__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: [
-							E("bigconsole.home.recentDashboards.viewAll", "View all"),
-							" ",
-							/* @__PURE__ */ b(a, { size: 14 })
-						]
-					}),
-					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" }
-						})
-					}) : 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: {
-							display: "flex",
-							flexDirection: "column",
-							gap: 8
-						},
-						children: j.map((e) => /* @__PURE__ */ x("button", {
-							onClick: () => r(`/dashboards/${e.id}`),
-							style: {
-								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: [/* @__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 { E as default };
-
-//# sourceMappingURL=HomePage.js.map

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

@@ -1 +0,0 @@
-{"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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"}