// agreement-detail.jsx — Full-page agreement detail // Replaces the old AgreementDrawer. Schema-aligned with astro.agreements + // agreement_parties + agreement_territories + work_agreements + agreement_versions // + agreement_signatures + agreement_assets + advance schedule + audit log. // // Tabs: // 01 OVERVIEW — hero, terms grid, advance schedule, retention // 02 PARTIES & TERRITORIES — agreement_parties + agreement_territories // 03 WORKS COVERED — work_agreements (collection vs ownership shares) // 04 VERSIONS & SIGNATURES — agreement_versions + agreement_signatures // 05 ASSETS & AUDIT — agreement_assets + signature_audit_log const { useState: useAgS, useMemo: useAgM } = React; // ─────────── helpers function fmtMoney(n) { if (n == null) return '—'; return '$' + Number(n).toLocaleString('en-US'); } function fmtDate(d) { if (!d || d === '—') return '—'; if (d.length === 10) return d; try { return new Date(d).toISOString().slice(0, 10); } catch { return d; } } function fmtDateTime(d) { if (!d) return '—'; try { const dt = new Date(d); return dt.toISOString().slice(0, 16).replace('T', ' ') + ' UTC'; } catch { return d; } } function statusTone(s) { if (s === 'active') return 'ok'; if (s === 'expiring') return 'accent'; if (s === 'pending') return 'soft'; return 'soft'; } // ─────────── tiny shared ui function AgKpi({ l, v, sub, accent }) { return (
{l}
{v}
{sub &&
{sub}
}
); } function AgSection({ num, children, right }) { return (
{num && {num}}

{children}

{right}
); } function PartyKindIcon({ kind }) { // tiny visual disambiguator — square glyph const map = { writer: { bg:'#3056C8', ch:'W' }, publisher: { bg:'#FFE65A', ch:'P', ink:'#0e0e0c' }, label: { bg:'#D9602B', ch:'L' }, society: { bg:'#3F8F6E', ch:'S' }, producer: { bg:'#5c2a8a', ch:'•' }, company: { bg:'#6e6a60', ch:'C' }, }; const m = map[kind] || map.company; return ( {m.ch} ); } // ───────────────────────────────────────────────────────────── MAIN function ScreenAgreement({ go, payload }) { const list = (typeof window.AGREEMENTS !== 'undefined') ? window.AGREEMENTS : []; // payload may be the full row OR just an id const ag = useAgM(() => { if (!payload) return list[0]; if (typeof payload === 'string') return list.find(x => x.id === payload) || list[0]; if (payload.id) return list.find(x => x.id === payload.id) || payload; return list[0]; }, [payload, list]); const [tab, setTab] = useAgS('overview'); if (!ag) { return (
AGREEMENT NOT FOUND
); } const advanceTotal = (ag.advanceSchedule || []).reduce((s, x) => s + (x.amount || 0), 0); const advancePaid = (ag.advanceSchedule || []).filter(x => x.paid).reduce((s, x) => s + (x.amount || 0), 0); const worksCount = (ag.works || []).length; const territoryCount = (ag.territories || []).length; const partiesCount = (ag.parties || []).length; const allSigned = (ag.signatures || []).every(s => s.verified); // Tabs const TABS = [ { k:'overview', l:'Overview' }, { k:'parties', l:'Parties & Territories', n: partiesCount + territoryCount }, { k:'works', l:'Works Covered', n: worksCount }, { k:'waterfall', l:'Waterfall', badge:'NEW' }, { k:'recoupment', l:'Recoupment', badge:'NEW' }, { k:'reversion', l:'Reversion', badge:'NEW' }, { k:'renewals', l:'Renewals', badge:'NEW' }, { k:'papergen', l:'Generate Paper', badge:'NEW' }, { k:'docuseal', l:'Docuseal', badge:'NEW' }, { k:'versions', l:'Versions & Signatures', n: (ag.versions||[]).length }, { k:'diff', l:'Compare Versions', badge:'NEW', n: (ag.versions||[]).length > 1 ? (ag.versions||[]).length : undefined }, { k:'assets', l:'Assets & Audit', n: (ag.assets||[]).length }, ]; return (
{/* Breadcrumb */}
/ AGREEMENTS / {ag.id}
{/* Hero */}
{ag.id} {ag.kind} {ag.refNumber && · REF {ag.refNumber}} {ag.typeCwr && CWR · {ag.typeCwr}}

