strat-gameplay-webapp/frontend-sba
Cal Corum 2b8fea36a8 CLAUDE: Redesign dice display with team colors and consolidate player cards
Backend:
- Add home_team_dice_color and away_team_dice_color to GameState model
- Extract dice_color from game metadata in StateManager (default: cc0000)
- Add runners_on_base param to roll_ab for chaos check skipping

Frontend - Dice Display:
- Create DiceShapes.vue with SVG d6 (square) and d20 (hexagon) shapes
- Apply home team's dice_color to d6 dice, white for resolution d20
- Show chaos d20 in amber only when WP/PB check triggered
- Add automatic text contrast based on color luminance
- Reduce blank space and remove info bubble from dice results

Frontend - Player Cards:
- Consolidate pitcher/batter cards to single location below diamond
- Add active card highlighting based on dice roll (d6_one: 1-3=batter, 4-6=pitcher)
- New card header format: [Team] Position [Name] with full card image
- Remove redundant card displays from GameBoard and GameplayPanel
- Enlarge PlayerCardModal on desktop (max-w-3xl at 1024px+)

Tests:
- Add DiceShapes.spec.ts with 34 tests for color calculations and rendering
- Update DiceRoller.spec.ts for new DiceShapes integration
- Fix test_roll_dice_success for new runners_on_base parameter

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 00:16:32 -06:00
..
.claude CLAUDE: Complete in-game UI overhaul with player cards and outcome wizard 2026-01-23 15:23:38 -06:00
assets/css CLAUDE: Complete Phase 1 - Frontend Infrastructure Setup 2025-10-22 00:24:00 -05:00
components CLAUDE: Redesign dice display with team colors and consolidate player cards 2026-01-24 00:16:32 -06:00
composables CLAUDE: Mobile drag-drop lineup builder and touch-friendly UI improvements 2026-01-17 22:17:16 -06:00
constants CLAUDE: Complete in-game UI overhaul with player cards and outcome wizard 2026-01-23 15:23:38 -06:00
coverage test: Skip unstable test suites 2025-11-22 20:18:33 -06:00
layouts CLAUDE: Store team display info in DB and fix lineup auto-start 2026-01-17 08:43:26 -06:00
middleware CLAUDE: Frontend enhancements for auth and game display 2025-11-28 12:09:39 -06:00
pages CLAUDE: Mobile drag-drop lineup builder and touch-friendly UI improvements 2026-01-17 22:17:16 -06:00
plugins CLAUDE: Improve UX with single-click OAuth, enhanced games list, and layout fix 2025-12-05 16:14:00 -06:00
public CLAUDE: Complete Phase 1 - Frontend Infrastructure Setup 2025-10-22 00:24:00 -05:00
store CLAUDE: RosterLink refactor for bench players with cached player data 2026-01-17 22:15:12 -06:00
tests CLAUDE: Redesign dice display with team colors and consolidate player cards 2026-01-24 00:16:32 -06:00
types CLAUDE: Redesign dice display with team colors and consolidate player cards 2026-01-24 00:16:32 -06:00
.dockerignore CLAUDE: Improve UX with single-click OAuth, enhanced games list, and layout fix 2025-12-05 16:14:00 -06:00
.env.example CLAUDE: Add multi-domain environment configuration support 2025-12-03 13:58:42 -06:00
.gitignore CLAUDE: Improve UX with single-click OAuth, enhanced games list, and layout fix 2025-12-05 16:14:00 -06:00
app.vue CLAUDE: Improve UX with single-click OAuth, enhanced games list, and layout fix 2025-12-05 16:14:00 -06:00
bun.lock CLAUDE: Mobile drag-drop lineup builder and touch-friendly UI improvements 2026-01-17 22:17:16 -06:00
CLAUDE.md CLAUDE: Store team display info in DB and fix lineup auto-start 2026-01-17 08:43:26 -06:00
Dockerfile CLAUDE: Improve UX with single-click OAuth, enhanced games list, and layout fix 2025-12-05 16:14:00 -06:00
eslint.config.mjs test: Skip unstable test suites 2025-11-22 20:18:33 -06:00
nuxt.config.ts CLAUDE: Improve UX with single-click OAuth, enhanced games list, and layout fix 2025-12-05 16:14:00 -06:00
package-lock.json CLAUDE: Mobile drag-drop lineup builder and touch-friendly UI improvements 2026-01-17 22:17:16 -06:00
package.json CLAUDE: Mobile drag-drop lineup builder and touch-friendly UI improvements 2026-01-17 22:17:16 -06:00
README.md CLAUDE: Complete Phase 1 - Frontend Infrastructure Setup 2025-10-22 00:24:00 -05:00
REFACTORING_PLAN.json CLAUDE: Update project plan with HIGH-003 resolution phase fix 2026-01-13 23:55:50 -06:00
tailwind.config.js CLAUDE: Phases 3.5, F1-F5 Complete - Statistics & Frontend Components 2025-11-14 09:52:30 -06:00
TEST_STATUS.md Create TEST_STATUS.md 2025-11-23 01:27:16 -06:00
tsconfig.json CLAUDE: Complete Phase 1 - Frontend Infrastructure Setup 2025-10-22 00:24:00 -05:00
vitest.config.ts test: Skip unstable test suites 2025-11-22 20:18:33 -06:00

Nuxt Minimal Starter

Look at the Nuxt documentation to learn more.

Setup

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.