Pages
All page components live in frontend/src/pages/. Each corresponds to a route in the app.
Page Inventory
| Page | File | Description |
|---|---|---|
| Overview | Overview.tsx | Fleet-wide health dashboard with KPI cards and cluster summary |
| Issues | Issues.tsx | Master-detail inbox of active issues with filtering and severity badges |
| AI Issues | AIIssues.tsx | AI-generated issue analysis and recommendations |
| Risk Analysis | RiskAnalysis.tsx | Cluster risk scoring and ranking |
| Critical Clusters | CriticalClusters.tsx | Focused view of clusters in critical state |
| Investigations | Investigations.tsx | Deep-dive investigation workspace |
| Breaking Point | BreakingPoint.tsx | Capacity and breaking point analysis |
| Usage Patterns | UsagePatterns.tsx | Usage trend visualization |
| LLM Usage | LLMUsage.tsx | LLM token and cost tracking |
| Patrol | Patrol.tsx | Automated patrol/sweep results |
| Upgrades | Upgrades.tsx | Cluster upgrade tracking |
| Raw Alerts | RawAlerts.tsx | Looker embed showing raw alert data |
| Chat | Chat.tsx | Conversational interface for ad-hoc queries |
| Settings | Settings.tsx | App configuration and RBAC management (superadmin) |
| Help | Help.tsx | Documentation and usage guide |
| Login | Login.tsx | Authentication page |
Key Pages
Overview
The landing page. Shows fleet-level KPIs (total clusters, active issues, health distribution) with donut charts and score bars. Links to drill-down pages.
Issues
Master-detail layout. Left panel lists issues with severity/status filters (FilterBar). Selecting an issue opens IssueDetail on the right with alert timeline, metrics, and recommended actions.
Raw Alerts
Embeds a Looker dashboard for browsing raw alert data from the alerts.lark_alerts table without app-level filtering.