@burdenoff/microfe-subscriberbot 2026.827.1 → 2026.829.1

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

@@ -8,10 +8,11 @@ import { ErrorView as l, LoadingView as u, Section as d } from "../../components
 import { Gauge as f, MiniProgress as p, Timeline as m } 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 { useState as T } from "react";
-import { Activity as E, ArrowLeft as D, Ban as O, CalendarClock as k, CreditCard as A, Download as j, Paperclip as M, Pause as N, Pencil as P, Play as F, Plus as I, ShieldCheck as L, Tag as ee, Wallet as te } from "lucide-react";
+import { useTr as T } from "../../hooks/useTr.js";
+import { useState as E } from "react";
+import { Activity as D, ArrowLeft as O, Ban as k, CalendarClock as A, CreditCard as j, Download as M, Paperclip as N, Pause as P, Pencil as F, Play as I, Plus as L, ShieldCheck as R, Tag as ee, Wallet as te } from "lucide-react";
 import { useParams as ne } from "react-router";
-import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { Fragment as re, jsx as z, jsxs as B } from "react/jsx-runtime";
 import { GlassCard as V } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/relationships/RelationshipDetailPage.tsx
 var H = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", U = "mb-1 block text-xs font-medium text-text-secondary", W = [
@@ -39,21 +40,33 @@ var H = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 	"CERTIFICATE",
 	"WARRANTY",
 	"DOMAIN"
-], q = [
+], q = {
+	SUBSCRIPTION: "relationships.kinds.subscription",
+	MEMBERSHIP: "relationships.kinds.membership",
+	LICENSE: "relationships.kinds.license",
+	CONTRACT: "relationships.kinds.contract",
+	NEWSLETTER: "relationships.kinds.newsletter",
+	RECURRING_PAYMENT: "relationships.kinds.recurringPayment",
+	ENROLLMENT: "relationships.kinds.enrollment",
+	TRIAL: "relationships.kinds.trial"
+}, ie = [
 	{
 		status: "ACTIVE",
-		label: "Activate",
-		icon: F
+		labelKey: "relationships.detail.actions.activate",
+		defaultLabel: "Activate",
+		icon: I
 	},
 	{
 		status: "PAUSED",
-		label: "Pause",
-		icon: N
+		labelKey: "relationships.detail.actions.pause",
+		defaultLabel: "Pause",
+		icon: P
 	},
 	{
 		status: "EXPIRED",
-		label: "Mark expired",
-		icon: O
+		labelKey: "relationships.detail.actions.markExpired",
+		defaultLabel: "Mark expired",
+		icon: k
 	}
 ];
 function J({ label: e, value: t }) {
@@ -68,7 +81,7 @@ function J({ label: e, value: t }) {
 		})]
 	});
 }
