feat(worksheets): add interactive 2D difficulty map with hover preview

Browse Source

Major improvements to the difficulty space visualization:

**2D Map Enhancements:**
- Fixed Y-axis click handling (scaffolding index was inverted)
- Polished for production: blue theme, responsive sizing (up to 500px)
- Collapsed by default with disclosure control
- Better typography, shadows, and spacing

**Hover Preview System:**
- Orange marker shows exact click target on map
- Dashed line connects current position to hover target
- Preset snapping within 1.0 unit threshold
- Real-time difficulty description updates with "(hover preview)" label
- Orange color theme ties hover state together visually

**UI Polish:**
- Removed obsolete "You're here (Custom)" status text
- Reduced Overall Difficulty slider margins for better spacing
- Cleaner, more professional appearance throughout

The map now provides complete feedback before clicking: visual marker
on map + detailed description preview + preset snapping.

🎨 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>

...

This commit is contained in:

Thomas Hallock

2025-11-07 21:04:51 -06:00

parent 0bc8272830

commit b92b702223

1 changed files with 797 additions and 651 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

1448

apps/web/src/app/create/worksheets/addition/components/ConfigPanel.tsx

File diff suppressed because it is too large Load Diff