@burdenoff/microfe-subscriberbot 2026.706.1 → 2026.706.2

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

@@ -4,14 +4,40 @@ import { formatCurrency as n, formatDate as r, formatEnumLabel as i, formatInter
 import { StatusBadge as o } from "../../components/StatusBadge.js";
 import { EmptyState as s } from "../../components/EmptyState.js";
 import { ErrorView as c, LoadingView as l, Section as u } from "../../components/StateViews.js";
-import { useCancelRelationship as d, useRelationship as f, useTransitionRelationship as p } from "../../hooks/useSubscriberBotApi.js";
-import { useState as m } from "react";
-import { Activity as h, ArrowLeft as g, Building2 as _, CalendarClock as v, CreditCard as y, Paperclip as b, ShieldCheck as x, Tag as S } from "lucide-react";
-import { useParams as C } from "react-router-dom";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { GlassCard as E } from "@burdenoff/fe-libs/ui";
+import { useCancelRelationship as d, useCreateAsset as f, useCreateEntitlement as p, useFileDownloadUrl as m, usePlans as h, useProviders as g, useRelationship as _, useTransitionRelationship as v, useUpdateRelationship as y, useUploadFile as b } from "../../hooks/useSubscriberBotApi.js";
+import { Modal as x } from "../../components/Modal.js";
+import { useState as S } from "react";
+import { Activity as C, ArrowLeft as w, Building2 as T, CalendarClock as E, CreditCard as D, Download as O, Paperclip as k, Pencil as A, Plus as j, ShieldCheck as M, Tag as N } from "lucide-react";
+import { useParams as P } from "react-router-dom";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
+import { GlassCard as L } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/relationships/RelationshipDetailPage.tsx
-var D = [
+var R = "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)]", z = "mb-1 block text-xs font-medium text-text-secondary", B = [
+	"MONTHLY",
+	"YEARLY",
+	"QUARTERLY",
+	"WEEKLY",
+	"DAILY",
+	"USAGE_BASED",
+	"LIFETIME",
+	"FREE"
+], V = [
+	"FEATURE_ACCESS",
+	"SEAT",
+	"USAGE_QUOTA",
+	"CONTENT",
+	"DISCOUNT",
+	"SUPPORT_TIER"
+], H = [
+	"RECEIPT",
+	"INVOICE",
+	"CONTRACT",
+	"LICENSE_KEY",
+	"CREDENTIAL",
+	"CERTIFICATE",
+	"WARRANTY",
+	"DOMAIN"
+], U = [
 	{
 		status: "ACTIVE",
 		label: "Activate"
@@ -25,208 +51,720 @@ var D = [
 		label: "Mark expired"
 	}
 ];
-function O() {
-	let { id: O } = C(), { navigateTo: k } = e(), { data: A, isLoading: j, isError: M, refetch: N } = f(O), P = p(), F = d(), [I, L] = m(null);
-	if (j) return /* @__PURE__ */ w(t, {
+function W(e) {
+	if (!e) return "";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
+}
+function G({ relationship: e, onClose: t }) {
+	let n = y(), r = g({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), [i, a] = S(e.label), [o, s] = S(e.providerId ?? ""), [c, l] = S(e.planId ?? ""), [u, d] = S(String(e.amount ?? "")), [f, p] = S(e.currency), [m, _] = S(e.interval), [v, b] = S(W(e.renewsAt)), [C, w] = S(e.autoRenew), [T, E] = S(e.healthScore == null ? "" : String(e.healthScore)), [D, O] = S(e.notes ?? ""), [k, A] = S(null), j = h(o || void 0), M = (() => {
+		let t = r.data?.items ?? [];
+		return e.provider && !t.some((t) => t.id === e.provider?.id) ? [e.provider, ...t] : t;
+	})(), N = j.data ?? [];
+	return /* @__PURE__ */ F(x, {
+		title: "Edit relationship",
+		onClose: t,
+		maxWidthClassName: "max-w-2xl",
+		children: /* @__PURE__ */ I("form", {
+			onSubmit: (r) => {
+				if (r.preventDefault(), A(null), !i.trim()) {
+					A("A label is required.");
+					return;
+				}
+				let a = {
+					label: i.trim(),
+					interval: m,
+					autoRenew: C,
+					currency: f.trim() || "USD",
+					notes: D.trim(),
+					...o ? { providerId: o } : {},
+					...c ? { planId: c } : {},
+					...u.trim() ? { amount: Number(u) } : {},
+					...T.trim() ? { healthScore: Number(T) } : {},
+					...v ? { renewsAt: new Date(v).toISOString() } : {}
+				};
+				n.mutate({
+					id: e.id,
+					input: a
+				}, {
+					onSuccess: () => t(),
+					onError: (e) => A(e instanceof Error ? e.message : "Could not update relationship.")
+				});
+			},
+			className: "space-y-4",
+			children: [
+				k && /* @__PURE__ */ F("div", {
+					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
+					children: k
+				}),
+				/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ I("label", {
+					htmlFor: "edit-label",
+					className: z,
+					children: ["Label ", /* @__PURE__ */ F("span", {
+						className: "text-status-error-text",
+						children: "*"
+					})]
+				}), /* @__PURE__ */ F("input", {
+					id: "edit-label",
+					type: "text",
+					value: i,
+					onChange: (e) => a(e.target.value),
+					className: R,
+					required: !0
+				})] }),
+				/* @__PURE__ */ I("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+						htmlFor: "edit-provider",
+						className: z,
+						children: "Provider"
+					}), /* @__PURE__ */ I("select", {
+						id: "edit-provider",
+						value: o,
+						onChange: (e) => {
+							s(e.target.value), l("");
+						},
+						className: R,
+						children: [/* @__PURE__ */ F("option", {
+							value: "",
+							children: "— None —"
+						}), M.map((e) => /* @__PURE__ */ F("option", {
+							value: e.id,
+							children: e.name
+						}, e.id))]
+					})] }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+						htmlFor: "edit-plan",
+						className: z,
+						children: "Plan"
+					}), /* @__PURE__ */ I("select", {
+						id: "edit-plan",
+						value: c,
+						onChange: (e) => l(e.target.value),
+						className: R,
+						disabled: !o || N.length === 0,
+						children: [/* @__PURE__ */ F("option", {
+							value: "",
+							children: "— None —"
+						}), N.map((e) => /* @__PURE__ */ F("option", {
+							value: e.id,
+							children: e.name
+						}, e.id))]
+					})] })]
+				}),
+				/* @__PURE__ */ I("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+							htmlFor: "edit-amount",
+							className: z,
+							children: "Amount"
+						}), /* @__PURE__ */ F("input", {
+							id: "edit-amount",
+							type: "number",
+							min: "0",
+							step: "0.01",
+							value: u,
+							onChange: (e) => d(e.target.value),
+							className: R
+						})] }),
+						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+							htmlFor: "edit-currency",
+							className: z,
+							children: "Currency"
+						}), /* @__PURE__ */ F("input", {
+							id: "edit-currency",
+							type: "text",
+							value: f,
+							onChange: (e) => p(e.target.value.toUpperCase()),
+							maxLength: 3,
+							className: R
+						})] }),
+						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+							htmlFor: "edit-interval",
+							className: z,
+							children: "Billing interval"
+						}), /* @__PURE__ */ F("select", {
+							id: "edit-interval",
+							value: m,
+							onChange: (e) => _(e.target.value),
+							className: R,
+							children: B.map((e) => /* @__PURE__ */ F("option", {
+								value: e,
+								children: e.replace(/_/g, " ")
+							}, e))
+						})] })
+					]
+				}),
+				/* @__PURE__ */ I("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+							htmlFor: "edit-renews",
+							className: z,
+							children: "Renews on"
+						}), /* @__PURE__ */ F("input", {
+							id: "edit-renews",
+							type: "date",
+							value: v,
+							onChange: (e) => b(e.target.value),
+							className: R
+						})] }),
+						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+							htmlFor: "edit-health",
+							className: z,
+							children: "Health score (0–100)"
+						}), /* @__PURE__ */ F("input", {
+							id: "edit-health",
+							type: "number",
+							min: "0",
+							max: "100",
+							value: T,
+							onChange: (e) => E(e.target.value),
+							className: R
+						})] }),
+						/* @__PURE__ */ F("div", {
+							className: "flex items-end",
+							children: /* @__PURE__ */ I("label", {
+								className: "flex items-center gap-2 text-sm text-text-primary",
+								children: [/* @__PURE__ */ F("input", {
+									type: "checkbox",
+									checked: C,
+									onChange: (e) => w(e.target.checked),
+									className: "size-4 rounded border-border-subtle"
+								}), "Auto-renews"]
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+					htmlFor: "edit-notes",
+					className: z,
+					children: "Notes"
+				}), /* @__PURE__ */ F("textarea", {
+					id: "edit-notes",
+					value: D,
+					onChange: (e) => O(e.target.value),
+					rows: 3,
+					className: R
+				})] }),
+				/* @__PURE__ */ I("div", {
+					className: "flex justify-end gap-3",
+					children: [/* @__PURE__ */ F("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: "Cancel"
+					}), /* @__PURE__ */ F("button", {
+						type: "submit",
+						disabled: n.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",
+						children: n.isPending ? "Saving…" : "Save changes"
+					})]
+				})
+			]
+		})
+	});
+}
+function K({ relationshipId: e, onClose: t }) {
+	let n = p(), [r, i] = S(""), [a, o] = S("FEATURE_ACCESS"), [s, c] = S(""), [l, u] = S(""), [d, f] = S(""), [m, h] = S(null);
+	return /* @__PURE__ */ F(x, {
+		title: "Add entitlement",
+		onClose: t,
+		children: /* @__PURE__ */ I("form", {
+			onSubmit: (i) => {
+				if (i.preventDefault(), h(null), !r.trim()) {
+					h("An entitlement name is required.");
+					return;
+				}
+				n.mutate({
+					relationshipId: e,
+					name: r.trim(),
+					type: a,
+					...s.trim() ? { quota: Number(s) } : {},
+					...l.trim() ? { unit: l.trim() } : {},
+					...d.trim() ? { description: d.trim() } : {}
+				}, {
+					onSuccess: () => t(),
+					onError: (e) => h(e instanceof Error ? e.message : "Could not add entitlement.")
+				});
+			},
+			className: "space-y-4",
+			children: [
+				m && /* @__PURE__ */ F("div", {
+					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
+					children: m
+				}),
+				/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ I("label", {
+					htmlFor: "ent-name",
+					className: z,
+					children: ["Name ", /* @__PURE__ */ F("span", {
+						className: "text-status-error-text",
+						children: "*"
+					})]
+				}), /* @__PURE__ */ F("input", {
+					id: "ent-name",
+					type: "text",
+					value: r,
+					onChange: (e) => i(e.target.value),
+					placeholder: "e.g. Seats, API calls, Priority support",
+					className: R,
+					required: !0
+				})] }),
+				/* @__PURE__ */ I("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+							htmlFor: "ent-type",
+							className: z,
+							children: "Type"
+						}), /* @__PURE__ */ F("select", {
+							id: "ent-type",
+							value: a,
+							onChange: (e) => o(e.target.value),
+							className: R,
+							children: V.map((e) => /* @__PURE__ */ F("option", {
+								value: e,
+								children: e.replace(/_/g, " ")
+							}, e))
+						})] }),
+						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+							htmlFor: "ent-quota",
+							className: z,
+							children: "Quota"
+						}), /* @__PURE__ */ F("input", {
+							id: "ent-quota",
+							type: "number",
+							min: "0",
+							value: s,
+							onChange: (e) => c(e.target.value),
+							placeholder: "e.g. 5",
+							className: R
+						})] }),
+						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+							htmlFor: "ent-unit",
+							className: z,
+							children: "Unit"
+						}), /* @__PURE__ */ F("input", {
+							id: "ent-unit",
+							type: "text",
+							value: l,
+							onChange: (e) => u(e.target.value),
+							placeholder: "e.g. seats, GB",
+							className: R
+						})] })
+					]
+				}),
+				/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+					htmlFor: "ent-desc",
+					className: z,
+					children: "Description"
+				}), /* @__PURE__ */ F("textarea", {
+					id: "ent-desc",
+					value: d,
+					onChange: (e) => f(e.target.value),
+					rows: 2,
+					className: R
+				})] }),
+				/* @__PURE__ */ I("div", {
+					className: "flex justify-end gap-3",
+					children: [/* @__PURE__ */ F("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: "Cancel"
+					}), /* @__PURE__ */ F("button", {
+						type: "submit",
+						disabled: n.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",
+						children: n.isPending ? "Adding…" : "Add entitlement"
+					})]
+				})
+			]
+		})
+	});
+}
+function q({ relationshipId: e, onClose: t }) {
+	let n = f(), { uploadFile: r, progress: i, isUploading: a } = b(), [o, s] = S(""), [c, l] = S("RECEIPT"), [u, d] = S(null), [p, m] = S(""), [h, g] = S(null), _ = a || n.isPending;
+	return /* @__PURE__ */ F(x, {
+		title: "Attach asset",
+		onClose: t,
+		children: /* @__PURE__ */ I("form", {
+			onSubmit: async (i) => {
+				if (i.preventDefault(), g(null), !u) {
+					g("Choose a file to attach.");
+					return;
+				}
+				try {
+					let { fileId: i, fileName: a } = await r(u);
+					await n.mutateAsync({
+						relationshipId: e,
+						name: o.trim() || a,
+						type: c,
+						fileId: i,
+						...p ? { expiresAt: new Date(p).toISOString() } : {}
+					}), t();
+				} catch (e) {
+					g(e instanceof Error ? e.message : "Could not attach the asset.");
+				}
+			},
+			className: "space-y-4",
+			children: [
+				h && /* @__PURE__ */ F("div", {
+					className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
+					children: h
+				}),
+				/* @__PURE__ */ I("div", { children: [
+					/* @__PURE__ */ I("label", {
+						htmlFor: "asset-file",
+						className: z,
+						children: ["File ", /* @__PURE__ */ F("span", {
+							className: "text-status-error-text",
+							children: "*"
+						})]
+					}),
+					/* @__PURE__ */ F("input", {
+						id: "asset-file",
+						type: "file",
+						onChange: (e) => {
+							let t = e.target.files?.[0] ?? null;
+							d(t), t && !o.trim() && s(t.name);
+						},
+						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__ */ F("p", {
+						className: "mt-1 text-xs text-text-secondary",
+						children: "Stored securely in files — only a reference is kept here."
+					})
+				] }),
+				/* @__PURE__ */ I("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+						htmlFor: "asset-name",
+						className: z,
+						children: "Name"
+					}), /* @__PURE__ */ F("input", {
+						id: "asset-name",
+						type: "text",
+						value: o,
+						onChange: (e) => s(e.target.value),
+						placeholder: "Defaults to the file name",
+						className: R
+					})] }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+						htmlFor: "asset-type",
+						className: z,
+						children: "Type"
+					}), /* @__PURE__ */ F("select", {
+						id: "asset-type",
+						value: c,
+						onChange: (e) => l(e.target.value),
+						className: R,
+						children: H.map((e) => /* @__PURE__ */ F("option", {
+							value: e,
+							children: e.replace(/_/g, " ")
+						}, e))
+					})] })]
+				}),
+				/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+					htmlFor: "asset-expires",
+					className: z,
+					children: "Expires on"
+				}), /* @__PURE__ */ F("input", {
+					id: "asset-expires",
+					type: "date",
+					value: p,
+					onChange: (e) => m(e.target.value),
+					className: R
+				})] }),
+				a && /* @__PURE__ */ I("p", {
+					className: "text-xs text-text-secondary",
+					children: [
+						"Uploading… ",
+						i,
+						"%"
+					]
+				}),
+				/* @__PURE__ */ I("div", {
+					className: "flex justify-end gap-3",
+					children: [/* @__PURE__ */ F("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: "Cancel"
+					}), /* @__PURE__ */ F("button", {
+						type: "submit",
+						disabled: _,
+						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",
+						children: _ ? "Attaching…" : "Attach asset"
+					})]
+				})
+			]
+		})
+	});
+}
+function J({ asset: e }) {
+	let t = m(), [n, a] = S(!1);
+	return /* @__PURE__ */ I("div", {
+		className: "flex items-center justify-between gap-3 p-3",
+		children: [/* @__PURE__ */ I("div", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [/* @__PURE__ */ F(k, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ I("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ F("p", {
+					className: "truncate text-sm font-medium text-text-primary",
+					children: e.name
+				}), /* @__PURE__ */ F("p", {
+					className: "text-xs text-text-secondary",
+					children: i(e.type)
+				})]
+			})]
+		}), /* @__PURE__ */ I("div", {
+			className: "flex shrink-0 items-center gap-3",
+			children: [e.expiresAt && /* @__PURE__ */ I("span", {
+				className: "text-xs text-text-secondary",
+				children: ["Expires ", r(e.expiresAt)]
+			}), e.file?.id && /* @__PURE__ */ I("button", {
+				type: "button",
+				onClick: async () => {
+					if (e.file?.id) {
+						a(!0);
+						try {
+							let n = await t(e.file.id);
+							window.open(n, "_blank", "noopener,noreferrer");
+						} catch {} finally {
+							a(!1);
+						}
+					}
+				},
+				disabled: n,
+				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__ */ F(O, { className: "h-3.5 w-3.5" }),
+					" ",
+					n ? "Opening…" : "Download"
+				]
+			})]
+		})]
+	});
+}
+function Y() {
+	let { id: f } = P(), { navigateTo: p } = e(), { data: m, isLoading: h, isError: g, refetch: y } = _(f), b = v(), x = d(), [O, k] = S(null), [R, z] = S(!1), [B, V] = S(!1), [H, W] = S(!1);
+	if (h) return /* @__PURE__ */ F(t, {
 		title: "Relationship",
-		children: /* @__PURE__ */ w(l, { label: "Loading relationship…" })
+		children: /* @__PURE__ */ F(l, { label: "Loading relationship…" })
 	});
-	if (M) return /* @__PURE__ */ w(t, {
+	if (g) return /* @__PURE__ */ F(t, {
 		title: "Relationship",
-		children: /* @__PURE__ */ w(c, {
+		children: /* @__PURE__ */ F(c, {
 			message: "Could not load this relationship.",
-			onRetry: () => void N()
+			onRetry: () => void y()
 		})
 	});
-	if (!A) return /* @__PURE__ */ w(t, {
+	if (!m) return /* @__PURE__ */ F(t, {
 		title: "Relationship",
-		children: /* @__PURE__ */ w(s, {
+		children: /* @__PURE__ */ F(s, {
 			illustration: "empty-data",
 			title: "Relationship not found",
 			description: "It may have been removed, or you may not have access to it.",
-			action: /* @__PURE__ */ w("button", {
+			action: /* @__PURE__ */ F("button", {
 				type: "button",
-				onClick: () => k("/relationships"),
+				onClick: () => p("/relationships"),
 				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
 				children: "Back to relationships"
 			})
 		})
 	});
-	let R = A, z = P.isPending || F.isPending, B = (e) => {
-		L(null), P.mutate({
-			id: R.id,
+	let Y = m, X = b.isPending || x.isPending, Z = (e) => {
+		k(null), b.mutate({
+			id: Y.id,
 			status: e
-		}, { onError: (e) => L(e instanceof Error ? e.message : "Transition failed") });
+		}, { onError: (e) => k(e instanceof Error ? e.message : "Transition failed") });
 	};
-	return /* @__PURE__ */ T(t, {
-		title: R.label,
-		description: R.provider?.name ?? i(R.kind),
-		actions: /* @__PURE__ */ T("button", {
-			type: "button",
-			onClick: () => k("/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__ */ w(g, { className: "h-4 w-4" }), " Back"]
+	return /* @__PURE__ */ I(t, {
+		title: Y.label,
+		description: Y.provider?.name ?? i(Y.kind),
+		actions: /* @__PURE__ */ I("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ I("button", {
+				type: "button",
+				onClick: () => z(!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__ */ F(A, { className: "h-4 w-4" }), " Edit"]
+			}), /* @__PURE__ */ I("button", {
+				type: "button",
+				onClick: () => p("/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__ */ F(w, { className: "h-4 w-4" }), " Back"]
+			})]
 		}),
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ w(o, { status: R.status }),
-					/* @__PURE__ */ w("span", {
+					/* @__PURE__ */ F(o, { status: Y.status }),
+					/* @__PURE__ */ F("span", {
 						className: "text-sm text-text-secondary",
-						children: i(R.kind)
+						children: i(Y.kind)
 					}),
-					/* @__PURE__ */ w("span", {
+					/* @__PURE__ */ F("span", {
 						className: "text-sm text-text-secondary",
 						children: "·"
 					}),
-					/* @__PURE__ */ T("span", {
+					/* @__PURE__ */ I("span", {
 						className: "text-sm font-semibold text-text-primary",
-						children: [n(R.amount, R.currency), /* @__PURE__ */ w("span", {
+						children: [n(Y.amount, Y.currency), /* @__PURE__ */ F("span", {
 							className: "text-xs font-normal text-text-secondary",
-							children: a(R.interval)
+							children: a(Y.interval)
 						})]
 					}),
-					R.autoRenew && /* @__PURE__ */ w("span", {
+					Y.autoRenew && /* @__PURE__ */ F("span", {
 						className: "text-xs text-text-secondary",
 						children: "Auto-renews"
 					})
 				]
 			}),
-			I && /* @__PURE__ */ w("div", {
+			O && /* @__PURE__ */ F("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: I
+				children: O
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ I("div", {
 				className: "mt-5 flex flex-wrap gap-2",
-				children: [D.filter((e) => e.status !== R.status).map((e) => /* @__PURE__ */ w("button", {
+				children: [U.filter((e) => e.status !== Y.status).map((e) => /* @__PURE__ */ F("button", {
 					type: "button",
-					disabled: z,
-					onClick: () => B(e.status),
+					disabled: X,
+					onClick: () => Z(e.status),
 					className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50",
 					children: e.label
-				}, e.status)), R.status !== "CANCELLED" && /* @__PURE__ */ w("button", {
+				}, e.status)), Y.status !== "CANCELLED" && /* @__PURE__ */ F("button", {
 					type: "button",
-					disabled: z,
+					disabled: X,
 					onClick: () => {
-						L(null), F.mutate(R.id, { onError: (e) => L(e instanceof Error ? e.message : "Cancel failed") });
+						k(null), x.mutate(Y.id, { onError: (e) => k(e instanceof Error ? e.message : "Cancel failed") });
 					},
 					className: "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: "Cancel relationship"
 				})]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ I("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 				children: [
-					/* @__PURE__ */ T(E, {
+					/* @__PURE__ */ I(L, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ I("div", {
 							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
-							children: [/* @__PURE__ */ w(_, { className: "h-3.5 w-3.5" }), " Provider"]
-						}), /* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ F(T, { className: "h-3.5 w-3.5" }), " Provider"]
+						}), /* @__PURE__ */ F("p", {
 							className: "mt-1.5 text-sm text-text-primary",
-							children: R.provider?.name ?? "—"
+							children: Y.provider?.name ?? "—"
 						})]
 					}),
-					/* @__PURE__ */ T(E, {
+					/* @__PURE__ */ I(L, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ I("div", {
 							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
-							children: [/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5" }), " Plan"]
-						}), /* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ F(D, { className: "h-3.5 w-3.5" }), " Plan"]
+						}), /* @__PURE__ */ F("p", {
 							className: "mt-1.5 text-sm text-text-primary",
-							children: R.plan?.name ?? "—"
+							children: Y.plan?.name ?? "—"
 						})]
 					}),
-					/* @__PURE__ */ T(E, {
+					/* @__PURE__ */ I(L, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ I("div", {
 							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
-							children: [/* @__PURE__ */ w(v, { className: "h-3.5 w-3.5" }), " Next renewal"]
-						}), /* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ F(E, { className: "h-3.5 w-3.5" }), " Next renewal"]
+						}), /* @__PURE__ */ F("p", {
 							className: "mt-1.5 text-sm text-text-primary",
-							children: R.renewsAt ? r(R.renewsAt) : "—"
+							children: Y.renewsAt ? r(Y.renewsAt) : "—"
 						})]
 					}),
-					/* @__PURE__ */ T(E, {
+					/* @__PURE__ */ I(L, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ I("div", {
 							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
-							children: [/* @__PURE__ */ w(h, { className: "h-3.5 w-3.5" }), " Health score"]
-						}), /* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ F(C, { className: "h-3.5 w-3.5" }), " Health score"]
+						}), /* @__PURE__ */ F("p", {
 							className: "mt-1.5 text-sm text-text-primary",
-							children: R.healthScore == null ? "—" : `${R.healthScore}/100`
+							children: Y.healthScore == null ? "—" : `${Y.healthScore}/100`
 						})]
 					}),
-					/* @__PURE__ */ T(E, {
+					/* @__PURE__ */ I(L, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ I("div", {
 							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
-							children: [/* @__PURE__ */ w(x, { className: "h-3.5 w-3.5" }), " Discovery"]
-						}), /* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ F(M, { className: "h-3.5 w-3.5" }), " Discovery"]
+						}), /* @__PURE__ */ F("p", {
 							className: "mt-1.5 text-sm text-text-primary",
-							children: i(R.discoverySource)
+							children: i(Y.discoverySource)
 						})]
 					}),
-					/* @__PURE__ */ T(E, {
+					/* @__PURE__ */ I(L, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ I("div", {
 							className: "flex items-center gap-2 text-xs font-medium text-text-secondary",
-							children: [/* @__PURE__ */ w(v, { className: "h-3.5 w-3.5" }), " Started"]
-						}), /* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ F(E, { className: "h-3.5 w-3.5" }), " Started"]
+						}), /* @__PURE__ */ F("p", {
 							className: "mt-1.5 text-sm text-text-primary",
-							children: R.startedAt ? r(R.startedAt) : "—"
+							children: Y.startedAt ? r(Y.startedAt) : "—"
 						})]
 					})
 				]
 			}),
-			R.tags.length > 0 && /* @__PURE__ */ T("div", {
+			Y.tags.length > 0 && /* @__PURE__ */ I("div", {
 				className: "mt-5 flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ w(S, { className: "h-3.5 w-3.5 text-text-secondary" }), R.tags.map((e) => /* @__PURE__ */ w("span", {
+				children: [/* @__PURE__ */ F(N, { className: "h-3.5 w-3.5 text-text-secondary" }), Y.tags.map((e) => /* @__PURE__ */ F("span", {
 					className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
 					children: e
 				}, e))]
 			}),
-			R.notes && /* @__PURE__ */ T("div", {
+			Y.notes && /* @__PURE__ */ I("div", {
 				className: "mt-5 rounded-lg border border-border-subtle bg-bg-surface p-4",
-				children: [/* @__PURE__ */ w("p", {
+				children: [/* @__PURE__ */ F("p", {
 					className: "text-xs font-medium text-text-secondary",
 					children: "Notes"
-				}), /* @__PURE__ */ w("p", {
+				}), /* @__PURE__ */ F("p", {
 					className: "mt-1 whitespace-pre-wrap text-sm text-text-primary",
-					children: R.notes
+					children: Y.notes
 				})]
 			}),
-			/* @__PURE__ */ w(u, {
+			/* @__PURE__ */ F(u, {
 				title: "Entitlements",
 				description: "What this relationship grants you",
-				children: !R.entitlements || R.entitlements.length === 0 ? /* @__PURE__ */ w(s, {
+				action: /* @__PURE__ */ I("button", {
+					type: "button",
+					onClick: () => V(!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__ */ F(j, { className: "h-3.5 w-3.5" }), " Add entitlement"]
+				}),
+				children: !Y.entitlements || Y.entitlements.length === 0 ? /* @__PURE__ */ F(s, {
 					illustration: "empty-data",
 					title: "No entitlements",
 					description: "Entitlements (seats, quotas, feature access) will appear here."
-				}) : /* @__PURE__ */ w("div", {
+				}) : /* @__PURE__ */ F("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-					children: R.entitlements.map((e) => /* @__PURE__ */ T("div", {
+					children: Y.entitlements.map((e) => /* @__PURE__ */ I("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
 						children: [
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ I("div", {
 								className: "flex items-start justify-between gap-2",
-								children: [/* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ F("p", {
 									className: "text-sm font-medium text-text-primary",
 									children: e.name
-								}), /* @__PURE__ */ w(o, { status: e.isActive ? "ACTIVE" : "DISABLED" })]
+								}), /* @__PURE__ */ F(o, { status: e.isActive ? "ACTIVE" : "DISABLED" })]
 							}),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ F("p", {
 								className: "mt-1 text-xs text-text-secondary",
 								children: i(e.type)
 							}),
-							e.quota != null && /* @__PURE__ */ T("p", {
+							e.quota != null && /* @__PURE__ */ I("p", {
 								className: "mt-2 text-xs text-text-secondary",
 								children: [
 									"Used ",
@@ -240,67 +778,67 @@ function O() {
 					}, e.id))
 				})
 			}),
-			/* @__PURE__ */ w(u, {
+			/* @__PURE__ */ F(u, {
 				title: "Assets",
 				description: "Invoices, contracts, licenses and credentials",
-				children: !R.assets || R.assets.length === 0 ? /* @__PURE__ */ w(s, {
+				action: /* @__PURE__ */ I("button", {
+					type: "button",
+					onClick: () => W(!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__ */ F(j, { className: "h-3.5 w-3.5" }), " Attach asset"]
+				}),
+				children: !Y.assets || Y.assets.length === 0 ? /* @__PURE__ */ F(s, {
 					illustration: "empty-data",
 					title: "No assets attached",
 					description: "Attach invoices, contracts, licenses or receipts to this relationship."
-				}) : /* @__PURE__ */ w("div", {
+				}) : /* @__PURE__ */ F("div", {
 					className: "divide-y divide-border-subtle rounded-lg border border-border-subtle bg-bg-surface",
-					children: R.assets.map((e) => /* @__PURE__ */ T("div", {
-						className: "flex items-center justify-between gap-3 p-3",
-						children: [/* @__PURE__ */ T("div", {
-							className: "flex min-w-0 items-center gap-2",
-							children: [/* @__PURE__ */ w(b, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ T("div", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ w("p", {
-									className: "truncate text-sm font-medium text-text-primary",
-									children: e.name
-								}), /* @__PURE__ */ w("p", {
-									className: "text-xs text-text-secondary",
-									children: i(e.type)
-								})]
-							})]
-						}), e.expiresAt && /* @__PURE__ */ T("span", {
-							className: "shrink-0 text-xs text-text-secondary",
-							children: ["Expires ", r(e.expiresAt)]
-						})]
-					}, e.id))
+					children: Y.assets.map((e) => /* @__PURE__ */ F(J, { asset: e }, e.id))
 				})
 			}),
-			/* @__PURE__ */ w(u, {
+			/* @__PURE__ */ F(u, {
 				title: "Renewal timeline",
 				description: "Detected renewals and price changes",
-				children: !R.renewalEvents || R.renewalEvents.length === 0 ? /* @__PURE__ */ w(s, {
+				children: !Y.renewalEvents || Y.renewalEvents.length === 0 ? /* @__PURE__ */ F(s, {
 					illustration: "empty-calendar",
 					title: "No renewal events",
 					description: "Renewals and price changes detected for this relationship will appear here."
-				}) : /* @__PURE__ */ w("div", {
+				}) : /* @__PURE__ */ F("div", {
 					className: "divide-y divide-border-subtle rounded-lg border border-border-subtle bg-bg-surface",
-					children: R.renewalEvents.map((e) => /* @__PURE__ */ T("div", {
+					children: Y.renewalEvents.map((e) => /* @__PURE__ */ I("div", {
 						className: "flex items-center justify-between gap-3 p-3",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ I("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ F("p", {
 								className: "truncate text-sm font-medium text-text-primary",
 								children: i(e.eventType)
-							}), /* @__PURE__ */ T("p", {
+							}), /* @__PURE__ */ I("p", {
 								className: "text-xs text-text-secondary",
 								children: [r(e.occursAt), e.detail ? ` · ${e.detail}` : ""]
 							})]
-						}), e.amount != null && /* @__PURE__ */ w("span", {
+						}), e.amount != null && /* @__PURE__ */ F("span", {
 							className: "shrink-0 text-sm font-semibold tabular-nums text-text-primary",
-							children: n(e.amount, e.currency ?? R.currency)
+							children: n(e.amount, e.currency ?? Y.currency)
 						})]
 					}, e.id))
 				})
+			}),
+			R && /* @__PURE__ */ F(G, {
+				relationship: Y,
+				onClose: () => z(!1)
+			}),
+			B && /* @__PURE__ */ F(K, {
+				relationshipId: Y.id,
+				onClose: () => V(!1)
+			}),
+			H && /* @__PURE__ */ F(q, {
+				relationshipId: Y.id,
+				onClose: () => W(!1)
 			})
 		]
 	});
 }
 //#endregion
-export { O as RelationshipDetailPage };
+export { Y as RelationshipDetailPage };
 
 //# sourceMappingURL=RelationshipDetailPage.js.map