@burdenoff/microfe-subscriberbot 2026.1023.2 → 2026.1029.1

package/dist/subscriberbot/pages/InboxPage.js

@@ -5,10 +5,10 @@ import { formatDateTime as r, formatEnumLabel as i, formatRelativeTime as a } fr
 import { StatusBadge as o } from "../components/StatusBadge.js";
 import { EmptyState as s } from "../components/EmptyState.js";
 import { Modal as c } from "../components/Modal.js";
-import { ErrorView as l, LoadingView as u, Section as d } from "../components/StateViews.js";
-import { MiniProgress as f } from "../components/viz.js";
-import { useChannels as p, useCreateChannel as m, useInboxMessages as h, useIngestMessage as g, useMarkMessageRead as _, useVerifyChannel as v } from "../hooks/useSubscriberBotApi.js";
-import { useTr as y } from "../hooks/useTr.js";
+import { useTr as l } from "../hooks/useTr.js";
+import { ErrorView as u, LoadingView as d, Section as f } from "../components/StateViews.js";
+import { MiniProgress as p } from "../components/viz.js";
+import { useChannels as m, useCreateChannel as h, useInboxMessages as g, useIngestMessage as _, useMarkMessageRead as v, useVerifyChannel as y } from "../hooks/useSubscriberBotApi.js";
 import { useState as b } from "react";
 import { AlertTriangle as x, BadgeCheck as S, Bell as C, ChevronRight as w, Hash as T, Inbox as E, Mail as D, MailOpen as O, MessageSquare as k, MessagesSquare as A, MousePointerClick as j, Phone as M, Plus as N, Radio as P, Send as F, ShieldAlert as I, Sparkles as L, Webhook as R } from "lucide-react";
 import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
