const { useState, useMemo } = React;
function fmtWar(val) {
if (val >= 1000000) return '$' + (val/1e6).toFixed(1) + 'M';
if (val >= 1000) return '$' + Math.round(val/1000) + 'K';
return '$' + val;
}
// ── RISK HEAT MAP (enhances Theory tab — standalone section) ──
function RiskHeatMap({ extra }) {
const rm = extra?.riskMatrix;
if (!rm) return null;
const cellColor = (score) => {
if (score >= 85) return { bg: W.green.bg, text: W.green.text, border: W.green.base + '30' };
if (score >= 70) return { bg: W.amber.bg, text: W.amber.text, border: W.amber.base + '30' };
if (score >= 50) return { bg: 'rgba(239,68,68,0.05)', text: '#FCA5A5', border: W.red.base + '20' };
return { bg: W.red.bg, text: W.red.text, border: W.red.base + '30' };
};
return (
Risk Heat Map — Claims × Risk Factors
{/* Header */}
Risk Factor
{rm.claims.map((c, i) => {c})}
{rm.risks.map((r, ri) => (
{r.factor}
{r.scores.map((score, ci) => {
const c = cellColor(score);
return (
{score}
{r.notes[ci]}
);
})}
))}
);
}
// ── DAMAGES BREAKDOWN VISUALIZATION ──
function DamagesBreakdown({ extra }) {
const d = extra?.damagesBreakdown;
if (!d) return null;
const totalLow = d.reduce((s, x) => s + x.low, 0);
const totalMid = d.reduce((s, x) => s + x.mid, 0);
const totalHigh = d.reduce((s, x) => s + x.high, 0);
const maxHigh = totalHigh;
return (
Damages Composition — Waterfall
{/* Totals row */}
Low Estimate{fmtWar(totalLow)}
Mid Estimate{fmtWar(totalMid)}
High Estimate{fmtWar(totalHigh)}
{/* Stacked bars */}
{d.map((cat, i) => (
{cat.category}
{fmtWar(cat.low)} — {fmtWar(cat.mid)} — {fmtWar(cat.high)}
{/* High range */}
{/* Mid range */}
{/* Low range */}
))}
);
}
// ── SETTLEMENT NEGOTIATION TIMELINE ──
function NegotiationTimeline({ extra }) {
const h = extra?.negotiationHistory;
if (!h) return null;
const maxAmount = Math.max(...h.map(x => x.amount));
return (
Negotiation History
{/* Visual timeline */}
{h.map((entry, i) => {
const isPlaintiff = entry.party === 'Plaintiff';
const color = isPlaintiff ? W.blue : W.red;
const pct = (entry.amount / maxAmount) * 100;
return (
{fmtWar(entry.amount)}
{entry.date.split(', ')[0].replace('2026','').trim()}
);
})}
{/* Log */}
{h.map((entry, i) => {
const isPlaintiff = entry.party === 'Plaintiff';
const color = isPlaintiff ? W.blue : W.red;
return (
{entry.date.split(', ')[0]}
{entry.party}
{entry.type}
{fmtWar(entry.amount)}
{entry.note}
);
})}
);
}
// ── IMPEACHMENT BANK ──
function ImpeachmentBank({ extra }) {
const bank = extra?.impeachmentBank;
if (!bank) return null;
const [expanded, setExpanded] = useState(null);
const sevColor = { critical: W.red, high: W.amber, medium: W.blue };
return (
x Impeachment Bank — Deposition Clips
{bank.length} clips
{bank.map((clip, i) => {
const c = sevColor[clip.severity] || W.amber;
const isOpen = expanded === i;
return (
setExpanded(isOpen ? null : i)}>
p.{clip.page}
ln {clip.line}
"{clip.quote}"
— {clip.witness}
{clip.severity}
{clip.tag}
{isOpen && (
Impeach With:
{clip.impeachWith}
)}
);
})}
);
}
// ── COUNTER-OFFENSE BOARD ──
function CounterOffenseBoard({ extra }) {
const actions = extra?.counterOffense;
if (!actions) return null;
const [hovered, setHovered] = useState(null);
return (
Counter-Offense Action Board
{actions.length} actions
{actions.map((a, i) => {
const pColor = { high: W.red, medium: W.amber, low: W.blue }[a.priority];
const sColor = a.status === 'Ready to File' ? W.green : a.status === 'Drafted' || a.status === 'Notice Served' ? W.amber : W.blue;
return (
setHovered(i)} onMouseLeave={() => setHovered(null)}>
{a.priority}
{a.action}
{a.status}
{a.assignee}
Timing: {a.timing}
Impact: {a.impact}
);
})}
);
}
// ── TRIAL CHECKLIST WITH COUNTDOWN ──
function TrialChecklist({ extra, trialDate }) {
const items = extra?.trialChecklist;
if (!items) return null;
const now = new Date('2026-04-20');
const trial = new Date(trialDate || '2026-07-15');
const daysUntil = Math.ceil((trial - now) / (1000 * 60 * 60 * 24));
const done = items.filter(i => i.done).length;
const total = items.length;
const categories = [...new Set(items.map(i => i.category))];
return (
Pre-Trial Checklist
{done}/{total} complete
Trial in
{daysUntil}
days
{/* Progress bar */}
{categories.map(cat => (
{cat}
{items.filter(i => i.category === cat).map((item, i) => {
const overdue = !item.done && new Date(item.due + ', 2026') < now;
return (
{item.done ? 'ok' : ''}
{item.item}
{item.due}
{overdue && Overdue}
);
})}
))}
);
}
Object.assign(window, { RiskHeatMap, DamagesBreakdown, NegotiationTimeline, ImpeachmentBank, CounterOffenseBoard, TrialChecklist });