@burdenoff/microfe-subscriberbot 2026.706.2 → 2026.710.1

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

@@ -3,11 +3,11 @@ import { PageLayout as t } from "../../components/PageLayout.js";
 import { ErrorView as n } from "../../components/StateViews.js";
 import { useCreateRelationship as r, usePlans as i, useProviders as a } from "../../hooks/useSubscriberBotApi.js";
 import { useState as o } from "react";
-import { ArrowLeft as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { PagePurpose as u } from "@burdenoff/fe-libs/ui";
+import { ArrowLeft as s, Building2 as c, StickyNote as l, Tag as u, Wallet as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { GlassCard as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/relationships/RelationshipNewPage.tsx
-var d = [
+var g = [
 	"SUBSCRIPTION",
 	"MEMBERSHIP",
 	"LICENSE",
@@ -16,7 +16,7 @@ var d = [
 	"RECURRING_PAYMENT",
 	"ENROLLMENT",
 	"TRIAL"
-], f = [
+], _ = [
 	"MONTHLY",
 	"YEARLY",
 	"QUARTERLY",
@@ -25,220 +25,270 @@ var d = [
 	"USAGE_BASED",
 	"LIFETIME",
 	"FREE"
-], p = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", m = "mb-1 block text-xs font-medium text-text-secondary";
-function h() {
-	let { navigateTo: h } = e(), g = r(), _ = a({ pagination: {
+], v = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", y = "mb-1.5 block text-xs font-medium text-text-secondary";
+function b({ icon: e, title: t, description: n, children: r }) {
+	return /* @__PURE__ */ p(m, {
+		treatment: "metric",
+		className: "p-5 sm:p-6",
+		children: [/* @__PURE__ */ p("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ f("span", {
+				className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
+				children: e
+			}), /* @__PURE__ */ p("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ f("h2", {
+					className: "text-sm font-semibold text-text-primary",
+					children: t
+				}), /* @__PURE__ */ f("p", {
+					className: "mt-0.5 text-xs text-text-secondary",
+					children: n
+				})]
+			})]
+		}), /* @__PURE__ */ f("div", {
+			className: "mt-4",
+			children: r
+		})]
+	});
+}
+function x() {
+	let { navigateTo: m } = e(), x = r(), S = a({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), [v, y] = o(""), [b, x] = o("SUBSCRIPTION"), [S, C] = o(""), [w, T] = o(""), [E, D] = o(""), [O, k] = o("USD"), [A, j] = o("MONTHLY"), [M, N] = o(""), [P, F] = o(!0), [I, L] = o(""), [R, z] = o(null), B = i(S || void 0), V = _.data?.items ?? [], H = B.data ?? [];
-	return _.isError ? /* @__PURE__ */ c(t, {
+	} }), [C, w] = o(""), [T, E] = o("SUBSCRIPTION"), [D, O] = o(""), [k, A] = o(""), [j, M] = o(""), [N, P] = o("USD"), [F, I] = o("MONTHLY"), [L, R] = o(""), [z, B] = o(!0), [V, H] = o(""), [U, W] = o(null), G = i(D || void 0), K = S.data?.items ?? [], q = G.data ?? [];
+	return S.isError ? /* @__PURE__ */ f(t, {
 		title: "Add relationship",
-		children: /* @__PURE__ */ c(n, {
+		children: /* @__PURE__ */ f(n, {
 			message: "Could not load the provider registry.",
-			onRetry: () => void _.refetch()
+			onRetry: () => void S.refetch()
 		})
-	}) : /* @__PURE__ */ l(t, {
+	}) : /* @__PURE__ */ p(t, {
 		title: "Add relationship",
 		description: "Track a new recurring digital relationship",
-		actions: /* @__PURE__ */ l("button", {
+		actions: /* @__PURE__ */ p("button", {
 			type: "button",
-			onClick: () => h("/relationships"),
+			onClick: () => m("/relationships"),
 			className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-			children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), " Back"]
+			children: [/* @__PURE__ */ f(s, { className: "h-4 w-4" }), " Back"]
 		}),
-		children: [/* @__PURE__ */ c(u, {
+		children: [/* @__PURE__ */ f(h, {
 			className: "mb-6",
 			children: "Manually add a subscription, membership, license or contract. Link it to a provider and plan from the registry, set the price and renewal date, and Subscriber Bot will track its lifecycle from here."
-		}), /* @__PURE__ */ l("form", {
+		}), /* @__PURE__ */ p("form", {
 			onSubmit: (e) => {
-				if (e.preventDefault(), z(null), !v.trim()) {
-					z("A label is required.");
+				if (e.preventDefault(), W(null), !C.trim()) {
+					W("A label is required.");
 					return;
 				}
 				let t = {
-					label: v.trim(),
-					kind: b,
-					interval: A,
-					autoRenew: P,
-					currency: O.trim() || "USD",
-					...S ? { providerId: S } : {},
-					...w ? { planId: w } : {},
-					...E ? { amount: Number(E) } : {},
-					...M ? { renewsAt: new Date(M).toISOString() } : {},
-					...I.trim() ? { notes: I.trim() } : {}
+					label: C.trim(),
+					kind: T,
+					interval: F,
+					autoRenew: z,
+					currency: N.trim() || "USD",
+					...D ? { providerId: D } : {},
+					...k ? { planId: k } : {},
+					...j ? { amount: Number(j) } : {},
+					...L ? { renewsAt: new Date(L).toISOString() } : {},
+					...V.trim() ? { notes: V.trim() } : {}
 				};
-				g.mutate(t, {
-					onSuccess: (e) => h(`/relationships/${e.id}`),
-					onError: (e) => z(e instanceof Error ? e.message : "Could not create relationship.")
+				x.mutate(t, {
+					onSuccess: (e) => m(`/relationships/${e.id}`),
+					onError: (e) => W(e instanceof Error ? e.message : "Could not create relationship.")
 				});
 			},
-			className: "max-w-2xl space-y-5",
+			className: "max-w-3xl space-y-5",
 			children: [
-				R && /* @__PURE__ */ c("div", {
+				U && /* @__PURE__ */ f("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: R
-				}),
-				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("label", {
-					htmlFor: "rel-label",
-					className: m,
-					children: ["Label ", /* @__PURE__ */ c("span", {
-						className: "text-status-error-text",
-						children: "*"
-					})]
-				}), /* @__PURE__ */ c("input", {
-					id: "rel-label",
-					type: "text",
-					value: v,
-					onChange: (e) => y(e.target.value),
-					placeholder: "e.g. Netflix Premium, AWS Production",
-					className: p,
-					required: !0
-				})] }),
-				/* @__PURE__ */ l("div", {
-					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-						htmlFor: "rel-kind",
-						className: m,
-						children: "Kind"
-					}), /* @__PURE__ */ c("select", {
-						id: "rel-kind",
-						value: b,
-						onChange: (e) => x(e.target.value),
-						className: p,
-						children: d.map((e) => /* @__PURE__ */ c("option", {
-							value: e,
-							children: e.replace(/_/g, " ")
-						}, e))
-					})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-						htmlFor: "rel-provider",
-						className: m,
-						children: "Provider"
-					}), /* @__PURE__ */ l("select", {
-						id: "rel-provider",
-						value: S,
-						onChange: (e) => {
-							C(e.target.value), T("");
-						},
-						className: p,
-						children: [/* @__PURE__ */ c("option", {
-							value: "",
-							children: "— None —"
-						}), V.map((e) => /* @__PURE__ */ c("option", {
-							value: e.id,
-							children: e.name
-						}, e.id))]
-					})] })]
+					children: U
 				}),
-				S && H.length > 0 && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-					htmlFor: "rel-plan",
-					className: m,
-					children: "Plan"
-				}), /* @__PURE__ */ l("select", {
-					id: "rel-plan",
-					value: w,
-					onChange: (e) => T(e.target.value),
-					className: p,
-					children: [/* @__PURE__ */ c("option", {
-						value: "",
-						children: "— None —"
-					}), H.map((e) => /* @__PURE__ */ c("option", {
-						value: e.id,
-						children: e.name
-					}, e.id))]
-				})] }),
-				/* @__PURE__ */ l("div", {
-					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
-					children: [
-						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-							htmlFor: "rel-amount",
-							className: m,
-							children: "Amount"
-						}), /* @__PURE__ */ c("input", {
-							id: "rel-amount",
-							type: "number",
-							min: "0",
-							step: "0.01",
-							value: E,
-							onChange: (e) => D(e.target.value),
-							placeholder: "0.00",
-							className: p
-						})] }),
-						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-							htmlFor: "rel-currency",
-							className: m,
-							children: "Currency"
-						}), /* @__PURE__ */ c("input", {
-							id: "rel-currency",
+				/* @__PURE__ */ f(b, {
+					icon: /* @__PURE__ */ f(u, { className: "h-4 w-4" }),
+					title: "Basics",
+					description: "Name this relationship and choose what kind it is.",
+					children: /* @__PURE__ */ p("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("label", {
+							htmlFor: "rel-label",
+							className: y,
+							children: ["Label ", /* @__PURE__ */ f("span", {
+								className: "text-status-error-text",
+								children: "*"
+							})]
+						}), /* @__PURE__ */ f("input", {
+							id: "rel-label",
 							type: "text",
-							value: O,
-							onChange: (e) => k(e.target.value.toUpperCase()),
-							placeholder: "USD",
-							maxLength: 3,
-							className: p
-						})] }),
-						/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-							htmlFor: "rel-interval",
-							className: m,
-							children: "Billing interval"
-						}), /* @__PURE__ */ c("select", {
-							id: "rel-interval",
-							value: A,
-							onChange: (e) => j(e.target.value),
-							className: p,
-							children: f.map((e) => /* @__PURE__ */ c("option", {
-								value: e,
-								children: e.replace(/_/g, " ")
-							}, e))
-						})] })
-					]
+							value: C,
+							onChange: (e) => w(e.target.value),
+							placeholder: "e.g. Netflix Premium, AWS Production",
+							className: v,
+							required: !0
+						})] }), /* @__PURE__ */ p("div", {
+							className: "max-w-xs",
+							children: [/* @__PURE__ */ f("label", {
+								htmlFor: "rel-kind",
+								className: y,
+								children: "Kind"
+							}), /* @__PURE__ */ f("select", {
+								id: "rel-kind",
+								value: T,
+								onChange: (e) => E(e.target.value),
+								className: v,
+								children: g.map((e) => /* @__PURE__ */ f("option", {
+									value: e,
+									children: e.replace(/_/g, " ")
+								}, e))
+							})]
+						})]
+					})
 				}),