@@ -103,7 +103,7 @@ function Z({ category: e }) {
 	});
 }
 function Q({ className: e }) {
-	let n = y();
+	let n = l();
 	return /* @__PURE__ */ V("span", {
 		title: n("inbox.message.actionRequiredTitle", "Action required"),
 		className: t("inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-[10px] font-medium text-status-warning-text", e),
@@ -115,32 +115,32 @@ function Q({ className: e }) {
 	});
 }
 function ne({ onClose: e }) {
-	let t = y(), n = m(), [r, a] = b("EMAIL"), [o, s] = b(""), [l, u] = b(""), [d, f] = b(!0), [p, h] = b(null);
+	let t = l(), n = h(), [r, a] = b("EMAIL"), [o, s] = b(""), [u, d] = b(""), [f, p] = b(!0), [m, g] = b(null);
 	return /* @__PURE__ */ B(c, {
 		title: t("inbox.addChannelModal.title", "Add channel"),
 		onClose: e,
 		maxWidthClassName: "max-w-xl",
 		children: /* @__PURE__ */ V("form", {
 			onSubmit: (i) => {
-				if (i.preventDefault(), h(null), !o.trim()) {
-					h(t("inbox.addChannelModal.addressRequired", "An address is required."));
+				if (i.preventDefault(), g(null), !o.trim()) {
+					g(t("inbox.addChannelModal.addressRequired", "An address is required."));
 					return;
 				}
 				n.mutate({
 					type: r,
 					address: o.trim(),
-					ingestEnabled: d,
-					...l.trim() ? { label: l.trim() } : {}
+					ingestEnabled: f,
+					...u.trim() ? { label: u.trim() } : {}
 				}, {
 					onSuccess: () => e(),
-					onError: (e) => h(e instanceof Error ? e.message : t("inbox.addChannelModal.error", "Could not add channel."))
+					onError: (e) => g(e instanceof Error ? e.message : t("inbox.addChannelModal.error", "Could not add channel."))
 				});
 			},
 			className: "space-y-4",
 			children: [
-				p && /* @__PURE__ */ B("div", {
+				m && /* @__PURE__ */ B("div", {
 					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
-					children: p
+					children: m
 				}),
 				/* @__PURE__ */ V("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
@@ -164,8 +164,8 @@ function ne({ onClose: e }) {
 					}), /* @__PURE__ */ B("input", {
 						id: "ch-label",
 						type: "text",
-						value: l,
-						onChange: (e) => u(e.target.value),
+						value: u,
+						onChange: (e) => d(e.target.value),
 						placeholder: t("inbox.addChannelModal.labelPlaceholder", "e.g. Billing inbox"),
 						className: G
 					})] })]
@@ -194,8 +194,8 @@ function ne({ onClose: e }) {
 					className: "flex items-center gap-2 text-sm text-text-primary",
 					children: [/* @__PURE__ */ B("input", {
 						type: "checkbox",
-						checked: d,
-						onChange: (e) => f(e.target.checked),
+						checked: f,
+						onChange: (e) => p(e.target.checked),
 						className: "size-4 rounded border-border-subtle"
 					}), t("inbox.addChannelModal.ingestLabel", "Ingest messages from this channel")]
 				}),
@@ -218,30 +218,30 @@ function ne({ onClose: e }) {
 	});
 }
 function re({ channel: e, onClose: t }) {
-	let n = y(), r = g(), [a, o] = b(""), [s, l] = b(""), [u, d] = b("OTHER"), [f, p] = b(!1), [m, h] = b(null);
+	let n = l(), r = _(), [a, o] = b(""), [s, u] = b(""), [d, f] = b("OTHER"), [p, m] = b(!1), [h, g] = b(null);
 	return /* @__PURE__ */ B(c, {
 		title: n("inbox.logMessageModal.title", "Log test message"),
 		description: n("inbox.logMessageModal.description", "Simulate an ingested message from {channel}.", { channel: e.label || e.address }),
 		onClose: t,
 		children: /* @__PURE__ */ V("form", {
 			onSubmit: (i) => {
-				i.preventDefault(), h(null), r.mutate({
+				i.preventDefault(), g(null), r.mutate({
 					channelId: e.id,
 					receivedAt: (/* @__PURE__ */ new Date()).toISOString(),
-					category: u,
-					actionRequired: f,
+					category: d,
+					actionRequired: p,
 					...a.trim() ? { subject: a.trim() } : {},
 					...s.trim() ? { preview: s.trim() } : {}
 				}, {
 					onSuccess: () => t(),
-					onError: (e) => h(e instanceof Error ? e.message : n("inbox.logMessageModal.error", "Could not log the message."))
+					onError: (e) => g(e instanceof Error ? e.message : n("inbox.logMessageModal.error", "Could not log the message."))
 				});
 			},
 			className: "space-y-4",
 			children: [
-				m && /* @__PURE__ */ B("div", {
+				h && /* @__PURE__ */ B("div", {
 					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
-					children: m
+					children: h
 				}),
 				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "msg-subject",
@@ -262,7 +262,7 @@ function re({ channel: e, onClose: t }) {
 				}), /* @__PURE__ */ B("textarea", {
 					id: "msg-preview",
 					value: s,
-					onChange: (e) => l(e.target.value),
+					onChange: (e) => u(e.target.value),
 					rows: 2,
 					className: G
 				})] }),
@@ -272,8 +272,8 @@ function re({ channel: e, onClose: t }) {
 					children: n("inbox.logMessageModal.categoryLabel", "Category")
 				}), /* @__PURE__ */ B("select", {
 					id: "msg-category",
-					value: u,
-					onChange: (e) => d(e.target.value),
+					value: d,
+					onChange: (e) => f(e.target.value),
 					className: G,
 					children: q.map((e) => /* @__PURE__ */ B("option", {
 						value: e,
@@ -284,8 +284,8 @@ function re({ channel: e, onClose: t }) {
 					className: "flex items-center gap-2 text-sm text-text-primary",
 					children: [/* @__PURE__ */ B("input", {
 						type: "checkbox",
-						checked: f,
-						onChange: (e) => p(e.target.checked),
+						checked: p,
+						onChange: (e) => m(e.target.checked),
 						className: "size-4 rounded border-border-subtle"
 					}), n("inbox.logMessageModal.actionRequired", "Requires action")]
 				}),
@@ -308,7 +308,7 @@ function re({ channel: e, onClose: t }) {
 	});
 }
 function ie({ channel: e, onVerify: t, verifying: n, onLog: r }) {
-	let a = y(), s = X[e.type] ?? P, c = e.status === "VERIFIED";
+	let a = l(), s = X[e.type] ?? P, c = e.status === "VERIFIED";
 	return /* @__PURE__ */ V(H, {
 		treatment: "metric",
 		className: "flex flex-col p-4",
@@ -377,8 +377,8 @@ function ie({ channel: e, onVerify: t, verifying: n, onLog: r }) {
 	});
 }
 function ae() {
-	let e = y(), { data: t, isLoading: n, isError: r, refetch: i } = p(), a = v(), [o, c] = b(!1), [f, m] = b(null), h = t ?? [], g = h.filter((e) => e.status === "VERIFIED").length, _ = h.filter((e) => e.status === "PENDING").length;
-	return /* @__PURE__ */ V(d, {
+	let e = l(), { data: t, isLoading: n, isError: r, refetch: i } = m(), a = y(), [o, c] = b(!1), [p, h] = b(null), g = t ?? [], _ = g.filter((e) => e.status === "VERIFIED").length, v = g.filter((e) => e.status === "PENDING").length;
+	return /* @__PURE__ */ V(f, {
 		title: e("inbox.channels.title", "Ingest channels"),
 		description: e("inbox.channels.description", "The sources the Universal Inbox pulls subscription communication from"),
 		action: /* @__PURE__ */ V("button", {
@@ -392,48 +392,48 @@ function ae() {
 			]
 		}),
 		children: [
-			n ? /* @__PURE__ */ B(u, { label: e("inbox.channels.loading", "Loading channels…") }) : r ? /* @__PURE__ */ B(l, {
+			n ? /* @__PURE__ */ B(d, { label: e("inbox.channels.loading", "Loading channels…") }) : r ? /* @__PURE__ */ B(u, {
 				message: e("inbox.channels.error", "Could not load channels."),
 				onRetry: () => void i()
-			}) : h.length === 0 ? /* @__PURE__ */ B(s, {
+			}) : g.length === 0 ? /* @__PURE__ */ B(s, {
 				illustration: "empty-data",
 				icon: /* @__PURE__ */ B(P, { className: "h-12 w-12" }),
 				title: e("inbox.channels.emptyTitle", "No channels yet"),
 				description: e("inbox.channels.emptyDescription", "Add an email, SMS, Slack or webhook channel to start ingesting subscription communication.")
-			}) : /* @__PURE__ */ V(z, { children: [(g > 0 || _ > 0) && /* @__PURE__ */ V("div", {
+			}) : /* @__PURE__ */ V(z, { children: [(_ > 0 || v > 0) && /* @__PURE__ */ V("div", {
 				className: "mb-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-secondary",
 				children: [/* @__PURE__ */ V("span", {
 					className: "inline-flex items-center gap-1.5",
 					children: [/* @__PURE__ */ B("span", {
 						className: "size-1.5 rounded-full bg-status-success-text",
 						"aria-hidden": !0
-					}), e("inbox.channels.verified", "{{count}} verified", { count: g })]
-				}), _ > 0 && /* @__PURE__ */ V("span", {
+					}), e("inbox.channels.verified", "{{count}} verified", { count: _ })]
+				}), v > 0 && /* @__PURE__ */ V("span", {
 					className: "inline-flex items-center gap-1.5",
 					children: [/* @__PURE__ */ B("span", {
 						className: "size-1.5 rounded-full bg-status-warning-text",
 						"aria-hidden": !0
-					}), e("inbox.channels.pending", "{{count}} pending verification", { count: _ })]
+					}), e("inbox.channels.pending", "{{count}} pending verification", { count: v })]
 				})]
 			}), /* @__PURE__ */ B("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-				children: h.map((e) => /* @__PURE__ */ B(ie, {
+				children: g.map((e) => /* @__PURE__ */ B(ie, {
 					channel: e,
 					verifying: a.isPending,
 					onVerify: (e) => a.mutate(e),
-					onLog: (e) => m(e)
+					onLog: (e) => h(e)
 				}, e.id))
 			})] }),
 			o && /* @__PURE__ */ B(ne, { onClose: () => c(!1) }),
-			f && /* @__PURE__ */ B(re, {
-				channel: f,
-				onClose: () => m(null)
+			p && /* @__PURE__ */ B(re, {
+				channel: p,
+				onClose: () => h(null)
 			})
 		]
 	});
 }
 function oe({ message: e, active: n, onSelect: r, onMarkRead: i, markPending: o, onViewRelationship: s }) {
-	let c = y(), l = !e.isRead;
+	let c = l(), u = !e.isRead;
 	return /* @__PURE__ */ V("div", {
 		role: "button",
 		tabIndex: 0,
@@ -442,15 +442,15 @@ function oe({ message: e, active: n, onSelect: r, onMarkRead: i, markPending: o,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r());
 		},
-		className: t("relative flex cursor-pointer items-start gap-3 p-4 transition-colors", "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] focus-visible:ring-inset", n ? "bg-bg-sunken" : l ? "bg-accent-wash" : "hover:bg-bg-sunken/60"),
+		className: t("relative flex cursor-pointer items-start gap-3 p-4 transition-colors", "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] focus-visible:ring-inset", n ? "bg-bg-sunken" : u ? "bg-accent-wash" : "hover:bg-bg-sunken/60"),
 		children: [
-			l && /* @__PURE__ */ B("span", {
+			u && /* @__PURE__ */ B("span", {
 				"aria-hidden": !0,
 				className: "absolute inset-y-0 left-0 w-0.5 bg-text-link"
 			}),
 			/* @__PURE__ */ B("span", {
 				className: "mt-0.5 shrink-0 text-text-secondary",
-				children: l ? /* @__PURE__ */ B(D, { className: "h-4 w-4 text-text-link" }) : /* @__PURE__ */ B(O, { className: "h-4 w-4" })
+				children: u ? /* @__PURE__ */ B(D, { className: "h-4 w-4 text-text-link" }) : /* @__PURE__ */ B(O, { className: "h-4 w-4" })
 			}),
 			/* @__PURE__ */ V("div", {
 				className: "min-w-0 flex-1",
@@ -458,12 +458,12 @@ function oe({ message: e, active: n, onSelect: r, onMarkRead: i, markPending: o,
 					/* @__PURE__ */ V("div", {
 						className: "flex items-center gap-2",
 						children: [
-							l && /* @__PURE__ */ B("span", {
+							u && /* @__PURE__ */ B("span", {
 								"aria-label": c("inbox.message.unreadAria", "Unread"),
 								className: "size-1.5 shrink-0 rounded-full bg-text-link"
 							}),
 							/* @__PURE__ */ B("p", {
-								className: t("min-w-0 flex-1 truncate text-sm", l ? "font-semibold text-text-primary" : "font-normal text-text-primary"),
+								className: t("min-w-0 flex-1 truncate text-sm", u ? "font-semibold text-text-primary" : "font-normal text-text-primary"),
 								children: e.subject || c("inbox.message.noSubject", "(no subject)")
 							}),
 							/* @__PURE__ */ B("span", {
@@ -489,7 +489,7 @@ function oe({ message: e, active: n, onSelect: r, onMarkRead: i, markPending: o,
 								className: "text-xs font-medium text-text-link hover:underline",
 								children: c("inbox.message.viewRelationship", "View relationship")
 							}),
-							l && /* @__PURE__ */ B("button", {
+							u && /* @__PURE__ */ B("button", {
 								type: "button",
 								disabled: o,
 								onClick: (e) => {
@@ -506,7 +506,7 @@ function oe({ message: e, active: n, onSelect: r, onMarkRead: i, markPending: o,
 	});
 }
 function se({ message: e, channel: t, onMarkRead: n, markPending: i, onViewRelationship: a }) {
-	let o = y();
+	let o = l();
 	if (!e) return /* @__PURE__ */ V(H, {
 		treatment: "metric",
 		className: "flex min-h-[20rem] flex-col items-center justify-center p-8 text-center",
@@ -574,7 +574,7 @@ function se({ message: e, channel: t, onMarkRead: n, markPending: i, onViewRelat
 						className: "tabular-nums text-text-secondary",
 						children: o("inbox.readingPane.confidence", "{{pct}}% confidence", { pct: c })
 					})]
-				}), /* @__PURE__ */ B(f, {
+				}), /* @__PURE__ */ B(p, {
 					value: c,
 					max: 100,
 					tone: c >= 66 ? "positive" : c >= 33 ? "accent" : "warning",
@@ -621,14 +621,14 @@ function $({ active: e, onClick: n, children: r, tone: i = "default" }) {
 	});
 }
 function ce() {
-	let r = y(), { navigateTo: i } = e(), [a, o] = b(0), [c, d] = b(""), [f, m] = b(!1), [g, v] = b(!1), [S, C] = b(null), { data: w, isLoading: T, isError: O, refetch: k, isFetching: A } = h({
+	let r = l(), { navigateTo: i } = e(), [a, o] = b(0), [c, f] = b(""), [p, h] = b(!1), [_, y] = b(!1), [S, C] = b(null), { data: w, isLoading: T, isError: O, refetch: k, isFetching: A } = g({
 		category: c || void 0,
-		unreadOnly: f || void 0,
+		unreadOnly: p || void 0,
 		pagination: {
 			limit: W,
 			offset: a * W
 		}
-	}), { data: j } = p(), M = _(), N = w?.items ?? [], P = w?.pageInfo.hasMore ?? !1, F = g ? N.filter((e) => e.actionRequired) : N, I = N.filter((e) => !e.isRead).length, L = N.filter((e) => e.actionRequired).length, R = new Map((j ?? []).map((e) => [e.id, e])), z = F.find((e) => e.id === S) ?? null, H = z ? R.get(z.channelId) : void 0, G = () => {
+	}), { data: j } = m(), M = v(), N = w?.items ?? [], P = w?.pageInfo.hasMore ?? !1, F = _ ? N.filter((e) => e.actionRequired) : N, I = N.filter((e) => !e.isRead).length, L = N.filter((e) => e.actionRequired).length, R = new Map((j ?? []).map((e) => [e.id, e])), z = F.find((e) => e.id === S) ?? null, H = z ? R.get(z.channelId) : void 0, G = () => {
 		o(0), C(null);
 	};
 	return /* @__PURE__ */ V(n, {
@@ -646,7 +646,7 @@ function ce() {
 					children: /* @__PURE__ */ B($, {
 						active: c === e.value,
 						onClick: () => {
-							d(e.value), G();
+							f(e.value), G();
 						},
 						children: r(e.key, e.fallback)
 					})
@@ -656,10 +656,10 @@ function ce() {
 				className: "mt-3 flex flex-wrap items-center gap-2",
 				children: [
 					/* @__PURE__ */ V($, {
-						active: g,
+						active: _,
 						tone: "warning",
 						onClick: () => {
-							v((e) => !e), C(null);
+							y((e) => !e), C(null);
 						},
 						children: [
 							/* @__PURE__ */ B(x, { className: "h-3.5 w-3.5" }),
@@ -668,9 +668,9 @@ function ce() {
 						]
 					}),
 					/* @__PURE__ */ V($, {
-						active: f,
+						active: p,
 						onClick: () => {
-							m((e) => !e), G();
+							h((e) => !e), G();
 						},
 						children: [
 							/* @__PURE__ */ B(D, { className: "h-3.5 w-3.5" }),
@@ -689,7 +689,7 @@ function ce() {
 					})
 				]
 			}),
-			T ? /* @__PURE__ */ B(u, { label: r("inbox.loading", "Loading inbox…") }) : O ? /* @__PURE__ */ B(l, {
+			T ? /* @__PURE__ */ B(d, { label: r("inbox.loading", "Loading inbox…") }) : O ? /* @__PURE__ */ B(u, {
 				message: r("inbox.error", "Could not load the inbox."),
 				onRetry: () => void k()
 			}) : N.length === 0 ? /* @__PURE__ */ B("div", {
@@ -698,7 +698,7 @@ function ce() {
 					illustration: "empty-inbox",
 					icon: /* @__PURE__ */ B(E, { className: "h-12 w-12" }),
 					title: r("inbox.emptyTitle", "Inbox is empty"),
-					description: f || c ? r("inbox.emptyDescriptionFiltered", "No messages match these filters.") : r("inbox.emptyDescription", "Merged subscription communications will appear here once channels start ingesting.")
+					description: p || c ? r("inbox.emptyDescriptionFiltered", "No messages match these filters.") : r("inbox.emptyDescription", "Merged subscription communications will appear here once channels start ingesting.")
 				})
 			}) : /* @__PURE__ */ V("div", {
 				className: "mt-5 grid grid-cols-1 gap-5 lg:grid-cols-[minmax(0,1fr)_380px]",

package/dist/subscriberbot/pages/InsightsPage.js

@@ -3,11 +3,11 @@ import { PageLayout as t } from "../components/PageLayout.js";
 import { MetricsCard as n } from "../components/MetricsCard.js";
 import { formatCurrency as r, formatEnumLabel as i } from "../utils/formatters.js";
 import { EmptyState as a } from "../components/EmptyState.js";
-import { ErrorView as o, LoadingView as s, Section as c } from "../components/StateViews.js";
-import { BarList as l, Donut as u, Legend as d, MiniProgress as f } from "../components/viz.js";
+import { useTr as o } from "../hooks/useTr.js";
+import { ErrorView as s, LoadingView as c, Section as l } from "../components/StateViews.js";
+import { BarList as u, Donut as d, Legend as f, MiniProgress as p } from "../components/viz.js";
 import "../components/index.js";
-import { useRelationships as p } from "../hooks/useSubscriberBotApi.js";
-import { useTr as m } from "../hooks/useTr.js";
+import { useRelationships as m } from "../hooks/useSubscriberBotApi.js";
 import { useMemo as h } from "react";
 import { CalendarClock as g, HeartPulse as _, Layers as v, TrendingUp as y, Wallet as b } from "lucide-react";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
@@ -23,7 +23,7 @@ var E = {
 	FREE: 0,
 	USAGE_BASED: 1
 }, D = (e) => e.amount * (E[e.interval] ?? 1), O = (e) => e.status === "ACTIVE", k = () => {
-	let E = p({ pagination: { limit: 100 } }), k = m(), A = h(() => E.data?.items ?? [], [E.data]), j = h(() => {
+	let E = m({ pagination: { limit: 100 } }), k = o(), A = h(() => E.data?.items ?? [], [E.data]), j = h(() => {
 		let e = A.filter(O), t = e[0]?.currency ?? A[0]?.currency ?? "USD", n = e.reduce((e, t) => e + D(t), 0), r = A.filter((e) => e.healthScore != null), a = r.length ? r.reduce((e, t) => e + (t.healthScore ?? 0), 0) / r.length : null, o = /* @__PURE__ */ new Map();
 		for (let e of A) o.set(e.status, (o.get(e.status) ?? 0) + 1);
 		let s = /* @__PURE__ */ new Map();
@@ -67,8 +67,8 @@ var E = {
 			total: A.length
 		};
 	}, [A]);
-	if (E.isLoading) return /* @__PURE__ */ S(s, { label: k("insights.loading", "Crunching your spend insights…") });
-	if (E.isError) return /* @__PURE__ */ S(o, {
+	if (E.isLoading) return /* @__PURE__ */ S(c, { label: k("insights.loading", "Crunching your spend insights…") });
+	if (E.isError) return /* @__PURE__ */ S(s, {
 		message: k("insights.error", "Could not load insights."),
 		onRetry: () => void E.refetch()
 	});
@@ -121,11 +121,11 @@ var E = {
 							children: k("insights.portfolioByStatus", "Portfolio by status")
 						}), /* @__PURE__ */ C("div", {
 							className: "flex flex-col items-center gap-6 sm:flex-row",
-							children: [/* @__PURE__ */ S(u, {
+							children: [/* @__PURE__ */ S(d, {
 								data: j.statusData,
 								centerLabel: String(j.total),
 								centerSub: k("insights.subscriptions", "subscriptions")
-							}), /* @__PURE__ */ S(d, {
+							}), /* @__PURE__ */ S(f, {
 								className: "w-full sm:flex-1",
 								data: j.statusData
 							})]
@@ -137,7 +137,7 @@ var E = {
 						children: [/* @__PURE__ */ S("h3", {
 							className: "mb-4 text-sm font-semibold text-text-primary",
 							children: k("insights.spendByType", "Monthly spend by type")
-						}), j.kindData.length ? /* @__PURE__ */ S(l, {
+						}), j.kindData.length ? /* @__PURE__ */ S(u, {
 							data: j.kindData,
 							valueFormat: M
 						}) : /* @__PURE__ */ S("p", {
@@ -151,7 +151,7 @@ var E = {
 						children: [/* @__PURE__ */ S("h3", {
 							className: "mb-4 text-sm font-semibold text-text-primary",
 							children: k("insights.renewalForecast", "Renewal forecast (6 mo)")
-						}), j.forecast.some((e) => e.value > 0) ? /* @__PURE__ */ S(l, {
+						}), j.forecast.some((e) => e.value > 0) ? /* @__PURE__ */ S(u, {
 							data: j.forecast,
 							valueFormat: M
 						}) : /* @__PURE__ */ S("p", {
@@ -163,7 +163,7 @@ var E = {
 			}),
 			/* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ S(c, {
+				children: [/* @__PURE__ */ S(l, {
 					title: k("insights.topCosts", "Top monthly costs"),
 					children: /* @__PURE__ */ S(w, {
 						treatment: "plain",
@@ -182,7 +182,7 @@ var E = {
 							})]
 						}, e.id))
 					})
-				}), /* @__PURE__ */ S(c, {
+				}), /* @__PURE__ */ S(l, {
 					title: k("insights.healthWatchlist", "Health watchlist"),
 					children: j.watchlist.length ? /* @__PURE__ */ S(w, {
 						treatment: "plain",
@@ -194,7 +194,7 @@ var E = {
 									className: "w-32 shrink-0 truncate text-sm text-text-primary",
 									children: t.label
 								}),
-								/* @__PURE__ */ S(f, {
+								/* @__PURE__ */ S(p, {
 									className: "flex-1",
 									value: t.healthScore ?? 0,
 									tone: "negative"