// LeaderReview.jsx — Team Health diagnostic + leadership commitment. // Stages: 'diagnostic' → 'commit' → 'summary' const { useState: useStateLR, useMemo: useMemoLR } = React; // ───────────────────────────────────────────────────────────── // Container // ───────────────────────────────────────────────────────────── function LeaderReview({ journey, escalationLog, score, rank, onRestart, onRunAnotherSprint }) { const [phase, setPhase] = useStateLR("diagnostic"); const [commitment, setCommitment] = useStateLR(null); const { scores } = useMemoLR( () => window.lrComputeHealth(escalationLog || []), [escalationLog] ); const patterns = useMemoLR( () => window.lrRelevantPatterns(escalationLog || [], scores), [escalationLog, scores] ); const evidence = useMemoLR( () => window.lrLeadershipEvidence(escalationLog || []), [escalationLog] ); if (phase === "diagnostic") { return ( setPhase("commit")} /> ); } if (phase === "commit") { return ( { setCommitment(p); setPhase("summary"); }} onBack={() => setPhase("diagnostic")} /> ); } return ( ); } // ───────────────────────────────────────────────────────────── // Phase 1 — Diagnostic // ───────────────────────────────────────────────────────────── function LRDiagnostic({ scores, patterns, evidence, onContinue }) { const hasEvidence = evidence.length > 0; return (
Desk-health review

Desk health, surfaced by what got escalated.

Most desk-health issues are downstream of how the desk is run, not the traders. The risk events that reached you today are the evidence.

{/* 4 dimensions */}
{window.LR_DIMENSIONS.map((d) => ( ))}
{/* Evidence */} {hasEvidence ? (
Today's escalations · routed to the desk
{evidence.map((ev, i) => ( ))}
) : (
No risk events reached you today. Either the desk didn't surface them, or the strategies' own rules handled it. Both are worth a moment.
)} {/* Patterns */} {patterns.length > 0 && (
Patterns observed
{patterns.map((p) => ( ))}
)}
); } function LRDimensionCard({ dim, score }) { const band = window.lrBandFor(score); const bandColor = { success: "var(--color-success)", info: "var(--color-focus-ring)", warning: "var(--color-warning, #B36500)", danger: "var(--color-danger)", }[band.tone]; return (
{dim.label} {band.label}
{score}
{dim.sub}
); } function LREvidence({ ev }) { const route = window.FB_ESCALATION_BY_ID?.[ev.routeId]; return (
{ev.blockerLabel} → {route?.short || ev.routeId} {ev.storyRef}
{ev.description}
); } function LRPatternCard({ pattern }) { const dim = window.LR_DIMENSION_BY_ID[pattern.dimension]; return (
{pattern.title} {dim.label}
{pattern.diagnostic}
); } // ───────────────────────────────────────────────────────────── // Phase 2 — Commit // ───────────────────────────────────────────────────────────── function LRCommit({ patterns, scores, onCommit, onBack }) { // If we have patterns from evidence, surface those first. // Otherwise show the lowest-scoring dimension's patterns from the full library. const options = useMemoLR(() => { if (patterns.length > 0) return patterns; const lowestDim = window.LR_DIMENSIONS .map((d) => ({ id: d.id, score: scores[d.id] })) .sort((a, b) => a.score - b.score)[0]; return window.LR_PATTERNS .filter((p) => p.dimension === lowestDim.id) .slice(0, 3); }, [patterns, scores]); const [picked, setPicked] = useStateLR(null); return (
Leadership commitment

Pick one thing you'll actually change.

The desk can't fix any of this from where they sit. Pick the change you're going to make as desk lead before tomorrow's open.

{options.map((p) => { const dim = window.LR_DIMENSION_BY_ID[p.dimension]; const isPicked = picked?.id === p.id; return ( ); })}
); } // ───────────────────────────────────────────────────────────── // Phase 3 — Final summary // ───────────────────────────────────────────────────────────── function LRSummary({ journey, scores, commitment, score, rank, onRestart, onRunAnotherSprint }) { const dim = commitment ? window.LR_DIMENSION_BY_ID[commitment.dimension] : null; return (
Session complete

That's a wrap. Take what changed forward.

{/* Score recap */}
Your score
${(score || 0).toLocaleString()}
{rank && (
RANK #{rank}
)}
{/* Commitment card */} {commitment && dim && (
You committed to {dim.label}
{commitment.action}
Addresses: {commitment.title.toLowerCase()}.
)} {/* Mini sprint recap */}
Session recap
); } function LRRecap({ label, value }) { return (
{label} {value || "—"}
); } Object.assign(window, { LeaderReview });