@burdenoff/microfe-subscriberbot 2026.1030.7 → 2026.1102.1

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

@@ -10,15 +10,15 @@ import { Gauge as p, MiniProgress as m, Timeline as h } from "../../components/v
 import "../../components/index.js";
 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 { AiDisclaimer as ee } 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";
+import { useState as k } from "react";
+import { Activity as A, ArrowLeft as j, Ban as M, CalendarClock as N, CreditCard as P, Download as F, Handshake as te, Paperclip as I, Pause as L, Pencil as ne, Play as R, Plus as z, ShieldCheck as re, Tag as ie, Wallet as ae } from "lucide-react";
+import { useParams as oe } from "react-router";
+import { Fragment as se, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { GlassCard as H } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/relationships/RelationshipDetailPage.tsx
-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 = [
+var U = "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)]", W = "mb-1 block text-xs font-medium text-text-secondary", G = [
 	"MONTHLY",
 	"YEARLY",
 	"QUARTERLY",
@@ -27,14 +27,14 @@ var W = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 	"USAGE_BASED",
 	"LIFETIME",
 	"FREE"
-], q = [
+], K = [
 	"FEATURE_ACCESS",
 	"SEAT",
 	"USAGE_QUOTA",
 	"CONTENT",
 	"DISCOUNT",
 	"SUPPORT_TIER"
-], J = [
+], q = [
 	"RECEIPT",
 	"INVOICE",
 	"CONTRACT",
@@ -43,7 +43,7 @@ var W = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 	"CERTIFICATE",
 	"WARRANTY",
 	"DOMAIN"
-], Y = {
+], J = {
 	SUBSCRIPTION: "relationships.kinds.subscription",
 	MEMBERSHIP: "relationships.kinds.membership",
 	LICENSE: "relationships.kinds.license",
@@ -52,62 +52,62 @@ var W = "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"
-}, oe = [
+}, ce = [
 	{
 		status: "ACTIVE",
 		labelKey: "relationships.detail.actions.activate",
 		defaultLabel: "Activate",
-		icon: z
+		icon: R
 	},
 	{
 		status: "PAUSED",
 		labelKey: "relationships.detail.actions.pause",
 		defaultLabel: "Pause",
-		icon: R
+		icon: L
 	},
 	{
 		status: "EXPIRED",
 		labelKey: "relationships.detail.actions.markExpired",
 		defaultLabel: "Mark expired",
-		icon: N
+		icon: M
 	}
 ];
-function X({ label: e, value: t }) {
-	return /* @__PURE__ */ H("div", {
+function Y({ label: e, value: t }) {
+	return /* @__PURE__ */ V("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__ */ V("span", {
+		children: [/* @__PURE__ */ B("span", {
 			className: "shrink-0 text-sm text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ V("span", {
+		}), /* @__PURE__ */ B("span", {
 			className: "min-w-0 truncate text-right text-sm font-medium text-text-primary",
 			children: t
 		})]
 	});
 }
-function se(e) {
+function le(e) {
 	return e == null ? "accent" : e >= 66 ? "positive" : e >= 33 ? "warning" : "negative";
 }
-function ce(e) {
+function X(e) {
 	if (!e) return "";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
 }
-function le({ relationship: e, onClose: t }) {
+function ue({ relationship: e, onClose: t }) {
 	let n = l(), r = E(), i = C({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), [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.notes ?? ""), [O, k] = A(e.department ?? ""), [j, M] = A(null), N = S(s || void 0), P = (() => {
+	} }), [a, o] = k(e.label), [s, u] = k(e.providerId ?? ""), [d, f] = k(e.planId ?? ""), [p, m] = k(String(e.amount ?? "")), [h, g] = k(e.currency), [_, v] = k(e.interval), [y, b] = k(X(e.renewsAt)), [x, w] = k(e.autoRenew), [T, D] = k(e.notes ?? ""), [O, ee] = k(e.department ?? ""), [A, j] = k(null), M = S(s || void 0), N = (() => {
 		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__ */ V(c, {
+	})(), P = M.data ?? [];
+	return /* @__PURE__ */ B(c, {
 		title: n("relationships.detail.editModal.title", "Edit relationship"),
 		onClose: t,
 		maxWidthClassName: "max-w-2xl",
-		children: /* @__PURE__ */ H("form", {
+		children: /* @__PURE__ */ V("form", {
 			onSubmit: (i) => {
-				if (i.preventDefault(), M(null), !a.trim()) {
-					M(n("relationships.detail.editModal.labelRequired", "A label is required."));
+				if (i.preventDefault(), j(null), !a.trim()) {
+					j(n("relationships.detail.editModal.labelRequired", "A label is required."));
 					return;
 				}
 				let o = {
@@ -127,147 +127,147 @@ function le({ relationship: e, onClose: t }) {
 					input: o
 				}, {
 					onSuccess: () => t(),
-					onError: (e) => M(e instanceof Error ? e.message : n("relationships.detail.editModal.error", "Could not update relationship."))
+					onError: (e) => j(e instanceof Error ? e.message : n("relationships.detail.editModal.error", "Could not update relationship."))
 				});
 			},
 			className: "space-y-4",
 			children: [
-				j && /* @__PURE__ */ V("div", {
+				A && /* @__PURE__ */ B("div", {
 					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
-					children: j
+					children: A
 				}),
-				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ H("label", {
+				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ V("label", {
 					htmlFor: "edit-label",
-					className: G,
+					className: W,
 					children: [
 						n("relationships.detail.editModal.labelLabel", "Label"),
 						" ",
-						/* @__PURE__ */ V("span", {
+						/* @__PURE__ */ B("span", {
 							className: "text-status-error-text",
 							children: "*"
 						})
 					]
-				}), /* @__PURE__ */ V("input", {
+				}), /* @__PURE__ */ B("input", {
 					id: "edit-label",
 					type: "text",
 					value: a,
 					onChange: (e) => o(e.target.value),
-					className: W,
+					className: U,
 					required: !0
 				})] }),
-				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "edit-department",
-					className: G,
+					className: W,
 					children: n("relationships.detail.editModal.departmentLabel", "Department or team")
-				}), /* @__PURE__ */ V("input", {
+				}), /* @__PURE__ */ B("input", {
 					id: "edit-department",
 					type: "text",
 					maxLength: 120,
 					value: O,
-					onChange: (e) => k(e.target.value),
+					onChange: (e) => ee(e.target.value),
 					placeholder: n("relationships.detail.editModal.departmentPlaceholder", "e.g. Engineering, Marketing"),
-					className: W
+					className: U
 				})] }),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ V("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+					children: [/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 						htmlFor: "edit-provider",
-						className: G,
+						className: W,
 						children: n("relationships.detail.editModal.providerLabel", "Provider")
-					}), /* @__PURE__ */ H("select", {
+					}), /* @__PURE__ */ V("select", {
 						id: "edit-provider",
 						value: s,
 						onChange: (e) => {
 							u(e.target.value), f("");
 						},
-						className: W,
-						children: [/* @__PURE__ */ V("option", {
+						className: U,
+						children: [/* @__PURE__ */ B("option", {
 							value: "",
 							children: n("relationships.detail.editModal.providerNone", "— None —")
-						}), P.map((e) => /* @__PURE__ */ V("option", {
+						}), N.map((e) => /* @__PURE__ */ B("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
-					})] }), /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+					})] }), /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 						htmlFor: "edit-plan",
-						className: G,
+						className: W,
 						children: n("relationships.detail.editModal.planLabel", "Plan")
-					}), /* @__PURE__ */ H("select", {
+					}), /* @__PURE__ */ V("select", {
 						id: "edit-plan",
 						value: d,
 						onChange: (e) => f(e.target.value),
-						className: W,
-						disabled: !s || F.length === 0,
-						children: [/* @__PURE__ */ V("option", {
+						className: U,
+						disabled: !s || P.length === 0,
+						children: [/* @__PURE__ */ B("option", {
 							value: "",
 							children: n("relationships.detail.editModal.planNone", "— None —")
-						}), F.map((e) => /* @__PURE__ */ V("option", {
+						}), P.map((e) => /* @__PURE__ */ B("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
 					})] })]
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ V("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+						/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 							htmlFor: "edit-amount",
-							className: G,
+							className: W,
 							children: n("relationships.detail.editModal.amountLabel", "Amount")
-						}), /* @__PURE__ */ V("input", {
+						}), /* @__PURE__ */ B("input", {
 							id: "edit-amount",
 							type: "number",
 							min: "0",
 							step: "0.01",
 							value: p,
 							onChange: (e) => m(e.target.value),
-							className: W
+							className: U
 						})] }),
-						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+						/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 							htmlFor: "edit-currency",
-							className: G,
+							className: W,
 							children: n("relationships.detail.editModal.currencyLabel", "Currency")
-						}), /* @__PURE__ */ V("input", {
+						}), /* @__PURE__ */ B("input", {
 							id: "edit-currency",
 							type: "text",
 							value: h,
 							onChange: (e) => g(e.target.value.toUpperCase()),
 							maxLength: 3,
-							className: W
+							className: U
 						})] }),
-						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+						/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 							htmlFor: "edit-interval",
-							className: G,
+							className: W,
 							children: n("relationships.detail.editModal.intervalLabel", "Billing interval")
-						}), /* @__PURE__ */ V("select", {
+						}), /* @__PURE__ */ B("select", {
 							id: "edit-interval",
 							value: _,
 							onChange: (e) => v(e.target.value),
-							className: W,
-							children: K.map((e) => /* @__PURE__ */ V("option", {
+							className: U,
+							children: G.map((e) => /* @__PURE__ */ B("option", {
 								value: e,
 								children: e.replace(/_/g, " ")
 							}, e))
 						})] })
 					]
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ V("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
-					children: [/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+					children: [/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 						htmlFor: "edit-renews",
-						className: G,
+						className: W,
 						children: n("relationships.detail.editModal.renewsOnLabel", "Renews on")
-					}), /* @__PURE__ */ V("input", {
+					}), /* @__PURE__ */ B("input", {
 						id: "edit-renews",
 						type: "date",
 						value: y,
 						onChange: (e) => b(e.target.value),
-						className: W
-					})] }), /* @__PURE__ */ V("div", {
+						className: U
+					})] }), /* @__PURE__ */ B("div", {
 						className: "flex items-end",
-						children: /* @__PURE__ */ H("label", {
+						children: /* @__PURE__ */ V("label", {
 							className: "flex items-center gap-2 text-sm text-text-primary",
-							children: [/* @__PURE__ */ V("input", {
+							children: [/* @__PURE__ */ B("input", {
 								type: "checkbox",
 								checked: x,
 								onChange: (e) => w(e.target.checked),
@@ -276,25 +276,25 @@ function le({ relationship: e, onClose: t }) {
 						})
 					})]
 				}),
-				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "edit-notes",
-					className: G,
+					className: W,
 					children: n("relationships.detail.editModal.notesLabel", "Notes")
-				}), /* @__PURE__ */ V("textarea", {
+				}), /* @__PURE__ */ B("textarea", {
 					id: "edit-notes",
 					value: T,
 					onChange: (e) => D(e.target.value),
 					rows: 3,
-					className: W
+					className: U
 				})] }),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ V("button", {
+					children: [/* @__PURE__ */ B("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__ */ V("button", {
+					}), /* @__PURE__ */ B("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 +305,12 @@ function le({ relationship: e, onClose: t }) {
 		})
 	});
 }