{ag.a} × {ag.b}

{window.AgCounterpartyChip && (
DEAL HISTORY
)}
{ag.status} {ag.autoRenew && AUTO-RENEW · {ag.renewNoticeMonths}M NOTICE} {allSigned ? ( FULLY EXECUTED ) : ( SIGNATURES PENDING )} · {ag.jurisdiction} {ag.subpub && ( )}
{ag.status === 'expiring' && ( )} {ag.status === 'pending' && ( )} {window.DetailDelete && ( go && go('catalog', { tab: 'agreements' })} /> )}
{/* Unified redline strip — territory conflicts + any other engine-detected issues */} {window.Redlines && } {/* KPI strip */}
{/* Tab strip */}
{TABS.map(t => ( ))}
{/* Tab pane */}
{tab === 'overview' && } {tab === 'parties' && } {tab === 'works' && } {tab === 'waterfall' && window.AgWaterfall && } {tab === 'recoupment' && window.AgRecoupment && } {tab === 'reversion' && window.AgReversion && } {tab === 'renewals' && window.AgRenewalsPanel && } {tab === 'papergen' && window.AgreementPaperPanel && } {tab === 'docuseal' && window.AgDocuseal && } {tab === 'versions' && } {tab === 'diff' && window.AgDiffPanel && } {tab === 'assets' && }
); } // ───────────────────────────────────────────────────────────── 01 OVERVIEW function AgOverview({ ag, advanceTotal, advancePaid, go }) { return (
{/* Left column */}
{/* Effective period */} Effective period
START
{fmtDate(ag.start)}
END
{fmtDate(ag.end)}
{ag.retentionEndDate && (
POST-TERM RETENTION
{ag.retentionYears} year{ag.retentionYears===1?'':'s'} after expiry
thru {fmtDate(ag.retentionEndDate)}
)}
{/* Advance schedule */} {ag.advanceSchedule && ag.advanceSchedule.length > 0 && ( <> {fmtMoney(advancePaid)} of {fmtMoney(advanceTotal)} paid }>Advance schedule
#MILESTONEAMOUNTDUESTATUS
{ag.advanceSchedule.map(p => (
{String(p.n).padStart(2,'0')}
{p.label}
{p.paid && p.paidOn &&
paid {fmtDate(p.paidOn)}
}
{fmtMoney(p.amount)} {fmtDate(p.due)} {p.paid ? paid : due}
))}
)} {/* Special clauses */} Special clauses
{[ ['AUTO-RENEW', ag.autoRenew ? `yes · ${ag.renewNoticeMonths}m notice` : 'no'], ['SHARES CAN CHANGE', ag.sharesCanChange ? 'yes' : 'no'], ['ADVANCE GIVEN', ag.advanceGiven ? 'yes' : 'no'], ['SALES / MFR', ag.salesOrManufacture === 'S' ? 'sales-based' : ag.salesOrManufacture === 'M' ? 'manufacture-based' : '—'], ['PRIOR ROYALTY', ag.priorRoyaltyStatus === 'A' ? 'all retained' : ag.priorRoyaltyStatus === 'N' ? 'none' : '—'], ['JURISDICTION', ag.jurisdiction || '—'], ['DISPUTE', ag.disputeResolution || '—'], ['SOCIETY AGR. №', ag.societyAgreementNumber || '—'], ].map(([l, v], i) => (
{l}
{v}
))}
{/* Right column · timeline + activity */}
); } // ───────────────────────────────────────────────────────────── 02 PARTIES & TERRITORIES function AgParties({ ag }) { return (
{(ag.parties||[]).length} parties}>Parties
ROLENAMEIPISHARECONTROL
{(ag.parties || []).map((p, i) => (
{p.role}
{p.name}
{p.kind}
{p.ipi || '—'} {p.share == null ? '—' : p.share + '%'} {p.isControlled ? controlled : external}
))} {(ag.territories||[]).length} territory rows}>Territories & rights {window.AgreementTerritoryConflicts && }
CODETERRITORYRIGHTSCOLLECTIONOWNERSHIP
{(ag.territories || []).map((t, i) => { // Find sub-pub partner(s) covering this territory const subpubs = (window.SP_DEALS || []) .filter(d => (d.status === 'active' || d.status === 'expiring') && d.territories.includes(t.code)) .map(d => ({ deal: d, partner: (window.SP_PARTNERS || []).find(p => p.id === d.partnerId) })) .filter(x => x.partner); return (
{t.code}
{t.label}
{t.excluded && t.excluded.length > 0 && (
excluded · {t.excluded.join(' · ')}
)} {subpubs.length > 0 && (
{subpubs.map(({deal, partner}) => ( ))}
)}
{t.rights} {t.collection}% {t.ownership}%
); })} {window.AgreementTerritoryFooter && }
); } // ───────────────────────────────────────────────────────────── 03 WORKS COVERED function AgWorks({ ag, go }) { const works = ag.works || []; if (works.length === 0) { return (
NO WORKS ATTACHED
This is a {ag.kind.toLowerCase()} agreement — works are attached at the parent level.
); } return (
+ ATTACH WORK}> Works covered {works.length}
WORK IDTITLEISWCCOLLECTIONOWNERSHIPSTATUS
{works.map(w => (
{ // Open the matching work via existing routes if present const all = (typeof window.WORKS !== 'undefined') ? window.WORKS : []; const match = all.find(x => x.title === w.title || x.id === w.id); if (match && go) go('work', match); }} style={{ display:'grid', gridTemplateColumns:'90px 1fr 160px 110px 110px 90px', gap:14, padding:'14px', borderBottom:'1px solid var(--rule-soft)', alignItems:'center', cursor:'pointer' }} onMouseEnter={e => e.currentTarget.style.background = 'var(--bg-2)'} onMouseLeave={e => e.currentTarget.style.background = 'transparent'}> {w.id} {w.title} {w.iswc} {w.collection}% {w.ownership}% {w.status}
))} {/* Footer summary */}
WEIGHTED AVG { works.length ? Math.round(works.reduce((s, x) => s + x.collection, 0) / works.length) : 0 }% { works.length ? Math.round(works.reduce((s, x) => s + x.ownership, 0) / works.length) : 0 }%
); } // ───────────────────────────────────────────────────────────── 04 VERSIONS & SIGNATURES function AgVersions({ ag }) { return (
{/* Versions */}
Document versions
{(ag.versions || []).map(v => (
v{v.n} {v.current && CURRENT} {fmtDate(v.date)}
by {v.author}
{v.note}
))}
{/* Signatures */}
Signatures {(ag.signatures || []).map((s, i) => (
{s.party}
{s.signer ? ( <>
{s.signer} · {s.role}
{s.method} · {fmtDateTime(s.at)}
) : (
AWAITING SIGNATURE
)}
{s.verified ? VERIFIED : —}
))}
); } // ───────────────────────────────────────────────────────────── 05 ASSETS & AUDIT function AgAssets({ ag }) { return (
+ UPLOAD}> Documents & assets {(ag.assets||[]).length}
KINDFILESIZEUPLOADEDBY
{(ag.assets || []).map((a, i) => (
e.currentTarget.style.background = 'var(--bg-2)'} onMouseLeave={e => e.currentTarget.style.background = 'transparent'}> {a.kind}
PDF {a.name}
{a.size} {fmtDate(a.uploaded)} {a.by}
))} EXPORT CSV}> Audit log
{(ag.audit || []).map((e, i) => (
{fmtDateTime(e.at)} {e.who} {e.what}
))}
); } Object.assign(window, { ScreenAgreement });