[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","68f3d86267808191952da9a5e4310bb5","versionInt","title","Clemson #2 Path — Interactive Simulator (react)","type","code/react","content","import React, { useEffect, useMemo, useRef, useState } from \"react\";\n\n// Clemson #2 Path — Interactive Simulator (with full ACC tiebreakers 1–4 and hover schedules)\n\n// -------------------- Types & Seeds --------------------\n\ntype Team =\n | \"Georgia Tech\" | \"Virginia\" | \"Duke\" | \"SMU\" | \"Louisville\" | \"California\" | \"Pittsburgh\"\n | \"Clemson\" | \"Miami\" | \"Wake Forest\" | \"NC State\" | \"Virginia Tech\" | \"Syracuse\"\n | \"Stanford\" | \"North Carolina\" | \"Florida State\" | \"Boston College\";\n\nconst INITIAL_CONF: Record = {\n \"Georgia Tech\": { w: 3, l: 0 },\n \"Virginia\": { w: 3, l: 0 },\n \"Duke\": { w: 3, l: 0 },\n \"SMU\": { w: 2, l: 0 },\n \"Louisville\": { w: 2, l: 1 },\n \"California\": { w: 2, l: 1 },\n \"Pittsburgh\": { w: 2, l: 1 },\n \"Clemson\": { w: 2, l: 2 },\n \"Miami\": { w: 1, l: 1 },\n \"Wake Forest\": { w: 1, l: 2 },\n \"NC State\": { w: 1, l: 2 },\n \"Virginia Tech\": { w: 1, l: 2 },\n \"Syracuse\": { w: 1, l: 2 },\n \"Stanford\": { w: 1, l: 2 },\n \"North Carolina\": { w: 0, l: 2 },\n \"Florida State\": { w: 0, l: 3 },\n \"Boston College\": { w: 0, l: 4 },\n};\n\ninterface Game {\n id: string;\n week: number; // 8..14 future ACC weeks\n date: string;\n away: Team;\n home: Team;\n isACC: boolean;\n}\n\n// Remaining ACC games (Weeks 8–14 only)\nconst GAMES: Game[] = [\n { id: \"w8-gt-duke\", week: 8, date: \"Oct 18\", away: \"Georgia Tech\", home: \"Duke\", isACC: true },\n { id: \"w8-smu-clem\", week: 8, date: \"Oct 18\", away: \"SMU\", home: \"Clemson\", isACC: true },\n { id: \"w8-pitt-syr\", week: 8, date: \"Oct 18\", away: \"Pittsburgh\", home: \"Syracuse\", isACC: true },\n { id: \"w8-fsu-stan\", week: 8, date: \"Oct 18\", away: \"Florida State\", home: \"Stanford\", isACC: true },\n\n { id: \"w9-cal-vt\", week: 9, date: \"Oct 24\", away: \"California\", home: \"Virginia Tech\", isACC: true },\n { id: \"w9-syr-gt\", week: 9, date: \"Oct 25\", away: \"Syracuse\", home: \"Georgia Tech\", isACC: true },\n { id: \"w9-uva-unc\", week: 9, date: \"Oct 25\", away: \"Virginia\", home: \"North Carolina\", isACC: true },\n { id: \"w9-smu-wake\", week: 9, date: \"Oct 25\", away: \"SMU\", home: \"Wake Forest\", isACC: true },\n { id: \"w9-ncsu-pitt\", week: 9, date: \"Oct 25\", away: \"NC State\", home: \"Pittsburgh\", isACC: true },\n { id: \"w9-stan-miami\", week: 9, date: \"Oct 25\", away: \"Stanford\", home: \"Miami\", isACC: true },\n { id: \"w9-bc-lou\", week: 9, date: \"Oct 25\", away: \"Boston College\", home: \"Louisville\", isACC: true },\n\n { id: \"w10-unc-syr\", week: 10, date: \"Oct 31\", away: \"North Carolina\", home: \"Syracuse\", isACC: true },\n { id: \"w10-uva-cal\", week: 10, date: \"Nov 1\", away: \"Virginia\", home: \"California\", isACC: true },\n { id: \"w10-duke-clem\", week: 10, date: \"Nov 1\", away: \"Duke\", home: \"Clemson\", isACC: true },\n { id: \"w10-wake-fsu\", week: 10, date: \"Nov 1\", away: \"Wake Forest\", home: \"Florida State\", isACC: true },\n { id: \"w10-gt-ncsu\", week: 10, date: \"Nov 1\", away: \"Georgia Tech\", home: \"NC State\", isACC: true },\n { id: \"w10-lou-vt\", week: 10, date: \"Nov 1\", away: \"Louisville\", home: \"Virginia Tech\", isACC: true },\n { id: \"w10-miami-smu\", week: 10, date: \"Nov 1\", away: \"Miami\", home: \"SMU\", isACC: true },\n { id: \"w10-pitt-stan\", week: 10, date: \"Nov 1\", away: \"Pittsburgh\", home: \"Stanford\", isACC: true },\n\n { id: \"w11-smu-bc\", week: 11, date: \"Nov 8\", away: \"SMU\", home: \"Boston College\", isACC: true },\n { id: \"w11-cal-lou\", week: 11, date: \"Nov 8\", away: \"California\", home: \"Louisville\", isACC: true },\n { id: \"w11-fsu-clem\", week: 11, date: \"Nov 8\", away: \"Florida State\", home: \"Clemson\", isACC: true },\n { id: \"w11-syr-miami\", week: 11, date: \"Nov 8\", away: \"Syracuse\", home: \"Miami\", isACC: true },\n { id: \"w11-wake-uva\", week: 11, date: \"Nov 8\", away: \"Wake Forest\", home: \"Virginia\", isACC: true },\n { id: \"w11-stan-unc\", week: 11, date: \"Nov 8\", away: \"Stanford\", home: \"North Carolina\", isACC: true },\n\n { id: \"w12-clem-lou\", week: 12, date: \"Nov 14\", away: \"Clemson\", home: \"Louisville\", isACC: true },\n { id: \"w12-gt-bc\", week: 12, date: \"Nov 15\", away: \"Georgia Tech\", home: \"Boston College\", isACC: true },\n { id: \"w12-uva-duke\", week: 12, date: \"Nov 15\", away: \"Virginia\", home: \"Duke\", isACC: true },\n { id: \"w12-vt-fsu\", week: 12, date: \"Nov 15\", away: \"Virginia Tech\", home: \"Florida State\", isACC: true },\n { id: \"w12-ncsu-miami\", week: 12, date: \"Nov 15\", away: \"NC State\", home: \"Miami\", isACC: true },\n { id: \"w12-unc-wake\", week: 12, date: \"Nov 15\", away: \"North Carolina\", home: \"Wake Forest\", isACC: true },\n\n { id: \"w13-fsu-ncsu\", week: 13, date: \"Nov 21\", away: \"Florida State\", home: \"NC State\", isACC: true },\n { id: \"w13-cal-stan\", week: 13, date: \"Nov 22\", away: \"California\", home: \"Stanford\", isACC: true },\n { id: \"w13-duke-unc\", week: 13, date: \"Nov 22\", away: \"Duke\", home: \"North Carolina\", isACC: true },\n { id: \"w13-pitt-gt\", week: 13, date: \"Nov 22\", away: \"Pittsburgh\", home: \"Georgia Tech\", isACC: true },\n { id: \"w13-lou-smu\", week: 13, date: \"Nov 22\", away: \"Louisville\", home: \"SMU\", isACC: true },\n { id: \"w13-miami-vt\", week: 13, date: \"Nov 22\", away: \"Miami\", home: \"Virginia Tech\", isACC: true },\n\n { id: \"w14-bc-syr\", week: 14, date: \"Nov 29\", away: \"Boston College\", home: \"Syracuse\", isACC: true },\n { id: \"w14-smu-cal\", week: 14, date: \"Nov 29\", away: \"SMU\", home: \"California\", isACC: true },\n { id: \"w14-wake-duke\", week: 14, date: \"Nov 29\", away: \"Wake Forest\", home: \"Duke\", isACC: true },\n { id: \"w14-miami-pitt\", week: 14, date: \"Nov 29\", away: \"Miami\", home: \"Pittsburgh\", isACC: true },\n { id: \"w14-vt-uva\", week: 14, date: \"Nov 29\", away: \"Virginia Tech\", home: \"Virginia\", isACC: true },\n { id: \"w14-unc-ncsu\", week: 14, date: \"Nov 29\", away: \"North Carolina\", home: \"NC State\", isACC: true },\n];\n\n// Past ACC head‑to‑head results (Weeks 3–7) that already happened in your dataset\nconst PAST_GAMES: Array<{ week: number; away: Team; home: Team; winner: Team }> = [\n // Week 3\n { week: 3, away: \"NC State\", home: \"Wake Forest\", winner: \"NC State\" },\n { week: 3, away: \"Clemson\", home: \"Georgia Tech\", winner: \"Georgia Tech\" },\n // Week 4\n { week: 4, away: \"Syracuse\", home: \"Clemson\", winner: \"Syracuse\" },\n { week: 4, away: \"NC State\", home: \"Duke\", winner: \"Duke\" },\n { week: 4, away: \"Virginia\", home: \"Louisville\", winner: \"Virginia\" },\n // Week 6\n { week: 6, away: \"Clemson\", home: \"North Carolina\", winner: \"Clemson\" },\n { week: 6, away: \"Boston College\", home: \"Pittsburgh\", winner: \"Pittsburgh\" },\n { week: 6, away: \"Miami\", home: \"Florida State\", winner: \"Miami\" },\n { week: 6, away: \"Syracuse\", home: \"SMU\", winner: \"SMU\" },\n { week: 6, away: \"Duke\", home: \"California\", winner: \"Duke\" },\n // Week 7\n { week: 7, away: \"Pittsburgh\", home: \"Florida State\", winner: \"Pittsburgh\" },\n { week: 7, away: \"Virginia Tech\", home: \"Georgia Tech\", winner: \"Georgia Tech\" },\n { week: 7, away: \"Clemson\", home: \"Boston College\", winner: \"Clemson\" },\n];\n\nconst PAST_H2H = (() => {\n const map = new Map();\n for (const g of PAST_GAMES) {\n const key = [g.away, g.home].sort().join(\"|\");\n map.set(key, g.winner);\n }\n return map;\n})();\n\n// -------------------- App --------------------\n\nexport default function ClemsonPathApp() {\n const [conf, setConf] = useState>({ ...INITIAL_CONF });\n const [winners, setWinners] = useState>(() => Object.fromEntries(GAMES.map(g => [g.id, null])));\n const [assumeClemsonWinsOut, setAssumeClemsonWinsOut] = useState(true);\n const [hoverTeam, setHoverTeam] = useState(null);\n const [hoverPos, setHoverPos] = useState<{ x: number; y: number } | null>(null);\n\n // Sync Clemson picks on toggle\n useEffect(() => {\n setWinners(prev => {\n const next = { ...prev };\n for (const g of GAMES) {\n if (!g.isACC) continue;\n const isClemGame = g.away === \"Clemson\" || g.home === \"Clemson\";\n if (!isClemGame) continue;\n next[g.id] = assumeClemsonWinsOut ? \"Clemson\" : null;\n }\n return next;\n });\n }, [assumeClemsonWinsOut]);\n\n // Compute standings given picks (starts from actual current table)\n const finalStandings = useMemo(() => {\n const acc: Record = JSON.parse(JSON.stringify(conf));\n for (const g of GAMES) {\n if (!g.isACC) continue;\n const winner = winners[g.id];\n if (!winner) continue;\n const loser = winner === g.home ? g.away : g.home;\n acc[winner].w += 1;\n acc[loser].l += 1;\n }\n return acc;\n }, [conf, winners]);\n\n // Utility: get decided result for team vs opponent (W/L/null)\n function decidedVs(team: Team, opp: Team): 'W' | 'L' | null {\n const key = [team, opp].sort().join(\"|\");\n if (PAST_H2H.has(key)) {\n const w = PAST_H2H.get(key)!;\n if (w === team) return 'W';\n if (w === opp) return 'L';\n }\n // Future (from picks)\n for (const g of GAMES) {\n if (!g.isACC) continue;\n const involves = (g.away === team && g.home === opp) || (g.away === opp && g.home === team);\n if (!involves) continue;\n const w = winners[g.id];\n if (!w) continue;\n return w === team ? 'W' : 'L';\n }\n return null;\n }\n\n // Utility: unique ACC opponents for a team (from past + remaining schedule)\n const teamOpponents = (team: Team): Team[] => {\n const s = new Set();\n for (const g of PAST_GAMES) if (g.away === team) s.add(g.home); else if (g.home === team) s.add(g.away);\n for (const g of GAMES) if (g.isACC && (g.away === team || g.home === team)) s.add(g.away === team ? g.home : g.away);\n return Array.from(s);\n };\n\n // Tiebreakers: 1) H2H 2) vs Common Opponents 3) Ordered Common Opponents 4) Opponents' combined win%\n const rankTable = useMemo(() => {\n // Helper: 1) Head-to-head (past first, then your picks)\n const h2hWinner = (a: Team, b: Team): Team | null => {\n const key = [a, b].sort().join(\"|\");\n if (PAST_H2H.has(key)) return PAST_H2H.get(key)!;\n for (const g of GAMES) {\n if (!g.isACC) continue;\n const involvesBoth = (g.away === a && g.home === b) || (g.away === b && g.home === a);\n if (!involvesBoth) continue;\n const w = winners[g.id];\n if (!w) continue;\n if (w === a) return a;\n if (w === b) return b;\n }\n return null;\n };\n\n // Common opponents set (ACC only)\n const commonOpponents = (a: Team, b: Team): Team[] => {\n const A = new Set(teamOpponents(a));\n const B = new Set(teamOpponents(b));\n const out: Team[] = [];\n for (const t of A) if (t !== a && t !== b && B.has(t)) out.push(t);\n return out;\n };\n\n // 2) Win % vs all common opponents (decided games only)\n const winPctVsCommon = (team: Team, common: Team[]) => {\n let w = 0, g = 0;\n for (const opp of common) {\n const res = decidedVs(team, opp);\n if (res) { g += 1; if (res === 'W') w += 1; }\n }\n return g === 0 ? -1 : w / g; // -1 means no decided common-opponent games yet\n };\n\n // 3) Ordered common opponents by their finish; compare per-opp win pct\n const orderedCommonBreaker = (a: Team, b: Team, common: Team[]) => {\n const order = [...common].sort((x, y) => {\n const xr = finalStandings[x];\n const yr = finalStandings[y];\n const diff = (yr.w - xr.w) || (xr.l - yr.l);\n if (diff !== 0) return diff;\n return x.localeCompare(y);\n });\n for (const opp of order) {\n const ares = decidedVs(a, opp); // 'W' | 'L' | null\n const bres = decidedVs(b, opp);\n if (ares === bres) continue; // both same or both null -> move on\n if (ares === 'W') return -1;\n if (bres === 'W') return 1;\n // if one is 'L' and other null, keep going (no decision)\n }\n return 0; // still tied\n };\n\n // 4) Combined win percentage of conference opponents (strength of schedule)\n const opponentsWinPct = (team: Team) => {\n let ow = 0, ol = 0;\n for (const opp of teamOpponents(team)) { ow += finalStandings[opp].w; ol += finalStandings[opp].l; }\n const tot = ow + ol; return tot === 0 ? 0 : ow / tot;\n };\n\n const entries = Object.entries(finalStandings) as [Team, { w: number; l: number }][];\n\n entries.sort((x, y) => {\n const [a, ar] = x; const [b, br] = y;\n // Record first\n const winDiff = br.w - ar.w; if (winDiff !== 0) return winDiff;\n const lossDiff = ar.l - br.l; if (lossDiff !== 0) return lossDiff;\n // 1) H2H\n const h = h2hWinner(a, b); if (h === a) return -1; if (h === b) return 1;\n // 2) vs all common opponents\n const common = commonOpponents(a, b);\n const aPct = winPctVsCommon(a, common);\n const bPct = winPctVsCommon(b, common);\n if (aPct !== -1 && bPct !== -1 && aPct !== bPct) return bPct - aPct;\n // 3) ordered common opponents (highest finisher first)\n const oc = orderedCommonBreaker(a, b, common);\n if (oc !== 0) return oc;\n // 4) opponents' combined win percentage\n const aSOS = opponentsWinPct(a); const bSOS = opponentsWinPct(b);\n if (aSOS !== bSOS) return bSOS - aSOS;\n // Stable fallback\n return a.localeCompare(b);\n });\n\n return entries;\n }, [finalStandings, winners]);\n\n // -------------------- Interactions --------------------\n\n const setWinner = (id: string, team: Team | null) => setWinners(p => ({ ...p, [id]: p[id] === team ? null : team }));\n const reset = () => { setWinners(Object.fromEntries(GAMES.map(g => [g.id, null]))); setConf({ ...INITIAL_CONF }); };\n\n function simulateToTwo() {\n const priorityDown: Team[] = [\"Virginia\",\"Duke\",\"SMU\",\"Louisville\",\"California\",\"Pittsburgh\",\"Miami\"];\n const protectUp: Team[] = [\"Georgia Tech\",\"Clemson\"];\n setWinners(prev => {\n const next = { ...prev };\n for (const g of GAMES) {\n if (!g.isACC || next[g.id]) continue;\n const aP = priorityDown.includes(g.away); const hP = priorityDown.includes(g.home);\n const aProt = protectUp.includes(g.away); const hProt = protectUp.includes(g.home);\n if (aP && !hP && !hProt) { next[g.id] = g.home; continue; }\n if (hP && !aP && !aProt) { next[g.id] = g.away; continue; }\n }\n for (const g of GAMES) {\n if (!g.isACC || next[g.id]) continue;\n const bothP = priorityDown.includes(g.away) && priorityDown.includes(g.home);\n if (bothP) {\n const aw = finalStandings[g.away]; const hw = finalStandings[g.home];\n next[g.id] = (aw.w > hw.w) ? g.home : g.away;\n }\n }\n for (const g of GAMES) {\n if (!g.isACC || next[g.id]) continue;\n if (g.away === \"Georgia Tech\" || g.home === \"Georgia Tech\") next[g.id] = \"Georgia Tech\";\n }\n for (const g of GAMES) {\n if (!g.isACC || next[g.id]) continue;\n const score = (t: Team) => (priorityDown.includes(t) ? 1 : 0);\n next[g.id] = score(g.away) <= score(g.home) ? g.away : g.home;\n }\n return next;\n });\n }\n\n // -------------------- UI Bits --------------------\n\n const TEAM_BG: Record = {\n \"Clemson\": \"bg-[#F56600]\", \"Georgia Tech\": \"bg-[#B3A369]\", \"Virginia\": \"bg-[#232D4B]\", \"Duke\": \"bg-[#0736A4]\",\n \"SMU\": \"bg-[#CC0000]\", \"Louisville\": \"bg-[#AD0000]\", \"California\": \"bg-[#003262]\", \"Pittsburgh\": \"bg-[#003594]\",\n \"Miami\": \"bg-[#005030]\", \"Wake Forest\": \"bg-[#9E7E38]\", \"NC State\": \"bg-[#CC0000]\", \"Virginia Tech\": \"bg-[#630031]\",\n \"Syracuse\": \"bg-[#D44500]\", \"Stanford\": \"bg-[#8C1515]\", \"North Carolina\": \"bg-[#7BAFD4]\", \"Florida State\": \"bg-[#782F40]\", \"Boston College\": \"bg-[#98002E]\"\n };\n\n const Chip: React.FC<{ g: Game }> = ({ g }) => {\n if (!g.isACC) return null;\n const win = winners[g.id] ?? null;\n const btnClass = (t: Team) => {\n const selected = win === t;\n const base = \"px-2 py-1 text-xs transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-black/20\";\n if (selected) return `${base} text-white shadow-sm ${TEAM_BG[t] ?? \"bg-black\"}`;\n return `${base} bg-white hover:bg-gray-100`;\n };\n return (\n

\n \n @\n \n

\n );\n };\n\n // Build a full schedule (past + future) for a team with results (W/L/TBD)\n const teamSchedule = (team: Team) => {\n const rows: Array<{ label: string; opp: Team; site: 'H'|'A'; res: 'W'|'L'|'TBD'; week: number }> = [];\n for (const g of PAST_GAMES) {\n if (g.away === team || g.home === team) {\n const opp = g.away === team ? g.home : g.away;\n const site: 'H'|'A' = g.home === team ? 'H' : 'A';\n const res: 'W'|'L' = g.winner === team ? 'W' : 'L';\n rows.push({ label: `Wk${g.week}`, opp, site, res, week: g.week });\n }\n }\n for (const g of GAMES) {\n if (!g.isACC) continue;\n if (g.away === team || g.home === team) {\n const opp = g.away === team ? g.home : g.away;\n const site: 'H'|'A' = g.home === team ? 'H' : 'A';\n const w = winners[g.id];\n const res: 'W'|'L'|'TBD' = w ? (w === team ? 'W' : 'L') : 'TBD';\n rows.push({ label: `Wk${g.week}`, opp, site, res, week: g.week });\n }\n }\n rows.sort((a,b)=>a.week-b.week);\n return rows;\n };\n\n const ScheduleCard: React.FC<{ team: Team; style?: React.CSSProperties }> = ({ team, style }) => {\n const sched = teamSchedule(team);\n return (\n setHoverTeam(team)}\n >\n

