@burdenoff/microfe-subscriberbot 2026.1023.1 → 2026.1029.1

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

@@ -4,11 +4,11 @@ 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 { Modal as c } from "../../components/Modal.js";
-import { ErrorView as l, LoadingView as u, Section as d } from "../../components/StateViews.js";
-import { Gauge as f, MiniProgress as p, Timeline as m } from "../../components/viz.js";
+import { useTr as l } from "../../hooks/useTr.js";
+import { ErrorView as u, LoadingView as d, Section as f } from "../../components/StateViews.js";
+import { Gauge as p, MiniProgress as m, Timeline as h } from "../../components/viz.js";
 import "../../components/index.js";
-import { useCancelRelationship as h, useCreateAsset as g, useCreateEntitlement as _, useFileDownloadUrl as v, usePlans as y, useProviders as b, useRelationship as x, useTransitionRelationship as S, useUpdateRelationship as C, useUploadFile as w } from "../../hooks/useSubscriberBotApi.js";
-import { useTr as T } from "../../hooks/useTr.js";
+import { useCancelRelationship as g, useCreateAsset as _, useCreateEntitlement as v, useFileDownloadUrl as y, usePlans as b, useProviders as x, useRelationship as S, useTransitionRelationship as C, useUpdateRelationship as w, useUploadFile as T } from "../../hooks/useSubscriberBotApi.js";
 import { useState as E } from "react";
 import { Activity as D, ArrowLeft as O, Ban as k, CalendarClock as A, CreditCard as j, Download as M, Paperclip as N, Pause as P, Pencil as F, Play as I, Plus as L, ShieldCheck as R, Tag as ee, Wallet as te } from "lucide-react";
 import { useParams as ne } from "react-router";
