- Fix billing components ConnectError type compatibility with exactOptionalPropertyTypes
- Update Select component usage to match proper API (options vs children)
- Remove unused imports and fix optional property assignments in system components
- Resolve duplicate Order/Ticket type definitions and add null safety checks
- Handle optional branding properties correctly in organization features
- Add window property type declarations for test environment
- Fix Playwright API usage (page.setOffline → page.context().setOffline)
- Clean up unused imports, variables, and parameters across codebase
- Add comprehensive global type declarations for test window extensions
Resolves major TypeScript compilation issues and improves type safety throughout the application.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
Add three critical documents for Scanner PWA production deployment:
1. STAGING_ROLLOUT_CHECKLIST.md - Main operational checklist
- Pre-event setup procedures for IT/admin team
- Staff device setup with PWA installation steps
- Day-of operations and gate management protocols
- Post-event data sync and cleanup procedures
- Emergency fallback procedures and escalation contacts
2. STAFF_TRAINING_MATERIALS.md - Gate staff training resources
- Step-by-step device setup for iOS/Android
- Scanner operation guide with result interpretation
- Troubleshooting guide for common issues
- Professional smartphone usage tips for all-day events
- Quick reference cards and emergency procedures
3. SCANNER_TECHNICAL_RUNBOOK.md - IT administrator guide
- Complete system architecture and API documentation
- Environment setup for staging/production deployment
- Monitoring, alerting, and performance baseline configuration
- Network requirements and quality management
- Security considerations and vulnerability management
- Escalation procedures and maintenance schedules
These documents provide complete operational readiness for Scanner PWA
deployment, ensuring smooth gate operations with minimal day-of issues.
Staff preparation procedures are designed for temporary/volunteer workers
with clear, simple instructions and comprehensive emergency protocols.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Fix unused parameter warning in global-setup.ts
- Fix unknown error type in error handling
- Fix unused variable in test-runner.ts
All tests now compile without TypeScript errors.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
Resolves ESLint parsing errors for test files by adding tests directory
to TypeScript include path.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Update ESLint configuration with strict React/TypeScript rules
- Enhance TypeScript configuration with stricter checks
- Add comprehensive type definitions and exports
- Update App.tsx with new routing and layout integration
- Create showcase pages for component development
- Improve package.json with proper dependencies
Configuration ensures code quality and developer productivity with
zero-tolerance for type errors and consistent code standards.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add complete E2E test coverage for authentication flows
- Implement component interaction and navigation testing
- Create responsive design validation across viewports
- Add theme switching and visual regression testing
- Include smoke tests for critical user paths
- Configure Playwright with proper test setup
Test suite ensures application reliability with automated validation
of user flows, accessibility, and visual consistency.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add EventCard component with comprehensive event display
- Implement TicketTypeRow for ticket selection and pricing
- Create OrderSummary for purchase flow display
- Add FeeBreakdown for transparent pricing
- Implement ScanStatusBadge for QR scanning interface
- Include business type definitions and mock data
Components provide realistic Black Canyon Tickets functionality with
proper pricing display, event management, and ticketing flows.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add error boundary components with graceful fallbacks
- Implement loading states with skeleton components
- Create route-level suspense wrapper
- Add error page with recovery options
- Include error boundary demo for testing
Error handling provides resilient user experience with clear feedback
and recovery options when components fail.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add comprehensive mock authentication system
- Implement user/admin/super_admin role hierarchy
- Create protected route component with permission checking
- Add authentication context and custom hooks
- Include login page with form validation
- Support persistent sessions with localStorage
Authentication system provides realistic auth flows without external
dependencies, perfect for frontend development and testing.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add comprehensive layout system (AppLayout, Header, Sidebar, MainContainer)
- Implement responsive navigation with mobile-friendly collapsing sidebar
- Add theme toggle component with smooth transitions
- Include proper ARIA labels and keyboard navigation
- Support authentication state in navigation
Layout system provides consistent structure across all pages with
theme-aware styling and accessibility compliance.
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add EventCard with glassmorphism styling and role-based actions
- Add TicketTypeRow with inline editing and inventory tracking
- Add OrderSummary with promo codes and fee breakdown integration
- Add ScanStatusBadge with real-time updates and accessibility
- Add FeeBreakdown with transparent pricing and regulatory compliance
- Create business logic types for events, tickets, orders, scanning
- Implement responsive layouts (card/table) for all screen sizes
- Ensure WCAG AA compliance with proper ARIA labels and screen reader support
- Use design tokens exclusively for consistent theming
- Build comprehensive showcase component demonstrating all features
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- Fix gold text contrast in light theme from 3.30:1 to 6.38:1 (AA compliant)
- Separate ThemeContext into definition and provider files for ESLint compliance
- Update contrast report with final validation results (100% passing tests)
- Ensure all accent colors meet WCAG AA standards across light/dark themes
- Complete design token system with proper semantic color roles
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
