---
# nuzlocke-tracker-w7o6
title: Improve Run Creation Workflow
status: draft
type: feature
created_at: 2026-02-07T20:20:51Z
updated_at: 2026-02-07T20:20:51Z
---

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 `boxArtUrl` as the primary visual for game cards in the selection grid
- [ ] Fall back to the `color` field 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.tsx`
- `frontend/src/components/GameGrid.tsx`
- Possibly new filter component(s)