@burdenoff/microfe-subscriberbot 2026.829.1 → 2026.1023.1

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\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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"RelationshipNewPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipNewPage.tsx"],"sourcesContent":["/**\n * Create relationship\n * @module subscriberbot/pages/relationships\n *\n * Manual-add form for a recurring relationship AI can't auto-detect.\n * Writes `subCreateRelationship`. Provider + plan are optional pickers\n * sourced from the real registry (`subListProviders` / `subListPlans`).\n */\n\nimport { useState, type ReactNode } from 'react';\nimport { ArrowLeft, Tag, Building2, Wallet, StickyNote } from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { ErrorView } from '../../components/StateViews';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateRelationship, useProviders, usePlans } from '../../hooks/useSubscriberBotApi';\nimport { useTr } from '../../hooks/useTr';\nimport { formatEnumLabel } from '../../utils/formatters';\nimport type {\n  SubBillingInterval,\n  SubCreateRelationshipInput,\n  SubRelationshipKind,\n} from '../../types';\n\nconst KINDS: SubRelationshipKind[] = [\n  'SUBSCRIPTION',\n  'MEMBERSHIP',\n  'LICENSE',\n  'CONTRACT',\n  'NEWSLETTER',\n  'RECURRING_PAYMENT',\n  'ENROLLMENT',\n  'TRIAL',\n];\n\nconst INTERVALS: SubBillingInterval[] = [\n  'MONTHLY',\n  'YEARLY',\n  'QUARTERLY',\n  'WEEKLY',\n  'DAILY',\n  'USAGE_BASED',\n  'LIFETIME',\n  'FREE',\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\nconst inputCls =\n  'w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 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.5 block text-xs font-medium text-text-secondary';\n\n/** Grouped form section on a glass surface. */\nfunction FormSection({\n  icon,\n  title,\n  description,\n  children,\n}: {\n  icon: ReactNode;\n  title: string;\n  description: string;\n  children: ReactNode;\n}) {\n  return (\n    <GlassCard treatment=\"metric\" className=\"p-5 sm:p-6\">\n      <div className=\"flex items-start gap-3\">\n        <span className=\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n          {icon}\n        </span>\n        <div className=\"min-w-0\">\n          <h2 className=\"text-sm font-semibold text-text-primary\">{title}</h2>\n          <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>\n        </div>\n      </div>\n      <div className=\"mt-4\">{children}</div>\n    </GlassCard>\n  );\n}\n\nexport function RelationshipNewPage() {\n  const tr = useTr();\n  const { navigateTo } = useSubscriberBot();\n  const create = useCreateRelationship();\n  const providersQ = useProviders({ pagination: { limit: 100, offset: 0 } });\n\n  const [label, setLabel] = useState('');\n  const [kind, setKind] = useState<SubRelationshipKind>('SUBSCRIPTION');\n  const [providerId, setProviderId] = useState('');\n  const [planId, setPlanId] = useState('');\n  const [amount, setAmount] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [interval, setInterval] = useState<SubBillingInterval>('MONTHLY');\n  const [renewsAt, setRenewsAt] = useState('');\n  const [autoRenew, setAutoRenew] = useState(true);\n  const [notes, setNotes] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const plansQ = usePlans(providerId || undefined);\n  const providers = providersQ.data?.items ?? [];\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.new.basics.labelRequired', 'A label is required.'));\n      return;\n    }\n    const input: SubCreateRelationshipInput = {\n      label: label.trim(),\n      kind,\n      interval,\n      autoRenew,\n      currency: currency.trim() || 'USD',\n      ...(providerId ? { providerId } : {}),\n      ...(planId ? { planId } : {}),\n      ...(amount ? { amount: Number(amount) } : {}),\n      ...(renewsAt ? { renewsAt: new Date(renewsAt).toISOString() } : {}),\n      ...(notes.trim() ? { notes: notes.trim() } : {}),\n    };\n    create.mutate(input, {\n      onSuccess: (rel) => navigateTo(`/relationships/${rel.id}`),\n      onError: (err) =>\n        setFormError(\n          err instanceof Error\n            ? err.message\n            : tr('relationships.new.error', 'Could not create relationship.')\n        ),\n    });\n  };\n\n  if (providersQ.isError) {\n    return (\n      <PageLayout title={tr('relationships.new.title', 'Add relationship')}>\n        <ErrorView\n          message={tr('relationships.new.providerError', 'Could not load the provider registry.')}\n          onRetry={() => void providersQ.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={tr('relationships.new.title', 'Add relationship')}\n      description={tr(\n        'relationships.new.description',\n        'Track a new recurring digital relationship'\n      )}\n      actions={\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.new.back', 'Back')}\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        {tr(\n          'relationships.new.purpose',\n          'Manually add a subscription, membership, license or contract. Link it to a provider and plan from the registry, set the price and renewal date, and Subscriber Bot will track its lifecycle from here.'\n        )}\n      </PagePurpose>\n\n      <form onSubmit={handleSubmit} className=\"max-w-3xl space-y-5\">\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        {/* Basics */}\n        <FormSection\n          icon={<Tag className=\"h-4 w-4\" />}\n          title={tr('relationships.new.basics.title', 'Basics')}\n          description={tr(\n            'relationships.new.basics.description',\n            'Name this relationship and choose what kind it is.'\n          )}\n        >\n          <div className=\"space-y-4\">\n            <div>\n              <label htmlFor=\"rel-label\" className={labelCls}>\n                {tr('relationships.new.basics.labelLabel', 'Label')}{' '}\n                <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                id=\"rel-label\"\n                type=\"text\"\n                value={label}\n                onChange={(e) => setLabel(e.target.value)}\n                placeholder={tr(\n                  'relationships.new.basics.labelPlaceholder',\n                  'e.g. Netflix Premium, AWS Production'\n                )}\n                className={inputCls}\n                required\n              />\n            </div>\n            <div className=\"max-w-xs\">\n              <label htmlFor=\"rel-kind\" className={labelCls}>\n                {tr('relationships.new.basics.kindLabel', 'Kind')}\n              </label>\n              <select\n                id=\"rel-kind\"\n                value={kind}\n                onChange={(e) => setKind(e.target.value as SubRelationshipKind)}\n                className={inputCls}\n              >\n                {KINDS.map((k) => (\n                  <option key={k} value={k}>\n                    {tr(KIND_KEY[k], formatEnumLabel(k))}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n        </FormSection>\n\n        {/* Provider & plan */}\n        <FormSection\n          icon={<Building2 className=\"h-4 w-4\" />}\n          title={tr('relationships.new.providerPlan.title', 'Provider & plan')}\n          description={tr(\n            'relationships.new.providerPlan.description',\n            'Link this relationship to a provider and plan from the registry (optional).'\n          )}\n        >\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label htmlFor=\"rel-provider\" className={labelCls}>\n                {tr('relationships.new.providerPlan.providerLabel', 'Provider')}\n              </label>\n              <select\n                id=\"rel-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.new.providerPlan.providerNone', '— None —')}\n                </option>\n                {providers.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=\"rel-plan\" className={labelCls}>\n                {tr('relationships.new.providerPlan.planLabel', 'Plan')}\n              </label>\n              <select\n                id=\"rel-plan\"\n                value={planId}\n                onChange={(e) => setPlanId(e.target.value)}\n                className={inputCls}\n                disabled={!providerId || plans.length === 0}\n              >\n                <option value=\"\">\n                  {providerId\n                    ? plans.length === 0\n                      ? tr('relationships.new.providerPlan.noPlans', 'No plans available')\n                      : tr('relationships.new.providerPlan.planNone', '— None —')\n                    : tr(\n                        'relationships.new.providerPlan.selectProviderFirst',\n                        'Select a provider first'\n                      )}\n                </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        </FormSection>\n\n        {/* Pricing & billing */}\n        <FormSection\n          icon={<Wallet className=\"h-4 w-4\" />}\n          title={tr('relationships.new.pricing.title', 'Pricing & billing')}\n          description={tr(\n            'relationships.new.pricing.description',\n            'Set the price, cadence and next renewal so Subscriber Bot can track it.'\n          )}\n        >\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n              <div>\n                <label htmlFor=\"rel-amount\" className={labelCls}>\n                  {tr('relationships.new.pricing.amountLabel', 'Amount')}\n                </label>\n                <input\n                  id=\"rel-amount\"\n                  type=\"number\"\n                  min=\"0\"\n                  step=\"0.01\"\n                  value={amount}\n                  onChange={(e) => setAmount(e.target.value)}\n                  placeholder={tr('relationships.new.pricing.amountPlaceholder', '0.00')}\n                  className={inputCls}\n                />\n              </div>\n              <div>\n                <label htmlFor=\"rel-currency\" className={labelCls}>\n                  {tr('relationships.new.pricing.currencyLabel', 'Currency')}\n                </label>\n                <input\n                  id=\"rel-currency\"\n                  type=\"text\"\n                  value={currency}\n                  onChange={(e) => setCurrency(e.target.value.toUpperCase())}\n                  placeholder={tr('relationships.new.pricing.currencyPlaceholder', 'USD')}\n                  maxLength={3}\n                  className={inputCls}\n                />\n              </div>\n              <div>\n                <label htmlFor=\"rel-interval\" className={labelCls}>\n                  {tr('relationships.new.pricing.intervalLabel', 'Billing interval')}\n                </label>\n                <select\n                  id=\"rel-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                      {formatEnumLabel(i)}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            </div>\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              <div>\n                <label htmlFor=\"rel-renews\" className={labelCls}>\n                  {tr('relationships.new.pricing.renewsOnLabel', 'Renews on')}\n                </label>\n                <input\n                  id=\"rel-renews\"\n                  type=\"date\"\n                  value={renewsAt}\n                  onChange={(e) => setRenewsAt(e.target.value)}\n                  className={inputCls}\n                />\n              </div>\n              <label className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 sm:mt-6\">\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                <span className=\"text-sm text-text-primary\">\n                  {tr('relationships.new.pricing.autoRenews', 'Auto-renews')}\n                </span>\n              </label>\n            </div>\n          </div>\n        </FormSection>\n\n        {/* Notes */}\n        <FormSection\n          icon={<StickyNote className=\"h-4 w-4\" />}\n          title={tr('relationships.new.notes.title', 'Notes')}\n          description={tr(\n            'relationships.new.notes.description',\n            'Anything worth remembering about this relationship.'\n          )}\n        >\n          <textarea\n            id=\"rel-notes\"\n            aria-label={tr('relationships.new.notes.title', 'Notes')}\n            value={notes}\n            onChange={(e) => setNotes(e.target.value)}\n            rows={3}\n            placeholder={tr(\n              'relationships.new.notes.placeholder',\n              'Anything worth remembering about this relationship…'\n            )}\n            className={inputCls}\n          />\n        </FormSection>\n\n        <div className=\"flex flex-col gap-3 sm:flex-row\">\n          <button\n            type=\"submit\"\n            disabled={create.isPending}\n            className=\"rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n          >\n            {create.isPending\n              ? tr('relationships.new.creating', 'Creating…')\n              : tr('relationships.new.submit', 'Create relationship')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/relationships')}\n            className=\"rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            {tr('relationships.new.cancel', 'Cancel')}\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"RelationshipNewPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipNewPage.tsx"],"sourcesContent":["/**\n * Create relationship\n * @module subscriberbot/pages/relationships\n *\n * Manual-add form for a recurring relationship AI can't auto-detect.\n * Writes `subCreateRelationship`. Provider + plan are optional pickers\n * sourced from the real registry (`subListProviders` / `subListPlans`).\n */\n\nimport { useState, type ReactNode } from 'react';\nimport { ArrowLeft, Tag, Building2, Wallet, StickyNote } from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { ErrorView } from '../../components/StateViews';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useCreateRelationship, useProviders, usePlans } from '../../hooks/useSubscriberBotApi';\nimport { useTr } from '../../hooks/useTr';\nimport { formatEnumLabel } from '../../utils/formatters';\nimport type {\n  SubBillingInterval,\n  SubCreateRelationshipInput,\n  SubRelationshipKind,\n} from '../../types';\n\nconst KINDS: SubRelationshipKind[] = [\n  'SUBSCRIPTION',\n  'MEMBERSHIP',\n  'LICENSE',\n  'CONTRACT',\n  'NEWSLETTER',\n  'RECURRING_PAYMENT',\n  'ENROLLMENT',\n  'TRIAL',\n];\n\nconst INTERVALS: SubBillingInterval[] = [\n  'MONTHLY',\n  'YEARLY',\n  'QUARTERLY',\n  'WEEKLY',\n  'DAILY',\n  'USAGE_BASED',\n  'LIFETIME',\n  'FREE',\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\nconst inputCls =\n  'w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 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.5 block text-xs font-medium text-text-secondary';\n\n/** Grouped form section on a glass surface. */\nfunction FormSection({\n  icon,\n  title,\n  description,\n  children,\n}: {\n  icon: ReactNode;\n  title: string;\n  description: string;\n  children: ReactNode;\n}) {\n  return (\n    <GlassCard treatment=\"metric\" className=\"p-5 sm:p-6\">\n      <div className=\"flex items-start gap-3\">\n        <span className=\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n          {icon}\n        </span>\n        <div className=\"min-w-0\">\n          <h2 className=\"text-sm font-semibold text-text-primary\">{title}</h2>\n          <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>\n        </div>\n      </div>\n      <div className=\"mt-4\">{children}</div>\n    </GlassCard>\n  );\n}\n\nexport function RelationshipNewPage() {\n  const tr = useTr();\n  const { navigateTo } = useSubscriberBot();\n  const create = useCreateRelationship();\n  const providersQ = useProviders({ pagination: { limit: 100, offset: 0 } });\n\n  const [label, setLabel] = useState('');\n  const [kind, setKind] = useState<SubRelationshipKind>('SUBSCRIPTION');\n  const [providerId, setProviderId] = useState('');\n  const [planId, setPlanId] = useState('');\n  const [amount, setAmount] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [interval, setInterval] = useState<SubBillingInterval>('MONTHLY');\n  const [renewsAt, setRenewsAt] = useState('');\n  const [autoRenew, setAutoRenew] = useState(true);\n  const [notes, setNotes] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const plansQ = usePlans(providerId || undefined);\n  const providers = providersQ.data?.items ?? [];\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.new.basics.labelRequired', 'A label is required.'));\n      return;\n    }\n    const input: SubCreateRelationshipInput = {\n      label: label.trim(),\n      kind,\n      interval,\n      autoRenew,\n      currency: currency.trim() || 'USD',\n      ...(providerId ? { providerId } : {}),\n      ...(planId ? { planId } : {}),\n      ...(amount ? { amount: Number(amount) } : {}),\n      ...(renewsAt ? { renewsAt: new Date(renewsAt).toISOString() } : {}),\n      ...(notes.trim() ? { notes: notes.trim() } : {}),\n    };\n    create.mutate(input, {\n      onSuccess: (rel) => navigateTo(`/relationships/${rel.id}`),\n      onError: (err) =>\n        setFormError(\n          err instanceof Error\n            ? err.message\n            : tr('relationships.new.error', 'Could not create relationship.')\n        ),\n    });\n  };\n\n  if (providersQ.isError) {\n    return (\n      <PageLayout title={tr('relationships.new.title', 'Add relationship')}>\n        <ErrorView\n          message={tr('relationships.new.providerError', 'Could not load the provider registry.')}\n          onRetry={() => void providersQ.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={tr('relationships.new.title', 'Add relationship')}\n      description={tr(\n        'relationships.new.description',\n        'Track a new recurring digital relationship'\n      )}\n      actions={\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.new.back', 'Back')}\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        {tr(\n          'relationships.new.purpose',\n          'Manually add a subscription, membership, license or contract. Link it to a provider and plan from the registry, set the price and renewal date, and Subscriber Bot will track its lifecycle from here.'\n        )}\n      </PagePurpose>\n\n      <form onSubmit={handleSubmit} className=\"max-w-3xl space-y-5\">\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        {/* Basics */}\n        <FormSection\n          icon={<Tag className=\"h-4 w-4\" />}\n          title={tr('relationships.new.basics.title', 'Basics')}\n          description={tr(\n            'relationships.new.basics.description',\n            'Name this relationship and choose what kind it is.'\n          )}\n        >\n          <div className=\"space-y-4\">\n            <div>\n              <label htmlFor=\"rel-label\" className={labelCls}>\n                {tr('relationships.new.basics.labelLabel', 'Label')}{' '}\n                <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                id=\"rel-label\"\n                type=\"text\"\n                value={label}\n                onChange={(e) => setLabel(e.target.value)}\n                placeholder={tr(\n                  'relationships.new.basics.labelPlaceholder',\n                  'e.g. Netflix Premium, AWS Production'\n                )}\n                className={inputCls}\n                required\n              />\n            </div>\n            <div className=\"max-w-xs\">\n              <label htmlFor=\"rel-kind\" className={labelCls}>\n                {tr('relationships.new.basics.kindLabel', 'Kind')}\n              </label>\n              <select\n                id=\"rel-kind\"\n                value={kind}\n                onChange={(e) => setKind(e.target.value as SubRelationshipKind)}\n                className={inputCls}\n              >\n                {KINDS.map((k) => (\n                  <option key={k} value={k}>\n                    {tr(KIND_KEY[k], formatEnumLabel(k))}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n        </FormSection>\n\n        {/* Provider & plan */}\n        <FormSection\n          icon={<Building2 className=\"h-4 w-4\" />}\n          title={tr('relationships.new.providerPlan.title', 'Provider & plan')}\n          description={tr(\n            'relationships.new.providerPlan.description',\n            'Link this relationship to a provider and plan from the registry (optional).'\n          )}\n        >\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label htmlFor=\"rel-provider\" className={labelCls}>\n                {tr('relationships.new.providerPlan.providerLabel', 'Provider')}\n              </label>\n              <select\n                id=\"rel-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.new.providerPlan.providerNone', '— None —')}\n                </option>\n                {providers.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=\"rel-plan\" className={labelCls}>\n                {tr('relationships.new.providerPlan.planLabel', 'Plan')}\n              </label>\n              <select\n                id=\"rel-plan\"\n                value={planId}\n                onChange={(e) => setPlanId(e.target.value)}\n                className={inputCls}\n                disabled={!providerId || plans.length === 0}\n              >\n                <option value=\"\">\n                  {providerId\n                    ? plans.length === 0\n                      ? tr('relationships.new.providerPlan.noPlans', 'No plans available')\n                      : tr('relationships.new.providerPlan.planNone', '— None —')\n                    : tr(\n                        'relationships.new.providerPlan.selectProviderFirst',\n                        'Select a provider first'\n                      )}\n                </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        </FormSection>\n\n        {/* Pricing & billing */}\n        <FormSection\n          icon={<Wallet className=\"h-4 w-4\" />}\n          title={tr('relationships.new.pricing.title', 'Pricing & billing')}\n          description={tr(\n            'relationships.new.pricing.description',\n            'Set the price, cadence and next renewal so Subscriber Bot can track it.'\n          )}\n        >\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n              <div>\n                <label htmlFor=\"rel-amount\" className={labelCls}>\n                  {tr('relationships.new.pricing.amountLabel', 'Amount')}\n                </label>\n                <input\n                  id=\"rel-amount\"\n                  type=\"number\"\n                  min=\"0\"\n                  step=\"0.01\"\n                  value={amount}\n                  onChange={(e) => setAmount(e.target.value)}\n                  placeholder={tr('relationships.new.pricing.amountPlaceholder', '0.00')}\n                  className={inputCls}\n                />\n              </div>\n              <div>\n                <label htmlFor=\"rel-currency\" className={labelCls}>\n                  {tr('relationships.new.pricing.currencyLabel', 'Currency')}\n                </label>\n                <input\n                  id=\"rel-currency\"\n                  type=\"text\"\n                  value={currency}\n                  onChange={(e) => setCurrency(e.target.value.toUpperCase())}\n                  placeholder={tr('relationships.new.pricing.currencyPlaceholder', 'USD')}\n                  maxLength={3}\n                  className={inputCls}\n                />\n              </div>\n              <div>\n                <label htmlFor=\"rel-interval\" className={labelCls}>\n                  {tr('relationships.new.pricing.intervalLabel', 'Billing interval')}\n                </label>\n                <select\n                  id=\"rel-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                      {formatEnumLabel(i)}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            </div>\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              <div>\n                <label htmlFor=\"rel-renews\" className={labelCls}>\n                  {tr('relationships.new.pricing.renewsOnLabel', 'Renews on')}\n                </label>\n                <input\n                  id=\"rel-renews\"\n                  type=\"date\"\n                  value={renewsAt}\n                  onChange={(e) => setRenewsAt(e.target.value)}\n                  className={inputCls}\n                />\n              </div>\n              <label className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 sm:mt-6\">\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                <span className=\"text-sm text-text-primary\">\n                  {tr('relationships.new.pricing.autoRenews', 'Auto-renews')}\n                </span>\n              </label>\n            </div>\n          </div>\n        </FormSection>\n\n        {/* Notes */}\n        <FormSection\n          icon={<StickyNote className=\"h-4 w-4\" />}\n          title={tr('relationships.new.notes.title', 'Notes')}\n          description={tr(\n            'relationships.new.notes.description',\n            'Anything worth remembering about this relationship.'\n          )}\n        >\n          <textarea\n            id=\"rel-notes\"\n            aria-label={tr('relationships.new.notes.title', 'Notes')}\n            value={notes}\n            onChange={(e) => setNotes(e.target.value)}\n            rows={3}\n            placeholder={tr(\n              'relationships.new.notes.placeholder',\n              'Anything worth remembering about this relationship…'\n            )}\n            className={inputCls}\n          />\n        </FormSection>\n\n        <div className=\"flex flex-col gap-3 sm:flex-row\">\n          <button\n            type=\"submit\"\n            disabled={create.isPending}\n            className=\"rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n          >\n            {create.isPending\n              ? tr('relationships.new.creating', 'Creating…')\n              : tr('relationships.new.submit', 'Create relationship')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/relationships')}\n            className=\"rounded-lg border border-border-subtle px-5 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n          >\n            {tr('relationships.new.cancel', 'Cancel')}\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"RelationshipsListPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipsListPage.tsx"],"sourcesContent":["/**\n * Relationships list\n * @module subscriberbot/pages/relationships\n *\n * The core CRUDL list — every recurring relationship (subscription /\n * membership / license / contract) in one paginated, filterable view.\n * Data comes from `subListRelationships` (a SubRelationshipConnection).\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, Search, Repeat2, ChevronRight } from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { MiniProgress } from '../../components';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useRelationships } from '../../hooks/useSubscriberBotApi';\nimport { cn } from '../../utils/cn';\nimport {\n  formatCurrency,\n  formatDate,\n  formatEnumLabel,\n  formatIntervalSuffix,\n} from '../../utils/formatters';\nimport { useTr } from '../../hooks/useTr';\nimport type { SubRelationshipKind, SubRelationshipStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nconst STATUSES: SubRelationshipStatus[] = [\n  'ACTIVE',\n  'TRIAL',\n  'PAUSED',\n  'PAST_DUE',\n  'LAPSED',\n  'EXPIRED',\n  'CANCELLED',\n];\n\nconst KINDS: SubRelationshipKind[] = [\n  'SUBSCRIPTION',\n  'MEMBERSHIP',\n  'LICENSE',\n  'CONTRACT',\n  'NEWSLETTER',\n  'RECURRING_PAYMENT',\n  'ENROLLMENT',\n  'TRIAL',\n];\n\nconst STATUS_KEY: Record<SubRelationshipStatus, string> = {\n  ACTIVE: 'relationships.statuses.active',\n  TRIAL: 'relationships.statuses.trial',\n  PAUSED: 'relationships.statuses.paused',\n  PAST_DUE: 'relationships.statuses.pastDue',\n  LAPSED: 'relationships.statuses.lapsed',\n  EXPIRED: 'relationships.statuses.expired',\n  CANCELLED: 'relationships.statuses.cancelled',\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\nconst selectCls =\n  'rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\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\nexport function RelationshipsListPage() {\n  const tr = useTr();\n  const { navigateTo } = useSubscriberBot();\n  const [page, setPage] = useState(0);\n  const [statusFilter, setStatusFilter] = useState<'' | SubRelationshipStatus>('');\n  const [kindFilter, setKindFilter] = useState<'' | SubRelationshipKind>('');\n  const [search, setSearch] = useState('');\n  const [searchInput, setSearchInput] = useState('');\n\n  const { data, isLoading, isError, refetch, isFetching } = useRelationships({\n    status: statusFilter || undefined,\n    kind: kindFilter || undefined,\n    search: search || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n\n  const items = useMemo(() => data?.items ?? [], [data]);\n  const hasMore = data?.pageInfo.hasMore ?? false;\n\n  const submitSearch = (e: React.FormEvent) => {\n    e.preventDefault();\n    setSearch(searchInput.trim());\n    setPage(0);\n  };\n\n  return (\n    <PageLayout\n      title={tr('relationships.title', 'Relationships')}\n      description={tr(\n        'relationships.description',\n        'Every subscription, membership, license and contract you track'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/relationships/new')}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" /> {tr('relationships.addRelationship', 'Add relationship')}\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-4\">\n        {tr(\n          'relationships.purpose',\n          'This is the fundamental object of Subscriber Bot. Filter by lifecycle and kind, open any row to manage its plan, payment, entitlements, assets and renewals, or advance its lifecycle.'\n        )}\n      </PagePurpose>\n\n      {/* Toolbar — search + filters, responsive */}\n      <GlassCard treatment=\"plain\" className=\"p-3 sm:p-4\">\n        <div className=\"flex flex-col gap-3 md:flex-row md:items-center\">\n          <form onSubmit={submitSearch} className=\"relative flex-1 min-w-0\">\n            <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <input\n              type=\"text\"\n              aria-label={tr('relationships.searchPlaceholder', 'Search relationships by label…')}\n              placeholder={tr('relationships.searchPlaceholder', 'Search relationships by label…')}\n              value={searchInput}\n              onChange={(e) => setSearchInput(e.target.value)}\n              className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            />\n          </form>\n          <div className=\"flex flex-wrap gap-2 sm:flex-nowrap\">\n            <select\n              aria-label={tr('relationships.filters.kindLabel', 'Filter by kind')}\n              value={kindFilter}\n              onChange={(e) => {\n                setKindFilter(e.target.value as '' | SubRelationshipKind);\n                setPage(0);\n              }}\n              className={cn(selectCls, 'flex-1 sm:flex-none')}\n            >\n              <option value=\"\">{tr('relationships.filters.allKinds', 'All kinds')}</option>\n              {KINDS.map((k) => (\n                <option key={k} value={k}>\n                  {tr(KIND_KEY[k], formatEnumLabel(k))}\n                </option>\n              ))}\n            </select>\n            <select\n              aria-label={tr('relationships.filters.statusLabel', 'Filter by status')}\n              value={statusFilter}\n              onChange={(e) => {\n                setStatusFilter(e.target.value as '' | SubRelationshipStatus);\n                setPage(0);\n              }}\n              className={cn(selectCls, 'flex-1 sm:flex-none')}\n            >\n              <option value=\"\">{tr('relationships.filters.allStatuses', 'All statuses')}</option>\n              {STATUSES.map((s) => (\n                <option key={s} value={s}>\n                  {tr(STATUS_KEY[s], formatEnumLabel(s))}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n      </GlassCard>\n\n      {isLoading ? (\n        <LoadingView label={tr('relationships.loading', 'Loading relationships…')} />\n      ) : isError ? (\n        <ErrorView\n          message={tr('relationships.error', 'Could not load relationships.')}\n          onRetry={() => void refetch()}\n        />\n      ) : items.length === 0 ? (\n        <div className=\"mt-6\">\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Repeat2 className=\"h-12 w-12\" />}\n            title={tr('relationships.emptyTitle', 'No relationships found')}\n            description={\n              search\n                ? tr(\n                    'relationships.emptyDescriptionSearch',\n                    'No relationships match \"{{search}}\".',\n                    { search }\n                  )\n                : tr(\n                    'relationships.emptyDescription',\n                    'Add your first recurring relationship to start tracking it.'\n                  )\n            }\n            action={\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/relationships/new')}\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.addRelationship', 'Add relationship')}\n              </button>\n            }\n          />\n        </div>\n      ) : (\n        <>\n          {/* Portfolio table — scrolls horizontally on small screens, never the page */}\n          <GlassCard treatment=\"plain\" className=\"mt-4 overflow-hidden p-0\">\n            <div className=\"overflow-x-auto\">\n              <div className=\"min-w-[720px]\">\n                <div className=\"grid grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] gap-4 border-b border-border-seam bg-bg-sunken/60 px-4 py-2.5 text-xs font-medium uppercase tracking-wide text-text-secondary\">\n                  <span>{tr('relationships.table.subscription', 'Subscription')}</span>\n                  <span>{tr('relationships.table.kind', 'Kind')}</span>\n                  <span>{tr('relationships.table.status', 'Status')}</span>\n                  <span className=\"text-right\">{tr('relationships.table.amount', 'Amount')}</span>\n                  <span className=\"text-right\">\n                    {tr('relationships.table.renewsOn', 'Renews on')}\n                  </span>\n                  <span>{tr('relationships.table.health', 'Health')}</span>\n                </div>\n                <div className=\"divide-y divide-border-subtle\">\n                  {items.map((r) => {\n                    const score = r.healthScore;\n                    return (\n                      <button\n                        key={r.id}\n                        type=\"button\"\n                        onClick={() => navigateTo(`/relationships/${r.id}`)}\n                        className=\"group grid w-full grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] items-center gap-4 px-4 py-3.5 text-left transition-colors hover:bg-bg-sunken\"\n                      >\n                        <div className=\"flex min-w-0 items-center gap-2\">\n                          <div className=\"min-w-0\">\n                            <p className=\"truncate text-sm font-semibold text-text-primary\">\n                              {r.label}\n                            </p>\n                            {r.provider?.name && (\n                              <p className=\"truncate text-xs text-text-secondary\">\n                                {r.provider.name}\n                              </p>\n                            )}\n                          </div>\n                        </div>\n                        <span>\n                          <span className=\"inline-flex items-center rounded-md bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n                            {tr(KIND_KEY[r.kind], formatEnumLabel(r.kind))}\n                          </span>\n                        </span>\n                        <span>\n                          <StatusBadge status={r.status} />\n                        </span>\n                        <span className=\"text-right text-sm font-semibold tabular-nums text-text-primary\">\n                          {formatCurrency(r.amount, r.currency)}\n                          <span className=\"text-xs font-normal text-text-secondary\">\n                            {formatIntervalSuffix(r.interval)}\n                          </span>\n                        </span>\n                        <span className=\"text-right text-xs text-text-secondary\">\n                          {r.renewsAt ? formatDate(r.renewsAt) : '—'}\n                        </span>\n                        <span className=\"flex items-center gap-2\">\n                          {score != null ? (\n                            <>\n                              <MiniProgress\n                                value={score}\n                                max={100}\n                                tone={healthTone(score)}\n                                className=\"w-16 shrink-0 sm:w-20\"\n                              />\n                              <span className=\"text-xs tabular-nums text-text-secondary\">\n                                {score}\n                              </span>\n                            </>\n                          ) : (\n                            <span className=\"text-xs text-text-secondary\">—</span>\n                          )}\n                          <ChevronRight className=\"ml-auto h-4 w-4 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100\" />\n                        </span>\n                      </button>\n                    );\n                  })}\n                </div>\n              </div>\n            </div>\n          </GlassCard>\n\n          <div className=\"mt-4 flex items-center justify-between\">\n            <p className=\"text-xs text-text-secondary\">\n              {tr('relationships.pagination.page', 'Page {{page}}', { page: page + 1 })}\n              {isFetching ? ` · ${tr('relationships.pagination.refreshing', 'refreshing…')}` : ''}\n            </p>\n            <div className=\"flex gap-2\">\n              <button\n                type=\"button\"\n                disabled={page === 0}\n                onClick={() => setPage((p) => Math.max(0, p - 1))}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  page === 0\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                {tr('relationships.pagination.previous', 'Previous')}\n              </button>\n              <button\n                type=\"button\"\n                disabled={!hasMore}\n                onClick={() => setPage((p) => p + 1)}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  !hasMore\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                {tr('relationships.pagination.next', 'Next')}\n              </button>\n            </div>\n          </div>\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"RelationshipsListPage.js","names":[],"sources":["../../../../src/subscriberbot/pages/relationships/RelationshipsListPage.tsx"],"sourcesContent":["/**\n * Relationships list\n * @module subscriberbot/pages/relationships\n *\n * The core CRUDL list — every recurring relationship (subscription /\n * membership / license / contract) in one paginated, filterable view.\n * Data comes from `subListRelationships` (a SubRelationshipConnection).\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, Search, Repeat2, ChevronRight } from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { MiniProgress } from '../../components';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useRelationships } from '../../hooks/useSubscriberBotApi';\nimport { cn } from '../../utils/cn';\nimport {\n  formatCurrency,\n  formatDate,\n  formatEnumLabel,\n  formatIntervalSuffix,\n} from '../../utils/formatters';\nimport { useTr } from '../../hooks/useTr';\nimport type { SubRelationshipKind, SubRelationshipStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nconst STATUSES: SubRelationshipStatus[] = [\n  'ACTIVE',\n  'TRIAL',\n  'PAUSED',\n  'PAST_DUE',\n  'LAPSED',\n  'EXPIRED',\n  'CANCELLED',\n];\n\nconst KINDS: SubRelationshipKind[] = [\n  'SUBSCRIPTION',\n  'MEMBERSHIP',\n  'LICENSE',\n  'CONTRACT',\n  'NEWSLETTER',\n  'RECURRING_PAYMENT',\n  'ENROLLMENT',\n  'TRIAL',\n];\n\nconst STATUS_KEY: Record<SubRelationshipStatus, string> = {\n  ACTIVE: 'relationships.statuses.active',\n  TRIAL: 'relationships.statuses.trial',\n  PAUSED: 'relationships.statuses.paused',\n  PAST_DUE: 'relationships.statuses.pastDue',\n  LAPSED: 'relationships.statuses.lapsed',\n  EXPIRED: 'relationships.statuses.expired',\n  CANCELLED: 'relationships.statuses.cancelled',\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\nconst selectCls =\n  'rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\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\nexport function RelationshipsListPage() {\n  const tr = useTr();\n  const { navigateTo } = useSubscriberBot();\n  const [page, setPage] = useState(0);\n  const [statusFilter, setStatusFilter] = useState<'' | SubRelationshipStatus>('');\n  const [kindFilter, setKindFilter] = useState<'' | SubRelationshipKind>('');\n  const [search, setSearch] = useState('');\n  const [searchInput, setSearchInput] = useState('');\n\n  const { data, isLoading, isError, refetch, isFetching } = useRelationships({\n    status: statusFilter || undefined,\n    kind: kindFilter || undefined,\n    search: search || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n\n  const items = useMemo(() => data?.items ?? [], [data]);\n  const hasMore = data?.pageInfo.hasMore ?? false;\n\n  const submitSearch = (e: React.FormEvent) => {\n    e.preventDefault();\n    setSearch(searchInput.trim());\n    setPage(0);\n  };\n\n  return (\n    <PageLayout\n      title={tr('relationships.title', 'Relationships')}\n      description={tr(\n        'relationships.description',\n        'Every subscription, membership, license and contract you track'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/relationships/new')}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" /> {tr('relationships.addRelationship', 'Add relationship')}\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-4\">\n        {tr(\n          'relationships.purpose',\n          'This is the fundamental object of Subscriber Bot. Filter by lifecycle and kind, open any row to manage its plan, payment, entitlements, assets and renewals, or advance its lifecycle.'\n        )}\n      </PagePurpose>\n\n      {/* Toolbar — search + filters, responsive */}\n      <GlassCard treatment=\"plain\" className=\"p-3 sm:p-4\">\n        <div className=\"flex flex-col gap-3 md:flex-row md:items-center\">\n          <form onSubmit={submitSearch} className=\"relative flex-1 min-w-0\">\n            <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <input\n              type=\"text\"\n              aria-label={tr('relationships.searchPlaceholder', 'Search relationships by label…')}\n              placeholder={tr('relationships.searchPlaceholder', 'Search relationships by label…')}\n              value={searchInput}\n              onChange={(e) => setSearchInput(e.target.value)}\n              className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            />\n          </form>\n          <div className=\"flex flex-wrap gap-2 sm:flex-nowrap\">\n            <select\n              aria-label={tr('relationships.filters.kindLabel', 'Filter by kind')}\n              value={kindFilter}\n              onChange={(e) => {\n                setKindFilter(e.target.value as '' | SubRelationshipKind);\n                setPage(0);\n              }}\n              className={cn(selectCls, 'flex-1 sm:flex-none')}\n            >\n              <option value=\"\">{tr('relationships.filters.allKinds', 'All kinds')}</option>\n              {KINDS.map((k) => (\n                <option key={k} value={k}>\n                  {tr(KIND_KEY[k], formatEnumLabel(k))}\n                </option>\n              ))}\n            </select>\n            <select\n              aria-label={tr('relationships.filters.statusLabel', 'Filter by status')}\n              value={statusFilter}\n              onChange={(e) => {\n                setStatusFilter(e.target.value as '' | SubRelationshipStatus);\n                setPage(0);\n              }}\n              className={cn(selectCls, 'flex-1 sm:flex-none')}\n            >\n              <option value=\"\">{tr('relationships.filters.allStatuses', 'All statuses')}</option>\n              {STATUSES.map((s) => (\n                <option key={s} value={s}>\n                  {tr(STATUS_KEY[s], formatEnumLabel(s))}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n      </GlassCard>\n\n      {isLoading ? (\n        <LoadingView label={tr('relationships.loading', 'Loading relationships…')} />\n      ) : isError ? (\n        <ErrorView\n          message={tr('relationships.error', 'Could not load relationships.')}\n          onRetry={() => void refetch()}\n        />\n      ) : items.length === 0 ? (\n        <div className=\"mt-6\">\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Repeat2 className=\"h-12 w-12\" />}\n            title={tr('relationships.emptyTitle', 'No relationships found')}\n            description={\n              search\n                ? tr(\n                    'relationships.emptyDescriptionSearch',\n                    'No relationships match \"{{search}}\".',\n                    { search }\n                  )\n                : tr(\n                    'relationships.emptyDescription',\n                    'Add your first recurring relationship to start tracking it.'\n                  )\n            }\n            action={\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/relationships/new')}\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.addRelationship', 'Add relationship')}\n              </button>\n            }\n          />\n        </div>\n      ) : (\n        <>\n          {/* Portfolio table — scrolls horizontally on small screens, never the page */}\n          <GlassCard treatment=\"plain\" className=\"mt-4 overflow-hidden p-0\">\n            <div className=\"overflow-x-auto\">\n              <div className=\"min-w-[720px]\">\n                <div className=\"grid grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] gap-4 border-b border-border-seam bg-bg-sunken/60 px-4 py-2.5 text-xs font-medium uppercase tracking-wide text-text-secondary\">\n                  <span>{tr('relationships.table.subscription', 'Subscription')}</span>\n                  <span>{tr('relationships.table.kind', 'Kind')}</span>\n                  <span>{tr('relationships.table.status', 'Status')}</span>\n                  <span className=\"text-right\">{tr('relationships.table.amount', 'Amount')}</span>\n                  <span className=\"text-right\">\n                    {tr('relationships.table.renewsOn', 'Renews on')}\n                  </span>\n                  <span>{tr('relationships.table.health', 'Health')}</span>\n                </div>\n                <div className=\"divide-y divide-border-subtle\">\n                  {items.map((r) => {\n                    const score = r.healthScore;\n                    return (\n                      <button\n                        key={r.id}\n                        type=\"button\"\n                        onClick={() => navigateTo(`/relationships/${r.id}`)}\n                        className=\"group grid w-full grid-cols-[minmax(0,2.4fr)_1fr_1fr_1fr_1fr_1.3fr] items-center gap-4 px-4 py-3.5 text-left transition-colors hover:bg-bg-sunken\"\n                      >\n                        <div className=\"flex min-w-0 items-center gap-2\">\n                          <div className=\"min-w-0\">\n                            <p className=\"truncate text-sm font-semibold text-text-primary\">\n                              {r.label}\n                            </p>\n                            {r.provider?.name && (\n                              <p className=\"truncate text-xs text-text-secondary\">\n                                {r.provider.name}\n                              </p>\n                            )}\n                          </div>\n                        </div>\n                        <span>\n                          <span className=\"inline-flex items-center rounded-md bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n                            {tr(KIND_KEY[r.kind], formatEnumLabel(r.kind))}\n                          </span>\n                        </span>\n                        <span>\n                          <StatusBadge status={r.status} />\n                        </span>\n                        <span className=\"text-right text-sm font-semibold tabular-nums text-text-primary\">\n                          {formatCurrency(r.amount, r.currency)}\n                          <span className=\"text-xs font-normal text-text-secondary\">\n                            {formatIntervalSuffix(r.interval)}\n                          </span>\n                        </span>\n                        <span className=\"text-right text-xs text-text-secondary\">\n                          {r.renewsAt ? formatDate(r.renewsAt) : '—'}\n                        </span>\n                        <span className=\"flex items-center gap-2\">\n                          {score != null ? (\n                            <>\n                              <MiniProgress\n                                value={score}\n                                max={100}\n                                tone={healthTone(score)}\n                                className=\"w-16 shrink-0 sm:w-20\"\n                              />\n                              <span className=\"text-xs tabular-nums text-text-secondary\">\n                                {score}\n                              </span>\n                            </>\n                          ) : (\n                            <span className=\"text-xs text-text-secondary\">—</span>\n                          )}\n                          <ChevronRight className=\"ml-auto h-4 w-4 shrink-0 text-text-secondary opacity-0 transition-opacity group-hover:opacity-100\" />\n                        </span>\n                      </button>\n                    );\n                  })}\n                </div>\n              </div>\n            </div>\n          </GlassCard>\n\n          <div className=\"mt-4 flex items-center justify-between\">\n            <p className=\"text-xs text-text-secondary\">\n              {tr('relationships.pagination.page', 'Page {{page}}', { page: page + 1 })}\n              {isFetching ? ` · ${tr('relationships.pagination.refreshing', 'refreshing…')}` : ''}\n            </p>\n            <div className=\"flex gap-2\">\n              <button\n                type=\"button\"\n                disabled={page === 0}\n                onClick={() => setPage((p) => Math.max(0, p - 1))}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  page === 0\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                {tr('relationships.pagination.previous', 'Previous')}\n              </button>\n              <button\n                type=\"button\"\n                disabled={!hasMore}\n                onClick={() => setPage((p) => p + 1)}\n                className={cn(\n                  'rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium',\n                  !hasMore\n                    ? 'cursor-not-allowed text-text-secondary opacity-50'\n                    : 'text-text-primary hover:bg-bg-sunken'\n                )}\n              >\n                {tr('relationships.pagination.next', 'Next')}\n              </button>\n            </div>\n          </div>\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA6BA,IAAM,IAAY,IAEZ,IAAoC;CACxC;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAEM,IAA+B;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAEM,IAAoD;CACxD,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,UAAU;CACV,QAAQ;CACR,SAAS;CACT,WAAW;AACb,GAEM,IAAgD;CACpD,cAAc;CACd,YAAY;CACZ,SAAS;CACT,UAAU;CACV,YAAY;CACZ,mBAAmB;CACnB,YAAY;CACZ,OAAO;AACT,GAEM,IACJ;AAGF,SAAS,EACP,GACgD;CAIhD,OAHI,KAAS,OAAa,WACtB,KAAS,KAAW,aACpB,KAAS,KAAW,YACjB;AACT;AAEA,SAAgB,IAAwB;CACtC,IAAM,IAAK,EAAM,GACX,EAAE,kBAAe,EAAiB,GAClC,CAAC,GAAM,KAAW,EAAS,CAAC,GAC5B,CAAC,GAAc,KAAmB,EAAqC,EAAE,GACzE,CAAC,GAAY,KAAiB,EAAmC,EAAE,GACnE,CAAC,GAAQ,KAAa,EAAS,EAAE,GACjC,CAAC,GAAa,KAAkB,EAAS,EAAE,GAE3C,EAAE,SAAM,cAAW,YAAS,YAAS,kBAAe,EAAiB;EACzE,QAAQ,KAAgB,KAAA;EACxB,MAAM,KAAc,KAAA;EACpB,QAAQ,KAAU,KAAA;EAClB,YAAY;GAAE,OAAO;GAAW,QAAQ,IAAO;EAAU;CAC3D,CAAC,GAEK,IAAQ,QAAc,GAAM,SAAS,CAAC,GAAG,CAAC,CAAI,CAAC,GAC/C,IAAU,GAAM,SAAS,WAAW;CAQ1C,OACE,kBAAC,GAAD;EACE,OAAO,EAAG,uBAAuB,eAAe;EAChD,aAAa,EACX,6BACA,gEACF;EACA,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,oBAAoB;GAC9C,WAAU;aAHZ;IAKE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;IAAC;IAAE,EAAG,iCAAiC,kBAAkB;GAC9E;;YAbZ;GAgBE,kBAAC,GAAD;IAAa,WAAU;cACpB,EACC,yBACA,wLACF;GACW,CAAA;GAGb,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAjCQ,MAAuB;OAG3C,AAFA,EAAE,eAAe,GACjB,EAAU,EAAY,KAAK,CAAC,GAC5B,EAAQ,CAAC;MACX;MA6BsC,WAAU;gBAAxC,CACE,kBAAC,GAAD,EAAQ,WAAU,2FAA4F,CAAA,GAC9G,kBAAC,SAAD;OACE,MAAK;OACL,cAAY,EAAG,mCAAmC,gCAAgC;OAClF,aAAa,EAAG,mCAAmC,gCAAgC;OACnF,OAAO;OACP,WAAW,MAAM,EAAe,EAAE,OAAO,KAAK;OAC9C,WAAU;MACX,CAAA,CACG;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,cAAY,EAAG,mCAAmC,gBAAgB;OAClE,OAAO;OACP,WAAW,MAAM;QAEf,AADA,EAAc,EAAE,OAAO,KAAiC,GACxD,EAAQ,CAAC;OACX;OACA,WAAW,EAAG,GAAW,qBAAqB;iBAPhD,CASE,kBAAC,UAAD;QAAQ,OAAM;kBAAI,EAAG,kCAAkC,WAAW;OAAU,CAAA,GAC3E,EAAM,KAAK,MACV,kBAAC,UAAD;QAAgB,OAAO;kBACpB,EAAG,EAAS,IAAI,EAAgB,CAAC,CAAC;OAC7B,GAFK,CAEL,CACT,CACK;UACR,kBAAC,UAAD;OACE,cAAY,EAAG,qCAAqC,kBAAkB;OACtE,OAAO;OACP,WAAW,MAAM;QAEf,AADA,EAAgB,EAAE,OAAO,KAAmC,GAC5D,EAAQ,CAAC;OACX;OACA,WAAW,EAAG,GAAW,qBAAqB;iBAPhD,CASE,kBAAC,UAAD;QAAQ,OAAM;kBAAI,EAAG,qCAAqC,cAAc;OAAU,CAAA,GACjF,EAAS,KAAK,MACb,kBAAC,UAAD;QAAgB,OAAO;kBACpB,EAAG,EAAW,IAAI,EAAgB,CAAC,CAAC;OAC/B,GAFK,CAEL,CACT,CACK;QACL;OACF;;GACI,CAAA;GAEV,IACC,kBAAC,GAAD,EAAa,OAAO,EAAG,yBAAyB,wBAAwB,EAAI,CAAA,IAC1E,IACF,kBAAC,GAAD;IACE,SAAS,EAAG,uBAAuB,+BAA+B;IAClE,eAAe,KAAK,EAAQ;GAC7B,CAAA,IACC,EAAM,WAAW,IACnB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,cAAa;KACb,MAAM,kBAAC,GAAD,EAAS,WAAU,YAAa,CAAA;KACtC,OAAO,EAAG,4BAA4B,wBAAwB;KAC9D,aACE,IACI,EACE,wCACA,0CACA,EAAE,UAAO,CACX,IACA,EACE,kCACA,6DACF;KAEN,QACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAW,oBAAoB;MAC9C,WAAU;gBAET,EAAG,iCAAiC,kBAAkB;KACjD,CAAA;IAEX,CAAA;GACE,CAAA,IAEL,kBAAA,GAAA,EAAA,UAAA,CAEE,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,QAAD,EAAA,UAAO,EAAG,oCAAoC,cAAc,EAAQ,CAAA;QACpE,kBAAC,QAAD,EAAA,UAAO,EAAG,4BAA4B,MAAM,EAAQ,CAAA;QACpD,kBAAC,QAAD,EAAA,UAAO,EAAG,8BAA8B,QAAQ,EAAQ,CAAA;QACxD,kBAAC,QAAD;SAAM,WAAU;mBAAc,EAAG,8BAA8B,QAAQ;QAAQ,CAAA;QAC/E,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAG,gCAAgC,WAAW;QAC3C,CAAA;QACN,kBAAC,QAAD,EAAA,UAAO,EAAG,8BAA8B,QAAQ,EAAQ,CAAA;OACrD;UACL,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAM,KAAK,MAAM;QAChB,IAAM,IAAQ,EAAE;QAChB,OACE,kBAAC,UAAD;SAEE,MAAK;SACL,eAAe,EAAW,kBAAkB,EAAE,IAAI;SAClD,WAAU;mBAJZ;UAME,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,KAAD;aAAG,WAAU;uBACV,EAAE;YACF,CAAA,GACF,EAAE,UAAU,QACX,kBAAC,KAAD;aAAG,WAAU;uBACV,EAAE,SAAS;YACX,CAAA,CAEF;;UACF,CAAA;UACL,kBAAC,QAAD,EAAA,UACE,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAG,EAAS,EAAE,OAAO,EAAgB,EAAE,IAAI,CAAC;UACzC,CAAA,EACF,CAAA;UACN,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD,EAAa,QAAQ,EAAE,OAAS,CAAA,EAC5B,CAAA;UACN,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACG,EAAe,EAAE,QAAQ,EAAE,QAAQ,GACpC,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAqB,EAAE,QAAQ;WAC5B,CAAA,CACF;;UACN,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAE,WAAW,EAAW,EAAE,QAAQ,IAAI;UACnC,CAAA;UACN,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACG,KAAS,OAaR,kBAAC,QAAD;YAAM,WAAU;sBAA8B;WAAO,CAAA,IAZrD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;YACE,OAAO;YACP,KAAK;YACL,MAAM,EAAW,CAAK;YACtB,WAAU;WACX,CAAA,GACD,kBAAC,QAAD;YAAM,WAAU;sBACb;WACG,CAAA,CACN,EAAA,CAAA,GAIJ,kBAAC,GAAD,EAAc,WAAU,oGAAqG,CAAA,CACzH;;SACA;WApDD,EAAE,EAoDD;OAEZ,CAAC;MACE,CAAA,CACF;;IACF,CAAA;GACI,CAAA,GAEX,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAb,CACG,EAAG,iCAAiC,iBAAiB,EAAE,MAAM,IAAO,EAAE,CAAC,GACvE,IAAa,MAAM,EAAG,uCAAuC,aAAa,MAAM,EAChF;QACH,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,UAAU,MAAS;MACnB,eAAe,GAAS,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC;MAChD,WAAW,EACT,0EACA,MAAS,IACL,sDACA,sCACN;gBAEC,EAAG,qCAAqC,UAAU;KAC7C,CAAA,GACR,kBAAC,UAAD;MACE,MAAK;MACL,UAAU,CAAC;MACX,eAAe,GAAS,MAAM,IAAI,CAAC;MACnC,WAAW,EACT,0EACC,IAEG,yCADA,mDAEN;gBAEC,EAAG,iCAAiC,MAAM;KACrC,CAAA,CACL;MACF;KACL,EAAA,CAAA;EAEM;;AAEhB"}