@burdenoff/microfe-bigconsole 2026.924.2 → 2026.925.1

package/dist/bigconsole/components/overview/DataHealthCard.js

@@ -0,0 +1,97 @@
+import { Section as e } from "../common/Section.js";
+import "../common/index.js";
+import { useTr as t } from "../../../shared/hooks/useTr.js";
+import n from "../datasink/DataSinkStatusBadge.js";
+import { memo as r } from "react";
+import { Activity as i, CheckCircle2 as a } from "lucide-react";
+import { Button as o, EmptyState as s, Skeleton as c } from "@burdenoff/fe-libs/ui";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/bigconsole/components/overview/DataHealthCard.tsx
+var d = r(function({ summary: r, loading: d, error: f, canCreate: p, onRetry: m, onNavigate: h, formatUpdated: g }) {
+	let _ = t(), v = _("bigconsole.overview.dataHealth.title", "Data health");
+	if (f && r.total === void 0) return /* @__PURE__ */ l(e, {
+		headingLevel: 2,
+		tone: "danger",
+		"data-testid": "overview-data-health-error",
+		title: _("bigconsole.overview.dataHealth.errorTitle", "Couldn’t load data sink health"),
+		description: f.message,
+		actions: /* @__PURE__ */ l(o, {
+			size: "sm",
+			onClick: m,
+			children: _("bigconsole.overview.retry", "Retry")
+		})
+	});
+	let y = /* @__PURE__ */ u(o, {
+		variant: "link",
+		size: "sm",
+		onClick: () => h("/datasinks"),
+		children: [_("bigconsole.overview.viewAll", "View all"), /* @__PURE__ */ u("span", {
+			className: "sr-only",
+			children: [" ", _("bigconsole.overview.dataHealth.viewAllContext", "data sinks")]
+		})]
+	});
+	return /* @__PURE__ */ l(e, {
+		headingLevel: 2,
+		"data-testid": "overview-data-health",
+		icon: /* @__PURE__ */ l(i, { className: "h-icon-sm w-icon-sm" }),
+		title: v,
+		actions: r.total ? y : void 0,
+		children: d && r.total === void 0 ? /* @__PURE__ */ u("div", {
+			className: "space-y-2",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ l(c, { className: "h-10 w-full" }), /* @__PURE__ */ l(c, { className: "h-10 w-full" })]
+		}) : r.total ? r.rows.length === 0 ? /* @__PURE__ */ u("p", {
+			className: "flex items-center gap-2 text-sm text-status-success-text",
+			"data-testid": "overview-data-health-ok",
+			children: [/* @__PURE__ */ l(a, {
+				className: "size-4 shrink-0",
+				"aria-hidden": "true"
+			}), _("bigconsole.overview.dataHealth.allHealthy", "All data sinks are healthy.")]
+		}) : /* @__PURE__ */ u("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ l("ul", {
+				className: "flex flex-col gap-2",
+				children: r.rows.map((e) => {
+					let t = e.lastRefreshedAt ? g(e.lastRefreshedAt) : null;
+					return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: () => h(`/datasinks/${encodeURIComponent(e.id)}`),
+						className: "flex min-h-11 w-full items-center justify-between gap-3 rounded-card border border-border-subtle bg-bg-surface px-3 py-2 text-left transition-colors duration-200 hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus motion-reduce:transition-none",
+						children: [/* @__PURE__ */ u("span", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ l("span", {
+								className: "block truncate text-sm font-medium text-text-primary",
+								children: e.name
+							}), t ? /* @__PURE__ */ l("span", {
+								className: "block text-xs text-text-muted",
+								children: _("bigconsole.overview.dataHealth.lastRefreshed", "Last refreshed {{time}}", { time: t })
+							}) : null]
+						}), /* @__PURE__ */ l(n, {
+							status: e.status,
+							size: "sm"
+						})]
+					}) }, e.id);
+				})
+			}), r.hiddenCount > 0 ? /* @__PURE__ */ l(o, {
+				variant: "link",
+				size: "sm",
+				className: "px-0",
+				onClick: () => h("/datasinks"),
+				children: _("bigconsole.overview.dataHealth.more", "+{{count}} more", { count: r.hiddenCount })
+			}) : null]
+		}) : /* @__PURE__ */ l(s, {
+			compact: !0,
+			title: _("bigconsole.overview.dataHealth.emptyTitle", "No data sinks yet"),
+			description: _("bigconsole.overview.dataHealth.emptyDescription", "Data sinks hold the data your dashboards display."),
+			action: p ? /* @__PURE__ */ l(o, {
+				size: "sm",
+				onClick: () => h("/datasinks/new"),
+				children: _("bigconsole.overview.actions.newDataSink", "New Data Sink")
+			}) : void 0
+		})
+	});
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=DataHealthCard.js.map

