@burdenoff/microfe-bigconsole 2026.924.1 → 2026.924.3

package/dist/bigconsole/pages/OverviewPage.js

@@ -0,0 +1,244 @@
+import { useAppNavigate as e } from "../contexts/NavigationContext.js";
+import "../contexts/index.js";
+import { BIGCONSOLE_PERMISSIONS as t } from "../../constants/permissions.js";
+import { useTr as n } from "../../shared/hooks/useTr.js";
+import { CREATE_DASHBOARD_PATH as r, buildAiAlternative as ee, buildDashboardGuideSteps as te } from "../components/overview/dashboardGuideSteps.js";
+import ne from "../components/overview/DashboardGuide.js";
+import i from "../components/overview/DataHealthCard.js";
+import a from "../components/overview/OverviewQuickActions.js";
+import o from "../components/overview/OverviewStatCard.js";
+import s from "../components/overview/RecentDashboardsPanel.js";
+import { formatRelativeTime as c, resolveGuideDefaultExpanded as l, summarizeDashboards as u, summarizeDataSinks as d } from "../components/overview/overviewModel.js";
+import { useOverviewData as f } from "../components/overview/useOverviewData.js";
+import "../components/overview/index.js";
+import { memo as p, useCallback as m, useEffect as re, useMemo as h, useRef as ie, useState as ae } from "react";
+import { usePermissions as oe } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertTriangle as se, Database as g, FileCode2 as _, LayoutDashboard as v, Plus as ce, RefreshCw as y, Sparkles as b } from "lucide-react";
+import { AuroraBackground as le, Button as x, GradientText as ue, PagePurpose as de } from "@burdenoff/fe-libs/ui";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { PageHeader as E } from "@burdenoff/fe-libs/chrome";
+import { MotionItem as D, MotionList as O, MotionPage as k } from "@burdenoff/fe-libs/shared/motion";
+//#region src/bigconsole/pages/OverviewPage.tsx
+var A = p(function() {
+	let p = e(), A = n(), { locale: j } = T(), { hasPermission: M } = oe(), { permissionsLoading: N, dashboards: P, dataSinks: F, refetchAll: I } = f(), L = m((e) => p(e), [p]), R = h(() => u(P.data), [P.data]), z = h(() => d(F.data), [F.data]), B = m((e) => c(e, /* @__PURE__ */ new Date(), A, j), [A, j]), V = m((e) => !N && M(e), [N, M]), H = h(() => te({
+		tr: A,
+		latestDashboard: R.latest,
+		permissions: {
+			canCreateDataSink: V(t.DATASINK_CREATE),
+			canReadDataSinks: V(t.DATASINK_READ),
+			canCreateWorkflow: V(t.WORKFLOW_CREATE),
+			canCreateParser: V(t.PARSER_CREATE),
+			canCreateDashboard: V(t.DASHBOARD_CREATE),
+			canReadDashboards: V(t.DASHBOARD_READ),
+			canBuildDashboards: V(t.DASHBOARD_UPDATE) && V(t.WIDGET_CREATE),
+			canGenerateWithAi: V(t.PROMPT_CREATE)
+		}
+	}), [
+		A,
+		V,
+		R.latest
+	]), fe = h(() => ee(A, V(t.PROMPT_CREATE)), [A, V]), U = h(() => [
+		{
+			permission: t.DASHBOARD_CREATE,
+			action: {
+				id: "create-dashboard",
+				label: A("bigconsole.overview.actions.createDashboard", "Create Dashboard"),
+				icon: /* @__PURE__ */ C(ce, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}),
+				path: r,
+				primary: !0
+			}
+		},
+		{
+			permission: t.DATASINK_CREATE,
+			action: {
+				id: "new-data-sink",
+				label: A("bigconsole.overview.actions.newDataSink", "New Data Sink"),
+				icon: /* @__PURE__ */ C(g, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}),
+				path: "/datasinks/new"
+			}
+		},
+		{
+			permission: t.PARSER_CREATE,
+			action: {
+				id: "new-parser",
+				label: A("bigconsole.overview.actions.newParser", "New Parser"),
+				icon: /* @__PURE__ */ C(_, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}),
+				path: "/parsers/new"
+			}
+		},
+		{
+			permission: t.PROMPT_CREATE,
+			action: {
+				id: "generate-with-ai",
+				label: A("bigconsole.overview.actions.generateWithAi", "Generate with AI Insights"),
+				icon: /* @__PURE__ */ C(b, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}),
+				path: "/insights"
+			}
+		}
+	].filter(({ permission: e }) => V(e)).map(({ action: e }) => e), [A, V]), [pe, W] = ae(!1), G = ie(!1), K = l({
+		permissionsLoading: N,
+		dashboardsAllowed: P.allowed,
+		dashboardsLoading: P.loading,
+		dashboardsTotal: R.total,
+		dashboardsFailed: !!P.error
+	});
+	re(() => {
+		G.current || K === null || (G.current = !0, W(K));
+	}, [K]);
+	let me = m(() => {
+		G.current = !0, W((e) => !e);
+	}, []), he = h(() => ({
+		title: A("bigconsole.overview.guide.title", "How to create a complete dashboard, end to end"),
+		subtitle: A("bigconsole.overview.guide.subtitle", "Follow these steps in order — each button takes you to the right place."),
+		show: A("bigconsole.overview.guide.show", "Show guide"),
+		hide: A("bigconsole.overview.guide.hide", "Hide guide"),
+		optional: A("bigconsole.overview.guide.optional", "Optional"),
+		flow: [
+			A("bigconsole.overview.guide.flow.dataSink", "Data Sink"),
+			A("bigconsole.overview.guide.flow.parser", "Parser (optional)"),
+			A("bigconsole.overview.guide.flow.dashboard", "Dashboard"),
+			A("bigconsole.overview.guide.flow.widgets", "Widgets"),
+			A("bigconsole.overview.guide.flow.share", "Share")
+		],
+		stepPrefix: (e) => A("bigconsole.overview.guide.stepPrefix", "Step {{number}}:", { number: e })
+	}), [A]), q = P.loading && P.data !== void 0 || F.loading && F.data !== void 0, ge = N || P.allowed || F.allowed, J = z.attentionCount, Y = !P.loading && !!P.error && R.total === void 0, X = !F.loading && !!F.error && z.total === void 0, Z = A("bigconsole.overview.kpis.unavailable", "Currently unavailable"), Q = U.length > 0 ? /* @__PURE__ */ C(a, {
+		actions: U,
+		onNavigate: L
+	}) : null, $ = F.allowed ? /* @__PURE__ */ C(i, {
+		summary: z,
+		loading: F.loading,
+		error: F.error,
+		canCreate: V(t.DATASINK_CREATE),
+		onRetry: F.refetch,
+		onNavigate: L,
+		formatUpdated: B
+	}) : null;
+	return /* @__PURE__ */ C(k, {
+		className: "min-h-screen bg-bg-canvas p-[var(--space-pagePadding)]",
+		children: /* @__PURE__ */ w("div", {
+			"data-testid": "overview-page",
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ w("div", {
+					className: "relative overflow-hidden rounded-card px-2 pt-1",
+					children: [/* @__PURE__ */ C(le, { intensity: "subtle" }), /* @__PURE__ */ C(E, {
+						title: /* @__PURE__ */ w(S, { children: [
+							/* @__PURE__ */ C(ue, { children: A("bigconsole.overview.titleNoun", "BigConsole") }),
+							" ",
+							A("bigconsole.overview.titleSuffix", "Overview")
+						] }),
+						description: A("bigconsole.overview.description", "Your dashboards and data at a glance"),
+						actions: /* @__PURE__ */ w(x, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: I,
+							disabled: q || N,
+							className: "min-h-11 sm:min-h-9",
+							"data-testid": "overview-refresh",
+							children: [/* @__PURE__ */ C(y, {
+								className: `size-4 ${q ? "motion-safe:animate-spin" : ""}`,
+								"aria-hidden": "true"
+							}), A("bigconsole.overview.refresh", "Refresh")]
+						})
+					})]
+				}),
+				/* @__PURE__ */ C(de, {
+					icon: /* @__PURE__ */ C(v, { className: "size-4" }),
+					className: "max-w-[80ch]",
+					children: A("bigconsole.overview.purpose", "Bring data into a Data Sink, optionally reshape it with a Parser, and turn it into live dashboards your team can share.")
+				}),
+				/* @__PURE__ */ C(ne, {
+					steps: H,
+					alternative: fe,
+					labels: he,
+					expanded: pe,
+					onToggle: me,
+					onNavigate: L
+				}),
+				ge ? /* @__PURE__ */ w(O, {
+					"data-tour": "bigconsole-overview-stats",
+					"data-testid": "overview-kpis",
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+					stagger: .06,
+					children: [N || P.allowed ? /* @__PURE__ */ C(D, {
+						variant: "fadeScale",
+						children: /* @__PURE__ */ C(o, {
+							title: A("bigconsole.overview.kpis.dashboards", "Dashboards"),
+							value: R.total,
+							loading: N || P.loading,
+							subtitle: Y ? Z : A("bigconsole.overview.kpis.dashboardsSubtitle", "Across this workspace"),
+							icon: /* @__PURE__ */ C(v, {}),
+							variant: Y ? "warning" : "default",
+							onClick: () => L("/dashboards"),
+							"data-testid": "overview-kpi-dashboards"
+						})
+					}) : null, N || F.allowed ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(D, {
+						variant: "fadeScale",
+						children: /* @__PURE__ */ C(o, {
+							title: A("bigconsole.overview.kpis.dataSinks", "Data Sinks"),
+							value: z.total,
+							loading: N || F.loading,
+							subtitle: X ? Z : z.ready === void 0 ? void 0 : A("bigconsole.overview.kpis.dataSinksReady", "{{count}} ready", { count: z.ready }),
+							icon: /* @__PURE__ */ C(g, {}),
+							variant: X ? "warning" : "default",
+							onClick: () => L("/datasinks"),
+							"data-testid": "overview-kpi-data-sinks"
+						})
+					}), /* @__PURE__ */ C(D, {
+						variant: "fadeScale",
+						children: /* @__PURE__ */ C(o, {
+							title: A("bigconsole.overview.kpis.needsAttention", "Needs attention"),
+							value: J,
+							loading: N || F.loading,
+							subtitle: X ? Z : A("bigconsole.overview.kpis.needsAttentionSubtitle", "Data sinks with errors or stale data"),
+							icon: /* @__PURE__ */ C(se, {}),
+							variant: X || (J ?? 0) > 0 ? "warning" : J === void 0 ? "default" : "success",
+							onClick: () => L("/datasinks"),
+							"data-testid": "overview-kpi-needs-attention"
+						})
+					})] }) : null]
+				}) : null,
+				P.allowed ? /* @__PURE__ */ w("div", {
+					className: "grid grid-cols-1 gap-6 xl:grid-cols-3",
+					children: [/* @__PURE__ */ C("div", {
+						className: "min-w-0 xl:col-span-2",
+						children: /* @__PURE__ */ C(s, {
+							dashboards: R.recent,
+							loading: P.loading,
+							error: P.error,
+							canCreate: V(t.DASHBOARD_CREATE),
+							onRetry: P.refetch,
+							onNavigate: L,
+							formatUpdated: B,
+							createDashboardPath: r
+						})
+					}), Q || $ ? /* @__PURE__ */ w("div", {
+						className: "flex min-w-0 flex-col gap-6",
+						children: [Q, $]
+					}) : null]
+				}) : Q || $ ? /* @__PURE__ */ w("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+					children: [Q, $]
+				}) : null
+			]
+		})
+	});
+});
+//#endregion
+export { A as OverviewPage, A as default };
+
+//# sourceMappingURL=OverviewPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewPage.js","names":[],"sources":["../../../src/bigconsole/pages/OverviewPage.tsx"],"sourcesContent":["/**\n * OverviewPage\n *\n * BigConsole home (`/bigconsole`): the dashboards and data at a glance, plus a\n * step-by-step guide to building a complete dashboard. Mirrors the VibeControls\n * product Overview — aurora hero, purpose line, guidance, KPI tiles and a single\n * emphasis panel — while showing only data the backend reports accurately.\n *\n * Every section is gated on its own read permission and loaded by its own\n * operation (see `useOverviewData`), so a caller missing one permission still\n * gets the rest of the page.\n */\n\nimport { type FC, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { PageHeader } from '@burdenoff/fe-libs/chrome';\nimport { MotionItem, MotionList, MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { AuroraBackground, Button, GradientText, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { AlertTriangle, Database, FileCode2, LayoutDashboard, Plus, RefreshCw, Sparkles } from 'lucide-react';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { useAppNavigate } from '../contexts';\nimport {\n  CREATE_DASHBOARD_PATH,\n  DashboardGuide,\n  DataHealthCard,\n  OverviewQuickActions,\n  OverviewStatCard,\n  RecentDashboardsPanel,\n  buildAiAlternative,\n  buildDashboardGuideSteps,\n  formatRelativeTime,\n  resolveGuideDefaultExpanded,\n  summarizeDashboards,\n  summarizeDataSinks,\n  useOverviewData,\n  type OverviewQuickAction,\n} from '../components/overview';\n\nexport const OverviewPage: FC = memo(function OverviewPage() {\n  const navigate = useAppNavigate();\n  const tr = useTr();\n  const { locale } = useI18n();\n  const { hasPermission } = usePermissions();\n  const { permissionsLoading, dashboards, dataSinks, refetchAll } = useOverviewData();\n\n  const handleNavigate = useCallback((path: string) => navigate(path), [navigate]);\n\n  // ---------------------------------------------------------------------------\n  // Derived data\n  // ---------------------------------------------------------------------------\n\n  const dashboardSummary = useMemo(() => summarizeDashboards(dashboards.data), [dashboards.data]);\n  const dataSinkSummary = useMemo(() => summarizeDataSinks(dataSinks.data), [dataSinks.data]);\n\n  const formatUpdated = useCallback((iso: string) => formatRelativeTime(iso, new Date(), tr, locale), [tr, locale]);\n\n  const can = useCallback(\n    (permission: string) => !permissionsLoading && hasPermission(permission),\n    [permissionsLoading, hasPermission]\n  );\n\n  const guideSteps = useMemo(\n    () =>\n      buildDashboardGuideSteps({\n        tr,\n        latestDashboard: dashboardSummary.latest,\n        permissions: {\n          canCreateDataSink: can(BIGCONSOLE_PERMISSIONS.DATASINK_CREATE),\n          canReadDataSinks: can(BIGCONSOLE_PERMISSIONS.DATASINK_READ),\n          canCreateWorkflow: can(BIGCONSOLE_PERMISSIONS.WORKFLOW_CREATE),\n          canCreateParser: can(BIGCONSOLE_PERMISSIONS.PARSER_CREATE),\n          canCreateDashboard: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE),\n          canReadDashboards: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_READ),\n          canBuildDashboards: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_UPDATE) && can(BIGCONSOLE_PERMISSIONS.WIDGET_CREATE),\n          canGenerateWithAi: can(BIGCONSOLE_PERMISSIONS.PROMPT_CREATE),\n        },\n      }),\n    [tr, can, dashboardSummary.latest]\n  );\n\n  const aiAlternative = useMemo(() => buildAiAlternative(tr, can(BIGCONSOLE_PERMISSIONS.PROMPT_CREATE)), [tr, can]);\n\n  const quickActions = useMemo<OverviewQuickAction[]>(() => {\n    const candidates: Array<{ permission: string; action: OverviewQuickAction }> = [\n      {\n        permission: BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE,\n        action: {\n          id: 'create-dashboard',\n          label: tr('bigconsole.overview.actions.createDashboard', 'Create Dashboard'),\n          icon: <Plus className=\"size-4\" aria-hidden=\"true\" />,\n          path: CREATE_DASHBOARD_PATH,\n          primary: true,\n        },\n      },\n      {\n        permission: BIGCONSOLE_PERMISSIONS.DATASINK_CREATE,\n        action: {\n          id: 'new-data-sink',\n          label: tr('bigconsole.overview.actions.newDataSink', 'New Data Sink'),\n          icon: <Database className=\"size-4\" aria-hidden=\"true\" />,\n          path: '/datasinks/new',\n        },\n      },\n      {\n        permission: BIGCONSOLE_PERMISSIONS.PARSER_CREATE,\n        action: {\n          id: 'new-parser',\n          label: tr('bigconsole.overview.actions.newParser', 'New Parser'),\n          icon: <FileCode2 className=\"size-4\" aria-hidden=\"true\" />,\n          path: '/parsers/new',\n        },\n      },\n      {\n        permission: BIGCONSOLE_PERMISSIONS.PROMPT_CREATE,\n        action: {\n          id: 'generate-with-ai',\n          label: tr('bigconsole.overview.actions.generateWithAi', 'Generate with AI Insights'),\n          icon: <Sparkles className=\"size-4\" aria-hidden=\"true\" />,\n          path: '/insights',\n        },\n      },\n    ];\n    return candidates.filter(({ permission }) => can(permission)).map(({ action }) => action);\n  }, [tr, can]);\n\n  // ---------------------------------------------------------------------------\n  // Guide: expanded by default only until the workspace has dashboards. The\n  // default is applied once, after the first answer, so it never fights a user\n  // who has toggled it.\n  // ---------------------------------------------------------------------------\n\n  const [guideExpanded, setGuideExpanded] = useState(false);\n  const guideDefaultApplied = useRef(false);\n  const guideDefault = resolveGuideDefaultExpanded({\n    permissionsLoading,\n    dashboardsAllowed: dashboards.allowed,\n    dashboardsLoading: dashboards.loading,\n    dashboardsTotal: dashboardSummary.total,\n    dashboardsFailed: Boolean(dashboards.error),\n  });\n\n  useEffect(() => {\n    if (guideDefaultApplied.current || guideDefault === null) return;\n    guideDefaultApplied.current = true;\n    setGuideExpanded(guideDefault);\n  }, [guideDefault]);\n\n  const handleToggleGuide = useCallback(() => {\n    guideDefaultApplied.current = true;\n    setGuideExpanded((expanded) => !expanded);\n  }, []);\n\n  const guideLabels = useMemo(\n    () => ({\n      title: tr('bigconsole.overview.guide.title', 'How to create a complete dashboard, end to end'),\n      subtitle: tr(\n        'bigconsole.overview.guide.subtitle',\n        'Follow these steps in order — each button takes you to the right place.'\n      ),\n      show: tr('bigconsole.overview.guide.show', 'Show guide'),\n      hide: tr('bigconsole.overview.guide.hide', 'Hide guide'),\n      optional: tr('bigconsole.overview.guide.optional', 'Optional'),\n      flow: [\n        tr('bigconsole.overview.guide.flow.dataSink', 'Data Sink'),\n        tr('bigconsole.overview.guide.flow.parser', 'Parser (optional)'),\n        tr('bigconsole.overview.guide.flow.dashboard', 'Dashboard'),\n        tr('bigconsole.overview.guide.flow.widgets', 'Widgets'),\n        tr('bigconsole.overview.guide.flow.share', 'Share'),\n      ],\n      stepPrefix: (stepNumber: number) =>\n        tr('bigconsole.overview.guide.stepPrefix', 'Step {{number}}:', { number: stepNumber }),\n    }),\n    [tr]\n  );\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n\n  const refreshing =\n    (dashboards.loading && dashboards.data !== undefined) || (dataSinks.loading && dataSinks.data !== undefined);\n  const showKpis = permissionsLoading || dashboards.allowed || dataSinks.allowed;\n  const attentionCount = dataSinkSummary.attentionCount;\n  // A section whose first load failed has no numbers to show; its tiles say so\n  // instead of shimmering forever (a Retry that is in flight shows the skeleton).\n  // (Apollo reports a rejected operation as `data: null`, so check the summaries.)\n  const dashboardsUnavailable =\n    !dashboards.loading && Boolean(dashboards.error) && dashboardSummary.total === undefined;\n  const dataSinksUnavailable = !dataSinks.loading && Boolean(dataSinks.error) && dataSinkSummary.total === undefined;\n  const unavailableLabel = tr('bigconsole.overview.kpis.unavailable', 'Currently unavailable');\n\n  const quickActionsCard =\n    quickActions.length > 0 ? <OverviewQuickActions actions={quickActions} onNavigate={handleNavigate} /> : null;\n  const dataHealthCard = dataSinks.allowed ? (\n    <DataHealthCard\n      summary={dataSinkSummary}\n      loading={dataSinks.loading}\n      error={dataSinks.error}\n      canCreate={can(BIGCONSOLE_PERMISSIONS.DATASINK_CREATE)}\n      onRetry={dataSinks.refetch}\n      onNavigate={handleNavigate}\n      formatUpdated={formatUpdated}\n    />\n  ) : null;\n\n  return (\n    <MotionPage className=\"min-h-screen bg-bg-canvas p-[var(--space-pagePadding)]\">\n      <div data-testid=\"overview-page\" className=\"space-y-6\">\n        {/* Hero header — the one aurora backdrop on this page. */}\n        <div className=\"relative overflow-hidden rounded-card px-2 pt-1\">\n          <AuroraBackground intensity=\"subtle\" />\n          <PageHeader\n            title={\n              <>\n                <GradientText>{tr('bigconsole.overview.titleNoun', 'BigConsole')}</GradientText>{' '}\n                {tr('bigconsole.overview.titleSuffix', 'Overview')}\n              </>\n            }\n            description={tr('bigconsole.overview.description', 'Your dashboards and data at a glance')}\n            actions={\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={refetchAll}\n                disabled={refreshing || permissionsLoading}\n                className=\"min-h-11 sm:min-h-9\"\n                data-testid=\"overview-refresh\"\n              >\n                <RefreshCw className={`size-4 ${refreshing ? 'motion-safe:animate-spin' : ''}`} aria-hidden=\"true\" />\n                {tr('bigconsole.overview.refresh', 'Refresh')}\n              </Button>\n            }\n          />\n        </div>\n\n        <PagePurpose icon={<LayoutDashboard className=\"size-4\" />} className=\"max-w-[80ch]\">\n          {tr(\n            'bigconsole.overview.purpose',\n            'Bring data into a Data Sink, optionally reshape it with a Parser, and turn it into live dashboards your team can share.'\n          )}\n        </PagePurpose>\n\n        <DashboardGuide\n          steps={guideSteps}\n          alternative={aiAlternative}\n          labels={guideLabels}\n          expanded={guideExpanded}\n          onToggle={handleToggleGuide}\n          onNavigate={handleNavigate}\n        />\n\n        {showKpis ? (\n          <MotionList\n            data-tour=\"bigconsole-overview-stats\"\n            data-testid=\"overview-kpis\"\n            className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\"\n            stagger={0.06}\n          >\n            {permissionsLoading || dashboards.allowed ? (\n              <MotionItem variant=\"fadeScale\">\n                <OverviewStatCard\n                  title={tr('bigconsole.overview.kpis.dashboards', 'Dashboards')}\n                  value={dashboardSummary.total}\n                  loading={permissionsLoading || dashboards.loading}\n                  subtitle={\n                    dashboardsUnavailable\n                      ? unavailableLabel\n                      : tr('bigconsole.overview.kpis.dashboardsSubtitle', 'Across this workspace')\n                  }\n                  icon={<LayoutDashboard />}\n                  variant={dashboardsUnavailable ? 'warning' : 'default'}\n                  onClick={() => handleNavigate('/dashboards')}\n                  data-testid=\"overview-kpi-dashboards\"\n                />\n              </MotionItem>\n            ) : null}\n            {permissionsLoading || dataSinks.allowed ? (\n              <>\n                <MotionItem variant=\"fadeScale\">\n                  <OverviewStatCard\n                    title={tr('bigconsole.overview.kpis.dataSinks', 'Data Sinks')}\n                    value={dataSinkSummary.total}\n                    loading={permissionsLoading || dataSinks.loading}\n                    subtitle={\n                      dataSinksUnavailable\n                        ? unavailableLabel\n                        : dataSinkSummary.ready === undefined\n                          ? undefined\n                          : tr('bigconsole.overview.kpis.dataSinksReady', '{{count}} ready', {\n                              count: dataSinkSummary.ready,\n                            })\n                    }\n                    icon={<Database />}\n                    variant={dataSinksUnavailable ? 'warning' : 'default'}\n                    onClick={() => handleNavigate('/datasinks')}\n                    data-testid=\"overview-kpi-data-sinks\"\n                  />\n                </MotionItem>\n                <MotionItem variant=\"fadeScale\">\n                  <OverviewStatCard\n                    title={tr('bigconsole.overview.kpis.needsAttention', 'Needs attention')}\n                    value={attentionCount}\n                    loading={permissionsLoading || dataSinks.loading}\n                    subtitle={\n                      dataSinksUnavailable\n                        ? unavailableLabel\n                        : tr('bigconsole.overview.kpis.needsAttentionSubtitle', 'Data sinks with errors or stale data')\n                    }\n                    icon={<AlertTriangle />}\n                    variant={\n                      dataSinksUnavailable || (attentionCount ?? 0) > 0\n                        ? 'warning'\n                        : attentionCount === undefined\n                          ? 'default'\n                          : 'success'\n                    }\n                    onClick={() => handleNavigate('/datasinks')}\n                    data-testid=\"overview-kpi-needs-attention\"\n                  />\n                </MotionItem>\n              </>\n            ) : null}\n          </MotionList>\n        ) : null}\n\n        {dashboards.allowed ? (\n          <div className=\"grid grid-cols-1 gap-6 xl:grid-cols-3\">\n            <div className=\"min-w-0 xl:col-span-2\">\n              <RecentDashboardsPanel\n                dashboards={dashboardSummary.recent}\n                loading={dashboards.loading}\n                error={dashboards.error}\n                canCreate={can(BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE)}\n                onRetry={dashboards.refetch}\n                onNavigate={handleNavigate}\n                formatUpdated={formatUpdated}\n                createDashboardPath={CREATE_DASHBOARD_PATH}\n              />\n            </div>\n            {quickActionsCard || dataHealthCard ? (\n              <div className=\"flex min-w-0 flex-col gap-6\">\n                {quickActionsCard}\n                {dataHealthCard}\n              </div>\n            ) : null}\n          </div>\n        ) : quickActionsCard || dataHealthCard ? (\n          <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n            {quickActionsCard}\n            {dataHealthCard}\n          </div>\n        ) : null}\n      </div>\n    </MotionPage>\n  );\n});\n\nexport default OverviewPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/ParserBuilderPage.js