@@ -90,10 +90,10 @@ function Y(e) {
 	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
 }
 function oe({ relationship: e, onClose: t }) {
-	let n = T(), r = C(), i = b({ pagination: {
+	let n = l(), r = w(), i = x({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), [a, o] = E(e.label), [s, l] = E(e.providerId ?? ""), [u, d] = E(e.planId ?? ""), [f, p] = E(String(e.amount ?? "")), [m, h] = E(e.currency), [g, _] = E(e.interval), [v, x] = E(Y(e.renewsAt)), [S, w] = E(e.autoRenew), [D, O] = E(e.healthScore == null ? "" : String(e.healthScore)), [k, A] = E(e.notes ?? ""), [j, M] = E(null), N = y(s || void 0), P = (() => {
+	} }), [a, o] = E(e.label), [s, u] = E(e.providerId ?? ""), [d, f] = E(e.planId ?? ""), [p, m] = E(String(e.amount ?? "")), [h, g] = E(e.currency), [_, v] = E(e.interval), [y, S] = E(Y(e.renewsAt)), [C, T] = E(e.autoRenew), [D, O] = E(e.healthScore == null ? "" : String(e.healthScore)), [k, A] = E(e.notes ?? ""), [j, M] = E(null), N = b(s || void 0), P = (() => {
 		let t = i.data?.items ?? [];
 		return e.provider && !t.some((t) => t.id === e.provider?.id) ? [e.provider, ...t] : t;
 	})(), F = N.data ?? [];
@@ -109,15 +109,15 @@ function oe({ relationship: e, onClose: t }) {
 				}
 				let o = {
 					label: a.trim(),
-					interval: g,
-					autoRenew: S,
-					currency: m.trim() || "USD",
+					interval: _,
+					autoRenew: C,
+					currency: h.trim() || "USD",
 					notes: k.trim(),
 					...s ? { providerId: s } : {},
-					...u ? { planId: u } : {},
-					...f.trim() ? { amount: Number(f) } : {},
+					...d ? { planId: d } : {},
+					...p.trim() ? { amount: Number(p) } : {},
 					...D.trim() ? { healthScore: Number(D) } : {},
-					...v ? { renewsAt: new Date(v).toISOString() } : {}
+					...y ? { renewsAt: new Date(y).toISOString() } : {}
 				};
 				r.mutate({
 					id: e.id,
@@ -162,7 +162,7 @@ function oe({ relationship: e, onClose: t }) {
 						id: "edit-provider",
 						value: s,
 						onChange: (e) => {
-							l(e.target.value), d("");
+							u(e.target.value), f("");
 						},
 						className: H,
 						children: [/* @__PURE__ */ z("option", {
@@ -178,8 +178,8 @@ function oe({ relationship: e, onClose: t }) {
 						children: n("relationships.detail.editModal.planLabel", "Plan")
 					}), /* @__PURE__ */ B("select", {
 						id: "edit-plan",
-						value: u,
-						onChange: (e) => d(e.target.value),
+						value: d,
+						onChange: (e) => f(e.target.value),
 						className: H,
 						disabled: !s || F.length === 0,
 						children: [/* @__PURE__ */ z("option", {
@@ -203,8 +203,8 @@ function oe({ relationship: e, onClose: t }) {
 							type: "number",
 							min: "0",
 							step: "0.01",
-							value: f,
-							onChange: (e) => p(e.target.value),
+							value: p,
+							onChange: (e) => m(e.target.value),
 							className: H
 						})] }),
 						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
@@ -214,8 +214,8 @@ function oe({ relationship: e, onClose: t }) {
 						}), /* @__PURE__ */ z("input", {
 							id: "edit-currency",
 							type: "text",
-							value: m,
-							onChange: (e) => h(e.target.value.toUpperCase()),
+							value: h,
+							onChange: (e) => g(e.target.value.toUpperCase()),
 							maxLength: 3,
 							className: H
 						})] }),
@@ -225,8 +225,8 @@ function oe({ relationship: e, onClose: t }) {
 							children: n("relationships.detail.editModal.intervalLabel", "Billing interval")
 						}), /* @__PURE__ */ z("select", {
 							id: "edit-interval",
-							value: g,
-							onChange: (e) => _(e.target.value),
+							value: _,
+							onChange: (e) => v(e.target.value),
 							className: H,
 							children: W.map((e) => /* @__PURE__ */ z("option", {
 								value: e,
@@ -245,8 +245,8 @@ function oe({ relationship: e, onClose: t }) {
 						}), /* @__PURE__ */ z("input", {
 							id: "edit-renews",
 							type: "date",
-							value: v,
-							onChange: (e) => x(e.target.value),
+							value: y,
+							onChange: (e) => S(e.target.value),
 							className: H
 						})] }),
 						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
@@ -268,8 +268,8 @@ function oe({ relationship: e, onClose: t }) {
 								className: "flex items-center gap-2 text-sm text-text-primary",
 								children: [/* @__PURE__ */ z("input", {
 									type: "checkbox",
-									checked: S,
-									onChange: (e) => w(e.target.checked),
+									checked: C,
+									onChange: (e) => T(e.target.checked),
 									className: "size-4 rounded border-border-subtle"
 								}), n("relationships.detail.editModal.autoRenews", "Auto-renews")]
 							})
@@ -306,33 +306,33 @@ function oe({ relationship: e, onClose: t }) {
 	});
 }
 function se({ relationshipId: e, onClose: t }) {
-	let n = T(), r = _(), [i, a] = E(""), [o, s] = E("FEATURE_ACCESS"), [l, u] = E(""), [d, f] = E(""), [p, m] = E(""), [h, g] = E(null);
+	let n = l(), r = v(), [i, a] = E(""), [o, s] = E("FEATURE_ACCESS"), [u, d] = E(""), [f, p] = E(""), [m, h] = E(""), [g, _] = E(null);
 	return /* @__PURE__ */ z(c, {
 		title: n("relationships.detail.addEntitlementModal.title", "Add entitlement"),
 		onClose: t,
 		children: /* @__PURE__ */ B("form", {
 			onSubmit: (a) => {
-				if (a.preventDefault(), g(null), !i.trim()) {
-					g(n("relationships.detail.addEntitlementModal.nameRequired", "An entitlement name is required."));
+				if (a.preventDefault(), _(null), !i.trim()) {
+					_(n("relationships.detail.addEntitlementModal.nameRequired", "An entitlement name is required."));
 					return;
 				}
 				r.mutate({
 					relationshipId: e,
 					name: i.trim(),
 					type: o,
-					...l.trim() ? { quota: Number(l) } : {},
-					...d.trim() ? { unit: d.trim() } : {},
-					...p.trim() ? { description: p.trim() } : {}
+					...u.trim() ? { quota: Number(u) } : {},
+					...f.trim() ? { unit: f.trim() } : {},
+					...m.trim() ? { description: m.trim() } : {}
 				}, {
 					onSuccess: () => t(),
-					onError: (e) => g(e instanceof Error ? e.message : n("relationships.detail.addEntitlementModal.error", "Could not add entitlement."))
+					onError: (e) => _(e instanceof Error ? e.message : n("relationships.detail.addEntitlementModal.error", "Could not add entitlement."))
 				});
 			},
 			className: "space-y-4",
 			children: [
-				h && /* @__PURE__ */ z("div", {
+				g && /* @__PURE__ */ z("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
+					children: g
 				}),
 				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "ent-name",
@@ -379,8 +379,8 @@ function se({ relationshipId: e, onClose: t }) {
 							id: "ent-quota",
 							type: "number",
 							min: "0",
-							value: l,
-							onChange: (e) => u(e.target.value),
+							value: u,
+							onChange: (e) => d(e.target.value),
 							placeholder: n("relationships.detail.addEntitlementModal.quotaPlaceholder", "e.g. 5"),
 							className: H
 						})] }),
@@ -391,8 +391,8 @@ function se({ relationshipId: e, onClose: t }) {
 						}), /* @__PURE__ */ z("input", {
 							id: "ent-unit",
 							type: "text",
-							value: d,
-							onChange: (e) => f(e.target.value),
+							value: f,
+							onChange: (e) => p(e.target.value),
 							placeholder: n("relationships.detail.addEntitlementModal.unitPlaceholder", "e.g. seats, GB"),
 							className: H
 						})] })
@@ -404,8 +404,8 @@ function se({ relationshipId: e, onClose: t }) {
 					children: n("relationships.detail.addEntitlementModal.descriptionLabel", "Description")
 				}), /* @__PURE__ */ z("textarea", {
 					id: "ent-desc",
-					value: p,
-					onChange: (e) => m(e.target.value),
+					value: m,
+					onChange: (e) => h(e.target.value),
 					rows: 2,
 					className: H
 				})] }),