-function re(e) {
+function ae(e) {
 	return e == null ? "accent" : e >= 66 ? "positive" : e >= 33 ? "warning" : "negative";
 }
 function Y(e) {
@@ -76,62 +89,66 @@ function Y(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
 }
-function ie({ relationship: e, onClose: t }) {
-	let n = C(), r = b({ pagination: {
+function oe({ relationship: e, onClose: t }) {
+	let n = T(), r = C(), i = b({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), [i, a] = T(e.label), [o, s] = T(e.providerId ?? ""), [l, u] = T(e.planId ?? ""), [d, f] = T(String(e.amount ?? "")), [p, m] = T(e.currency), [h, g] = T(e.interval), [_, v] = T(Y(e.renewsAt)), [x, S] = T(e.autoRenew), [w, E] = T(e.healthScore == null ? "" : String(e.healthScore)), [D, O] = T(e.notes ?? ""), [k, A] = T(null), j = y(o || void 0), M = (() => {
-		let t = r.data?.items ?? [];
+	} }), [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 = (() => {
+		let t = i.data?.items ?? [];
 		return e.provider && !t.some((t) => t.id === e.provider?.id) ? [e.provider, ...t] : t;
-	})(), N = j.data ?? [];
+	})(), F = N.data ?? [];
 	return /* @__PURE__ */ z(c, {
-		title: "Edit relationship",
+		title: n("relationships.detail.editModal.title", "Edit relationship"),
 		onClose: t,
 		maxWidthClassName: "max-w-2xl",
 		children: /* @__PURE__ */ B("form", {
-			onSubmit: (r) => {
-				if (r.preventDefault(), A(null), !i.trim()) {
-					A("A label is required.");
+			onSubmit: (i) => {
+				if (i.preventDefault(), M(null), !a.trim()) {
+					M(n("relationships.detail.editModal.labelRequired", "A label is required."));
 					return;
 				}
-				let a = {
-					label: i.trim(),
-					interval: h,
-					autoRenew: x,
-					currency: p.trim() || "USD",
-					notes: D.trim(),
-					...o ? { providerId: o } : {},
-					...l ? { planId: l } : {},
-					...d.trim() ? { amount: Number(d) } : {},
-					...w.trim() ? { healthScore: Number(w) } : {},
-					..._ ? { renewsAt: new Date(_).toISOString() } : {}
+				let o = {
+					label: a.trim(),
+					interval: g,
+					autoRenew: S,
+					currency: m.trim() || "USD",
+					notes: k.trim(),
+					...s ? { providerId: s } : {},
+					...u ? { planId: u } : {},
+					...f.trim() ? { amount: Number(f) } : {},
+					...D.trim() ? { healthScore: Number(D) } : {},
+					...v ? { renewsAt: new Date(v).toISOString() } : {}
 				};
-				n.mutate({
+				r.mutate({
 					id: e.id,
-					input: a
+					input: o
 				}, {
 					onSuccess: () => t(),
-					onError: (e) => A(e instanceof Error ? e.message : "Could not update relationship.")
+					onError: (e) => M(e instanceof Error ? e.message : n("relationships.detail.editModal.error", "Could not update relationship."))
 				});
 			},
 			className: "space-y-4",
 			children: [
-				k && /* @__PURE__ */ z("div", {
+				j && /* @__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: k
+					children: j
 				}),
 				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "edit-label",
 					className: U,
-					children: ["Label ", /* @__PURE__ */ z("span", {
-						className: "text-status-error-text",
-						children: "*"
-					})]
+					children: [
+						n("relationships.detail.editModal.labelLabel", "Label"),
+						" ",
+						/* @__PURE__ */ z("span", {
+							className: "text-status-error-text",
+							children: "*"
+						})
+					]
 				}), /* @__PURE__ */ z("input", {
 					id: "edit-label",
 					type: "text",
-					value: i,
-					onChange: (e) => a(e.target.value),
+					value: a,
+					onChange: (e) => o(e.target.value),
 					className: H,
 					required: !0
 				})] }),
@@ -140,35 +157,35 @@ function ie({ relationship: e, onClose: t }) {
 					children: [/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "edit-provider",
 						className: U,
-						children: "Provider"
+						children: n("relationships.detail.editModal.providerLabel", "Provider")
 					}), /* @__PURE__ */ B("select", {
 						id: "edit-provider",
-						value: o,
+						value: s,
 						onChange: (e) => {
-							s(e.target.value), u("");
+							l(e.target.value), d("");
 						},
 						className: H,
 						children: [/* @__PURE__ */ z("option", {
 							value: "",
-							children: "— None —"
-						}), M.map((e) => /* @__PURE__ */ z("option", {
+							children: n("relationships.detail.editModal.providerNone", "— None —")
+						}), P.map((e) => /* @__PURE__ */ z("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
 					})] }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "edit-plan",
 						className: U,
-						children: "Plan"
+						children: n("relationships.detail.editModal.planLabel", "Plan")
 					}), /* @__PURE__ */ B("select", {
 						id: "edit-plan",
-						value: l,
-						onChange: (e) => u(e.target.value),
+						value: u,
+						onChange: (e) => d(e.target.value),
 						className: H,
-						disabled: !o || N.length === 0,
+						disabled: !s || F.length === 0,
 						children: [/* @__PURE__ */ z("option", {
 							value: "",
-							children: "— None —"
-						}), N.map((e) => /* @__PURE__ */ z("option", {
+							children: n("relationships.detail.editModal.planNone", "— None —")
+						}), F.map((e) => /* @__PURE__ */ z("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))]
@@ -180,36 +197,36 @@ function ie({ relationship: e, onClose: t }) {
 						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "edit-amount",
 							className: U,
-							children: "Amount"
+							children: n("relationships.detail.editModal.amountLabel", "Amount")
 						}), /* @__PURE__ */ z("input", {
 							id: "edit-amount",
 							type: "number",
 							min: "0",
 							step: "0.01",
-							value: d,
-							onChange: (e) => f(e.target.value),
+							value: f,
+							onChange: (e) => p(e.target.value),
 							className: H
 						})] }),
 						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "edit-currency",
 							className: U,
-							children: "Currency"
+							children: n("relationships.detail.editModal.currencyLabel", "Currency")
 						}), /* @__PURE__ */ z("input", {
 							id: "edit-currency",
 							type: "text",
-							value: p,
-							onChange: (e) => m(e.target.value.toUpperCase()),
+							value: m,
+							onChange: (e) => h(e.target.value.toUpperCase()),
 							maxLength: 3,
 							className: H
 						})] }),
 						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "edit-interval",
 							className: U,
-							children: "Billing interval"
+							children: n("relationships.detail.editModal.intervalLabel", "Billing interval")
 						}), /* @__PURE__ */ z("select", {
 							id: "edit-interval",
-							value: h,
-							onChange: (e) => g(e.target.value),
+							value: g,
+							onChange: (e) => _(e.target.value),
 							className: H,
 							children: W.map((e) => /* @__PURE__ */ z("option", {
 								value: e,
@@ -224,25 +241,25 @@ function ie({ relationship: e, onClose: t }) {
 						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "edit-renews",
 							className: U,
-							children: "Renews on"
+							children: n("relationships.detail.editModal.renewsOnLabel", "Renews on")
 						}), /* @__PURE__ */ z("input", {
 							id: "edit-renews",
 							type: "date",
-							value: _,
-							onChange: (e) => v(e.target.value),
+							value: v,
+							onChange: (e) => x(e.target.value),
 							className: H
 						})] }),
 						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "edit-health",
 							className: U,
-							children: "Health score (0–100)"
+							children: n("relationships.detail.editModal.healthScoreLabel", "Health score (0–100)")
 						}), /* @__PURE__ */ z("input", {
 							id: "edit-health",
 							type: "number",
 							min: "0",
 							max: "100",
-							value: w,
-							onChange: (e) => E(e.target.value),
+							value: D,
+							onChange: (e) => O(e.target.value),
 							className: H
 						})] }),
 						/* @__PURE__ */ z("div", {
@@ -251,10 +268,10 @@ function ie({ relationship: e, onClose: t }) {
 								className: "flex items-center gap-2 text-sm text-text-primary",
 								children: [/* @__PURE__ */ z("input", {
 									type: "checkbox",
-									checked: x,
-									onChange: (e) => S(e.target.checked),
+									checked: S,
+									onChange: (e) => w(e.target.checked),
 									className: "size-4 rounded border-border-subtle"
-								}), "Auto-renews"]
+								}), n("relationships.detail.editModal.autoRenews", "Auto-renews")]
 							})
 						})
 					]
