Skip to content

Redesign Drill Studio modal UI#257

Merged
ashtonanderson merged 1 commit into
mainfrom
feature/drill-studio-mockup-refinements
Mar 27, 2026
Merged

Redesign Drill Studio modal UI#257
ashtonanderson merged 1 commit into
mainfrom
feature/drill-studio-mockup-refinements

Conversation

@ashtonanderson
Copy link
Copy Markdown
Member

Summary

  • Restructure OpeningSelectionModal into a cleaner 2-panel layout (browse panel + studio panel) with compact typography, fewer dividers, and whitespace-based hierarchy
  • Show PGN moves in browse rows with stem/suffix splitting for variations (e.g. parent shows 1. e4 e5 2. Nf3 Nc6 3. Bc4, variation shows 3. ...Bc5)
  • Add clickable queue pills that navigate to the selected opening and update the board preview
  • Two-column queue grid on 2xl+ screens
  • Add infinite (∞) target moves option at the end of the slider for full-game drills
  • Rename modal to "Maia Drill Studio", compact "Add Drill" button on wide screens
  • Remove info/tour button from modal header

Test plan

  • Verify 2-panel layout renders correctly at desktop widths
  • Verify mobile layout still works (tabs, mobile popup)
  • Check PGN stem/suffix display for openings with variations (Italian Game, Ruy Lopez, Sicilian)
  • Check standalone openings show full PGN in their row
  • Click queue pills and verify board + browse panel update
  • Test infinite (∞) slider position — drill should continue until game end
  • Verify two-column queue layout at 1920px+ width
  • Test Add Drill button width at wide vs narrow screens

🤖 Generated with Claude Code

Restructure OpeningSelectionModal into a 2-panel layout (browse + studio)
with compact typography, reduced borders, and intelligent whitespace for
hierarchy. Add PGN move display in browse rows with stem/suffix splitting
for variations (e.g. "3. ...Bc5"), clickable queue pills that navigate to
the selected opening, two-column queue grid on wide screens, and an
infinite target moves option on the slider. Rename to "Maia Drill Studio".

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 26, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
maia-platform-frontend Ready Ready Preview, Comment Mar 27, 2026 0:25am

Request Review

@ashtonanderson ashtonanderson merged commit 393ff9a into main Mar 27, 2026
5 of 6 checks passed
@ashtonanderson ashtonanderson deleted the feature/drill-studio-mockup-refinements branch March 27, 2026 00:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant