@burdenoff/microfe-subscriberbot 2026.706.1 → 2026.706.3

package/dist/subscriberbot/SubscriberBotRoutes.js

@@ -5,15 +5,15 @@ import { Navigate as i, Route as a, Routes as o, useLocation as s } from "react-
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Spinner as u } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/SubscriberBotRoutes.tsx
-var d = r(() => import("./pages/relationships/RelationshipsListPage.js").then((e) => ({ default: e.RelationshipsListPage }))), f = r(() => import("./pages/relationships/RelationshipNewPage.js").then((e) => ({ default: e.RelationshipNewPage }))), p = r(() => import("./pages/relationships/RelationshipDetailPage.js").then((e) => ({ default: e.RelationshipDetailPage }))), m = r(() => import("./pages/providers/ProvidersListPage.js").then((e) => ({ default: e.ProvidersListPage }))), h = r(() => import("./pages/providers/ProviderNewPage.js").then((e) => ({ default: e.ProviderNewPage }))), g = r(() => import("./pages/providers/ProviderDetailPage.js").then((e) => ({ default: e.ProviderDetailPage }))), _ = r(() => import("./pages/InboxPage.js").then((e) => ({ default: e.InboxPage }))), v = r(() => import("./pages/InvoicesPage.js").then((e) => ({ default: e.InvoicesPage }))), y = r(() => import("./pages/WorkflowsPage.js").then((e) => ({ default: e.WorkflowsPage }))), b = r(() => import("./pages/agents/AgentsListPage.js").then((e) => ({ default: e.AgentsListPage }))), x = r(() => import("./pages/agents/AgentNewPage.js").then((e) => ({ default: e.AgentNewPage }))), S = r(() => import("./pages/agents/AgentDetailPage.js").then((e) => ({ default: e.AgentDetailPage }))), C = () => /* @__PURE__ */ c("div", {
+var d = r(() => import("./pages/relationships/RelationshipsListPage.js").then((e) => ({ default: e.RelationshipsListPage }))), f = r(() => import("./pages/relationships/RelationshipNewPage.js").then((e) => ({ default: e.RelationshipNewPage }))), p = r(() => import("./pages/relationships/RelationshipDetailPage.js").then((e) => ({ default: e.RelationshipDetailPage }))), m = r(() => import("./pages/providers/ProvidersListPage.js").then((e) => ({ default: e.ProvidersListPage }))), h = r(() => import("./pages/providers/ProviderNewPage.js").then((e) => ({ default: e.ProviderNewPage }))), g = r(() => import("./pages/providers/ProviderDetailPage.js").then((e) => ({ default: e.ProviderDetailPage }))), _ = r(() => import("./pages/InboxPage.js").then((e) => ({ default: e.InboxPage }))), v = r(() => import("./pages/InvoicesPage.js").then((e) => ({ default: e.InvoicesPage }))), y = r(() => import("./pages/WorkflowsPage.js").then((e) => ({ default: e.WorkflowsPage }))), b = r(() => import("./pages/agents/AgentsListPage.js").then((e) => ({ default: e.AgentsListPage }))), x = r(() => import("./pages/agents/AgentNewPage.js").then((e) => ({ default: e.AgentNewPage }))), S = r(() => import("./pages/agents/AgentDetailPage.js").then((e) => ({ default: e.AgentDetailPage }))), C = r(() => import("./pages/InsightsPage.js").then((e) => ({ default: e.InsightsPage }))), w = r(() => import("./pages/AssetVaultPage.js").then((e) => ({ default: e.AssetVaultPage }))), T = () => /* @__PURE__ */ c("div", {
 	className: "flex min-h-[400px] items-center justify-center",
 	children: /* @__PURE__ */ c(u, { size: "lg" })
-}), w = () => {
-	let { basePath: r, isStandalone: u } = e(), w = s(), T = r === "/" ? "" : (r ?? "").replace(/\/$/, "");
-	return T && !u && !(w.pathname === T || w.pathname.startsWith(T + "/")) ? null : /* @__PURE__ */ c("div", {
+}), E = () => {
+	let { basePath: r, isStandalone: u } = e(), E = s(), D = r === "/" ? "" : (r ?? "").replace(/\/$/, "");
+	return D && !u && !(E.pathname === D || E.pathname.startsWith(D + "/")) ? null : /* @__PURE__ */ c("div", {
 		className: "flex min-h-full flex-col",
 		children: /* @__PURE__ */ c(n, {
-			fallback: /* @__PURE__ */ c(C, {}),
+			fallback: /* @__PURE__ */ c(T, {}),
 			children: /* @__PURE__ */ l(o, { children: [
 				/* @__PURE__ */ c(a, {
 					index: !0,
@@ -51,6 +51,14 @@ var d = r(() => import("./pages/relationships/RelationshipsListPage.js").then((e
 					path: "invoices",
 					element: /* @__PURE__ */ c(v, {})
 				}),
+				/* @__PURE__ */ c(a, {
+					path: "insights",
+					element: /* @__PURE__ */ c(C, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "vault",
+					element: /* @__PURE__ */ c(w, {})
+				}),
 				/* @__PURE__ */ c(a, {
 					path: "agents",
 					element: /* @__PURE__ */ c(b, {})
@@ -79,6 +87,6 @@ var d = r(() => import("./pages/relationships/RelationshipsListPage.js").then((e
 	});
 };
 //#endregion
-export { w as SubscriberBotRoutes };
+export { E as SubscriberBotRoutes };
 
 //# sourceMappingURL=SubscriberBotRoutes.js.map

package/dist/subscriberbot/SubscriberBotRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriberBotRoutes.js","names":[],"sources":["../../src/subscriberbot/SubscriberBotRoutes.tsx"],"sourcesContent":["/**\n * SubscriberBot Routes\n * @module subscriberbot\n *\n * Domain routes for the Subscriber Bot product. The dashboard is eager-loaded\n * (primary landing); all other pages are lazy-loaded.\n */\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useSubscriberBot } from './context/SubscriberBotContext';\n\n// Eager — primary landing\nimport { DashboardPage } from './pages/DashboardPage';\n\n// Relationships\nconst RelationshipsListPage = lazy(() =>\n  import('./pages/relationships/RelationshipsListPage').then((m) => ({\n    default: m.RelationshipsListPage,\n  }))\n);\nconst RelationshipNewPage = lazy(() =>\n  import('./pages/relationships/RelationshipNewPage').then((m) => ({\n    default: m.RelationshipNewPage,\n  }))\n);\nconst RelationshipDetailPage = lazy(() =>\n  import('./pages/relationships/RelationshipDetailPage').then((m) => ({\n    default: m.RelationshipDetailPage,\n  }))\n);\n\n// Providers\nconst ProvidersListPage = lazy(() =>\n  import('./pages/providers/ProvidersListPage').then((m) => ({ default: m.ProvidersListPage }))\n);\nconst ProviderNewPage = lazy(() =>\n  import('./pages/providers/ProviderNewPage').then((m) => ({ default: m.ProviderNewPage }))\n);\nconst ProviderDetailPage = lazy(() =>\n  import('./pages/providers/ProviderDetailPage').then((m) => ({ default: m.ProviderDetailPage }))\n);\n\n// Inbox / Invoices / Workflows\nconst InboxPage = lazy(() => import('./pages/InboxPage').then((m) => ({ default: m.InboxPage })));\nconst InvoicesPage = lazy(() =>\n  import('./pages/InvoicesPage').then((m) => ({ default: m.InvoicesPage }))\n);\nconst WorkflowsPage = lazy(() =>\n  import('./pages/WorkflowsPage').then((m) => ({ default: m.WorkflowsPage }))\n);\n\n// Agents\nconst AgentsListPage = lazy(() =>\n  import('./pages/agents/AgentsListPage').then((m) => ({ default: m.AgentsListPage }))\n);\nconst AgentNewPage = lazy(() =>\n  import('./pages/agents/AgentNewPage').then((m) => ({ default: m.AgentNewPage }))\n);\nconst AgentDetailPage = lazy(() =>\n  import('./pages/agents/AgentDetailPage').then((m) => ({ default: m.AgentDetailPage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <Spinner size=\"lg\" />\n  </div>\n);\n\nexport const SubscriberBotRoutes: FC = () => {\n  const { basePath, isStandalone } = useSubscriberBot();\n  const location = useLocation();\n\n  // Normalize base path\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render if the current path matches basePath (integrated mode).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          {/* Overview / dashboard */}\n          <Route index element={<DashboardPage />} />\n\n          {/* Relationships (the core domain) */}\n          <Route path=\"relationships\" element={<RelationshipsListPage />} />\n          <Route path=\"relationships/new\" element={<RelationshipNewPage />} />\n          <Route path=\"relationships/:id\" element={<RelationshipDetailPage />} />\n\n          {/* Providers (registry) */}\n          <Route path=\"providers\" element={<ProvidersListPage />} />\n          <Route path=\"providers/new\" element={<ProviderNewPage />} />\n          <Route path=\"providers/:id\" element={<ProviderDetailPage />} />\n\n          {/* Universal Inbox */}\n          <Route path=\"inbox\" element={<InboxPage />} />\n\n          {/* Invoices */}\n          <Route path=\"invoices\" element={<InvoicesPage />} />\n\n          {/* AI Agents */}\n          <Route path=\"agents\" element={<AgentsListPage />} />\n          <Route path=\"agents/new\" element={<AgentNewPage />} />\n          <Route path=\"agents/:id\" element={<AgentDetailPage />} />\n\n          {/* Workflows */}\n          <Route path=\"workflows\" element={<WorkflowsPage />} />\n\n          {/* Fallback */}\n          <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n        </Routes>\n      </Suspense>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SubscriberBotRoutes.js","names":[],"sources":["../../src/subscriberbot/SubscriberBotRoutes.tsx"],"sourcesContent":["/**\n * SubscriberBot Routes\n * @module subscriberbot\n *\n * Domain routes for the Subscriber Bot product. The dashboard is eager-loaded\n * (primary landing); all other pages are lazy-loaded.\n */\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useSubscriberBot } from './context/SubscriberBotContext';\n\n// Eager — primary landing\nimport { DashboardPage } from './pages/DashboardPage';\n\n// Relationships\nconst RelationshipsListPage = lazy(() =>\n  import('./pages/relationships/RelationshipsListPage').then((m) => ({\n    default: m.RelationshipsListPage,\n  }))\n);\nconst RelationshipNewPage = lazy(() =>\n  import('./pages/relationships/RelationshipNewPage').then((m) => ({\n    default: m.RelationshipNewPage,\n  }))\n);\nconst RelationshipDetailPage = lazy(() =>\n  import('./pages/relationships/RelationshipDetailPage').then((m) => ({\n    default: m.RelationshipDetailPage,\n  }))\n);\n\n// Providers\nconst ProvidersListPage = lazy(() =>\n  import('./pages/providers/ProvidersListPage').then((m) => ({ default: m.ProvidersListPage }))\n);\nconst ProviderNewPage = lazy(() =>\n  import('./pages/providers/ProviderNewPage').then((m) => ({ default: m.ProviderNewPage }))\n);\nconst ProviderDetailPage = lazy(() =>\n  import('./pages/providers/ProviderDetailPage').then((m) => ({ default: m.ProviderDetailPage }))\n);\n\n// Inbox / Invoices / Workflows\nconst InboxPage = lazy(() => import('./pages/InboxPage').then((m) => ({ default: m.InboxPage })));\nconst InvoicesPage = lazy(() =>\n  import('./pages/InvoicesPage').then((m) => ({ default: m.InvoicesPage }))\n);\nconst WorkflowsPage = lazy(() =>\n  import('./pages/WorkflowsPage').then((m) => ({ default: m.WorkflowsPage }))\n);\n\n// Agents\nconst AgentsListPage = lazy(() =>\n  import('./pages/agents/AgentsListPage').then((m) => ({ default: m.AgentsListPage }))\n);\nconst AgentNewPage = lazy(() =>\n  import('./pages/agents/AgentNewPage').then((m) => ({ default: m.AgentNewPage }))\n);\nconst AgentDetailPage = lazy(() =>\n  import('./pages/agents/AgentDetailPage').then((m) => ({ default: m.AgentDetailPage }))\n);\n\n// Insights + Asset Vault (aggregated real data)\nconst InsightsPage = lazy(() => import('./pages/InsightsPage').then((m) => ({ default: m.InsightsPage })));\nconst AssetVaultPage = lazy(() =>\n  import('./pages/AssetVaultPage').then((m) => ({ default: m.AssetVaultPage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <Spinner size=\"lg\" />\n  </div>\n);\n\nexport const SubscriberBotRoutes: FC = () => {\n  const { basePath, isStandalone } = useSubscriberBot();\n  const location = useLocation();\n\n  // Normalize base path\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render if the current path matches basePath (integrated mode).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          {/* Overview / dashboard */}\n          <Route index element={<DashboardPage />} />\n\n          {/* Relationships (the core domain) */}\n          <Route path=\"relationships\" element={<RelationshipsListPage />} />\n          <Route path=\"relationships/new\" element={<RelationshipNewPage />} />\n          <Route path=\"relationships/:id\" element={<RelationshipDetailPage />} />\n\n          {/* Providers (registry) */}\n          <Route path=\"providers\" element={<ProvidersListPage />} />\n          <Route path=\"providers/new\" element={<ProviderNewPage />} />\n          <Route path=\"providers/:id\" element={<ProviderDetailPage />} />\n\n          {/* Universal Inbox */}\n          <Route path=\"inbox\" element={<InboxPage />} />\n\n          {/* Invoices */}\n          <Route path=\"invoices\" element={<InvoicesPage />} />\n\n          {/* Insights (spend analytics + renewal forecast) */}\n          <Route path=\"insights\" element={<InsightsPage />} />\n\n          {/* Digital Asset Vault */}\n          <Route path=\"vault\" element={<AssetVaultPage />} />\n\n          {/* AI Agents */}\n          <Route path=\"agents\" element={<AgentsListPage />} />\n          <Route path=\"agents/new\" element={<AgentNewPage />} />\n          <Route path=\"agents/:id\" element={<AgentDetailPage />} />\n\n          {/* Workflows */}\n          <Route path=\"workflows\" element={<WorkflowsPage />} />\n\n          {/* Fallback */}\n          <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n        </Routes>\n      </Suspense>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/subscriberbot/components/Modal.js

@@ -0,0 +1,51 @@
+import { useEffect as e, useId as t, useRef as n } from "react";
+import { X as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/subscriberbot/components/Modal.tsx
+var o = ({ title: o, description: s, onClose: c, children: l, maxWidthClassName: u = "max-w-lg" }) => {
+	let d = t(), f = n(null);
+	return e(() => {
+		let e = (e) => {
+			e.key === "Escape" && c();
+		};
+		document.addEventListener("keydown", e);
+		let t = f.current;
+		return (t?.querySelector("input:not([type=\"hidden\"]), select, textarea") ?? t?.querySelector("button, [href], [tabindex]:not([tabindex=\"-1\"])"))?.focus(), () => document.removeEventListener("keydown", e);
+	}, [c]), /* @__PURE__ */ i("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay p-4 backdrop-blur-sm",
+		onMouseDown: (e) => {
+			e.target === e.currentTarget && c();
+		},
+		children: /* @__PURE__ */ a("div", {
+			ref: f,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": d,
+			className: `max-h-[90vh] w-full ${u} overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-lg`,
+			children: [/* @__PURE__ */ a("div", {
+				className: "mb-4 flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ a("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ i("h3", {
+						id: d,
+						className: "text-lg font-semibold text-text-primary",
+						children: o
+					}), s && /* @__PURE__ */ i("p", {
+						className: "mt-0.5 text-xs text-text-secondary",
+						children: s
+					})]
+				}), /* @__PURE__ */ i("button", {
+					type: "button",
+					onClick: c,
+					"aria-label": "Close dialog",
+					className: "shrink-0 rounded-md p-1 text-text-secondary hover:text-text-primary",
+					children: /* @__PURE__ */ i(r, { className: "h-5 w-5" })
+				})]
+			}), l]
+		})
+	});
+};
+//#endregion
+export { o as Modal };
+
+//# sourceMappingURL=Modal.js.map

package/dist/subscriberbot/components/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","names":[],"sources":["../../../src/subscriberbot/components/Modal.tsx"],"sourcesContent":["/**\n * Accessible modal dialog\n * @module subscriberbot/components\n *\n * A small, dependency-light dialog used for the MFE's create/edit forms.\n * Handles the a11y contract every modal here must meet:\n *  - `role=\"dialog\"` + `aria-modal=\"true\"` + `aria-labelledby` (wired to the\n *    heading id),\n *  - Escape-to-close,\n *  - initial focus moved to the first form field,\n *  - a semantic overlay scrim (`bg-bg-overlay`, never raw black),\n *  - responsive layout (full-width on mobile, scrolls when the form is long).\n */\n\nimport { useEffect, useId, useRef, type FC, type ReactNode } from 'react';\nimport { X } from 'lucide-react';\n\ninterface ModalProps {\n  title: string;\n  description?: string;\n  onClose: () => void;\n  children: ReactNode;\n  /** Constrain width. Defaults to a comfortable single-column form width. */\n  maxWidthClassName?: string;\n}\n\nexport const Modal: FC<ModalProps> = ({\n  title,\n  description,\n  onClose,\n  children,\n  maxWidthClassName = 'max-w-lg',\n}) => {\n  const titleId = useId();\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    document.addEventListener('keydown', onKeyDown);\n\n    // Move initial focus to the first interactive form field (falling back to\n    // any focusable control) so keyboard users land inside the dialog.\n    const panel = panelRef.current;\n    const firstField = panel?.querySelector<HTMLElement>(\n      'input:not([type=\"hidden\"]), select, textarea'\n    );\n    (\n      firstField ??\n      panel?.querySelector<HTMLElement>('button, [href], [tabindex]:not([tabindex=\"-1\"])')\n    )?.focus();\n\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, [onClose]);\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay p-4 backdrop-blur-sm\"\n      onMouseDown={(e) => {\n        if (e.target === e.currentTarget) onClose();\n      }}\n    >\n      <div\n        ref={panelRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        className={`max-h-[90vh] w-full ${maxWidthClassName} overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-lg`}\n      >\n        <div className=\"mb-4 flex items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <h3 id={titleId} className=\"text-lg font-semibold text-text-primary\">\n              {title}\n            </h3>\n            {description && <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>}\n          </div>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            aria-label=\"Close dialog\"\n            className=\"shrink-0 rounded-md p-1 text-text-secondary hover:text-text-primary\"\n          >\n            <X className=\"h-5 w-5\" />\n          </button>\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AA0BA,IAAa,KAAyB,EACpC,UACA,gBACA,YACA,aACA,uBAAoB,iBAChB;CACJ,IAAM,IAAU,GAAO,EACjB,IAAW,EAAuB,KAAK;AAsB7C,QApBA,QAAgB;EACd,IAAM,KAAa,MAAqB;AACtC,GAAI,EAAE,QAAQ,YAAU,GAAS;;AAEnC,WAAS,iBAAiB,WAAW,EAAU;EAI/C,IAAM,IAAQ,EAAS;AASvB,UARmB,GAAO,cACxB,iDACD,IAGC,GAAO,cAA2B,oDAAkD,GACnF,OAAO,QAEG,SAAS,oBAAoB,WAAW,EAAU;IAC9D,CAAC,EAAQ,CAAC,EAGX,kBAAC,OAAD;EACE,WAAU;EACV,cAAc,MAAM;AAClB,GAAI,EAAE,WAAW,EAAE,iBAAe,GAAS;;YAG7C,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAW;GACX,mBAAiB;GACjB,WAAW,uBAAuB,EAAkB;aALtD,CAOE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,IAAI;MAAS,WAAU;gBACxB;MACE,CAAA,EACJ,KAAe,kBAAC,KAAD;MAAG,WAAU;gBAAsC;MAAgB,CAAA,CAC/E;QACN,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,cAAW;KACX,WAAU;eAEV,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;KAClB,CAAA,CACL;OACL,EACG;;EACF,CAAA"}

package/dist/subscriberbot/components/index.js

@@ -0,0 +1,7 @@
+import "./PageLayout.js";
+import "./MetricsCard.js";
+import "./StatusBadge.js";
+import "./EmptyState.js";
+import "./Modal.js";
+import "./StateViews.js";
+import "./viz.js";

package/dist/subscriberbot/components/viz.js

@@ -0,0 +1,196 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/subscriberbot/components/viz.tsx
+var r = [
+	"var(--color-chart-1)",
+	"var(--color-chart-2)",
+	"var(--color-chart-3)",
+	"var(--color-chart-4)",
+	"var(--color-chart-5)",
+	"var(--color-chart-6)",
+	"var(--color-chart-7)",
+	"var(--color-chart-8)"
+], i = "var(--color-chart-negative)", a = "var(--color-chart-grid)", o = "var(--color-status-warning-text)", s = "var(--color-status-success-text)", c = (e, t) => t ?? r[e % r.length], l = ({ data: r, size: i = 160, thickness: o = 18, centerLabel: s, centerSub: l, className: u }) => {
+	let d = r.reduce((e, t) => e + Math.max(0, t.value), 0), f = (i - o) / 2, p = 2 * Math.PI * f, m = i / 2, h = 0, g = r.map((e) => `${e.label}: ${e.value}`).join(", ");
+	return /* @__PURE__ */ n("div", {
+		className: e("relative inline-flex items-center justify-center", u),
+		children: [/* @__PURE__ */ n("svg", {
+			width: i,
+			height: i,
+			viewBox: `0 0 ${i} ${i}`,
+			role: "img",
+			"aria-label": `Donut chart. ${g}`,
+			className: "max-w-full",
+			children: [/* @__PURE__ */ t("circle", {
+				cx: m,
+				cy: m,
+				r: f,
+				fill: "none",
+				stroke: a,
+				strokeWidth: o,
+				opacity: .4
+			}), d > 0 && r.map((e, n) => {
+				let r = Math.max(0, e.value) / d * p, i = /* @__PURE__ */ t("circle", {
+					cx: m,
+					cy: m,
+					r: f,
+					fill: "none",
+					stroke: c(n, e.color),
+					strokeWidth: o,
+					strokeDasharray: `${r} ${p - r}`,
+					strokeDashoffset: -h,
+					strokeLinecap: "butt",
+					transform: `rotate(-90 ${m} ${m})`
+				}, n);
+				return h += r, i;
+			})]
+		}), (s || l) && /* @__PURE__ */ n("div", {
+			className: "absolute inset-0 flex flex-col items-center justify-center text-center",
+			children: [s && /* @__PURE__ */ t("span", {
+				className: "text-xl font-bold text-text-primary tabular-nums leading-none",
+				children: s
+			}), l && /* @__PURE__ */ t("span", {
+				className: "mt-1 text-xs text-text-secondary",
+				children: l
+			})]
+		})]
+	});
+}, u = ({ data: r, valueFormat: i, className: a }) => /* @__PURE__ */ t("ul", {
+	className: e("space-y-2", a),
+	children: r.map((e, r) => /* @__PURE__ */ n("li", {
+		className: "flex items-center gap-2 text-sm",
+		children: [
+			/* @__PURE__ */ t("span", {
+				className: "h-2.5 w-2.5 shrink-0 rounded-full",
+				style: { backgroundColor: c(r, e.color) },
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ t("span", {
+				className: "flex-1 truncate text-text-secondary",
+				children: e.label
+			}),
+			/* @__PURE__ */ t("span", {
+				className: "font-medium text-text-primary tabular-nums",
+				children: i ? i(e.value) : e.value
+			})
+		]
+	}, r))
+}), d = ({ data: r, valueFormat: i, className: o }) => {
+	let s = Math.max(1, ...r.map((e) => e.value));
+	return /* @__PURE__ */ t("ul", {
+		className: e("space-y-3", o),
+		role: "img",
+		"aria-label": "Bar chart",
+		children: r.map((e, r) => /* @__PURE__ */ n("li", { children: [/* @__PURE__ */ n("div", {
+			className: "flex items-center justify-between text-sm",
+			children: [/* @__PURE__ */ t("span", {
+				className: "truncate text-text-secondary",
+				children: e.label
+			}), /* @__PURE__ */ t("span", {
+				className: "font-medium text-text-primary tabular-nums",
+				children: i ? i(e.value) : e.value
+			})]
+		}), /* @__PURE__ */ t("div", {
+			className: "mt-1.5 h-2 w-full overflow-hidden rounded-full",
+			style: { backgroundColor: a },
+			children: /* @__PURE__ */ t("div", {
+				className: "h-full rounded-full transition-all",
+				style: {
+					width: `${e.value / s * 100}%`,
+					backgroundColor: c(r, e.color)
+				}
+			})
+		})] }, r))
+	});
+}, f = ({ value: r, max: c = 100, size: l = 120, label: u, className: d }) => {
+	let f = Math.max(0, Math.min(1, r / c)), p = l / 2 - 10, m = l / 2, h = Math.PI * p, g = f >= .66 ? s : f >= .33 ? o : i;
+	return /* @__PURE__ */ n("div", {
+		className: e("inline-flex flex-col items-center", d),
+		children: [/* @__PURE__ */ n("svg", {
+			width: l,
+			height: l / 2 + 8,
+			viewBox: `0 0 ${l} ${l / 2 + 8}`,
+			role: "img",
+			"aria-label": `Gauge: ${Math.round(f * 100)} percent`,
+			className: "max-w-full",
+			children: [/* @__PURE__ */ t("path", {
+				d: `M10 ${m} A ${p} ${p} 0 0 1 ${l - 10} ${m}`,
+				fill: "none",
+				stroke: a,
+				strokeWidth: 10,
+				strokeLinecap: "round"
+			}), /* @__PURE__ */ t("path", {
+				d: `M10 ${m} A ${p} ${p} 0 0 1 ${l - 10} ${m}`,
+				fill: "none",
+				stroke: g,
+				strokeWidth: 10,
+				strokeLinecap: "round",
+				strokeDasharray: `${f * h} ${h}`
+			})]
+		}), /* @__PURE__ */ n("div", {
+			className: "-mt-4 text-center",
+			children: [/* @__PURE__ */ t("span", {
+				className: "text-lg font-bold text-text-primary tabular-nums",
+				children: Math.round(r)
+			}), u && /* @__PURE__ */ t("p", {
+				className: "text-xs text-text-secondary",
+				children: u
+			})]
+		})]
+	});
+}, p = {
+	default: "var(--color-accent-indigo)",
+	positive: s,
+	warning: o,
+	muted: "var(--color-text-secondary)"
+}, m = ({ items: r, className: i }) => /* @__PURE__ */ n("ol", {
+	className: e("relative space-y-5 pl-6", i),
+	children: [/* @__PURE__ */ t("span", {
+		className: "absolute left-[7px] top-1 bottom-1 w-px bg-border-subtle",
+		"aria-hidden": !0
+	}), r.map((e, r) => /* @__PURE__ */ n("li", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ t("span", {
+				className: "absolute -left-[22px] top-1 h-3 w-3 rounded-full ring-4 ring-bg-surface",
+				style: { backgroundColor: p[e.tone ?? "default"] },
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex items-baseline justify-between gap-2",
+				children: [/* @__PURE__ */ t("p", {
+					className: "text-sm font-medium text-text-primary",
+					children: e.title
+				}), e.meta && /* @__PURE__ */ t("span", {
+					className: "text-sm tabular-nums text-text-primary",
+					children: e.meta
+				})]
+			}),
+			e.sub && /* @__PURE__ */ t("p", {
+				className: "text-xs text-text-secondary",
+				children: e.sub
+			})
+		]
+	}, r))]
+}), h = ({ value: n, max: r = 100, tone: c = "accent", className: l }) => {
+	let u = Math.max(0, Math.min(1, r ? n / r : 0)), d = c === "positive" ? s : c === "warning" ? o : c === "negative" ? i : "var(--color-accent-indigo)";
+	return /* @__PURE__ */ t("div", {
+		className: e("h-2 w-full overflow-hidden rounded-full", l),
+		style: { backgroundColor: a },
+		role: "progressbar",
+		"aria-valuenow": Math.round(u * 100),
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		children: /* @__PURE__ */ t("div", {
+			className: "h-full rounded-full transition-all",
+			style: {
+				width: `${u * 100}%`,
+				backgroundColor: d
+			}
+		})
+	});
+};
+//#endregion
+export { d as BarList, r as CHART_COLORS, l as Donut, f as Gauge, u as Legend, h as MiniProgress, m as Timeline };
+
+//# sourceMappingURL=viz.js.map

package/dist/subscriberbot/components/viz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viz.js","names":[],"sources":["../../../src/subscriberbot/components/viz.tsx"],"sourcesContent":["/**\n * Tokenized, responsive SVG visualization primitives.\n * @module subscriberbot/components/viz\n *\n * Every color is a fe-libs semantic CSS variable (never a raw hex), so charts\n * theme automatically in light/dark and per-product themes. All charts scale to\n * their container (SVG viewBox) and carry an accessible role/label.\n */\nimport type { FC, ReactNode } from 'react';\nimport { cn } from '../utils/cn';\n\n/** Categorical palette — fe-libs chart tokens. */\nexport const CHART_COLORS = [\n  'var(--color-chart-1)',\n  'var(--color-chart-2)',\n  'var(--color-chart-3)',\n  'var(--color-chart-4)',\n  'var(--color-chart-5)',\n  'var(--color-chart-6)',\n  'var(--color-chart-7)',\n  'var(--color-chart-8)',\n] as const;\n\nconst POSITIVE = 'var(--color-chart-positive)';\nconst NEGATIVE = 'var(--color-chart-negative)';\nconst GRID = 'var(--color-chart-grid)';\nconst WARN = 'var(--color-status-warning-text)';\nconst SUCCESS = 'var(--color-status-success-text)';\n\nexport interface Segment {\n  label: string;\n  value: number;\n  color?: string;\n}\n\nconst colorAt = (i: number, override?: string) => override ?? CHART_COLORS[i % CHART_COLORS.length];\n\n// ---------------------------------------------------------------------------\n// Donut — proportional ring with an optional center label.\n// ---------------------------------------------------------------------------\nexport const Donut: FC<{\n  data: Segment[];\n  size?: number;\n  thickness?: number;\n  centerLabel?: string;\n  centerSub?: string;\n  className?: string;\n}> = ({ data, size = 160, thickness = 18, centerLabel, centerSub, className }) => {\n  const total = data.reduce((s, d) => s + Math.max(0, d.value), 0);\n  const r = (size - thickness) / 2;\n  const c = 2 * Math.PI * r;\n  const cx = size / 2;\n  let offset = 0;\n  const label = data.map((d) => `${d.label}: ${d.value}`).join(', ');\n\n  return (\n    <div className={cn('relative inline-flex items-center justify-center', className)}>\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        role=\"img\"\n        aria-label={`Donut chart. ${label}`}\n        className=\"max-w-full\"\n      >\n        <circle cx={cx} cy={cx} r={r} fill=\"none\" stroke={GRID} strokeWidth={thickness} opacity={0.4} />\n        {total > 0 &&\n          data.map((d, i) => {\n            const frac = Math.max(0, d.value) / total;\n            const len = frac * c;\n            const seg = (\n              <circle\n                key={i}\n                cx={cx}\n                cy={cx}\n                r={r}\n                fill=\"none\"\n                stroke={colorAt(i, d.color)}\n                strokeWidth={thickness}\n                strokeDasharray={`${len} ${c - len}`}\n                strokeDashoffset={-offset}\n                strokeLinecap=\"butt\"\n                transform={`rotate(-90 ${cx} ${cx})`}\n              />\n            );\n            offset += len;\n            return seg;\n          })}\n      </svg>\n      {(centerLabel || centerSub) && (\n        <div className=\"absolute inset-0 flex flex-col items-center justify-center text-center\">\n          {centerLabel && (\n            <span className=\"text-xl font-bold text-text-primary tabular-nums leading-none\">{centerLabel}</span>\n          )}\n          {centerSub && <span className=\"mt-1 text-xs text-text-secondary\">{centerSub}</span>}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Legend — pairs with Donut / charts.\n// ---------------------------------------------------------------------------\nexport const Legend: FC<{ data: Segment[]; valueFormat?: (n: number) => string; className?: string }> = ({\n  data,\n  valueFormat,\n  className,\n}) => (\n  <ul className={cn('space-y-2', className)}>\n    {data.map((d, i) => (\n      <li key={i} className=\"flex items-center gap-2 text-sm\">\n        <span\n          className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n          style={{ backgroundColor: colorAt(i, d.color) }}\n          aria-hidden\n        />\n        <span className=\"flex-1 truncate text-text-secondary\">{d.label}</span>\n        <span className=\"font-medium text-text-primary tabular-nums\">\n          {valueFormat ? valueFormat(d.value) : d.value}\n        </span>\n      </li>\n    ))}\n  </ul>\n);\n\n// ---------------------------------------------------------------------------\n// BarList — horizontal labelled bars (e.g. spend by category).\n// ---------------------------------------------------------------------------\nexport const BarList: FC<{\n  data: Segment[];\n  valueFormat?: (n: number) => string;\n  className?: string;\n}> = ({ data, valueFormat, className }) => {\n  const max = Math.max(1, ...data.map((d) => d.value));\n  return (\n    <ul className={cn('space-y-3', className)} role=\"img\" aria-label=\"Bar chart\">\n      {data.map((d, i) => (\n        <li key={i}>\n          <div className=\"flex items-center justify-between text-sm\">\n            <span className=\"truncate text-text-secondary\">{d.label}</span>\n            <span className=\"font-medium text-text-primary tabular-nums\">\n              {valueFormat ? valueFormat(d.value) : d.value}\n            </span>\n          </div>\n          <div className=\"mt-1.5 h-2 w-full overflow-hidden rounded-full\" style={{ backgroundColor: GRID }}>\n            <div\n              className=\"h-full rounded-full transition-all\"\n              style={{ width: `${(d.value / max) * 100}%`, backgroundColor: colorAt(i, d.color) }}\n            />\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Sparkline / area — small trend line.\n// ---------------------------------------------------------------------------\nexport const Sparkline: FC<{\n  points: number[];\n  width?: number;\n  height?: number;\n  positive?: boolean;\n  className?: string;\n}> = ({ points, width = 220, height = 56, positive = true, className }) => {\n  if (points.length < 2) return null;\n  const max = Math.max(...points);\n  const min = Math.min(...points);\n  const span = max - min || 1;\n  const stroke = positive ? POSITIVE : NEGATIVE;\n  const step = width / (points.length - 1);\n  const coords = points.map((p, i) => [i * step, height - ((p - min) / span) * (height - 8) - 4]);\n  const line = coords.map(([x, y], i) => `${i === 0 ? 'M' : 'L'}${x.toFixed(1)},${y.toFixed(1)}`).join(' ');\n  const area = `${line} L${width},${height} L0,${height} Z`;\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox={`0 0 ${width} ${height}`}\n      role=\"img\"\n      aria-label=\"Trend sparkline\"\n      className={cn('max-w-full', className)}\n      preserveAspectRatio=\"none\"\n    >\n      <path d={area} fill={stroke} opacity={0.12} />\n      <path d={line} fill=\"none\" stroke={stroke} strokeWidth={2} strokeLinejoin=\"round\" strokeLinecap=\"round\" />\n    </svg>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Gauge — 0..max semicircle (e.g. health score).\n// ---------------------------------------------------------------------------\nexport const Gauge: FC<{\n  value: number;\n  max?: number;\n  size?: number;\n  label?: string;\n  className?: string;\n}> = ({ value, max = 100, size = 120, label, className }) => {\n  const pct = Math.max(0, Math.min(1, value / max));\n  const r = size / 2 - 10;\n  const cy = size / 2;\n  const circ = Math.PI * r; // half circle\n  const tone = pct >= 0.66 ? SUCCESS : pct >= 0.33 ? WARN : NEGATIVE;\n  return (\n    <div className={cn('inline-flex flex-col items-center', className)}>\n      <svg\n        width={size}\n        height={size / 2 + 8}\n        viewBox={`0 0 ${size} ${size / 2 + 8}`}\n        role=\"img\"\n        aria-label={`Gauge: ${Math.round(pct * 100)} percent`}\n        className=\"max-w-full\"\n      >\n        <path\n          d={`M10 ${cy} A ${r} ${r} 0 0 1 ${size - 10} ${cy}`}\n          fill=\"none\"\n          stroke={GRID}\n          strokeWidth={10}\n          strokeLinecap=\"round\"\n        />\n        <path\n          d={`M10 ${cy} A ${r} ${r} 0 0 1 ${size - 10} ${cy}`}\n          fill=\"none\"\n          stroke={tone}\n          strokeWidth={10}\n          strokeLinecap=\"round\"\n          strokeDasharray={`${pct * circ} ${circ}`}\n        />\n      </svg>\n      <div className=\"-mt-4 text-center\">\n        <span className=\"text-lg font-bold text-text-primary tabular-nums\">{Math.round(value)}</span>\n        {label && <p className=\"text-xs text-text-secondary\">{label}</p>}\n      </div>\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Timeline — vertical events with a connector rail (e.g. renewals).\n// ---------------------------------------------------------------------------\nexport interface TimelineItem {\n  title: string;\n  sub?: string;\n  meta?: ReactNode;\n  tone?: 'default' | 'positive' | 'warning' | 'muted';\n}\nconst dotTone: Record<NonNullable<TimelineItem['tone']>, string> = {\n  default: 'var(--color-accent-indigo)',\n  positive: SUCCESS,\n  warning: WARN,\n  muted: 'var(--color-text-secondary)',\n};\nexport const Timeline: FC<{ items: TimelineItem[]; className?: string }> = ({ items, className }) => (\n  <ol className={cn('relative space-y-5 pl-6', className)}>\n    <span className=\"absolute left-[7px] top-1 bottom-1 w-px bg-border-subtle\" aria-hidden />\n    {items.map((it, i) => (\n      <li key={i} className=\"relative\">\n        <span\n          className=\"absolute -left-[22px] top-1 h-3 w-3 rounded-full ring-4 ring-bg-surface\"\n          style={{ backgroundColor: dotTone[it.tone ?? 'default'] }}\n          aria-hidden\n        />\n        <div className=\"flex items-baseline justify-between gap-2\">\n          <p className=\"text-sm font-medium text-text-primary\">{it.title}</p>\n          {it.meta && <span className=\"text-sm tabular-nums text-text-primary\">{it.meta}</span>}\n        </div>\n        {it.sub && <p className=\"text-xs text-text-secondary\">{it.sub}</p>}\n      </li>\n    ))}\n  </ol>\n);\n\n// ---------------------------------------------------------------------------\n// MiniProgress — inline utilization bar (e.g. seats used).\n// ---------------------------------------------------------------------------\nexport const MiniProgress: FC<{\n  value: number;\n  max?: number;\n  tone?: 'accent' | 'positive' | 'warning' | 'negative';\n  className?: string;\n}> = ({ value, max = 100, tone = 'accent', className }) => {\n  const pct = Math.max(0, Math.min(1, max ? value / max : 0));\n  const color =\n    tone === 'positive' ? SUCCESS : tone === 'warning' ? WARN : tone === 'negative' ? NEGATIVE : 'var(--color-accent-indigo)';\n  return (\n    <div\n      className={cn('h-2 w-full overflow-hidden rounded-full', className)}\n      style={{ backgroundColor: GRID }}\n      role=\"progressbar\"\n      aria-valuenow={Math.round(pct * 100)}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div className=\"h-full rounded-full transition-all\" style={{ width: `${pct * 100}%`, backgroundColor: color }} />\n    </div>\n  );\n};\n"],"mappings":"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"}