@burdenoff/microfe-subscriberbot 2026.706.1 → 2026.706.3

package/dist/subscriberbot/pages/relationships/RelationshipsListPage.js

@@ -5,13 +5,15 @@ import { formatCurrency as r, formatDate as i, formatEnumLabel as a, formatInter
 import { StatusBadge as s } from "../../components/StatusBadge.js";
 import { EmptyState as c } from "../../components/EmptyState.js";
 import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
-import { useRelationships as d } from "../../hooks/useSubscriberBotApi.js";
-import { useMemo as f, useState as p } from "react";
-import { Plus as m, Repeat2 as h, Search as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { EmphasisPanel as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
+import { MiniProgress as d } from "../../components/viz.js";
+import "../../components/index.js";
+import { useRelationships as f } from "../../hooks/useSubscriberBotApi.js";
+import { useMemo as p, useState as m } from "react";
+import { ChevronRight as h, Plus as g, Repeat2 as _, Search as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { GlassCard as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/relationships/RelationshipsListPage.tsx
-var S = 20, C = [
+var w = 20, T = [
 	{
 		value: "",
 		label: "All statuses"
@@ -44,7 +46,7 @@ var S = 20, C = [
 		value: "CANCELLED",
 		label: "Cancelled"
 	}
-], w = [
+], E = [
 	{
 		value: "",
 		label: "All kinds"
@@ -81,160 +83,201 @@ var S = 20, C = [
 		value: "TRIAL",
 		label: "Trial"
 	}
-];
-function T() {
-	let { navigateTo: T } = e(), [E, D] = p(0), [O, k] = p(""), [A, j] = p(""), [M, N] = p(""), { data: P, isLoading: F, isError: I, refetch: L, isFetching: R } = d({
-		status: O || void 0,
-		kind: A || void 0,
+], D = "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]";
+function O(e) {
+	return e == null ? "accent" : e >= 66 ? "positive" : e >= 33 ? "warning" : "negative";
+}
+function k() {
+	let { navigateTo: k } = e(), [A, j] = m(0), [M, N] = m(""), [P, F] = m(""), [I, L] = m(""), [R, z] = m(""), { data: B, isLoading: V, isError: H, refetch: U, isFetching: W } = f({
+		status: M || void 0,
+		kind: P || void 0,
+		search: I || void 0,
 		pagination: {
-			limit: S,
-			offset: E * S
+			limit: w,
+			offset: A * w
 		}
-	}), z = f(() => P?.items ?? [], [P]), B = P?.pageInfo.hasMore ?? !1, V = f(() => {
-		if (!M.trim()) return z;
-		let e = M.toLowerCase();
-		return z.filter((t) => t.label.toLowerCase().includes(e) || (t.provider?.name?.toLowerCase().includes(e) ?? !1));
-	}, [z, M]);
-	return /* @__PURE__ */ y(n, {
+	}), G = p(() => B?.items ?? [], [B]), K = B?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ x(n, {
 		title: "Relationships",
 		description: "Every subscription, membership, license and contract you track",
-		actions: /* @__PURE__ */ y("button", {
+		actions: /* @__PURE__ */ x("button", {
 			type: "button",
-			onClick: () => T("/relationships/new"),
+			onClick: () => k("/relationships/new"),
 			className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
-			children: [/* @__PURE__ */ v(m, { className: "h-4 w-4" }), " Add relationship"]
+			children: [/* @__PURE__ */ b(g, { className: "h-4 w-4" }), " Add relationship"]
 		}),
 		children: [
-			/* @__PURE__ */ v(x, {
+			/* @__PURE__ */ b(C, {
 				className: "mb-4",
 				children: "This is the fundamental object of Subscriber Bot. Filter by lifecycle and kind, open any row to manage its plan, payment, entitlements, assets and renewals, or advance its lifecycle."
 			}),
-			/* @__PURE__ */ v(b, { children: /* @__PURE__ */ y("div", {
-				className: "relative",
-				children: [/* @__PURE__ */ v(g, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
-					type: "text",
-					placeholder: "Search relationships on this page…",
-					value: M,
-					onChange: (e) => N(e.target.value),
-					className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-				})]
-			}) }),
-			/* @__PURE__ */ y("div", {
-				className: "mt-4 flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ v("select", {
-					value: O,
-					onChange: (e) => {
-						k(e.target.value), D(0);
-					},
-					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-					children: C.map((e) => /* @__PURE__ */ v("option", {
-						value: e.value,
-						children: e.label
-					}, e.value))
-				}), /* @__PURE__ */ v("select", {
-					value: A,
-					onChange: (e) => {
-						j(e.target.value), D(0);
-					},
-					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-					children: w.map((e) => /* @__PURE__ */ v("option", {
-						value: e.value,
-						children: e.label
-					}, e.value))
-				})]
+			/* @__PURE__ */ b(S, {
+				treatment: "plain",
+				className: "p-3 sm:p-4",
+				children: /* @__PURE__ */ x("div", {
+					className: "flex flex-col gap-3 md:flex-row md:items-center",
+					children: [/* @__PURE__ */ x("form", {
+						onSubmit: (e) => {
+							e.preventDefault(), L(R.trim()), j(0);
+						},
+						className: "relative flex-1 min-w-0",
+						children: [/* @__PURE__ */ b(v, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b("input", {
+							type: "text",
+							"aria-label": "Search relationships by label",
+							placeholder: "Search relationships by label…",
+							value: R,
+							onChange: (e) => z(e.target.value),
+							className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+						})]
+					}), /* @__PURE__ */ x("div", {
+						className: "flex flex-wrap gap-2 sm:flex-nowrap",
+						children: [/* @__PURE__ */ b("select", {
+							"aria-label": "Filter by kind",
+							value: P,
+							onChange: (e) => {
+								F(e.target.value), j(0);
+							},
+							className: t(D, "flex-1 sm:flex-none"),
+							children: E.map((e) => /* @__PURE__ */ b("option", {
+								value: e.value,
+								children: e.label
+							}, e.value))
+						}), /* @__PURE__ */ b("select", {
+							"aria-label": "Filter by status",
+							value: M,
+							onChange: (e) => {
+								N(e.target.value), j(0);
+							},
+							className: t(D, "flex-1 sm:flex-none"),
+							children: T.map((e) => /* @__PURE__ */ b("option", {
+								value: e.value,
+								children: e.label
+							}, e.value))
+						})]
+					})]
+				})
 			}),
-			F ? /* @__PURE__ */ v(u, { label: "Loading relationships…" }) : I ? /* @__PURE__ */ v(l, {
+			V ? /* @__PURE__ */ b(u, { label: "Loading relationships…" }) : H ? /* @__PURE__ */ b(l, {
 				message: "Could not load relationships.",
-				onRetry: () => void L()
-			}) : V.length === 0 ? /* @__PURE__ */ v("div", {
+				onRetry: () => void U()
+			}) : G.length === 0 ? /* @__PURE__ */ b("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ v(c, {
+				children: /* @__PURE__ */ b(c, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ v(h, { className: "h-12 w-12" }),
+					icon: /* @__PURE__ */ b(_, { className: "h-12 w-12" }),
 					title: "No relationships found",
-					description: M ? `No matches for "${M}" on this page.` : "Add your first recurring relationship to start tracking it.",
-					action: /* @__PURE__ */ v("button", {
+					description: I ? `No relationships match "${I}".` : "Add your first recurring relationship to start tracking it.",
+					action: /* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: () => T("/relationships/new"),
+						onClick: () => k("/relationships/new"),
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
 						children: "Add relationship"
 					})
 				})
-			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("div", {
-				className: "mt-6 overflow-hidden rounded-lg border border-border-subtle bg-bg-surface",
-				children: [/* @__PURE__ */ y("div", {
-					className: "hidden grid-cols-[2fr_1fr_1fr_1fr_1fr] gap-4 border-b border-border-subtle bg-bg-sunken px-4 py-2.5 text-xs font-medium text-text-secondary sm:grid",
-					children: [
-						/* @__PURE__ */ v("span", { children: "Relationship" }),
-						/* @__PURE__ */ v("span", { children: "Kind" }),
-						/* @__PURE__ */ v("span", { children: "Status" }),
-						/* @__PURE__ */ v("span", {
-							className: "text-right",
-							children: "Amount"
-						}),
-						/* @__PURE__ */ v("span", {
-							className: "text-right",
-							children: "Renews"
-						})
-					]
-				}), /* @__PURE__ */ v("div", {
-					className: "divide-y divide-border-subtle",
-					children: V.map((e) => /* @__PURE__ */ y("button", {
-						type: "button",
-						onClick: () => T(`/relationships/${e.id}`),
-						className: "grid w-full grid-cols-1 gap-2 px-4 py-3 text-left hover:bg-bg-sunken sm:grid-cols-[2fr_1fr_1fr_1fr_1fr] sm:items-center sm:gap-4",
-						children: [
-							/* @__PURE__ */ y("div", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ v("p", {
-									className: "truncate text-sm font-medium text-text-primary",
-									children: e.label
-								}), e.provider?.name && /* @__PURE__ */ v("p", {
-									className: "truncate text-xs text-text-secondary",
-									children: e.provider.name
-								})]
-							}),
-							/* @__PURE__ */ v("span", {
-								className: "text-xs text-text-secondary",
-								children: a(e.kind)
-							}),
-							/* @__PURE__ */ v("span", { children: /* @__PURE__ */ v(s, { status: e.status }) }),
-							/* @__PURE__ */ y("span", {
-								className: "text-sm font-semibold tabular-nums text-text-primary sm:text-right",
-								children: [r(e.amount, e.currency), /* @__PURE__ */ v("span", {
-									className: "text-xs font-normal text-text-secondary",
-									children: o(e.interval)
-								})]
-							}),
-							/* @__PURE__ */ v("span", {
-								className: "text-xs text-text-secondary sm:text-right",
-								children: e.renewsAt ? i(e.renewsAt) : "—"
+			}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(S, {
+				treatment: "plain",
+				className: "mt-4 overflow-hidden p-0",
+				children: /* @__PURE__ */ b("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ x("div", {
+						className: "min-w-[720px]",
+						children: [/* @__PURE__ */ x("div", {
+							className: "grid grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] gap-4 border-b border-border-seam bg-bg-sunken/60 px-4 py-2.5 text-xs font-medium uppercase tracking-wide text-text-secondary",
+							children: [
+								/* @__PURE__ */ b("span", { children: "Subscription" }),
+								/* @__PURE__ */ b("span", { children: "Kind" }),
+								/* @__PURE__ */ b("span", { children: "Status" }),
+								/* @__PURE__ */ b("span", {
+									className: "text-right",
+									children: "Amount"
+								}),
+								/* @__PURE__ */ b("span", {
+									className: "text-right",
+									children: "Renews on"
+								}),
+								/* @__PURE__ */ b("span", { children: "Health" })
+							]
+						}), /* @__PURE__ */ b("div", {
+							className: "divide-y divide-border-subtle",
+							children: G.map((e) => {
+								let t = e.healthScore;
+								return /* @__PURE__ */ x("button", {
+									type: "button",
+									onClick: () => k(`/relationships/${e.id}`),
+									className: "group grid w-full grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] items-center gap-4 px-4 py-3.5 text-left transition-colors hover:bg-bg-sunken",
+									children: [
+										/* @__PURE__ */ b("div", {
+											className: "flex min-w-0 items-center gap-2",
+											children: /* @__PURE__ */ x("div", {
+												className: "min-w-0",
+												children: [/* @__PURE__ */ b("p", {
+													className: "truncate text-sm font-semibold text-text-primary",
+													children: e.label
+												}), e.provider?.name && /* @__PURE__ */ b("p", {
+													className: "truncate text-xs text-text-secondary",
+													children: e.provider.name
+												})]
+											})
+										}),
+										/* @__PURE__ */ b("span", { children: /* @__PURE__ */ b("span", {
+											className: "inline-flex items-center rounded-md bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
+											children: a(e.kind)
+										}) }),
+										/* @__PURE__ */ b("span", { children: /* @__PURE__ */ b(s, { status: e.status }) }),
+										/* @__PURE__ */ x("span", {
+											className: "text-right text-sm font-semibold tabular-nums text-text-primary",
+											children: [r(e.amount, e.currency), /* @__PURE__ */ b("span", {
+												className: "text-xs font-normal text-text-secondary",
+												children: o(e.interval)
+											})]
+										}),
+										/* @__PURE__ */ b("span", {
+											className: "text-right text-xs text-text-secondary",
+											children: e.renewsAt ? i(e.renewsAt) : "—"
+										}),
+										/* @__PURE__ */ x("span", {
+											className: "flex items-center gap-2",
+											children: [t == null ? /* @__PURE__ */ b("span", {
+												className: "text-xs text-text-secondary",
+												children: "—"
+											}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(d, {
+												value: t,
+												max: 100,
+												tone: O(t),
+												className: "w-16 shrink-0 sm:w-20"
+											}), /* @__PURE__ */ b("span", {
+												className: "text-xs tabular-nums text-text-secondary",
+												children: t
+											})] }), /* @__PURE__ */ b(h, { className: "ml-auto h-4 w-4 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100" })]
+										})
+									]
+								}, e.id);
 							})
-						]
-					}, e.id))
-				})]
-			}), /* @__PURE__ */ y("div", {
+						})]
+					})
+				})
+			}), /* @__PURE__ */ x("div", {
 				className: "mt-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ y("p", {
+				children: [/* @__PURE__ */ x("p", {
 					className: "text-xs text-text-secondary",
 					children: [
 						"Page ",
-						E + 1,
-						R ? " · refreshing…" : ""
+						A + 1,
+						W ? " · refreshing…" : ""
 					]
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ v("button", {
+					children: [/* @__PURE__ */ b("button", {
 						type: "button",
-						disabled: E === 0,
-						onClick: () => D((e) => Math.max(0, e - 1)),
-						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", E === 0 ? "cursor-not-allowed text-text-secondary opacity-50" : "text-text-primary hover:bg-bg-sunken"),
+						disabled: A === 0,
+						onClick: () => j((e) => Math.max(0, e - 1)),
+						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", A === 0 ? "cursor-not-allowed text-text-secondary opacity-50" : "text-text-primary hover:bg-bg-sunken"),
 						children: "Previous"
-					}), /* @__PURE__ */ v("button", {
+					}), /* @__PURE__ */ b("button", {
 						type: "button",
-						disabled: !B,
-						onClick: () => D((e) => e + 1),
-						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", B ? "text-text-primary hover:bg-bg-sunken" : "cursor-not-allowed text-text-secondary opacity-50"),
+						disabled: !K,
+						onClick: () => j((e) => e + 1),
+						className: t("rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium", K ? "text-text-primary hover:bg-bg-sunken" : "cursor-not-allowed text-text-secondary opacity-50"),
 						children: "Next"
 					})]
 				})]
@@ -243,6 +286,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as RelationshipsListPage };
+export { k as RelationshipsListPage };
 
 //# sourceMappingURL=RelationshipsListPage.js.map

package/dist/subscriberbot/pages/relationships/RelationshipsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelationshipsListPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipsListPage.tsx"],"sourcesContent":["/**\n * Relationships list\n * @module subscriberbot/pages/relationships\n *\n * The core CRUDL list — every recurring relationship (subscription /\n * membership / license / contract) in one paginated, filterable view.\n * Data comes from `subListRelationships` (a SubRelationshipConnection).\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, Search, Repeat2 } from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useRelationships } from '../../hooks/useSubscriberBotApi';\nimport { cn } from '../../utils/cn';\nimport {\n  formatCurrency,\n  formatDate,\n  formatEnumLabel,\n  formatIntervalSuffix,\n} from '../../utils/formatters';\nimport type { SubRelationshipKind, SubRelationshipStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nconst STATUS_OPTIONS: Array<{ value: '' | SubRelationshipStatus; label: string }> = [\n  { value: '', label: 'All statuses' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'TRIAL', label: 'Trial' },\n  { value: 'PAUSED', label: 'Paused' },\n  { value: 'PAST_DUE', label: 'Past due' },\n  { value: 'LAPSED', label: 'Lapsed' },\n  { value: 'EXPIRED', label: 'Expired' },\n  { value: 'CANCELLED', label: 'Cancelled' },\n];\n\nconst KIND_OPTIONS: Array<{ value: '' | SubRelationshipKind; label: string }> = [\n  { value: '', label: 'All kinds' },\n  { value: 'SUBSCRIPTION', label: 'Subscription' },\n  { value: 'MEMBERSHIP', label: 'Membership' },\n  { value: 'LICENSE', label: 'License' },\n  { value: 'CONTRACT', label: 'Contract' },\n  { value: 'NEWSLETTER', label: 'Newsletter' },\n  { value: 'RECURRING_PAYMENT', label: 'Recurring payment' },\n  { value: 'ENROLLMENT', label: 'Enrollment' },\n  { value: 'TRIAL', label: 'Trial' },\n];\n\nexport function RelationshipsListPage() {\n  const { navigateTo } = useSubscriberBot();\n  const [page, setPage] = useState(0);\n  const [statusFilter, setStatusFilter] = useState<'' | SubRelationshipStatus>('');\n  const [kindFilter, setKindFilter] = useState<'' | SubRelationshipKind>('');\n  const [search, setSearch] = useState('');\n\n  const { data, isLoading, isError, refetch, isFetching } = useRelationships({\n    status: statusFilter || undefined,\n    kind: kindFilter || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n\n  const items = useMemo(() => data?.items ?? [], [data]);\n  const hasMore = data?.pageInfo.hasMore ?? false;\n\n  // Client-side label search over the current page (server has no search arg).\n  const visible = useMemo(() => {\n    if (!search.trim()) return items;\n    const q = search.toLowerCase();\n    return items.filter(\n      (r) =>\n        r.label.toLowerCase().includes(q) || (r.provider?.name?.toLowerCase().includes(q) ?? false)\n    );\n  }, [items, search]);\n\n  return (\n    <PageLayout\n      title=\"Relationships\"\n      description=\"Every subscription, membership, license and contract you track\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/relationships/new')}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" /> Add relationship\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-4\">\n        This is the fundamental object of Subscriber Bot. Filter by lifecycle and kind, open any row\n        to manage its plan, payment, entitlements, assets and renewals, or advance its lifecycle.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <div className=\"relative\">\n          <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n          <input\n            type=\"text\"\n            placeholder=\"Search relationships on this page…\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          />\n        </div>\n      </EmphasisPanel>\n\n      <div className=\"mt-4 flex flex-wrap items-center gap-3\">\n        <select\n          value={statusFilter}\n          onChange={(e) => {\n            setStatusFilter(e.target.value as '' | SubRelationshipStatus);\n            setPage(0);\n          }}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          {STATUS_OPTIONS.map((o) => (\n            <option key={o.value} value={o.value}>\n              {o.label}\n            </option>\n          ))}\n        </select>\n        <select\n          value={kindFilter}\n          onChange={(e) => {\n            setKindFilter(e.target.value as '' | SubRelationshipKind);\n            setPage(0);\n          }}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          {KIND_OPTIONS.map((o) => (\n            <option key={o.value} value={o.value}>\n              {o.label}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading relationships…\" />\n      ) : isError ? (\n        <ErrorView message=\"Could not load relationships.\" onRetry={() => void refetch()} />\n      ) : visible.length === 0 ? (\n        <div className=\"mt-6\">\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Repeat2 className=\"h-12 w-12\" />}\n            title=\"No relationships found\"\n            description={\n              search\n                ? `No matches for \"${search}\" on this page.`\n                : 'Add your first recurring relationship to start tracking it.'\n            }\n            action={\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/relationships/new')}\n                className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n              >\n                Add relationship\n              </button>\n            }\n          />\n        </div>\n      ) : (\n        <>\n          <div className=\"mt-6 overflow-hidden rounded-lg border border-border-subtle bg-bg-surface\">\n            <div className=\"hidden grid-cols-[2fr_1fr_1fr_1fr_1fr] gap-4 border-b border-border-subtle bg-bg-sunken px-4 py-2.5 text-xs font-medium text-text-secondary sm:grid\">\n              <span>Relationship</span>\n              <span>Kind</span>\n              <span>Status</span>\n              <span className=\"text-right\">Amount</span>\n              <span className=\"text-right\">Renews</span>\n            </div>\n            <div className=\"divide-y divide-border-subtle\">\n              {visible.map((r) => (\n                <button\n                  key={r.id}\n                  type=\"button\"\n                  onClick={() => navigateTo(`/relationships/${r.id}`)}\n                  className=\"grid w-full grid-cols-1 gap-2 px-4 py-3 text-left hover:bg-bg-sunken sm:grid-cols-[2fr_1fr_1fr_1fr_1fr] sm:items-center sm:gap-4\"\n                >\n                  <div className=\"min-w-0\">\n                    <p className=\"truncate text-sm font-medium text-text-primary\">{r.label}</p>\n                    {r.provider?.name && (\n                      <p className=\"truncate text-xs text-text-secondary\">{r.provider.name}</p>\n                    )}\n                  </div>\n                  <span className=\"text-xs text-text-secondary\">{formatEnumLabel(r.kind)}</span>\n                  <span>\n                    <StatusBadge status={r.status} />\n                  </span>\n                  <span className=\"text-sm font-semibold tabular-nums text-text-primary sm:text-right\">\n                    {formatCurrency(r.amount, r.currency)}\n                    <span className=\"text-xs font-normal text-text-secondary\">\n                      {formatIntervalSuffix(r.interval)}\n                    </span>\n                  </span>\n                  <span className=\"text-xs text-text-secondary sm:text-right\">\n                    {r.renewsAt ? formatDate(r.renewsAt) : '—'}\n                  </span>\n                </button>\n              ))}\n            </div>\n          </div>\n\n          <div className=\"mt-4 flex items-center justify-between\">\n            <p className=\"text-xs text-text-secondary\">\n              Page {page + 1}\n              {isFetching ? ' · refreshing…' : ''}\n            </p>\n            <div className=\"flex gap-2\">\n              <button\n                type=\"button\"\n                disabled={page === 0}\n                onClick={() => setPage((p) => Math.max(0, p - 1))}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  page === 0\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                Previous\n              </button>\n              <button\n                type=\"button\"\n                disabled={!hasMore}\n                onClick={() => setPage((p) => p + 1)}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  !hasMore\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                Next\n              </button>\n            </div>\n          </div>\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"RelationshipsListPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipsListPage.tsx"],"sourcesContent":["/**\n * Relationships list\n * @module subscriberbot/pages/relationships\n *\n * The core CRUDL list — every recurring relationship (subscription /\n * membership / license / contract) in one paginated, filterable view.\n * Data comes from `subListRelationships` (a SubRelationshipConnection).\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, Search, Repeat2, ChevronRight } from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { MiniProgress } from '../../components';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useRelationships } from '../../hooks/useSubscriberBotApi';\nimport { cn } from '../../utils/cn';\nimport {\n  formatCurrency,\n  formatDate,\n  formatEnumLabel,\n  formatIntervalSuffix,\n} from '../../utils/formatters';\nimport type { SubRelationshipKind, SubRelationshipStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nconst STATUS_OPTIONS: Array<{ value: '' | SubRelationshipStatus; label: string }> = [\n  { value: '', label: 'All statuses' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'TRIAL', label: 'Trial' },\n  { value: 'PAUSED', label: 'Paused' },\n  { value: 'PAST_DUE', label: 'Past due' },\n  { value: 'LAPSED', label: 'Lapsed' },\n  { value: 'EXPIRED', label: 'Expired' },\n  { value: 'CANCELLED', label: 'Cancelled' },\n];\n\nconst KIND_OPTIONS: Array<{ value: '' | SubRelationshipKind; label: string }> = [\n  { value: '', label: 'All kinds' },\n  { value: 'SUBSCRIPTION', label: 'Subscription' },\n  { value: 'MEMBERSHIP', label: 'Membership' },\n  { value: 'LICENSE', label: 'License' },\n  { value: 'CONTRACT', label: 'Contract' },\n  { value: 'NEWSLETTER', label: 'Newsletter' },\n  { value: 'RECURRING_PAYMENT', label: 'Recurring payment' },\n  { value: 'ENROLLMENT', label: 'Enrollment' },\n  { value: 'TRIAL', label: 'Trial' },\n];\n\nconst selectCls =\n  'rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\n\n/** Map a 0–100 health score onto a MiniProgress tone. */\nfunction healthTone(score: number | null | undefined): 'positive' | 'accent' | 'warning' | 'negative' {\n  if (score == null) return 'accent';\n  if (score >= 66) return 'positive';\n  if (score >= 33) return 'warning';\n  return 'negative';\n}\n\nexport function RelationshipsListPage() {\n  const { navigateTo } = useSubscriberBot();\n  const [page, setPage] = useState(0);\n  const [statusFilter, setStatusFilter] = useState<'' | SubRelationshipStatus>('');\n  const [kindFilter, setKindFilter] = useState<'' | SubRelationshipKind>('');\n  const [search, setSearch] = useState('');\n  const [searchInput, setSearchInput] = useState('');\n\n  const { data, isLoading, isError, refetch, isFetching } = useRelationships({\n    status: statusFilter || undefined,\n    kind: kindFilter || undefined,\n    search: search || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n\n  const items = useMemo(() => data?.items ?? [], [data]);\n  const hasMore = data?.pageInfo.hasMore ?? false;\n\n  const submitSearch = (e: React.FormEvent) => {\n    e.preventDefault();\n    setSearch(searchInput.trim());\n    setPage(0);\n  };\n\n  return (\n    <PageLayout\n      title=\"Relationships\"\n      description=\"Every subscription, membership, license and contract you track\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/relationships/new')}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" /> Add relationship\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-4\">\n        This is the fundamental object of Subscriber Bot. Filter by lifecycle and kind, open any row\n        to manage its plan, payment, entitlements, assets and renewals, or advance its lifecycle.\n      </PagePurpose>\n\n      {/* Toolbar — search + filters, responsive */}\n      <GlassCard treatment=\"plain\" className=\"p-3 sm:p-4\">\n        <div className=\"flex flex-col gap-3 md:flex-row md:items-center\">\n          <form onSubmit={submitSearch} className=\"relative flex-1 min-w-0\">\n            <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <input\n              type=\"text\"\n              aria-label=\"Search relationships by label\"\n              placeholder=\"Search relationships by label…\"\n              value={searchInput}\n              onChange={(e) => setSearchInput(e.target.value)}\n              className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            />\n          </form>\n          <div className=\"flex flex-wrap gap-2 sm:flex-nowrap\">\n            <select\n              aria-label=\"Filter by kind\"\n              value={kindFilter}\n              onChange={(e) => {\n                setKindFilter(e.target.value as '' | SubRelationshipKind);\n                setPage(0);\n              }}\n              className={cn(selectCls, 'flex-1 sm:flex-none')}\n            >\n              {KIND_OPTIONS.map((o) => (\n                <option key={o.value} value={o.value}>\n                  {o.label}\n                </option>\n              ))}\n            </select>\n            <select\n              aria-label=\"Filter by status\"\n              value={statusFilter}\n              onChange={(e) => {\n                setStatusFilter(e.target.value as '' | SubRelationshipStatus);\n                setPage(0);\n              }}\n              className={cn(selectCls, 'flex-1 sm:flex-none')}\n            >\n              {STATUS_OPTIONS.map((o) => (\n                <option key={o.value} value={o.value}>\n                  {o.label}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n      </GlassCard>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading relationships…\" />\n      ) : isError ? (\n        <ErrorView message=\"Could not load relationships.\" onRetry={() => void refetch()} />\n      ) : items.length === 0 ? (\n        <div className=\"mt-6\">\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Repeat2 className=\"h-12 w-12\" />}\n            title=\"No relationships found\"\n            description={\n              search\n                ? `No relationships match \"${search}\".`\n                : 'Add your first recurring relationship to start tracking it.'\n            }\n            action={\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/relationships/new')}\n                className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n              >\n                Add relationship\n              </button>\n            }\n          />\n        </div>\n      ) : (\n        <>\n          {/* Portfolio table — scrolls horizontally on small screens, never the page */}\n          <GlassCard treatment=\"plain\" className=\"mt-4 overflow-hidden p-0\">\n            <div className=\"overflow-x-auto\">\n              <div className=\"min-w-[720px]\">\n                <div className=\"grid grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] gap-4 border-b border-border-seam bg-bg-sunken/60 px-4 py-2.5 text-xs font-medium uppercase tracking-wide text-text-secondary\">\n                  <span>Subscription</span>\n                  <span>Kind</span>\n                  <span>Status</span>\n                  <span className=\"text-right\">Amount</span>\n                  <span className=\"text-right\">Renews on</span>\n                  <span>Health</span>\n                </div>\n                <div className=\"divide-y divide-border-subtle\">\n                  {items.map((r) => {\n                    const score = r.healthScore;\n                    return (\n                      <button\n                        key={r.id}\n                        type=\"button\"\n                        onClick={() => navigateTo(`/relationships/${r.id}`)}\n                        className=\"group grid w-full grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] items-center gap-4 px-4 py-3.5 text-left transition-colors hover:bg-bg-sunken\"\n                      >\n                        <div className=\"flex min-w-0 items-center gap-2\">\n                          <div className=\"min-w-0\">\n                            <p className=\"truncate text-sm font-semibold text-text-primary\">\n                              {r.label}\n                            </p>\n                            {r.provider?.name && (\n                              <p className=\"truncate text-xs text-text-secondary\">\n                                {r.provider.name}\n                              </p>\n                            )}\n                          </div>\n                        </div>\n                        <span>\n                          <span className=\"inline-flex items-center rounded-md bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n                            {formatEnumLabel(r.kind)}\n                          </span>\n                        </span>\n                        <span>\n                          <StatusBadge status={r.status} />\n                        </span>\n                        <span className=\"text-right text-sm font-semibold tabular-nums text-text-primary\">\n                          {formatCurrency(r.amount, r.currency)}\n                          <span className=\"text-xs font-normal text-text-secondary\">\n                            {formatIntervalSuffix(r.interval)}\n                          </span>\n                        </span>\n                        <span className=\"text-right text-xs text-text-secondary\">\n                          {r.renewsAt ? formatDate(r.renewsAt) : '—'}\n                        </span>\n                        <span className=\"flex items-center gap-2\">\n                          {score != null ? (\n                            <>\n                              <MiniProgress\n                                value={score}\n                                max={100}\n                                tone={healthTone(score)}\n                                className=\"w-16 shrink-0 sm:w-20\"\n                              />\n                              <span className=\"text-xs tabular-nums text-text-secondary\">{score}</span>\n                            </>\n                          ) : (\n                            <span className=\"text-xs text-text-secondary\">—</span>\n                          )}\n                          <ChevronRight className=\"ml-auto h-4 w-4 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100\" />\n                        </span>\n                      </button>\n                    );\n                  })}\n                </div>\n              </div>\n            </div>\n          </GlassCard>\n\n          <div className=\"mt-4 flex items-center justify-between\">\n            <p className=\"text-xs text-text-secondary\">\n              Page {page + 1}\n              {isFetching ? ' · refreshing…' : ''}\n            </p>\n            <div className=\"flex gap-2\">\n              <button\n                type=\"button\"\n                disabled={page === 0}\n                onClick={() => setPage((p) => Math.max(0, p - 1))}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  page === 0\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                Previous\n              </button>\n              <button\n                type=\"button\"\n                disabled={!hasMore}\n                onClick={() => setPage((p) => p + 1)}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  !hasMore\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                Next\n              </button>\n            </div>\n          </div>\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-subscriberbot",
-  "version": "2026.706.1",
+  "version": "2026.706.3",
   "description": "Burdenoff SubscriberBot Microfrontend",
   "type": "module",
   "files": [