Round {step.roundNumber}

\n {step.managerCount} manager{step.managerCount !== 1 ? \"s\" : \"\"}{\" \"}\n still seeking a pick\n

\n );\n}\n\nfunction Nominations(\n { step }: { step: Extract },\n) {\n return (\n

Nominations

\n {step.nominations.map((nom) => (\n

{nom.teamName}

\n nominates {nom.playerName} (ADP {nom.nominatedAdp})\n

\n {nom.skippedPlayers.length > 0 && (\n

\n {nom.skippedPlayers.map((sp) => (\n \n {sp.name} taken R{sp.takenInRound} by {sp.takenBy}\n \n ))}\n

\n )}\n

\n ))}\n

\n );\n}\n\nfunction Uncontested(\n { step }: { step: Extract },\n) {\n return (\n

Uncontested

\n {step.picks.map((pick) => (\n

\n {pick.teamName} gets{\" \"}\n {pick.playerName} (ADP {pick.playerAdp})\n Awarded\n

\n ))}\n

\n );\n}\n\nfunction ConflictContestants(\n { step }: { step: Extract },\n) {\n const c = step.conflict;\n return (\n

\n Lottery for {c.playerName}\n \n {c.contestants.length}-way contest\n \n

\n {c.contestants.map((ct) => (\n

\n {ct.teamName}\n

\n ))}\n

Drawing...

\n );\n}\n\n// Intermediate elimination step — one more loser X'd out each click.\n// Shows \"Drawing...\" to signal more eliminations are coming.\nfunction ConflictEliminate(\n { step }: { step: Extract },\n) {\n const c = step.conflict;\n const eliminatedSet = new Set(step.eliminatedIds);\n return (\n

\n Lottery for {c.playerName}\n \n {c.contestants.length}-way contest\n \n

\n {c.contestants.map((ct) => {\n const isEliminated = eliminatedSet.has(ct.managerId);\n const isJustEliminated = ct.managerId === step.latestEliminatedId;\n return (\n \n {ct.teamName}\n {isEliminated && Out}\n

\n );\n })}\n

Drawing...

\n \n );\n}\n\n// Final reveal — last loser eliminated, winner celebrated.\nfunction ConflictWinner(\n { step }: { step: Extract },\n) {\n const c = step.conflict;\n const loserSet = new Set(step.allLoserIds);\n // The last loser is the one not previously eliminated (in the prior eliminate steps)\n // For a 2-way contest there are no prior eliminate steps, so the single loser is \"just\" eliminated here.\n const lastLoserId = step.allLoserIds[step.allLoserIds.length - 1];\n return (\n

\n Lottery for {c.playerName}\n \n {c.contestants.length}-way contest\n \n

\n {c.contestants.map((ct) => {\n const isWinner = ct.managerId === c.winnerId;\n const isLoser = loserSet.has(ct.managerId);\n const isLastLoser = ct.managerId === lastLoserId;\n return (\n \n {ct.teamName}\n {isWinner && Winner!}\n {isLoser && Out}\n

\n );\n })}\n

\n \n );\n}\n\nfunction FinalReveal({ step }: { step: Extract }) {\n return (\n

Final Draft Order

\n Resolved in {step.roundCount} round{step.roundCount !== 1 ? \"s\" : \"\"}\n {\" \"}\n · Seed: {step.seed}\n

First-Round Draft Order

\n {step.slots.map((slot) => (\n

\n \n {slot.slot}\n

{slot.teamName}

\n Selected: {slot.playerName} (ADP {slot.playerAdp}) ·{\" \"}\n {slot.playerTeam} · {slot.playerPosition}\n

\n ))}\n

\n \n );\n}\n\n// ---- Main App ----\n\nfunction ResultsApp() {\n const [result, setResult] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(\"\");\n const [currentStep, setCurrentStep] = useState(0);\n const bottomRef = useRef(null);\n\n useEffect(() => {\n fetch(\"/api/results\")\n .then((res) => {\n if (!res.ok) throw new Error(\"Failed to load results\");\n return res.json();\n })\n .then((data) => {\n if (data?.result) setResult(data.result as DraftResult);\n })\n .catch((err) => setError(err.message))\n .finally(() => setLoading(false));\n }, []);\n\n // Scroll to bottom when step advances\n useEffect(() => {\n if (currentStep > 0) {\n setTimeout(\n () => bottomRef.current?.scrollIntoView({ behavior: \"smooth\" }),\n 100,\n );\n }\n }, [currentStep]);\n\n if (loading) return

Loading results...

;\n\n if (!result) {\n return (\n

\n NPB Draft 2026\n

First-round lottery results

\n {error &&

{error}

}\n

The draft hasn't been executed yet. Check back later!

\n \n Go to pick submission\n \n

\n );\n }\n\n const steps = buildSteps(result);\n const visibleSteps = steps.slice(0, currentStep + 1);\n const isComplete = currentStep >= steps.length - 1;\n\n return (\n

\n NPB Draft 2026\n

First-round lottery reveal

\n\n

\n {visibleSteps.map((step, i) => (\n \n {step.type === \"round-intro\" && }\n {step.type === \"nominations\" && }\n {step.type === \"uncontested\" && }\n {step.type === \"conflict-contestants\" && (\n \n )}\n {step.type === \"conflict-eliminate\" && (\n \n )}\n {step.type === \"conflict-winner\" && }\n {step.type === \"final\" && }\n

\n ))}\n

\n\n

\n {!isComplete\n ? (\n \n setCurrentStep((s) => s + 1)}\n >\n {currentStep === 0 ? \"Begin Reveal\" : \"Next\"}\n \n )\n : (\n \n Draft complete. Good luck this season!\n

\n )}\n \n \n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();","deleted","label",[178,159],"frontend","permalink","https://www.val.town/x/clintr/npb-draft/code/frontend/results.tsx","extension","actionData","errors"]