@@ -12,9 +12,9 @@ import { useParams as ae } from "react-router";
 import { AccessDenied as oe, PermissionButton as se } from "@burdenoff/fe-libs/shared/components";
 import { usePermissions as ce } from "@burdenoff/fe-libs/shared/providers/shell";
 import { AlertCircle as l, ArrowLeft as le, CheckCircle2 as ue, ChevronDown as de, ChevronRight as fe, Code as pe, Download as me, Eye as he, FileCode2 as ge, LayoutDashboard as _e, Loader2 as u, Play as ve, Save as ye, Settings as be, X as xe } from "lucide-react";
-import { useI18n as Se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as d, PagePurpose as Ce, Stepper as we } from "@burdenoff/fe-libs/ui";
+import { Button as d, PagePurpose as Se, Stepper as Ce } from "@burdenoff/fe-libs/ui";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/pages/ParserBuilderPage.tsx
 var h = "w-full min-w-0 min-h-control-md rounded-md border bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-action-primary-bg motion-safe:transition-colors disabled:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60";
 function g(e = !1, t = "") {
@@ -74,7 +74,7 @@ function Ae(e) {
 	};
 }
 var b = i(function() {
-	let { parserId: i, consoleId: h } = ae(), b = e(), { t: x } = Se(), je = s(() => De(x), [x]), S = s(() => Ae(x), [x]), C = je.length, [w, T] = c(0), [E, Me] = c(Te), Ne = h || E || Te, D = i !== "new" && !!i, { hasPermission: Pe, isLoading: Fe } = ce(), Ie = Pe(r.PARSER_READ), Le = Pe(D ? r.PARSER_UPDATE : r.PARSER_CREATE), Re = D ? r.PARSER_UPDATE : r.PARSER_CREATE, O = !h, [k, A] = c({
+	let { parserId: i, consoleId: h } = ae(), b = e(), { t: x } = we(), je = s(() => De(x), [x]), S = s(() => Ae(x), [x]), C = je.length, [w, T] = c(0), [E, Me] = c(Te), Ne = h || E || Te, D = i !== "new" && !!i, { hasPermission: Pe, isLoading: Fe } = ce(), Ie = Pe(r.PARSER_READ), Le = Pe(D ? r.PARSER_UPDATE : r.PARSER_CREATE), Re = D ? r.PARSER_UPDATE : r.PARSER_CREATE, O = !h, [k, A] = c({
 		name: "",
 		outputKey: "",
 		description: "",
@@ -408,13 +408,13 @@ var b = i(function() {
 						})
 					]
 				}),
-				/* @__PURE__ */ p(Ce, {
+				/* @__PURE__ */ p(Se, {
 					className: "max-w-[80ch]",
 					children: x("bigconsole.parsers.builder.header.purpose", "A parser maps raw input into structured fields using a JQ or JSONata expression. Write the expression, run it against a sample to confirm the output, and save it once it produces the shape you need — then reuse it across pipelines to normalise any source.")
 				}),
 				/* @__PURE__ */ p("div", {
 					className: "min-w-0 overflow-x-auto",
-					children: /* @__PURE__ */ p(we, {
+					children: /* @__PURE__ */ p(Ce, {
 						steps: je,
 						active: w,
 						onStepClick: At