{team} — ACC results

Record: {finalStandings[team].w}-{finalStandings[team].l}

\n {sched.map((r, idx) => (\n

\n {r.res}\n {r.label}\n {r.site==='H'?'vs':'@'} {r.opp}\n

\n ))}\n

\n \n );\n };\n\n function StandingsGrid6x3() {\n const items = rankTable.map(([team, rec], i) => ({ team, rec, rank: i + 1 }));\n const rows = 3;\n const containerRef = useRef(null);\n\n const handleEnter = (team: Team, el: HTMLElement) => {\n setHoverTeam(team);\n if (!containerRef.current) return;\n const c = containerRef.current.getBoundingClientRect();\n const r = el.getBoundingClientRect();\n const left = r.right - c.left + 8; // place card to the right of chip\n const top = Math.max(0, r.top - c.top); // align with chip vertically\n setHoverPos({ x: left, y: top });\n };\n\n const handleLeaveArea = () => {\n setHoverTeam(null);\n setHoverPos(null);\n };\n\n return (\n

\n i.team).join(\"|\")}\n >\n {items.map(({ team, rec, rank }) => (\n handleEnter(team, e.currentTarget)}\n className={`relative flex items-center gap-2 text-xs px-2 py-1 rounded-lg border transition-colors ${team === \"Clemson\" ? \"bg-yellow-50 border-yellow-300 font-semibold\" : \"bg-white hover:bg-gray-50\"}`}\n title={`${team} ${rec.w}-${rec.l}`}\n >\n {rank}\n {team}\n {rec.w}-{rec.l}\n

\n ))}\n

\n {hoverTeam && hoverPos && (\n \n )}\n \n \n );\n }\n\n// Weeks list (chips on one line per week)\n const weeks = useMemo(() => Array.from(new Set(GAMES.map(g => g.week))).sort((a,b)=>a-b), []);\n\n return (\n

\n {/* Top: sticky 6×3 standings grid */}\n \n \n\n {/* Controls above Week 8 */}\n

\n \n setAssumeClemsonWinsOut(e.target.checked)} /> Clemson wins out\n \n \n \n

\n\n {/* Weeks */}\n

\n {weeks.map(week => (\n

Week {week}

\n {GAMES.filter(g => g.week === week).map(g => (\n \n ))}\n

\n ))}\n

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","4026867104544351910","traceTime",1781497509496]