// ============================================================================ // AGREEMENT-COUNTERPARTY — deal-history rollup per counterparty // // Click any counterparty name (party "a" or "b" on an agreement) and see: // // • All agreements with this counterparty (active + historical) // • Total advance value · advance paid vs unrecouped // • Earliest / most recent deal · gap analysis // • Aggregated works coverage (de-duplicated by work id) // • Aggregated territory coverage // • Average term length · auto-renew rate · litigation history // • Pending signatures across all deals // • Quick links into each individual agreement // // EXPORT: window.ScreenAgreementCounterparty — main screen (open with payload {name}) // window.AgCounterpartyChip — clickable chip used inline // ============================================================================ (function () { const { useMemo, useState } = React; function findAgreementsByCounterparty(name) { const ags = window.AGREEMENTS || []; const norm = s => String(s || '').trim().toLowerCase(); const target = norm(name); return ags.filter(a => norm(a.a) === target || norm(a.b) === target); } function summarize(name, ags) { if (!ags.length) return null; const today = new Date(); const totalAdvance = ags.reduce((s, a) => s + (parseAdvance(a.value) || 0), 0); const advancePaid = ags.reduce((s, a) => s + (a.advanceSchedule || []).filter(x => x.paid).reduce((ss, x) => ss + (x.amount || 0), 0), 0); const advanceTotal = ags.reduce((s, a) => s + (a.advanceSchedule || []).reduce((ss, x) => ss + (x.amount || 0), 0), 0); const works = new Map(); ags.forEach(a => (a.works || []).forEach(w => works.set(w.id, w))); const territories = new Set(); ags.forEach(a => (a.territories || []).forEach(t => territories.add(t.label || t.code))); if (!territories.size) ags.forEach(a => a.territory && territories.add(a.territory)); const earliest = ags.map(a => a.start).filter(Boolean).sort()[0]; const latest = ags.map(a => a.start).filter(Boolean).sort().slice(-1)[0]; const active = ags.filter(a => ['active', 'live'].includes(a.status)); const expiring = ags.filter(a => a.status === 'expiring'); const ended = ags.filter(a => a.status === 'ended' || a.status === 'expired' || a.status === 'terminated'); const pendingSig = ags.filter(a => (a.signatures || []).some(s => !s.verified) || a.status === 'pending'); const autoRenewCount = ags.filter(a => a.autoRenew).length; const avgTermYears = (() => { const yrs = ags.map(a => { const m = String(a.term || '').match(/(\d+)y/); return m ? parseInt(m[1], 10) : null; }).filter(Boolean); return yrs.length ? (yrs.reduce((s, y) => s + y, 0) / yrs.length).toFixed(1) : '—'; })(); return { name, count: ags.length, totalAdvance, advancePaid, advanceTotal, worksCount: works.size, territoriesCount: territories.size, territoriesList: Array.from(territories).slice(0, 8), earliest, latest, active: active.length, expiring: expiring.length, ended: ended.length, pendingSig: pendingSig.length, autoRenewRate: ags.length ? Math.round(100 * autoRenewCount / ags.length) : 0, avgTermYears, }; } function parseAdvance(v) { if (!v) return 0; const m = String(v).match(/\$?([\d.]+)\s*([KMm])?/); if (!m) return 0; const num = parseFloat(m[1]); const u = (m[2] || '').toLowerCase(); return num * (u === 'm' ? 1e6 : u === 'k' ? 1e3 : 1); } function fmtUSD(n) { if (!n) return '—'; if (n >= 1e6) return '$' + (n / 1e6).toFixed(2) + 'M'; if (n >= 1e3) return '$' + (n / 1e3).toFixed(0) + 'K'; return '$' + n.toFixed(0); } function fmtDate(d) { return d || '—'; } // ── Chip component ───────────────────────────────────────────────────── function AgCounterpartyChip({ name, go, kind }) { if (!name) return null; return ( ); } // ── Main screen ──────────────────────────────────────────────────────── function ScreenAgreementCounterparty({ go, payload }) { const name = (payload && payload.name) || ''; const ags = useMemo(() => findAgreementsByCounterparty(name), [name]); const sum = useMemo(() => summarize(name, ags), [name, ags]); const [view, setView] = useState('all'); // all | active | expiring | ended | pending if (!name) { return
No counterparty specified.
; } if (!sum) { return (

{name}

No agreements found with this counterparty.
); } const filtered = ags.filter(a => { if (view === 'all') return true; if (view === 'active') return ['active', 'live'].includes(a.status); if (view === 'expiring') return a.status === 'expiring'; if (view === 'ended') return ['ended', 'expired', 'terminated'].includes(a.status); if (view === 'pending') return a.status === 'pending' || (a.signatures || []).some(s => !s.verified); return true; }); return (
{/* Hero */}
COUNTERPARTY · {sum.count} AGREEMENT{sum.count === 1 ? '' : 'S'}

{name}

Relationship since {fmtDate(sum.earliest)} · last deal signed {fmtDate(sum.latest)} · avg term {sum.avgTermYears}y · auto-renew rate {sum.autoRenewRate}%
{/* KPI strip */}
{[ ['DEALS · TOTAL', sum.count, ''], ['ACTIVE', sum.active, sum.expiring ? `${sum.expiring} expiring` : ''], ['ADVANCE · TOTAL', fmtUSD(sum.totalAdvance), sum.advancePaid ? `${fmtUSD(sum.advancePaid)} paid` : ''], ['UNRECOUPED', fmtUSD(Math.max(0, sum.advancePaid - 0)), 'see waterfall'], ['WORKS COVERED', sum.worksCount, ''], ['TERRITORIES', sum.territoriesCount, sum.territoriesList.slice(0, 2).join(' · ')], ].map(([l, v, sub]) => (
{l}
{v}
{sub &&
{sub}
}
))}
{/* Timeline */} {/* Filter chips */}
{[ ['ALL', 'all', sum.count], ['ACTIVE', 'active', sum.active], ['EXPIRING', 'expiring', sum.expiring], ['ENDED', 'ended', sum.ended], ['PENDING SIG', 'pending', sum.pendingSig], ].map(([l, k, n]) => ( ))}
{/* Agreements table */} {['ID', 'KIND', 'COUNTERPARTY ROLE', 'TERM', 'TERRITORY', 'STATUS', 'ADVANCE', 'WORKS'].map(h => ( ))} {filtered.length === 0 ? ( ) : filtered.map(a => { const role = String(a.a || '').trim().toLowerCase() === name.toLowerCase() ? 'a→b (sender)' : 'b→a (recipient)'; return ( go && go('agreement', a)} style={{ borderBottom: '1px solid var(--rule-soft)', cursor: 'pointer' }}> ); })}
{h}
No agreements in this filter.
{a.id} {a.kind} {role} {a.start} → {a.end || '—'} {a.territory || ((a.territories || [])[0] || {}).label || '—'} {a.status} {a.value || '—'} {(a.works || []).length}
{/* Aggregated works */}
); } function statusBg(s) { return s === 'active' || s === 'live' ? '#0a8a3a' : s === 'expiring' ? 'var(--accent)' : s === 'pending' ? 'var(--ink-3)' : s === 'expired' || s === 'ended' || s === 'terminated' ? 'var(--danger)' : 'var(--ink-3)'; } function CounterpartyTimeline({ ags }) { const start = ags.map(a => a.start).filter(Boolean).sort()[0]; const end = ags.map(a => a.end).filter(Boolean).sort().slice(-1)[0]; if (!start || !end) return null; const sd = new Date(start), ed = new Date(end); const span = ed - sd; if (span <= 0) return null; const pct = d => (d - sd) / span * 100; return (
RELATIONSHIP TIMELINE
{ags.map(a => { const s = a.start ? new Date(a.start) : null; const e = a.end ? new Date(a.end) : null; if (!s) return null; const left = pct(s); const width = e ? Math.max(2, pct(e) - left) : 2; return (
); })}
{start}
{end}
); } function AggregatedWorks({ ags, go }) { const works = new Map(); ags.forEach(a => (a.works || []).forEach(w => { const cur = works.get(w.id) || { ...w, agreementIds: [] }; cur.agreementIds.push(a.id); works.set(w.id, cur); })); const arr = Array.from(works.values()).sort((a, b) => (b.agreementIds.length - a.agreementIds.length)); if (!arr.length) return null; return (
WORKS COVERED · {arr.length}
{['ID', 'TITLE', 'ISWC', 'COVERED IN', 'COLLECTION', 'STATUS'].map(h => ( ))} {arr.slice(0, 50).map(w => ( ))}
{h}
{w.id} {w.title} {w.iswc || '—'} {w.agreementIds.slice(0, 3).map((id, i) => ( {i < Math.min(2, w.agreementIds.length - 1) ? ', ' : ''} ))} {w.agreementIds.length > 3 && +{w.agreementIds.length - 3}} {w.collection != null ? w.collection + '%' : '—'} {w.status || '—'}
{arr.length > 50 &&
+ {arr.length - 50} more
}
); } function BackBar({ go }) { return (
/ AGREEMENTS / COUNTERPARTY
); } window.ScreenAgreementCounterparty = ScreenAgreementCounterparty; window.AgCounterpartyChip = AgCounterpartyChip; window.AgCounterpartySummarize = summarize; })();