package/dist/bigconsole/components/overview/DataHealthCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataHealthCard.js","names":[],"sources":["../../../../src/bigconsole/components/overview/DataHealthCard.tsx"],"sourcesContent":["/**\n * DataHealthCard\n *\n * Which data sinks need attention — errored sinks first, then stale ones (a\n * page per status, each shown oldest refresh first), with a count of the rest.\n * Each row opens the sink, where the user can inspect the linked workflow or\n * import fresh data.\n */\n\nimport { type FC, memo } from 'react';\nimport { Button, EmptyState, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { Activity, CheckCircle2 } from 'lucide-react';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { Section } from '../common';\nimport { DataSinkStatusBadge } from '../datasink/DataSinkStatusBadge';\nimport type { DataSinkSummary } from './overviewModel';\n\nexport interface DataHealthCardProps {\n  summary: DataSinkSummary;\n  /** First load in progress (no data yet). */\n  loading: boolean;\n  error: { message: string } | undefined;\n  canCreate: boolean;\n  onRetry: () => void;\n  onNavigate: (path: string) => void;\n  formatUpdated: (iso: string) => string | null;\n}\n\nexport const DataHealthCard: FC<DataHealthCardProps> = memo(function DataHealthCard({\n  summary,\n  loading,\n  error,\n  canCreate,\n  onRetry,\n  onNavigate,\n  formatUpdated,\n}) {\n  const tr = useTr();\n  const title = tr('bigconsole.overview.dataHealth.title', 'Data health');\n\n  if (error && summary.total === undefined) {\n    return (\n      <Section\n        headingLevel={2}\n        tone=\"danger\"\n        data-testid=\"overview-data-health-error\"\n        title={tr('bigconsole.overview.dataHealth.errorTitle', 'Couldn’t load data sink health')}\n        description={error.message}\n        actions={\n          <Button size=\"sm\" onClick={onRetry}>\n            {tr('bigconsole.overview.retry', 'Retry')}\n          </Button>\n        }\n      />\n    );\n  }\n\n  const viewAll = (\n    <Button variant=\"link\" size=\"sm\" onClick={() => onNavigate('/datasinks')}>\n      {tr('bigconsole.overview.viewAll', 'View all')}\n      {/* Appended so the accessible name starts with the visible label (WCAG 2.5.3). */}\n      <span className=\"sr-only\"> {tr('bigconsole.overview.dataHealth.viewAllContext', 'data sinks')}</span>\n    </Button>\n  );\n\n  return (\n    <Section\n      headingLevel={2}\n      data-testid=\"overview-data-health\"\n      icon={<Activity className=\"h-icon-sm w-icon-sm\" />}\n      title={title}\n      actions={summary.total ? viewAll : undefined}\n    >\n      {loading && summary.total === undefined ? (\n        <div className=\"space-y-2\" aria-hidden=\"true\">\n          <Skeleton className=\"h-10 w-full\" />\n          <Skeleton className=\"h-10 w-full\" />\n        </div>\n      ) : !summary.total ? (\n        <EmptyState\n          compact\n          title={tr('bigconsole.overview.dataHealth.emptyTitle', 'No data sinks yet')}\n          description={tr(\n            'bigconsole.overview.dataHealth.emptyDescription',\n            'Data sinks hold the data your dashboards display.'\n          )}\n          action={\n            canCreate ? (\n              <Button size=\"sm\" onClick={() => onNavigate('/datasinks/new')}>\n                {tr('bigconsole.overview.actions.newDataSink', 'New Data Sink')}\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : summary.rows.length === 0 ? (\n        <p className=\"flex items-center gap-2 text-sm text-status-success-text\" data-testid=\"overview-data-health-ok\">\n          <CheckCircle2 className=\"size-4 shrink-0\" aria-hidden=\"true\" />\n          {tr('bigconsole.overview.dataHealth.allHealthy', 'All data sinks are healthy.')}\n        </p>\n      ) : (\n        <div className=\"space-y-2\">\n          <ul className=\"flex flex-col gap-2\">\n            {summary.rows.map((row) => {\n              const refreshed = row.lastRefreshedAt ? formatUpdated(row.lastRefreshedAt) : null;\n              return (\n                <li key={row.id}>\n                  <button\n                    type=\"button\"\n                    onClick={() => onNavigate(`/datasinks/${encodeURIComponent(row.id)}`)}\n                    className=\"flex min-h-11 w-full items-center justify-between gap-3 rounded-card border border-border-subtle bg-bg-surface px-3 py-2 text-left transition-colors duration-200 hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus motion-reduce:transition-none\"\n                  >\n                    <span className=\"min-w-0\">\n                      <span className=\"block truncate text-sm font-medium text-text-primary\">{row.name}</span>\n                      {refreshed ? (\n                        <span className=\"block text-xs text-text-muted\">\n                          {tr('bigconsole.overview.dataHealth.lastRefreshed', 'Last refreshed {{time}}', {\n                            time: refreshed,\n                          })}\n                        </span>\n                      ) : null}\n                    </span>\n                    <DataSinkStatusBadge status={row.status} size=\"sm\" />\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n          {summary.hiddenCount > 0 ? (\n            <Button variant=\"link\" size=\"sm\" className=\"px-0\" onClick={() => onNavigate('/datasinks')}>\n              {tr('bigconsole.overview.dataHealth.more', '+{{count}} more', { count: summary.hiddenCount })}\n            </Button>\n          ) : null}\n        </div>\n      )}\n    </Section>\n  );\n});\n\nexport default DataHealthCard;\n"],"mappings":";;;;;;;;;AA4BA,IAAa,IAA0C,EAAK,SAAwB,EAClF,YACA,YACA,UACA,cACA,YACA,eACA,oBACC;CACD,IAAM,IAAK,GAAO,EACZ,IAAQ,EAAG,wCAAwC,cAAc;AAEvE,KAAI,KAAS,EAAQ,UAAU,KAAA,EAC7B,QACE,kBAAC,GAAD;EACE,cAAc;EACd,MAAK;EACL,eAAY;EACZ,OAAO,EAAG,6CAA6C,iCAAiC;EACxF,aAAa,EAAM;EACnB,SACE,kBAAC,GAAD;GAAQ,MAAK;GAAK,SAAS;aACxB,EAAG,6BAA6B,QAAQ;GAClC,CAAA;EAEX,CAAA;CAIN,IAAM,IACJ,kBAAC,GAAD;EAAQ,SAAQ;EAAO,MAAK;EAAK,eAAe,EAAW,aAAa;YAAxE,CACG,EAAG,+BAA+B,WAAW,EAE9C,kBAAC,QAAD;GAAM,WAAU;aAAhB,CAA0B,KAAE,EAAG,iDAAiD,aAAa,CAAQ;KAC9F;;AAGX,QACE,kBAAC,GAAD;EACE,cAAc;EACd,eAAY;EACZ,MAAM,kBAAC,GAAD,EAAU,WAAU,uBAAwB,CAAA;EAC3C;EACP,SAAS,EAAQ,QAAQ,IAAU,KAAA;YAElC,KAAW,EAAQ,UAAU,KAAA,IAC5B,kBAAC,OAAD;GAAK,WAAU;GAAY,eAAY;aAAvC,CACE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,EACpC,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,CAChC;OACH,EAAQ,QAgBT,EAAQ,KAAK,WAAW,IAC1B,kBAAC,KAAD;GAAG,WAAU;GAA2D,eAAY;aAApF,CACE,kBAAC,GAAD;IAAc,WAAU;IAAkB,eAAY;IAAS,CAAA,EAC9D,EAAG,6CAA6C,8BAA8B,CAC7E;OAEJ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAQ,KAAK,KAAK,MAAQ;KACzB,IAAM,IAAY,EAAI,kBAAkB,EAAc,EAAI,gBAAgB,GAAG;AAC7E,YACE,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAW,cAAc,mBAAmB,EAAI,GAAG,GAAG;MACrE,WAAU;gBAHZ,CAKE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwD,EAAI;QAAY,CAAA,EACvF,IACC,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAG,gDAAgD,2BAA2B,EAC7E,MAAM,GACP,CAAC;QACG,CAAA,GACL,KACC;UACP,kBAAC,GAAD;OAAqB,QAAQ,EAAI;OAAQ,MAAK;OAAO,CAAA,CAC9C;SACN,EAlBI,EAAI,GAkBR;MAEP;IACC,CAAA,EACJ,EAAQ,cAAc,IACrB,kBAAC,GAAD;IAAQ,SAAQ;IAAO,MAAK;IAAK,WAAU;IAAO,eAAe,EAAW,aAAa;cACtF,EAAG,uCAAuC,mBAAmB,EAAE,OAAO,EAAQ,aAAa,CAAC;IACtF,CAAA,GACP,KACA;OArDN,kBAAC,GAAD;GACE,SAAA;GACA,OAAO,EAAG,6CAA6C,oBAAoB;GAC3E,aAAa,EACX,mDACA,oDACD;GACD,QACE,IACE,kBAAC,GAAD;IAAQ,MAAK;IAAK,eAAe,EAAW,iBAAiB;cAC1D,EAAG,2CAA2C,gBAAgB;IACxD,CAAA,GACP,KAAA;GAEN,CAAA;EAyCI,CAAA;EAEZ"}

package/dist/bigconsole/components/overview/OverviewQuickActions.js

@@ -0,0 +1,32 @@
+import { Section as e } from "../common/Section.js";
+import "../common/index.js";
+import { useTr as t } from "../../../shared/hooks/useTr.js";
+import { memo as n } from "react";
+import { Zap as r } from "lucide-react";
+import { Button as i } from "@burdenoff/fe-libs/ui";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/bigconsole/components/overview/OverviewQuickActions.tsx
+var s = n(function({ actions: n, onNavigate: s }) {
+	let c = t();
+	return /* @__PURE__ */ a(e, {
+		headingLevel: 2,
+		"data-testid": "overview-quick-actions",
+		icon: /* @__PURE__ */ a(r, { className: "h-icon-sm w-icon-sm" }),
+		title: c("bigconsole.overview.quickActions.title", "Quick actions"),
+		children: /* @__PURE__ */ a("div", {
+			className: "flex flex-col gap-2",
+			children: n.map((e) => /* @__PURE__ */ o(i, {
+				type: "button",
+				variant: e.primary ? "default" : "outline",
+				onClick: () => s(e.path),
+				className: "min-h-11 w-full justify-start sm:min-h-10",
+				"data-testid": `overview-quick-action-${e.id}`,
+				children: [e.icon, e.label]
+			}, e.id))
+		})
+	});
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=OverviewQuickActions.js.map

package/dist/bigconsole/components/overview/OverviewQuickActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewQuickActions.js","names":[],"sources":["../../../../src/bigconsole/components/overview/OverviewQuickActions.tsx"],"sourcesContent":["/**\n * OverviewQuickActions\n *\n * Navigation shortcuts to the most common \"create\" flows. Actions the caller\n * is not permitted to perform are hidden, not disabled; the card is omitted by\n * the page when none remain.\n */\n\nimport { type FC, type ReactNode, memo } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Zap } from 'lucide-react';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { Section } from '../common';\n\nexport interface OverviewQuickAction {\n  id: string;\n  label: string;\n  icon: ReactNode;\n  path: string;\n  primary?: boolean;\n}\n\nexport interface OverviewQuickActionsProps {\n  actions: OverviewQuickAction[];\n  onNavigate: (path: string) => void;\n}\n\nexport const OverviewQuickActions: FC<OverviewQuickActionsProps> = memo(function OverviewQuickActions({\n  actions,\n  onNavigate,\n}) {\n  const tr = useTr();\n\n  return (\n    <Section\n      headingLevel={2}\n      data-testid=\"overview-quick-actions\"\n      icon={<Zap className=\"h-icon-sm w-icon-sm\" />}\n      title={tr('bigconsole.overview.quickActions.title', 'Quick actions')}\n    >\n      <div className=\"flex flex-col gap-2\">\n        {actions.map((action) => (\n          <Button\n            key={action.id}\n            type=\"button\"\n            variant={action.primary ? 'default' : 'outline'}\n            onClick={() => onNavigate(action.path)}\n            className=\"min-h-11 w-full justify-start sm:min-h-10\"\n            data-testid={`overview-quick-action-${action.id}`}\n          >\n            {action.icon}\n            {action.label}\n          </Button>\n        ))}\n      </div>\n    </Section>\n  );\n});\n\nexport default OverviewQuickActions;\n"],"mappings":";;;;;;;;AA2BA,IAAa,IAAsD,EAAK,SAA8B,EACpG,YACA,iBACC;CACD,IAAM,IAAK,GAAO;AAElB,QACE,kBAAC,GAAD;EACE,cAAc;EACd,eAAY;EACZ,MAAM,kBAAC,GAAD,EAAK,WAAU,uBAAwB,CAAA;EAC7C,OAAO,EAAG,0CAA0C,gBAAgB;YAEpE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,MACZ,kBAAC,GAAD;IAEE,MAAK;IACL,SAAS,EAAO,UAAU,YAAY;IACtC,eAAe,EAAW,EAAO,KAAK;IACtC,WAAU;IACV,eAAa,yBAAyB,EAAO;cAN/C,CAQG,EAAO,MACP,EAAO,MACD;MATF,EAAO,GASL,CACT;GACE,CAAA;EACE,CAAA;EAEZ"}

package/dist/bigconsole/components/overview/OverviewStatCard.js

@@ -0,0 +1,57 @@
+import { memo as e } from "react";
+import { GlassCard as t, Skeleton as n } from "@burdenoff/fe-libs/ui";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { AnimatedCounter as a } from "@burdenoff/fe-libs/shared/motion";
+//#region src/bigconsole/components/overview/OverviewStatCard.tsx
+var o = {
+	default: "bg-[var(--color-accent-soft)] text-text-primary",
+	success: "bg-status-success-bg-subtle text-status-success-text",
+	warning: "bg-status-warning-bg-subtle text-[var(--color-status-warning-text)]"
+}, s = e(function({ title: e, value: s, loading: c = !1, subtitle: l, icon: u, variant: d = "default", onClick: f, "data-testid": p }) {
+	let m = /* @__PURE__ */ i("div", {
+		className: "flex flex-col gap-2.5",
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ r("p", {
+					className: "text-sm font-medium text-text-secondary",
+					children: e
+				}), /* @__PURE__ */ r("span", {
+					"aria-hidden": "true",
+					className: `flex size-9 shrink-0 items-center justify-center rounded-lg [&>svg]:size-4 ${o[d]}`,
+					children: u
+				})]
+			}),
+			s === void 0 ? c ? /* @__PURE__ */ r(n, { className: "h-8 w-16" }) : /* @__PURE__ */ r("div", {
+				"aria-hidden": "true",
+				className: "text-2xl font-semibold text-text-muted",
+				children: "—"
+			}) : /* @__PURE__ */ r("div", {
+				className: "text-2xl font-semibold tabular-nums text-text-primary",
+				children: /* @__PURE__ */ r(a, { value: s })
+			}),
+			l ? /* @__PURE__ */ r("p", {
+				className: "text-xs text-text-secondary",
+				children: l
+			}) : null
+		]
+	});
+	return /* @__PURE__ */ r(t, {
+		treatment: "metric",
+		className: "h-full border-[var(--color-border-seam)] p-0",
+		"data-testid": p,
+		children: f ? /* @__PURE__ */ r("button", {
+			type: "button",
+			onClick: f,
+			className: "block h-full w-full rounded-card p-5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
+			children: m
+		}) : /* @__PURE__ */ r("div", {
+			className: "p-5",
+			children: m
+		})
+	});
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=OverviewStatCard.js.map

package/dist/bigconsole/components/overview/OverviewStatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewStatCard.js","names":[],"sources":["../../../../src/bigconsole/components/overview/OverviewStatCard.tsx"],"sourcesContent":["/**\n * OverviewStatCard\n *\n * KPI tile for the Overview: a label, a large number and an optional subtitle,\n * on the GlassCard \"metric\" surface. When `onClick` is set the whole tile is a\n * real `<button>` so it is keyboard- and screen-reader-navigable.\n */\n\nimport { type FC, type ReactNode, memo } from 'react';\nimport { GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { AnimatedCounter } from '@burdenoff/fe-libs/shared/motion';\n\nexport type OverviewStatVariant = 'default' | 'success' | 'warning';\n\nexport interface OverviewStatCardProps {\n  title: string;\n  /** The count; `undefined` while loading or when the section failed to load. */\n  value: number | undefined;\n  /** The section is still loading — an undefined value renders a skeleton. */\n  loading?: boolean;\n  subtitle?: string;\n  icon: ReactNode;\n  variant?: OverviewStatVariant;\n  onClick?: () => void;\n  'data-testid'?: string;\n}\n\n// Icon chip tint per variant. Warning text has no registered utility in the\n// shell theme, so it uses the token variable directly.\nconst ICON_CHIP_CLASSES: Record<OverviewStatVariant, string> = {\n  default: 'bg-[var(--color-accent-soft)] text-text-primary',\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-[var(--color-status-warning-text)]',\n};\n\nexport const OverviewStatCard: FC<OverviewStatCardProps> = memo(function OverviewStatCard({\n  title,\n  value,\n  loading = false,\n  subtitle,\n  icon,\n  variant = 'default',\n  onClick,\n  'data-testid': testId,\n}) {\n  const body = (\n    <div className=\"flex flex-col gap-2.5\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <p className=\"text-sm font-medium text-text-secondary\">{title}</p>\n        <span\n          aria-hidden=\"true\"\n          className={`flex size-9 shrink-0 items-center justify-center rounded-lg [&>svg]:size-4 ${ICON_CHIP_CLASSES[variant]}`}\n        >\n          {icon}\n        </span>\n      </div>\n      {value !== undefined ? (\n        <div className=\"text-2xl font-semibold tabular-nums text-text-primary\">\n          <AnimatedCounter value={value} />\n        </div>\n      ) : loading ? (\n        <Skeleton className=\"h-8 w-16\" />\n      ) : (\n        // Failed to load: a neutral placeholder; the subtitle says why.\n        <div aria-hidden=\"true\" className=\"text-2xl font-semibold text-text-muted\">\n          —\n        </div>\n      )}\n      {subtitle ? <p className=\"text-xs text-text-secondary\">{subtitle}</p> : null}\n    </div>\n  );\n\n  return (\n    <GlassCard treatment=\"metric\" className=\"h-full border-[var(--color-border-seam)] p-0\" data-testid={testId}>\n      {onClick ? (\n        <button\n          type=\"button\"\n          onClick={onClick}\n          className=\"block h-full w-full rounded-card p-5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n        >\n          {body}\n        </button>\n      ) : (\n        <div className=\"p-5\">{body}</div>\n      )}\n    </GlassCard>\n  );\n});\n\nexport default OverviewStatCard;\n"],"mappings":";;;;;AA6BA,IAAM,IAAyD;CAC7D,SAAS;CACT,SAAS;CACT,SAAS;CACV,EAEY,IAA8C,EAAK,SAA0B,EACxF,UACA,UACA,aAAU,IACV,aACA,SACA,aAAU,WACV,YACA,eAAe,KACd;CACD,IAAM,IACJ,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAA2C;KAAU,CAAA,EAClE,kBAAC,QAAD;KACE,eAAY;KACZ,WAAW,8EAA8E,EAAkB;eAE1G;KACI,CAAA,CACH;;GACL,MAAU,KAAA,IAIP,IACF,kBAAC,GAAD,EAAU,WAAU,YAAa,CAAA,GAGjC,kBAAC,OAAD;IAAK,eAAY;IAAO,WAAU;cAAyC;IAErE,CAAA,GATN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAwB,UAAS,CAAA;IAC7B,CAAA;GASP,IAAW,kBAAC,KAAD;IAAG,WAAU;cAA+B;IAAa,CAAA,GAAG;GACpE;;AAGR,QACE,kBAAC,GAAD;EAAW,WAAU;EAAS,WAAU;EAA+C,eAAa;YACjG,IACC,kBAAC,UAAD;GACE,MAAK;GACI;GACT,WAAU;aAET;GACM,CAAA,GAET,kBAAC,OAAD;GAAK,WAAU;aAAO;GAAW,CAAA;EAEzB,CAAA;EAEd"}

package/dist/bigconsole/components/overview/RecentDashboardsPanel.js

@@ -0,0 +1,107 @@
+import { Section as e } from "../common/Section.js";
+import "../common/index.js";
+import { useTr as t } from "../../../shared/hooks/useTr.js";
+import n, { useDashboardStatusLabel as r } from "../dashboard/DashboardStatusPill.js";
+import { memo as i } from "react";
+import { ArrowRight as a, LayoutDashboard as o } from "lucide-react";
+import { Button as s, EmphasisPanel as c, IllustratedEmptyState as l, Skeleton as u } from "@burdenoff/fe-libs/ui";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/bigconsole/components/overview/RecentDashboardsPanel.tsx
+var m = i(function({ dashboards: i, loading: m, error: h, canCreate: g, onRetry: _, onNavigate: v, formatUpdated: y, createDashboardPath: b }) {
+	let x = t(), S = r();
+	return h && i.length === 0 ? /* @__PURE__ */ f(e, {
+		headingLevel: 2,
+		tone: "danger",
+		className: "h-full",
+		"data-testid": "overview-recent-dashboards-error",
+		title: x("bigconsole.overview.recentDashboards.errorTitle", "Couldn’t load your dashboards"),
+		description: h.message,
+		actions: /* @__PURE__ */ f(s, {
+			size: "sm",
+			onClick: _,
+			children: x("bigconsole.overview.retry", "Retry")
+		})
+	}) : /* @__PURE__ */ p(c, {
+		"data-testid": "overview-recent-dashboards",
+		className: "flex h-full flex-col border-[color-mix(in_oklab,var(--color-action-primary-bg)_34%,transparent)] bg-bg-surface bg-[image:var(--gradient-accent-wash)] shadow-[var(--shadow-glow)]",
+		children: [/* @__PURE__ */ p("div", {
+			className: "mb-5 flex items-center justify-between gap-3",
+			children: [/* @__PURE__ */ p("h2", {
+				className: "flex items-center gap-2.5 text-lg font-semibold tracking-tight text-text-primary",
+				children: [/* @__PURE__ */ f("span", {
+					"aria-hidden": "true",
+					className: "inline-flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
+					children: /* @__PURE__ */ f(o, { className: "size-5" })
+				}), x("bigconsole.overview.recentDashboards.title", "Recent dashboards")]
+			}), /* @__PURE__ */ p(s, {
+				variant: "link",
+				size: "sm",
+				onClick: () => v("/dashboards"),
+				children: [x("bigconsole.overview.viewAll", "View all"), /* @__PURE__ */ p("span", {
+					className: "sr-only",
+					children: [" ", x("bigconsole.overview.recentDashboards.viewAllContext", "dashboards")]
+				})]
+			})]
+		}), m && i.length === 0 ? /* @__PURE__ */ p("div", {
+			className: "space-y-2",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ f(u, { className: "h-14 w-full" }),
+				/* @__PURE__ */ f(u, { className: "h-14 w-full" }),
+				/* @__PURE__ */ f(u, { className: "h-14 w-full" })
+			]
+		}) : i.length === 0 ? /* @__PURE__ */ f(l, {
+			className: "flex-1 py-6",
+			illustration: "empty-data",
+			title: x("bigconsole.overview.recentDashboards.emptyTitle", "No dashboards yet"),
+			description: x("bigconsole.overview.recentDashboards.emptyDescription", "Follow the guide above to build your first dashboard."),
+			action: g ? /* @__PURE__ */ f(s, {
+				onClick: () => v(b),
+				children: x("bigconsole.overview.actions.createDashboard", "Create Dashboard")
+			}) : void 0
+		}) : /* @__PURE__ */ f("ul", {
+			className: "flex flex-col gap-2",
+			children: i.map((e) => {
+				let t = y(e.updatedAt);
+				return /* @__PURE__ */ f("li", { children: /* @__PURE__ */ p("button", {
+					type: "button",
+					onClick: () => v(`/dashboards/${encodeURIComponent(e.id)}`),
+					className: "flex min-h-14 w-full items-center gap-3 rounded-card border border-border-subtle bg-bg-surface px-3 py-2.5 text-left transition-colors duration-200 hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus motion-reduce:transition-none",
+					children: [/* @__PURE__ */ p("div", {
+						className: "min-w-0 flex-1",
+						children: [
+							/* @__PURE__ */ p("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [/* @__PURE__ */ f("span", {
+									className: "truncate text-sm font-medium text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ f(n, {
+									status: e.status,
+									label: S(e.status)
+								})]
+							}),
+							e.description ? /* @__PURE__ */ f("p", {
+								className: "mt-0.5 line-clamp-1 text-xs text-text-muted",
+								children: e.description
+							}) : null,
+							/* @__PURE__ */ p("p", {
+								className: "mt-0.5 text-xs text-text-secondary",
+								children: [e.widgetCount === 1 ? x("bigconsole.overview.recentDashboards.widgetsOne", "1 widget") : x("bigconsole.overview.recentDashboards.widgetsOther", "{{count}} widgets", { count: e.widgetCount }), t ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("span", {
+									"aria-hidden": "true",
+									children: " · "
+								}), x("bigconsole.overview.recentDashboards.updated", "Updated {{time}}", { time: t })] }) : null]
+							})
+						]
+					}), /* @__PURE__ */ f(a, {
+						className: "size-4 shrink-0 text-text-muted",
+						"aria-hidden": "true"
+					})]
+				}) }, e.id);
+			})
+		})]
+	});
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=RecentDashboardsPanel.js.map

package/dist/bigconsole/components/overview/RecentDashboardsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentDashboardsPanel.js","names":[],"sources":["../../../../src/bigconsole/components/overview/RecentDashboardsPanel.tsx"],"sourcesContent":["/**\n * RecentDashboardsPanel\n *\n * The Overview's single emphasis zone: the most recently updated dashboards,\n * each one click away, with their lifecycle status and widget count.\n */\n\nimport { type FC, memo } from 'react';\nimport { Button, EmphasisPanel, IllustratedEmptyState, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { ArrowRight, LayoutDashboard } from 'lucide-react';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { Section } from '../common';\nimport { DashboardStatusPill, useDashboardStatusLabel } from '../dashboard/DashboardStatusPill';\nimport type { RecentDashboard } from './overviewModel';\n\nexport interface RecentDashboardsPanelProps {\n  dashboards: RecentDashboard[];\n  /** First load in progress (no data yet). */\n  loading: boolean;\n  error: { message: string } | undefined;\n  canCreate: boolean;\n  onRetry: () => void;\n  onNavigate: (path: string) => void;\n  formatUpdated: (iso: string) => string | null;\n  createDashboardPath: string;\n}\n\nexport const RecentDashboardsPanel: FC<RecentDashboardsPanelProps> = memo(function RecentDashboardsPanel({\n  dashboards,\n  loading,\n  error,\n  canCreate,\n  onRetry,\n  onNavigate,\n  formatUpdated,\n  createDashboardPath,\n}) {\n  const tr = useTr();\n  const statusLabel = useDashboardStatusLabel();\n\n  if (error && dashboards.length === 0) {\n    return (\n      <Section\n        headingLevel={2}\n        tone=\"danger\"\n        className=\"h-full\"\n        data-testid=\"overview-recent-dashboards-error\"\n        title={tr('bigconsole.overview.recentDashboards.errorTitle', 'Couldn’t load your dashboards')}\n        description={error.message}\n        actions={\n          <Button size=\"sm\" onClick={onRetry}>\n            {tr('bigconsole.overview.retry', 'Retry')}\n          </Button>\n        }\n      />\n    );\n  }\n\n  return (\n    <EmphasisPanel\n      data-testid=\"overview-recent-dashboards\"\n      // EmphasisPanel's own `bg-accent-wash` / `border-border-seam` utilities are\n      // not registered in the shell theme, so the surface, wash and border are\n      // set explicitly from the same tokens.\n      className=\"flex h-full flex-col border-[color-mix(in_oklab,var(--color-action-primary-bg)_34%,transparent)] bg-bg-surface bg-[image:var(--gradient-accent-wash)] shadow-[var(--shadow-glow)]\"\n    >\n      <div className=\"mb-5 flex items-center justify-between gap-3\">\n        <h2 className=\"flex items-center gap-2.5 text-lg font-semibold tracking-tight text-text-primary\">\n          <span\n            aria-hidden=\"true\"\n            className=\"inline-flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\"\n          >\n            <LayoutDashboard className=\"size-5\" />\n          </span>\n          {tr('bigconsole.overview.recentDashboards.title', 'Recent dashboards')}\n        </h2>\n        <Button variant=\"link\" size=\"sm\" onClick={() => onNavigate('/dashboards')}>\n          {tr('bigconsole.overview.viewAll', 'View all')}\n          {/* Context for screen readers, appended so the accessible name still\n              starts with the visible label in every locale (WCAG 2.5.3). */}\n          <span className=\"sr-only\"> {tr('bigconsole.overview.recentDashboards.viewAllContext', 'dashboards')}</span>\n        </Button>\n      </div>\n\n      {loading && dashboards.length === 0 ? (\n        <div className=\"space-y-2\" aria-hidden=\"true\">\n          <Skeleton className=\"h-14 w-full\" />\n          <Skeleton className=\"h-14 w-full\" />\n          <Skeleton className=\"h-14 w-full\" />\n        </div>\n      ) : dashboards.length === 0 ? (\n        <IllustratedEmptyState\n          className=\"flex-1 py-6\"\n          illustration=\"empty-data\"\n          title={tr('bigconsole.overview.recentDashboards.emptyTitle', 'No dashboards yet')}\n          description={tr(\n            'bigconsole.overview.recentDashboards.emptyDescription',\n            'Follow the guide above to build your first dashboard.'\n          )}\n          action={\n            canCreate ? (\n              <Button onClick={() => onNavigate(createDashboardPath)}>\n                {tr('bigconsole.overview.actions.createDashboard', 'Create Dashboard')}\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <ul className=\"flex flex-col gap-2\">\n          {dashboards.map((dashboard) => {\n            const updated = formatUpdated(dashboard.updatedAt);\n            return (\n              <li key={dashboard.id}>\n                <button\n                  type=\"button\"\n                  onClick={() => onNavigate(`/dashboards/${encodeURIComponent(dashboard.id)}`)}\n                  className=\"flex min-h-14 w-full items-center gap-3 rounded-card border border-border-subtle bg-bg-surface px-3 py-2.5 text-left transition-colors duration-200 hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus motion-reduce:transition-none\"\n                >\n                  <div className=\"min-w-0 flex-1\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <span className=\"truncate text-sm font-medium text-text-primary\">{dashboard.name}</span>\n                      <DashboardStatusPill status={dashboard.status} label={statusLabel(dashboard.status)} />\n                    </div>\n                    {dashboard.description ? (\n                      <p className=\"mt-0.5 line-clamp-1 text-xs text-text-muted\">{dashboard.description}</p>\n                    ) : null}\n                    <p className=\"mt-0.5 text-xs text-text-secondary\">\n                      {dashboard.widgetCount === 1\n                        ? tr('bigconsole.overview.recentDashboards.widgetsOne', '1 widget')\n                        : tr('bigconsole.overview.recentDashboards.widgetsOther', '{{count}} widgets', {\n                            count: dashboard.widgetCount,\n                          })}\n                      {updated ? (\n                        <>\n                          <span aria-hidden=\"true\"> · </span>\n                          {tr('bigconsole.overview.recentDashboards.updated', 'Updated {{time}}', { time: updated })}\n                        </>\n                      ) : null}\n                    </p>\n                  </div>\n                  <ArrowRight className=\"size-4 shrink-0 text-text-muted\" aria-hidden=\"true\" />\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </EmphasisPanel>\n  );\n});\n\nexport default RecentDashboardsPanel;\n"],"mappings":";;;;;;;;;AA2BA,IAAa,IAAwD,EAAK,SAA+B,EACvG,eACA,YACA,UACA,cACA,YACA,eACA,kBACA,0BACC;CACD,IAAM,IAAK,GAAO,EACZ,IAAc,GAAyB;AAoB7C,QAlBI,KAAS,EAAW,WAAW,IAE/B,kBAAC,GAAD;EACE,cAAc;EACd,MAAK;EACL,WAAU;EACV,eAAY;EACZ,OAAO,EAAG,mDAAmD,gCAAgC;EAC7F,aAAa,EAAM;EACnB,SACE,kBAAC,GAAD;GAAQ,MAAK;GAAK,SAAS;aACxB,EAAG,6BAA6B,QAAQ;GAClC,CAAA;EAEX,CAAA,GAKJ,kBAAC,GAAD;EACE,eAAY;EAIZ,WAAU;YALZ,CAOE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,QAAD;KACE,eAAY;KACZ,WAAU;eAEV,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;KACjC,CAAA,EACN,EAAG,8CAA8C,oBAAoB,CACnE;OACL,kBAAC,GAAD;IAAQ,SAAQ;IAAO,MAAK;IAAK,eAAe,EAAW,cAAc;cAAzE,CACG,EAAG,+BAA+B,WAAW,EAG9C,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAA0B,KAAE,EAAG,uDAAuD,aAAa,CAAQ;OACpG;MACL;MAEL,KAAW,EAAW,WAAW,IAChC,kBAAC,OAAD;GAAK,WAAU;GAAY,eAAY;aAAvC;IACE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA;IACpC,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA;IACpC,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA;IAChC;OACJ,EAAW,WAAW,IACxB,kBAAC,GAAD;GACE,WAAU;GACV,cAAa;GACb,OAAO,EAAG,mDAAmD,oBAAoB;GACjF,aAAa,EACX,yDACA,wDACD;GACD,QACE,IACE,kBAAC,GAAD;IAAQ,eAAe,EAAW,EAAoB;cACnD,EAAG,+CAA+C,mBAAmB;IAC/D,CAAA,GACP,KAAA;GAEN,CAAA,GAEF,kBAAC,MAAD;GAAI,WAAU;aACX,EAAW,KAAK,MAAc;IAC7B,IAAM,IAAU,EAAc,EAAU,UAAU;AAClD,WACE,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAW,eAAe,mBAAmB,EAAU,GAAG,GAAG;KAC5E,WAAU;eAHZ,CAKE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAkD,EAAU;SAAY,CAAA,EACxF,kBAAC,GAAD;SAAqB,QAAQ,EAAU;SAAQ,OAAO,EAAY,EAAU,OAAO;SAAI,CAAA,CACnF;;OACL,EAAU,cACT,kBAAC,KAAD;QAAG,WAAU;kBAA+C,EAAU;QAAgB,CAAA,GACpF;OACJ,kBAAC,KAAD;QAAG,WAAU;kBAAb,CACG,EAAU,gBAAgB,IACvB,EAAG,mDAAmD,WAAW,GACjE,EAAG,qDAAqD,qBAAqB,EAC3E,OAAO,EAAU,aAClB,CAAC,EACL,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;SAAM,eAAY;mBAAO;SAAU,CAAA,EAClC,EAAG,gDAAgD,oBAAoB,EAAE,MAAM,GAAS,CAAC,CACzF,EAAA,CAAA,GACD,KACF;;OACA;SACN,kBAAC,GAAD;MAAY,WAAU;MAAkC,eAAY;MAAS,CAAA,CACtE;QACN,EA9BI,EAAU,GA8Bd;KAEP;GACC,CAAA,CAEO;;EAElB"}

package/dist/bigconsole/components/overview/dashboardGuideSteps.js

@@ -0,0 +1,119 @@
+//#region src/bigconsole/components/overview/dashboardGuideSteps.ts
+var e = "/dashboards?create=1";
+function t(e) {
+	return e("bigconsole.overview.guide.noPermission", "You don't have permission for this step yet. Ask a workspace admin for access.");
+}
+function n({ tr: n, permissions: r, latestDashboard: i }) {
+	let a = i ?? null, o = t(n), s = {
+		id: "createDataSink",
+		title: n("bigconsole.overview.guide.steps.createDataSink.title", "Create a Data Sink"),
+		body: n("bigconsole.overview.guide.steps.createDataSink.body", "A Data Sink stores the data your widgets display. Give it a name and its **Unique Key** fills in automatically — you can edit the key now, but not after the sink is created. Click **Create DataSink** to save."),
+		tips: [n("bigconsole.overview.guide.steps.createDataSink.tip1", "Paste sample JSON into **Data Payload** to start with data right away.")],
+		optional: !1,
+		action: r.canCreateDataSink ? {
+			label: n("bigconsole.overview.guide.steps.createDataSink.action", "Create Data Sink"),
+			path: "/datasinks/new"
+		} : void 0,
+		noPermissionMessage: r.canCreateDataSink ? void 0 : o
+	}, c = {
+		id: "loadData",
+		title: n("bigconsole.overview.guide.steps.loadData.title", "Load your data"),
+		body: n("bigconsole.overview.guide.steps.loadData.body", "Open your sink from the Data Sinks list and click **Import Data**, then **Upload a CSV file**. The first row is used as column names. Or build a workflow that writes to the sink’s key to keep it up to date."),
+		tips: [n("bigconsole.overview.guide.steps.loadData.tip1", "A CSV import replaces the data already in the sink.")],
+		optional: !1,
+		action: r.canReadDataSinks ? {
+			label: n("bigconsole.overview.guide.steps.loadData.action", "Open Data Sinks"),
+			path: "/datasinks"
+		} : void 0,
+		secondaryAction: r.canCreateWorkflow ? {
+			label: n("bigconsole.overview.guide.steps.loadData.secondary", "Build a workflow"),
+			path: "/workflows/new"
+		} : void 0,
+		noPermissionMessage: r.canReadDataSinks ? void 0 : o
+	}, l = {
+		id: "shapeWithParser",
+		title: n("bigconsole.overview.guide.steps.shapeWithParser.title", "Shape it with a Parser"),
+		body: n("bigconsole.overview.guide.steps.shapeWithParser.body", "A Parser reshapes a Data Sink’s data with a jq or JSONata expression. Pick the source Data Sink, write the expression, and click **Run Test** to preview the output."),
+		tips: [n("bigconsole.overview.guide.steps.shapeWithParser.tip1", "Leave **Dashboard Scope** as Global so any dashboard can use it."), n("bigconsole.overview.guide.steps.shapeWithParser.tip2", "Skip this step if your data already fits the widget. A widget only lists parsers that read its Data Sink.")],
+		optional: !0,
+		action: r.canCreateParser ? {
+			label: n("bigconsole.overview.guide.steps.shapeWithParser.action", "Create Parser"),
+			path: "/parsers/new"
+		} : void 0,
+		noPermissionMessage: r.canCreateParser ? void 0 : o
+	}, u = {
+		id: "createDashboard",
+		title: n("bigconsole.overview.guide.steps.createDashboard.title", "Create a dashboard"),
+		body: n("bigconsole.overview.guide.steps.createDashboard.body", "Click **Create Dashboard**, give it a name, and start with **Blank Dashboard** — it opens straight in the builder. You can also switch to **From Template** when templates are available."),
+		tips: [n("bigconsole.overview.guide.steps.createDashboard.tip1", "Your plan includes a limited number of dashboards. Deleting or archiving one frees a slot.")],
+		optional: !1,
+		action: r.canCreateDashboard ? {
+			label: n("bigconsole.overview.guide.steps.createDashboard.action", "Create Dashboard"),
+			path: e
+		} : void 0,
+		noPermissionMessage: r.canCreateDashboard ? void 0 : o
+	}, d = a ? n("bigconsole.overview.guide.latestDashboardHint", "Opens “{{name}}”, your most recently updated dashboard.", { name: a.name }) : void 0, f = a && r.canBuildDashboards ? {
+		label: n("bigconsole.overview.guide.steps.addWidgets.action", "Open the builder"),
+		path: `/dashboards/${encodeURIComponent(a.id)}/builder`,
+		hint: d
+	} : r.canReadDashboards ? {
+		label: n("bigconsole.overview.guide.goToDashboards", "Go to Dashboards"),
+		path: "/dashboards"
+	} : void 0, p = {
+		id: "addWidgets",
+		title: n("bigconsole.overview.guide.steps.addWidgets.title", "Add widgets and connect data"),
+		body: n("bigconsole.overview.guide.steps.addWidgets.body", "In the builder, click **Add Widget**, then click or drag a widget from the Widgets panel. Its settings open — switch to the **Data** tab, choose your DataSink (and Parser, if you made one), then click **Save Changes**."),
+		tips: [n("bigconsole.overview.guide.steps.addWidgets.tip1", "If the widget looks empty, set **Data Path** on the Data tab, or field names like **X-Axis Field** or **Value Field** on the **Style** tab, to match your data’s keys.")],
+		optional: !1,
+		action: f,
+		noPermissionMessage: f ? void 0 : o
+	}, m = a && r.canReadDashboards ? {
+		label: n("bigconsole.overview.guide.steps.saveAndShare.action", "Open dashboard"),
+		path: `/dashboards/${encodeURIComponent(a.id)}`,
+		hint: d
+	} : r.canReadDashboards ? {
+		label: n("bigconsole.overview.guide.goToDashboards", "Go to Dashboards"),
+		path: "/dashboards"
+	} : void 0;
+	return [
+		s,
+		c,
+		l,
+		u,
+		p,
+		{
+			id: "saveAndShare",
+			title: n("bigconsole.overview.guide.steps.saveAndShare.title", "Save and share"),
+			body: n("bigconsole.overview.guide.steps.saveAndShare.body", "Click **Save** in the toolbar, then **Share**. Invite people, or set **General access** to Workspace so everyone here can see it."),
+			tips: [],
+			optional: !1,
+			action: m,
+			noPermissionMessage: m ? void 0 : o
+		}
+	];
+}
+function r(e, t) {
+	return t ? {
+		title: e("bigconsole.overview.guide.ai.title", "Prefer to describe it?"),
+		body: e("bigconsole.overview.guide.ai.body", "Use AI Insights: type what you want and click **Generate dashboard**. It uses AI commands from your plan, and you’ll still connect data to each widget."),
+		action: {
+			label: e("bigconsole.overview.guide.ai.action", "Open AI Insights"),
+			path: "/insights"
+		}
+	} : null;
+}
+function i(e) {
+	let t = e.split("**");
+	if (t.length % 2 == 0) {
+		let e = t.splice(t.length - 2, 2).join("**");
+		t.push(e);
+	}
+	return t.map((e, t) => ({
+		text: e,
+		emphasis: t % 2 == 1
+	})).filter((e) => e.text.length > 0);
+}
+//#endregion
+export { e as CREATE_DASHBOARD_PATH, r as buildAiAlternative, n as buildDashboardGuideSteps, i as splitGuideEmphasis };
+
+//# sourceMappingURL=dashboardGuideSteps.js.map

package/dist/bigconsole/components/overview/dashboardGuideSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardGuideSteps.js","names":[],"sources":["../../../../src/bigconsole/components/overview/dashboardGuideSteps.ts"],"sourcesContent":["/**\n * Dashboard guide — the \"How to create a complete dashboard, end to end\" steps.\n *\n * Pure: takes a translator, the caller's permissions and the latest dashboard,\n * and returns the ordered steps the Overview renders. The copy mirrors the\n * labels users see on each target page (e.g. the DataSink builder's\n * \"Create DataSink\" button, the widget inspector's \"Data\" tab and\n * \"Save Changes\" footer), so a user can follow it click-for-click.\n *\n * `**bold**` markers in the copy highlight on-screen labels; the guide renders\n * them with `renderGuideEmphasis`. Paths are relative to the BigConsole base\n * path — the page navigates with `useAppNavigate`, which prefixes it.\n *\n * The guide is deliberately static: it never claims a step is \"done\". Existing\n * queries cannot tell workspace-wide whether a widget is bound or a board is\n * shared, so completion is not tracked.\n */\n\nexport type GuideTranslate = (key: string, fallback: string, params?: Record<string, string | number>) => string;\n\nexport type GuideStepId =\n  'createDataSink' | 'loadData' | 'shapeWithParser' | 'createDashboard' | 'addWidgets' | 'saveAndShare';\n\nexport interface GuideAction {\n  label: string;\n  path: string;\n  /** Extra context shown under the action (e.g. which dashboard it opens). */\n  hint?: string;\n}\n\nexport interface GuideStep {\n  id: GuideStepId;\n  title: string;\n  body: string;\n  tips: string[];\n  optional: boolean;\n  /** Primary call to action; absent when the caller lacks the permission. */\n  action?: GuideAction;\n  secondaryAction?: GuideAction;\n  /** Shown instead of the primary action when it is not permitted. */\n  noPermissionMessage?: string;\n}\n\nexport interface GuideAlternative {\n  title: string;\n  body: string;\n  action: GuideAction;\n}\n\n/** Permission facts the guide needs, resolved by the page from BIGCONSOLE_PERMISSIONS. */\nexport interface GuidePermissions {\n  canCreateDataSink: boolean;\n  canReadDataSinks: boolean;\n  canCreateWorkflow: boolean;\n  canCreateParser: boolean;\n  canCreateDashboard: boolean;\n  canReadDashboards: boolean;\n  /** Dashboard update AND widget create — needed to add widgets in the builder. */\n  canBuildDashboards: boolean;\n  canGenerateWithAi: boolean;\n}\n\nexport interface LatestDashboardRef {\n  id: string;\n  name: string;\n}\n\nexport interface BuildGuideStepsInput {\n  tr: GuideTranslate;\n  permissions: GuidePermissions;\n  latestDashboard?: LatestDashboardRef | null;\n}\n\n/** Query param that makes the Dashboards page open its Create Dashboard dialog. */\nexport const CREATE_DASHBOARD_PATH = '/dashboards?create=1';\n\nfunction noPermission(tr: GuideTranslate): string {\n  return tr(\n    'bigconsole.overview.guide.noPermission',\n    \"You don't have permission for this step yet. Ask a workspace admin for access.\"\n  );\n}\n\nexport function buildDashboardGuideSteps({ tr, permissions, latestDashboard }: BuildGuideStepsInput): GuideStep[] {\n  const latest = latestDashboard ?? null;\n  const denied = noPermission(tr);\n\n  const createDataSink: GuideStep = {\n    id: 'createDataSink',\n    title: tr('bigconsole.overview.guide.steps.createDataSink.title', 'Create a Data Sink'),\n    body: tr(\n      'bigconsole.overview.guide.steps.createDataSink.body',\n      'A Data Sink stores the data your widgets display. Give it a name and its **Unique Key** fills in automatically — you can edit the key now, but not after the sink is created. Click **Create DataSink** to save.'\n    ),\n    tips: [\n      tr(\n        'bigconsole.overview.guide.steps.createDataSink.tip1',\n        'Paste sample JSON into **Data Payload** to start with data right away.'\n      ),\n    ],\n    optional: false,\n    action: permissions.canCreateDataSink\n      ? {\n          label: tr('bigconsole.overview.guide.steps.createDataSink.action', 'Create Data Sink'),\n          path: '/datasinks/new',\n        }\n      : undefined,\n    noPermissionMessage: permissions.canCreateDataSink ? undefined : denied,\n  };\n\n  const loadData: GuideStep = {\n    id: 'loadData',\n    title: tr('bigconsole.overview.guide.steps.loadData.title', 'Load your data'),\n    body: tr(\n      'bigconsole.overview.guide.steps.loadData.body',\n      'Open your sink from the Data Sinks list and click **Import Data**, then **Upload a CSV file**. The first row is used as column names. Or build a workflow that writes to the sink’s key to keep it up to date.'\n    ),\n    tips: [tr('bigconsole.overview.guide.steps.loadData.tip1', 'A CSV import replaces the data already in the sink.')],\n    optional: false,\n    action: permissions.canReadDataSinks\n      ? {\n          label: tr('bigconsole.overview.guide.steps.loadData.action', 'Open Data Sinks'),\n          path: '/datasinks',\n        }\n      : undefined,\n    secondaryAction: permissions.canCreateWorkflow\n      ? {\n          label: tr('bigconsole.overview.guide.steps.loadData.secondary', 'Build a workflow'),\n          path: '/workflows/new',\n        }\n      : undefined,\n    noPermissionMessage: permissions.canReadDataSinks ? undefined : denied,\n  };\n\n  const shapeWithParser: GuideStep = {\n    id: 'shapeWithParser',\n    title: tr('bigconsole.overview.guide.steps.shapeWithParser.title', 'Shape it with a Parser'),\n    body: tr(\n      'bigconsole.overview.guide.steps.shapeWithParser.body',\n      'A Parser reshapes a Data Sink’s data with a jq or JSONata expression. Pick the source Data Sink, write the expression, and click **Run Test** to preview the output.'\n    ),\n    tips: [\n      tr(\n        'bigconsole.overview.guide.steps.shapeWithParser.tip1',\n        'Leave **Dashboard Scope** as Global so any dashboard can use it.'\n      ),\n      tr(\n        'bigconsole.overview.guide.steps.shapeWithParser.tip2',\n        'Skip this step if your data already fits the widget. A widget only lists parsers that read its Data Sink.'\n      ),\n    ],\n    optional: true,\n    action: permissions.canCreateParser\n      ? {\n          label: tr('bigconsole.overview.guide.steps.shapeWithParser.action', 'Create Parser'),\n          path: '/parsers/new',\n        }\n      : undefined,\n    noPermissionMessage: permissions.canCreateParser ? undefined : denied,\n  };\n\n  const createDashboard: GuideStep = {\n    id: 'createDashboard',\n    title: tr('bigconsole.overview.guide.steps.createDashboard.title', 'Create a dashboard'),\n    body: tr(\n      'bigconsole.overview.guide.steps.createDashboard.body',\n      'Click **Create Dashboard**, give it a name, and start with **Blank Dashboard** — it opens straight in the builder. You can also switch to **From Template** when templates are available.'\n    ),\n    tips: [\n      tr(\n        'bigconsole.overview.guide.steps.createDashboard.tip1',\n        'Your plan includes a limited number of dashboards. Deleting or archiving one frees a slot.'\n      ),\n    ],\n    optional: false,\n    action: permissions.canCreateDashboard\n      ? {\n          label: tr('bigconsole.overview.guide.steps.createDashboard.action', 'Create Dashboard'),\n          path: CREATE_DASHBOARD_PATH,\n        }\n      : undefined,\n    noPermissionMessage: permissions.canCreateDashboard ? undefined : denied,\n  };\n\n  const latestHint = latest\n    ? tr('bigconsole.overview.guide.latestDashboardHint', 'Opens “{{name}}”, your most recently updated dashboard.', {\n        name: latest.name,\n      })\n    : undefined;\n\n  const addWidgetsAction: GuideAction | undefined =\n    latest && permissions.canBuildDashboards\n      ? {\n          label: tr('bigconsole.overview.guide.steps.addWidgets.action', 'Open the builder'),\n          path: `/dashboards/${encodeURIComponent(latest.id)}/builder`,\n          hint: latestHint,\n        }\n      : permissions.canReadDashboards\n        ? {\n            label: tr('bigconsole.overview.guide.goToDashboards', 'Go to Dashboards'),\n            path: '/dashboards',\n          }\n        : undefined;\n\n  const addWidgets: GuideStep = {\n    id: 'addWidgets',\n    title: tr('bigconsole.overview.guide.steps.addWidgets.title', 'Add widgets and connect data'),\n    body: tr(\n      'bigconsole.overview.guide.steps.addWidgets.body',\n      'In the builder, click **Add Widget**, then click or drag a widget from the Widgets panel. Its settings open — switch to the **Data** tab, choose your DataSink (and Parser, if you made one), then click **Save Changes**.'\n    ),\n    tips: [\n      tr(\n        'bigconsole.overview.guide.steps.addWidgets.tip1',\n        'If the widget looks empty, set **Data Path** on the Data tab, or field names like **X-Axis Field** or **Value Field** on the **Style** tab, to match your data’s keys.'\n      ),\n    ],\n    optional: false,\n    action: addWidgetsAction,\n    noPermissionMessage: addWidgetsAction ? undefined : denied,\n  };\n\n  const saveAndShareAction: GuideAction | undefined =\n    latest && permissions.canReadDashboards\n      ? {\n          label: tr('bigconsole.overview.guide.steps.saveAndShare.action', 'Open dashboard'),\n          path: `/dashboards/${encodeURIComponent(latest.id)}`,\n          hint: latestHint,\n        }\n      : permissions.canReadDashboards\n        ? {\n            label: tr('bigconsole.overview.guide.goToDashboards', 'Go to Dashboards'),\n            path: '/dashboards',\n          }\n        : undefined;\n\n  const saveAndShare: GuideStep = {\n    id: 'saveAndShare',\n    title: tr('bigconsole.overview.guide.steps.saveAndShare.title', 'Save and share'),\n    body: tr(\n      'bigconsole.overview.guide.steps.saveAndShare.body',\n      'Click **Save** in the toolbar, then **Share**. Invite people, or set **General access** to Workspace so everyone here can see it.'\n    ),\n    tips: [],\n    optional: false,\n    action: saveAndShareAction,\n    noPermissionMessage: saveAndShareAction ? undefined : denied,\n  };\n\n  return [createDataSink, loadData, shapeWithParser, createDashboard, addWidgets, saveAndShare];\n}\n\n/** The AI Insights shortcut shown under the steps; `null` without prompt create permission. */\nexport function buildAiAlternative(tr: GuideTranslate, canGenerateWithAi: boolean): GuideAlternative | null {\n  if (!canGenerateWithAi) return null;\n  return {\n    title: tr('bigconsole.overview.guide.ai.title', 'Prefer to describe it?'),\n    body: tr(\n      'bigconsole.overview.guide.ai.body',\n      'Use AI Insights: type what you want and click **Generate dashboard**. It uses AI commands from your plan, and you’ll still connect data to each widget.'\n    ),\n    action: {\n      label: tr('bigconsole.overview.guide.ai.action', 'Open AI Insights'),\n      path: '/insights',\n    },\n  };\n}\n\nexport type GuideTextSegment = { text: string; emphasis: boolean };\n\n/**\n * Split copy on `**` markers into plain / emphasised segments. An unmatched\n * trailing marker is treated as literal text so a translation typo never\n * swallows the rest of the sentence.\n */\nexport function splitGuideEmphasis(text: string): GuideTextSegment[] {\n  const parts = text.split('**');\n  if (parts.length % 2 === 0) {\n    // Odd number of markers: re-join the dangling tail as plain text.\n    const tail = parts.splice(parts.length - 2, 2).join('**');\n    parts.push(tail);\n  }\n  return parts\n    .map((part, index) => ({ text: part, emphasis: index % 2 === 1 }))\n    .filter((segment) => segment.text.length > 0);\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/overview/index.js

@@ -0,0 +1,8 @@
+import "./dashboardGuideSteps.js";
+import "./DashboardGuide.js";
+import "./DataHealthCard.js";
+import "./OverviewQuickActions.js";
+import "./OverviewStatCard.js";
+import "./RecentDashboardsPanel.js";
+import "./overviewModel.js";
+import "./useOverviewData.js";

package/dist/bigconsole/components/overview/overviewModel.js

@@ -0,0 +1,119 @@
+function e(e) {
+	switch (e) {
+		case "PUBLISHED": return "PUBLISHED";
+		case "ARCHIVED": return "ARCHIVED";
+		default: return "DRAFT";
+	}
+}
+function t(t) {
+	if (!t) return {
+		total: void 0,
+		recent: [],
+		latest: null
+	};
+	let n = t.listDashboards.edges.slice(0, 5).map(({ node: t }) => ({
+		id: t.id,
+		name: t.name,
+		description: t.description?.trim() ? t.description.trim() : null,
+		status: e(t.status),
+		widgetCount: Math.max(0, t.widgetCount ?? 0),
+		updatedAt: t.updatedAt
+	}));
+	return {
+		total: t.listDashboards.totalCount,
+		recent: n,
+		latest: n[0] ?? null
+	};
+}
+function n(e) {
+	if (!e) return -Infinity;
+	let t = Date.parse(e);
+	return Number.isNaN(t) ? -Infinity : t;
+}
+function r(e, t) {
+	return e.edges.map(({ node: e }) => ({
+		id: e.id,
+		name: e.name?.trim() ? e.name.trim() : e.key,
+		status: t,
+		lastRefreshedAt: e.lastRefreshedAt ?? null
+	})).sort((e, t) => n(e.lastRefreshedAt) - n(t.lastRefreshedAt));
+}
+function i(e, t = 5) {
+	if (!e) return {
+		total: void 0,
+		ready: void 0,
+		attentionCount: void 0,
+		rows: [],
+		hiddenCount: 0
+	};
+	let n = e.errored.totalCount + e.stale.totalCount, i = /* @__PURE__ */ new Set(), a = [...r(e.errored, "error"), ...r(e.stale, "stale")].filter((e) => i.has(e.id) ? !1 : (i.add(e.id), !0)).slice(0, Math.max(0, t));
+	return {
+		total: e.all.totalCount,
+		ready: e.ready.totalCount,
+		attentionCount: n,
+		rows: a,
+		hiddenCount: Math.max(0, n - a.length)
+	};
+}
+function a(e) {
+	return e.permissionsLoading ? null : !e.dashboardsAllowed || e.dashboardsFailed ? !0 : e.dashboardsTotal === void 0 ? e.dashboardsLoading ? null : !0 : e.dashboardsTotal === 0;
+}
+var o = 6e4, s = 60 * o, c = 24 * s;
+function l(e, t) {
+	let n = Date.parse(e);
+	if (Number.isNaN(n)) return null;
+	let r = t.getTime() - n;
+	return r < o ? { unit: "justNow" } : r < s ? {
+		unit: "minutes",
+		count: Math.floor(r / o)
+	} : r < c ? {
+		unit: "hours",
+		count: Math.floor(r / s)
+	} : r < 7 * c ? {
+		unit: "days",
+		count: Math.floor(r / c)
+	} : {
+		unit: "date",
+		date: new Date(n)
+	};
+}
+function u(e) {
+	try {
+		return new Intl.RelativeTimeFormat(e, {
+			numeric: "always",
+			style: "short"
+		});
+	} catch {
+		return new Intl.RelativeTimeFormat(void 0, {
+			numeric: "always",
+			style: "short"
+		});
+	}
+}
+function d(e, t) {
+	let n = {
+		month: "short",
+		day: "numeric",
+		year: t ? "numeric" : void 0
+	};
+	try {
+		return new Intl.DateTimeFormat(e, n);
+	} catch {
+		return new Intl.DateTimeFormat(void 0, n);
+	}
+}
+function f(e, t, n, r) {
+	let i = l(e, t);
+	if (!i) return null;
+	switch (i.unit) {
+		case "justNow": return n("bigconsole.overview.time.justNow", "just now");
+		case "minutes": return u(r).format(-i.count, "minute");
+		case "hours": return u(r).format(-i.count, "hour");
+		case "days": return u(r).format(-i.count, "day");
+		case "date": return d(r, i.date.getFullYear() !== t.getFullYear()).format(i.date);
+	}
+}
+//#endregion
+export { f as formatRelativeTime, a as resolveGuideDefaultExpanded, t as summarizeDashboards, i as summarizeDataSinks, e as toDashboardListStatus, l as toRelativeTime };
+
+//# sourceMappingURL=overviewModel.js.map