Vendors total{vendors.length}
Engaged this matter{active.length}
Total fees (est.){esi.money(vendors.reduce((s, v) => s + v.cost, 0))}
Avg SLA compliance{Math.round(active.filter(v => v.slaCompliance).reduce((s, v) => s + v.slaCompliance, 0) / active.filter(v => v.slaCompliance).length)}%
{active.map(v => (
Jobs{v.jobsTotal} ({v.jobsComplete} done)
Avg cycle{v.avgCycleDays ? `${v.avgCycleDays}d` : '—'}
SLA= 99 ? esi.emerald : esi.amber }}>{v.slaCompliance ? `${v.slaCompliance}%` : '—'}
Error rate{v.errorRate != null ? `${v.errorRate}%` : '—'}
Rate (MB/s){v.dataRateMBs ? `${v.dataRateMBs}` : '—'}
Est. cost{v.cost > 0 ? esi.money(v.cost) : 'Internal'}
{v.notes}
))}
);
}
function CollectionsErrors({ data }) {
const esi = window.__esi;
const errors = data.collectionsExt.errors;
const open = errors.filter(e => !e.resolved).length;
return (
0 ? esi.crimson : esi.emerald}`, background: open > 0 ? esi.crimsonBg : esi.emeraldBg, marginBottom: '14px' }}>
0 ? esi.crimson : esi.emerald, textTransform: 'uppercase', letterSpacing: '0.08em' }}>
{open > 0 ? `! ${open} open errors require attention` : '◆ All errors resolved — collection pipeline healthy'}
{errors.length} total events logged. {errors.filter(e => e.resolved).length} resolved, {open} pending.
Total events{errors.length}
Open 0 ? esi.crimson : esi.emerald }}>{open}
Resolved{errors.filter(e => e.resolved).length}
Error rate{data.collectionsExt.kpis.errorRate}%
Error log — {errors.length} events
| ID | Job | Timestamp |
Type | Detail | Severity |
Resolved | Resolution |
{errors.map(e => {
const sev = e.severity === 'warn' ? { bg: esi.amberBg, color: esi.amber } : { bg: esi.cyanBg, color: esi.cyan };
return (
| {e.id} |
{e.jobId} |
{e.ts} |
{e.type} |
{e.detail} |
{e.severity} |
{e.resolved ? ok {e.resolvedOn?.split(' ')[0]} : open} |
{e.resolution || '—'} |
);
})}
);
}
function CollectionsAudit({ data }) {
const esi = window.__esi;
const rows = data.collectionsExt.audit;
const actionColor = (a) => {
if (a.includes('COMPLETE') || a.includes('RESOLVE')) return esi.emerald;
if (a.includes('START') || a.includes('UPDATE')) return esi.cyan;
if (a.includes('APPROVE')) return esi.violet;
if (a.includes('ERROR')) return esi.amber;
return esi.slate;
};
return (
Audit entries{rows.length}
Warnings r.severity === 'warn').length > 0 ? esi.amber : esi.emerald }}>{rows.filter(r => r.severity === 'warn').length}
Signatures{rows.filter(r => r.sig.includes('ok')).length}all verified
Actors{new Set(rows.map(r => r.actor)).size}
Collection audit trail — {rows.length} entries
| ID | Timestamp | Actor |
Action | Target |
Detail | Severity | Signature |
{rows.map(r => {
const ac = actionColor(r.action);
const sev = r.severity === 'warn' ? { bg: esi.amberBg, color: esi.amber } : { bg: esi.cyanBg, color: esi.cyan };
return (
| {r.id} |
{r.ts} |
{r.actor} |
{r.action} |
{r.target} |
{r.detail} |
{r.severity} |
{r.sig} |
);
})}
);
}
// ─── MAIN PLATFORM ENTRY ──────────────────────────────────────────────────────
function ESICollectionsPlatform({ data }) {
const esi = window.__esi;
const [activeView, setActiveView] = useCLV2State('overview');
const views = [
{ id: 'overview', label: 'Overview' },
{ id: 'jobs', label: 'Jobs' },
{ id: 'custodians', label: 'Custodians' },
{ id: 'scope', label: 'Scope' },
{ id: 'vendors', label: 'Vendors' },
{ id: 'errors', label: 'Errors & Gaps' },
{ id: 'audit', label: 'Audit Trail' },
];
const renderView = () => {
switch (activeView) {
case 'overview': return
{views.map(v => (
))}
{renderView()}
);
}
window.CollectionsScope = CollectionsScope;
window.CollectionsVendors = CollectionsVendors;
window.CollectionsErrors = CollectionsErrors;
window.CollectionsAudit = CollectionsAudit;
window.ESICollectionsPlatform = ESICollectionsPlatform;