Cal Corum
f77666db87
CLAUDE: Add XCheckWizard component and result constants (step 6)
New files:
- constants/xCheckResults.ts - Labels, helpers for all result codes
- components/Gameplay/XCheckWizard.vue - Interactive x-check UI
XCheckWizard features:
✅ Displays d20 and 3d6 dice results prominently
✅ Shows 5-column chart row (Range 1-5) as selectable buttons
✅ Hash result sub-choices (G2#/G3# → pick G2 or SI2)
✅ SPD result sub-choice (click to reveal d20, pick safe/out)
✅ Error selection (NO/E1/E2/E3/RP) based on 3d6
✅ Submit validation (both result + error required)
✅ Read-only mode for transparency (opponent sees same UI)
✅ Mobile-responsive layout (stacks on small screens)
✅ Tailwind styling with clear visual hierarchy
Helper functions:
- getResultLabel() - Display names for all codes
- getErrorLabel() - Display names for error types
- isHashResult() - Detect G2#/G3#
- isSpdResult() - Detect SPD
- getHashConversions() - Get conversion options
Next: Integrate XCheckWizard into GameplayPanel
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>