\n You chose {grade.chosen} —{\" \"}\n {grade.outOfRange\n ? \"this hand is not in the actor's range\"\n : `GTO plays it ${Math.round(grade.freq * 100)}% of the time`}\n .{\" \"}\n
Click to continue
\n \n \n );\n}\n\n/**\n * Postflop feedback: a non-blocking pill that fades in over the table after each\n * decision while the hand plays on. The detailed breakdown waits for the\n * end-of-hand summary.\n */\nexport function GradeToast({\n decision,\n showKey,\n}: {\n decision: HandDecision | null;\n showKey: number;\n}) {\n // Mounted fresh per decision by the caller's `key`, so \"show, then hide after\n // 1.4s\" needs no state sync — the timer is the only thing that runs.\n const [hidden, setHidden] = useState(false);\n\n useEffect(() => {\n const t = setTimeout(() => setHidden(true), 1400);\n return () => clearTimeout(t);\n }, []);\n\n if (!decision || hidden || showKey <= 0) return null;\n\n return (\n\n You chose {grade.chosen} —{\" \"}\n {grade.outOfRange\n ? \"this hand is not in the actor's range\"\n : `GTO plays it ${Math.round(grade.freq * 100)}% of the time`}\n .{\" \"}\n
Tap to continue
\n \n \n );\n}\n", "type": "registry:component", "target": "components/native-trainer/feedback.tsx" }, { "path": "src/components/trainer/history-panel.tsx", "content": "\"use client\";\n\nimport { useState } from \"react\";\nimport { ChevronDown, X } from \"lucide-react\";\n\nimport { TIER_LABEL, type FeedbackTier } from \"@/lib/trainer/grade\";\nimport { SidePanel } from \"@/components/ui/side-panel\";\n\nimport { PlayingCard } from \"./cards\";\nimport { TIER_COLORS } from \"./theme\";\n\n/**\n * One graded decision in a history row. Both drill loops reduce to this: the\n * preflop trainer has exactly one per hand, the postflop loop has one per\n * street (plus the preflop line in full-hand mode).\n */\nexport interface HistoryDecision {\n /** \"Preflop\" / \"Flop\" / … — omitted when the hand has a single decision. */\n phase?: string;\n label: string;\n tier: FeedbackTier;\n /** The solver's frequency for the chosen action, 0–1. */\n freq: number;\n /** What GTO actually does here, biggest first. */\n gtoMix?: { label: string; freq: number }[];\n /** Chosen-action EV in bb. `null` when Hydra never priced this line. */\n evBb?: number | null;\n /** EV given up versus the solver's best line, in bb. 0 when the action is in the mix. */\n evLossBb?: number;\n /** Raise/call the solver never takes — pack has no EV row, but the line is worse than fold. */\n unpriced?: boolean;\n /** The EV is an estimate with too large a standard error to show or score by. */\n evUncertain?: boolean;\n}\n\nexport interface HistoryItem {\n id: string;\n /** Hero's holding, as cards when we have them (\"As\",\"Kd\"). */\n cards?: string[];\n /** Fallback title when there are no cards — e.g. a PLO class string. */\n title?: string;\n /** The spot: a preflop line, or a board + how the hand ended. */\n subtitle: string;\n decisions: HistoryDecision[];\n}\n\n/**\n * Session hand history, newest first — ported from the mobile app's\n * TrainerHistory.\n *\n * Desktop docks this beside the table (open by default). Phones still get the\n * same content as a drawer — a persistent column would crush the felt.\n *\n * Session-scoped on purpose, matching mobile: it clears on reload, because the\n * durable record is the DB behind the Stats drawer. This is \"what did I just\n * do\", not an archive.\n */\nexport function HistoryPanel({\n items,\n onClose,\n variant = \"sidebar\",\n}: {\n items: HistoryItem[];\n onClose: () => void;\n variant?: \"sidebar\" | \"drawer\";\n}) {\n const body =\n items.length === 0 ? (\n\n No hands yet this session. Every hand you play shows up here with its grade.\n
\n ) : (\nNo graded decisions this hand.
\n )}\n