@@ -262,11 +279,11 @@ function ie({ relationship: e, onClose: t }) {
 				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 					htmlFor: "edit-notes",
 					className: U,
-					children: "Notes"
+					children: n("relationships.detail.editModal.notesLabel", "Notes")
 				}), /* @__PURE__ */ z("textarea", {
 					id: "edit-notes",
-					value: D,
-					onChange: (e) => O(e.target.value),
+					value: k,
+					onChange: (e) => A(e.target.value),
 					rows: 3,
 					className: H
 				})] }),
@@ -276,60 +293,64 @@ function ie({ relationship: e, onClose: t }) {
 						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"
+						children: n("relationships.detail.editModal.cancel", "Cancel")
 					}), /* @__PURE__ */ z("button", {
 						type: "submit",
-						disabled: n.isPending,
+						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",
-						children: n.isPending ? "Saving…" : "Save changes"
+						children: r.isPending ? n("relationships.detail.editModal.saving", "Saving…") : n("relationships.detail.editModal.submit", "Save changes")
 					})]
 				})
 			]
 		})
 	});
 }
-function ae({ relationshipId: e, onClose: t }) {
-	let n = _(), [r, i] = T(""), [a, o] = T("FEATURE_ACCESS"), [s, l] = T(""), [u, d] = T(""), [f, p] = T(""), [m, h] = T(null);
+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);
 	return /* @__PURE__ */ z(c, {
-		title: "Add entitlement",
+		title: n("relationships.detail.addEntitlementModal.title", "Add entitlement"),
 		onClose: t,
 		children: /* @__PURE__ */ B("form", {
-			onSubmit: (i) => {
-				if (i.preventDefault(), h(null), !r.trim()) {
-					h("An entitlement name is required.");
+			onSubmit: (a) => {
+				if (a.preventDefault(), g(null), !i.trim()) {
+					g(n("relationships.detail.addEntitlementModal.nameRequired", "An entitlement name is required."));
 					return;
 				}
-				n.mutate({
+				r.mutate({
 					relationshipId: e,
-					name: r.trim(),
-					type: a,
-					...s.trim() ? { quota: Number(s) } : {},
-					...u.trim() ? { unit: u.trim() } : {},
-					...f.trim() ? { description: f.trim() } : {}
+					name: i.trim(),
+					type: o,
+					...l.trim() ? { quota: Number(l) } : {},
+					...d.trim() ? { unit: d.trim() } : {},
+					...p.trim() ? { description: p.trim() } : {}
 				}, {
 					onSuccess: () => t(),
-					onError: (e) => h(e instanceof Error ? e.message : "Could not add entitlement.")
+					onError: (e) => g(e instanceof Error ? e.message : n("relationships.detail.addEntitlementModal.error", "Could not add entitlement."))
 				});
 			},
 			className: "space-y-4",
 			children: [
-				m && /* @__PURE__ */ z("div", {
+				h && /* @__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: m
+					children: h
 				}),
 				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ B("label", {
 					htmlFor: "ent-name",
 					className: U,
-					children: ["Name ", /* @__PURE__ */ z("span", {
-						className: "text-status-error-text",
-						children: "*"
-					})]
+					children: [
+						n("relationships.detail.addEntitlementModal.nameLabel", "Name"),
+						" ",
+						/* @__PURE__ */ z("span", {
+							className: "text-status-error-text",
+							children: "*"
+						})
+					]
 				}), /* @__PURE__ */ z("input", {
 					id: "ent-name",
 					type: "text",
-					value: r,
-					onChange: (e) => i(e.target.value),
-					placeholder: "e.g. Seats, API calls, Priority support",
+					value: i,
+					onChange: (e) => a(e.target.value),
+					placeholder: n("relationships.detail.addEntitlementModal.namePlaceholder", "e.g. Seats, API calls, Priority support"),
 					className: H,
 					required: !0
 				})] }),
@@ -339,11 +360,11 @@ function ae({ relationshipId: e, onClose: t }) {
 						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "ent-type",
 							className: U,
-							children: "Type"
+							children: n("relationships.detail.addEntitlementModal.typeLabel", "Type")
 						}), /* @__PURE__ */ z("select", {
 							id: "ent-type",
-							value: a,
-							onChange: (e) => o(e.target.value),
+							value: o,
+							onChange: (e) => s(e.target.value),
 							className: H,
 							children: G.map((e) => /* @__PURE__ */ z("option", {
 								value: e,
@@ -353,26 +374,26 @@ function ae({ relationshipId: e, onClose: t }) {
 						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "ent-quota",
 							className: U,
-							children: "Quota"
+							children: n("relationships.detail.addEntitlementModal.quotaLabel", "Quota")
 						}), /* @__PURE__ */ z("input", {
 							id: "ent-quota",
 							type: "number",
 							min: "0",
-							value: s,
-							onChange: (e) => l(e.target.value),
-							placeholder: "e.g. 5",
+							value: l,
+							onChange: (e) => u(e.target.value),
+							placeholder: n("relationships.detail.addEntitlementModal.quotaPlaceholder", "e.g. 5"),
 							className: H
 						})] }),
 						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							htmlFor: "ent-unit",
 							className: U,
-							children: "Unit"
+							children: n("relationships.detail.addEntitlementModal.unitLabel", "Unit")
 						}), /* @__PURE__ */ z("input", {
 							id: "ent-unit",
 							type: "text",
-							value: u,
-							onChange: (e) => d(e.target.value),
-							placeholder: "e.g. seats, GB",
+							value: d,
+							onChange: (e) => f(e.target.value),
+							placeholder: n("relationships.detail.addEntitlementModal.unitPlaceholder", "e.g. seats, GB"),
 							className: H
 						})] })
 					]
