// EXECUTIVE STRATEGY / WAR ROOM v2 — 18 opportunity components + 5 hubs
(function () {
const T = window.ArbiterTokens;
const wr = window.wr;
// ── Shared helpers ──
const useCross = () => {
const [, force] = React.useReducer(x => x + 1, 0);
React.useEffect(() => {
const store = window.ExecStrategyStore;
if (!store) return;
const off = store.bus.on('*', () => force());
return off;
}, []);
};
const Flash = ({ msg, onClose }) => {
if (!msg) return null;
return (
);
};
const SubTabs = ({ tabs, active, onChange }) => (
{tabs.map(t => (
onChange(t.id)}
style={{
padding: '10px 18px', border: 'none', background: 'transparent',
fontSize: 12, fontWeight: 600, letterSpacing: '0.06em', textTransform: 'uppercase',
color: active === t.id ? wr.violetDeep : T.color.text.tertiary,
borderBottom: `2px solid ${active === t.id ? wr.violet : 'transparent'}`,
cursor: 'pointer', whiteSpace: 'nowrap',
}}>
{t.label}
))}
);
const TH = ({ children, style }) => {children} ;
const TD = ({ children, style, mono }) => {children} ;
const Pill = ({ children, tone }) => {
const palette = {
green: { bg: wr.greenBg, fg: wr.green, bd: 'rgba(4,120,87,0.26)' },
amber: { bg: wr.amberBg, fg: wr.amber, bd: 'rgba(180,83,9,0.28)' },
crimson: { bg: wr.crimsonBg, fg: wr.crimson, bd: 'rgba(185,28,28,0.26)' },
violet: { bg: wr.violetBg, fg: wr.violetDeep, bd: wr.violetBorder },
gold: { bg: wr.goldBg, fg: wr.gold, bd: wr.goldBorder },
neutral: { bg: T.color.bg.secondary, fg: T.color.text.secondary, bd: T.color.border.default },
}[tone || 'neutral'];
return {children} ;
};
const KpiCard = ({ label, value, tone, sub }) => {
const fg = tone === 'crimson' ? wr.crimson : tone === 'amber' ? wr.amber : tone === 'green' ? wr.green : tone === 'gold' ? wr.gold : wr.violetDeep;
const bg = tone === 'crimson' ? wr.crimsonBg : tone === 'amber' ? wr.amberBg : tone === 'green' ? wr.greenBg : tone === 'gold' ? wr.goldBg : wr.violetBg;
return (
{label}
{value}
{sub &&
{sub}
}
);
};
const Panel = ({ title, subtitle, children, accent }) => (
{title}
{subtitle &&
{subtitle}
}
{children}
);
const BtnPrimary = ({ children, onClick, disabled }) => (
{children}
);
const BtnGhost = ({ children, onClick, tone }) => {
const fg = tone === 'gold' ? wr.gold : tone === 'crimson' ? wr.crimson : wr.violetDeep;
return {children} ;
};
const Sparkline = ({ values, width = 90, height = 26, color }) => {
if (!values || values.length < 2) return null;
const min = Math.min(...values), max = Math.max(...values);
const range = max - min || 1;
const pts = values.map((v, i) => `${(i / (values.length - 1)) * width},${height - ((v - min) / range) * height}`).join(' ');
return (
);
};
const Bar = ({ value, max, color, width = 120, height = 10 }) => (
);
// ═══════════════════════════════════════════════════════════════
// WR1. Lateral Team Acquisition Modeler
// ═══════════════════════════════════════════════════════════════
const WR1Lateral = () => {
useCross();
const store = window.ExecStrategyStore;
const [selected, setSelected] = React.useState(store.state.lateralProposals[0]?.id);
const [port, setPort] = React.useState(null);
const [ret, setRet] = React.useState(90);
const [flash, setFlash] = React.useState('');
const active = store.state.lateralProposals.find(p => p.id === selected);
React.useEffect(() => { if (active) setPort(active.portabilityPct); }, [selected]);
const doSensitivity = () => {
store.runLateralSensitivity(active.id, port, ret, 'Exec Cmte');
setFlash(`Sensitivity run: ${port}% portability × ${ret}% retention`);
setTimeout(() => setFlash(''), 3200);
};
const advance = (next) => {
store.advanceLateral(active.id, next, 'Exec Cmte');
setFlash(`${active.teamName} moved to ${next.toUpperCase()}`);
setTimeout(() => setFlash(''), 3200);
};
const toCalendar = () => {
store.pushLateralToCalendar({ lateralId: active.id, milestone: 'Committee decision', dueDate: '2026-05-15' });
setFlash('Milestone pushed to Calendar');
setTimeout(() => setFlash(''), 3000);
};
return (
setFlash('')} />
s + p.irr, 0) / Math.max(1, store.activeLaterals().length)).toFixed(1)}%`} tone="green" />
p.status === 'committee-review').length} tone="amber" />
Team Source Partners Book Portable 5-Yr NPV IRR Culture Status
{store.state.lateralProposals.map(p => (
setSelected(p.id)} style={{ cursor: 'pointer', background: selected === p.id ? wr.violetBg : 'transparent' }}>
{p.teamName} {p.sourceFirm}
{p.partners}P / {p.counsel}C / {p.associates}A
{wr.money(p.reportedBook)}
{wr.money(p.portableBook)} ({p.portabilityPct}%)
20000000 ? wr.green : p.fiveYrNPV > 0 ? wr.amber : wr.crimson, fontWeight: 700 }}>{wr.money(p.fiveYrNPV)}
20 ? wr.green : p.irr > 10 ? wr.amber : wr.crimson }}>{p.irr.toFixed(1)}%
{p.cultureFit}
{p.status} →
))}
{active && (
{active.sensitivityResult && (
Modeled 5-Yr NPV
{wr.money(active.sensitivityResult.adjustedNpv)}
Δ vs baseline: {wr.money(active.sensitivityResult.adjustedNpv - active.fiveYrNPV)}
)}
Run Sensitivity
advance('diligence')}>Advance → Diligence
advance('committee-review')}>Send to Committee
Push Milestone to Calendar
advance('rejected')}>Reject
)}
);
};
// ═══════════════════════════════════════════════════════════════
// WR2. M&A / Practice Group Acquisition
// ═══════════════════════════════════════════════════════════════
const WR2MA = () => {
useCross();
const store = window.ExecStrategyStore;
const [flash, setFlash] = React.useState('');
const advance = (id, next) => {
const t = store.advanceMaTarget(id, next, 'Exec Cmte');
if (t) { setFlash(`${t.target}: advanced to ${next.toUpperCase()}`); setTimeout(() => setFlash(''), 3000); }
};
return (
setFlash('')} />
s + t.proposedPrice, 0))} tone="gold" />
s + t.accretionYr5, 0) / store.state.maTargets.length).toFixed(1)}%`} tone="green" />
{store.state.maTargets.map(t => (
Target Revenue
{wr.money(t.targetRevenue)}
EBITDA
{wr.money(t.targetEBITDA)}
Multiple
{t.proposedMultiple}×
Proposed Price
{wr.money(t.proposedPrice)}
Yr 1 Accretion
{t.accretionYr1 > 0 ? '+' : ''}{t.accretionYr1}%
Culture Fit
{t.cultureFitScore}/100
{t.riskScore} risk
{t.status}
Client overlap: {t.clientOverlapPct}% · Practice overlap: {t.practiceOverlapPct}%
advance(t.id, 'diligence')}>Advance to Diligence
advance(t.id, 'loi-stage')}>Issue LOI
advance(t.id, 'declined')}>Decline
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR3. Strategic Plan Tracker
// ═══════════════════════════════════════════════════════════════
const WR3Plan = () => {
useCross();
const store = window.ExecStrategyStore;
const inits = store.state.strategicInitiatives;
const themes = [...new Set(inits.map(i => i.theme))];
return (
s + (i.returns || 0), 0))} tone="green" />
0 ? 'crimson' : 'green'} />
{themes.map(theme => (
Initiative Owner Committed Deployed Returns Progress Status
{inits.filter(i => i.theme === theme).map(i => (
{i.initiative} {i.owner}
{wr.money(i.committed)}
{wr.money(i.deployed)}
{i.returns ? wr.money(i.returns) : '—'}
{i.pctComplete}%
{i.status}
))}
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR4. Scenario / Stress Test
// ═══════════════════════════════════════════════════════════════
const WR4Stress = () => {
useCross();
const store = window.ExecStrategyStore;
const [selected, setSelected] = React.useState(store.state.stressScenarios[0].id);
const [flash, setFlash] = React.useState('');
const s = store.state.stressScenarios.find(x => x.id === selected);
const activate = () => {
store.activateScenario(s.id, 'Exec Cmte');
setFlash(`Scenario modeled: ${s.name}`);
setTimeout(() => setFlash(''), 3000);
};
const expectedLoss = store.state.stressScenarios.reduce((sum, sc) => sum + (sc.revenueDelta * sc.probability / 100), 0);
return (
setFlash('')} />
x.pppDelta))}%`} tone="amber" />
{store.state.stressScenarios.map(sc => (
setSelected(sc.id)} style={{ padding: '10px 14px', fontSize: 12, fontWeight: 600, color: selected === sc.id ? 'white' : wr.ink, background: selected === sc.id ? wr.violetDeep : T.color.bg.secondary, border: `1px solid ${selected === sc.id ? wr.violetDeep : T.color.border.default}`, borderRadius: 4, cursor: 'pointer' }}>{sc.name}
))}
{s && (
{s.description}
Revenue Δ
{wr.money(s.revenueDelta)}
Cash Shortfall
{wr.money(s.cashShortfall)}
Probability
{s.probability}%
Mitigations
{s.mitigations.map((m, i) => {m} )}
Activate Scenario
)}
);
};
// ═══════════════════════════════════════════════════════════════
// WR5. Partner Comp Committee Cockpit
// ═══════════════════════════════════════════════════════════════
const WR5Comp = () => {
useCross();
const store = window.ExecStrategyStore;
const [selected, setSelected] = React.useState(null);
const [proposed, setProposed] = React.useState(0);
const [flash, setFlash] = React.useState('');
const select = (id) => {
const p = store.state.partners.find(x => x.id === id);
setSelected(id); setProposed(p.currentComp);
};
const model = () => {
store.modelComp(selected, proposed, 'Comp Cmte');
setFlash('Proposed comp modeled');
setTimeout(() => setFlash(''), 2500);
};
const p = store.state.partners.find(x => x.id === selected);
const totalComp = store.state.partners.reduce((s, x) => s + x.currentComp, 0);
return (
setFlash('')} />
x.decile === 1).reduce((s, x) => s + x.currentComp, 0))} tone="green" />
Partner Tier Practice Origination Working Realization Book Trend Leverage Citizenship DEI Decile Current
{store.state.partners.sort((a, b) => a.decile - b.decile).map(p => (
select(p.id)} style={{ cursor: 'pointer', background: selected === p.id ? wr.violetBg : 'transparent' }}>
{p.name} {p.tier} {p.practice}
{wr.money(p.origination)}
{wr.money(p.working)}
{p.realization}%
= 0 ? wr.green : wr.crimson, fontWeight: 700 }}>{p.bookTrend > 0 ? '+' : ''}{p.bookTrend}%
{p.leverageRatio}
{p.citizenship}
{p.dei}
{p.decile} {wr.money(p.currentComp)}
))}
{p && (
Peer Benchmark (est)
Kirkland {p.tier}: {wr.money(p.currentComp * 1.12)}
Latham {p.tier}: {wr.money(p.currentComp * 1.04)}
Wachtell {p.tier}: {wr.money(p.currentComp * 1.32)}
Save Modeled Comp
)}
);
};
// ═══════════════════════════════════════════════════════════════
// WR6. Succession & Retirement Cliff
// ═══════════════════════════════════════════════════════════════
const WR6Succession = () => {
useCross();
const store = window.ExecStrategyStore;
const [flash, setFlash] = React.useState('');
const openPlan = (id) => {
const r = store.openSuccessionPlan(id, 'Mgmt Cmte');
if (r) { setFlash(`Succession plan opened for ${r.name}`); setTimeout(() => setFlash(''), 3000); }
};
const years = [...new Set(store.state.retirements.map(r => r.retirementYear))].sort();
return (
setFlash('')} />
s + r.bookAtRisk, 0))} tone="gold" />
r.readiness === 'none').length} tone={store.state.retirements.filter(r => r.readiness === 'none').length > 0 ? 'crimson' : 'green'} />
{years.map(y => (
{y}
{store.state.retirements.filter(r => r.retirementYear === y).map(r => (
{r.name}
{wr.money(r.bookAtRisk)} book · {r.portablePct}% portable
))}
))}
Partner Retires Book Portable % Transfer Risk Successors Readiness
{store.state.retirements.map(r => (
{r.name} {r.retirementYear}
{wr.money(r.bookAtRisk)}
{r.portablePct}%
{wr.money(r.transferRisk)}
{r.successors.length ? r.successors.join(', ') : NONE DESIGNATED }
{r.readiness} {r.readiness !== 'advanced' && openPlan(r.partnerId)}>Open Plan }
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR7. Equity Partner Performance Decile
// ═══════════════════════════════════════════════════════════════
const WR7Decile = () => {
useCross();
const store = window.ExecStrategyStore;
const score = (p) => {
// Composite: origination 40%, working 15%, realization 15%, bookTrend 10%, citizenship 10%, dei 10%
return (p.origination / 20000000) * 40 + (p.working / 6000000) * 15 + (p.realization / 100) * 15 + ((p.bookTrend + 25) / 50) * 10 + (p.citizenship / 10) * 10 + (p.dei / 10) * 10;
};
const sorted = [...store.state.partners].map(p => ({ ...p, compositeScore: score(p) })).sort((a, b) => b.compositeScore - a.compositeScore);
const max = sorted[0].compositeScore;
return (
p.decile === 1).length} tone="gold" />
p.decile >= 5).length} tone="amber" />
Rank Partner Decile Composite Origination Realization Trend Citizenship DEI
{sorted.map((p, i) => (
{i + 1}
{p.name} · {p.practice} D{p.decile} {p.compositeScore.toFixed(1)}
{wr.money(p.origination)}
{p.realization}%
= 0 ? wr.green : wr.crimson, fontWeight: 700 }}>{p.bookTrend > 0 ? '+' : ''}{p.bookTrend}%
{p.citizenship}
{p.dei}
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR8. Associate Attrition Predictor
// ═══════════════════════════════════════════════════════════════
const WR8Attrition = () => {
useCross();
const store = window.ExecStrategyStore;
const [flash, setFlash] = React.useState('');
const trigger = (id, play) => {
const a = store.triggerRetentionPlay(id, play, 'People Ops');
if (a) { setFlash(`${a.name}: ${play.toUpperCase()} triggered`); setTimeout(() => setFlash(''), 3000); }
};
const sorted = [...store.state.associates].sort((a, b) => b.departureRisk - a.departureRisk);
return (
setFlash('')} />
s + a.departureRisk, 0) / store.state.associates.length) * 100).toFixed(0)}%`} tone="amber" />
Associate Class Practice Hours YTD Volatility Review Comp %ile Mentorship Risk Time-to-Loss Cost
{sorted.map(a => (
{a.name} {a.class}
{a.practice}
{a.hoursYtd.toLocaleString()}
0.5 ? wr.crimson : a.hoursVolatility > 0.35 ? wr.amber : wr.green }}>{a.hoursVolatility.toFixed(2)}
{a.reviewScore}
{a.compPercentile}%
{a.mentorshipTouches}
0.5 ? wr.crimson : a.departureRisk > 0.25 ? wr.amber : wr.green} width={70} /> 0.5 ? wr.crimson : wr.ink }}>{(a.departureRisk * 100).toFixed(0)}%
{a.timeToLoss ? `${a.timeToLoss}d` : '—'}
{wr.money(a.costOfLoss)}
{a.departureRisk >= 0.5 && !a.retentionPlay && ( trigger(a.id, 'retention-bonus')}>BONUS trigger(a.id, 'mentor-match')}>MENTOR
)}{a.retentionPlay && {a.retentionPlay.play} }
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR9. Promotion Pipeline & Dilution Model
// ═══════════════════════════════════════════════════════════════
const WR9Pipeline = () => {
useCross();
const store = window.ExecStrategyStore;
const [selected, setSelected] = React.useState(6);
const [flash, setFlash] = React.useState('');
const pp = store.state.promotionPipeline;
const selectSc = (c) => {
setSelected(c);
store.selectPromotionScenario(c, 'Exec Cmte');
setFlash(`Modeled ${c} new equity partners`);
setTimeout(() => setFlash(''), 2500);
};
const sc = pp.scenarios.find(x => x.promotedThisYear === selected);
return (
setFlash('')} />
s + x.count, 0)} tone="green" />
{pp.stages.map((s, i) => {
const pct = (s.count / pp.stages[0].count) * 100;
return (
{s.count}
{s.stage}
{s.yearOneConv &&
{(s.yearOneConv * 100).toFixed(0)}% conv
}
);
})}
{pp.scenarios.map(x => (
selectSc(x.promotedThisYear)}
style={{ flex: 1, padding: 14, background: selected === x.promotedThisYear ? wr.goldBg : T.color.bg.secondary, border: `1px solid ${selected === x.promotedThisYear ? wr.goldBorder : T.color.border.default}`, borderRadius: 6, cursor: 'pointer', textAlign: 'left' }}>
Promote {x.promotedThisYear}
{wr.money(x.newPPP)}
{x.dilutionPct.toFixed(2)}% dilution
))}
Promoting {sc.promotedThisYear} new equity partners requires capital call of {wr.money(sc.totalCapitalCall)} ({wr.money(sc.capitalCallPerNew)} per new partner). PPP compresses by {Math.abs(sc.dilutionPct).toFixed(2)}% in year one.
)}
);
};
// ═══════════════════════════════════════════════════════════════
// WR10. Client Lifetime Value
// ═══════════════════════════════════════════════════════════════
const WR10CLV = () => {
useCross();
const store = window.ExecStrategyStore;
const sorted = [...store.state.clients].sort((a, b) => b.clv - a.clv);
const maxClv = sorted[0].clv;
return (
s + c.clv, 0))} tone="gold" />
s + c.clv, 0))} tone="green" />
Rank Client Current Rev Realization Concessions CLV CLV vs Rev
{sorted.map((c, i) => (
{i + 1}
{c.name} {wr.money(c.revenue)}
90 ? wr.green : c.realization > 82 ? wr.amber : wr.crimson }}>{c.realization}%
20 ? wr.crimson : c.concessionsPct > 10 ? wr.amber : wr.green }}>{c.concessionsPct}%
{wr.money(c.clv)}
{(c.clv / c.revenue).toFixed(1)}×
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR11. White-Space / Cross-Sell Intelligence
// ═══════════════════════════════════════════════════════════════
const WR11WhiteSpace = () => {
useCross();
const store = window.ExecStrategyStore;
const [flash, setFlash] = React.useState('');
const pursue = (clientId, practice) => {
const c = store.pursueWhiteSpace(clientId, practice, 'BD Team');
if (c) { setFlash(`${c.name}: ${practice} pursuit opened`); setTimeout(() => setFlash(''), 2500); }
};
const subset = store.state.practices.slice(0, 12);
return (
setFlash('')} />
Client
{subset.map(p => {p} )}
White-Space $
{store.state.clients.map(c => {
const used = store.state.clientPracticeMatrix[c.id] || [];
return (
{c.name}
{subset.map(p => {
const active = used.includes(p);
return (
!active && pursue(c.id, p)}>
{active ?
: +
}
);
})}
{wr.money(c.whiteSpace)}
);
})}
);
};
// ═══════════════════════════════════════════════════════════════
// WR12. Panel / Convergence Risk
// ═══════════════════════════════════════════════════════════════
const WR12Panel = () => {
useCross();
const store = window.ExecStrategyStore;
const [flash, setFlash] = React.useState('');
const submit = (id) => {
const e = store.submitPanelResponse(id, 'innovation proposal', 'Client Ops');
if (e) { setFlash(`${e.client}: response submitted`); setTimeout(() => setFlash(''), 2500); }
};
return (
setFlash('')} />
e.ourPosition === 'at-risk').length} tone="amber" />
Client Type Status Deadline Est Impact Our Position Next Action
{store.state.panelEvents.map(e => (
{e.client} {e.type}
{e.status} {e.deadline}
{wr.money(e.estImpact)}
{e.ourPosition} {e.nextAction}
{!e.responseSubmitted ? submit(e.id)}>Submit Response : Submitted }
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR13. GC Turnover Watcher
// ═══════════════════════════════════════════════════════════════
const WR13GC = () => {
useCross();
const store = window.ExecStrategyStore;
const [flash, setFlash] = React.useState('');
const run = (client) => {
const g = store.runGcPlaybook(client, 'Client Ops');
if (g) { setFlash(`Playbook active: ${client}`); setTimeout(() => setFlash(''), 2500); }
};
return (
setFlash('')} />
g.playbookStatus !== 'new').length} tone="violet" />
Client Prior GC New GC Source Detected New GC Prior Firm Rel Score Book At Risk Playbook
{store.state.gcSignals.map((g, i) => (
{g.client} {g.priorGc}
{g.newGc}
{g.source}
{g.detectedOn}
{g.newGcPriorFirm}
{g.relationshipScore.toFixed(1)}/10
{wr.money(g.bookAtRisk)}
{g.playbookStatus === 'new' ? run(g.client)}>Run Playbook : {g.playbookStatus} }
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR14. Client Concentration / HHI
// ═══════════════════════════════════════════════════════════════
const WR14Concentration = () => {
useCross();
const store = window.ExecStrategyStore;
const c = store.state.concentration;
const hhiRisk = c.hhi >= c.hhiThreshold;
return (
{c.industryMix.map(m => (
{m.industry} {m.pct.toFixed(1)}%
))}
{c.practiceMix.map(m => (
{m.practice} {m.pct.toFixed(1)}%
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR15. Peer Rate Card Intelligence
// ═══════════════════════════════════════════════════════════════
const WR15PeerRates = () => {
useCross();
const store = window.ExecStrategyStore;
const totalGap = store.state.peerRates.reduce((s, r) => s + (r.variance * (r.practice === 'Associate' ? 1 : 1)), 0);
return (
r.variance < 0).length} tone="amber" />
Practice Level Our Rate Cravath Latham Kirkland Skadden Peer Avg Variance Source
{store.state.peerRates.map((r, i) => (
{r.practice} {r.level}
${r.ourRate}
{r.cravath ? `$${r.cravath}` : '—'}
{r.latham ? `$${r.latham}` : '—'}
{r.kirkland ? `$${r.kirkland}` : '—'}
{r.skadden ? `$${r.skadden}` : '—'}
${r.peerAvg}
{r.variance > 0 ? '+' : ''}${r.variance}
{r.source}
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR16. Lateral Market Intelligence
// ═══════════════════════════════════════════════════════════════
const WR16Market = () => {
useCross();
const store = window.ExecStrategyStore;
const flows = store.state.lateralMarketSummary.netFirmFlows;
return (
s + m.reportedBook, 0))} tone="gold" />
f.firm === 'Our Firm').netIn - flows.find(f => f.firm === 'Our Firm').netOut}`} tone="green" />
Firm Net In Net Out Net P&L Visual
{flows.sort((a, b) => (b.netIn - b.netOut) - (a.netIn - a.netOut)).map(f => {
const net = f.netIn - f.netOut;
return (
{f.firm} +{f.netIn}
−{f.netOut}
0 ? wr.green : wr.crimson, fontWeight: 700 }}>{net > 0 ? '+' : ''}{net}
0 ? wr.green : wr.crimson} width={140} />
);
})}
Date Partner Practice From → To Book Reported Comp Note
{store.state.lateralMoves.map((m, i) => (
{m.date}
{m.partner} {m.practice}
{m.from}
{m.to}
{wr.money(m.reportedBook)}
{m.reportedComp ? wr.money(m.reportedComp) : '—'}
{m.note}
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR17. AI / GenAI Productivity ROI
// ═══════════════════════════════════════════════════════════════
const WR17AI = () => {
useCross();
const store = window.ExecStrategyStore;
const r = store.state.aiRoiSummary;
return (
Tool Category Subscription Licensed Active Adoption Hours Deflected Realization Δ Net ROI
{store.state.aiTools.map(t => (
{t.tool} {t.category}
{wr.money(t.subscription)}
{t.licensedUsers}
{t.activeUsers}
0.75 ? wr.green : wr.amber} width={80} />{(t.adoption * 100).toFixed(0)}%
{t.hoursDeflected.toLocaleString()}
+{t.realizationDelta}%
{wr.money(t.netRoi - t.subscription)}
))}
);
};
// ═══════════════════════════════════════════════════════════════
// WR18. Conflicts Revenue-at-Risk
// ═══════════════════════════════════════════════════════════════
const WR18Conflicts = () => {
useCross();
const store = window.ExecStrategyStore;
const [flash, setFlash] = React.useState('');
const [reasonFor, setReasonFor] = React.useState(null);
const [reason, setReason] = React.useState('');
const submit = (id) => {
store.requestConflictOverride(id, reason || 'Value exceeds adverse risk', 'Mgmt Cmte');
setFlash('Override request submitted');
setReasonFor(null); setReason('');
setTimeout(() => setFlash(''), 2500);
};
const byCause = {};
store.state.conflictsDeclined.forEach(c => {
byCause[c.declinedFor] = (byCause[c.declinedFor] || 0) + c.estLifetimeValue;
});
const causes = Object.entries(byCause).sort((a, b) => b[1] - a[1]);
return (
setFlash('')} />
c.year === 2026).length} tone="amber" />
{causes.map(([cause, total]) => (
))}
Date Matter Declined For Practice Partner 1-Yr Rev Lifetime Value
{store.state.conflictsDeclined.sort((a, b) => b.estLifetimeValue - a.estLifetimeValue).map(c => (
{c.date}
{c.matter} {c.declinedFor}
{c.practice}
{c.partnerLost}
{wr.money(c.expectedRev1yr)}
{wr.money(c.estLifetimeValue)}
{!c.overrideRequest ? setReasonFor(c.id)}>Request Override : {c.overrideRequest.status} }
))}
{reasonFor && (