1.7 KiB
1.7 KiB
title, status, type, priority, created_at, updated_at
| title | status | type | priority | created_at | updated_at |
|---|---|---|---|---|---|
| Improve Run Creation Workflow | completed | feature | normal | 2026-02-07T20:20:51Z | 2026-02-08T09:54:24Z |
Improve the run creation flow with better game filtering, box art display, and UX fixes.
Context
The current run creation workflow has several pain points:
- The game selection grid has no filters, making it hard to find games in a large list
- Box art images exist in the data model but aren't being used — only the game color is shown
- The "Next" button sits below the game grid, so users with many games may never scroll far enough to see it exists
Changes
Game Selection Filters
- Add region filter (dropdown or pill tabs) to narrow games by region
- Add filter for games with no active run (hide games that already have an in-progress run)
- Add filter for games not yet completed (no completed run)
- Consider additional filter criteria as needs emerge (generation, etc.)
Box Art Display
- Use
boxArtUrlas the primary visual for game cards in the selection grid - Fall back to the
colorfield as background when no box art is available - Ensure box art looks good at card size (proper aspect ratio, object-fit)
UX Fixes
- Move the "Next" / continue button to the top of the game selection step (sticky or above the grid)
- Make it clear a game is selected before the user has to scroll
- Consider showing the selected game summary near the top button
Files likely affected
frontend/src/pages/NewRun.tsx(or wherever the run creation wizard lives)frontend/src/components/GameCard.tsxfrontend/src/components/GameGrid.tsx- Possibly new filter component(s)