@@ -428,34 +428,34 @@ function se({ relationshipId: e, onClose: t }) {
 	});
 }
 function ce({ relationshipId: e, onClose: t }) {
-	let n = T(), r = g(), { uploadFile: i, progress: a, isUploading: o } = w(), [s, l] = E(""), [u, d] = E("RECEIPT"), [f, p] = E(null), [m, h] = E(""), [_, v] = E(null), y = o || r.isPending;
+	let n = l(), r = _(), { uploadFile: i, progress: a, isUploading: o } = T(), [s, u] = E(""), [d, f] = E("RECEIPT"), [p, m] = E(null), [h, g] = E(""), [v, y] = E(null), b = o || r.isPending;
 	return /* @__PURE__ */ z(c, {
 		title: n("relationships.detail.attachAssetModal.title", "Attach asset"),
 		onClose: t,
 		children: /* @__PURE__ */ B("form", {
 			onSubmit: async (a) => {
-				if (a.preventDefault(), v(null), !f) {
-					v(n("relationships.detail.attachAssetModal.chooseFile", "Choose a file to attach."));
+				if (a.preventDefault(), y(null), !p) {
+					y(n("relationships.detail.attachAssetModal.chooseFile", "Choose a file to attach."));
 					return;
 				}
 				try {
-					let { fileId: n, fileName: a } = await i(f);
+					let { fileId: n, fileName: a } = await i(p);
 					await r.mutateAsync({
 						relationshipId: e,
 						name: s.trim() || a,
-						type: u,
+						type: d,
 						fileId: n,
-						...m ? { expiresAt: new Date(m).toISOString() } : {}
+						...h ? { expiresAt: new Date(h).toISOString() } : {}
 					}), t();
 				} catch (e) {
-					v(e instanceof Error ? e.message : n("relationships.detail.attachAssetModal.error", "Could not attach the asset."));
+					y(e instanceof Error ? e.message : n("relationships.detail.attachAssetModal.error", "Could not attach the asset."));
 				}
 			},
 			className: "space-y-4",
 			children: [
-				_ && /* @__PURE__ */ z("div", {
+				v && /* @__PURE__ */ z("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: _
+					children: v
 				}),
 				/* @__PURE__ */ B("div", { children: [
 					/* @__PURE__ */ B("label", {
@@ -475,7 +475,7 @@ function ce({ relationshipId: e, onClose: t }) {
 						type: "file",
 						onChange: (e) => {
 							let t = e.target.files?.[0] ?? null;
-							p(t), t && !s.trim() && l(t.name);
+							m(t), t && !s.trim() && u(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"
 					}),
@@ -494,7 +494,7 @@ function ce({ relationshipId: e, onClose: t }) {
 						id: "asset-name",
 						type: "text",
 						value: s,
-						onChange: (e) => l(e.target.value),
+						onChange: (e) => u(e.target.value),
 						placeholder: n("relationships.detail.attachAssetModal.namePlaceholder", "Defaults to the file name"),
 						className: H
 					})] }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
@@ -503,8 +503,8 @@ function ce({ relationshipId: e, onClose: t }) {
 						children: n("relationships.detail.attachAssetModal.typeLabel", "Type")
 					}), /* @__PURE__ */ z("select", {
 						id: "asset-type",
-						value: u,
-						onChange: (e) => d(e.target.value),
+						value: d,
+						onChange: (e) => f(e.target.value),
 						className: H,
 						children: K.map((e) => /* @__PURE__ */ z("option", {
 							value: e,
@@ -519,8 +519,8 @@ function ce({ relationshipId: e, onClose: t }) {
 				}), /* @__PURE__ */ z("input", {
 					id: "asset-expires",
 					type: "date",
-					value: m,
-					onChange: (e) => h(e.target.value),
+					value: h,
+					onChange: (e) => g(e.target.value),
 					className: H
 				})] }),
 				o && /* @__PURE__ */ z("p", {
@@ -536,9 +536,9 @@ function ce({ relationshipId: e, onClose: t }) {
 						children: n("relationships.detail.attachAssetModal.cancel", "Cancel")
 					}), /* @__PURE__ */ z("button", {
 						type: "submit",
-						disabled: y,
+						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",
-						children: y ? n("relationships.detail.attachAssetModal.attaching", "Attaching…") : n("relationships.detail.attachAssetModal.submit", "Attach asset")
+						children: b ? n("relationships.detail.attachAssetModal.attaching", "Attaching…") : n("relationships.detail.attachAssetModal.submit", "Attach asset")
 					})]
 				})
 			]
@@ -546,7 +546,7 @@ function ce({ relationshipId: e, onClose: t }) {
 	});
 }
 function le({ asset: e }) {
-	let t = T(), n = v(), [a, o] = E(!1);
+	let t = l(), n = y(), [a, o] = E(!1);
 	return /* @__PURE__ */ B("div", {
 		className: "flex items-center justify-between gap-3 p-3",
 		children: [/* @__PURE__ */ B("div", {
@@ -590,20 +590,42 @@ function le({ asset: e }) {
 		})]
 	});
 }
+function ue({ invoice: e }) {
+	let t = l(), a = e.number ?? t("relationships.detail.invoiceRow.unnumbered", "Unnumbered invoice");
+	return /* @__PURE__ */ B("div", {
+		className: "flex items-center justify-between gap-3 p-3",
+		children: [/* @__PURE__ */ B("div", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [/* @__PURE__ */ z(j, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ B("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ z("p", {
+					className: "truncate text-sm font-medium text-text-primary",
+					children: a
+				}), /* @__PURE__ */ B("p", {
+					className: "text-xs text-text-secondary",
+					children: [i(e.status), e.dueDate ? ` · ${t("relationships.detail.invoiceRow.due", "due {{date}}", { date: r(e.dueDate) })}` : e.issueDate ? ` · ${r(e.issueDate)}` : ""]
+				})]
+			})]
+		}), /* @__PURE__ */ z("span", {
+			className: "shrink-0 text-sm font-medium tabular-nums text-text-primary",
+			children: n(e.total, e.currency)
+		})]
+	});
+}
 function X() {
-	let c = T(), { id: g } = ne(), { navigateTo: _ } = e(), { data: v, isLoading: y, isError: b, refetch: C } = x(g), w = S(), M = h(), [N, P] = E(null), [I, H] = E(!1), [U, W] = E(!1), [G, K] = E(!1);
-	if (y) return /* @__PURE__ */ z(t, {
+	let c = l(), { id: _ } = ne(), { navigateTo: v } = e(), { data: y, isLoading: b, isError: x, refetch: w } = S(_), T = C(), M = g(), [N, P] = E(null), [I, H] = E(!1), [U, W] = E(!1), [G, K] = E(!1);
+	if (b) return /* @__PURE__ */ z(t, {
 		title: c("relationships.title", "Relationship"),
-		children: /* @__PURE__ */ z(u, { label: c("relationships.detail.loading", "Loading relationship…") })
+		children: /* @__PURE__ */ z(d, { label: c("relationships.detail.loading", "Loading relationship…") })
 	});
-	if (b) return /* @__PURE__ */ z(t, {
+	if (x) return /* @__PURE__ */ z(t, {
 		title: c("relationships.title", "Relationship"),
-		children: /* @__PURE__ */ z(l, {
+		children: /* @__PURE__ */ z(u, {
 			message: c("relationships.detail.error", "Could not load this relationship."),
-			onRetry: () => void C()
+			onRetry: () => void w()
 		})
 	});
-	if (!v) return /* @__PURE__ */ z(t, {
+	if (!y) return /* @__PURE__ */ z(t, {
 		title: c("relationships.title", "Relationship"),
 		children: /* @__PURE__ */ z(s, {
 			illustration: "empty-data",
@@ -611,18 +633,18 @@ function X() {
 			description: c("relationships.detail.notFoundDescription", "It may have been removed, or you may not have access to it."),
 			action: /* @__PURE__ */ z("button", {
 				type: "button",
-				onClick: () => _("/relationships"),
+				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",
 				children: c("relationships.detail.backToRelationships", "Back to relationships")
 			})
 		})
 	});
-	let Y = v, X = w.isPending || M.isPending, ue = (e) => {
-		P(null), w.mutate({
+	let Y = y, X = T.isPending || M.isPending, de = (e) => {
+		P(null), T.mutate({
 			id: Y.id,
 			status: e
 		}, { onError: (e) => P(e instanceof Error ? e.message : c("relationships.detail.transitionError", "Transition failed")) });
-	}, de = () => {
+	}, fe = () => {
 		P(null), M.mutate(Y.id, { onError: (e) => P(e instanceof Error ? e.message : c("relationships.detail.cancelError", "Cancel failed")) });
 	}, Z = [...Y.renewalEvents ?? []].sort((e, t) => new Date(e.occursAt).getTime() - new Date(t.occursAt).getTime()).map((e) => {
 		let t = new Date(e.occursAt).getTime(), a = !Number.isNaN(t) && t > Date.now();
@@ -638,7 +660,7 @@ function X() {
 	}) : /* @__PURE__ */ z("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")
-	}), fe = ie.filter((e) => e.status !== Y.status), $ = Y.plan?.features ?? [];
+	}), pe = ie.filter((e) => e.status !== Y.status), $ = Y.plan?.features ?? [];
 	return /* @__PURE__ */ B(t, {
 		title: Y.label,
 		description: Y.provider?.name ?? c(q[Y.kind], i(Y.kind)),
@@ -655,7 +677,7 @@ function X() {
 				]
 			}), /* @__PURE__ */ B("button", {
 				type: "button",
-				onClick: () => _("/relationships"),
+				onClick: () => v("/relationships"),
 				className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 				children: [
 					/* @__PURE__ */ z(O, { className: "h-4 w-4" }),
@@ -719,12 +741,12 @@ function X() {
 						]
 					}), /* @__PURE__ */ B("div", {
 						className: "flex shrink-0 flex-wrap gap-2 lg:flex-col lg:items-stretch",
-						children: [fe.map((e) => {
+						children: [pe.map((e) => {
 							let t = e.icon;
 							return /* @__PURE__ */ B("button", {
 								type: "button",
 								disabled: X,
-								onClick: () => ue(e.status),
+								onClick: () => de(e.status),
 								className: "inline-flex items-center justify-center gap-1.5 rounded-lg border border-border-subtle bg-bg-surface px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50",
 								children: [
 									/* @__PURE__ */ z(t, { className: "h-3.5 w-3.5" }),
@@ -735,7 +757,7 @@ function X() {
 						}), Y.status !== "CANCELLED" && /* @__PURE__ */ B("button", {
 							type: "button",
 							disabled: X,
-							onClick: de,
+							onClick: fe,
 							className: "inline-flex items-center justify-center gap-1.5 rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-3 py-1.5 text-xs font-medium text-status-error-text hover:opacity-90 disabled:opacity-50",
 							children: [
 								/* @__PURE__ */ z(k, { className: "h-3.5 w-3.5" }),
@@ -838,7 +860,7 @@ function X() {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ z(d, {
+						/* @__PURE__ */ z(f, {
 							className: "mt-0",
 							title: c("relationships.detail.sections.entitlements", "Entitlements"),
 							description: c("relationships.detail.sections.entitlementsDescription", "What this relationship grants you"),
@@ -888,7 +910,7 @@ function X() {
 														className: "tabular-nums",
 														children: [Math.round(e.used / e.quota * 100), "%"]
 													})]
-												}), /* @__PURE__ */ z(p, {
+												}), /* @__PURE__ */ z(m, {
 													value: e.used,
 													max: e.quota,
 													tone: e.used / e.quota >= .9 ? "negative" : e.used / e.quota >= .7 ? "warning" : "accent",
@@ -900,7 +922,7 @@ function X() {
 								})
 							})
 						}),
-						/* @__PURE__ */ z(d, {
+						/* @__PURE__ */ z(f, {
 							className: "mt-0",
 							title: c("relationships.detail.sections.assets", "Assets"),
 							description: c("relationships.detail.sections.assetsDescription", "Invoices, contracts, licenses and credentials"),
@@ -914,15 +936,26 @@ function X() {
 									c("relationships.detail.sections.attachAsset", "Attach asset")
 								]
 							}),
-							children: !Y.assets || Y.assets.length === 0 ? /* @__PURE__ */ z(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.")
-							}) : /* @__PURE__ */ z(V, {
-								treatment: "plain",
-								className: "divide-y divide-border-subtle p-0",
-								children: Y.assets.map((e) => /* @__PURE__ */ z(le, { asset: e }, e.id))
-							})
+							children: (() => {
+								let e = Y.assets ?? [], t = Y.invoices ?? [];
+								return e.length > 0 || t.length > 0 ? /* @__PURE__ */ z(V, {
+									treatment: "plain",
+									className: "divide-y divide-border-subtle p-0",
+									children: [...e.map((e) => ({
+										kind: "asset",
+										sort: new Date(e.createdAt).getTime() || 0,
+										asset: e
+									})), ...t.map((e) => ({
+										kind: "invoice",
+										sort: new Date(e.createdAt).getTime() || 0,
+										invoice: e
+									}))].sort((e, t) => t.sort - e.sort).map((e) => e.kind === "asset" ? /* @__PURE__ */ z(le, { asset: e.asset }, `a-${e.asset.id}`) : /* @__PURE__ */ z(ue, { invoice: e.invoice }, `i-${e.invoice.id}`))
+								}) : /* @__PURE__ */ z(s, {
+									illustration: "empty-data",
+									title: c("relationships.detail.empty.noAssetsTitle", "No assets attached"),
+									description: c("relationships.detail.empty.noAssetsDescription", "Attach invoices, contracts, licenses or receipts to this relationship.")
+								});
+							})()
 						}),
 						Y.notes && /* @__PURE__ */ B(V, {
 							treatment: "plain",
@@ -953,14 +986,14 @@ function X() {
 							children: c("relationships.detail.empty.noHealthScore", "Not scored yet. A health score appears once Subscriber Bot has enough signal.")
 						}) : /* @__PURE__ */ B("div", {
 							className: "mt-4 flex flex-col items-center",
-							children: [/* @__PURE__ */ z(f, {
+							children: [/* @__PURE__ */ z(p, {
 								value: Y.healthScore,
 								max: 100,
 								size: 160,
 								label: c("relationships.detail.outOf100", "of 100")
 							}), /* @__PURE__ */ z("div", {
 								className: "mt-2 w-full",
-								children: /* @__PURE__ */ z(p, {
+								children: /* @__PURE__ */ z(m, {
 									value: Y.healthScore,
 									max: 100,
 									tone: ae(Y.healthScore)
@@ -990,7 +1023,7 @@ function X() {
 									title: c("relationships.detail.empty.noRenewalEventsTitle", "No renewal events"),
 									description: c("relationships.detail.empty.noRenewalEventsDescription", "Renewals and price changes will appear here as they're detected.")
 								})
-							}) : /* @__PURE__ */ z(m, {
+							}) : /* @__PURE__ */ z(h, {
 								items: Z,
 								className: "mt-4"
 							})