@burdenoff/microfe-subscriberbot 2026.1014.1 → 2026.1023.2

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

@@ -590,6 +590,28 @@ function le({ asset: e }) {
 		})]
 	});
 }
+function ue({ invoice: e }) {
+	let t = T(), 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, {
@@ -617,12 +639,12 @@ function X() {
 			})
 		})
 	});
-	let Y = v, X = w.isPending || M.isPending, ue = (e) => {
+	let Y = v, X = w.isPending || M.isPending, de = (e) => {
 		P(null), w.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)),
@@ -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" }),
@@ -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",

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

@@ -1 +1 @@
-{"version":3,"file":"RelationshipDetailPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipDetailPage.tsx"],"sourcesContent":["/**\n * Relationship detail\n * @module subscriberbot/pages/relationships\n *\n * Full per-relationship view: plan, price, billing period, next renewal,\n * health score, entitlements, attached assets and renewal events — plus\n * lifecycle transitions (validated server-side), edit, and cancel.\n * Reads `subRelationship(id)`; writes `subTransitionRelationship`,\n * `subCancelRelationship`, `subUpdateRelationship`, `subCreateEntitlement`,\n * `subCreateAsset`.\n */\n\nimport { useState, type ReactNode } from 'react';\nimport { useParams } from 'react-router';\nimport {\n  ArrowLeft,\n  CreditCard,\n  Wallet,\n  ShieldCheck,\n  CalendarClock,\n  Paperclip,\n  Activity,\n  Tag,\n  Pencil,\n  Plus,\n  Pause,\n  Play,\n  Ban,\n  Download,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { Modal } from '../../components/Modal';\nimport { LoadingView, ErrorView, Section } from '../../components/StateViews';\nimport { Gauge, Timeline, MiniProgress } from '../../components';\nimport type { TimelineItem } from '../../components';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport {\n  useRelationship,\n  useTransitionRelationship,\n  useCancelRelationship,\n  useUpdateRelationship,\n  useCreateEntitlement,\n  useCreateAsset,\n  useUploadFile,\n  useFileDownloadUrl,\n  useProviders,\n  usePlans,\n} from '../../hooks/useSubscriberBotApi';\nimport {\n  formatCurrency,\n  formatDate,\n  formatEnumLabel,\n  formatIntervalSuffix,\n} from '../../utils/formatters';\nimport { useTr } from '../../hooks/useTr';\nimport type {\n  SubAssetType,\n  SubBillingInterval,\n  SubEntitlementType,\n  SubRelationship,\n  SubRelationshipKind,\n  SubRelationshipStatus,\n  SubUpdateRelationshipInput,\n} from '../../types';\n\nconst inputCls =\n  '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)]';\nconst labelCls = 'mb-1 block text-xs font-medium text-text-secondary';\n\nconst INTERVALS: SubBillingInterval[] = [\n  'MONTHLY',\n  'YEARLY',\n  'QUARTERLY',\n  'WEEKLY',\n  'DAILY',\n  'USAGE_BASED',\n  'LIFETIME',\n  'FREE',\n];\n\nconst ENTITLEMENT_TYPES: SubEntitlementType[] = [\n  'FEATURE_ACCESS',\n  'SEAT',\n  'USAGE_QUOTA',\n  'CONTENT',\n  'DISCOUNT',\n  'SUPPORT_TIER',\n];\n\nconst ASSET_TYPES: SubAssetType[] = [\n  'RECEIPT',\n  'INVOICE',\n  'CONTRACT',\n  'LICENSE_KEY',\n  'CREDENTIAL',\n  'CERTIFICATE',\n  'WARRANTY',\n  'DOMAIN',\n];\n\nconst KIND_KEY: Record<SubRelationshipKind, string> = {\n  SUBSCRIPTION: 'relationships.kinds.subscription',\n  MEMBERSHIP: 'relationships.kinds.membership',\n  LICENSE: 'relationships.kinds.license',\n  CONTRACT: 'relationships.kinds.contract',\n  NEWSLETTER: 'relationships.kinds.newsletter',\n  RECURRING_PAYMENT: 'relationships.kinds.recurringPayment',\n  ENROLLMENT: 'relationships.kinds.enrollment',\n  TRIAL: 'relationships.kinds.trial',\n};\n\n// Lifecycle actions surfaced as buttons; the server validates the transition.\nconst TRANSITIONS: Array<{\n  status: SubRelationshipStatus;\n  labelKey: string;\n  defaultLabel: string;\n  icon: typeof Play;\n}> = [\n  {\n    status: 'ACTIVE',\n    labelKey: 'relationships.detail.actions.activate',\n    defaultLabel: 'Activate',\n    icon: Play,\n  },\n  {\n    status: 'PAUSED',\n    labelKey: 'relationships.detail.actions.pause',\n    defaultLabel: 'Pause',\n    icon: Pause,\n  },\n  {\n    status: 'EXPIRED',\n    labelKey: 'relationships.detail.actions.markExpired',\n    defaultLabel: 'Mark expired',\n    icon: Ban,\n  },\n];\n\n/** Compact label/value row for the detail info cards. */\nfunction InfoRow({ label, value }: { label: string; value: ReactNode }) {\n  return (\n    <div className=\"flex items-center justify-between gap-3 border-b border-border-subtle/60 py-2.5 last:border-0 last:pb-0\">\n      <span className=\"shrink-0 text-sm text-text-secondary\">{label}</span>\n      <span className=\"min-w-0 truncate text-right text-sm font-medium text-text-primary\">\n        {value}\n      </span>\n    </div>\n  );\n}\n\n/** Map a 0–100 health score onto a MiniProgress tone. */\nfunction healthTone(\n  score: number | null | undefined\n): 'positive' | 'accent' | 'warning' | 'negative' {\n  if (score == null) return 'accent';\n  if (score >= 66) return 'positive';\n  if (score >= 33) return 'warning';\n  return 'negative';\n}\n\n/** ISO string → yyyy-mm-dd for a native <input type=\"date\">. */\nfunction toDateInputValue(iso: string | null | undefined): string {\n  if (!iso) return '';\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return '';\n  return d.toISOString().slice(0, 10);\n}\n\n// ---------------------------------------------------------------------------\n// Edit relationship modal → subUpdateRelationship\n// ---------------------------------------------------------------------------\n\nfunction RelationshipEditModal({\n  relationship,\n  onClose,\n}: {\n  relationship: SubRelationship;\n  onClose: () => void;\n}) {\n  const tr = useTr();\n  const update = useUpdateRelationship();\n  const providersQ = useProviders({ pagination: { limit: 100, offset: 0 } });\n\n  const [label, setLabel] = useState(relationship.label);\n  const [providerId, setProviderId] = useState(relationship.providerId ?? '');\n  const [planId, setPlanId] = useState(relationship.planId ?? '');\n  const [amount, setAmount] = useState(String(relationship.amount ?? ''));\n  const [currency, setCurrency] = useState(relationship.currency);\n  const [interval, setInterval] = useState<SubBillingInterval>(relationship.interval);\n  const [renewsAt, setRenewsAt] = useState(toDateInputValue(relationship.renewsAt));\n  const [autoRenew, setAutoRenew] = useState(relationship.autoRenew);\n  const [healthScore, setHealthScore] = useState(\n    relationship.healthScore != null ? String(relationship.healthScore) : ''\n  );\n  const [notes, setNotes] = useState(relationship.notes ?? '');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const plansQ = usePlans(providerId || undefined);\n\n  // Ensure the currently-linked provider is always selectable even if it isn't\n  // in the first page of the registry.\n  const providerOptions = (() => {\n    const list = providersQ.data?.items ?? [];\n    if (relationship.provider && !list.some((p) => p.id === relationship.provider?.id)) {\n      return [relationship.provider, ...list];\n    }\n    return list;\n  })();\n  const plans = plansQ.data ?? [];\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!label.trim()) {\n      setFormError(tr('relationships.detail.editModal.labelRequired', 'A label is required.'));\n      return;\n    }\n    const input: SubUpdateRelationshipInput = {\n      label: label.trim(),\n      interval,\n      autoRenew,\n      currency: currency.trim() || 'USD',\n      notes: notes.trim(),\n      ...(providerId ? { providerId } : {}),\n      ...(planId ? { planId } : {}),\n      ...(amount.trim() ? { amount: Number(amount) } : {}),\n      ...(healthScore.trim() ? { healthScore: Number(healthScore) } : {}),\n      ...(renewsAt ? { renewsAt: new Date(renewsAt).toISOString() } : {}),\n    };\n    update.mutate(\n      { id: relationship.id, input },\n      {\n        onSuccess: () => onClose(),\n        onError: (err) =>\n          setFormError(\n            err instanceof Error\n              ? err.message\n              : tr('relationships.detail.editModal.error', 'Could not update relationship.')\n          ),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      title={tr('relationships.detail.editModal.title', 'Edit relationship')}\n      onClose={onClose}\n      maxWidthClassName=\"max-w-2xl\"\n    >\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n\n        <div>\n          <label htmlFor=\"edit-label\" className={labelCls}>\n            {tr('relationships.detail.editModal.labelLabel', 'Label')}{' '}\n            <span className=\"text-status-error-text\">*</span>\n          </label>\n          <input\n            id=\"edit-label\"\n            type=\"text\"\n            value={label}\n            onChange={(e) => setLabel(e.target.value)}\n            className={inputCls}\n            required\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label htmlFor=\"edit-provider\" className={labelCls}>\n              {tr('relationships.detail.editModal.providerLabel', 'Provider')}\n            </label>\n            <select\n              id=\"edit-provider\"\n              value={providerId}\n              onChange={(e) => {\n                setProviderId(e.target.value);\n                setPlanId('');\n              }}\n              className={inputCls}\n            >\n              <option value=\"\">\n                {tr('relationships.detail.editModal.providerNone', '— None —')}\n              </option>\n              {providerOptions.map((p) => (\n                <option key={p.id} value={p.id}>\n                  {p.name}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor=\"edit-plan\" className={labelCls}>\n              {tr('relationships.detail.editModal.planLabel', 'Plan')}\n            </label>\n            <select\n              id=\"edit-plan\"\n              value={planId}\n              onChange={(e) => setPlanId(e.target.value)}\n              className={inputCls}\n              disabled={!providerId || plans.length === 0}\n            >\n              <option value=\"\">{tr('relationships.detail.editModal.planNone', '— None —')}</option>\n              {plans.map((pl) => (\n                <option key={pl.id} value={pl.id}>\n                  {pl.name}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n          <div>\n            <label htmlFor=\"edit-amount\" className={labelCls}>\n              {tr('relationships.detail.editModal.amountLabel', 'Amount')}\n            </label>\n            <input\n              id=\"edit-amount\"\n              type=\"number\"\n              min=\"0\"\n              step=\"0.01\"\n              value={amount}\n              onChange={(e) => setAmount(e.target.value)}\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"edit-currency\" className={labelCls}>\n              {tr('relationships.detail.editModal.currencyLabel', 'Currency')}\n            </label>\n            <input\n              id=\"edit-currency\"\n              type=\"text\"\n              value={currency}\n              onChange={(e) => setCurrency(e.target.value.toUpperCase())}\n              maxLength={3}\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"edit-interval\" className={labelCls}>\n              {tr('relationships.detail.editModal.intervalLabel', 'Billing interval')}\n            </label>\n            <select\n              id=\"edit-interval\"\n              value={interval}\n              onChange={(e) => setInterval(e.target.value as SubBillingInterval)}\n              className={inputCls}\n            >\n              {INTERVALS.map((i) => (\n                <option key={i} value={i}>\n                  {i.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n          <div>\n            <label htmlFor=\"edit-renews\" className={labelCls}>\n              {tr('relationships.detail.editModal.renewsOnLabel', 'Renews on')}\n            </label>\n            <input\n              id=\"edit-renews\"\n              type=\"date\"\n              value={renewsAt}\n              onChange={(e) => setRenewsAt(e.target.value)}\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"edit-health\" className={labelCls}>\n              {tr('relationships.detail.editModal.healthScoreLabel', 'Health score (0–100)')}\n            </label>\n            <input\n              id=\"edit-health\"\n              type=\"number\"\n              min=\"0\"\n              max=\"100\"\n              value={healthScore}\n              onChange={(e) => setHealthScore(e.target.value)}\n              className={inputCls}\n            />\n          </div>\n          <div className=\"flex items-end\">\n            <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n              <input\n                type=\"checkbox\"\n                checked={autoRenew}\n                onChange={(e) => setAutoRenew(e.target.checked)}\n                className=\"size-4 rounded border-border-subtle\"\n              />\n              {tr('relationships.detail.editModal.autoRenews', 'Auto-renews')}\n            </label>\n          </div>\n        </div>\n\n        <div>\n          <label htmlFor=\"edit-notes\" className={labelCls}>\n            {tr('relationships.detail.editModal.notesLabel', 'Notes')}\n          </label>\n          <textarea\n            id=\"edit-notes\"\n            value={notes}\n            onChange={(e) => setNotes(e.target.value)}\n            rows={3}\n            className={inputCls}\n          />\n        </div>\n\n        <div className=\"flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            {tr('relationships.detail.editModal.cancel', 'Cancel')}\n          </button>\n          <button\n            type=\"submit\"\n            disabled={update.isPending}\n            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\"\n          >\n            {update.isPending\n              ? tr('relationships.detail.editModal.saving', 'Saving…')\n              : tr('relationships.detail.editModal.submit', 'Save changes')}\n          </button>\n        </div>\n      </form>\n    </Modal>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Add entitlement modal → subCreateEntitlement\n// ---------------------------------------------------------------------------\n\nfunction AddEntitlementModal({\n  relationshipId,\n  onClose,\n}: {\n  relationshipId: string;\n  onClose: () => void;\n}) {\n  const tr = useTr();\n  const create = useCreateEntitlement();\n  const [name, setName] = useState('');\n  const [type, setType] = useState<SubEntitlementType>('FEATURE_ACCESS');\n  const [quota, setQuota] = useState('');\n  const [unit, setUnit] = useState('');\n  const [description, setDescription] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!name.trim()) {\n      setFormError(\n        tr(\n          'relationships.detail.addEntitlementModal.nameRequired',\n          'An entitlement name is required.'\n        )\n      );\n      return;\n    }\n    create.mutate(\n      {\n        relationshipId,\n        name: name.trim(),\n        type,\n        ...(quota.trim() ? { quota: Number(quota) } : {}),\n        ...(unit.trim() ? { unit: unit.trim() } : {}),\n        ...(description.trim() ? { description: description.trim() } : {}),\n      },\n      {\n        onSuccess: () => onClose(),\n        onError: (err) =>\n          setFormError(\n            err instanceof Error\n              ? err.message\n              : tr('relationships.detail.addEntitlementModal.error', 'Could not add entitlement.')\n          ),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      title={tr('relationships.detail.addEntitlementModal.title', 'Add entitlement')}\n      onClose={onClose}\n    >\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n        <div>\n          <label htmlFor=\"ent-name\" className={labelCls}>\n            {tr('relationships.detail.addEntitlementModal.nameLabel', 'Name')}{' '}\n            <span className=\"text-status-error-text\">*</span>\n          </label>\n          <input\n            id=\"ent-name\"\n            type=\"text\"\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            placeholder={tr(\n              'relationships.detail.addEntitlementModal.namePlaceholder',\n              'e.g. Seats, API calls, Priority support'\n            )}\n            className={inputCls}\n            required\n          />\n        </div>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n          <div>\n            <label htmlFor=\"ent-type\" className={labelCls}>\n              {tr('relationships.detail.addEntitlementModal.typeLabel', 'Type')}\n            </label>\n            <select\n              id=\"ent-type\"\n              value={type}\n              onChange={(e) => setType(e.target.value as SubEntitlementType)}\n              className={inputCls}\n            >\n              {ENTITLEMENT_TYPES.map((t) => (\n                <option key={t} value={t}>\n                  {t.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor=\"ent-quota\" className={labelCls}>\n              {tr('relationships.detail.addEntitlementModal.quotaLabel', 'Quota')}\n            </label>\n            <input\n              id=\"ent-quota\"\n              type=\"number\"\n              min=\"0\"\n              value={quota}\n              onChange={(e) => setQuota(e.target.value)}\n              placeholder={tr(\n                'relationships.detail.addEntitlementModal.quotaPlaceholder',\n                'e.g. 5'\n              )}\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"ent-unit\" className={labelCls}>\n              {tr('relationships.detail.addEntitlementModal.unitLabel', 'Unit')}\n            </label>\n            <input\n              id=\"ent-unit\"\n              type=\"text\"\n              value={unit}\n              onChange={(e) => setUnit(e.target.value)}\n              placeholder={tr(\n                'relationships.detail.addEntitlementModal.unitPlaceholder',\n                'e.g. seats, GB'\n              )}\n              className={inputCls}\n            />\n          </div>\n        </div>\n        <div>\n          <label htmlFor=\"ent-desc\" className={labelCls}>\n            {tr('relationships.detail.addEntitlementModal.descriptionLabel', 'Description')}\n          </label>\n          <textarea\n            id=\"ent-desc\"\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            rows={2}\n            className={inputCls}\n          />\n        </div>\n        <div className=\"flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            {tr('relationships.detail.addEntitlementModal.cancel', 'Cancel')}\n          </button>\n          <button\n            type=\"submit\"\n            disabled={create.isPending}\n            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\"\n          >\n            {create.isPending\n              ? tr('relationships.detail.addEntitlementModal.adding', 'Adding…')\n              : tr('relationships.detail.addEntitlementModal.submit', 'Add entitlement')}\n          </button>\n        </div>\n      </form>\n    </Modal>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Attach asset modal → upload to files-svc, then subCreateAsset\n// ---------------------------------------------------------------------------\n\nfunction AttachAssetModal({\n  relationshipId,\n  onClose,\n}: {\n  relationshipId: string;\n  onClose: () => void;\n}) {\n  const tr = useTr();\n  const create = useCreateAsset();\n  const { uploadFile, progress, isUploading } = useUploadFile();\n  const [name, setName] = useState('');\n  const [type, setType] = useState<SubAssetType>('RECEIPT');\n  const [file, setFile] = useState<File | null>(null);\n  const [expiresAt, setExpiresAt] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const busy = isUploading || create.isPending;\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!file) {\n      setFormError(\n        tr('relationships.detail.attachAssetModal.chooseFile', 'Choose a file to attach.')\n      );\n      return;\n    }\n    try {\n      const { fileId, fileName } = await uploadFile(file);\n      await create.mutateAsync({\n        relationshipId,\n        name: name.trim() || fileName,\n        type,\n        fileId,\n        ...(expiresAt ? { expiresAt: new Date(expiresAt).toISOString() } : {}),\n      });\n      onClose();\n    } catch (err) {\n      setFormError(\n        err instanceof Error\n          ? err.message\n          : tr('relationships.detail.attachAssetModal.error', 'Could not attach the asset.')\n      );\n    }\n  };\n\n  return (\n    <Modal\n      title={tr('relationships.detail.attachAssetModal.title', 'Attach asset')}\n      onClose={onClose}\n    >\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n        <div>\n          <label htmlFor=\"asset-file\" className={labelCls}>\n            {tr('relationships.detail.attachAssetModal.fileLabel', 'File')}{' '}\n            <span className=\"text-status-error-text\">*</span>\n          </label>\n          <input\n            id=\"asset-file\"\n            type=\"file\"\n            onChange={(e) => {\n              const f = e.target.files?.[0] ?? null;\n              setFile(f);\n              if (f && !name.trim()) setName(f.name);\n            }}\n            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\"\n          />\n          <p className=\"mt-1 text-xs text-text-secondary\">\n            {tr(\n              'relationships.detail.attachAssetModal.fileHint',\n              'Stored securely in files — only a reference is kept here.'\n            )}\n          </p>\n        </div>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label htmlFor=\"asset-name\" className={labelCls}>\n              {tr('relationships.detail.attachAssetModal.nameLabel', 'Name')}\n            </label>\n            <input\n              id=\"asset-name\"\n              type=\"text\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder={tr(\n                'relationships.detail.attachAssetModal.namePlaceholder',\n                'Defaults to the file name'\n              )}\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"asset-type\" className={labelCls}>\n              {tr('relationships.detail.attachAssetModal.typeLabel', 'Type')}\n            </label>\n            <select\n              id=\"asset-type\"\n              value={type}\n              onChange={(e) => setType(e.target.value as SubAssetType)}\n              className={inputCls}\n            >\n              {ASSET_TYPES.map((t) => (\n                <option key={t} value={t}>\n                  {t.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n        <div>\n          <label htmlFor=\"asset-expires\" className={labelCls}>\n            {tr('relationships.detail.attachAssetModal.expiresOnLabel', 'Expires on')}\n          </label>\n          <input\n            id=\"asset-expires\"\n            type=\"date\"\n            value={expiresAt}\n            onChange={(e) => setExpiresAt(e.target.value)}\n            className={inputCls}\n          />\n        </div>\n        {isUploading && (\n          <p className=\"text-xs text-text-secondary\">\n            {tr('relationships.detail.attachAssetModal.uploading', 'Uploading… {{progress}}%', {\n              progress,\n            })}\n          </p>\n        )}\n        <div className=\"flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            {tr('relationships.detail.attachAssetModal.cancel', 'Cancel')}\n          </button>\n          <button\n            type=\"submit\"\n            disabled={busy}\n            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\"\n          >\n            {busy\n              ? tr('relationships.detail.attachAssetModal.attaching', 'Attaching…')\n              : tr('relationships.detail.attachAssetModal.submit', 'Attach asset')}\n          </button>\n        </div>\n      </form>\n    </Modal>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Asset row — resolves a presigned download URL on demand\n// ---------------------------------------------------------------------------\n\nfunction AssetRow({ asset }: { asset: NonNullable<SubRelationship['assets']>[number] }) {\n  const tr = useTr();\n  const getDownloadUrl = useFileDownloadUrl();\n  const [downloading, setDownloading] = useState(false);\n\n  const handleDownload = async () => {\n    if (!asset.file?.id) return;\n    setDownloading(true);\n    try {\n      const url = await getDownloadUrl(asset.file.id);\n      window.open(url, '_blank', 'noopener,noreferrer');\n    } catch {\n      // Non-fatal: a broken/expired file reference just can't be downloaded.\n    } finally {\n      setDownloading(false);\n    }\n  };\n\n  return (\n    <div className=\"flex items-center justify-between gap-3 p-3\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <Paperclip className=\"h-4 w-4 shrink-0 text-text-secondary\" />\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-medium text-text-primary\">{asset.name}</p>\n          <p className=\"text-xs text-text-secondary\">{formatEnumLabel(asset.type)}</p>\n        </div>\n      </div>\n      <div className=\"flex shrink-0 items-center gap-3\">\n        {asset.expiresAt && (\n          <span className=\"text-xs text-text-secondary\">\n            {tr('relationships.detail.assetRow.expires', 'Expires {{date}}', {\n              date: formatDate(asset.expiresAt),\n            })}\n          </span>\n        )}\n        {asset.file?.id && (\n          <button\n            type=\"button\"\n            onClick={handleDownload}\n            disabled={downloading}\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\"\n          >\n            <Download className=\"h-3.5 w-3.5\" />{' '}\n            {downloading\n              ? tr('relationships.detail.assetRow.opening', 'Opening…')\n              : tr('relationships.detail.assetRow.download', 'Download')}\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function RelationshipDetailPage() {\n  const tr = useTr();\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useSubscriberBot();\n  const { data: relationship, isLoading, isError, refetch } = useRelationship(id);\n  const transition = useTransitionRelationship();\n  const cancel = useCancelRelationship();\n  const [actionError, setActionError] = useState<string | null>(null);\n  const [showEdit, setShowEdit] = useState(false);\n  const [showAddEntitlement, setShowAddEntitlement] = useState(false);\n  const [showAttachAsset, setShowAttachAsset] = useState(false);\n\n  if (isLoading) {\n    return (\n      <PageLayout title={tr('relationships.title', 'Relationship')}>\n        <LoadingView label={tr('relationships.detail.loading', 'Loading relationship…')} />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title={tr('relationships.title', 'Relationship')}>\n        <ErrorView\n          message={tr('relationships.detail.error', 'Could not load this relationship.')}\n          onRetry={() => void refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (!relationship) {\n    return (\n      <PageLayout title={tr('relationships.title', 'Relationship')}>\n        <EmptyState\n          illustration=\"empty-data\"\n          title={tr('relationships.detail.notFoundTitle', 'Relationship not found')}\n          description={tr(\n            'relationships.detail.notFoundDescription',\n            'It may have been removed, or you may not have access to it.'\n          )}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/relationships')}\n              className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n            >\n              {tr('relationships.detail.backToRelationships', 'Back to relationships')}\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const r = relationship;\n  const isBusy = transition.isPending || cancel.isPending;\n\n  const runTransition = (status: SubRelationshipStatus) => {\n    setActionError(null);\n    transition.mutate(\n      { id: r.id, status },\n      {\n        onError: (e) =>\n          setActionError(\n            e instanceof Error\n              ? e.message\n              : tr('relationships.detail.transitionError', 'Transition failed')\n          ),\n      }\n    );\n  };\n\n  const runCancel = () => {\n    setActionError(null);\n    cancel.mutate(r.id, {\n      onError: (e) =>\n        setActionError(\n          e instanceof Error ? e.message : tr('relationships.detail.cancelError', 'Cancel failed')\n        ),\n    });\n  };\n\n  // Renewal timeline — built entirely from the real renewalEvents, oldest → newest.\n  const renewalTimeline: TimelineItem[] = [...(r.renewalEvents ?? [])]\n    .sort((a, b) => new Date(a.occursAt).getTime() - new Date(b.occursAt).getTime())\n    .map((event) => {\n      const ts = new Date(event.occursAt).getTime();\n      const isFuture = !Number.isNaN(ts) && ts > Date.now();\n      return {\n        title: formatEnumLabel(event.eventType),\n        sub: `${formatDate(event.occursAt)}${event.detail ? ` · ${event.detail}` : ''}`,\n        meta:\n          event.amount != null\n            ? formatCurrency(event.amount, event.currency ?? r.currency)\n            : undefined,\n        tone: isFuture ? 'warning' : 'muted',\n      };\n    });\n\n  const autoRenewPill = r.autoRenew ? (\n    <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\">\n      {tr('relationships.detail.autoRenewOn', 'On')}\n    </span>\n  ) : (\n    <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n      {tr('relationships.detail.autoRenewOff', 'Off')}\n    </span>\n  );\n\n  const availableTransitions = TRANSITIONS.filter((t) => t.status !== r.status);\n  const planFeatures = r.plan?.features ?? [];\n\n  return (\n    <PageLayout\n      title={r.label}\n      description={r.provider?.name ?? tr(KIND_KEY[r.kind], formatEnumLabel(r.kind))}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => setShowEdit(true)}\n            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\"\n          >\n            <Pencil className=\"h-4 w-4\" /> {tr('relationships.detail.edit', 'Edit')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/relationships')}\n            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\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" /> {tr('relationships.detail.back', 'Back')}\n          </button>\n        </div>\n      }\n    >\n      {/* Hero summary + lifecycle actions */}\n      <GlassCard treatment=\"glass\" glow className=\"p-5 sm:p-6\">\n        <div className=\"flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between\">\n          <div className=\"min-w-0\">\n            <p className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">\n              {tr(KIND_KEY[r.kind], formatEnumLabel(r.kind))}\n            </p>\n            <div className=\"mt-2 flex flex-wrap items-center gap-3\">\n              <span className=\"text-3xl font-bold tabular-nums text-text-primary\">\n                {formatCurrency(r.amount, r.currency)}\n                <span className=\"text-base font-normal text-text-secondary\">\n                  {formatIntervalSuffix(r.interval)}\n                </span>\n              </span>\n              <StatusBadge status={r.status} />\n            </div>\n            <div className=\"mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary\">\n              <span className=\"inline-flex items-center gap-1.5\">\n                <CalendarClock className=\"h-3.5 w-3.5\" />\n                {r.renewsAt\n                  ? tr('relationships.detail.renews', 'Renews {{date}}', {\n                      date: formatDate(r.renewsAt),\n                    })\n                  : tr('relationships.detail.noRenewalScheduled', 'No renewal scheduled')}\n              </span>\n              <span className=\"inline-flex items-center gap-1.5\">\n                <ShieldCheck className=\"h-3.5 w-3.5\" />\n                {formatEnumLabel(r.discoverySource)}\n              </span>\n              <span className=\"inline-flex items-center gap-1.5\">\n                {tr('relationships.detail.autoRenew', 'Auto-renew')} {autoRenewPill}\n              </span>\n            </div>\n            {r.tags.length > 0 && (\n              <div className=\"mt-3 flex flex-wrap items-center gap-2\">\n                <Tag className=\"h-3.5 w-3.5 text-text-secondary\" />\n                {r.tags.map((tag) => (\n                  <span\n                    key={tag}\n                    className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary\"\n                  >\n                    {tag}\n                  </span>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Lifecycle actions */}\n          <div className=\"flex shrink-0 flex-wrap gap-2 lg:flex-col lg:items-stretch\">\n            {availableTransitions.map((t) => {\n              const Icon = t.icon;\n              return (\n                <button\n                  key={t.status}\n                  type=\"button\"\n                  disabled={isBusy}\n                  onClick={() => runTransition(t.status)}\n                  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\"\n                >\n                  <Icon className=\"h-3.5 w-3.5\" /> {tr(t.labelKey, t.defaultLabel)}\n                </button>\n              );\n            })}\n            {r.status !== 'CANCELLED' && (\n              <button\n                type=\"button\"\n                disabled={isBusy}\n                onClick={runCancel}\n                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\"\n              >\n                <Ban className=\"h-3.5 w-3.5\" />{' '}\n                {tr('relationships.detail.actions.cancel', 'Cancel')}\n              </button>\n            )}\n          </div>\n        </div>\n      </GlassCard>\n\n      {actionError && (\n        <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\">\n          {actionError}\n        </div>\n      )}\n\n      {/* Main layout: details (left) + health & timeline rail (right) */}\n      <div className=\"mt-6 grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <div className=\"space-y-4 lg:col-span-2\">\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n            {/* Plan & pricing */}\n            <GlassCard treatment=\"metric\" className=\"p-5\">\n              <div className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n                <CreditCard className=\"h-4 w-4 text-text-secondary\" />{' '}\n                {tr('relationships.detail.sections.planPricing', 'Plan & pricing')}\n              </div>\n              <div className=\"mt-3\">\n                <InfoRow\n                  label={tr('relationships.detail.info.plan', 'Plan')}\n                  value={r.plan?.name ?? '—'}\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.price', 'Price')}\n                  value={\n                    <>\n                      {formatCurrency(r.amount, r.currency)}\n                      <span className=\"font-normal text-text-secondary\">\n                        {formatIntervalSuffix(r.interval)}\n                      </span>\n                    </>\n                  }\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.billingInterval', 'Billing interval')}\n                  value={formatEnumLabel(r.interval)}\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.provider', 'Provider')}\n                  value={r.provider?.name ?? '—'}\n                />\n              </div>\n              {planFeatures.length > 0 && (\n                <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                  {planFeatures.map((f) => (\n                    <span\n                      key={f}\n                      className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary\"\n                    >\n                      {f}\n                    </span>\n                  ))}\n                </div>\n              )}\n            </GlassCard>\n\n            {/* Payment & billing */}\n            <GlassCard treatment=\"metric\" className=\"p-5\">\n              <div className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n                <Wallet className=\"h-4 w-4 text-text-secondary\" />{' '}\n                {tr('relationships.detail.sections.paymentBilling', 'Payment & billing')}\n              </div>\n              <div className=\"mt-3\">\n                <InfoRow\n                  label={tr('relationships.detail.info.currency', 'Currency')}\n                  value={r.currency}\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.autoRenew', 'Auto-renew')}\n                  value={autoRenewPill}\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.nextRenewal', 'Next renewal')}\n                  value={r.renewsAt ? formatDate(r.renewsAt) : '—'}\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.started', 'Started')}\n                  value={r.startedAt ? formatDate(r.startedAt) : '—'}\n                />\n                {r.trialEndsAt && (\n                  <InfoRow\n                    label={tr('relationships.detail.info.trialEnds', 'Trial ends')}\n                    value={formatDate(r.trialEndsAt)}\n                  />\n                )}\n              </div>\n            </GlassCard>\n          </div>\n\n          {/* Entitlements */}\n          <Section\n            className=\"mt-0\"\n            title={tr('relationships.detail.sections.entitlements', 'Entitlements')}\n            description={tr(\n              'relationships.detail.sections.entitlementsDescription',\n              'What this relationship grants you'\n            )}\n            action={\n              <button\n                type=\"button\"\n                onClick={() => setShowAddEntitlement(true)}\n                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\"\n              >\n                <Plus className=\"h-3.5 w-3.5\" />{' '}\n                {tr('relationships.detail.sections.addEntitlement', 'Add entitlement')}\n              </button>\n            }\n          >\n            {!r.entitlements || r.entitlements.length === 0 ? (\n              <EmptyState\n                illustration=\"empty-data\"\n                title={tr('relationships.detail.empty.noEntitlementsTitle', 'No entitlements')}\n                description={tr(\n                  'relationships.detail.empty.noEntitlementsDescription',\n                  'Entitlements (seats, quotas, feature access) will appear here.'\n                )}\n              />\n            ) : (\n              <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n                {r.entitlements.map((e) => {\n                  const hasQuota = e.quota != null && e.quota > 0;\n                  return (\n                    <GlassCard key={e.id} treatment=\"plain\" className=\"p-4\">\n                      <div className=\"flex items-start justify-between gap-2\">\n                        <p className=\"min-w-0 truncate text-sm font-medium text-text-primary\">\n                          {e.name}\n                        </p>\n                        <StatusBadge status={e.isActive ? 'ACTIVE' : 'DISABLED'} />\n                      </div>\n                      <p className=\"mt-1 text-xs text-text-secondary\">{formatEnumLabel(e.type)}</p>\n                      {hasQuota && (\n                        <div className=\"mt-3\">\n                          <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n                            <span>\n                              {e.used} / {e.quota}\n                              {e.unit ? ` ${e.unit}` : ''}\n                            </span>\n                            <span className=\"tabular-nums\">\n                              {Math.round((e.used / (e.quota as number)) * 100)}%\n                            </span>\n                          </div>\n                          <MiniProgress\n                            value={e.used}\n                            max={e.quota as number}\n                            tone={\n                              e.used / (e.quota as number) >= 0.9\n                                ? 'negative'\n                                : e.used / (e.quota as number) >= 0.7\n                                  ? 'warning'\n                                  : 'accent'\n                            }\n                            className=\"mt-1.5\"\n                          />\n                        </div>\n                      )}\n                    </GlassCard>\n                  );\n                })}\n              </div>\n            )}\n          </Section>\n\n          {/* Assets */}\n          <Section\n            className=\"mt-0\"\n            title={tr('relationships.detail.sections.assets', 'Assets')}\n            description={tr(\n              'relationships.detail.sections.assetsDescription',\n              'Invoices, contracts, licenses and credentials'\n            )}\n            action={\n              <button\n                type=\"button\"\n                onClick={() => setShowAttachAsset(true)}\n                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\"\n              >\n                <Plus className=\"h-3.5 w-3.5\" />{' '}\n                {tr('relationships.detail.sections.attachAsset', 'Attach asset')}\n              </button>\n            }\n          >\n            {!r.assets || r.assets.length === 0 ? (\n              <EmptyState\n                illustration=\"empty-data\"\n                title={tr('relationships.detail.empty.noAssetsTitle', 'No assets attached')}\n                description={tr(\n                  'relationships.detail.empty.noAssetsDescription',\n                  'Attach invoices, contracts, licenses or receipts to this relationship.'\n                )}\n              />\n            ) : (\n              <GlassCard treatment=\"plain\" className=\"divide-y divide-border-subtle p-0\">\n                {r.assets.map((a) => (\n                  <AssetRow key={a.id} asset={a} />\n                ))}\n              </GlassCard>\n            )}\n          </Section>\n\n          {r.notes && (\n            <GlassCard treatment=\"plain\" className=\"p-4\">\n              <p className=\"text-xs font-medium text-text-secondary\">\n                {tr('relationships.detail.sections.notes', 'Notes')}\n              </p>\n              <p className=\"mt-1 whitespace-pre-wrap text-sm text-text-primary\">{r.notes}</p>\n            </GlassCard>\n          )}\n        </div>\n\n        {/* Right rail: health gauge + renewal timeline */}\n        <div className=\"space-y-4\">\n          <GlassCard treatment=\"metric\" className=\"p-5\">\n            <div className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n              <Activity className=\"h-4 w-4 text-text-secondary\" />{' '}\n              {tr('relationships.detail.sections.healthScore', 'Health score')}\n            </div>\n            {r.healthScore != null ? (\n              <div className=\"mt-4 flex flex-col items-center\">\n                <Gauge\n                  value={r.healthScore}\n                  max={100}\n                  size={160}\n                  label={tr('relationships.detail.outOf100', 'of 100')}\n                />\n                <div className=\"mt-2 w-full\">\n                  <MiniProgress value={r.healthScore} max={100} tone={healthTone(r.healthScore)} />\n                </div>\n              </div>\n            ) : (\n              <p className=\"mt-4 text-sm text-text-secondary\">\n                {tr(\n                  'relationships.detail.empty.noHealthScore',\n                  'Not scored yet. A health score appears once Subscriber Bot has enough signal.'\n                )}\n              </p>\n            )}\n          </GlassCard>\n\n          <GlassCard treatment=\"metric\" className=\"p-5\">\n            <div className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n              <CalendarClock className=\"h-4 w-4 text-text-secondary\" />{' '}\n              {tr('relationships.detail.sections.renewalTimeline', 'Renewal timeline')}\n            </div>\n            <p className=\"mt-0.5 text-xs text-text-secondary\">\n              {tr(\n                'relationships.detail.sections.renewalTimelineDescription',\n                'Detected renewals and price changes'\n              )}\n            </p>\n            {renewalTimeline.length === 0 ? (\n              <div className=\"mt-4\">\n                <EmptyState\n                  illustration=\"empty-calendar\"\n                  title={tr('relationships.detail.empty.noRenewalEventsTitle', 'No renewal events')}\n                  description={tr(\n                    'relationships.detail.empty.noRenewalEventsDescription',\n                    \"Renewals and price changes will appear here as they're detected.\"\n                  )}\n                />\n              </div>\n            ) : (\n              <Timeline items={renewalTimeline} className=\"mt-4\" />\n            )}\n          </GlassCard>\n        </div>\n      </div>\n\n      {showEdit && <RelationshipEditModal relationship={r} onClose={() => setShowEdit(false)} />}\n      {showAddEntitlement && (\n        <AddEntitlementModal relationshipId={r.id} onClose={() => setShowAddEntitlement(false)} />\n      )}\n      {showAttachAsset && (\n        <AttachAssetModal relationshipId={r.id} onClose={() => setShowAttachAsset(false)} />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"RelationshipDetailPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipDetailPage.tsx"],"sourcesContent":["/**\n * Relationship detail\n * @module subscriberbot/pages/relationships\n *\n * Full per-relationship view: plan, price, billing period, next renewal,\n * health score, entitlements, attached assets and renewal events — plus\n * lifecycle transitions (validated server-side), edit, and cancel.\n * Reads `subRelationship(id)`; writes `subTransitionRelationship`,\n * `subCancelRelationship`, `subUpdateRelationship`, `subCreateEntitlement`,\n * `subCreateAsset`.\n */\n\nimport { useState, type ReactNode } from 'react';\nimport { useParams } from 'react-router';\nimport {\n  ArrowLeft,\n  CreditCard,\n  Wallet,\n  ShieldCheck,\n  CalendarClock,\n  Paperclip,\n  Activity,\n  Tag,\n  Pencil,\n  Plus,\n  Pause,\n  Play,\n  Ban,\n  Download,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { Modal } from '../../components/Modal';\nimport { LoadingView, ErrorView, Section } from '../../components/StateViews';\nimport { Gauge, Timeline, MiniProgress } from '../../components';\nimport type { TimelineItem } from '../../components';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport {\n  useRelationship,\n  useTransitionRelationship,\n  useCancelRelationship,\n  useUpdateRelationship,\n  useCreateEntitlement,\n  useCreateAsset,\n  useUploadFile,\n  useFileDownloadUrl,\n  useProviders,\n  usePlans,\n} from '../../hooks/useSubscriberBotApi';\nimport {\n  formatCurrency,\n  formatDate,\n  formatEnumLabel,\n  formatIntervalSuffix,\n} from '../../utils/formatters';\nimport { useTr } from '../../hooks/useTr';\nimport type {\n  SubAssetType,\n  SubBillingInterval,\n  SubEntitlementType,\n  SubRelationship,\n  SubRelationshipKind,\n  SubRelationshipStatus,\n  SubUpdateRelationshipInput,\n} from '../../types';\n\nconst inputCls =\n  '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)]';\nconst labelCls = 'mb-1 block text-xs font-medium text-text-secondary';\n\nconst INTERVALS: SubBillingInterval[] = [\n  'MONTHLY',\n  'YEARLY',\n  'QUARTERLY',\n  'WEEKLY',\n  'DAILY',\n  'USAGE_BASED',\n  'LIFETIME',\n  'FREE',\n];\n\nconst ENTITLEMENT_TYPES: SubEntitlementType[] = [\n  'FEATURE_ACCESS',\n  'SEAT',\n  'USAGE_QUOTA',\n  'CONTENT',\n  'DISCOUNT',\n  'SUPPORT_TIER',\n];\n\nconst ASSET_TYPES: SubAssetType[] = [\n  'RECEIPT',\n  'INVOICE',\n  'CONTRACT',\n  'LICENSE_KEY',\n  'CREDENTIAL',\n  'CERTIFICATE',\n  'WARRANTY',\n  'DOMAIN',\n];\n\nconst KIND_KEY: Record<SubRelationshipKind, string> = {\n  SUBSCRIPTION: 'relationships.kinds.subscription',\n  MEMBERSHIP: 'relationships.kinds.membership',\n  LICENSE: 'relationships.kinds.license',\n  CONTRACT: 'relationships.kinds.contract',\n  NEWSLETTER: 'relationships.kinds.newsletter',\n  RECURRING_PAYMENT: 'relationships.kinds.recurringPayment',\n  ENROLLMENT: 'relationships.kinds.enrollment',\n  TRIAL: 'relationships.kinds.trial',\n};\n\n// Lifecycle actions surfaced as buttons; the server validates the transition.\nconst TRANSITIONS: Array<{\n  status: SubRelationshipStatus;\n  labelKey: string;\n  defaultLabel: string;\n  icon: typeof Play;\n}> = [\n  {\n    status: 'ACTIVE',\n    labelKey: 'relationships.detail.actions.activate',\n    defaultLabel: 'Activate',\n    icon: Play,\n  },\n  {\n    status: 'PAUSED',\n    labelKey: 'relationships.detail.actions.pause',\n    defaultLabel: 'Pause',\n    icon: Pause,\n  },\n  {\n    status: 'EXPIRED',\n    labelKey: 'relationships.detail.actions.markExpired',\n    defaultLabel: 'Mark expired',\n    icon: Ban,\n  },\n];\n\n/** Compact label/value row for the detail info cards. */\nfunction InfoRow({ label, value }: { label: string; value: ReactNode }) {\n  return (\n    <div className=\"flex items-center justify-between gap-3 border-b border-border-subtle/60 py-2.5 last:border-0 last:pb-0\">\n      <span className=\"shrink-0 text-sm text-text-secondary\">{label}</span>\n      <span className=\"min-w-0 truncate text-right text-sm font-medium text-text-primary\">\n        {value}\n      </span>\n    </div>\n  );\n}\n\n/** Map a 0–100 health score onto a MiniProgress tone. */\nfunction healthTone(\n  score: number | null | undefined\n): 'positive' | 'accent' | 'warning' | 'negative' {\n  if (score == null) return 'accent';\n  if (score >= 66) return 'positive';\n  if (score >= 33) return 'warning';\n  return 'negative';\n}\n\n/** ISO string → yyyy-mm-dd for a native <input type=\"date\">. */\nfunction toDateInputValue(iso: string | null | undefined): string {\n  if (!iso) return '';\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return '';\n  return d.toISOString().slice(0, 10);\n}\n\n// ---------------------------------------------------------------------------\n// Edit relationship modal → subUpdateRelationship\n// ---------------------------------------------------------------------------\n\nfunction RelationshipEditModal({\n  relationship,\n  onClose,\n}: {\n  relationship: SubRelationship;\n  onClose: () => void;\n}) {\n  const tr = useTr();\n  const update = useUpdateRelationship();\n  const providersQ = useProviders({ pagination: { limit: 100, offset: 0 } });\n\n  const [label, setLabel] = useState(relationship.label);\n  const [providerId, setProviderId] = useState(relationship.providerId ?? '');\n  const [planId, setPlanId] = useState(relationship.planId ?? '');\n  const [amount, setAmount] = useState(String(relationship.amount ?? ''));\n  const [currency, setCurrency] = useState(relationship.currency);\n  const [interval, setInterval] = useState<SubBillingInterval>(relationship.interval);\n  const [renewsAt, setRenewsAt] = useState(toDateInputValue(relationship.renewsAt));\n  const [autoRenew, setAutoRenew] = useState(relationship.autoRenew);\n  const [healthScore, setHealthScore] = useState(\n    relationship.healthScore != null ? String(relationship.healthScore) : ''\n  );\n  const [notes, setNotes] = useState(relationship.notes ?? '');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const plansQ = usePlans(providerId || undefined);\n\n  // Ensure the currently-linked provider is always selectable even if it isn't\n  // in the first page of the registry.\n  const providerOptions = (() => {\n    const list = providersQ.data?.items ?? [];\n    if (relationship.provider && !list.some((p) => p.id === relationship.provider?.id)) {\n      return [relationship.provider, ...list];\n    }\n    return list;\n  })();\n  const plans = plansQ.data ?? [];\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!label.trim()) {\n      setFormError(tr('relationships.detail.editModal.labelRequired', 'A label is required.'));\n      return;\n    }\n    const input: SubUpdateRelationshipInput = {\n      label: label.trim(),\n      interval,\n      autoRenew,\n      currency: currency.trim() || 'USD',\n      notes: notes.trim(),\n      ...(providerId ? { providerId } : {}),\n      ...(planId ? { planId } : {}),\n      ...(amount.trim() ? { amount: Number(amount) } : {}),\n      ...(healthScore.trim() ? { healthScore: Number(healthScore) } : {}),\n      ...(renewsAt ? { renewsAt: new Date(renewsAt).toISOString() } : {}),\n    };\n    update.mutate(\n      { id: relationship.id, input },\n      {\n        onSuccess: () => onClose(),\n        onError: (err) =>\n          setFormError(\n            err instanceof Error\n              ? err.message\n              : tr('relationships.detail.editModal.error', 'Could not update relationship.')\n          ),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      title={tr('relationships.detail.editModal.title', 'Edit relationship')}\n      onClose={onClose}\n      maxWidthClassName=\"max-w-2xl\"\n    >\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n\n        <div>\n          <label htmlFor=\"edit-label\" className={labelCls}>\n            {tr('relationships.detail.editModal.labelLabel', 'Label')}{' '}\n            <span className=\"text-status-error-text\">*</span>\n          </label>\n          <input\n            id=\"edit-label\"\n            type=\"text\"\n            value={label}\n            onChange={(e) => setLabel(e.target.value)}\n            className={inputCls}\n            required\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label htmlFor=\"edit-provider\" className={labelCls}>\n              {tr('relationships.detail.editModal.providerLabel', 'Provider')}\n            </label>\n            <select\n              id=\"edit-provider\"\n              value={providerId}\n              onChange={(e) => {\n                setProviderId(e.target.value);\n                setPlanId('');\n              }}\n              className={inputCls}\n            >\n              <option value=\"\">\n                {tr('relationships.detail.editModal.providerNone', '— None —')}\n              </option>\n              {providerOptions.map((p) => (\n                <option key={p.id} value={p.id}>\n                  {p.name}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor=\"edit-plan\" className={labelCls}>\n              {tr('relationships.detail.editModal.planLabel', 'Plan')}\n            </label>\n            <select\n              id=\"edit-plan\"\n              value={planId}\n              onChange={(e) => setPlanId(e.target.value)}\n              className={inputCls}\n              disabled={!providerId || plans.length === 0}\n            >\n              <option value=\"\">{tr('relationships.detail.editModal.planNone', '— None —')}</option>\n              {plans.map((pl) => (\n                <option key={pl.id} value={pl.id}>\n                  {pl.name}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n          <div>\n            <label htmlFor=\"edit-amount\" className={labelCls}>\n              {tr('relationships.detail.editModal.amountLabel', 'Amount')}\n            </label>\n            <input\n              id=\"edit-amount\"\n              type=\"number\"\n              min=\"0\"\n              step=\"0.01\"\n              value={amount}\n              onChange={(e) => setAmount(e.target.value)}\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"edit-currency\" className={labelCls}>\n              {tr('relationships.detail.editModal.currencyLabel', 'Currency')}\n            </label>\n            <input\n              id=\"edit-currency\"\n              type=\"text\"\n              value={currency}\n              onChange={(e) => setCurrency(e.target.value.toUpperCase())}\n              maxLength={3}\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"edit-interval\" className={labelCls}>\n              {tr('relationships.detail.editModal.intervalLabel', 'Billing interval')}\n            </label>\n            <select\n              id=\"edit-interval\"\n              value={interval}\n              onChange={(e) => setInterval(e.target.value as SubBillingInterval)}\n              className={inputCls}\n            >\n              {INTERVALS.map((i) => (\n                <option key={i} value={i}>\n                  {i.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n          <div>\n            <label htmlFor=\"edit-renews\" className={labelCls}>\n              {tr('relationships.detail.editModal.renewsOnLabel', 'Renews on')}\n            </label>\n            <input\n              id=\"edit-renews\"\n              type=\"date\"\n              value={renewsAt}\n              onChange={(e) => setRenewsAt(e.target.value)}\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"edit-health\" className={labelCls}>\n              {tr('relationships.detail.editModal.healthScoreLabel', 'Health score (0–100)')}\n            </label>\n            <input\n              id=\"edit-health\"\n              type=\"number\"\n              min=\"0\"\n              max=\"100\"\n              value={healthScore}\n              onChange={(e) => setHealthScore(e.target.value)}\n              className={inputCls}\n            />\n          </div>\n          <div className=\"flex items-end\">\n            <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n              <input\n                type=\"checkbox\"\n                checked={autoRenew}\n                onChange={(e) => setAutoRenew(e.target.checked)}\n                className=\"size-4 rounded border-border-subtle\"\n              />\n              {tr('relationships.detail.editModal.autoRenews', 'Auto-renews')}\n            </label>\n          </div>\n        </div>\n\n        <div>\n          <label htmlFor=\"edit-notes\" className={labelCls}>\n            {tr('relationships.detail.editModal.notesLabel', 'Notes')}\n          </label>\n          <textarea\n            id=\"edit-notes\"\n            value={notes}\n            onChange={(e) => setNotes(e.target.value)}\n            rows={3}\n            className={inputCls}\n          />\n        </div>\n\n        <div className=\"flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            {tr('relationships.detail.editModal.cancel', 'Cancel')}\n          </button>\n          <button\n            type=\"submit\"\n            disabled={update.isPending}\n            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\"\n          >\n            {update.isPending\n              ? tr('relationships.detail.editModal.saving', 'Saving…')\n              : tr('relationships.detail.editModal.submit', 'Save changes')}\n          </button>\n        </div>\n      </form>\n    </Modal>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Add entitlement modal → subCreateEntitlement\n// ---------------------------------------------------------------------------\n\nfunction AddEntitlementModal({\n  relationshipId,\n  onClose,\n}: {\n  relationshipId: string;\n  onClose: () => void;\n}) {\n  const tr = useTr();\n  const create = useCreateEntitlement();\n  const [name, setName] = useState('');\n  const [type, setType] = useState<SubEntitlementType>('FEATURE_ACCESS');\n  const [quota, setQuota] = useState('');\n  const [unit, setUnit] = useState('');\n  const [description, setDescription] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!name.trim()) {\n      setFormError(\n        tr(\n          'relationships.detail.addEntitlementModal.nameRequired',\n          'An entitlement name is required.'\n        )\n      );\n      return;\n    }\n    create.mutate(\n      {\n        relationshipId,\n        name: name.trim(),\n        type,\n        ...(quota.trim() ? { quota: Number(quota) } : {}),\n        ...(unit.trim() ? { unit: unit.trim() } : {}),\n        ...(description.trim() ? { description: description.trim() } : {}),\n      },\n      {\n        onSuccess: () => onClose(),\n        onError: (err) =>\n          setFormError(\n            err instanceof Error\n              ? err.message\n              : tr('relationships.detail.addEntitlementModal.error', 'Could not add entitlement.')\n          ),\n      }\n    );\n  };\n\n  return (\n    <Modal\n      title={tr('relationships.detail.addEntitlementModal.title', 'Add entitlement')}\n      onClose={onClose}\n    >\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n        <div>\n          <label htmlFor=\"ent-name\" className={labelCls}>\n            {tr('relationships.detail.addEntitlementModal.nameLabel', 'Name')}{' '}\n            <span className=\"text-status-error-text\">*</span>\n          </label>\n          <input\n            id=\"ent-name\"\n            type=\"text\"\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            placeholder={tr(\n              'relationships.detail.addEntitlementModal.namePlaceholder',\n              'e.g. Seats, API calls, Priority support'\n            )}\n            className={inputCls}\n            required\n          />\n        </div>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n          <div>\n            <label htmlFor=\"ent-type\" className={labelCls}>\n              {tr('relationships.detail.addEntitlementModal.typeLabel', 'Type')}\n            </label>\n            <select\n              id=\"ent-type\"\n              value={type}\n              onChange={(e) => setType(e.target.value as SubEntitlementType)}\n              className={inputCls}\n            >\n              {ENTITLEMENT_TYPES.map((t) => (\n                <option key={t} value={t}>\n                  {t.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor=\"ent-quota\" className={labelCls}>\n              {tr('relationships.detail.addEntitlementModal.quotaLabel', 'Quota')}\n            </label>\n            <input\n              id=\"ent-quota\"\n              type=\"number\"\n              min=\"0\"\n              value={quota}\n              onChange={(e) => setQuota(e.target.value)}\n              placeholder={tr(\n                'relationships.detail.addEntitlementModal.quotaPlaceholder',\n                'e.g. 5'\n              )}\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"ent-unit\" className={labelCls}>\n              {tr('relationships.detail.addEntitlementModal.unitLabel', 'Unit')}\n            </label>\n            <input\n              id=\"ent-unit\"\n              type=\"text\"\n              value={unit}\n              onChange={(e) => setUnit(e.target.value)}\n              placeholder={tr(\n                'relationships.detail.addEntitlementModal.unitPlaceholder',\n                'e.g. seats, GB'\n              )}\n              className={inputCls}\n            />\n          </div>\n        </div>\n        <div>\n          <label htmlFor=\"ent-desc\" className={labelCls}>\n            {tr('relationships.detail.addEntitlementModal.descriptionLabel', 'Description')}\n          </label>\n          <textarea\n            id=\"ent-desc\"\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            rows={2}\n            className={inputCls}\n          />\n        </div>\n        <div className=\"flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            {tr('relationships.detail.addEntitlementModal.cancel', 'Cancel')}\n          </button>\n          <button\n            type=\"submit\"\n            disabled={create.isPending}\n            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\"\n          >\n            {create.isPending\n              ? tr('relationships.detail.addEntitlementModal.adding', 'Adding…')\n              : tr('relationships.detail.addEntitlementModal.submit', 'Add entitlement')}\n          </button>\n        </div>\n      </form>\n    </Modal>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Attach asset modal → upload to files-svc, then subCreateAsset\n// ---------------------------------------------------------------------------\n\nfunction AttachAssetModal({\n  relationshipId,\n  onClose,\n}: {\n  relationshipId: string;\n  onClose: () => void;\n}) {\n  const tr = useTr();\n  const create = useCreateAsset();\n  const { uploadFile, progress, isUploading } = useUploadFile();\n  const [name, setName] = useState('');\n  const [type, setType] = useState<SubAssetType>('RECEIPT');\n  const [file, setFile] = useState<File | null>(null);\n  const [expiresAt, setExpiresAt] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const busy = isUploading || create.isPending;\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setFormError(null);\n    if (!file) {\n      setFormError(\n        tr('relationships.detail.attachAssetModal.chooseFile', 'Choose a file to attach.')\n      );\n      return;\n    }\n    try {\n      const { fileId, fileName } = await uploadFile(file);\n      await create.mutateAsync({\n        relationshipId,\n        name: name.trim() || fileName,\n        type,\n        fileId,\n        ...(expiresAt ? { expiresAt: new Date(expiresAt).toISOString() } : {}),\n      });\n      onClose();\n    } catch (err) {\n      setFormError(\n        err instanceof Error\n          ? err.message\n          : tr('relationships.detail.attachAssetModal.error', 'Could not attach the asset.')\n      );\n    }\n  };\n\n  return (\n    <Modal\n      title={tr('relationships.detail.attachAssetModal.title', 'Attach asset')}\n      onClose={onClose}\n    >\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {formError && (\n          <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\">\n            {formError}\n          </div>\n        )}\n        <div>\n          <label htmlFor=\"asset-file\" className={labelCls}>\n            {tr('relationships.detail.attachAssetModal.fileLabel', 'File')}{' '}\n            <span className=\"text-status-error-text\">*</span>\n          </label>\n          <input\n            id=\"asset-file\"\n            type=\"file\"\n            onChange={(e) => {\n              const f = e.target.files?.[0] ?? null;\n              setFile(f);\n              if (f && !name.trim()) setName(f.name);\n            }}\n            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\"\n          />\n          <p className=\"mt-1 text-xs text-text-secondary\">\n            {tr(\n              'relationships.detail.attachAssetModal.fileHint',\n              'Stored securely in files — only a reference is kept here.'\n            )}\n          </p>\n        </div>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label htmlFor=\"asset-name\" className={labelCls}>\n              {tr('relationships.detail.attachAssetModal.nameLabel', 'Name')}\n            </label>\n            <input\n              id=\"asset-name\"\n              type=\"text\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder={tr(\n                'relationships.detail.attachAssetModal.namePlaceholder',\n                'Defaults to the file name'\n              )}\n              className={inputCls}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"asset-type\" className={labelCls}>\n              {tr('relationships.detail.attachAssetModal.typeLabel', 'Type')}\n            </label>\n            <select\n              id=\"asset-type\"\n              value={type}\n              onChange={(e) => setType(e.target.value as SubAssetType)}\n              className={inputCls}\n            >\n              {ASSET_TYPES.map((t) => (\n                <option key={t} value={t}>\n                  {t.replace(/_/g, ' ')}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n        <div>\n          <label htmlFor=\"asset-expires\" className={labelCls}>\n            {tr('relationships.detail.attachAssetModal.expiresOnLabel', 'Expires on')}\n          </label>\n          <input\n            id=\"asset-expires\"\n            type=\"date\"\n            value={expiresAt}\n            onChange={(e) => setExpiresAt(e.target.value)}\n            className={inputCls}\n          />\n        </div>\n        {isUploading && (\n          <p className=\"text-xs text-text-secondary\">\n            {tr('relationships.detail.attachAssetModal.uploading', 'Uploading… {{progress}}%', {\n              progress,\n            })}\n          </p>\n        )}\n        <div className=\"flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            {tr('relationships.detail.attachAssetModal.cancel', 'Cancel')}\n          </button>\n          <button\n            type=\"submit\"\n            disabled={busy}\n            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\"\n          >\n            {busy\n              ? tr('relationships.detail.attachAssetModal.attaching', 'Attaching…')\n              : tr('relationships.detail.attachAssetModal.submit', 'Attach asset')}\n          </button>\n        </div>\n      </form>\n    </Modal>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Asset row — resolves a presigned download URL on demand\n// ---------------------------------------------------------------------------\n\nfunction AssetRow({ asset }: { asset: NonNullable<SubRelationship['assets']>[number] }) {\n  const tr = useTr();\n  const getDownloadUrl = useFileDownloadUrl();\n  const [downloading, setDownloading] = useState(false);\n\n  const handleDownload = async () => {\n    if (!asset.file?.id) return;\n    setDownloading(true);\n    try {\n      const url = await getDownloadUrl(asset.file.id);\n      window.open(url, '_blank', 'noopener,noreferrer');\n    } catch {\n      // Non-fatal: a broken/expired file reference just can't be downloaded.\n    } finally {\n      setDownloading(false);\n    }\n  };\n\n  return (\n    <div className=\"flex items-center justify-between gap-3 p-3\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <Paperclip className=\"h-4 w-4 shrink-0 text-text-secondary\" />\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-medium text-text-primary\">{asset.name}</p>\n          <p className=\"text-xs text-text-secondary\">{formatEnumLabel(asset.type)}</p>\n        </div>\n      </div>\n      <div className=\"flex shrink-0 items-center gap-3\">\n        {asset.expiresAt && (\n          <span className=\"text-xs text-text-secondary\">\n            {tr('relationships.detail.assetRow.expires', 'Expires {{date}}', {\n              date: formatDate(asset.expiresAt),\n            })}\n          </span>\n        )}\n        {asset.file?.id && (\n          <button\n            type=\"button\"\n            onClick={handleDownload}\n            disabled={downloading}\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\"\n          >\n            <Download className=\"h-3.5 w-3.5\" />{' '}\n            {downloading\n              ? tr('relationships.detail.assetRow.opening', 'Opening…')\n              : tr('relationships.detail.assetRow.download', 'Download')}\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Invoice row (BOFF-8659) — every invoice linked to this relationship via\n// `SubInvoice.relationshipId` is shown in the Assets section alongside any\n// file-based assets, so users don't have to leave the relationship page to\n// discover that they have an outstanding invoice tied to it.\n// ---------------------------------------------------------------------------\n\nfunction InvoiceRow({ invoice }: { invoice: NonNullable<SubRelationship['invoices']>[number] }) {\n  const tr = useTr();\n  // Each invoice appears once, grouped by the (most-recent) due or issue\n  // date and labelled with number · status, then a right-aligned total that\n  // matches the Invoices list currency formatting.\n  const label =\n    invoice.number ?? tr('relationships.detail.invoiceRow.unnumbered', 'Unnumbered invoice');\n  return (\n    <div className=\"flex items-center justify-between gap-3 p-3\">\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <CreditCard className=\"h-4 w-4 shrink-0 text-text-secondary\" />\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-medium text-text-primary\">{label}</p>\n          <p className=\"text-xs text-text-secondary\">\n            {formatEnumLabel(invoice.status)}\n            {invoice.dueDate\n              ? ` · ${tr('relationships.detail.invoiceRow.due', 'due {{date}}', {\n                  date: formatDate(invoice.dueDate),\n                })}`\n              : invoice.issueDate\n                ? ` · ${formatDate(invoice.issueDate)}`\n                : ''}\n          </p>\n        </div>\n      </div>\n      <span className=\"shrink-0 text-sm font-medium tabular-nums text-text-primary\">\n        {formatCurrency(invoice.total, invoice.currency)}\n      </span>\n    </div>\n  );\n}\n\nexport function RelationshipDetailPage() {\n  const tr = useTr();\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useSubscriberBot();\n  const { data: relationship, isLoading, isError, refetch } = useRelationship(id);\n  const transition = useTransitionRelationship();\n  const cancel = useCancelRelationship();\n  const [actionError, setActionError] = useState<string | null>(null);\n  const [showEdit, setShowEdit] = useState(false);\n  const [showAddEntitlement, setShowAddEntitlement] = useState(false);\n  const [showAttachAsset, setShowAttachAsset] = useState(false);\n\n  if (isLoading) {\n    return (\n      <PageLayout title={tr('relationships.title', 'Relationship')}>\n        <LoadingView label={tr('relationships.detail.loading', 'Loading relationship…')} />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title={tr('relationships.title', 'Relationship')}>\n        <ErrorView\n          message={tr('relationships.detail.error', 'Could not load this relationship.')}\n          onRetry={() => void refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (!relationship) {\n    return (\n      <PageLayout title={tr('relationships.title', 'Relationship')}>\n        <EmptyState\n          illustration=\"empty-data\"\n          title={tr('relationships.detail.notFoundTitle', 'Relationship not found')}\n          description={tr(\n            'relationships.detail.notFoundDescription',\n            'It may have been removed, or you may not have access to it.'\n          )}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/relationships')}\n              className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n            >\n              {tr('relationships.detail.backToRelationships', 'Back to relationships')}\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const r = relationship;\n  const isBusy = transition.isPending || cancel.isPending;\n\n  const runTransition = (status: SubRelationshipStatus) => {\n    setActionError(null);\n    transition.mutate(\n      { id: r.id, status },\n      {\n        onError: (e) =>\n          setActionError(\n            e instanceof Error\n              ? e.message\n              : tr('relationships.detail.transitionError', 'Transition failed')\n          ),\n      }\n    );\n  };\n\n  const runCancel = () => {\n    setActionError(null);\n    cancel.mutate(r.id, {\n      onError: (e) =>\n        setActionError(\n          e instanceof Error ? e.message : tr('relationships.detail.cancelError', 'Cancel failed')\n        ),\n    });\n  };\n\n  // Renewal timeline — built entirely from the real renewalEvents, oldest → newest.\n  const renewalTimeline: TimelineItem[] = [...(r.renewalEvents ?? [])]\n    .sort((a, b) => new Date(a.occursAt).getTime() - new Date(b.occursAt).getTime())\n    .map((event) => {\n      const ts = new Date(event.occursAt).getTime();\n      const isFuture = !Number.isNaN(ts) && ts > Date.now();\n      return {\n        title: formatEnumLabel(event.eventType),\n        sub: `${formatDate(event.occursAt)}${event.detail ? ` · ${event.detail}` : ''}`,\n        meta:\n          event.amount != null\n            ? formatCurrency(event.amount, event.currency ?? r.currency)\n            : undefined,\n        tone: isFuture ? 'warning' : 'muted',\n      };\n    });\n\n  const autoRenewPill = r.autoRenew ? (\n    <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\">\n      {tr('relationships.detail.autoRenewOn', 'On')}\n    </span>\n  ) : (\n    <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n      {tr('relationships.detail.autoRenewOff', 'Off')}\n    </span>\n  );\n\n  const availableTransitions = TRANSITIONS.filter((t) => t.status !== r.status);\n  const planFeatures = r.plan?.features ?? [];\n\n  return (\n    <PageLayout\n      title={r.label}\n      description={r.provider?.name ?? tr(KIND_KEY[r.kind], formatEnumLabel(r.kind))}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => setShowEdit(true)}\n            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\"\n          >\n            <Pencil className=\"h-4 w-4\" /> {tr('relationships.detail.edit', 'Edit')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/relationships')}\n            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\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" /> {tr('relationships.detail.back', 'Back')}\n          </button>\n        </div>\n      }\n    >\n      {/* Hero summary + lifecycle actions */}\n      <GlassCard treatment=\"glass\" glow className=\"p-5 sm:p-6\">\n        <div className=\"flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between\">\n          <div className=\"min-w-0\">\n            <p className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">\n              {tr(KIND_KEY[r.kind], formatEnumLabel(r.kind))}\n            </p>\n            <div className=\"mt-2 flex flex-wrap items-center gap-3\">\n              <span className=\"text-3xl font-bold tabular-nums text-text-primary\">\n                {formatCurrency(r.amount, r.currency)}\n                <span className=\"text-base font-normal text-text-secondary\">\n                  {formatIntervalSuffix(r.interval)}\n                </span>\n              </span>\n              <StatusBadge status={r.status} />\n            </div>\n            <div className=\"mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary\">\n              <span className=\"inline-flex items-center gap-1.5\">\n                <CalendarClock className=\"h-3.5 w-3.5\" />\n                {r.renewsAt\n                  ? tr('relationships.detail.renews', 'Renews {{date}}', {\n                      date: formatDate(r.renewsAt),\n                    })\n                  : tr('relationships.detail.noRenewalScheduled', 'No renewal scheduled')}\n              </span>\n              <span className=\"inline-flex items-center gap-1.5\">\n                <ShieldCheck className=\"h-3.5 w-3.5\" />\n                {formatEnumLabel(r.discoverySource)}\n              </span>\n              <span className=\"inline-flex items-center gap-1.5\">\n                {tr('relationships.detail.autoRenew', 'Auto-renew')} {autoRenewPill}\n              </span>\n            </div>\n            {r.tags.length > 0 && (\n              <div className=\"mt-3 flex flex-wrap items-center gap-2\">\n                <Tag className=\"h-3.5 w-3.5 text-text-secondary\" />\n                {r.tags.map((tag) => (\n                  <span\n                    key={tag}\n                    className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary\"\n                  >\n                    {tag}\n                  </span>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Lifecycle actions */}\n          <div className=\"flex shrink-0 flex-wrap gap-2 lg:flex-col lg:items-stretch\">\n            {availableTransitions.map((t) => {\n              const Icon = t.icon;\n              return (\n                <button\n                  key={t.status}\n                  type=\"button\"\n                  disabled={isBusy}\n                  onClick={() => runTransition(t.status)}\n                  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\"\n                >\n                  <Icon className=\"h-3.5 w-3.5\" /> {tr(t.labelKey, t.defaultLabel)}\n                </button>\n              );\n            })}\n            {r.status !== 'CANCELLED' && (\n              <button\n                type=\"button\"\n                disabled={isBusy}\n                onClick={runCancel}\n                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\"\n              >\n                <Ban className=\"h-3.5 w-3.5\" />{' '}\n                {tr('relationships.detail.actions.cancel', 'Cancel')}\n              </button>\n            )}\n          </div>\n        </div>\n      </GlassCard>\n\n      {actionError && (\n        <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\">\n          {actionError}\n        </div>\n      )}\n\n      {/* Main layout: details (left) + health & timeline rail (right) */}\n      <div className=\"mt-6 grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <div className=\"space-y-4 lg:col-span-2\">\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n            {/* Plan & pricing */}\n            <GlassCard treatment=\"metric\" className=\"p-5\">\n              <div className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n                <CreditCard className=\"h-4 w-4 text-text-secondary\" />{' '}\n                {tr('relationships.detail.sections.planPricing', 'Plan & pricing')}\n              </div>\n              <div className=\"mt-3\">\n                <InfoRow\n                  label={tr('relationships.detail.info.plan', 'Plan')}\n                  value={r.plan?.name ?? '—'}\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.price', 'Price')}\n                  value={\n                    <>\n                      {formatCurrency(r.amount, r.currency)}\n                      <span className=\"font-normal text-text-secondary\">\n                        {formatIntervalSuffix(r.interval)}\n                      </span>\n                    </>\n                  }\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.billingInterval', 'Billing interval')}\n                  value={formatEnumLabel(r.interval)}\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.provider', 'Provider')}\n                  value={r.provider?.name ?? '—'}\n                />\n              </div>\n              {planFeatures.length > 0 && (\n                <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                  {planFeatures.map((f) => (\n                    <span\n                      key={f}\n                      className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary\"\n                    >\n                      {f}\n                    </span>\n                  ))}\n                </div>\n              )}\n            </GlassCard>\n\n            {/* Payment & billing */}\n            <GlassCard treatment=\"metric\" className=\"p-5\">\n              <div className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n                <Wallet className=\"h-4 w-4 text-text-secondary\" />{' '}\n                {tr('relationships.detail.sections.paymentBilling', 'Payment & billing')}\n              </div>\n              <div className=\"mt-3\">\n                <InfoRow\n                  label={tr('relationships.detail.info.currency', 'Currency')}\n                  value={r.currency}\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.autoRenew', 'Auto-renew')}\n                  value={autoRenewPill}\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.nextRenewal', 'Next renewal')}\n                  value={r.renewsAt ? formatDate(r.renewsAt) : '—'}\n                />\n                <InfoRow\n                  label={tr('relationships.detail.info.started', 'Started')}\n                  value={r.startedAt ? formatDate(r.startedAt) : '—'}\n                />\n                {r.trialEndsAt && (\n                  <InfoRow\n                    label={tr('relationships.detail.info.trialEnds', 'Trial ends')}\n                    value={formatDate(r.trialEndsAt)}\n                  />\n                )}\n              </div>\n            </GlassCard>\n          </div>\n\n          {/* Entitlements */}\n          <Section\n            className=\"mt-0\"\n            title={tr('relationships.detail.sections.entitlements', 'Entitlements')}\n            description={tr(\n              'relationships.detail.sections.entitlementsDescription',\n              'What this relationship grants you'\n            )}\n            action={\n              <button\n                type=\"button\"\n                onClick={() => setShowAddEntitlement(true)}\n                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\"\n              >\n                <Plus className=\"h-3.5 w-3.5\" />{' '}\n                {tr('relationships.detail.sections.addEntitlement', 'Add entitlement')}\n              </button>\n            }\n          >\n            {!r.entitlements || r.entitlements.length === 0 ? (\n              <EmptyState\n                illustration=\"empty-data\"\n                title={tr('relationships.detail.empty.noEntitlementsTitle', 'No entitlements')}\n                description={tr(\n                  'relationships.detail.empty.noEntitlementsDescription',\n                  'Entitlements (seats, quotas, feature access) will appear here.'\n                )}\n              />\n            ) : (\n              <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n                {r.entitlements.map((e) => {\n                  const hasQuota = e.quota != null && e.quota > 0;\n                  return (\n                    <GlassCard key={e.id} treatment=\"plain\" className=\"p-4\">\n                      <div className=\"flex items-start justify-between gap-2\">\n                        <p className=\"min-w-0 truncate text-sm font-medium text-text-primary\">\n                          {e.name}\n                        </p>\n                        <StatusBadge status={e.isActive ? 'ACTIVE' : 'DISABLED'} />\n                      </div>\n                      <p className=\"mt-1 text-xs text-text-secondary\">{formatEnumLabel(e.type)}</p>\n                      {hasQuota && (\n                        <div className=\"mt-3\">\n                          <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n                            <span>\n                              {e.used} / {e.quota}\n                              {e.unit ? ` ${e.unit}` : ''}\n                            </span>\n                            <span className=\"tabular-nums\">\n                              {Math.round((e.used / (e.quota as number)) * 100)}%\n                            </span>\n                          </div>\n                          <MiniProgress\n                            value={e.used}\n                            max={e.quota as number}\n                            tone={\n                              e.used / (e.quota as number) >= 0.9\n                                ? 'negative'\n                                : e.used / (e.quota as number) >= 0.7\n                                  ? 'warning'\n                                  : 'accent'\n                            }\n                            className=\"mt-1.5\"\n                          />\n                        </div>\n                      )}\n                    </GlassCard>\n                  );\n                })}\n              </div>\n            )}\n          </Section>\n\n          {/* Assets — file-based assets + relationship-owned invoices.\n              BOFF-8659: invoices linked via `SubInvoice.relationshipId` are now\n              shown here too, so the panel copy \"Invoices, contracts, licenses\n              and credentials\" is honored for the cross-module Relationships ↔\n              Invoices flow. */}\n          <Section\n            className=\"mt-0\"\n            title={tr('relationships.detail.sections.assets', 'Assets')}\n            description={tr(\n              'relationships.detail.sections.assetsDescription',\n              'Invoices, contracts, licenses and credentials'\n            )}\n            action={\n              <button\n                type=\"button\"\n                onClick={() => setShowAttachAsset(true)}\n                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\"\n              >\n                <Plus className=\"h-3.5 w-3.5\" />{' '}\n                {tr('relationships.detail.sections.attachAsset', 'Attach asset')}\n              </button>\n            }\n          >\n            {(() => {\n              const assets = r.assets ?? [];\n              // BOFF-8659 — pull relationship-owned invoices into the same\n              // Assets list, sorted next to file-based assets by their sort\n              // time so invoices appear in the same order as the Invoices\n              // list (newest first).\n              const invoices: NonNullable<SubRelationship['invoices']> = r.invoices ?? [];\n              const hasAny = assets.length > 0 || invoices.length > 0;\n              if (!hasAny) {\n                return (\n                  <EmptyState\n                    illustration=\"empty-data\"\n                    title={tr('relationships.detail.empty.noAssetsTitle', 'No assets attached')}\n                    description={tr(\n                      'relationships.detail.empty.noAssetsDescription',\n                      'Attach invoices, contracts, licenses or receipts to this relationship.'\n                    )}\n                  />\n                );\n              }\n              type AssetLike =\n                | {\n                    kind: 'asset';\n                    sort: number;\n                    asset: NonNullable<SubRelationship['assets']>[number];\n                  }\n                | {\n                    kind: 'invoice';\n                    sort: number;\n                    invoice: NonNullable<SubRelationship['invoices']>[number];\n                  };\n              const combined: AssetLike[] = [\n                ...assets.map((a) => ({\n                  kind: 'asset' as const,\n                  sort: new Date(a.createdAt).getTime() || 0,\n                  asset: a,\n                })),\n                ...invoices.map((i) => ({\n                  kind: 'invoice' as const,\n                  sort: new Date(i.createdAt).getTime() || 0,\n                  invoice: i,\n                })),\n              ].sort((x, y) => y.sort - x.sort);\n              return (\n                <GlassCard treatment=\"plain\" className=\"divide-y divide-border-subtle p-0\">\n                  {combined.map((row) =>\n                    row.kind === 'asset' ? (\n                      <AssetRow key={`a-${row.asset.id}`} asset={row.asset} />\n                    ) : (\n                      <InvoiceRow key={`i-${row.invoice.id}`} invoice={row.invoice} />\n                    )\n                  )}\n                </GlassCard>\n              );\n            })()}\n          </Section>\n\n          {r.notes && (\n            <GlassCard treatment=\"plain\" className=\"p-4\">\n              <p className=\"text-xs font-medium text-text-secondary\">\n                {tr('relationships.detail.sections.notes', 'Notes')}\n              </p>\n              <p className=\"mt-1 whitespace-pre-wrap text-sm text-text-primary\">{r.notes}</p>\n            </GlassCard>\n          )}\n        </div>\n\n        {/* Right rail: health gauge + renewal timeline */}\n        <div className=\"space-y-4\">\n          <GlassCard treatment=\"metric\" className=\"p-5\">\n            <div className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n              <Activity className=\"h-4 w-4 text-text-secondary\" />{' '}\n              {tr('relationships.detail.sections.healthScore', 'Health score')}\n            </div>\n            {r.healthScore != null ? (\n              <div className=\"mt-4 flex flex-col items-center\">\n                <Gauge\n                  value={r.healthScore}\n                  max={100}\n                  size={160}\n                  label={tr('relationships.detail.outOf100', 'of 100')}\n                />\n                <div className=\"mt-2 w-full\">\n                  <MiniProgress value={r.healthScore} max={100} tone={healthTone(r.healthScore)} />\n                </div>\n              </div>\n            ) : (\n              <p className=\"mt-4 text-sm text-text-secondary\">\n                {tr(\n                  'relationships.detail.empty.noHealthScore',\n                  'Not scored yet. A health score appears once Subscriber Bot has enough signal.'\n                )}\n              </p>\n            )}\n          </GlassCard>\n\n          <GlassCard treatment=\"metric\" className=\"p-5\">\n            <div className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n              <CalendarClock className=\"h-4 w-4 text-text-secondary\" />{' '}\n              {tr('relationships.detail.sections.renewalTimeline', 'Renewal timeline')}\n            </div>\n            <p className=\"mt-0.5 text-xs text-text-secondary\">\n              {tr(\n                'relationships.detail.sections.renewalTimelineDescription',\n                'Detected renewals and price changes'\n              )}\n            </p>\n            {renewalTimeline.length === 0 ? (\n              <div className=\"mt-4\">\n                <EmptyState\n                  illustration=\"empty-calendar\"\n                  title={tr('relationships.detail.empty.noRenewalEventsTitle', 'No renewal events')}\n                  description={tr(\n                    'relationships.detail.empty.noRenewalEventsDescription',\n                    \"Renewals and price changes will appear here as they're detected.\"\n                  )}\n                />\n              </div>\n            ) : (\n              <Timeline items={renewalTimeline} className=\"mt-4\" />\n            )}\n          </GlassCard>\n        </div>\n      </div>\n\n      {showEdit && <RelationshipEditModal relationship={r} onClose={() => setShowEdit(false)} />}\n      {showAddEntitlement && (\n        <AddEntitlementModal relationshipId={r.id} onClose={() => setShowAddEntitlement(false)} />\n      )}\n      {showAttachAsset && (\n        <AttachAssetModal relationshipId={r.id} onClose={() => setShowAttachAsset(false)} />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}