-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, {
+function de({ relationshipId: e, onClose: t }) {
+	let n = l(), r = v(), [i, a] = k(""), [o, s] = k("FEATURE_ACCESS"), [u, d] = k(""), [f, p] = k(""), [m, h] = k(""), [g, _] = k(null);
+	return /* @__PURE__ */ B(c, {
 		title: n("relationships.detail.addEntitlementModal.title", "Add entitlement"),
 		onClose: t,
-		children: /* @__PURE__ */ H("form", {
+		children: /* @__PURE__ */ V("form", {
 			onSubmit: (a) => {
 				if (a.preventDefault(), _(null), !i.trim()) {
 					_(n("relationships.detail.addEntitlementModal.nameRequired", "An entitlement name is required."));
@@ -330,93 +330,93 @@ function ue({ relationshipId: e, onClose: t }) {
 			},
 			className: "space-y-4",
 			children: [
-				g && /* @__PURE__ */ V("div", {
+				g && /* @__PURE__ */ B("div", {
 					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
 					children: g
 				}),
-				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ H("label", {
+				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ V("label", {
 					htmlFor: "ent-name",
-					className: G,
+					className: W,
 					children: [
 						n("relationships.detail.addEntitlementModal.nameLabel", "Name"),
 						" ",
-						/* @__PURE__ */ V("span", {
+						/* @__PURE__ */ B("span", {
 							className: "text-status-error-text",
 							children: "*"
 						})
 					]
-				}), /* @__PURE__ */ V("input", {
+				}), /* @__PURE__ */ B("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: W,
+					className: U,
 					required: !0
 				})] }),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ V("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+						/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 							htmlFor: "ent-type",
-							className: G,
+							className: W,
 							children: n("relationships.detail.addEntitlementModal.typeLabel", "Type")
-						}), /* @__PURE__ */ V("select", {
+						}), /* @__PURE__ */ B("select", {
 							id: "ent-type",
 							value: o,
 							onChange: (e) => s(e.target.value),
-							className: W,
-							children: q.map((e) => /* @__PURE__ */ V("option", {
+							className: U,
+							children: K.map((e) => /* @__PURE__ */ B("option", {
 								value: e,
 								children: e.replace(/_/g, " ")
 							}, e))
 						})] }),
-						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+						/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 							htmlFor: "ent-quota",
-							className: G,
+							className: W,
 							children: n("relationships.detail.addEntitlementModal.quotaLabel", "Quota")
-						}), /* @__PURE__ */ V("input", {
+						}), /* @__PURE__ */ B("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: W
+							className: U
 						})] }),
-						/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+						/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 							htmlFor: "ent-unit",
-							className: G,
+							className: W,
 							children: n("relationships.detail.addEntitlementModal.unitLabel", "Unit")
-						}), /* @__PURE__ */ V("input", {
+						}), /* @__PURE__ */ B("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: W
+							className: U
 						})] })
 					]
 				}),
-				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "ent-desc",
-					className: G,
+					className: W,
 					children: n("relationships.detail.addEntitlementModal.descriptionLabel", "Description")
-				}), /* @__PURE__ */ V("textarea", {
+				}), /* @__PURE__ */ B("textarea", {
 					id: "ent-desc",
 					value: m,
 					onChange: (e) => h(e.target.value),
 					rows: 2,
-					className: W
+					className: U
 				})] }),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ V("button", {
+					children: [/* @__PURE__ */ B("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__ */ V("button", {
+					}), /* @__PURE__ */ B("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 +427,12 @@ function ue({ relationshipId: e, onClose: t }) {
 		})
 	});
 }
-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, {
+function fe({ relationshipId: e, onClose: t }) {
+	let n = l(), r = _(), { uploadFile: i, progress: a, isUploading: o } = D(), [s, u] = k(""), [d, f] = k("RECEIPT"), [p, m] = k(null), [h, g] = k(""), [v, y] = k(null), b = o || r.isPending;
+	return /* @__PURE__ */ B(c, {
 		title: n("relationships.detail.attachAssetModal.title", "Attach asset"),
 		onClose: t,
-		children: /* @__PURE__ */ H("form", {
+		children: /* @__PURE__ */ V("form", {
 			onSubmit: async (a) => {
 				if (a.preventDefault(), y(null), !p) {
 					y(n("relationships.detail.attachAssetModal.chooseFile", "Choose a file to attach."));
@@ -453,24 +453,24 @@ function de({ relationshipId: e, onClose: t }) {
 			},
 			className: "space-y-4",
 			children: [
-				v && /* @__PURE__ */ V("div", {
+				v && /* @__PURE__ */ B("div", {
 					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
 					children: v
 				}),
-				/* @__PURE__ */ H("div", { children: [
-					/* @__PURE__ */ H("label", {
+				/* @__PURE__ */ V("div", { children: [
+					/* @__PURE__ */ V("label", {
 						htmlFor: "asset-file",
-						className: G,
+						className: W,
 						children: [
 							n("relationships.detail.attachAssetModal.fileLabel", "File"),
 							" ",
-							/* @__PURE__ */ V("span", {
+							/* @__PURE__ */ B("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})
 						]
 					}),
-					/* @__PURE__ */ V("input", {
+					/* @__PURE__ */ B("input", {
 						id: "asset-file",
 						type: "file",
 						onChange: (e) => {
@@ -479,62 +479,62 @@ function de({ 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__ */ V("p", {
+					/* @__PURE__ */ B("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__ */ H("div", {
+				/* @__PURE__ */ V("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+					children: [/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 						htmlFor: "asset-name",
-						className: G,
+						className: W,
 						children: n("relationships.detail.attachAssetModal.nameLabel", "Name")
-					}), /* @__PURE__ */ V("input", {
+					}), /* @__PURE__ */ B("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: W
-					})] }), /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+						className: U
+					})] }), /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 						htmlFor: "asset-type",
-						className: G,
+						className: W,
 						children: n("relationships.detail.attachAssetModal.typeLabel", "Type")
-					}), /* @__PURE__ */ V("select", {
+					}), /* @__PURE__ */ B("select", {
 						id: "asset-type",
 						value: d,
 						onChange: (e) => f(e.target.value),
-						className: W,
-						children: J.map((e) => /* @__PURE__ */ V("option", {
+						className: U,
+						children: q.map((e) => /* @__PURE__ */ B("option", {
 							value: e,
 							children: e.replace(/_/g, " ")
 						}, e))
 					})] })]
 				}),
-				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("label", {
+				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "asset-expires",
-					className: G,
+					className: W,
 					children: n("relationships.detail.attachAssetModal.expiresOnLabel", "Expires on")
-				}), /* @__PURE__ */ V("input", {
+				}), /* @__PURE__ */ B("input", {
 					id: "asset-expires",
 					type: "date",
 					value: h,
 					onChange: (e) => g(e.target.value),
-					className: W
+					className: U
 				})] }),
-				o && /* @__PURE__ */ V("p", {
+				o && /* @__PURE__ */ B("p", {
 					className: "text-xs text-text-secondary",
 					children: n("relationships.detail.attachAssetModal.uploading", "Uploading… {{progress}}%", { progress: a })
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flex justify-end gap-3",
-					children: [/* @__PURE__ */ V("button", {
+					children: [/* @__PURE__ */ B("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__ */ V("button", {
+					}), /* @__PURE__ */ B("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 +545,28 @@ function de({ relationshipId: e, onClose: t }) {
 		})
 	});
 }
-function fe({ asset: e }) {
-	let t = l(), n = b(), [a, o] = A(!1);
-	return /* @__PURE__ */ H("div", {
+function pe({ asset: e }) {
+	let t = l(), n = b(), [a, o] = k(!1);
+	return /* @__PURE__ */ V("div", {
 		className: "flex items-center justify-between gap-3 p-3",
-		children: [/* @__PURE__ */ H("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "flex min-w-0 items-center gap-2",
-			children: [/* @__PURE__ */ V(L, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ H("div", {
+			children: [/* @__PURE__ */ B(I, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ V("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ V("p", {
+				children: [/* @__PURE__ */ B("p", {
 					className: "truncate text-sm font-medium text-text-primary",
 					children: e.name
-				}), /* @__PURE__ */ V("p", {
+				}), /* @__PURE__ */ B("p", {
 					className: "text-xs text-text-secondary",
 					children: i(e.type)
 				})]
 			})]
-		}), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ V("div", {
 			className: "flex shrink-0 items-center gap-3",
-			children: [e.expiresAt && /* @__PURE__ */ V("span", {
+			children: [e.expiresAt && /* @__PURE__ */ B("span", {
 				className: "text-xs text-text-secondary",
 				children: t("relationships.detail.assetRow.expires", "Expires {{date}}", { date: r(e.expiresAt) })
-			}), e.file?.id && /* @__PURE__ */ H("button", {
+			}), e.file?.id && /* @__PURE__ */ V("button", {
 				type: "button",
 				onClick: async () => {
 					if (e.file?.id) {
@@ -582,7 +582,7 @@ function fe({ 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__ */ V(I, { className: "h-3.5 w-3.5" }),
+					/* @__PURE__ */ B(F, { className: "h-3.5 w-3.5" }),
 					" ",
 					a ? t("relationships.detail.assetRow.opening", "Opening…") : t("relationships.detail.assetRow.download", "Download")
 				]
@@ -590,30 +590,30 @@ function fe({ asset: e }) {
 		})]
 	});
 }
-function pe({ invoice: e }) {
+function me({ invoice: e }) {
 	let t = l(), a = e.number ?? t("relationships.detail.invoiceRow.unnumbered", "Unnumbered invoice");
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ V("div", {
 		className: "flex items-center justify-between gap-3 p-3",
-		children: [/* @__PURE__ */ H("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "flex min-w-0 items-center gap-2",
-			children: [/* @__PURE__ */ V(F, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ H("div", {
+			children: [/* @__PURE__ */ B(P, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ V("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ V("p", {
+				children: [/* @__PURE__ */ B("p", {
 					className: "truncate text-sm font-medium text-text-primary",
 					children: a
-				}), /* @__PURE__ */ H("p", {
+				}), /* @__PURE__ */ V("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__ */ V("span", {
+		}), /* @__PURE__ */ B("span", {
 			className: "shrink-0 text-sm font-medium tabular-nums text-text-primary",
 			children: n(e.total, e.currency)
 		})]
 	});
 }
 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({
+	let c = l(), { id: _ } = oe(), { navigateTo: v } = e(), { data: b, isLoading: S, isError: C, refetch: E } = w(_), D = T(), F = g(), [I, L] = k(null), [R, U] = k(!1), [W, G] = k(!1), [K, q] = k(!1), X = x({
 		relationshipId: _,
 		pagination: {
 			limit: 50,
@@ -623,24 +623,24 @@ function Z() {
 		relationshipId: _,
 		status: "PROPOSED"
 	}, { enabled: !!_ });
-	if (S) return /* @__PURE__ */ V(t, {
+	if (S) return /* @__PURE__ */ B(t, {
 		title: c("relationships.title", "Relationship"),
-		children: /* @__PURE__ */ V(d, { label: c("relationships.detail.loading", "Loading relationship…") })
+		children: /* @__PURE__ */ B(d, { label: c("relationships.detail.loading", "Loading relationship…") })
 	});
-	if (C) return /* @__PURE__ */ V(t, {
+	if (C) return /* @__PURE__ */ B(t, {
 		title: c("relationships.title", "Relationship"),
-		children: /* @__PURE__ */ V(u, {
+		children: /* @__PURE__ */ B(u, {
 			message: c("relationships.detail.error", "Could not load this relationship."),
 			onRetry: () => void E()
 		})
 	});
-	if (!b) return /* @__PURE__ */ V(t, {
+	if (!b) return /* @__PURE__ */ B(t, {
 		title: c("relationships.title", "Relationship"),
-		children: /* @__PURE__ */ V(s, {
+		children: /* @__PURE__ */ B(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__ */ V("button", {
+			action: /* @__PURE__ */ B("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",
@@ -648,14 +648,14 @@ function Z() {
 			})
 		})
 	});
-	let Q = b, $ = D.isPending || I.isPending, me = (e) => {
-		R(null), D.mutate({
+	let Q = b, $ = D.isPending || F.isPending, he = (e) => {
+		L(null), D.mutate({
 			id: Q.id,
 			status: 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) => {
+		}, { onError: (e) => L(e instanceof Error ? e.message : c("relationships.detail.transitionError", "Transition failed")) });
+	}, ge = () => {
+		L(null), F.mutate(Q.id, { onError: (e) => L(e instanceof Error ? e.message : c("relationships.detail.cancelError", "Cancel failed")) });
+	}, _e = [...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),
@@ -663,113 +663,127 @@ function Z() {
 			meta: e.amount == null ? void 0 : n(e.amount, e.currency ?? Q.currency),
 			tone: a ? "warning" : "muted"
 		};
-	}), _e = Q.autoRenew ? /* @__PURE__ */ V("span", {
+	}), ve = Q.autoRenew ? /* @__PURE__ */ B("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__ */ V("span", {
+	}) : /* @__PURE__ */ B("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")
-	}), ve = oe.filter((e) => e.status !== Q.status), ye = Q.plan?.features ?? [];
-	return /* @__PURE__ */ H(t, {
+	}), ye = ce.filter((e) => e.status !== Q.status), be = Q.plan?.features ?? [];
+	return /* @__PURE__ */ V(t, {
 		title: Q.label,
-		description: Q.provider?.name ?? c(Y[Q.kind], i(Q.kind)),
-		actions: /* @__PURE__ */ H("div", {
+		description: Q.provider?.name ?? c(J[Q.kind], i(Q.kind)),
+		actions: /* @__PURE__ */ V("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ H("button", {
-				type: "button",
-				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__ */ V(ee, { className: "h-4 w-4" }),
-					" ",
-					c("relationships.detail.edit", "Edit")
-				]
-			}), /* @__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__ */ V(M, { className: "h-4 w-4" }),
-					" ",
-					c("relationships.detail.back", "Back")
-				]
-			})]
+			children: [
+				/* @__PURE__ */ V("button", {
+					type: "button",
+					onClick: () => U(!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__ */ B(ne, { className: "h-4 w-4" }),
+						" ",
+						c("relationships.detail.edit", "Edit")
+					]
+				}),
+				/* @__PURE__ */ V("button", {
+					type: "button",
+					"data-testid": "negotiate-bill",
+					onClick: () => v(`/negotiations/new?relationshipId=${encodeURIComponent(Q.id)}`),
+					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__ */ B(te, { className: "h-4 w-4" }),
+						" ",
+						c("relationships.detail.negotiate", "Negotiate this bill")
+					]
+				}),
+				/* @__PURE__ */ V("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__ */ B(j, { className: "h-4 w-4" }),
+						" ",
+						c("relationships.detail.back", "Back")
+					]
+				})
+			]
 		}),
 		children: [
-			/* @__PURE__ */ V(U, {
+			/* @__PURE__ */ B(H, {
 				treatment: "glass",
 				glow: !0,
 				className: "p-5 sm:p-6",
-				children: /* @__PURE__ */ H("div", {
+				children: /* @__PURE__ */ V("div", {
 					className: "flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between",
-					children: [/* @__PURE__ */ H("div", {
+					children: [/* @__PURE__ */ V("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ V("p", {
+							/* @__PURE__ */ B("p", {
 								className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
-								children: c(Y[Q.kind], i(Q.kind))
+								children: c(J[Q.kind], i(Q.kind))
 							}),
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ V("div", {
 								className: "mt-2 flex flex-wrap items-center gap-3",
-								children: [/* @__PURE__ */ H("span", {
+								children: [/* @__PURE__ */ V("span", {
 									className: "text-3xl font-bold tabular-nums text-text-primary",
-									children: [n(Q.amount, Q.currency), /* @__PURE__ */ V("span", {
+									children: [n(Q.amount, Q.currency), /* @__PURE__ */ B("span", {
 										className: "text-base font-normal text-text-secondary",
 										children: a(Q.interval)
 									})]
-								}), /* @__PURE__ */ V(o, { status: Q.status })]
+								}), /* @__PURE__ */ B(o, { status: Q.status })]
 							}),
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ V("div", {
 								className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
 								children: [
-									/* @__PURE__ */ H("span", {
+									/* @__PURE__ */ V("span", {
 										className: "inline-flex items-center gap-1.5",
-										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")]
+										children: [/* @__PURE__ */ B(N, { 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__ */ H("span", {
+									/* @__PURE__ */ V("span", {
 										className: "inline-flex items-center gap-1.5",
-										children: [/* @__PURE__ */ V(te, { className: "h-3.5 w-3.5" }), i(Q.discoverySource)]
+										children: [/* @__PURE__ */ B(re, { className: "h-3.5 w-3.5" }), i(Q.discoverySource)]
 									}),
-									/* @__PURE__ */ H("span", {
+									/* @__PURE__ */ V("span", {
 										className: "inline-flex items-center gap-1.5",
 										children: [
 											c("relationships.detail.autoRenew", "Auto-renew"),
 											" ",
-											_e
+											ve
 										]
 									})
 								]
 							}),
-							Q.tags.length > 0 && /* @__PURE__ */ H("div", {
+							Q.tags.length > 0 && /* @__PURE__ */ V("div", {
 								className: "mt-3 flex flex-wrap items-center gap-2",
-								children: [/* @__PURE__ */ V(ne, { className: "h-3.5 w-3.5 text-text-secondary" }), Q.tags.map((e) => /* @__PURE__ */ V("span", {
+								children: [/* @__PURE__ */ B(ie, { className: "h-3.5 w-3.5 text-text-secondary" }), Q.tags.map((e) => /* @__PURE__ */ B("span", {
 									className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
 									children: e
 								}, e))]
 							})
 						]
-					}), /* @__PURE__ */ H("div", {
+					}), /* @__PURE__ */ V("div", {
 						className: "flex shrink-0 flex-wrap gap-2 lg:flex-col lg:items-stretch",
-						children: [ve.map((e) => {
+						children: [ye.map((e) => {
 							let t = e.icon;
-							return /* @__PURE__ */ H("button", {
+							return /* @__PURE__ */ V("button", {
 								type: "button",
 								disabled: $,
-								onClick: () => me(e.status),
+								onClick: () => he(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__ */ V(t, { className: "h-3.5 w-3.5" }),
+									/* @__PURE__ */ B(t, { className: "h-3.5 w-3.5" }),
 									" ",
 									c(e.labelKey, e.defaultLabel)
 								]
 							}, e.status);
-						}), Q.status !== "CANCELLED" && /* @__PURE__ */ H("button", {
+						}), Q.status !== "CANCELLED" && /* @__PURE__ */ V("button", {
 							type: "button",
 							disabled: $,
-							onClick: he,
+							onClick: ge,
 							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__ */ V(N, { className: "h-3.5 w-3.5" }),
+								/* @__PURE__ */ B(M, { className: "h-3.5 w-3.5" }),
 								" ",
 								c("relationships.detail.actions.cancel", "Cancel")
 							]
@@ -777,91 +791,91 @@ function Z() {
 					})]
 				})
 			}),
-			L && /* @__PURE__ */ V("div", {
+			I && /* @__PURE__ */ B("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: L
+				children: I
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ V("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ H("div", {
+				children: [/* @__PURE__ */ V("div", {
 					className: "space-y-4 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ H("div", {
+						/* @__PURE__ */ V("div", {
 							className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ H(U, {
+							children: [/* @__PURE__ */ V(H, {
 								treatment: "metric",
 								className: "p-5",
 								children: [
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ V("div", {
 										className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
 										children: [
-											/* @__PURE__ */ V(F, { className: "h-4 w-4 text-text-secondary" }),
+											/* @__PURE__ */ B(P, { className: "h-4 w-4 text-text-secondary" }),
 											" ",
 											c("relationships.detail.sections.planPricing", "Plan & pricing")
 										]
 									}),
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ V("div", {
 										className: "mt-3",
 										children: [
-											/* @__PURE__ */ V(X, {
+											/* @__PURE__ */ B(Y, {
 												label: c("relationships.detail.info.plan", "Plan"),
 												value: Q.plan?.name ?? "—"
 											}),
-											/* @__PURE__ */ V(X, {
+											/* @__PURE__ */ B(Y, {
 												label: c("relationships.detail.info.price", "Price"),
-												value: /* @__PURE__ */ H(ae, { children: [n(Q.amount, Q.currency), /* @__PURE__ */ V("span", {
+												value: /* @__PURE__ */ V(se, { children: [n(Q.amount, Q.currency), /* @__PURE__ */ B("span", {
 													className: "font-normal text-text-secondary",
 													children: a(Q.interval)
 												})] })
 											}),
-											/* @__PURE__ */ V(X, {
+											/* @__PURE__ */ B(Y, {
 												label: c("relationships.detail.info.billingInterval", "Billing interval"),
 												value: i(Q.interval)
 											}),
-											/* @__PURE__ */ V(X, {
+											/* @__PURE__ */ B(Y, {
 												label: c("relationships.detail.info.provider", "Provider"),
 												value: Q.provider?.name ?? "—"
 											})
 										]
 									}),
-									ye.length > 0 && /* @__PURE__ */ V("div", {
+									be.length > 0 && /* @__PURE__ */ B("div", {
 										className: "mt-3 flex flex-wrap gap-1.5",
-										children: ye.map((e) => /* @__PURE__ */ V("span", {
+										children: be.map((e) => /* @__PURE__ */ B("span", {
 											className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
 											children: e
 										}, e))
 									})
 								]
-							}), /* @__PURE__ */ H(U, {
+							}), /* @__PURE__ */ V(H, {
 								treatment: "metric",
 								className: "p-5",
-								children: [/* @__PURE__ */ H("div", {
+								children: [/* @__PURE__ */ V("div", {
 									className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
 									children: [
-										/* @__PURE__ */ V(re, { className: "h-4 w-4 text-text-secondary" }),
+										/* @__PURE__ */ B(ae, { className: "h-4 w-4 text-text-secondary" }),
 										" ",
 										c("relationships.detail.sections.paymentBilling", "Payment & billing")
 									]
-								}), /* @__PURE__ */ H("div", {
+								}), /* @__PURE__ */ V("div", {
 									className: "mt-3",
 									children: [
-										/* @__PURE__ */ V(X, {
+										/* @__PURE__ */ B(Y, {
 											label: c("relationships.detail.info.currency", "Currency"),
 											value: Q.currency
 										}),
-										/* @__PURE__ */ V(X, {
+										/* @__PURE__ */ B(Y, {
 											label: c("relationships.detail.info.autoRenew", "Auto-renew"),
-											value: _e
+											value: ve
 										}),
-										/* @__PURE__ */ V(X, {
+										/* @__PURE__ */ B(Y, {
 											label: c("relationships.detail.info.nextRenewal", "Next renewal"),
 											value: Q.renewsAt ? r(Q.renewsAt) : "—"
 										}),
-										/* @__PURE__ */ V(X, {
+										/* @__PURE__ */ B(Y, {
 											label: c("relationships.detail.info.started", "Started"),
 											value: Q.startedAt ? r(Q.startedAt) : "—"
 										}),
-										Q.trialEndsAt && /* @__PURE__ */ V(X, {
+										Q.trialEndsAt && /* @__PURE__ */ B(Y, {
 											label: c("relationships.detail.info.trialEnds", "Trial ends"),
 											value: r(Q.trialEndsAt)
 										})
@@ -869,67 +883,67 @@ function Z() {
 								})]
 							})]
 						}),
-						(Z.data?.items.length ?? 0) > 0 && /* @__PURE__ */ H(f, {
+						(Z.data?.items.length ?? 0) > 0 && /* @__PURE__ */ V(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", {
+							children: [/* @__PURE__ */ B(ee, { className: "mb-3" }), /* @__PURE__ */ B("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))
+								children: Z.data?.items.map((e) => /* @__PURE__ */ B(O, { decision: e }, e.id))
 							})]
 						}),
-						/* @__PURE__ */ V(f, {
+						/* @__PURE__ */ B(f, {
 							className: "mt-0",
 							title: c("relationships.detail.sections.entitlements", "Entitlements"),
 							description: c("relationships.detail.sections.entitlementsDescription", "What this relationship grants you"),
-							action: /* @__PURE__ */ H("button", {
+							action: /* @__PURE__ */ V("button", {
 								type: "button",
-								onClick: () => K(!0),
+								onClick: () => G(!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__ */ V(B, { className: "h-3.5 w-3.5" }),
+									/* @__PURE__ */ B(z, { className: "h-3.5 w-3.5" }),
 									" ",
 									c("relationships.detail.sections.addEntitlement", "Add entitlement")
 								]
 							}),
-							children: !Q.entitlements || Q.entitlements.length === 0 ? /* @__PURE__ */ V(s, {
+							children: !Q.entitlements || Q.entitlements.length === 0 ? /* @__PURE__ */ B(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__ */ V("div", {
+							}) : /* @__PURE__ */ B("div", {
 								className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
 								children: Q.entitlements.map((e) => {
 									let t = e.quota != null && e.quota > 0;
-									return /* @__PURE__ */ H(U, {
+									return /* @__PURE__ */ V(H, {
 										treatment: "plain",
 										className: "p-4",
 										children: [
-											/* @__PURE__ */ H("div", {
+											/* @__PURE__ */ V("div", {
 												className: "flex items-start justify-between gap-2",
-												children: [/* @__PURE__ */ V("p", {
+												children: [/* @__PURE__ */ B("p", {
 													className: "min-w-0 truncate text-sm font-medium text-text-primary",
 													children: e.name
-												}), /* @__PURE__ */ V(o, { status: e.isActive ? "ACTIVE" : "DISABLED" })]
+												}), /* @__PURE__ */ B(o, { status: e.isActive ? "ACTIVE" : "DISABLED" })]
 											}),
-											/* @__PURE__ */ V("p", {
+											/* @__PURE__ */ B("p", {
 												className: "mt-1 text-xs text-text-secondary",
 												children: i(e.type)
 											}),
-											t && /* @__PURE__ */ H("div", {
+											t && /* @__PURE__ */ V("div", {
 												className: "mt-3",
-												children: [/* @__PURE__ */ H("div", {
+												children: [/* @__PURE__ */ V("div", {
 													className: "flex items-center justify-between text-xs text-text-secondary",
-													children: [/* @__PURE__ */ H("span", { children: [
+													children: [/* @__PURE__ */ V("span", { children: [
 														e.used,
 														" / ",
 														e.quota,
 														e.unit ? ` ${e.unit}` : ""
-													] }), /* @__PURE__ */ H("span", {
+													] }), /* @__PURE__ */ V("span", {
 														className: "tabular-nums",
 														children: [Math.round(e.used / e.quota * 100), "%"]
 													})]
-												}), /* @__PURE__ */ V(m, {
+												}), /* @__PURE__ */ B(m, {
 													value: e.used,
 													max: e.quota,
 													tone: e.used / e.quota >= .9 ? "negative" : e.used / e.quota >= .7 ? "warning" : "accent",
@@ -941,23 +955,23 @@ function Z() {
 								})
 							})
 						}),
-						/* @__PURE__ */ V(f, {
+						/* @__PURE__ */ B(f, {
 							className: "mt-0",
 							title: c("relationships.detail.sections.assets", "Assets"),
 							description: c("relationships.detail.sections.assetsDescription", "Invoices, contracts, licenses and credentials"),
-							action: /* @__PURE__ */ H("button", {
+							action: /* @__PURE__ */ V("button", {
 								type: "button",
-								onClick: () => J(!0),
+								onClick: () => q(!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__ */ V(B, { className: "h-3.5 w-3.5" }),
+									/* @__PURE__ */ B(z, { className: "h-3.5 w-3.5" }),
 									" ",
 									c("relationships.detail.sections.attachAsset", "Attach asset")
 								]
 							}),
 							children: (() => {
-								let e = Q.assets ?? [], t = ce.data?.items ?? [];
-								return e.length > 0 || t.length > 0 ? /* @__PURE__ */ V(U, {
+								let e = Q.assets ?? [], t = X.data?.items ?? [];
+								return e.length > 0 || t.length > 0 ? /* @__PURE__ */ B(H, {
 									treatment: "plain",
 									className: "divide-y divide-border-subtle p-0",
 									children: [...e.map((e) => ({
@@ -968,107 +982,107 @@ function Z() {
 										kind: "invoice",
 										sort: new Date(e.createdAt).getTime() || 0,
 										invoice: e
-									}))].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, {
+									}))].sort((e, t) => t.sort - e.sort).map((e) => e.kind === "asset" ? /* @__PURE__ */ B(pe, { asset: e.asset }, `a-${e.asset.id}`) : /* @__PURE__ */ B(me, { invoice: e.invoice }, `i-${e.invoice.id}`))
+								}) : /* @__PURE__ */ B(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.")
 								});
 							})()
 						}),
-						Q.notes && /* @__PURE__ */ H(U, {
+						Q.notes && /* @__PURE__ */ V(H, {
 							treatment: "plain",
 							className: "p-4",
-							children: [/* @__PURE__ */ V("p", {
+							children: [/* @__PURE__ */ B("p", {
 								className: "text-xs font-medium text-text-secondary",
 								children: c("relationships.detail.sections.notes", "Notes")
-							}), /* @__PURE__ */ V("p", {
+							}), /* @__PURE__ */ B("p", {
 								className: "mt-1 whitespace-pre-wrap text-sm text-text-primary",
 								children: Q.notes
 							})]
 						})
 					]
-				}), /* @__PURE__ */ H("div", {
+				}), /* @__PURE__ */ V("div", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ H(U, {
+					children: [/* @__PURE__ */ V(H, {
 						treatment: "metric",
 						className: "p-5",
-						children: [/* @__PURE__ */ H("div", {
+						children: [/* @__PURE__ */ V("div", {
 							className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
 							children: [
-								/* @__PURE__ */ V(j, { className: "h-4 w-4 text-text-secondary" }),
+								/* @__PURE__ */ B(A, { className: "h-4 w-4 text-text-secondary" }),
 								" ",
 								c("relationships.detail.sections.healthScore", "Health score")
 							]
-						}), Q.healthScore == null ? /* @__PURE__ */ V("p", {
+						}), Q.healthScore == null ? /* @__PURE__ */ B("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__ */ H("div", {
+						}) : /* @__PURE__ */ V("div", {
 							className: "mt-4 flex flex-col items-center",
 							children: [
-								/* @__PURE__ */ V(p, {
+								/* @__PURE__ */ B(p, {
 									value: Q.healthScore,
 									max: 100,
 									size: 160,
 									label: c("relationships.detail.outOf100", "of 100")
 								}),
-								/* @__PURE__ */ V("div", {
+								/* @__PURE__ */ B("div", {
 									className: "mt-2 w-full",
-									children: /* @__PURE__ */ V(m, {
+									children: /* @__PURE__ */ B(m, {
 										value: Q.healthScore,
 										max: 100,
-										tone: se(Q.healthScore)
+										tone: le(Q.healthScore)
 									})
 								}),
-								/* @__PURE__ */ V("p", {
+								/* @__PURE__ */ B("p", {
 									className: "mt-3 text-center text-xs text-text-secondary",
 									"data-testid": "health-score-basis",
 									children: c("relationships.detail.healthScoreBasis", "Computed from usage, payment history, price stability and overlap with your other subscriptions.")
 								})
 							]
 						})]
-					}), /* @__PURE__ */ H(U, {
+					}), /* @__PURE__ */ V(H, {
 						treatment: "metric",
 						className: "p-5",
 						children: [
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ V("div", {
 								className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
 								children: [
-									/* @__PURE__ */ V(P, { className: "h-4 w-4 text-text-secondary" }),
+									/* @__PURE__ */ B(N, { className: "h-4 w-4 text-text-secondary" }),
 									" ",
 									c("relationships.detail.sections.renewalTimeline", "Renewal timeline")
 								]
 							}),
-							/* @__PURE__ */ V("p", {
+							/* @__PURE__ */ B("p", {
 								className: "mt-0.5 text-xs text-text-secondary",
 								children: c("relationships.detail.sections.renewalTimelineDescription", "Detected renewals and price changes")
 							}),
-							ge.length === 0 ? /* @__PURE__ */ V("div", {
+							_e.length === 0 ? /* @__PURE__ */ B("div", {
 								className: "mt-4",
-								children: /* @__PURE__ */ V(s, {
+								children: /* @__PURE__ */ B(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__ */ V(h, {
-								items: ge,
+							}) : /* @__PURE__ */ B(h, {
+								items: _e,
 								className: "mt-4"
 							})
 						]
 					})]
 				})]
 			}),
-			z && /* @__PURE__ */ V(le, {
+			R && /* @__PURE__ */ B(ue, {
 				relationship: Q,
-				onClose: () => W(!1)
+				onClose: () => U(!1)
 			}),
-			G && /* @__PURE__ */ V(ue, {
+			W && /* @__PURE__ */ B(de, {
 				relationshipId: Q.id,
-				onClose: () => K(!1)
+				onClose: () => G(!1)
 			}),
-			q && /* @__PURE__ */ V(de, {
+			K && /* @__PURE__ */ B(fe, {
 				relationshipId: Q.id,
-				onClose: () => J(!1)
+				onClose: () => q(!1)
 			})
 		]
 	});