Activity

Summary

Implements the mobile UI mocks for Issue #97 [M2.5], building all screens with static mock data so the app feels complete and usable without backend calls.

Mobile App Changes

• 5-tab navigation: Home, Discover, Calendar, Chats, You
• Theme system: Consistent colors, spacing, typography across all screens
• Reusable UI components: Avatar, Badge, Button, Card, EmptyState, SectionHeader, StatusBadge
• Mock data: Realistic test data matching Laravel TestDataSeeder patterns
• Mock auth mode: EXPO_PUBLIC_MOCK_AUTH=true enables UI testing without API

Screens Implemented (~28 screens)

• Home: Pending invites, upcoming gigs, your events, recent chat activity
• Discover: Events/Acts tabs with search and genre filters
• Calendar: Monthly view with colored dots (green=confirmed, yellow=pending, blue=managing)
• Chats: Chat list and thread views with messages and reactions
• You: Profile, acts management, brands management, event management, settings

Also Included

• Early design system work for web (/design-system route)
• Design system CSS variables and assets

Test plan

• Run cd mobile && npm run ios - App launches in simulator
• Navigate all 5 tabs - No crashes
• Sign in with mock auth (any credentials work)
• Check pending invites on home screen
• Tap calendar days - Shows day detail
• Open a chat thread - Messages display
• Search/filter on Discover tab
• View Your Acts and Brands on You tab

Closes #97