// screens-draft.jsx — Fantasy Draft Room + Sign-in // Snake draft of poker pros. Pre-populated pool + custom players + Hendon Mob links. const { useState: uS_d, useEffect: uE_d, useRef: uR_d } = React; // ============================================================================ // Pre-populated player pool // ============================================================================ // $ cost = projected total points ceiling (used for cap-style budget) // hm = Hendon Mob slug for the "verify real results" link // tier = S (legends), A (top pros), B (regulars), C (locals/dark horses) const POOL_DEFAULT = [ // S-TIER { id: 'p_neg', name: 'Daniel Negreanu', cost: 95, tier: 'S', tag: 'Mixed/NLH', hm: '17765', bio: 'PokerGO Tour. Forever wired.' }, { id: 'p_hell', name: 'Phil Hellmuth', cost: 88, tier: 'S', tag: 'NLH/Bracelet', hm: '5436', bio: '17 bracelets. The Brat hunts more.' }, { id: 'p_ivey', name: 'Phil Ivey', cost: 92, tier: 'S', tag: 'High Roller', hm: '14601', bio: 'Returns when the games are big.' }, { id: 'p_deeb', name: 'Shaun Deeb', cost: 90, tier: 'S', tag: 'Workhorse', hm: '36989', bio: 'Plays everything. Cashes everything.' }, { id: 'p_kenney', name: 'Bryn Kenney', cost: 86, tier: 'S', tag: 'High Roller', hm: '49963', bio: 'All-time money leader. High stakes only.' }, { id: 'p_chid', name: 'Stephen Chidwick', cost: 84, tier: 'S', tag: 'High Roller', hm: '67225', bio: 'Mixed-games threat at every super-high-roller.' }, // A-TIER { id: 'p_koon', name: 'Jason Koon', cost: 78, tier: 'A', tag: 'High Roller', hm: '17170', bio: 'Triton regular. Cool under fire.' }, { id: 'p_bonomo', name: 'Justin Bonomo', cost: 76, tier: 'A', tag: 'Tournament', hm: '60427', bio: 'Won the $1M Big One. Plays mostly mid+high.' }, { id: 'p_cates', name: 'Daniel Cates', cost: 70, tier: 'A', tag: 'Mixed/Costume', hm: '171605', bio: 'PLO sicko. Drops a costume final table per series.' }, { id: 'p_polk', name: 'Doug Polk', cost: 65, tier: 'A', tag: 'Heads-Up/PLO', hm: '109840', bio: 'Selectively plays. When in, threat.' }, { id: 'p_seidel', name: 'Erik Seidel', cost: 72, tier: 'A', tag: 'Mixed', hm: '6759', bio: '9 bracelets. Plays everything quietly.' }, { id: 'p_mateos', name: 'Adrian Mateos', cost: 74, tier: 'A', tag: 'PLO/NLH', hm: '171605', bio: 'Spanish menace. 3 cashes a week minimum.' }, { id: 'p_jorstad', name: 'Espen Jorstad', cost: 68, tier: 'A', tag: 'Main Event', hm: '286049', bio: 'Reigning Main Event mindset. Deep runs.' }, { id: 'p_foxen', name: 'Kristen Foxen', cost: 66, tier: 'A', tag: 'Mixed', hm: '108937', bio: 'Multi-format. Cashes consistently.' }, { id: 'p_galfond', name: 'Phil Galfond', cost: 64, tier: 'A', tag: 'PLO', hm: '8459', bio: 'PLO god. Rare WSOP appearances.' }, { id: 'p_hastings', name: 'Brian Hastings', cost: 62, tier: 'A', tag: 'Mixed', hm: '99413', bio: 'Mixed games or bust. Bracelet threat.' }, // B-TIER (workhorses + good prices) { id: 'p_ausmus', name: 'Jeremy Ausmus', cost: 54, tier: 'B', tag: 'Tournament', hm: '17107', bio: 'Quiet grinder, multiple bracelets.' }, { id: 'p_mckeehen', name: 'Joe McKeehen', cost: 52, tier: 'B', tag: 'NLH', hm: '171605', bio: 'Former Main Event winner. Aggressive.' }, { id: 'p_kessler', name: 'Allen Kessler', cost: 38, tier: 'B', tag: 'Volume', hm: '8541', bio: 'Plays literally every event. The Chainsaw.' }, { id: 'p_dunst', name: 'Tony Dunst', cost: 46, tier: 'B', tag: 'NLH', hm: '34316', bio: 'WPT regular. Solid live read.' }, { id: 'p_robl', name: 'Andrew Robl', cost: 44, tier: 'B', tag: 'Live Cash', hm: '60412', bio: 'High-stakes live. Selective tournaments.' }, { id: 'p_marchese', name: 'Tom Marchese', cost: 50, tier: 'B', tag: 'Tournament', hm: '67224', bio: 'Big tournament threat all series.' }, { id: 'p_dwan', name: 'Tom Dwan', cost: 48, tier: 'B', tag: 'Wild Card', hm: '15193', bio: 'May show, may not. If he plays, you score.' }, { id: 'p_engel', name: 'Ari Engel', cost: 40, tier: 'B', tag: 'Volume', hm: '147466', bio: 'Mr. Volume. Tons of small cashes.' }, { id: 'p_jaka', name: 'Faraz Jaka', cost: 42, tier: 'B', tag: 'Tournament', hm: '5870', bio: 'Volume play. Cashes show up.' }, { id: 'p_konnikova', name: 'Maria Konnikova',cost: 36, tier: 'B', tag: 'Writer/NLH', hm: '460268', bio: 'Author. Plays a focused calendar.' }, // C-TIER (locals / dark horses / cheap) { id: 'p_kyle', name: 'Kyle "Jack in the Box" Miholich', cost: 22, tier: 'C', tag: 'Wild Card', hm: '389470', bio: 'Coach Kyle. Plays Main Event in a giant mascot head.' }, { id: 'p_holtz', name: 'Mike Holtz', cost: 28, tier: 'C', tag: 'Local Vegas', hm: '171605', bio: 'Vegas local. Feud generator.' }, { id: 'p_hawkins',name: 'Reece Hawkins', cost: 30, tier: 'C', tag: 'Mid-Stakes', hm: '171605', bio: 'ICM specialist. Final tables.' }, { id: 'p_tilly', name: 'Jennifer Tilly', cost: 24, tier: 'C', tag: 'Celeb', hm: '14148', bio: 'Plays select events. Always a story.' }, ]; // ============================================================================ // DraftRoom screen // ============================================================================ function DraftRoomScreen({ onClose, onComplete }) { // ─── Config ────────────────────────────────────────────────────────── const [step, setStep] = uS_d('setup'); // setup | drafting | done const [teamCount, setTeamCount] = uS_d(8); const [rosterSize, setRosterSize] = uS_d(5); const [budget, setBudget] = uS_d(300); const [myTeamName, setMyTeamName] = uS_d('Your Team'); const [otherTeams, setOtherTeams] = uS_d(['Coach K\'s Crushers','River Rats','Tilt City','Pocket Aces','Felt Sharks','Dead Money','The Donks']); // ─── Draft state ───────────────────────────────────────────────────── const [pool, setPool] = uS_d(POOL_DEFAULT); const [customName, setCustomName] = uS_d(''); const [customCost, setCustomCost] = uS_d(40); const [picks, setPicks] = uS_d([]); // [{ round, slot, teamIdx, playerId }] const [filter, setFilter] = uS_d('all'); // all | S | A | B | C const allTeams = [myTeamName, ...otherTeams.slice(0, teamCount - 1)]; const myIdx = 0; const totalPicks = teamCount * rosterSize; const currentPickIdx = picks.length; const round = Math.floor(currentPickIdx / teamCount) + 1; const slotInRound = currentPickIdx % teamCount; // Snake: odd rounds 0..N-1, even rounds N-1..0 const teamOnClock = round % 2 === 1 ? slotInRound : (teamCount - 1 - slotInRound); const onClockTeam = allTeams[teamOnClock]; const isMyTurn = teamOnClock === myIdx; const draftedIds = new Set(picks.map(p => p.playerId)); const availablePool = pool.filter(p => !draftedIds.has(p.id) && (filter === 'all' || p.tier === filter)); const myRoster = picks.filter(p => p.teamIdx === myIdx).map(p => pool.find(pl => pl.id === p.playerId)).filter(Boolean); const myBudgetSpent = myRoster.reduce((s, p) => s + (p?.cost || 0), 0); const myBudgetLeft = budget - myBudgetSpent; // ─── Auto-draft for other teams ────────────────────────────────────── uE_d(() => { if (step !== 'drafting' || isMyTurn || currentPickIdx >= totalPicks) return; const t = setTimeout(() => { // Each AI team picks roughly by cost (best available, with some noise) const teamRoster = picks.filter(p => p.teamIdx === teamOnClock).map(p => pool.find(pl => pl.id === p.playerId)).filter(Boolean); const teamSpent = teamRoster.reduce((s, p) => s + p.cost, 0); const teamLeft = budget - teamSpent; const picksLeftForTeam = rosterSize - teamRoster.length; const maxThisPick = picksLeftForTeam > 1 ? teamLeft - (picksLeftForTeam - 1) * 20 : teamLeft; const affordable = pool.filter(p => !draftedIds.has(p.id) && p.cost <= maxThisPick); const candidates = affordable.sort((a, b) => b.cost - a.cost).slice(0, 4); if (!candidates.length) { // Take cheapest available const cheap = pool.filter(p => !draftedIds.has(p.id)).sort((a, b) => a.cost - b.cost)[0]; if (cheap) setPicks(prev => [...prev, { round, slot: slotInRound, teamIdx: teamOnClock, playerId: cheap.id }]); return; } const pick = candidates[Math.floor(Math.random() * candidates.length)]; setPicks(prev => [...prev, { round, slot: slotInRound, teamIdx: teamOnClock, playerId: pick.id }]); }, 900); return () => clearTimeout(t); }, [step, currentPickIdx, isMyTurn]); // ─── Detect draft complete ─────────────────────────────────────────── uE_d(() => { if (step === 'drafting' && currentPickIdx >= totalPicks) { setStep('done'); } }, [currentPickIdx, step]); const makePick = (player) => { if (!isMyTurn || player.cost > myBudgetLeft) return; setPicks(prev => [...prev, { round, slot: slotInRound, teamIdx: myIdx, playerId: player.id }]); }; const addCustomPlayer = () => { if (!customName.trim()) return; const id = 'custom_' + Date.now(); setPool(prev => [...prev, { id, name: customName.trim(), cost: Number(customCost) || 40, tier: 'C', tag: 'Custom', hm: '', bio: 'Your pick. Track manually.', }]); setCustomName(''); }; // ─── Save on completion ───────────────────────────────────────────── uE_d(() => { if (step !== 'done') return; const result = { season: 'WSOP 2026', myTeam: myTeamName, roster: myRoster.map(p => ({ id: p.id, name: p.name, cost: p.cost, hm: p.hm })), otherTeams: allTeams.slice(1).map((name, i) => ({ name, roster: picks.filter(p => p.teamIdx === i + 1).map(p => { const pl = pool.find(pp => pp.id === p.playerId); return pl ? { id: pl.id, name: pl.name, cost: pl.cost } : null; }).filter(Boolean), })), draftedAt: new Date().toISOString(), }; try { localStorage.setItem('plr_draft_result', JSON.stringify(result)); } catch (e) {} }, [step]); // ─── Rendering ─────────────────────────────────────────────────────── if (step === 'setup') return renderSetup(); if (step === 'drafting') return renderDrafting(); if (step === 'done') return renderDone(); // ───────────────────────────────────────────────────────────────────── function renderSetup() { return (
◆ DRAFT ROOM

Set up your league

Pick a format. Snake draft. Real or made-up teams. Track real pros on Hendon Mob.

setMyTeamName(e.target.value)} style={inputStyle}/>