-				/* @__PURE__ */ l("div", {
-					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-						htmlFor: "rel-renews",
-						className: m,
-						children: "Renews on"
-					}), /* @__PURE__ */ c("input", {
-						id: "rel-renews",
-						type: "date",
-						value: M,
-						onChange: (e) => N(e.target.value),
-						className: p
-					})] }), /* @__PURE__ */ c("div", {
-						className: "flex items-end",
-						children: /* @__PURE__ */ l("label", {
-							className: "flex items-center gap-2 text-sm text-text-primary",
-							children: [/* @__PURE__ */ c("input", {
-								type: "checkbox",
-								checked: P,
-								onChange: (e) => F(e.target.checked),
-								className: "size-4 rounded border-border-subtle"
-							}), "Auto-renews"]
-						})
-					})]
+				/* @__PURE__ */ f(b, {
+					icon: /* @__PURE__ */ f(c, { className: "h-4 w-4" }),
+					title: "Provider & plan",
+					description: "Link this relationship to a provider and plan from the registry (optional).",
+					children: /* @__PURE__ */ p("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "rel-provider",
+							className: y,
+							children: "Provider"
+						}), /* @__PURE__ */ p("select", {
+							id: "rel-provider",
+							value: D,
+							onChange: (e) => {
+								O(e.target.value), A("");
+							},
+							className: v,
+							children: [/* @__PURE__ */ f("option", {
+								value: "",
+								children: "— None —"
+							}), K.map((e) => /* @__PURE__ */ f("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))]
+						})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "rel-plan",
+							className: y,
+							children: "Plan"
+						}), /* @__PURE__ */ p("select", {
+							id: "rel-plan",
+							value: k,
+							onChange: (e) => A(e.target.value),
+							className: v,
+							disabled: !D || q.length === 0,
+							children: [/* @__PURE__ */ f("option", {
+								value: "",
+								children: D ? q.length === 0 ? "No plans available" : "— None —" : "Select a provider first"
+							}), q.map((e) => /* @__PURE__ */ f("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))]
+						})] })]
+					})
+				}),
+				/* @__PURE__ */ f(b, {
+					icon: /* @__PURE__ */ f(d, { className: "h-4 w-4" }),
+					title: "Pricing & billing",
+					description: "Set the price, cadence and next renewal so Subscriber Bot can track it.",
+					children: /* @__PURE__ */ p("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ p("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+							children: [
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									htmlFor: "rel-amount",
+									className: y,
+									children: "Amount"
+								}), /* @__PURE__ */ f("input", {
+									id: "rel-amount",
+									type: "number",
+									min: "0",
+									step: "0.01",
+									value: j,
+									onChange: (e) => M(e.target.value),
+									placeholder: "0.00",
+									className: v
+								})] }),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									htmlFor: "rel-currency",
+									className: y,
+									children: "Currency"
+								}), /* @__PURE__ */ f("input", {
+									id: "rel-currency",
+									type: "text",
+									value: N,
+									onChange: (e) => P(e.target.value.toUpperCase()),
+									placeholder: "USD",
+									maxLength: 3,
+									className: v
+								})] }),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									htmlFor: "rel-interval",
+									className: y,
+									children: "Billing interval"
+								}), /* @__PURE__ */ f("select", {
+									id: "rel-interval",
+									value: F,
+									onChange: (e) => I(e.target.value),
+									className: v,
+									children: _.map((e) => /* @__PURE__ */ f("option", {
+										value: e,
+										children: e.replace(/_/g, " ")
+									}, e))
+								})] })
+							]
+						}), /* @__PURE__ */ p("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								htmlFor: "rel-renews",
+								className: y,
+								children: "Renews on"
+							}), /* @__PURE__ */ f("input", {
+								id: "rel-renews",
+								type: "date",
+								value: L,
+								onChange: (e) => R(e.target.value),
+								className: v
+							})] }), /* @__PURE__ */ p("label", {
+								className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 sm:mt-6",
+								children: [/* @__PURE__ */ f("input", {
+									type: "checkbox",
+									checked: z,
+									onChange: (e) => B(e.target.checked),
+									className: "size-4 rounded border-border-subtle"
+								}), /* @__PURE__ */ f("span", {
+									className: "text-sm text-text-primary",
+									children: "Auto-renews"
+								})]
+							})]
+						})]
+					})
+				}),
+				/* @__PURE__ */ f(b, {
+					icon: /* @__PURE__ */ f(l, { className: "h-4 w-4" }),
+					title: "Notes",
+					description: "Anything worth remembering about this relationship.",
+					children: /* @__PURE__ */ f("textarea", {
+						id: "rel-notes",
+						"aria-label": "Notes",
+						value: V,
+						onChange: (e) => H(e.target.value),
+						rows: 3,
+						placeholder: "Anything worth remembering about this relationship…",
+						className: v
+					})
 				}),
