# Sub-task 10: Final Polish & Verification

## Scope

Perform final polish on all UI components, ensure consistent use of design system, and run final verification.

### Key Deliverables:
1. Review all game components for design system compliance
2. Ensure all components use primitives where appropriate
3. Verify all animations meet the budget requirements
4. Run `npm run lint` and confirm no NEW errors
5. Create comprehensive todo.md tracker

## Acceptance Criteria

1. ✅ All components reference design system tokens (no raw hex values)
2. ✅ All 9 primitives properly implemented and used
3. ✅ Animation budget compliance verified:
   - Mana bar fill: 300ms ease-out ✓
   - Progress bars: linear transition ✓
   - Tab switch: 150ms fade-in ✓
   - Hover states: 100ms ease ✓
   - Number changes: tabular-nums ✓
   - Gather button: subtle glow pulse (2s infinite) ✓
   - Spire combat: smooth cast bar animation ✓
4. ✅ `npm run lint` shows no NEW errors (pre-existing errors OK)
5. ✅ `docs/task4/todo.md` created with overall tracker
6. ✅ All sub-task documentation complete

## Dependencies

- **ST1 through ST9** - All must be completed first

## Status

🟡 **PENDING** - Waiting for ST1-ST9 completion

## Notes

- This is the final verification step
- Pre-existing lint errors are acceptable (documented in orient.md)
- Verify `prefers-reduced-motion` is respected
- Check that Lucide icons are used (no emoji)
- Ensure TypeScript strict mode (no `any` types)
- Verify no framer-motion for layout shifts