Ops Workbench

frontend/ops-workbench/src/
  app/                    # Application-level configuration
  components/
    chat/                 # Ops AI chat assistant
    dashboard/            # Dashboard widgets and layouts
    health/               # Health monitoring components
    layout/               # Layout components
  hooks/
    use-mops-data.ts      # Managed operations data hook
  pages/
    AlertsPage.tsx        # Alert management
    ChatPage.tsx          # AI-assisted operations chat
    CostPage.tsx          # Cost analysis and tracking
    DashboardPage.tsx     # Main operations dashboard
    DeploymentsPage.tsx   # Deployment monitoring
    IncidentsPage.tsx     # Incident management
    InfrastructurePage.tsx # Infrastructure overview
    ReliabilityPage.tsx   # Reliability metrics and SLOs
  services/               # Ops-specific service utilities
  stores/                 # Ops workbench state management
  styles/                 # Ops-specific styles
  types/                  # Ops-specific TypeScript types
  utils/                  # Ops utility functions
  App.tsx                 # Root application component
  main.tsx                # Vite entry point
  module.tsx              # Module federation entry

+-----------------------------------------------------------+
|  Operations Dashboard                    [Time: Last 1h]   |
+-----------------------------------------------------------+
|                                                            |
|  +------ Platform Health ------+  +--- Active Alerts ---+ |
|  |                             |  |                     |  |
|  |  Services: 24/24 healthy    |  |  Critical: 0       |  |
|  |  Pods: 48/48 running       |  |  Warning:  3       |  |
|  |  Uptime: 99.97%            |  |  Info:     12      |  |
|  |                             |  |                     |  |
|  +-----------------------------+  +---------------------+  |
|                                                            |
|  +---- Request Rate ----------+  +--- Error Rate ------+   |
|  |  [Line chart: req/s over   |  |  [Line chart: 5xx   |   |
|  |   time by service]         |  |   rate over time]   |   |
|  +-----------------------------+  +---------------------+  |
|                                                            |
|  +---- P99 Latency -----------+  +--- Recent Events --+   |
|  |  [Line chart: p99 latency  |  |  Deploy: ai-svc v3 |   |
|  |   by endpoint]             |  |  Alert: high CPU    |   |
|  |                             |  |  Resolve: db conn  |   |
|  +-----------------------------+  +---------------------+  |
|                                                            |
+-----------------------------------------------------------+

Condition met
    |
    v
[Pending] -- duration threshold met --> [Firing]
                                           |
                                     Notification sent
                                           |
                    +-----------+----------+----------+
                    |           |                     |
              [Acknowledged]  [Silenced]        Condition cleared
                    |           |                     |
                    v           v                     v
               Still firing  Silence expires      [Resolved]
                    |           |
                    v           v
              [Firing]    [Firing]

+-----------------------------------------------------------+
|  Incident: INC-2024-0042                                   |
|  Title: Elevated query latency in tenant acme-corp         |
|  Severity: P2                                              |
|  Duration: 47 minutes                                      |
+-----------------------------------------------------------+
|  Timeline:                                                 |
|                                                            |
|  09:15  [Alert] P99 latency > 500ms for query engine       |
|  09:17  [Auto] Incident created from alert                 |
|  09:18  [User: alice] Acknowledged, investigating          |
|  09:22  [User: alice] Root cause: Trino worker OOM         |
|  09:25  [User: bob] Scaling Trino workers 3 -> 5           |
|  09:30  [Auto] Latency returning to normal                 |
|  09:35  [User: alice] Confirmed resolution                 |
|  09:40  [User: alice] Incident resolved                    |
|                                                            |
|  Impact: 12 queries timed out, 3 dashboards affected       |
|  Root cause: Memory spike from concurrent large queries     |
|  Action items:                                             |
|    [ ] Implement query cost limits per tenant               |
|    [ ] Add Trino memory monitoring alert                    |
+-----------------------------------------------------------+

+-----------------------------------------------------------+
|  Resource Quotas by Namespace                              |
+-----------------------------------------------------------+
|  Namespace              CPU         Memory      Pods       |
|  matih-control-plane    4/8 cores   8/16 GiB   24/50     |
|  matih-data-plane       12/24 cores 32/64 GiB  48/100    |
|  matih-observability    2/4 cores   6/12 GiB   12/30     |
|  tenant-acme-corp       3/8 cores   6/16 GiB   14/50     |
|  tenant-globex          2/8 cores   4/16 GiB   14/50     |
+-----------------------------------------------------------+

API Availability (99.9% SLO, 30-day window)
  Total budget: 43.2 minutes of downtime
  Consumed: 12.1 minutes (28%)
  Remaining: 31.1 minutes (72%)
  Burn rate: 0.8x (sustainable)

  [=========|...................] 28% consumed
  Days remaining in window: 18

// frontend/ops-workbench/src/hooks/use-mops-data.ts
export function useMopsData() {
  // Aggregated operations data from multiple sources
  // Combines metrics from Prometheus, logs from Loki,
  // alerts from Alertmanager, and incidents from the ops service
 
  return {
    health,           // Platform health summary
    alerts,           // Active alerts
    incidents,        // Open incidents
    deployments,      // Recent deployments
    metrics,          // Key platform metrics
    isLoading,
    error,
    refresh,
  };
}