How cth-sla/cthsonlav2 works
CTH SLA Platform manages online-meeting schedules and operations. Users can view public upcoming meetings or log in to an administrative dashboard, where the app supports meeting management, monitoring, reporting, operator/account administration, and system configuration. The client’s database facade coordinates remote MySQL operations with local browser storage as a fallback; the backend also maintains a query cache. The tree and sampled excerpts support these main boundaries, but not all UI handlers or API routing details, so uncertain feature-level wiring is omitted.
Main entry points: App.tsx App shell · supabaseService.ts Data sync facade · ReportsPage.tsx Reports · geminiService.ts Meeting AI analysis
Components 20
User experience
- App shell
App.tsx - Login and public view
components/LoginView.tsx - Dashboard metrics
App.tsx
Meeting operations
- Meeting calendar and lists
components/MeetingCalendar.tsx - Meeting details
components/MeetingDetailModal.tsx - Create meeting
components/CreateMeetingModal.tsx - Meeting pre-check
components/MeetingPreCheck.tsx - Endpoint monitoring
components/MonitoringGrid.tsx - Reports
components/ReportsPage.tsx - Meeting AI analysis
services/geminiService.ts
Administration
- System management
components/ManagementPage.tsx - User administration
components/UserManagement.tsx - Operator administration
components/OperatorManagement.tsx
Data services
- Data sync facade
services/supabaseService.ts - MySQL API client
services/mysqlService.ts - Browser storage
services/storageService.ts
Backend
- API server
server.ts - MySQL database
Other components
- Staff or visitor
- Google Gemini
Connections 20
- Staff or visitor → Login and public view: opens
- Staff or visitor → App shell: uses
- App shell → Login and public view: renders
- App shell → Dashboard metrics: renders
- App shell → Meeting calendar and lists: renders
- App shell → Meeting details: renders
- App shell → Create meeting: renders
- App shell → Endpoint monitoring: renders
- App shell → Reports: renders
- App shell → System management: renders
- App shell → User administration: renders
- App shell → Operator administration: renders
- App shell → Data sync facade: calls
- App shell → Browser storage: reads settings
- Data sync facade → MySQL API client: delegates
- Data sync facade → Browser storage: fallback reads/writes
- MySQL API client → API server: requests
- API server → MySQL database: queries
- Reports → Meeting AI analysis: optional analysis
- Meeting AI analysis → Google Gemini: generates analysis