@@ -380,11 +401,11 @@ function ae({ relationshipId: e, onClose: t }) {
 				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 					htmlFor: "ent-desc",
 					className: U,
-					children: "Description"
+					children: n("relationships.detail.addEntitlementModal.descriptionLabel", "Description")
 				}), /* @__PURE__ */ z("textarea", {
 					id: "ent-desc",
-					value: f,
-					onChange: (e) => p(e.target.value),
+					value: p,
+					onChange: (e) => m(e.target.value),
 					rows: 2,
 					className: H
 				})] }),
@@ -394,69 +415,73 @@ function ae({ relationshipId: e, onClose: t }) {
 						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"
+						children: n("relationships.detail.addEntitlementModal.cancel", "Cancel")
 					}), /* @__PURE__ */ z("button", {
 						type: "submit",
-						disabled: n.isPending,
+						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",
-						children: n.isPending ? "Adding…" : "Add entitlement"
+						children: r.isPending ? n("relationships.detail.addEntitlementModal.adding", "Adding…") : n("relationships.detail.addEntitlementModal.submit", "Add entitlement")
 					})]
 				})
 			]
 		})
 	});
 }
-function oe({ relationshipId: e, onClose: t }) {
-	let n = g(), { uploadFile: r, progress: i, isUploading: a } = w(), [o, s] = T(""), [l, u] = T("RECEIPT"), [d, f] = T(null), [p, m] = T(""), [h, _] = T(null), v = a || n.isPending;
+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;
 	return /* @__PURE__ */ z(c, {
-		title: "Attach asset",
+		title: n("relationships.detail.attachAssetModal.title", "Attach asset"),
 		onClose: t,
 		children: /* @__PURE__ */ B("form", {
-			onSubmit: async (i) => {
-				if (i.preventDefault(), _(null), !d) {
-					_("Choose a file to attach.");
+			onSubmit: async (a) => {
+				if (a.preventDefault(), v(null), !f) {
+					v(n("relationships.detail.attachAssetModal.chooseFile", "Choose a file to attach."));
 					return;
 				}
 				try {
-					let { fileId: i, fileName: a } = await r(d);
-					await n.mutateAsync({
+					let { fileId: n, fileName: a } = await i(f);
+					await r.mutateAsync({
 						relationshipId: e,
-						name: o.trim() || a,
-						type: l,
-						fileId: i,
-						...p ? { expiresAt: new Date(p).toISOString() } : {}
+						name: s.trim() || a,
+						type: u,
+						fileId: n,
+						...m ? { expiresAt: new Date(m).toISOString() } : {}
 					}), t();
 				} catch (e) {
-					_(e instanceof Error ? e.message : "Could not attach the asset.");
+					v(e instanceof Error ? e.message : n("relationships.detail.attachAssetModal.error", "Could not attach the asset."));
 				}
 			},
 			className: "space-y-4",
 			children: [
-				h && /* @__PURE__ */ z("div", {
+				_ && /* @__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: _
 				}),
 				/* @__PURE__ */ B("div", { children: [
 					/* @__PURE__ */ B("label", {
 						htmlFor: "asset-file",
 						className: U,
-						children: ["File ", /* @__PURE__ */ z("span", {
-							className: "text-status-error-text",
-							children: "*"
-						})]
+						children: [
+							n("relationships.detail.attachAssetModal.fileLabel", "File"),
+							" ",
+							/* @__PURE__ */ z("span", {
+								className: "text-status-error-text",
+								children: "*"
+							})
+						]
 					}),
 					/* @__PURE__ */ z("input", {
 						id: "asset-file",
 						type: "file",
 						onChange: (e) => {
 							let t = e.target.files?.[0] ?? null;
-							f(t), t && !o.trim() && s(t.name);
+							p(t), t && !s.trim() && l(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__ */ z("p", {
 						className: "mt-1 text-xs text-text-secondary",
-						children: "Stored securely in files — only a reference is kept here."
+						children: n("relationships.detail.attachAssetModal.fileHint", "Stored securely in files — only a reference is kept here.")
 					})
 				] }),
 				/* @__PURE__ */ B("div", {
@@ -464,22 +489,22 @@ function oe({ relationshipId: e, onClose: t }) {
 					children: [/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "asset-name",
 						className: U,
-						children: "Name"
+						children: n("relationships.detail.attachAssetModal.nameLabel", "Name")
 					}), /* @__PURE__ */ z("input", {
 						id: "asset-name",
 						type: "text",
-						value: o,
-						onChange: (e) => s(e.target.value),
-						placeholder: "Defaults to the file name",
+						value: s,
+						onChange: (e) => l(e.target.value),
+						placeholder: n("relationships.detail.attachAssetModal.namePlaceholder", "Defaults to the file name"),
 						className: H
 					})] }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 						htmlFor: "asset-type",
 						className: U,
-						children: "Type"
+						children: n("relationships.detail.attachAssetModal.typeLabel", "Type")
 					}), /* @__PURE__ */ z("select", {
 						id: "asset-type",
-						value: l,
-						onChange: (e) => u(e.target.value),
+						value: u,
+						onChange: (e) => d(e.target.value),
 						className: H,
 						children: K.map((e) => /* @__PURE__ */ z("option", {
 							value: e,
@@ -490,21 +515,17 @@ function oe({ relationshipId: e, onClose: t }) {
 				/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 					htmlFor: "asset-expires",
 					className: U,
-					children: "Expires on"
+					children: n("relationships.detail.attachAssetModal.expiresOnLabel", "Expires on")
 				}), /* @__PURE__ */ z("input", {
 					id: "asset-expires",
 					type: "date",
-					value: p,
-					onChange: (e) => m(e.target.value),
+					value: m,
+					onChange: (e) => h(e.target.value),
 					className: H
 				})] }),
-				a && /* @__PURE__ */ B("p", {
+				o && /* @__PURE__ */ z("p", {
 					className: "text-xs text-text-secondary",
-					children: [
-						"Uploading… ",
-						i,
-						"%"
-					]
+					children: n("relationships.detail.attachAssetModal.uploading", "Uploading… {{progress}}%", { progress: a })
 				}),
 				/* @__PURE__ */ B("div", {
 					className: "flex justify-end gap-3",
@@ -512,25 +533,25 @@ function oe({ relationshipId: e, onClose: t }) {
 						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"
+						children: n("relationships.detail.attachAssetModal.cancel", "Cancel")
 					}), /* @__PURE__ */ z("button", {
 						type: "submit",
-						disabled: v,
+						disabled: y,
 						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: v ? "Attaching…" : "Attach asset"
+						children: y ? n("relationships.detail.attachAssetModal.attaching", "Attaching…") : n("relationships.detail.attachAssetModal.submit", "Attach asset")
 					})]
 				})
 			]
 		})
 	});
 }
-function se({ asset: e }) {
-	let t = v(), [n, a] = T(!1);
+function le({ asset: e }) {
+	let t = T(), n = v(), [a, o] = E(!1);
 	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(M, { className: "h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ B("div", {
+			children: [/* @__PURE__ */ z(N, { 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",
@@ -542,97 +563,105 @@ function se({ asset: e }) {
 			})]
 		}), /* @__PURE__ */ B("div", {
 			className: "flex shrink-0 items-center gap-3",
-			children: [e.expiresAt && /* @__PURE__ */ B("span", {
+			children: [e.expiresAt && /* @__PURE__ */ z("span", {
 				className: "text-xs text-text-secondary",
-				children: ["Expires ", r(e.expiresAt)]
+				children: t("relationships.detail.assetRow.expires", "Expires {{date}}", { date: r(e.expiresAt) })
 			}), e.file?.id && /* @__PURE__ */ B("button", {
 				type: "button",
 				onClick: async () => {
 					if (e.file?.id) {
-						a(!0);
+						o(!0);
 						try {
-							let n = await t(e.file.id);
-							window.open(n, "_blank", "noopener,noreferrer");
+							let t = await n(e.file.id);
+							window.open(t, "_blank", "noopener,noreferrer");
 						} catch {} finally {
-							a(!1);
+							o(!1);
 						}
 					}
 				},
-				disabled: n,
+				disabled: a,
 				className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-2.5 py-1 text-xs font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50",
 				children: [
-					/* @__PURE__ */ z(j, { className: "h-3.5 w-3.5" }),
+					/* @__PURE__ */ z(M, { className: "h-3.5 w-3.5" }),
 					" ",
-					n ? "Opening…" : "Download"
+					a ? t("relationships.detail.assetRow.opening", "Opening…") : t("relationships.detail.assetRow.download", "Download")
 				]
 			})]
 		})]
 	});
 }
 function X() {
-	let { id: c } = ne(), { navigateTo: g } = e(), { data: _, isLoading: v, isError: y, refetch: b } = x(c), C = S(), w = h(), [j, M] = T(null), [N, F] = T(!1), [H, U] = T(!1), [W, G] = T(!1);
-	if (v) return /* @__PURE__ */ z(t, {
-		title: "Relationship",
-		children: /* @__PURE__ */ z(u, { label: "Loading relationship…" })
-	});
+	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, {
-		title: "Relationship",
+		title: c("relationships.title", "Relationship"),
+		children: /* @__PURE__ */ z(u, { label: c("relationships.detail.loading", "Loading relationship…") })
+	});
+	if (b) return /* @__PURE__ */ z(t, {
+		title: c("relationships.title", "Relationship"),
 		children: /* @__PURE__ */ z(l, {
-			message: "Could not load this relationship.",
-			onRetry: () => void b()
+			message: c("relationships.detail.error", "Could not load this relationship."),
+			onRetry: () => void C()
 		})
 	});
-	if (!_) return /* @__PURE__ */ z(t, {
-		title: "Relationship",
+	if (!v) return /* @__PURE__ */ z(t, {
+		title: c("relationships.title", "Relationship"),
 		children: /* @__PURE__ */ z(s, {
 			illustration: "empty-data",
-			title: "Relationship not found",
-			description: "It may have been removed, or you may not have access to it.",
+			title: c("relationships.detail.notFoundTitle", "Relationship not found"),
+			description: c("relationships.detail.notFoundDescription", "It may have been removed, or you may not have access to it."),
 			action: /* @__PURE__ */ z("button", {
 				type: "button",
-				onClick: () => g("/relationships"),
+				onClick: () => _("/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"
+				children: c("relationships.detail.backToRelationships", "Back to relationships")
 			})
 		})
 	});
-	let K = _, Y = C.isPending || w.isPending, X = (e) => {
-		M(null), C.mutate({
-			id: K.id,
+	let Y = v, X = w.isPending || M.isPending, ue = (e) => {
+		P(null), w.mutate({
+			id: Y.id,
 			status: e
-		}, { onError: (e) => M(e instanceof Error ? e.message : "Transition failed") });
-	}, ce = () => {
-		M(null), w.mutate(K.id, { onError: (e) => M(e instanceof Error ? e.message : "Cancel failed") });
-	}, Z = [...K.renewalEvents ?? []].sort((e, t) => new Date(e.occursAt).getTime() - new Date(t.occursAt).getTime()).map((e) => {
+		}, { onError: (e) => P(e instanceof Error ? e.message : c("relationships.detail.transitionError", "Transition failed")) });
+	}, de = () => {
+		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();
 		return {
 			title: i(e.eventType),
 			sub: `${r(e.occursAt)}${e.detail ? ` · ${e.detail}` : ""}`,
-			meta: e.amount == null ? void 0 : n(e.amount, e.currency ?? K.currency),
+			meta: e.amount == null ? void 0 : n(e.amount, e.currency ?? Y.currency),
 			tone: a ? "warning" : "muted"
 		};
-	}), Q = K.autoRenew ? /* @__PURE__ */ z("span", {
+	}), Q = Y.autoRenew ? /* @__PURE__ */ z("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: "On"
+		children: c("relationships.detail.autoRenewOn", "On")
 	}) : /* @__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: "Off"
-	}), le = q.filter((e) => e.status !== K.status), $ = K.plan?.features ?? [];
+		children: c("relationships.detail.autoRenewOff", "Off")
+	}), fe = ie.filter((e) => e.status !== Y.status), $ = Y.plan?.features ?? [];
 	return /* @__PURE__ */ B(t, {
-		title: K.label,
-		description: K.provider?.name ?? i(K.kind),
+		title: Y.label,
+		description: Y.provider?.name ?? c(q[Y.kind], i(Y.kind)),
 		actions: /* @__PURE__ */ B("div", {
 			className: "flex items-center gap-2",
 			children: [/* @__PURE__ */ B("button", {
 				type: "button",
-				onClick: () => F(!0),
+				onClick: () => H(!0),
 				className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-				children: [/* @__PURE__ */ z(P, { className: "h-4 w-4" }), " Edit"]
+				children: [
+					/* @__PURE__ */ z(F, { className: "h-4 w-4" }),
+					" ",
+					c("relationships.detail.edit", "Edit")
+				]
 			}), /* @__PURE__ */ B("button", {
 				type: "button",
-				onClick: () => g("/relationships"),
+				onClick: () => _("/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(D, { className: "h-4 w-4" }), " Back"]
+				children: [
+					/* @__PURE__ */ z(O, { className: "h-4 w-4" }),
+					" ",
+					c("relationships.detail.back", "Back")
+				]
 			})]
 		}),
 		children: [
@@ -647,38 +676,42 @@ function X() {
 						children: [
 							/* @__PURE__ */ z("p", {
 								className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
-								children: i(K.kind)
+								children: c(q[Y.kind], i(Y.kind))
 							}),
 							/* @__PURE__ */ B("div", {
 								className: "mt-2 flex flex-wrap items-center gap-3",
 								children: [/* @__PURE__ */ B("span", {
 									className: "text-3xl font-bold tabular-nums text-text-primary",
-									children: [n(K.amount, K.currency), /* @__PURE__ */ z("span", {
+									children: [n(Y.amount, Y.currency), /* @__PURE__ */ z("span", {
 										className: "text-base font-normal text-text-secondary",
-										children: a(K.interval)
+										children: a(Y.interval)
 									})]
-								}), /* @__PURE__ */ z(o, { status: K.status })]
+								}), /* @__PURE__ */ z(o, { status: Y.status })]
 							}),
 							/* @__PURE__ */ B("div", {
 								className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
 								children: [
 									/* @__PURE__ */ B("span", {
 										className: "inline-flex items-center gap-1.5",
-										children: [/* @__PURE__ */ z(k, { className: "h-3.5 w-3.5" }), K.renewsAt ? `Renews ${r(K.renewsAt)}` : "No renewal scheduled"]
+										children: [/* @__PURE__ */ z(A, { className: "h-3.5 w-3.5" }), Y.renewsAt ? c("relationships.detail.renews", "Renews {{date}}", { date: r(Y.renewsAt) }) : c("relationships.detail.noRenewalScheduled", "No renewal scheduled")]
 									}),
 									/* @__PURE__ */ B("span", {
 										className: "inline-flex items-center gap-1.5",
-										children: [/* @__PURE__ */ z(L, { className: "h-3.5 w-3.5" }), i(K.discoverySource)]
+										children: [/* @__PURE__ */ z(R, { className: "h-3.5 w-3.5" }), i(Y.discoverySource)]
 									}),
 									/* @__PURE__ */ B("span", {
 										className: "inline-flex items-center gap-1.5",
-										children: ["Auto-renew ", Q]
+										children: [
+											c("relationships.detail.autoRenew", "Auto-renew"),
+											" ",
+											Q
+										]
 									})
 								]
 							}),
-							K.tags.length > 0 && /* @__PURE__ */ B("div", {
+							Y.tags.length > 0 && /* @__PURE__ */ B("div", {
 								className: "mt-3 flex flex-wrap items-center gap-2",
-								children: [/* @__PURE__ */ z(ee, { className: "h-3.5 w-3.5 text-text-secondary" }), K.tags.map((e) => /* @__PURE__ */ z("span", {
+								children: [/* @__PURE__ */ z(ee, { className: "h-3.5 w-3.5 text-text-secondary" }), Y.tags.map((e) => /* @__PURE__ */ z("span", {
 									className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
 									children: e
 								}, e))]
@@ -686,32 +719,36 @@ function X() {
 						]
 					}), /* @__PURE__ */ B("div", {
 						className: "flex shrink-0 flex-wrap gap-2 lg:flex-col lg:items-stretch",
-						children: [le.map((e) => {
+						children: [fe.map((e) => {
 							let t = e.icon;
 							return /* @__PURE__ */ B("button", {
 								type: "button",
-								disabled: Y,
-								onClick: () => X(e.status),
+								disabled: X,
+								onClick: () => ue(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" }),
 									" ",
-									e.label
+									c(e.labelKey, e.defaultLabel)
 								]
 							}, e.status);
-						}), K.status !== "CANCELLED" && /* @__PURE__ */ B("button", {
+						}), Y.status !== "CANCELLED" && /* @__PURE__ */ B("button", {
 							type: "button",
-							disabled: Y,
-							onClick: ce,
+							disabled: X,
+							onClick: de,
 							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(O, { className: "h-3.5 w-3.5" }), " Cancel"]
+							children: [
+								/* @__PURE__ */ z(k, { className: "h-3.5 w-3.5" }),
+								" ",
+								c("relationships.detail.actions.cancel", "Cancel")
+							]
 						})]
 					})]
 				})
 			}),
-			j && /* @__PURE__ */ z("div", {
+			N && /* @__PURE__ */ z("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: j
+				children: N
 			}),
 			/* @__PURE__ */ B("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 lg:grid-cols-3",
@@ -726,29 +763,33 @@ function X() {
 								children: [
 									/* @__PURE__ */ B("div", {
 										className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
-										children: [/* @__PURE__ */ z(A, { className: "h-4 w-4 text-text-secondary" }), " Plan & pricing"]
+										children: [
+											/* @__PURE__ */ z(j, { className: "h-4 w-4 text-text-secondary" }),
+											" ",
+											c("relationships.detail.sections.planPricing", "Plan & pricing")
+										]
 									}),
 									/* @__PURE__ */ B("div", {
 										className: "mt-3",
 										children: [
 											/* @__PURE__ */ z(J, {
-												label: "Plan",
-												value: K.plan?.name ?? "—"
+												label: c("relationships.detail.info.plan", "Plan"),
+												value: Y.plan?.name ?? "—"
 											}),
 											/* @__PURE__ */ z(J, {
-												label: "Price",
-												value: /* @__PURE__ */ B(R, { children: [n(K.amount, K.currency), /* @__PURE__ */ z("span", {
+												label: c("relationships.detail.info.price", "Price"),
+												value: /* @__PURE__ */ B(re, { children: [n(Y.amount, Y.currency), /* @__PURE__ */ z("span", {
 													className: "font-normal text-text-secondary",
-													children: a(K.interval)
+													children: a(Y.interval)
 												})] })
 											}),
 											/* @__PURE__ */ z(J, {
-												label: "Billing interval",
-												value: i(K.interval)
+												label: c("relationships.detail.info.billingInterval", "Billing interval"),
+												value: i(Y.interval)
 											}),
 											/* @__PURE__ */ z(J, {
-												label: "Provider",
-												value: K.provider?.name ?? "—"
+												label: c("relationships.detail.info.provider", "Provider"),
+												value: Y.provider?.name ?? "—"
 											})
 										]
 									}),
@@ -765,29 +806,33 @@ function X() {
 								className: "p-5",
 								children: [/* @__PURE__ */ B("div", {
 									className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
-									children: [/* @__PURE__ */ z(te, { className: "h-4 w-4 text-text-secondary" }), " Payment & billing"]
+									children: [
+										/* @__PURE__ */ z(te, { className: "h-4 w-4 text-text-secondary" }),
+										" ",
+										c("relationships.detail.sections.paymentBilling", "Payment & billing")
+									]
 								}), /* @__PURE__ */ B("div", {
 									className: "mt-3",
 									children: [
 										/* @__PURE__ */ z(J, {
-											label: "Currency",
-											value: K.currency
+											label: c("relationships.detail.info.currency", "Currency"),
+											value: Y.currency
 										}),
 										/* @__PURE__ */ z(J, {
-											label: "Auto-renew",
+											label: c("relationships.detail.info.autoRenew", "Auto-renew"),
 											value: Q
 										}),
 										/* @__PURE__ */ z(J, {
-											label: "Next renewal",
-											value: K.renewsAt ? r(K.renewsAt) : "—"
+											label: c("relationships.detail.info.nextRenewal", "Next renewal"),
+											value: Y.renewsAt ? r(Y.renewsAt) : "—"
 										}),
 										/* @__PURE__ */ z(J, {
-											label: "Started",
-											value: K.startedAt ? r(K.startedAt) : "—"
+											label: c("relationships.detail.info.started", "Started"),
+											value: Y.startedAt ? r(Y.startedAt) : "—"
 										}),
-										K.trialEndsAt && /* @__PURE__ */ z(J, {
-											label: "Trial ends",
-											value: r(K.trialEndsAt)
+										Y.trialEndsAt && /* @__PURE__ */ z(J, {
+											label: c("relationships.detail.info.trialEnds", "Trial ends"),
+											value: r(Y.trialEndsAt)
 										})
 									]
 								})]
@@ -795,21 +840,25 @@ function X() {
 						}),
 						/* @__PURE__ */ z(d, {
 							className: "mt-0",
-							title: "Entitlements",
-							description: "What this relationship grants you",
+							title: c("relationships.detail.sections.entitlements", "Entitlements"),
+							description: c("relationships.detail.sections.entitlementsDescription", "What this relationship grants you"),
 							action: /* @__PURE__ */ B("button", {
 								type: "button",
-								onClick: () => U(!0),
+								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__ */ z(I, { className: "h-3.5 w-3.5" }), " Add entitlement"]
+								children: [
+									/* @__PURE__ */ z(L, { className: "h-3.5 w-3.5" }),
+									" ",
+									c("relationships.detail.sections.addEntitlement", "Add entitlement")
+								]
 							}),
-							children: !K.entitlements || K.entitlements.length === 0 ? /* @__PURE__ */ z(s, {
+							children: !Y.entitlements || Y.entitlements.length === 0 ? /* @__PURE__ */ z(s, {
 								illustration: "empty-data",
-								title: "No entitlements",
-								description: "Entitlements (seats, quotas, feature access) will appear here."
+								title: c("relationships.detail.empty.noEntitlementsTitle", "No entitlements"),
+								description: c("relationships.detail.empty.noEntitlementsDescription", "Entitlements (seats, quotas, feature access) will appear here.")
 							}) : /* @__PURE__ */ z("div", {
 								className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-								children: K.entitlements.map((e) => {
+								children: Y.entitlements.map((e) => {
 									let t = e.quota != null && e.quota > 0;
 									return /* @__PURE__ */ B(V, {
 										treatment: "plain",
@@ -853,33 +902,37 @@ function X() {
 						}),
 						/* @__PURE__ */ z(d, {
 							className: "mt-0",
-							title: "Assets",
-							description: "Invoices, contracts, licenses and credentials",
+							title: c("relationships.detail.sections.assets", "Assets"),
+							description: c("relationships.detail.sections.assetsDescription", "Invoices, contracts, licenses and credentials"),
 							action: /* @__PURE__ */ B("button", {
 								type: "button",
-								onClick: () => G(!0),
+								onClick: () => K(!0),
 								className: "inline-flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
-								children: [/* @__PURE__ */ z(I, { className: "h-3.5 w-3.5" }), " Attach asset"]
+								children: [
+									/* @__PURE__ */ z(L, { className: "h-3.5 w-3.5" }),
+									" ",
+									c("relationships.detail.sections.attachAsset", "Attach asset")
+								]
 							}),
-							children: !K.assets || K.assets.length === 0 ? /* @__PURE__ */ z(s, {
+							children: !Y.assets || Y.assets.length === 0 ? /* @__PURE__ */ z(s, {
 								illustration: "empty-data",
-								title: "No assets attached",
-								description: "Attach invoices, contracts, licenses or receipts to this relationship."
+								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: K.assets.map((e) => /* @__PURE__ */ z(se, { asset: e }, e.id))
+								children: Y.assets.map((e) => /* @__PURE__ */ z(le, { asset: e }, e.id))
 							})
 						}),
-						K.notes && /* @__PURE__ */ B(V, {
+						Y.notes && /* @__PURE__ */ B(V, {
 							treatment: "plain",
 							className: "p-4",
 							children: [/* @__PURE__ */ z("p", {
 								className: "text-xs font-medium text-text-secondary",
-								children: "Notes"
+								children: c("relationships.detail.sections.notes", "Notes")
 							}), /* @__PURE__ */ z("p", {
 								className: "mt-1 whitespace-pre-wrap text-sm text-text-primary",
-								children: K.notes
+								children: Y.notes
 							})]
 						})
 					]
@@ -890,23 +943,27 @@ function X() {
 						className: "p-5",
 						children: [/* @__PURE__ */ B("div", {
 							className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
-							children: [/* @__PURE__ */ z(E, { className: "h-4 w-4 text-text-secondary" }), " Health score"]
-						}), K.healthScore == null ? /* @__PURE__ */ z("p", {
+							children: [
+								/* @__PURE__ */ z(D, { className: "h-4 w-4 text-text-secondary" }),
+								" ",
+								c("relationships.detail.sections.healthScore", "Health score")
+							]
+						}), Y.healthScore == null ? /* @__PURE__ */ z("p", {
 							className: "mt-4 text-sm text-text-secondary",
-							children: "Not scored yet. A health score appears once Subscriber Bot has enough signal."
+							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, {
-								value: K.healthScore,
+								value: Y.healthScore,
 								max: 100,
 								size: 160,
-								label: "of 100"
+								label: c("relationships.detail.outOf100", "of 100")
 							}), /* @__PURE__ */ z("div", {
 								className: "mt-2 w-full",
 								children: /* @__PURE__ */ z(p, {
-									value: K.healthScore,
+									value: Y.healthScore,
 									max: 100,
-									tone: re(K.healthScore)
+									tone: ae(Y.healthScore)
 								})
 							})]
 						})]
@@ -916,18 +973,22 @@ function X() {
 						children: [
 							/* @__PURE__ */ B("div", {
 								className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
-								children: [/* @__PURE__ */ z(k, { className: "h-4 w-4 text-text-secondary" }), " Renewal timeline"]
+								children: [
+									/* @__PURE__ */ z(A, { className: "h-4 w-4 text-text-secondary" }),
+									" ",
+									c("relationships.detail.sections.renewalTimeline", "Renewal timeline")
+								]
 							}),
 							/* @__PURE__ */ z("p", {
 								className: "mt-0.5 text-xs text-text-secondary",
-								children: "Detected renewals and price changes"
+								children: c("relationships.detail.sections.renewalTimelineDescription", "Detected renewals and price changes")
 							}),
 							Z.length === 0 ? /* @__PURE__ */ z("div", {
 								className: "mt-4",
 								children: /* @__PURE__ */ z(s, {
 									illustration: "empty-calendar",
-									title: "No renewal events",
-									description: "Renewals and price changes will appear here as they're detected."
+									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, {
 								items: Z,
@@ -937,17 +998,17 @@ function X() {
 					})]
 				})]
 			}),
-			N && /* @__PURE__ */ z(ie, {
-				relationship: K,
-				onClose: () => F(!1)
+			I && /* @__PURE__ */ z(oe, {
+				relationship: Y,
+				onClose: () => H(!1)
 			}),
-			H && /* @__PURE__ */ z(ae, {
-				relationshipId: K.id,
-				onClose: () => U(!1)
+			U && /* @__PURE__ */ z(se, {
+				relationshipId: Y.id,
+				onClose: () => W(!1)
 			}),
-			W && /* @__PURE__ */ z(oe, {
-				relationshipId: K.id,
-				onClose: () => G(!1)
+			G && /* @__PURE__ */ z(ce, {
+				relationshipId: Y.id,
+				onClose: () => K(!1)
 			})
 		]
 	});