// MATTER-LEVEL WAR ROOM v2 — 20 opportunity components (MW1–MW20) + 5 hubs
// Shares the dark WarRoom theme (window.W / window.wr) and hooks into window.MatterWarRoomStore
(function () {
const W = window.W;
const wr = window.wr;
const mw = window.mw;
// ── Shared primitives ─────────────────────────────────────────────
const useStore = (topics) => window.useMatterWarRoomStore(topics);
const S = window.MatterWarRoomStore;
const Flash = ({ msg, tone='green' }) => msg ? (
{msg}
) : null;
const Pill = ({ tone, children }) => {
const c = tone === 'green' ? W.green : tone === 'amber' ? W.amber : tone === 'red' ? W.red
: tone === 'blue' ? W.blue : tone === 'purple' ? W.purple : tone === 'cyan' ? W.cyan
: { bg: W.bg.tertiary, text: W.text.secondary, base: W.border.medium };
return (
{children}
);
};
const statusTone = (s) => {
if (['done','complete','filed','stipulated','follow-form'].includes(s)) return 'green';
if (['in-progress','scheduled','drafting','on-track','disclosed','monitoring','accepted-with-rov'].includes(s)) return 'blue';
if (['pending','research','queued','draft','due-today','preliminary','inquiry','stayed'].includes(s)) return 'amber';
if (['overdue','denied','contested','rejected','active'].includes(s)) return 'red';
if (['defended'].includes(s)) return 'purple';
return 'default';
};
const Btn = ({ onClick, tone='default', children, title }) => {
const bg = tone==='primary' ? W.red.bg : tone==='accent' ? W.blue.bg : W.bg.elevated;
const border = tone==='primary' ? W.red.base : tone==='accent' ? W.blue.base : W.border.medium;
const color = tone==='primary' ? W.red.text : tone==='accent' ? W.blue.text : W.text.secondary;
return (
{children}
);
};
const KPI = ({ label, value, sub, tone='default' }) => {
const color = tone==='green' ? W.green.text : tone==='amber' ? W.amber.text
: tone==='red' ? W.red.text : tone==='blue' ? W.blue.text
: tone==='purple' ? W.purple.text : W.text.primary;
return (
{label}
{value}
{sub &&
{sub}
}
);
};
const Card = ({ title, right, children }) => (
{title}
{right && {right} }
{children}
);
const TH = ({ children, align='left', width }) => (
{children}
);
const TD = ({ children, align='left', mono=false, color, width }) => (
{children}
);
const Bar = ({ pct, tone='blue' }) => {
const color = tone==='green' ? W.green.base : tone==='amber' ? W.amber.base
: tone==='red' ? W.red.base : tone==='purple' ? W.purple.base : W.blue.base;
return (
);
};
const SubTabs = ({ tabs, active, onChange }) => (
{tabs.map(t => (
onChange(t.id)} style={{
padding:'7px 12px', fontSize:'10px', fontWeight: active===t.id?700:500,
color: active===t.id ? '#fff' : W.text.tertiary,
background: active===t.id ? W.red.base : 'transparent',
border:`1px solid ${active===t.id ? W.red.base : W.border.medium}`,
borderRadius:'6px', cursor:'pointer', textTransform:'uppercase',
letterSpacing:'0.08em', fontFamily: W.font.family }}>{t.label}
))}
);
// ══════════════════════════════════════════════════════════════════
// MW1 — Motion Strategy Orchestrator
// ══════════════════════════════════════════════════════════════════
function MW1MotionOrchestrator() {
const st = useStore(['motion.status','calendar.push','audit.logged']);
const [flash, setFlash] = React.useState('');
const critical = st.motions.filter(m => m.priority === 'critical' || m.priority === 'high').length;
const avgWin = Math.round(st.motions.reduce((s,m)=>s+m.winPct,0) / (st.motions.length||1));
const totalCost= st.motions.reduce((s,m)=>s+m.costUsd, 0);
const onAdvance = (m) => {
const order = ['queued','research','drafting','filed','argued','decided'];
const next = order[Math.min(order.indexOf(m.status)+1, order.length-1)];
S.advanceMotion(m.id, next, 'You');
setFlash(`${m.title} → ${next}`);
};
const onPushCal = (m) => {
S.pushMotionToCalendar({ motionId:m.id, milestone:`${m.title} filing`, dueDate:m.filingTarget });
setFlash(`Pushed ${m.id} to Calendar`);
};
return (
0?'amber':'green'}/>
=60?'green':'amber'}/>
Motion Type Status Priority
Win% Cost
File By Lead Actions
{st.motions.map(m => (
{m.title}
{m.basis.join(' · ')}
{m.type}
{m.status} {m.priority} =60?W.green.text:m.winPct>=40?W.amber.text:W.red.text}>{m.winPct}%
{mw.money(m.costUsd)}
{m.filingTarget}
{m.leadAtty}
onAdvance(m)}>Advance
onPushCal(m)} tone="accent">Calendar
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW2 — Motion-in-Limine Battleground
// ══════════════════════════════════════════════════════════════════
function MW2MotionInLimine() {
const st = useStore(['mil.forecast']);
const [flash, setFlash] = React.useState('');
const net = st.motionsInLimine.reduce((s,m)=>s+(m.grantOdds/100)*m.caseStrengthDelta, 0);
const evNet= st.motionsInLimine.reduce((s,m)=>s+(m.grantOdds/100)*m.evShift, 0);
return (
=0?'+':''}${net.toFixed(1)} pts`} tone={net>=0?'green':'red'}/>
=0?'green':'red'}/>
m.filedBy==='Plaintiff').length} tone="blue"/>
Issue Filed By Grant Odds
Impact Strength Δ EV Shift
Forecast
{st.motionsInLimine.map(m => (
{m.issue}
{m.rationale}
{m.filedBy} =60?W.green.text:m.grantOdds>=40?W.amber.text:W.red.text}>{m.grantOdds}%
{m.impact} =0?W.green.text:W.red.text}>
{m.caseStrengthDelta>=0?'+':''}{m.caseStrengthDelta}
=0?W.green.text:W.red.text}>{mw.money(m.evShift)}
{
const newOdds = Math.min(95, m.grantOdds + 5);
S.forecastMil(m.id, newOdds, 'You');
setFlash(`${m.id} forecast: ${m.grantOdds}% → ${newOdds}%`);
}}>+5% prep
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW3 — Discovery Workflow & Burden Map
// ══════════════════════════════════════════════════════════════════
function MW3DiscoveryBurden() {
const st = useStore(['discovery.mc','discovery.complete']);
const [flash, setFlash] = React.useState('');
const overdue = st.discoveryRequests.filter(r => r.status === 'overdue').length;
const avgComplete = Math.round(st.discoveryRequests.reduce((s,r)=>s+r.completenessPct,0) / (st.discoveryRequests.length||1));
const totalDocs = st.discoveryRequests.reduce((s,r)=>s+r.docsProduced, 0);
return (
0?'red':'green'}/>
=70?'green':'amber'}/>
ID Type Status Due
Completeness Docs Obj.
M&C Action
{st.discoveryRequests.map(r => (
{r.id}
{r.type}
{r.status} {r.due}
=70?'green':r.completenessPct>=40?'amber':'red'}/>
{r.completenessPct}% · {r.docsProduced}/{r.docsExpected}
{r.docsProduced}
3?W.red.text:W.text.primary}>{r.objections}
{r.metAndConferHeld?'Held':'Needed'}
{!r.metAndConferHeld && (
{
S.logMeetAndConfer(r.id, 'You');
setFlash(`Logged meet & confer for ${r.id}`);
}}>Log M&C
)}
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW4 — eDiscovery / TAR Performance
// ══════════════════════════════════════════════════════════════════
function MW4TarPerformance() {
const st = useStore(['tar.round']);
const [flash, setFlash] = React.useState('');
const t = st.tar;
const pctReviewed = Math.round(100 * t.reviewed / t.totalDocs);
return (
=80?'green':'amber'}/>
=75?'green':'amber'}/>
=0.8?'green':'amber'}/>
{
const r = S.runTarRound('You'); setFlash(`TAR round ${r.round}: P=${r.precision}% R=${r.recall}%`);
}}>Run next round}>
Round Docs Trained
Precision Recall
Performance
{t.rounds.map(r => (
#{r.round}
{r.trained.toLocaleString()}
{r.precision}%
{r.recall}%
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW5 — Privilege & Waiver Exposure
// ══════════════════════════════════════════════════════════════════
function MW5Privilege() {
const st = useStore(['privilege.dispute','rulebook.push']);
const [flash, setFlash] = React.useState('');
const disputed = st.privilegeLog.filter(p => p.disputed).length;
const avgRisk = (st.privilegeLog.reduce((s,p)=>s+p.waiverRisk,0) / (st.privilegeLog.length||1));
const high = st.privilegeLog.filter(p => p.waiverRisk >= 0.6).length;
return (
2?'red':'amber'}/>
ID Custodian Type Basis
Waiver Risk Reason
Status Action
{st.privilegeLog.map(p => (
{p.id}
{p.custodian}
{p.type}
{p.basis}
=0.6?W.red.text:p.waiverRisk>=0.4?W.amber.text:W.green.text}>
{mw.pct(p.waiverRisk, 0)}
{p.reason}
{p.disputed?'Disputed':'Clear'}
{!p.disputed && {
S.disputePrivilege(p.id,'You');
setFlash(`${p.id} marked disputed`);
}}>Dispute }
{
S.pushPrivilegeToRulebook({ privId:p.id, basis:p.basis });
setFlash(`${p.id} → Rulebook`);
}}>Rulebook
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW6 — Deposition Strategy Board
// ══════════════════════════════════════════════════════════════════
function MW6Depositions() {
const st = useStore(['depo.goal']);
const [flash, setFlash] = React.useState('');
const complete = st.depositions.filter(d=>d.status==='complete').length;
const pages = st.depositions.reduce((s,d)=>s+d.pages, 0);
const goalsHit = st.depositions.reduce((s,d)=>s+(d.goalsHit||0),0);
const goalsTotal= st.depositions.reduce((s,d)=>s+d.goals.length,0);
return (
=0.6?'green':'amber'}/>
{st.depositions.map(d => (
{d.status}
{d.scheduled} · {d.duration}h · {d.pages||0} pp
}>
Goals ({d.goalsHit||0} / {d.goals.length} hit)
{d.goals.map((g, i) => (
{g}
{d.status==='complete' && i >= (d.goalsHit||0) && (
{ S.recordDepoGoalHit(d.id, i, 'You'); setFlash(`${d.deponent} — goal hit`); }}>Mark hit
)}
))}
Pivotal Exchanges
{d.pivotalExchanges.length === 0 ? (
Not yet deposed.
) : d.pivotalExchanges.map((e,i) => (
p.{e.page}
=8?W.green.text:W.amber.text }}>Impact {e.impact}/10
{e.summary}
))}
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW7 — Expert Witness Command Center
// ══════════════════════════════════════════════════════════════════
function MW7Experts() {
const st = useStore(['expert.retain']);
const [flash, setFlash] = React.useState('');
return (
e.side==='plaintiff').length} tone="blue"/>
e.side==='defense').length} tone="red"/>
s+e.daubertRisk,0)/st.experts.length,1)} tone="amber"/>
Expert Side Domain
Rate Hours
Strength Daubert Risk
Opening / Rebuttal Action
{st.experts.map(e => (
{e.name}
{e.priorCases} prior cases · {e.priorDaubertExclusions} exclusions
{e.side} {e.domain}
{e.hourlyRate?`$${e.hourlyRate}/h`:'—'}
{e.hoursBilled}
=80?W.green.text:e.strengthScore>=60?W.amber.text:W.red.text}>{e.strengthScore}/100
{mw.pct(e.daubertRisk,0)}
{e.reportDueDates.opening}
{e.side==='plaintiff' && e.reportStatus==='pending' && (
{
S.retainExpert(e.id, 75000, 'You'); setFlash(`${e.name} retained`);
}}>Retain
)}
{e.reportStatus}
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW8 — Cross-Examination Playbook
// ══════════════════════════════════════════════════════════════════
function MW8CrossExam() {
const st = useStore(['cross.rehearse']);
const [flash, setFlash] = React.useState('');
const avg = Math.round(st.crossExam.reduce((s,c)=>s+c.controlScore,0) / (st.crossExam.length||1));
return (
=75?'green':'amber'}/>
{st.crossExam.map(c => (
=75?W.green.text:W.amber.text,
fontFamily: W.font.mono, fontWeight:700 }}>{c.controlScore}%}>
Loop
{c.loop.map((q,i)=>(
{q}
))}
Impeachment ammo
{c.impeachmentAmmo.map((a,i)=>
{a} )}
Expected answer: {c.expectedAnswer}
{
const next = Math.min(95, c.controlScore + 4);
S.rehearseCross(c.id, next, 'You');
setFlash(`${c.witness} rehearsed: ${c.controlScore}% → ${next}%`);
}}>Rehearse (+4%)
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW9 — Trial Narrative Storyboard
// ══════════════════════════════════════════════════════════════════
function MW9Narrative() {
const st = useStore(['*']);
const n = st.narrative;
const openTotal = n.openingBeats.reduce((s,b)=>s+b.sec,0);
const closeTotal= n.closingBeats.reduce((s,b)=>s+b.sec,0);
const BeatBar = ({ beats, total }) => (
{beats.map((b,i) => (
=90?W.green.base : b.strength>=80?W.blue.base : W.amber.base,
display:'flex', alignItems:'center', justifyContent:'center',
fontSize:'10px', fontWeight:700, color:'#fff',
borderRight: i
{b.title}
))}
"{n.theme}"
Beat Title Anchor Exhibit
Runtime Strength
{n.openingBeats.map((b,i)=>(
#{b.beat} {b.title} {b.anchor} {b.exhibit}
{b.sec}s
=90?W.green.text:b.strength>=80?W.blue.text:W.amber.text}>{b.strength}
))}
Beat Title Runtime Strength
{n.closingBeats.map((b,i)=>(
#{b.beat} {b.title} {b.sec}s
=90?W.green.text:b.strength>=80?W.blue.text:W.amber.text}>{b.strength}
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW10 — Mock Trial & Focus Group Analytics
// ══════════════════════════════════════════════════════════════════
function MW10MockTrial() {
const st = useStore(['mock.panel']);
const [flash, setFlash] = React.useState('');
const m = st.mockTrial;
return (
=65?'green':'amber'}/>
{
S.addMockPanel('You'); setFlash('Mock panel scheduled');
}}>Add panel}>
Theme Favorability Recall
{m.themeReactions.map((t,i) => (
{t.theme}
=75?'green':t.favorability>=50?'amber':'red'}/>
{t.favorability}%
))}
Persona Bias Award
{m.juroProfiles.map((j,i) => (
{j.persona}
{j.notes}
{j.bias} {mw.money(j.award)}
))}
{m.keyExhibitReactions.map((e,i) => (
{e.exhibit}
{e.impact.toFixed(1)}
=8?'green':'amber'}/>
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW11 — Courtroom Ops & Tech Logistics
// ══════════════════════════════════════════════════════════════════
function MW11CourtroomOps() {
const st = useStore(['courtroom.item']);
const [flash, setFlash] = React.useState('');
const c = st.courtroomOps;
const done = c.checklist.filter(i=>i.status==='done').length;
const totalBudget = c.techSupport.onsiteCost + c.techSupport.remoteCost + c.travelCost + c.meals;
return (
Item Owner Status Action
{c.checklist.map((item, idx) => (
{item.item}
{item.owner}
{item.status}
{item.status !== 'done' && (
{
const r = S.advanceChecklistItem(idx, 'You');
setFlash(`${r.item} → ${r.status}`);
}}>Advance
)}
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW12 — Document Authentication Tracker
// ══════════════════════════════════════════════════════════════════
function MW12Authentication() {
const st = useStore(['auth.status']);
const [flash, setFlash] = React.useState('');
const stip = st.authentications.filter(a=>a.status==='stipulated').length;
const contested = st.authentications.filter(a=>a.status==='contested').length;
return (
0?'red':'green'}/>
Exhibit Description Foundation Path
Status Risk Action
{st.authentications.map(a => (
{a.exhibit}
{a.description}
{a.path}
{a.status} {a.risk}
{a.status==='pending' && (
{
S.advanceAuthentication(a.exhibit, 'stipulated', 'You');
setFlash(`${a.exhibit} stipulated`);
}}>Stipulate
)}
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW13 — Parallel Proceedings Tracker
// ══════════════════════════════════════════════════════════════════
function MW13ParallelProceedings() {
const st = useStore(['parallel.status']);
const [flash, setFlash] = React.useState('');
const active = st.parallelProceedings.filter(p=>p.status==='active'||p.status==='preliminary').length;
return (
1?'red':'amber'}/>
p.risk==='high').length} tone="red"/>
{st.parallelProceedings.map(p => (
{p.risk}
{p.status}
}>
{p.summary}
Coordination
{p.coordination}
{
const next = p.status==='active' ? 'stayed' : p.status==='preliminary' ? 'active' : 'dormant';
S.updateParallel(p.id, next, 'You');
setFlash(`${p.forum}: ${p.status} → ${next}`);
}}>Advance status
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW14 — Regulatory & Congressional Risk
// ══════════════════════════════════════════════════════════════════
function MW14Regulatory() {
const st = useStore(['reg.stage']);
const [flash, setFlash] = React.useState('');
const exposure = st.regulatory.reduce((s,r)=>s+r.likelihood*((r.penaltyRange[1]+r.disgorgementRange[1])/2),0);
return (
r.severity==='severe').length} tone="red"/>
Agency Stage Likelihood
Severity Penalty Range Disgorge Range
Next Milestone Action
{st.regulatory.map(r => (
{r.agency} {r.stage} {mw.pct(r.likelihood,0)}
{r.severity} {mw.money(r.penaltyRange[0])}–{mw.money(r.penaltyRange[1])}
{mw.money(r.disgorgementRange[0])}–{mw.money(r.disgorgementRange[1])}
{r.nextMilestone}
{
const order = ['monitoring','inquiry','preliminary','investigation','enforcement'];
const next = order[Math.min(order.indexOf(r.stage)+1, order.length-1)];
S.advanceRegulatory(r.id, next, 'You');
setFlash(`${r.agency} → ${next}`);
}}>Escalate
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW15 — Media & Reputational War Map
// ══════════════════════════════════════════════════════════════════
function MW15Media() {
const st = useStore(['*']);
const m = st.media;
return (
{m.sentiment.positive}% +
{m.sentiment.neutral}% ·
{m.sentiment.negative}% −
Outlet Tone Reach Last
{m.keyOutlets.map((o,i)=>(
{o.outlet} {o.tone} {(o.reach/1e6).toFixed(1)}M
{o.lastArticle}
))}
{m.narrativeRisks.map((r,i) => (
Mitigation: {r.mitigation}
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW16 — Adverse Precedent Watcher
// ══════════════════════════════════════════════════════════════════
function MW16Precedents() {
const st = useStore(['*']);
const friendly = st.precedents.filter(p=>p.alignment>0).length;
const adverse = st.precedents.filter(p=>p.alignment<0).length;
return (
p.changeSinceFiling==='emerging').length} tone="amber"/>
Case Jurisdiction Year
Area Alignment Change Holding
{st.precedents.map(p => (
{p.caseName} {p.citation}
{p.jurisdiction}
{p.year}
{p.impactArea}
=0?W.green.text:W.red.text}>
{p.alignment>=0?'+':''}{p.alignment.toFixed(2)}
{p.changeSinceFiling} {p.holding}
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW17 — Damages Monte Carlo Modeler
// ══════════════════════════════════════════════════════════════════
function MW17Damages() {
const st = useStore(['damages.mc']);
const [flash, setFlash] = React.useState('');
const d = st.damagesModel;
return (
{
S.runMonteCarlo('You');
setFlash('Re-ran Monte Carlo (10K paths)');
}}>Re-run MC}>
Component Central Low
High Certainty
{d.components.map((c,i) => (
{c.name} {mw.money(c.central)}
{mw.money(c.range[0])}
{mw.money(c.range[1])}
=0.8?W.green.text:c.certainty>=0.5?W.amber.text:W.red.text}>
{mw.pct(c.certainty,0)}
))}
Percentile Award Scenario
{Object.entries(d.distributions).map(([k,v],i) => (
{k.toUpperCase()}
{mw.money(v)}
{k==='p10'?'Pessimistic — defense wins most issues':
k==='p25'?'Below central — partial liability':
k==='p50'?'Central / median — expected outcome':
k==='p75'?'Above central — most claims succeed':
'Optimistic — includes punitives'}
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW18 — Settlement Decision Tree EV
// ══════════════════════════════════════════════════════════════════
function MW18Settlement() {
const st = useStore(['settle.model']);
const [flash, setFlash] = React.useState('');
const [offer, setOffer] = React.useState(st.settlementTree.summary.settleNowEv);
const t = st.settlementTree;
return (
t.summary.settleNowEv?'green':'red'}/>
{t.summary.recommendation}
Node Kind Probability
Outcome EV Cost
{t.nodes.map(n => (
{n.label}
{n.kind} {n.prob!=null ? mw.pct(n.prob,0) : '—'}
{n.ev!=null?mw.money(n.ev):'—'}
{n.cost?mw.money(n.cost):'—'}
))}
);
}
// ══════════════════════════════════════════════════════════════════
// MW19 — Litigation Finance & Budget Cockpit
// ══════════════════════════════════════════════════════════════════
function MW19Budget() {
const st = useStore(['budget.draw','billing.push']);
const [flash, setFlash] = React.useState('');
const b = st.budget;
const pctSpent = Math.round(100 * b.spentToDate / b.totalAuthorized);
const runway = (b.remaining / (b.burnRatePerMonth||1)).toFixed(1);
return (
70?'amber':'blue'}/>
Phase Budget Spent
Variance Progress
Action
{b.phases.map((p,i) => {
const pct = Math.min(100, Math.round(100 * p.spent / (p.budget||1)));
return (
{p.phase} {mw.money(p.budget)}
{mw.money(p.spent)}
=0?W.green.text:W.red.text}>
{p.variance>=0?'+':''}{mw.money(p.variance)}
100?'red':pct>80?'amber':'blue'}/>
{pct}%
{
S.pushBudgetToBilling({ phase:p.phase, spendUsd:p.spent });
setFlash(`${p.phase} → Billing`);
}}>Billing
);
})}
{
S.drawLitigationFinance(500000,'You');
setFlash('Drew $500K from facility');
}}>Draw $500K
Success multiple {b.litigationFinance.successMultiple}× · Waterfall rank {b.litigationFinance.waterfallRank}
);
}
// ══════════════════════════════════════════════════════════════════
// MW20 — Insurance Coverage Cockpit
// ══════════════════════════════════════════════════════════════════
function MW20Coverage() {
const st = useStore(['coverage.tender']);
const [flash, setFlash] = React.useState('');
const c = st.coverage;
return (
=70?'green':c.coveragePositionScore>=50?'amber':'red'}/>
Policy Type Carrier
Limit Retention
Attaches At Status Action
{c.policies.map(p => (
{p.id}
{p.type}
{p.carrier}
{mw.money(p.limit)}
{mw.money(p.retention)}
{mw.money(p.attachmentPoint)}
{p.coverageStatus}
{p.coverageStatus!=='tendered' && (
{
S.tenderToCarrier(p.id,'You');
setFlash(`${p.carrier} tendered`);
}}>Tender
)}
))}
ID Carrier Issue
Status Exposure
{c.disputes.map(d => (
{d.id}
{d.carrier}
{d.issue}
{d.status} {mw.money(d.exposureUsd)}
))}
);
}
// ══════════════════════════════════════════════════════════════════
// HUBS — 5 consolidated navigation surfaces
// ══════════════════════════════════════════════════════════════════
const HubShell = ({ title, subtitle, tabs, active, setActive, children }) => (
);
// HUB 1 — Motions & Discovery
function MotionsDiscoveryHub() {
const [active, setActive] = React.useState('motions');
const tabs = [
{ id:'motions', label:'Motion Orchestrator' },
{ id:'mil', label:'Motions in Limine' },
{ id:'discovery', label:'Discovery Burden' },
{ id:'tar', label:'TAR Performance' },
{ id:'privilege', label:'Privilege & Waiver' },
];
return (
{active==='motions' &&
);
}
// HUB 2 — Depositions & Experts
function DepositionsExpertsHub() {
const [active, setActive] = React.useState('depos');
const tabs = [
{ id:'depos', label:'Deposition Board' },
{ id:'experts',label:'Expert Command' },
{ id:'cross', label:'Cross-Exam Playbook' },
];
return (
{active==='depos' &&
);
}
// HUB 3 — Trial Preparation
function TrialPrepHub() {
const [active, setActive] = React.useState('narrative');
const tabs = [
{ id:'narrative', label:'Trial Narrative' },
{ id:'mock', label:'Mock Trial' },
{ id:'ops', label:'Courtroom Ops' },
{ id:'auth', label:'Authentication' },
];
return (
{active==='narrative' &&
);
}
// HUB 4 — Parallel Risk
function ParallelRiskHub() {
const [active, setActive] = React.useState('parallel');
const tabs = [
{ id:'parallel', label:'Parallel Proceedings' },
{ id:'regulatory', label:'Regulatory Risk' },
{ id:'media', label:'Media & Reputation' },
{ id:'precedent', label:'Precedent Watcher' },
];
return (
{active==='parallel' &&
);
}
// HUB 5 — Decision Economics
function DecisionEconomicsHub() {
const [active, setActive] = React.useState('damages');
const tabs = [
{ id:'damages', label:'Damages MC' },
{ id:'settle', label:'Settlement EV Tree' },
{ id:'budget', label:'Budget & Finance' },
{ id:'coverage', label:'Insurance Coverage' },
];
return (
{active==='damages' &&
);
}
// Expose 5 hubs on window for WarRoom.jsx integration
window.MotionsDiscoveryHub = MotionsDiscoveryHub;
window.DepositionsExpertsHub= DepositionsExpertsHub;
window.TrialPrepHub = TrialPrepHub;
window.ParallelRiskHub = ParallelRiskHub;
window.DecisionEconomicsHub = DecisionEconomicsHub;
// Also expose individual opportunities for ad-hoc reuse
window.MW1MotionOrchestrator = MW1MotionOrchestrator;
window.MW2MotionInLimine = MW2MotionInLimine;
window.MW3DiscoveryBurden = MW3DiscoveryBurden;
window.MW4TarPerformance = MW4TarPerformance;
window.MW5Privilege = MW5Privilege;
window.MW6Depositions = MW6Depositions;
window.MW7Experts = MW7Experts;
window.MW8CrossExam = MW8CrossExam;
window.MW9Narrative = MW9Narrative;
window.MW10MockTrial = MW10MockTrial;
window.MW11CourtroomOps = MW11CourtroomOps;
window.MW12Authentication = MW12Authentication;
window.MW13ParallelProceedings = MW13ParallelProceedings;
window.MW14Regulatory = MW14Regulatory;
window.MW15Media = MW15Media;
window.MW16Precedents = MW16Precedents;
window.MW17Damages = MW17Damages;
window.MW18Settlement = MW18Settlement;
window.MW19Budget = MW19Budget;
window.MW20Coverage = MW20Coverage;
})();