// fantasy/src/dashboard.jsx — every league at a glance.
//
// Reads derived/fantasySnapshot (built server-side after every sync) for
// everything that is a judgement — projections, legality, swaps, health —
// and the league docs only for what the platform said. Nothing is computed
// here beyond formatting, so this page and the Telegram alert can never
// disagree about whether a lineup is legal.
//
// Order is the running Status page's: act now, this week per league, then
// the pipeline.
const { useContext } = React;
const { DataContext, SyncChip, InjuryTag, timeAgo, projLabel, kickoffLabel } = window.FantasyShared;
const SEV_TAG = { critical: 'tag-red', warn: 'tag-amber', info: 'tag-blue' };
function ActNow({ snapshot }) {
const items = (snapshot && snapshot.actNow) || [];
if (!items.length) return (
all clearEvery lineup is legal and nothing on the bench beats a starter by 2+.
{L.unresolved.length} ESPN player(s) not matched to the player master: {L.unresolved.map(u => u.name).join(', ')}. They're on the roster but carry no Sleeper projection.
)}
)}
);
}
const TIER_TAG = { 'league-winner': 'tag-red', starter: 'tag-amber', flex: 'tag-blue', speculative: 'tag-grey' };
const KIND_TAG = { injury: 'tag-red', suspension: 'tag-red', release: 'tag-amber', trade: 'tag-blue', signing: 'tag-blue', role: 'tag-green', activation: 'tag-green', other: 'tag-grey' };
// The wire: this week's claims per league, with the bid and the reason —
// built server-side by waiverPlan on Tuesday morning and on demand.
// A fee league's plan: the tree of claims that clear the bar, every branch
// on the same drop, then what was held and why. The fee is on every line.
function ClaimTree({ L }) {
const claims = L.claims || [];
const held = L.held || [];
return (
{!claims.length ?
{L.treeNote || `Nothing clears the $${L.fee} bar this week — hold.`}
Monitor, not worth ${L.fee}: {held.slice(0, 5).map(h => `${h.name} ${h.position}`).join(', ')}
}
);
}
// Who to start and how sure: one row per slot, the certainty as a bar,
// the alternative the starter is keeping on the bench, and the factors
// that moved the numbers (weather, the line, a designation). A move is a
// slot where the pick differs from the lineup as set and clears 55%.
function CertaintyBar({ value }) {
const pct = Math.round((value || 0) * 100);
const color = pct >= 70 ? '#22c55e' : pct >= 58 ? '#f59e0b' : '#ef4444';
return (
{pct}%
);
}
// One opinion as a percentage, or why there is none.
function MetricCell({ value, missing = '—' }) {
if (!Number.isFinite(value)) return {missing};
const pct = Math.round(value * 100);
const cls = pct >= 70 ? 'green' : pct >= 58 ? 'amber' : pct <= 42 ? 'red' : 'muted';
return {pct}%;
}
const OPINION_TAG = { agree: 'tag-green', split: 'tag-amber', against: 'tag-red', lean: 'tag-grey' };
// The analysts' vote: how many of the desks that projected both players
// put the starter ahead, with each desk's pair on hover. Fewer than three
// desks in common is "too few", never a coin flip.
function AnalystCell({ vote }) {
if (!vote || !vote.n) return too few desks;
const share = vote.favour / vote.n;
const cls = share >= 0.7 ? 'green' : share >= 0.58 ? 'amber' : share <= 0.42 ? 'red' : 'muted';
const title = (vote.sources || []).map(x => `${x.source}: ${x.starter} v ${x.alternative}`).join('\n');
return {vote.favour % 1 ? vote.favour.toFixed(1) : vote.favour}/{vote.n};
}
// The experts' consensus line under a name: positional rank, average, and
// the best-to-worst spread that says how contested he is.
function EcrLine({ ecr }) {
if (!ecr || !Number.isFinite(ecr.avg)) return null;
return
);
}
const ACTION_MARK = { swap: '🔁', start: '🔁', claim: '➕', ir: '🏥', drop: '➖', watch: '👀', none: 'ℹ️' };
const RELATION_LABEL = { 'mine-starter': 'your starter', 'mine-bench': 'on your bench', 'mine-ir': 'on your IR', opponent: "opponent's", 'other-team': "another team's", unrostered: 'on the wire' };
// The latest classified items, each with its assessment: what the event
// means for my team in every league (newsImpact), so a headline is never
// shown without the answer to "so what do I do". `via` says which road
// classified it — the rules or the model — so a modelled reading is never
// dressed as a fact.
function News({ news, snapshot }) {
if (!news || !news.length) return null;
const mine = new Set(((snapshot && snapshot.leagues) || []).flatMap(l => (l.players || []).map(p => p.id)));
const actionable = news.filter(n => n.impact && n.impact.needsAction).length;
return (
);
}
// The picks' own record: what the model, the experts and the crowd said
// versus what the players then scored (pickLedger, scored the morning after
// the week closes). Absent until a week has been scored — a blank is "not
// yet", never 0%.
const pctOf = (v) => (Number.isFinite(v) ? `${Math.round(v * 100)}%` : '—');
const f1 = (v) => (Number.isFinite(v) ? v.toFixed(1) : '—');
function TrackRecord({ snapshot }) {
const a = snapshot && snapshot.accuracy;
if (!a || !a.weeksScored) return null;
const lw = a.lastWeek;
return (