-				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
-					htmlFor: "rel-notes",
-					className: m,
-					children: "Notes"
-				}), /* @__PURE__ */ c("textarea", {
-					id: "rel-notes",
-					value: I,
-					onChange: (e) => L(e.target.value),
-					rows: 3,
-					placeholder: "Anything worth remembering about this relationship…",
-					className: p
-				})] }),
-				/* @__PURE__ */ l("div", {
-					className: "flex gap-3",
-					children: [/* @__PURE__ */ c("button", {
+				/* @__PURE__ */ p("div", {
+					className: "flex flex-col gap-3 sm:flex-row",
+					children: [/* @__PURE__ */ f("button", {
 						type: "submit",
-						disabled: g.isPending,
+						disabled: x.isPending,
 						className: "rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
-						children: g.isPending ? "Creating…" : "Create relationship"
-					}), /* @__PURE__ */ c("button", {
+						children: x.isPending ? "Creating…" : "Create relationship"
+					}), /* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: () => h("/relationships"),
+						onClick: () => m("/relationships"),
 						className: "rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 						children: "Cancel"
 					})]
@@ -248,6 +298,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as RelationshipNewPage };
+export { x as RelationshipNewPage };
 
 //# sourceMappingURL=RelationshipNewPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RelationshipNewPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipNewPage.tsx"],"sourcesContent":["/**\n * Create relationship\n * @module subscriberbot/pages/relationships\n *\n * Manual-add form for a recurring relationship AI can't auto-detect.\n * Writes `subCreateRelationship`. Provider + plan are optional pickers\n * sourced from the real registry (`subListProviders` / `subListPlans`).\n */\n\nimport { useState } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { ErrorView } from '../../components/StateViews';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateRelationship, useProviders, usePlans } from '../../hooks/useSubscriberBotApi';\nimport type {\n  SubBillingInterval,\n  SubCreateRelationshipInput,\n  SubRelationshipKind,\n} from '../../types';\n\nconst KINDS: SubRelationshipKind[] = [\n  'SUBSCRIPTION',\n  'MEMBERSHIP',\n  'LICENSE',\n  'CONTRACT',\n  'NEWSLETTER',\n  'RECURRING_PAYMENT',\n  'ENROLLMENT',\n  'TRIAL',\n];\n\nconst INTERVALS: SubBillingInterval[] = [\n  'MONTHLY',\n  'YEARLY',\n  'QUARTERLY',\n  'WEEKLY',\n  'DAILY',\n  'USAGE_BASED',\n  'LIFETIME',\n  'FREE',\n];\n\nconst inputCls =\n  'w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\nconst labelCls = 'mb-1 block text-xs font-medium text-text-secondary';\n\nexport function RelationshipNewPage() {\n  const { navigateTo } = useSubscriberBot();\n  const create = useCreateRelationship();\n  const providersQ = useProviders({ pagination: { limit: 100, offset: 0 } });\n\n  const [label, setLabel] = useState('');\n  const [kind, setKind] = useState<SubRelationshipKind>('SUBSCRIPTION');\n  const [providerId, setProviderId] = useState('');\n  const [planId, setPlanId] = useState('');\n  const [amount, setAmount] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [interval, setInterval] = useState<SubBillingInterval>('MONTHLY');\n  const [renewsAt, setRenewsAt] = useState('');\n  const [autoRenew, setAutoRenew] = useState(true);\n  const [notes, setNotes] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const plansQ = usePlans(providerId || undefined);\n  const providers = providersQ.data?.items ?? [];\n  const plans = plansQ.data ?? [];\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!label.trim()) {\n      setFormError('A label is required.');\n      return;\n    }\n    const input: SubCreateRelationshipInput = {\n      label: label.trim(),\n      kind,\n      interval,\n      autoRenew,\n      currency: currency.trim() || 'USD',\n      ...(providerId ? { providerId } : {}),\n      ...(planId ? { planId } : {}),\n      ...(amount ? { amount: Number(amount) } : {}),\n      ...(renewsAt ? { renewsAt: new Date(renewsAt).toISOString() } : {}),\n      ...(notes.trim() ? { notes: notes.trim() } : {}),\n    };\n    create.mutate(input, {\n      onSuccess: (rel) => navigateTo(`/relationships/${rel.id}`),\n      onError: (err) =>\n        setFormError(err instanceof Error ? err.message : 'Could not create relationship.'),\n    });\n  };\n\n  if (providersQ.isError) {\n    return (\n      <PageLayout title=\"Add relationship\">\n        <ErrorView\n          message=\"Could not load the provider registry.\"\n          onRetry={() => void providersQ.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Add relationship\"\n      description=\"Track a new recurring digital relationship\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/relationships')}\n          className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Back\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        Manually add a subscription, membership, license or contract. Link it to a provider and plan\n        from the registry, set the price and renewal date, and Subscriber Bot will track its\n        lifecycle from here.\n      </PagePurpose>\n\n      <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-5\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n\n        <div>\n          <label htmlFor=\"rel-label\" className={labelCls}>\n            Label <span className=\"text-status-error-text\">*</span>\n          </label>\n          <input\n            id=\"rel-label\"\n            type=\"text\"\n            value={label}\n            onChange={(e) => setLabel(e.target.value)}\n            placeholder=\"e.g. Netflix Premium, AWS Production\"\n            className={inputCls}\n            required\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label htmlFor=\"rel-kind\" className={labelCls}>\n              Kind\n            </label>\n            <select\n              id=\"rel-kind\"\n              value={kind}\n              onChange={(e) => setKind(e.target.value as SubRelationshipKind)}\n              className={inputCls}\n            >\n              {KINDS.map((k) => (\n                <option key={k} value={k}>\n                  {k.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor=\"rel-provider\" className={labelCls}>\n              Provider\n            </label>\n            <select\n              id=\"rel-provider\"\n              value={providerId}\n              onChange={(e) => {\n                setProviderId(e.target.value);\n                setPlanId('');\n              }}\n              className={inputCls}\n            >\n              <option value=\"\">— None —</option>\n              {providers.map((p) => (\n                <option key={p.id} value={p.id}>\n                  {p.name}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n\n        {providerId && plans.length > 0 && (\n          <div>\n            <label htmlFor=\"rel-plan\" className={labelCls}>\n              Plan\n            </label>\n            <select\n              id=\"rel-plan\"\n              value={planId}\n              onChange={(e) => setPlanId(e.target.value)}\n              className={inputCls}\n            >\n              <option value=\"\">— None —</option>\n              {plans.map((pl) => (\n                <option key={pl.id} value={pl.id}>\n                  {pl.name}\n                </option>\n              ))}\n            </select>\n          </div>\n        )}\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n          <div>\n            <label htmlFor=\"rel-amount\" className={labelCls}>\n              Amount\n            </label>\n            <input\n              id=\"rel-amount\"\n              type=\"number\"\n              min=\"0\"\n              step=\"0.01\"\n              value={amount}\n              onChange={(e) => setAmount(e.target.value)}\n              placeholder=\"0.00\"\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"rel-currency\" className={labelCls}>\n              Currency\n            </label>\n            <input\n              id=\"rel-currency\"\n              type=\"text\"\n              value={currency}\n              onChange={(e) => setCurrency(e.target.value.toUpperCase())}\n              placeholder=\"USD\"\n              maxLength={3}\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"rel-interval\" className={labelCls}>\n              Billing interval\n            </label>\n            <select\n              id=\"rel-interval\"\n              value={interval}\n              onChange={(e) => setInterval(e.target.value as SubBillingInterval)}\n              className={inputCls}\n            >\n              {INTERVALS.map((i) => (\n                <option key={i} value={i}>\n                  {i.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label htmlFor=\"rel-renews\" className={labelCls}>\n              Renews on\n            </label>\n            <input\n              id=\"rel-renews\"\n              type=\"date\"\n              value={renewsAt}\n              onChange={(e) => setRenewsAt(e.target.value)}\n              className={inputCls}\n            />\n          </div>\n          <div className=\"flex items-end\">\n            <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n              <input\n                type=\"checkbox\"\n                checked={autoRenew}\n                onChange={(e) => setAutoRenew(e.target.checked)}\n                className=\"size-4 rounded border-border-subtle\"\n              />\n              Auto-renews\n            </label>\n          </div>\n        </div>\n\n        <div>\n          <label htmlFor=\"rel-notes\" className={labelCls}>\n            Notes\n          </label>\n          <textarea\n            id=\"rel-notes\"\n            value={notes}\n            onChange={(e) => setNotes(e.target.value)}\n            rows={3}\n            placeholder=\"Anything worth remembering about this relationship…\"\n            className={inputCls}\n          />\n        </div>\n\n        <div className=\"flex gap-3\">\n          <button\n            type=\"submit\"\n            disabled={create.isPending}\n            className=\"rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n          >\n            {create.isPending ? 'Creating…' : 'Create relationship'}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/relationships')}\n            className=\"rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            Cancel\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"RelationshipNewPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipNewPage.tsx"],"sourcesContent":["/**\n * Create relationship\n * @module subscriberbot/pages/relationships\n *\n * Manual-add form for a recurring relationship AI can't auto-detect.\n * Writes `subCreateRelationship`. Provider + plan are optional pickers\n * sourced from the real registry (`subListProviders` / `subListPlans`).\n */\n\nimport { useState, type ReactNode } from 'react';\nimport { ArrowLeft, Tag, Building2, Wallet, StickyNote } from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { ErrorView } from '../../components/StateViews';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateRelationship, useProviders, usePlans } from '../../hooks/useSubscriberBotApi';\nimport type {\n  SubBillingInterval,\n  SubCreateRelationshipInput,\n  SubRelationshipKind,\n} from '../../types';\n\nconst KINDS: SubRelationshipKind[] = [\n  'SUBSCRIPTION',\n  'MEMBERSHIP',\n  'LICENSE',\n  'CONTRACT',\n  'NEWSLETTER',\n  'RECURRING_PAYMENT',\n  'ENROLLMENT',\n  'TRIAL',\n];\n\nconst INTERVALS: SubBillingInterval[] = [\n  'MONTHLY',\n  'YEARLY',\n  'QUARTERLY',\n  'WEEKLY',\n  'DAILY',\n  'USAGE_BASED',\n  'LIFETIME',\n  'FREE',\n];\n\nconst inputCls =\n  'w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\nconst labelCls = 'mb-1.5 block text-xs font-medium text-text-secondary';\n\n/** Grouped form section on a glass surface. */\nfunction FormSection({\n  icon,\n  title,\n  description,\n  children,\n}: {\n  icon: ReactNode;\n  title: string;\n  description: string;\n  children: ReactNode;\n}) {\n  return (\n    <GlassCard treatment=\"metric\" className=\"p-5 sm:p-6\">\n      <div className=\"flex items-start gap-3\">\n        <span className=\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n          {icon}\n        </span>\n        <div className=\"min-w-0\">\n          <h2 className=\"text-sm font-semibold text-text-primary\">{title}</h2>\n          <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>\n        </div>\n      </div>\n      <div className=\"mt-4\">{children}</div>\n    </GlassCard>\n  );\n}\n\nexport function RelationshipNewPage() {\n  const { navigateTo } = useSubscriberBot();\n  const create = useCreateRelationship();\n  const providersQ = useProviders({ pagination: { limit: 100, offset: 0 } });\n\n  const [label, setLabel] = useState('');\n  const [kind, setKind] = useState<SubRelationshipKind>('SUBSCRIPTION');\n  const [providerId, setProviderId] = useState('');\n  const [planId, setPlanId] = useState('');\n  const [amount, setAmount] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [interval, setInterval] = useState<SubBillingInterval>('MONTHLY');\n  const [renewsAt, setRenewsAt] = useState('');\n  const [autoRenew, setAutoRenew] = useState(true);\n  const [notes, setNotes] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const plansQ = usePlans(providerId || undefined);\n  const providers = providersQ.data?.items ?? [];\n  const plans = plansQ.data ?? [];\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!label.trim()) {\n      setFormError('A label is required.');\n      return;\n    }\n    const input: SubCreateRelationshipInput = {\n      label: label.trim(),\n      kind,\n      interval,\n      autoRenew,\n      currency: currency.trim() || 'USD',\n      ...(providerId ? { providerId } : {}),\n      ...(planId ? { planId } : {}),\n      ...(amount ? { amount: Number(amount) } : {}),\n      ...(renewsAt ? { renewsAt: new Date(renewsAt).toISOString() } : {}),\n      ...(notes.trim() ? { notes: notes.trim() } : {}),\n    };\n    create.mutate(input, {\n      onSuccess: (rel) => navigateTo(`/relationships/${rel.id}`),\n      onError: (err) =>\n        setFormError(err instanceof Error ? err.message : 'Could not create relationship.'),\n    });\n  };\n\n  if (providersQ.isError) {\n    return (\n      <PageLayout title=\"Add relationship\">\n        <ErrorView\n          message=\"Could not load the provider registry.\"\n          onRetry={() => void providersQ.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Add relationship\"\n      description=\"Track a new recurring digital relationship\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/relationships')}\n          className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Back\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        Manually add a subscription, membership, license or contract. Link it to a provider and plan\n        from the registry, set the price and renewal date, and Subscriber Bot will track its\n        lifecycle from here.\n      </PagePurpose>\n\n      <form onSubmit={handleSubmit} className=\"max-w-3xl space-y-5\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n\n        {/* Basics */}\n        <FormSection\n          icon={<Tag className=\"h-4 w-4\" />}\n          title=\"Basics\"\n          description=\"Name this relationship and choose what kind it is.\"\n        >\n          <div className=\"space-y-4\">\n            <div>\n              <label htmlFor=\"rel-label\" className={labelCls}>\n                Label <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                id=\"rel-label\"\n                type=\"text\"\n                value={label}\n                onChange={(e) => setLabel(e.target.value)}\n                placeholder=\"e.g. Netflix Premium, AWS Production\"\n                className={inputCls}\n                required\n              />\n            </div>\n            <div className=\"max-w-xs\">\n              <label htmlFor=\"rel-kind\" className={labelCls}>\n                Kind\n              </label>\n              <select\n                id=\"rel-kind\"\n                value={kind}\n                onChange={(e) => setKind(e.target.value as SubRelationshipKind)}\n                className={inputCls}\n              >\n                {KINDS.map((k) => (\n                  <option key={k} value={k}>\n                    {k.replace(/_/g, ' ')}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n        </FormSection>\n\n        {/* Provider & plan */}\n        <FormSection\n          icon={<Building2 className=\"h-4 w-4\" />}\n          title=\"Provider & plan\"\n          description=\"Link this relationship to a provider and plan from the registry (optional).\"\n        >\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label htmlFor=\"rel-provider\" className={labelCls}>\n                Provider\n              </label>\n              <select\n                id=\"rel-provider\"\n                value={providerId}\n                onChange={(e) => {\n                  setProviderId(e.target.value);\n                  setPlanId('');\n                }}\n                className={inputCls}\n              >\n                <option value=\"\">— None —</option>\n                {providers.map((p) => (\n                  <option key={p.id} value={p.id}>\n                    {p.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label htmlFor=\"rel-plan\" className={labelCls}>\n                Plan\n              </label>\n              <select\n                id=\"rel-plan\"\n                value={planId}\n                onChange={(e) => setPlanId(e.target.value)}\n                className={inputCls}\n                disabled={!providerId || plans.length === 0}\n              >\n                <option value=\"\">\n                  {providerId\n                    ? plans.length === 0\n                      ? 'No plans available'\n                      : '— None —'\n                    : 'Select a provider first'}\n                </option>\n                {plans.map((pl) => (\n                  <option key={pl.id} value={pl.id}>\n                    {pl.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n        </FormSection>\n\n        {/* Pricing & billing */}\n        <FormSection\n          icon={<Wallet className=\"h-4 w-4\" />}\n          title=\"Pricing & billing\"\n          description=\"Set the price, cadence and next renewal so Subscriber Bot can track it.\"\n        >\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n              <div>\n                <label htmlFor=\"rel-amount\" className={labelCls}>\n                  Amount\n                </label>\n                <input\n                  id=\"rel-amount\"\n                  type=\"number\"\n                  min=\"0\"\n                  step=\"0.01\"\n                  value={amount}\n                  onChange={(e) => setAmount(e.target.value)}\n                  placeholder=\"0.00\"\n                  className={inputCls}\n                />\n              </div>\n              <div>\n                <label htmlFor=\"rel-currency\" className={labelCls}>\n                  Currency\n                </label>\n                <input\n                  id=\"rel-currency\"\n                  type=\"text\"\n                  value={currency}\n                  onChange={(e) => setCurrency(e.target.value.toUpperCase())}\n                  placeholder=\"USD\"\n                  maxLength={3}\n                  className={inputCls}\n                />\n              </div>\n              <div>\n                <label htmlFor=\"rel-interval\" className={labelCls}>\n                  Billing interval\n                </label>\n                <select\n                  id=\"rel-interval\"\n                  value={interval}\n                  onChange={(e) => setInterval(e.target.value as SubBillingInterval)}\n                  className={inputCls}\n                >\n                  {INTERVALS.map((i) => (\n                    <option key={i} value={i}>\n                      {i.replace(/_/g, ' ')}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            </div>\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              <div>\n                <label htmlFor=\"rel-renews\" className={labelCls}>\n                  Renews on\n                </label>\n                <input\n                  id=\"rel-renews\"\n                  type=\"date\"\n                  value={renewsAt}\n                  onChange={(e) => setRenewsAt(e.target.value)}\n                  className={inputCls}\n                />\n              </div>\n              <label className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 sm:mt-6\">\n                <input\n                  type=\"checkbox\"\n                  checked={autoRenew}\n                  onChange={(e) => setAutoRenew(e.target.checked)}\n                  className=\"size-4 rounded border-border-subtle\"\n                />\n                <span className=\"text-sm text-text-primary\">Auto-renews</span>\n              </label>\n            </div>\n          </div>\n        </FormSection>\n\n        {/* Notes */}\n        <FormSection\n          icon={<StickyNote className=\"h-4 w-4\" />}\n          title=\"Notes\"\n          description=\"Anything worth remembering about this relationship.\"\n        >\n          <textarea\n            id=\"rel-notes\"\n            aria-label=\"Notes\"\n            value={notes}\n            onChange={(e) => setNotes(e.target.value)}\n            rows={3}\n            placeholder=\"Anything worth remembering about this relationship…\"\n            className={inputCls}\n          />\n        </FormSection>\n\n        <div className=\"flex flex-col gap-3 sm:flex-row\">\n          <button\n            type=\"submit\"\n            disabled={create.isPending}\n            className=\"rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n          >\n            {create.isPending ? 'Creating…' : 'Create relationship'}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/relationships')}\n            className=\"rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            Cancel\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/subscriberbot/pages/relationships/RelationshipsListPage.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Relationships list
+ * @module subscriberbot/pages/relationships
+ *
+ * The core CRUDL list — every recurring relationship (subscription /
+ * membership / license / contract) in one paginated, filterable view.
+ * Data comes from `subListRelationships` (a SubRelationshipConnection).
+ */
+export declare function RelationshipsListPage(): import("react").JSX.Element;
+//# sourceMappingURL=RelationshipsListPage.d.ts.map

package/dist/subscriberbot/pages/relationships/RelationshipsListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipsListPage.d.ts","sourceRoot":"","sources":["../../../../src/subscriberbot/pages/relationships/RelationshipsListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA2DH,wBAAgB,qBAAqB,gCA2OpC"}