@burdenoff/microfe-subscriberbot 2026.1030.1 → 2026.1030.3

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

@@ -8,14 +8,17 @@ import { useTr as l } from "../../hooks/useTr.js";
 import { ErrorView as u, LoadingView as d, Section as f } from "../../components/StateViews.js";
 import { Gauge as p, MiniProgress as m, Timeline as h } from "../../components/viz.js";
 import "../../components/index.js";
-import { useCancelRelationship as g, useCreateAsset as _, useCreateEntitlement as v, useFileDownloadUrl as y, usePlans as b, useProviders as x, useRelationship as S, useTransitionRelationship as C, useUpdateRelationship as w, useUploadFile as T } from "../../hooks/useSubscriberBotApi.js";
-import { useState as E } from "react";
-import { Activity as D, ArrowLeft as O, Ban as k, CalendarClock as A, CreditCard as j, Download as M, Paperclip as N, Pause as P, Pencil as F, Play as I, Plus as L, ShieldCheck as R, Tag as ee, Wallet as te } from "lucide-react";
-import { useParams as ne } from "react-router";
-import { Fragment as re, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { GlassCard as V } from "@burdenoff/fe-libs/ui";
+import { useCancelRelationship as g, useCreateAsset as _, useCreateEntitlement as v, useDecisions as y, useFileDownloadUrl as b, useInvoices as x, usePlans as S, useProviders as C, useRelationship as w, useTransitionRelationship as T, useUpdateRelationship as E, useUploadFile as D } from "../../hooks/useSubscriberBotApi.js";
+import { DecisionCard as O } from "../../components/decisions/DecisionCard.js";
+import { AiDisclaimer as k } from "../../components/decisions/DecisionBanners.js";
+import "../../components/decisions/index.js";
+import { useState as A } from "react";
+import { Activity as j, ArrowLeft as M, Ban as N, CalendarClock as P, CreditCard as F, Download as I, Paperclip as L, Pause as R, Pencil as ee, Play as z, Plus as B, ShieldCheck as te, Tag as ne, Wallet as re } from "lucide-react";
+import { useParams as ie } from "react-router";
+import { Fragment as ae, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { GlassCard as U } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/relationships/RelationshipDetailPage.tsx
-var H = "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)]", U = "mb-1 block text-xs font-medium text-text-secondary", W = [
+var W = "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)]", G = "mb-1 block text-xs font-medium text-text-secondary", K = [
 	"MONTHLY",
 	"YEARLY",
 	"QUARTERLY",
@@ -24,14 +27,14 @@ var H = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 	"USAGE_BASED",
 	"LIFETIME",
 	"FREE"
-], G = [
+], q = [
 	"FEATURE_ACCESS",
 	"SEAT",
 	"USAGE_QUOTA",
 	"CONTENT",
 	"DISCOUNT",
 	"SUPPORT_TIER"
-], K = [
+], J = [
 	"RECEIPT",
 	"INVOICE",
 	"CONTRACT",
@@ -40,7 +43,7 @@ var H = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 	"CERTIFICATE",
 	"WARRANTY",
 	"DOMAIN"
-], q = {
+], Y = {
 	SUBSCRIPTION: "relationships.kinds.subscription",
 	MEMBERSHIP: "relationships.kinds.membership",
 	LICENSE: "relationships.kinds.license",
@@ -49,59 +52,59 @@ var H = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 	RECURRING_PAYMENT: "relationships.kinds.recurringPayment",
 	ENROLLMENT: "relationships.kinds.enrollment",
 	TRIAL: "relationships.kinds.trial"
-}, ie = [
+}, oe = [
 	{
 		status: "ACTIVE",
 		labelKey: "relationships.detail.actions.activate",
 		defaultLabel: "Activate",
-		icon: I
+		icon: z
 	},
 	{
 		status: "PAUSED",
 		labelKey: "relationships.detail.actions.pause",
 		defaultLabel: "Pause",
-		icon: P
+		icon: R
 	},
 	{
 		status: "EXPIRED",
 		labelKey: "relationships.detail.actions.markExpired",
 		defaultLabel: "Mark expired",
-		icon: k
+		icon: N
 	}
 ];
-function J({ label: e, value: t }) {
-	return /* @__PURE__ */ B("div", {
+function X({ label: e, value: t }) {
+	return /* @__PURE__ */ H("div", {
 		className: "flex items-center justify-between gap-3 border-b border-border-subtle/60 py-2.5 last:border-0 last:pb-0",
-		children: [/* @__PURE__ */ z("span", {
+		children: [/* @__PURE__ */ V("span", {
 			className: "shrink-0 text-sm text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ z("span", {
+		}), /* @__PURE__ */ V("span", {
 			className: "min-w-0 truncate text-right text-sm font-medium text-text-primary",
 			children: t
 		})]
 	});
 }
-function ae(e) {
+function se(e) {
 	return e == null ? "accent" : e >= 66 ? "positive" : e >= 33 ? "warning" : "negative";
 }
-function Y(e) {
+function ce(e) {
 	if (!e) return "";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
 }
-function oe({ relationship: e, onClose: t }) {
-	let n = l(), r = w(), i = x({ pagination: {
+function le({ relationship: e, onClose: t }) {
+	let n = l(), r = E(), i = C({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), [a, o] = E(e.label), [s, u] = E(e.providerId ?? ""), [d, f] = E(e.planId ?? ""), [p, m] = E(String(e.amount ?? "")), [h, g] = E(e.currency), [_, v] = E(e.interval), [y, S] = E(Y(e.renewsAt)), [C, T] = E(e.autoRenew), [D, O] = E(e.healthScore == null ? "" : String(e.healthScore)), [k, A] = E(e.notes ?? ""), [j, M] = E(null), N = b(s || void 0), P = (() => {
+	} }), [a, o] = A(e.label), [s, u] = A(e.providerId ?? ""), [d, f] = A(e.planId ?? ""), [p, m] = A(String(e.amount ?? "")), [h, g] = A(e.currency), [_, v] = A(e.interval), [y, b] = A(ce(e.renewsAt)), [x, w] = A(e.autoRenew), [T, D] = A(e.healthScore == null ? "" : String(e.healthScore)), [O, k] = A(e.notes ?? ""), [j, M] = A(null), N = S(s || void 0), P = (() => {
 		let t = i.data?.items ?? [];
 		return e.provider && !t.some((t) => t.id === e.provider?.id) ? [e.provider, ...t] : t;
 	})(), F = N.data ?? [];
-	return /* @__PURE__ */ z(c, {
+	return /* @__PURE__ */ V(c, {
 		title: n("relationships.detail.editModal.title", "Edit relationship"),
 		onClose: t,
 		maxWidthClassName: "max-w-2xl",
-		children: /* @__PURE__ */ B("form", {
+		children: /* @__PURE__ */ H("form", {
 			onSubmit: (i) => {
 				if (i.preventDefault(), M(null), !a.trim()) {
 					M(n("relationships.detail.editModal.labelRequired", "A label is required."));
@@ -110,13 +113,13 @@ function oe({ relationship: e, onClose: t }) {
 				let o = {
 					label: a.trim(),
 					interval: _,
-					autoRenew: C,
+					autoRenew: x,
 					currency: h.trim() || "USD",
-					notes: k.trim(),
+					notes: O.trim(),
 					...s ? { providerId: s } : {},
 					...d ? { planId: d } : {},
 					...p.trim() ? { amount: Number(p) } : {},
-					...D.trim() ? { healthScore: Number(D) } : {},
+					...T.trim() ? { healthScore: Number(T) } : {},
 					...y ? { renewsAt: new Date(y).toISOString() } : {}
 				};
 				r.mutate({
@@ -129,172 +132,172 @@ function oe({ relationship: e, onClose: t }) {
 			},
 			className: "space-y-4",
 			children: [
-				j && /* @__PURE__ */ z("div", {
+				j && /* @__PURE__ */ V("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: j
 				}),
-				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
+				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ H("label", {
 					htmlFor: "edit-label",
-					className: U,
+					className: G,
 					children: [
 						n("relationships.detail.editModal.labelLabel", "Label"),
 						" ",
-						/* @__PURE__ */ z("span", {
+						/* @__PURE__ */ V("span", {
 							className: "text-status-error-text",
 							children: "*"
 						})
 					]
-				}), /* @__PURE__ */ z("input", {
+				}), /* @__PURE__ */ V("input", {
 					id: "edit-label",
 					type: "text",
 					value: a,
 					onChange: (e) => o(e.target.value),
-					className: H,
+					className: W,
 					required: !0
 				})] }),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ H("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+					children: [/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 						htmlFor: "edit-provider",
-						className: U,
+						className: G,
 						children: n("relationships.detail.editModal.providerLabel", "Provider")
-					}), /* @__PURE__ */ B("select", {
+					}), /* @__PURE__ */ H("select", {
 						id: "edit-provider",
 						value: s,
 						onChange: (e) => {
 							u(e.target.value), f("");
 						},
-						className: H,
-						children: [/* @__PURE__ */ z("option", {
+						className: W,
+						children: [/* @__PURE__ */ V("option", {
 							value: "",
 							children: n("relationships.detail.editModal.providerNone", "— None —")
-						}), P.map((e) => /* @__PURE__ */ z("option", {
+						}), P.map((e) => /* @__PURE__ */ V("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
-					})] }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+					})] }), /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 						htmlFor: "edit-plan",
-						className: U,
+						className: G,
 						children: n("relationships.detail.editModal.planLabel", "Plan")
-					}), /* @__PURE__ */ B("select", {
+					}), /* @__PURE__ */ H("select", {
 						id: "edit-plan",
 						value: d,
 						onChange: (e) => f(e.target.value),
-						className: H,
+						className: W,
 						disabled: !s || F.length === 0,
-						children: [/* @__PURE__ */ z("option", {
+						children: [/* @__PURE__ */ V("option", {
 							value: "",
 							children: n("relationships.detail.editModal.planNone", "— None —")
-						}), F.map((e) => /* @__PURE__ */ z("option", {
+						}), F.map((e) => /* @__PURE__ */ V("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
 					})] })]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ H("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 							htmlFor: "edit-amount",
-							className: U,
+							className: G,
 							children: n("relationships.detail.editModal.amountLabel", "Amount")
-						}), /* @__PURE__ */ z("input", {
+						}), /* @__PURE__ */ V("input", {
 							id: "edit-amount",
 							type: "number",
 							min: "0",
 							step: "0.01",
 							value: p,
 							onChange: (e) => m(e.target.value),
-							className: H
+							className: W
 						})] }),
-						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 							htmlFor: "edit-currency",
-							className: U,
+							className: G,
 							children: n("relationships.detail.editModal.currencyLabel", "Currency")
-						}), /* @__PURE__ */ z("input", {
+						}), /* @__PURE__ */ V("input", {
 							id: "edit-currency",
 							type: "text",
 							value: h,
 							onChange: (e) => g(e.target.value.toUpperCase()),
 							maxLength: 3,
-							className: H
+							className: W
 						})] }),
-						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 							htmlFor: "edit-interval",
-							className: U,
+							className: G,
 							children: n("relationships.detail.editModal.intervalLabel", "Billing interval")
-						}), /* @__PURE__ */ z("select", {
+						}), /* @__PURE__ */ V("select", {
 							id: "edit-interval",
 							value: _,
 							onChange: (e) => v(e.target.value),
-							className: H,
-							children: W.map((e) => /* @__PURE__ */ z("option", {
+							className: W,
+							children: K.map((e) => /* @__PURE__ */ V("option", {
 								value: e,
 								children: e.replace(/_/g, " ")
 							}, e))
 						})] })
 					]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ H("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 							htmlFor: "edit-renews",
-							className: U,
+							className: G,
 							children: n("relationships.detail.editModal.renewsOnLabel", "Renews on")
-						}), /* @__PURE__ */ z("input", {
+						}), /* @__PURE__ */ V("input", {
 							id: "edit-renews",
 							type: "date",
 							value: y,
-							onChange: (e) => S(e.target.value),
-							className: H
+							onChange: (e) => b(e.target.value),
+							className: W
 						})] }),
-						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 							htmlFor: "edit-health",
-							className: U,
+							className: G,
 							children: n("relationships.detail.editModal.healthScoreLabel", "Health score (0–100)")
-						}), /* @__PURE__ */ z("input", {
+						}), /* @__PURE__ */ V("input", {
 							id: "edit-health",
 							type: "number",
 							min: "0",
 							max: "100",
-							value: D,
-							onChange: (e) => O(e.target.value),
-							className: H
+							value: T,
+							onChange: (e) => D(e.target.value),
+							className: W
 						})] }),
-						/* @__PURE__ */ z("div", {
+						/* @__PURE__ */ V("div", {
 							className: "flex items-end",
-							children: /* @__PURE__ */ B("label", {
+							children: /* @__PURE__ */ H("label", {
 								className: "flex items-center gap-2 text-sm text-text-primary",
-								children: [/* @__PURE__ */ z("input", {
+								children: [/* @__PURE__ */ V("input", {
 									type: "checkbox",
-									checked: C,
-									onChange: (e) => T(e.target.checked),
+									checked: x,
+									onChange: (e) => w(e.target.checked),
 									className: "size-4 rounded border-border-subtle"
 								}), n("relationships.detail.editModal.autoRenews", "Auto-renews")]
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 					htmlFor: "edit-notes",
-					className: U,
+					className: G,
 					children: n("relationships.detail.editModal.notesLabel", "Notes")
-				}), /* @__PURE__ */ z("textarea", {
+				}), /* @__PURE__ */ V("textarea", {
 					id: "edit-notes",
-					value: k,
-					onChange: (e) => A(e.target.value),
+					value: O,
+					onChange: (e) => k(e.target.value),
 					rows: 3,
-					className: H
+					className: W
 				})] }),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ H("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ z("button", {
+					children: [/* @__PURE__ */ V("button", {
 						type: "button",
 						onClick: t,
 						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 						children: n("relationships.detail.editModal.cancel", "Cancel")
-					}), /* @__PURE__ */ z("button", {
+					}), /* @__PURE__ */ V("button", {
 						type: "submit",
 						disabled: r.isPending,
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
@@ -305,12 +308,12 @@ function oe({ relationship: e, onClose: t }) {
 		})
 	});
 }
-function se({ relationshipId: e, onClose: t }) {
-	let n = l(), r = v(), [i, a] = E(""), [o, s] = E("FEATURE_ACCESS"), [u, d] = E(""), [f, p] = E(""), [m, h] = E(""), [g, _] = E(null);
-	return /* @__PURE__ */ z(c, {
+function ue({ relationshipId: e, onClose: t }) {
+	let n = l(), r = v(), [i, a] = A(""), [o, s] = A("FEATURE_ACCESS"), [u, d] = A(""), [f, p] = A(""), [m, h] = A(""), [g, _] = A(null);
+	return /* @__PURE__ */ V(c, {
 		title: n("relationships.detail.addEntitlementModal.title", "Add entitlement"),
 		onClose: t,
-		children: /* @__PURE__ */ B("form", {
+		children: /* @__PURE__ */ H("form", {
 			onSubmit: (a) => {
 				if (a.preventDefault(), _(null), !i.trim()) {
 					_(n("relationships.detail.addEntitlementModal.nameRequired", "An entitlement name is required."));
@@ -330,93 +333,93 @@ function se({ relationshipId: e, onClose: t }) {
 			},
 			className: "space-y-4",
 			children: [
-				g && /* @__PURE__ */ z("div", {
+				g && /* @__PURE__ */ V("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: g
 				}),
-				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
+				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ H("label", {
 					htmlFor: "ent-name",
-					className: U,
+					className: G,
 					children: [
 						n("relationships.detail.addEntitlementModal.nameLabel", "Name"),
 						" ",
-						/* @__PURE__ */ z("span", {
+						/* @__PURE__ */ V("span", {
 							className: "text-status-error-text",
 							children: "*"
 						})
 					]
-				}), /* @__PURE__ */ z("input", {
+				}), /* @__PURE__ */ V("input", {
 					id: "ent-name",
 					type: "text",
 					value: i,
 					onChange: (e) => a(e.target.value),
 					placeholder: n("relationships.detail.addEntitlementModal.namePlaceholder", "e.g. Seats, API calls, Priority support"),
-					className: H,
+					className: W,
 					required: !0
 				})] }),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ H("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 							htmlFor: "ent-type",
-							className: U,
+							className: G,
 							children: n("relationships.detail.addEntitlementModal.typeLabel", "Type")
-						}), /* @__PURE__ */ z("select", {
+						}), /* @__PURE__ */ V("select", {
 							id: "ent-type",
 							value: o,
 							onChange: (e) => s(e.target.value),
-							className: H,
-							children: G.map((e) => /* @__PURE__ */ z("option", {
+							className: W,
+							children: q.map((e) => /* @__PURE__ */ V("option", {
 								value: e,
 								children: e.replace(/_/g, " ")
 							}, e))
 						})] }),
-						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 							htmlFor: "ent-quota",
-							className: U,
+							className: G,
 							children: n("relationships.detail.addEntitlementModal.quotaLabel", "Quota")
-						}), /* @__PURE__ */ z("input", {
+						}), /* @__PURE__ */ V("input", {
 							id: "ent-quota",
 							type: "number",
 							min: "0",
 							value: u,
 							onChange: (e) => d(e.target.value),
 							placeholder: n("relationships.detail.addEntitlementModal.quotaPlaceholder", "e.g. 5"),
-							className: H
+							className: W
 						})] }),
-						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 							htmlFor: "ent-unit",
-							className: U,
+							className: G,
 							children: n("relationships.detail.addEntitlementModal.unitLabel", "Unit")
-						}), /* @__PURE__ */ z("input", {
+						}), /* @__PURE__ */ V("input", {
 							id: "ent-unit",
 							type: "text",
 							value: f,
 							onChange: (e) => p(e.target.value),
 							placeholder: n("relationships.detail.addEntitlementModal.unitPlaceholder", "e.g. seats, GB"),
-							className: H
+							className: W
 						})] })
 					]
 				}),
-				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 					htmlFor: "ent-desc",
-					className: U,
+					className: G,
 					children: n("relationships.detail.addEntitlementModal.descriptionLabel", "Description")
-				}), /* @__PURE__ */ z("textarea", {
+				}), /* @__PURE__ */ V("textarea", {
 					id: "ent-desc",
 					value: m,
 					onChange: (e) => h(e.target.value),
 					rows: 2,
-					className: H
+					className: W
 				})] }),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ H("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ z("button", {
+					children: [/* @__PURE__ */ V("button", {
 						type: "button",
 						onClick: t,
 						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 						children: n("relationships.detail.addEntitlementModal.cancel", "Cancel")
-					}), /* @__PURE__ */ z("button", {
+					}), /* @__PURE__ */ V("button", {
 						type: "submit",
 						disabled: r.isPending,
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
@@ -427,12 +430,12 @@ function se({ relationshipId: e, onClose: t }) {
 		})
 	});
 }
-function ce({ relationshipId: e, onClose: t }) {
-	let n = l(), r = _(), { uploadFile: i, progress: a, isUploading: o } = T(), [s, u] = E(""), [d, f] = E("RECEIPT"), [p, m] = E(null), [h, g] = E(""), [v, y] = E(null), b = o || r.isPending;
-	return /* @__PURE__ */ z(c, {
+function de({ relationshipId: e, onClose: t }) {
+	let n = l(), r = _(), { uploadFile: i, progress: a, isUploading: o } = D(), [s, u] = A(""), [d, f] = A("RECEIPT"), [p, m] = A(null), [h, g] = A(""), [v, y] = A(null), b = o || r.isPending;
+	return /* @__PURE__ */ V(c, {
 		title: n("relationships.detail.attachAssetModal.title", "Attach asset"),
 		onClose: t,
-		children: /* @__PURE__ */ B("form", {
+		children: /* @__PURE__ */ H("form", {
 			onSubmit: async (a) => {
 				if (a.preventDefault(), y(null), !p) {
 					y(n("relationships.detail.attachAssetModal.chooseFile", "Choose a file to attach."));
@@ -453,24 +456,24 @@ function ce({ relationshipId: e, onClose: t }) {
 			},
 			className: "space-y-4",
 			children: [
-				v && /* @__PURE__ */ z("div", {
+				v && /* @__PURE__ */ V("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: v
 				}),
-				/* @__PURE__ */ B("div", { children: [
-					/* @__PURE__ */ B("label", {
+				/* @__PURE__ */ H("div", { children: [
+					/* @__PURE__ */ H("label", {
 						htmlFor: "asset-file",
-						className: U,
+						className: G,
 						children: [
 							n("relationships.detail.attachAssetModal.fileLabel", "File"),
 							" ",
-							/* @__PURE__ */ z("span", {
+							/* @__PURE__ */ V("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})
 						]
 					}),
-					/* @__PURE__ */ z("input", {
+					/* @__PURE__ */ V("input", {
 						id: "asset-file",
 						type: "file",
 						onChange: (e) => {
@@ -479,62 +482,62 @@ function ce({ relationshipId: e, onClose: t }) {
 						},
 						className: "w-full text-sm text-text-secondary file:mr-3 file:rounded-lg file:border file:border-border-subtle file:bg-bg-surface file:px-3 file:py-1.5 file:text-sm file:font-medium file:text-text-primary hover:file:bg-bg-sunken"
 					}),
-					/* @__PURE__ */ z("p", {
+					/* @__PURE__ */ V("p", {
 						className: "mt-1 text-xs text-text-secondary",
 						children: n("relationships.detail.attachAssetModal.fileHint", "Stored securely in files — only a reference is kept here.")
 					})
 				] }),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ H("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+					children: [/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 						htmlFor: "asset-name",
-						className: U,
+						className: G,
 						children: n("relationships.detail.attachAssetModal.nameLabel", "Name")
-					}), /* @__PURE__ */ z("input", {
+					}), /* @__PURE__ */ V("input", {
 						id: "asset-name",
 						type: "text",
 						value: s,
 						onChange: (e) => u(e.target.value),
 						placeholder: n("relationships.detail.attachAssetModal.namePlaceholder", "Defaults to the file name"),
-						className: H
-					})] }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+						className: W
+					})] }), /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 						htmlFor: "asset-type",
-						className: U,
+						className: G,
 						children: n("relationships.detail.attachAssetModal.typeLabel", "Type")
-					}), /* @__PURE__ */ z("select", {
+					}), /* @__PURE__ */ V("select", {
 						id: "asset-type",
 						value: d,
 						onChange: (e) => f(e.target.value),
-						className: H,
-						children: K.map((e) => /* @__PURE__ */ z("option", {
+						className: W,
+						children: J.map((e) => /* @__PURE__ */ V("option", {
 							value: e,
 							children: e.replace(/_/g, " ")
 						}, e))
 					})] })]
 				}),
-				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
+				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
 					htmlFor: "asset-expires",
-					className: U,
+					className: G,
 					children: n("relationships.detail.attachAssetModal.expiresOnLabel", "Expires on")
-				}), /* @__PURE__ */ z("input", {
+				}), /* @__PURE__ */ V("input", {
 					id: "asset-expires",
 					type: "date",
 					value: h,
 					onChange: (e) => g(e.target.value),
-					className: H
+					className: W
 				})] }),
-				o && /* @__PURE__ */ z("p", {
+				o && /* @__PURE__ */ V("p", {
 					className: "text-xs text-text-secondary",
 					children: n("relationships.detail.attachAssetModal.uploading", "Uploading… {{progress}}%", { progress: a })
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ H("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ z("button", {
+					children: [/* @__PURE__ */ V("button", {
 						type: "button",
 						onClick: t,
 						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 						children: n("relationships.detail.attachAssetModal.cancel", "Cancel")
-					}), /* @__PURE__ */ z("button", {
+					}), /* @__PURE__ */ V("button", {
 						type: "submit",
 						disabled: b,
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50",
@@ -545,28 +548,28 @@ function ce({ relationshipId: e, onClose: t }) {
 		})
 	});
 }
-function le({ asset: e }) {
-	let t = l(), n = y(), [a, o] = E(!1);
-	return /* @__PURE__ */ B("div", {
+function fe({ asset: e }) {
+	let t = l(), n = b(), [a, o] = A(!1);
+	return /* @__PURE__ */ H("div", {
 		className: "flex items-center justify-between gap-3 p-3",
-		children: [/* @__PURE__ */ B("div", {
+		children: [/* @__PURE__ */ H("div", {
 			className: "flex min-w-0 items-center gap-2",
-			children: [/* @__PURE__ */ z(N, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ B("div", {
+			children: [/* @__PURE__ */ V(L, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ H("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ z("p", {
+				children: [/* @__PURE__ */ V("p", {
 					className: "truncate text-sm font-medium text-text-primary",
 					children: e.name
-				}), /* @__PURE__ */ z("p", {
+				}), /* @__PURE__ */ V("p", {
 					className: "text-xs text-text-secondary",
 					children: i(e.type)
 				})]
 			})]
-		}), /* @__PURE__ */ B("div", {
+		}), /* @__PURE__ */ H("div", {
 			className: "flex shrink-0 items-center gap-3",
-			children: [e.expiresAt && /* @__PURE__ */ z("span", {
+			children: [e.expiresAt && /* @__PURE__ */ V("span", {
 				className: "text-xs text-text-secondary",
 				children: t("relationships.detail.assetRow.expires", "Expires {{date}}", { date: r(e.expiresAt) })
-			}), e.file?.id && /* @__PURE__ */ B("button", {
+			}), e.file?.id && /* @__PURE__ */ H("button", {
 				type: "button",
 				onClick: async () => {
 					if (e.file?.id) {
@@ -582,7 +585,7 @@ function le({ asset: e }) {
 				disabled: a,
 				className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-2.5 py-1 text-xs font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50",
 				children: [
-					/* @__PURE__ */ z(M, { className: "h-3.5 w-3.5" }),
+					/* @__PURE__ */ V(I, { className: "h-3.5 w-3.5" }),
 					" ",
 					a ? t("relationships.detail.assetRow.opening", "Opening…") : t("relationships.detail.assetRow.download", "Download")
 				]
@@ -590,48 +593,57 @@ function le({ asset: e }) {
 		})]
 	});
 }
-function ue({ invoice: e }) {
+function pe({ invoice: e }) {
 	let t = l(), a = e.number ?? t("relationships.detail.invoiceRow.unnumbered", "Unnumbered invoice");
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ H("div", {
 		className: "flex items-center justify-between gap-3 p-3",
-		children: [/* @__PURE__ */ B("div", {
+		children: [/* @__PURE__ */ H("div", {
 			className: "flex min-w-0 items-center gap-2",
-			children: [/* @__PURE__ */ z(j, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ B("div", {
+			children: [/* @__PURE__ */ V(F, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ H("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ z("p", {
+				children: [/* @__PURE__ */ V("p", {
 					className: "truncate text-sm font-medium text-text-primary",
 					children: a
-				}), /* @__PURE__ */ B("p", {
+				}), /* @__PURE__ */ H("p", {
 					className: "text-xs text-text-secondary",
 					children: [i(e.status), e.dueDate ? ` · ${t("relationships.detail.invoiceRow.due", "due {{date}}", { date: r(e.dueDate) })}` : e.issueDate ? ` · ${r(e.issueDate)}` : ""]
 				})]
 			})]
-		}), /* @__PURE__ */ z("span", {
+		}), /* @__PURE__ */ V("span", {
 			className: "shrink-0 text-sm font-medium tabular-nums text-text-primary",
 			children: n(e.total, e.currency)
 		})]
 	});
 }
-function X() {
-	let c = l(), { id: _ } = ne(), { navigateTo: v } = e(), { data: y, isLoading: b, isError: x, refetch: w } = S(_), T = C(), M = g(), [N, P] = E(null), [I, H] = E(!1), [U, W] = E(!1), [G, K] = E(!1);
-	if (b) return /* @__PURE__ */ z(t, {
+function Z() {
+	let c = l(), { id: _ } = ie(), { navigateTo: v } = e(), { data: b, isLoading: S, isError: C, refetch: E } = w(_), D = T(), I = g(), [L, R] = A(null), [z, W] = A(!1), [G, K] = A(!1), [q, J] = A(!1), ce = x({
+		relationshipId: _,
+		pagination: {
+			limit: 50,
+			offset: 0
+		}
+	}, { enabled: !!_ }), Z = y({
+		relationshipId: _,
+		status: "PROPOSED"
+	}, { enabled: !!_ });
+	if (S) return /* @__PURE__ */ V(t, {
 		title: c("relationships.title", "Relationship"),
-		children: /* @__PURE__ */ z(d, { label: c("relationships.detail.loading", "Loading relationship…") })
+		children: /* @__PURE__ */ V(d, { label: c("relationships.detail.loading", "Loading relationship…") })
 	});
-	if (x) return /* @__PURE__ */ z(t, {
+	if (C) return /* @__PURE__ */ V(t, {
 		title: c("relationships.title", "Relationship"),
-		children: /* @__PURE__ */ z(u, {
+		children: /* @__PURE__ */ V(u, {
 			message: c("relationships.detail.error", "Could not load this relationship."),
-			onRetry: () => void w()
+			onRetry: () => void E()
 		})
 	});
-	if (!y) return /* @__PURE__ */ z(t, {
+	if (!b) return /* @__PURE__ */ V(t, {
 		title: c("relationships.title", "Relationship"),
-		children: /* @__PURE__ */ z(s, {
+		children: /* @__PURE__ */ V(s, {
 			illustration: "empty-data",
 			title: c("relationships.detail.notFoundTitle", "Relationship not found"),
 			description: c("relationships.detail.notFoundDescription", "It may have been removed, or you may not have access to it."),
-			action: /* @__PURE__ */ z("button", {
+			action: /* @__PURE__ */ V("button", {
 				type: "button",
 				onClick: () => v("/relationships"),
 				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
@@ -639,128 +651,128 @@ function X() {
 			})
 		})
 	});
-	let Y = y, X = T.isPending || M.isPending, de = (e) => {
-		P(null), T.mutate({
-			id: Y.id,
+	let Q = b, $ = D.isPending || I.isPending, me = (e) => {
+		R(null), D.mutate({
+			id: Q.id,
 			status: e
-		}, { onError: (e) => P(e instanceof Error ? e.message : c("relationships.detail.transitionError", "Transition failed")) });
-	}, fe = () => {
-		P(null), M.mutate(Y.id, { onError: (e) => P(e instanceof Error ? e.message : c("relationships.detail.cancelError", "Cancel failed")) });
-	}, Z = [...Y.renewalEvents ?? []].sort((e, t) => new Date(e.occursAt).getTime() - new Date(t.occursAt).getTime()).map((e) => {
+		}, { onError: (e) => R(e instanceof Error ? e.message : c("relationships.detail.transitionError", "Transition failed")) });
+	}, he = () => {
+		R(null), I.mutate(Q.id, { onError: (e) => R(e instanceof Error ? e.message : c("relationships.detail.cancelError", "Cancel failed")) });
+	}, ge = [...Q.renewalEvents ?? []].sort((e, t) => new Date(e.occursAt).getTime() - new Date(t.occursAt).getTime()).map((e) => {
 		let t = new Date(e.occursAt).getTime(), a = !Number.isNaN(t) && t > Date.now();
 		return {
 			title: i(e.eventType),
 			sub: `${r(e.occursAt)}${e.detail ? ` · ${e.detail}` : ""}`,
-			meta: e.amount == null ? void 0 : n(e.amount, e.currency ?? Y.currency),
+			meta: e.amount == null ? void 0 : n(e.amount, e.currency ?? Q.currency),
 			tone: a ? "warning" : "muted"
 		};
-	}), Q = Y.autoRenew ? /* @__PURE__ */ z("span", {
+	}), _e = Q.autoRenew ? /* @__PURE__ */ V("span", {
 		className: "inline-flex items-center rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-xs font-medium text-status-success-text",
 		children: c("relationships.detail.autoRenewOn", "On")
-	}) : /* @__PURE__ */ z("span", {
+	}) : /* @__PURE__ */ V("span", {
 		className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 		children: c("relationships.detail.autoRenewOff", "Off")
-	}), pe = ie.filter((e) => e.status !== Y.status), $ = Y.plan?.features ?? [];
-	return /* @__PURE__ */ B(t, {
-		title: Y.label,
-		description: Y.provider?.name ?? c(q[Y.kind], i(Y.kind)),
-		actions: /* @__PURE__ */ B("div", {
+	}), ve = oe.filter((e) => e.status !== Q.status), ye = Q.plan?.features ?? [];
+	return /* @__PURE__ */ H(t, {
+		title: Q.label,
+		description: Q.provider?.name ?? c(Y[Q.kind], i(Q.kind)),
+		actions: /* @__PURE__ */ H("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ B("button", {
+			children: [/* @__PURE__ */ H("button", {
 				type: "button",
-				onClick: () => H(!0),
+				onClick: () => W(!0),
 				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__ */ z(F, { className: "h-4 w-4" }),
+					/* @__PURE__ */ V(ee, { className: "h-4 w-4" }),
 					" ",
 					c("relationships.detail.edit", "Edit")
 				]
-			}), /* @__PURE__ */ B("button", {
+			}), /* @__PURE__ */ H("button", {
 				type: "button",
 				onClick: () => v("/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__ */ z(O, { className: "h-4 w-4" }),
+					/* @__PURE__ */ V(M, { className: "h-4 w-4" }),
 					" ",
 					c("relationships.detail.back", "Back")
 				]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ z(V, {
+			/* @__PURE__ */ V(U, {
 				treatment: "glass",
 				glow: !0,
 				className: "p-5 sm:p-6",
-				children: /* @__PURE__ */ B("div", {
+				children: /* @__PURE__ */ H("div", {
 					className: "flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between",
-					children: [/* @__PURE__ */ B("div", {
+					children: [/* @__PURE__ */ H("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ z("p", {
+							/* @__PURE__ */ V("p", {
 								className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
-								children: c(q[Y.kind], i(Y.kind))
+								children: c(Y[Q.kind], i(Q.kind))
 							}),
-							/* @__PURE__ */ B("div", {
+							/* @__PURE__ */ H("div", {
 								className: "mt-2 flex flex-wrap items-center gap-3",
-								children: [/* @__PURE__ */ B("span", {
+								children: [/* @__PURE__ */ H("span", {
 									className: "text-3xl font-bold tabular-nums text-text-primary",
-									children: [n(Y.amount, Y.currency), /* @__PURE__ */ z("span", {
+									children: [n(Q.amount, Q.currency), /* @__PURE__ */ V("span", {
 										className: "text-base font-normal text-text-secondary",
-										children: a(Y.interval)
+										children: a(Q.interval)
 									})]
-								}), /* @__PURE__ */ z(o, { status: Y.status })]
+								}), /* @__PURE__ */ V(o, { status: Q.status })]
 							}),
-							/* @__PURE__ */ B("div", {
+							/* @__PURE__ */ H("div", {
 								className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
 								children: [
-									/* @__PURE__ */ B("span", {
+									/* @__PURE__ */ H("span", {
 										className: "inline-flex items-center gap-1.5",
-										children: [/* @__PURE__ */ z(A, { className: "h-3.5 w-3.5" }), Y.renewsAt ? c("relationships.detail.renews", "Renews {{date}}", { date: r(Y.renewsAt) }) : c("relationships.detail.noRenewalScheduled", "No renewal scheduled")]
+										children: [/* @__PURE__ */ V(P, { className: "h-3.5 w-3.5" }), Q.renewsAt ? c("relationships.detail.renews", "Renews {{date}}", { date: r(Q.renewsAt) }) : c("relationships.detail.noRenewalScheduled", "No renewal scheduled")]
 									}),
-									/* @__PURE__ */ B("span", {
+									/* @__PURE__ */ H("span", {
 										className: "inline-flex items-center gap-1.5",
-										children: [/* @__PURE__ */ z(R, { className: "h-3.5 w-3.5" }), i(Y.discoverySource)]
+										children: [/* @__PURE__ */ V(te, { className: "h-3.5 w-3.5" }), i(Q.discoverySource)]
 									}),
-									/* @__PURE__ */ B("span", {
+									/* @__PURE__ */ H("span", {
 										className: "inline-flex items-center gap-1.5",
 										children: [
 											c("relationships.detail.autoRenew", "Auto-renew"),
 											" ",
-											Q
+											_e
 										]
 									})
 								]
 							}),
-							Y.tags.length > 0 && /* @__PURE__ */ B("div", {
+							Q.tags.length > 0 && /* @__PURE__ */ H("div", {
 								className: "mt-3 flex flex-wrap items-center gap-2",
-								children: [/* @__PURE__ */ z(ee, { className: "h-3.5 w-3.5 text-text-secondary" }), Y.tags.map((e) => /* @__PURE__ */ z("span", {
+								children: [/* @__PURE__ */ V(ne, { className: "h-3.5 w-3.5 text-text-secondary" }), Q.tags.map((e) => /* @__PURE__ */ V("span", {
 									className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
 									children: e
 								}, e))]
 							})
 						]
-					}), /* @__PURE__ */ B("div", {
+					}), /* @__PURE__ */ H("div", {
 						className: "flex shrink-0 flex-wrap gap-2 lg:flex-col lg:items-stretch",
-						children: [pe.map((e) => {
+						children: [ve.map((e) => {
 							let t = e.icon;
-							return /* @__PURE__ */ B("button", {
+							return /* @__PURE__ */ H("button", {
 								type: "button",
-								disabled: X,
-								onClick: () => de(e.status),
+								disabled: $,
+								onClick: () => me(e.status),
 								className: "inline-flex items-center justify-center gap-1.5 rounded-lg border border-border-subtle bg-bg-surface px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50",
 								children: [
-									/* @__PURE__ */ z(t, { className: "h-3.5 w-3.5" }),
+									/* @__PURE__ */ V(t, { className: "h-3.5 w-3.5" }),
 									" ",
 									c(e.labelKey, e.defaultLabel)
 								]
 							}, e.status);
-						}), Y.status !== "CANCELLED" && /* @__PURE__ */ B("button", {
+						}), Q.status !== "CANCELLED" && /* @__PURE__ */ H("button", {
 							type: "button",
-							disabled: X,
-							onClick: fe,
+							disabled: $,
+							onClick: he,
 							className: "inline-flex items-center justify-center gap-1.5 rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-3 py-1.5 text-xs font-medium text-status-error-text hover:opacity-90 disabled:opacity-50",
 							children: [
-								/* @__PURE__ */ z(k, { className: "h-3.5 w-3.5" }),
+								/* @__PURE__ */ V(N, { className: "h-3.5 w-3.5" }),
 								" ",
 								c("relationships.detail.actions.cancel", "Cancel")
 							]
@@ -768,149 +780,159 @@ function X() {
 					})]
 				})
 			}),
-			N && /* @__PURE__ */ z("div", {
+			L && /* @__PURE__ */ V("div", {
 				className: "mt-4 rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
-				children: N
+				children: L
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ H("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ B("div", {
+				children: [/* @__PURE__ */ H("div", {
 					className: "space-y-4 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ B("div", {
+						/* @__PURE__ */ H("div", {
 							className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ B(V, {
+							children: [/* @__PURE__ */ H(U, {
 								treatment: "metric",
 								className: "p-5",
 								children: [
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ H("div", {
 										className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
 										children: [
-											/* @__PURE__ */ z(j, { className: "h-4 w-4 text-text-secondary" }),
+											/* @__PURE__ */ V(F, { className: "h-4 w-4 text-text-secondary" }),
 											" ",
 											c("relationships.detail.sections.planPricing", "Plan & pricing")
 										]
 									}),
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ H("div", {
 										className: "mt-3",
 										children: [
-											/* @__PURE__ */ z(J, {
+											/* @__PURE__ */ V(X, {
 												label: c("relationships.detail.info.plan", "Plan"),
-												value: Y.plan?.name ?? "—"
+												value: Q.plan?.name ?? "—"
 											}),
-											/* @__PURE__ */ z(J, {
+											/* @__PURE__ */ V(X, {
 												label: c("relationships.detail.info.price", "Price"),
-												value: /* @__PURE__ */ B(re, { children: [n(Y.amount, Y.currency), /* @__PURE__ */ z("span", {
+												value: /* @__PURE__ */ H(ae, { children: [n(Q.amount, Q.currency), /* @__PURE__ */ V("span", {
 													className: "font-normal text-text-secondary",
-													children: a(Y.interval)
+													children: a(Q.interval)
 												})] })
 											}),
-											/* @__PURE__ */ z(J, {
+											/* @__PURE__ */ V(X, {
 												label: c("relationships.detail.info.billingInterval", "Billing interval"),
-												value: i(Y.interval)
+												value: i(Q.interval)
 											}),
-											/* @__PURE__ */ z(J, {
+											/* @__PURE__ */ V(X, {
 												label: c("relationships.detail.info.provider", "Provider"),
-												value: Y.provider?.name ?? "—"
+												value: Q.provider?.name ?? "—"
 											})
 										]
 									}),
-									$.length > 0 && /* @__PURE__ */ z("div", {
+									ye.length > 0 && /* @__PURE__ */ V("div", {
 										className: "mt-3 flex flex-wrap gap-1.5",
-										children: $.map((e) => /* @__PURE__ */ z("span", {
+										children: ye.map((e) => /* @__PURE__ */ V("span", {
 											className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
 											children: e
 										}, e))
 									})
 								]
-							}), /* @__PURE__ */ B(V, {
+							}), /* @__PURE__ */ H(U, {
 								treatment: "metric",
 								className: "p-5",
-								children: [/* @__PURE__ */ B("div", {
+								children: [/* @__PURE__ */ H("div", {
 									className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
 									children: [
-										/* @__PURE__ */ z(te, { className: "h-4 w-4 text-text-secondary" }),
+										/* @__PURE__ */ V(re, { className: "h-4 w-4 text-text-secondary" }),
 										" ",
 										c("relationships.detail.sections.paymentBilling", "Payment & billing")
 									]
-								}), /* @__PURE__ */ B("div", {
+								}), /* @__PURE__ */ H("div", {
 									className: "mt-3",
 									children: [
-										/* @__PURE__ */ z(J, {
+										/* @__PURE__ */ V(X, {
 											label: c("relationships.detail.info.currency", "Currency"),
-											value: Y.currency
+											value: Q.currency
 										}),
-										/* @__PURE__ */ z(J, {
+										/* @__PURE__ */ V(X, {
 											label: c("relationships.detail.info.autoRenew", "Auto-renew"),
-											value: Q
+											value: _e
 										}),
-										/* @__PURE__ */ z(J, {
+										/* @__PURE__ */ V(X, {
 											label: c("relationships.detail.info.nextRenewal", "Next renewal"),
-											value: Y.renewsAt ? r(Y.renewsAt) : "—"
+											value: Q.renewsAt ? r(Q.renewsAt) : "—"
 										}),
-										/* @__PURE__ */ z(J, {
+										/* @__PURE__ */ V(X, {
 											label: c("relationships.detail.info.started", "Started"),
-											value: Y.startedAt ? r(Y.startedAt) : "—"
+											value: Q.startedAt ? r(Q.startedAt) : "—"
 										}),
-										Y.trialEndsAt && /* @__PURE__ */ z(J, {
+										Q.trialEndsAt && /* @__PURE__ */ V(X, {
 											label: c("relationships.detail.info.trialEnds", "Trial ends"),
-											value: r(Y.trialEndsAt)
+											value: r(Q.trialEndsAt)
 										})
 									]
 								})]
 							})]
 						}),
-						/* @__PURE__ */ z(f, {
+						(Z.data?.items.length ?? 0) > 0 && /* @__PURE__ */ H(f, {
+							className: "mt-0",
+							title: c("relationships.detail.sections.aiRecommendations", "AI recommendations"),
+							description: c("relationships.detail.sections.aiRecommendationsDescription", "Open recommendations about this subscription. You can also make any of these changes by hand above."),
+							children: [/* @__PURE__ */ V(k, { className: "mb-3" }), /* @__PURE__ */ V("div", {
+								className: "grid grid-cols-1 gap-3",
+								"data-testid": "relationship-decisions",
+								children: Z.data?.items.map((e) => /* @__PURE__ */ V(O, { decision: e }, e.id))
+							})]
+						}),
+						/* @__PURE__ */ V(f, {
 							className: "mt-0",
 							title: c("relationships.detail.sections.entitlements", "Entitlements"),
 							description: c("relationships.detail.sections.entitlementsDescription", "What this relationship grants you"),
-							action: /* @__PURE__ */ B("button", {
+							action: /* @__PURE__ */ H("button", {
 								type: "button",
-								onClick: () => W(!0),
+								onClick: () => K(!0),
 								className: "inline-flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
 								children: [
-									/* @__PURE__ */ z(L, { className: "h-3.5 w-3.5" }),
+									/* @__PURE__ */ V(B, { className: "h-3.5 w-3.5" }),
 									" ",
 									c("relationships.detail.sections.addEntitlement", "Add entitlement")
 								]
 							}),
-							children: !Y.entitlements || Y.entitlements.length === 0 ? /* @__PURE__ */ z(s, {
+							children: !Q.entitlements || Q.entitlements.length === 0 ? /* @__PURE__ */ V(s, {
 								illustration: "empty-data",
 								title: c("relationships.detail.empty.noEntitlementsTitle", "No entitlements"),
 								description: c("relationships.detail.empty.noEntitlementsDescription", "Entitlements (seats, quotas, feature access) will appear here.")
-							}) : /* @__PURE__ */ z("div", {
+							}) : /* @__PURE__ */ V("div", {
 								className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-								children: Y.entitlements.map((e) => {
+								children: Q.entitlements.map((e) => {
 									let t = e.quota != null && e.quota > 0;
-									return /* @__PURE__ */ B(V, {
+									return /* @__PURE__ */ H(U, {
 										treatment: "plain",
 										className: "p-4",
 										children: [
-											/* @__PURE__ */ B("div", {
+											/* @__PURE__ */ H("div", {
 												className: "flex items-start justify-between gap-2",
-												children: [/* @__PURE__ */ z("p", {
+												children: [/* @__PURE__ */ V("p", {
 													className: "min-w-0 truncate text-sm font-medium text-text-primary",
 													children: e.name
-												}), /* @__PURE__ */ z(o, { status: e.isActive ? "ACTIVE" : "DISABLED" })]
+												}), /* @__PURE__ */ V(o, { status: e.isActive ? "ACTIVE" : "DISABLED" })]
 											}),
-											/* @__PURE__ */ z("p", {
+											/* @__PURE__ */ V("p", {
 												className: "mt-1 text-xs text-text-secondary",
 												children: i(e.type)
 											}),
-											t && /* @__PURE__ */ B("div", {
+											t && /* @__PURE__ */ H("div", {
 												className: "mt-3",
-												children: [/* @__PURE__ */ B("div", {
+												children: [/* @__PURE__ */ H("div", {
 													className: "flex items-center justify-between text-xs text-text-secondary",
-													children: [/* @__PURE__ */ B("span", { children: [
+													children: [/* @__PURE__ */ H("span", { children: [
 														e.used,
 														" / ",
 														e.quota,
 														e.unit ? ` ${e.unit}` : ""
-													] }), /* @__PURE__ */ B("span", {
+													] }), /* @__PURE__ */ H("span", {
 														className: "tabular-nums",
 														children: [Math.round(e.used / e.quota * 100), "%"]
 													})]
-												}), /* @__PURE__ */ z(m, {
+												}), /* @__PURE__ */ V(m, {
 													value: e.used,
 													max: e.quota,
 													tone: e.used / e.quota >= .9 ? "negative" : e.used / e.quota >= .7 ? "warning" : "accent",
@@ -922,23 +944,23 @@ function X() {
 								})
 							})
 						}),
-						/* @__PURE__ */ z(f, {
+						/* @__PURE__ */ V(f, {
 							className: "mt-0",
 							title: c("relationships.detail.sections.assets", "Assets"),
 							description: c("relationships.detail.sections.assetsDescription", "Invoices, contracts, licenses and credentials"),
-							action: /* @__PURE__ */ B("button", {
+							action: /* @__PURE__ */ H("button", {
 								type: "button",
-								onClick: () => K(!0),
+								onClick: () => J(!0),
 								className: "inline-flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
 								children: [
-									/* @__PURE__ */ z(L, { className: "h-3.5 w-3.5" }),
+									/* @__PURE__ */ V(B, { className: "h-3.5 w-3.5" }),
 									" ",
 									c("relationships.detail.sections.attachAsset", "Attach asset")
 								]
 							}),
 							children: (() => {
-								let e = Y.assets ?? [], t = Y.invoices ?? [];
-								return e.length > 0 || t.length > 0 ? /* @__PURE__ */ z(V, {
+								let e = Q.assets ?? [], t = ce.data?.items ?? [];
+								return e.length > 0 || t.length > 0 ? /* @__PURE__ */ V(U, {
 									treatment: "plain",
 									className: "divide-y divide-border-subtle p-0",
 									children: [...e.map((e) => ({
@@ -949,104 +971,104 @@ function X() {
 										kind: "invoice",
 										sort: new Date(e.createdAt).getTime() || 0,
 										invoice: e
-									}))].sort((e, t) => t.sort - e.sort).map((e) => e.kind === "asset" ? /* @__PURE__ */ z(le, { asset: e.asset }, `a-${e.asset.id}`) : /* @__PURE__ */ z(ue, { invoice: e.invoice }, `i-${e.invoice.id}`))
-								}) : /* @__PURE__ */ z(s, {
+									}))].sort((e, t) => t.sort - e.sort).map((e) => e.kind === "asset" ? /* @__PURE__ */ V(fe, { asset: e.asset }, `a-${e.asset.id}`) : /* @__PURE__ */ V(pe, { invoice: e.invoice }, `i-${e.invoice.id}`))
+								}) : /* @__PURE__ */ V(s, {
 									illustration: "empty-data",
 									title: c("relationships.detail.empty.noAssetsTitle", "No assets attached"),
 									description: c("relationships.detail.empty.noAssetsDescription", "Attach invoices, contracts, licenses or receipts to this relationship.")
 								});
 							})()
 						}),
-						Y.notes && /* @__PURE__ */ B(V, {
+						Q.notes && /* @__PURE__ */ H(U, {
 							treatment: "plain",
 							className: "p-4",
-							children: [/* @__PURE__ */ z("p", {
+							children: [/* @__PURE__ */ V("p", {
 								className: "text-xs font-medium text-text-secondary",
 								children: c("relationships.detail.sections.notes", "Notes")
-							}), /* @__PURE__ */ z("p", {
+							}), /* @__PURE__ */ V("p", {
 								className: "mt-1 whitespace-pre-wrap text-sm text-text-primary",
-								children: Y.notes
+								children: Q.notes
 							})]
 						})
 					]
-				}), /* @__PURE__ */ B("div", {
+				}), /* @__PURE__ */ H("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ B(V, {
+					children: [/* @__PURE__ */ H(U, {
 						treatment: "metric",
 						className: "p-5",
-						children: [/* @__PURE__ */ B("div", {
+						children: [/* @__PURE__ */ H("div", {
 							className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
 							children: [
-								/* @__PURE__ */ z(D, { className: "h-4 w-4 text-text-secondary" }),
+								/* @__PURE__ */ V(j, { className: "h-4 w-4 text-text-secondary" }),
 								" ",
 								c("relationships.detail.sections.healthScore", "Health score")
 							]
-						}), Y.healthScore == null ? /* @__PURE__ */ z("p", {
+						}), Q.healthScore == null ? /* @__PURE__ */ V("p", {
 							className: "mt-4 text-sm text-text-secondary",
 							children: c("relationships.detail.empty.noHealthScore", "Not scored yet. A health score appears once Subscriber Bot has enough signal.")
-						}) : /* @__PURE__ */ B("div", {
+						}) : /* @__PURE__ */ H("div", {
 							className: "mt-4 flex flex-col items-center",
-							children: [/* @__PURE__ */ z(p, {
-								value: Y.healthScore,
+							children: [/* @__PURE__ */ V(p, {
+								value: Q.healthScore,
 								max: 100,
 								size: 160,
 								label: c("relationships.detail.outOf100", "of 100")
-							}), /* @__PURE__ */ z("div", {
+							}), /* @__PURE__ */ V("div", {
 								className: "mt-2 w-full",
-								children: /* @__PURE__ */ z(m, {
-									value: Y.healthScore,
+								children: /* @__PURE__ */ V(m, {
+									value: Q.healthScore,
 									max: 100,
-									tone: ae(Y.healthScore)
+									tone: se(Q.healthScore)
 								})
 							})]
 						})]
-					}), /* @__PURE__ */ B(V, {
+					}), /* @__PURE__ */ H(U, {
 						treatment: "metric",
 						className: "p-5",
 						children: [
-							/* @__PURE__ */ B("div", {
+							/* @__PURE__ */ H("div", {
 								className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
 								children: [
-									/* @__PURE__ */ z(A, { className: "h-4 w-4 text-text-secondary" }),
+									/* @__PURE__ */ V(P, { className: "h-4 w-4 text-text-secondary" }),
 									" ",
 									c("relationships.detail.sections.renewalTimeline", "Renewal timeline")
 								]
 							}),
-							/* @__PURE__ */ z("p", {
+							/* @__PURE__ */ V("p", {
 								className: "mt-0.5 text-xs text-text-secondary",
 								children: c("relationships.detail.sections.renewalTimelineDescription", "Detected renewals and price changes")
 							}),
-							Z.length === 0 ? /* @__PURE__ */ z("div", {
+							ge.length === 0 ? /* @__PURE__ */ V("div", {
 								className: "mt-4",
-								children: /* @__PURE__ */ z(s, {
+								children: /* @__PURE__ */ V(s, {
 									illustration: "empty-calendar",
 									title: c("relationships.detail.empty.noRenewalEventsTitle", "No renewal events"),
 									description: c("relationships.detail.empty.noRenewalEventsDescription", "Renewals and price changes will appear here as they're detected.")
 								})
-							}) : /* @__PURE__ */ z(h, {
-								items: Z,
+							}) : /* @__PURE__ */ V(h, {
+								items: ge,
 								className: "mt-4"
 							})
 						]
 					})]
 				})]
 			}),
-			I && /* @__PURE__ */ z(oe, {
-				relationship: Y,
-				onClose: () => H(!1)
-			}),
-			U && /* @__PURE__ */ z(se, {
-				relationshipId: Y.id,
+			z && /* @__PURE__ */ V(le, {
+				relationship: Q,
 				onClose: () => W(!1)
 			}),
-			G && /* @__PURE__ */ z(ce, {
-				relationshipId: Y.id,
+			G && /* @__PURE__ */ V(ue, {
+				relationshipId: Q.id,
 				onClose: () => K(!1)
+			}),
+			q && /* @__PURE__ */ V(de, {
+				relationshipId: Q.id,
+				onClose: () => J(!1)
 			})
 		]
 	});
 }
 //#endregion
-export { X as RelationshipDetailPage };
+export { Z as RelationshipDetailPage };
 
 //# sourceMappingURL=RelationshipDetailPage.js.map