[{"_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","69763d1aeeec8191a808091339d0589e","versionInt","title","Ufc Latest Event — Main Card Stats Dashboard","type","code/react","content","import React, { useMemo, useState } from \"react\";\nimport { motion } from \"framer-motion\";\nimport {\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n} from \"@/components/ui/card\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from \"@/components/ui/select\";\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"@/components/ui/table\";\nimport { Separator } from \"@/components/ui/separator\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { Search, RefreshCcw, Upload, Info, Swords, Shield } from \"lucide-react\";\nimport {\n BarChart,\n Bar,\n XAxis,\n YAxis,\n CartesianGrid,\n ResponsiveContainer,\n Tooltip as RTooltip,\n Legend,\n} from \"recharts\";\n\n/**\n * IMPORTANT\n * ---------\n * You asked me not to do fresh web searches. I do NOT currently have verified fight stats in this chat.\n * This dashboard is therefore built to VISUALIZE data you paste in.\n *\n * How to use:\n * 1) Paste your UFC main card stats JSON into the \"Paste Stats JSON\" panel.\n * 2) Click \"Load JSON\".\n *\n * Expected schema (example below) is flexible; missing fields are handled.\n */\n\nconst MOCK_EVENT = {\n eventName: \"UFC 324 — Main Card (Stats Dashboard)\",\n eventDate: \"2026-01-25\",\n sourceNote:\n \"Loaded with the stats from the conversation (totals + partial round-by-round where available).\",\n fights: [\n {\n bout: \"Main Event: Justin Gaethje vs Paddy Pimblett\",\n weightClass: \"Lightweight (Interim Title)\",\n method: \"Decision (UD)\",\n round: 5,\n time: \"5:00\",\n fighters: [\n {\n name: \"Justin Gaethje\",\n corner: \"Red\",\n result: \"W\",\n totals: {\n kd: 2,\n sig: { landed: 144, attempted: 254 },\n total: { landed: 200, attempted: 313 },\n td: { landed: 3, attempted: 3 },\n subAtt: 0,\n rev: 0,\n ctrl: \"5:55\",\n },\n byRound: [\n {\n r: 1,\n kd: 0,\n sig: { landed: 27, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: null, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: null,\n },\n {\n r: 2,\n kd: 0,\n sig: { landed: 32, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: null, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: null,\n },\n {\n r: 3,\n kd: 0,\n sig: { landed: 24, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: null, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: null,\n },\n {\n r: 4,\n kd: 0,\n sig: { landed: 32, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: null, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: null,\n },\n {\n r: 5,\n kd: 0,\n sig: { landed: 29, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: null, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: null,\n },\n ],\n },\n {\n name: \"Paddy Pimblett\",\n corner: \"Blue\",\n result: \"L\",\n totals: {\n kd: 0,\n sig: { landed: 156, attempted: 311 },\n total: { landed: 170, attempted: 326 },\n td: { landed: 0, attempted: 5 },\n subAtt: 0,\n rev: 0,\n ctrl: \"0:48\",\n },\n byRound: [\n {\n r: 1,\n kd: 0,\n sig: { landed: 37, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: null, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: null,\n },\n {\n r: 2,\n kd: 0,\n sig: { landed: 22, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: null, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: null,\n },\n {\n r: 3,\n kd: 0,\n sig: { landed: 41, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: null, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: null,\n },\n {\n r: 4,\n kd: 0,\n sig: { landed: 35, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: null, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: null,\n },\n {\n r: 5,\n kd: 0,\n sig: { landed: 21, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: null, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: null,\n },\n ],\n },\n ],\n },\n {\n bout: \"Co-Main: Sean O’Malley vs Song Yadong\",\n weightClass: \"Bantamweight\",\n method: \"Decision (UD)\",\n round: 3,\n time: \"5:00\",\n fighters: [\n {\n name: \"Sean O’Malley\",\n corner: \"Red\",\n result: \"W\",\n totals: {\n kd: 0,\n sig: { landed: 48, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: 0, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: \"0:00\",\n },\n byRound: [],\n },\n {\n name: \"Song Yadong\",\n corner: \"Blue\",\n result: \"L\",\n totals: {\n kd: 0,\n sig: { landed: 36, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: 3, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: \"0:30\",\n },\n byRound: [],\n },\n ],\n },\n {\n bout: \"Waldo Cortes-Acosta vs Derrick Lewis\",\n weightClass: \"Heavyweight\",\n method: \"KO/TKO (Punches)\",\n round: 2,\n time: \"3:14\",\n fighters: [\n {\n name: \"Waldo Cortes-Acosta\",\n corner: \"Red\",\n result: \"W\",\n totals: {\n kd: 1,\n sig: { landed: 44, attempted: 62 },\n total: { landed: 46, attempted: null },\n td: { landed: 1, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: \"0:20\",\n },\n byRound: [],\n },\n {\n name: \"Derrick Lewis\",\n corner: \"Blue\",\n result: \"L\",\n totals: {\n kd: 0,\n sig: { landed: 8, attempted: 43 },\n total: { landed: 8, attempted: null },\n td: { landed: 0, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: \"0:00\",\n },\n byRound: [],\n },\n ],\n },\n {\n bout: \"Natália Silva vs Rose Namajunas\",\n weightClass: \"Women’s Flyweight\",\n method: \"Decision (UD)\",\n round: 3,\n time: \"5:00\",\n fighters: [\n {\n name: \"Natália Silva\",\n corner: \"Red\",\n result: \"W\",\n totals: {\n kd: 0,\n sig: { landed: 51, attempted: 133 },\n total: { landed: null, attempted: null },\n td: { landed: 1, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: \"0:00\",\n },\n byRound: [],\n },\n {\n name: \"Rose Namajunas\",\n corner: \"Blue\",\n result: \"L\",\n totals: {\n kd: 0,\n sig: { landed: 26, attempted: 94 },\n total: { landed: null, attempted: null },\n td: { landed: 1, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: \"0:00\",\n },\n byRound: [],\n },\n ],\n },\n {\n bout: \"Arnold Allen vs Jean Silva\",\n weightClass: \"Featherweight\",\n method: \"Decision (UD)\",\n round: 3,\n time: \"5:00\",\n fighters: [\n {\n name: \"Arnold Allen\",\n corner: \"Red\",\n result: \"L\",\n totals: {\n kd: 0,\n sig: { landed: 56, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: 0, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: \"0:00\",\n },\n byRound: [],\n },\n {\n name: \"Jean Silva\",\n corner: \"Blue\",\n result: \"W\",\n totals: {\n kd: 0,\n sig: { landed: 74, attempted: null },\n total: { landed: null, attempted: null },\n td: { landed: 4, attempted: null },\n subAtt: 0,\n rev: 0,\n ctrl: \"0:00\",\n },\n byRound: [],\n },\n ],\n },\n ],\n};\n\nfunction safeNum(n, fallback = 0) {\n const x = Number(n);\n return Number.isFinite(x) ? x : fallback;\n}\n\nfunction mmssToSeconds(mmss) {\n if (!mmss || typeof mmss !== \"string\") return 0;\n const [m, s] = mmss.split(\":\");\n return safeNum(m) * 60 + safeNum(s);\n}\n\nfunction pct(l, a) {\n const L = safeNum(l);\n const A = safeNum(a);\n if (A <= 0) return 0;\n return (L / A) * 100;\n}\n\nfunction StatPill({ label, value, hint }) {\n const content = (\n

\n {label}\n {value}\n

\n );\n if (!hint) return

{content}

;\n return (\n \n \n \n

{content}

\n \n \n

{hint}

\n \n \n \n );\n}\n\nfunction FighterHeader({ f }) {\n return (\n

\n {f?.name ?? \"Unknown\"}\n \n {f?.result ?? \"-\"}\n \n {f?.corner ?? \"-\"}\n

\n Totals • KD {safeNum(f?.totals?.kd)} • Sub Att {safeNum(f?.totals?.subAtt)} •\n Rev {safeNum(f?.totals?.rev)}\n

Control

{f?.totals?.ctrl ?? \"0:00\"}

\n );\n}\n\nfunction TwoFighterCompareChart({ a, b }) {\n const rows = useMemo(() => {\n const A = a?.totals ?? {};\n const B = b?.totals ?? {};\n return [\n {\n metric: \"Sig Str\",\n [a?.name ?? \"A\"]: safeNum(A?.sig?.landed),\n [b?.name ?? \"B\"]: safeNum(B?.sig?.landed),\n },\n {\n metric: \"Sig %\",\n [a?.name ?? \"A\"]: Math.round(pct(A?.sig?.landed, A?.sig?.attempted)),\n [b?.name ?? \"B\"]: Math.round(pct(B?.sig?.landed, B?.sig?.attempted)),\n },\n {\n metric: \"Total Str\",\n [a?.name ?? \"A\"]: safeNum(A?.total?.landed),\n [b?.name ?? \"B\"]: safeNum(B?.total?.landed),\n },\n {\n metric: \"TD\",\n [a?.name ?? \"A\"]: safeNum(A?.td?.landed),\n [b?.name ?? \"B\"]: safeNum(B?.td?.landed),\n },\n {\n metric: \"TD %\",\n [a?.name ?? \"A\"]: Math.round(pct(A?.td?.landed, A?.td?.attempted)),\n [b?.name ?? \"B\"]: Math.round(pct(B?.td?.landed, B?.td?.attempted)),\n },\n {\n metric: \"Ctrl (s)\",\n [a?.name ?? \"A\"]: mmssToSeconds(A?.ctrl),\n [b?.name ?? \"B\"]: mmssToSeconds(B?.ctrl),\n },\n ];\n }, [a, b]);\n\n return (\n

\n \n \n \n \n \n \n \n \n \n \n \n

\n );\n}\n\nfunction RoundByRoundTable({ a, b }) {\n const rounds = useMemo(() => {\n const ar = Array.isArray(a?.byRound) ? a.byRound : [];\n const br = Array.isArray(b?.byRound) ? b.byRound : [];\n const maxR = Math.max(\n 0,\n ...ar.map((x) => safeNum(x?.r)),\n ...br.map((x) => safeNum(x?.r))\n );\n const rows = [];\n for (let r = 1; r <= maxR; r++) {\n const A = ar.find((x) => safeNum(x?.r) === r) ?? {};\n const B = br.find((x) => safeNum(x?.r) === r) ?? {};\n rows.push({ r, A, B });\n }\n return rows;\n }, [a, b]);\n\n if (!rounds.length) {\n return (\n

\n No round-by-round data found. (You can still use totals.)\n

\n );\n }\n\n const nameA = a?.name ?? \"Fighter A\";\n const nameB = b?.name ?? \"Fighter B\";\n\n return (\n

\n \n \n \n R\n {nameA}\n {nameB}\n \n \n \n {rounds.map(({ r, A, B }) => (\n \n {r}\n \n

\n \n \n \n \n \n \n

\n \n \n

\n \n \n \n \n \n \n

\n \n \n ))}\n \n

\n );\n}\n\nfunction FightCard({ fight, selectedFighterIdx = 0 }) {\n const fighters = Array.isArray(fight?.fighters) ? fight.fighters : [];\n const a = fighters[0] ?? null;\n const b = fighters[1] ?? null;\n\n const A = a?.totals ?? {};\n const B = b?.totals ?? {};\n\n const aSigPct = Math.round(pct(A?.sig?.landed, A?.sig?.attempted));\n const bSigPct = Math.round(pct(B?.sig?.landed, B?.sig?.attempted));\n const aTDPct = Math.round(pct(A?.td?.landed, A?.td?.attempted));\n const bTDPct = Math.round(pct(B?.td?.landed, B?.td?.attempted));\n\n return (\n \n \n \n

\n {fight?.bout ?? \"Bout\"}\n

\n {fight?.weightClass ?? \"-\"}\n {fight?.method ?? \"-\"}\n \n R{fight?.round ?? \"-\"} • {fight?.time ?? \"-\"}\n \n

\n \n \n Striking\n \n \n \n Grappling\n \n

\n \n \n

\n \n

\n \n \n \n \n \n \n

\n\n

\n \n

\n \n \n \n \n \n \n

\n\n \n\n

Totals comparison

\n \n \n Bars are raw values\n \n

\n \n

\n\n

Round-by-round

\n \n

\n \n \n \n );\n}\n\nexport default function UFCMainCardStatsDashboard() {\n const [eventData, setEventData] = useState(MOCK_EVENT);\n const [query, setQuery] = useState(\"\");\n const [selectedFightIdx, setSelectedFightIdx] = useState(0);\n const [jsonText, setJsonText] = useState(JSON.stringify(MOCK_EVENT, null, 2));\n const [jsonError, setJsonError] = useState(\"\");\n\n const fights = Array.isArray(eventData?.fights) ? eventData.fights : [];\n\n const filtered = useMemo(() => {\n const q = query.trim().toLowerCase();\n if (!q) return fights;\n return fights.filter((f) => (f?.bout ?? \"\").toLowerCase().includes(q));\n }, [fights, query]);\n\n const selectedFight = filtered[selectedFightIdx] ?? filtered[0] ?? null;\n\n const meta = useMemo(() => {\n const totalFights = fights.length;\n const totalFinishes = fights.filter((f) =>\n String(f?.method ?? \"\").toLowerCase().includes(\"ko\") ||\n String(f?.method ?? \"\").toLowerCase().includes(\"sub\")\n ).length;\n return { totalFights, totalFinishes };\n }, [fights]);\n\n function loadJson() {\n try {\n const parsed = JSON.parse(jsonText);\n if (!parsed || typeof parsed !== \"object\") throw new Error(\"Invalid JSON root\");\n if (!Array.isArray(parsed.fights))\n throw new Error(\"JSON must contain a fights: [] array\");\n setEventData(parsed);\n setQuery(\"\");\n setSelectedFightIdx(0);\n setJsonError(\"\");\n } catch (e) {\n setJsonError(e?.message ?? \"Invalid JSON\");\n }\n }\n\n function resetToMock() {\n setEventData(MOCK_EVENT);\n setJsonText(JSON.stringify(MOCK_EVENT, null, 2));\n setQuery(\"\");\n setSelectedFightIdx(0);\n setJsonError(\"\");\n }\n\n return (\n

\n {eventData?.eventName ?? \"UFC Main Card Stats\"}\n

\n \n {eventData?.eventDate ?? \"\"}\n \n

\n {eventData?.sourceNote ??\n \"Paste verified stats JSON to visualize totals + round-by-round.\"}\n

\n Main card fights: {meta.totalFights}\n Finishes: {meta.totalFinishes}\n

\n\n

\n \n {\n setQuery(e.target.value);\n setSelectedFightIdx(0);\n }}\n placeholder=\"Search bouts…\"\n className=\"pl-9 rounded-2xl\"\n />\n

\n \n

\n setSelectedFightIdx(Number(v))}\n >\n \n \n \n \n {filtered.map((f, idx) => (\n \n {f?.bout ?? `Bout ${idx + 1}`}\n \n ))}\n \n \n

\n\n

\n {selectedFight ? (\n \n ) : (\n \n \n No bouts found\n \n \n Try clearing the search.\n \n \n )}\n

\n\n

\n \n \n \n Paste Stats JSON\n \n \n \n setJsonText(e.target.value)}\n className=\"min-h-[220px] font-mono text-xs rounded-2xl\"\n />\n {jsonError ? (\n

{jsonError}

\n ) : (\n

\n Tip: Start by pasting your stats into the mock schema.\n

\n )}\n

\n \n

\n Schema basics:\n

\n eventName, eventDate\n
\n fights[] with bout, method, round, time\n
\n Each fight has fighters[2] with totals and optional byRound\n

\n \n \n\n \n \n What you can add next\n \n \n

\n \n

\n Add strike splits (head/body/leg, distance/clinch/ground) and we can\n render extra charts.\n

\n \n

\n Add judges’ scorecards (for decisions) and we can visualize per-round scoring.\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","17268620080783139330","traceTime",1779211169051]