Last Updated: 2026-03-05
Last Verified: 2026-03-05 (Auto-QA verification - all 25 drill-down views and 39 standalone modals confirmed present)
| Category | Count |
|---|
| Dashboard Pages | 22 (1 main + 21 dedicated) |
| Card Types | 141 |
| Cards with Drill-Down | 37 (+ 3 planned) |
| Drill-Down Views | 25 |
| Modal Dialogs | 39 standalone + 7 inline |
| Stats Block Types | 93 (across 14 dashboard types) |
| Cards with Demo Data | 42 (29%) |
| Cards with Live Data Hooks | 101 (71%) |
| # | Name | Route | Component |
|---|
| 1 | Main Dashboard | / | Dashboard.tsx |
| # | Name | Route | Component |
|---|
| 2 | Clusters | /clusters | Clusters.tsx |
| 3 | Workloads | /workloads | Workloads.tsx |
| 4 | Pods | /pods | Pods.tsx |
| 5 | Nodes | /nodes | Nodes.tsx |
| 6 | Deployments | /deployments | Deployments.tsx |
| 7 | Services | /services | Services.tsx |
| 8 | Operators | /operators | Operators.tsx |
| 9 | Helm Releases | /helm | HelmReleases.tsx |
| 10 | Logs | /logs | Logs.tsx |
| 11 | Compute | /compute | Compute.tsx |
| 12 | Storage | /storage | Storage.tsx |
| 13 | Network | /network | Network.tsx |
| 14 | Events | /events | Events.tsx |
| 15 | Security | /security | Security.tsx |
| 16 | Security Posture | /security-posture | Compliance.tsx |
| 17 | Data Compliance | /data-compliance | DataCompliance.tsx |
| 18 | GitOps | /gitops | GitOps.tsx |
| 19 | Alerts | /alerts | Alerts.tsx |
| 20 | Cost | /cost | Cost.tsx |
| 21 | Compliance | /compliance | Compliance.tsx |
| 22 | GPU Reservations | /gpu-reservations | GPUReservations.tsx |
| Name | Route | Component |
|---|
| Card History | /history | CardHistory.tsx |
| Settings | /settings | Settings.tsx |
| User Management | /users | UserManagement.tsx |
| Namespace Manager | /namespaces | NamespaceManager.tsx |
| # | Type | Title | Visualization |
|---|
| 1 | cluster_health | Cluster Health | status |
| 2 | cluster_metrics | Cluster Metrics | timeseries |
| 3 | cluster_focus | Cluster Focus | status |
| 4 | cluster_comparison | Cluster Comparison | bar |
| 5 | cluster_costs | Cluster Costs | bar |
| 6 | upgrade_status | Cluster Upgrade Status | status |
| 7 | cluster_resource_tree | Cluster Resource Tree | table |
| 8 | cluster_locations | Cluster Locations | map |
| # | Type | Title | Visualization |
|---|
| 9 | deployment_status | Deployment Status | donut |
| 10 | deployment_issues | Deployment Issues | table |
| 11 | deployment_progress | Deployment Progress | gauge |
| 12 | pod_issues | Pod Issues | table |
| 13 | top_pods | Top Pods | bar |
| 14 | app_status | Workload Status | donut |
| 15 | workload_deployment | Workload Deployment | table |
| # | Type | Title | Visualization |
|---|
| 16 | compute_overview | Compute Overview | status |
| 17 | resource_usage | Resource Usage | gauge |
| 18 | resource_capacity | Resource Capacity | bar |
| 19 | gpu_overview | GPU Overview | gauge |
| 20 | gpu_status | GPU Status | donut |
| 21 | gpu_inventory | GPU Inventory | table |
| 22 | gpu_workloads | GPU Workloads | table |
| 23 | gpu_usage_trend | GPU Usage Trend | timeseries |
| # | Type | Title | Visualization |
|---|
| 24 | storage_overview | Storage Overview | status |
| 25 | pvc_status | PVC Status | table |
| # | Type | Title | Visualization |
|---|
| 26 | network_overview | Network Overview | status |
| 27 | service_status | Service Status | table |
| 28 | cluster_network | Cluster Network | status |
| 29 | service_exports | Service Exports (MCS) | table |
| 30 | service_imports | Service Imports (MCS) | table |
| 31 | gateway_status | Gateway API Status | status |
| 32 | service_topology | Service Topology | diagram |
| # | Type | Title | Visualization |
|---|
| 33 | helm_release_status | Helm Releases | status |
| 34 | helm_history | Helm History | events |
| 35 | helm_values_diff | Helm Values Diff | table |
| 36 | chart_versions | Helm Chart Versions | table |
| 37 | kustomization_status | Kustomization Status | status |
| 38 | overlay_comparison | Overlay Comparison | table |
| 39 | gitops_drift | GitOps Drift | status |
| # | Type | Title | Visualization |
|---|
| 40 | argocd_applications | ArgoCD Applications | status |
| 41 | argocd_sync_status | ArgoCD Sync Status | donut |
| 42 | argocd_health | ArgoCD Health | status |
| # | Type | Title | Visualization |
|---|
| 43 | operator_status | OLM Operators | status |
| 44 | operator_subscriptions | Operator Subscriptions | table |
| 45 | crd_health | CRD Health | status |
| # | Type | Title | Visualization |
|---|
| 46 | namespace_overview | Namespace Overview | status |
| 47 | namespace_quotas | Namespace Quotas | gauge |
| 48 | namespace_rbac | Namespace RBAC | table |
| 49 | namespace_events | Namespace Events | events |
| 50 | namespace_monitor | Namespace Monitor | status |
| # | Type | Title | Visualization |
|---|
| 51 | security_issues | Security Issues | table |
| 52 | event_stream | Event Stream | events |
| 53 | user_management | User Management | table |
| # | Type | Title | Visualization |
|---|
| 54 | events_timeline | Events Timeline | timeseries |
| 55 | pod_health_trend | Pod Health Trend | timeseries |
| 56 | resource_trend | Resource Trend | timeseries |
| 57 | gpu_utilization | GPU Utilization | timeseries |
| # | Type | Title | Visualization |
|---|
| 58 | console_ai_issues | AI Issues | status |
| 59 | console_ai_kubeconfig_audit | AI Kubeconfig Audit | status |
| 60 | console_ai_health_check | AI Health Check | gauge |
| # | Type | Title | Visualization |
|---|
| 61 | active_alerts | Active Alerts | status |
| 62 | alert_rules | Alert Rules | table |
| # | Type | Title | Visualization |
|---|
| 63 | opencost_overview | OpenCost | bar |
| 64 | kubecost_overview | Kubecost | bar |
| # | Type | Title | Visualization |
|---|
| 65 | opa_policies | OPA Gatekeeper | status |
| 66 | kyverno_policies | Kyverno Policies | status |
| # | Type | Title | Visualization |
|---|
| 67 | falco_alerts | Falco Alerts | status |
| 68 | trivy_scan | Trivy Scan | status |
| 69 | kubescape_scan | Kubescape Scan | status |
| 70 | policy_violations | Policy Violations | table |
| 71 | compliance_score | Compliance Score | gauge |
| # | Type | Title | Visualization |
|---|
| 72 | vault_secrets | Vault Secrets | status |
| 73 | external_secrets | External Secrets | status |
| 74 | cert_manager | Cert Manager | status |
| # | Type | Title | Visualization |
|---|
| 75 | prow_jobs | Prow Jobs | table |
| 76 | prow_status | Prow Status | status |
| 77 | prow_history | Prow History | events |
| 78 | llm_inference | LLM Inference | table |
| 79 | llm_models | LLM Models | table |
| 80 | ml_jobs | ML Training Jobs | table |
| 81 | ml_notebooks | Jupyter Notebooks | table |
| # | Type | Title | Visualization |
|---|
| 82 | github_activity | GitHub Activity | table |
| 83 | weather | Weather | status |
| # | Type | Title | Visualization |
|---|
| 84 | kubectl | Kubectl Terminal | interactive |
| 85 | iframe_embed | Iframe Embed | interactive |
| 86 | network_utils | Network Utils | interactive |
| 87 | mobile_browser | Mobile Browser | interactive |
| 88 | stock_market_ticker | Stock Market Ticker | status |
| # | Type | Title | Visualization |
|---|
| 89 | sudoku_game | Sudoku Game | interactive |
| 90 | match_game | Kube Match | interactive |
| 91 | solitaire | Kube Solitaire | interactive |
| 92 | checkers | AI Checkers | interactive |
| 93 | game_2048 | Kube 2048 | interactive |
| 94 | kubedle | Kubedle | interactive |
| 95 | pod_sweeper | Pod Sweeper | interactive |
| 96 | container_tetris | Container Tetris | interactive |
| 97 | flappy_pod | Flappy Pod | interactive |
| 98 | kube_man | Kube-Man | interactive |
| 99 | kube_kong | Kube Kong | interactive |
| 100 | pod_pitfall | Pod Pitfall | interactive |
| 101 | node_invaders | Node Invaders | interactive |
| 102 | pod_brothers | Pod Brothers | interactive |
| 103 | kube_kart | Kube Kart | interactive |
| 104 | kube_pong | Kube Pong | interactive |
| 105 | kube_snake | Kube Snake | interactive |
| 106 | kube_galaga | Kube Galaga | interactive |
| 107 | kube_chess | Kube Chess | interactive |
| 108 | kube_doom | Kube Doom | interactive |
| # | Type | Title | Visualization | Demo Data |
|---|
| 109 | configmap_status | ConfigMap Status | table | ❌ Live |
| 110 | secret_status | Secret Status | table | ❌ Live |
| 111 | node_status | Node Status | table | ❌ Live |
| 112 | job_status | Job Status | table | ❌ Live |
| 113 | cronjob_status | CronJob Status | table | ❌ Live |
| 114 | daemonset_status | DaemonSet Status | table | ❌ Live |
| 115 | statefulset_status | StatefulSet Status | table | ❌ Live |
| 116 | replicaset_status | ReplicaSet Status | table | ❌ Live |
| 117 | hpa_status | HPA Status | table | ❌ Live |
| 118 | pv_status | PV Status | table | ❌ Live |
| 119 | ingress_status | Ingress Status | table | ❌ Live |
| 120 | namespace_status | Namespace Status | table | ❌ Live |
| 121 | limit_range_status | LimitRange Status | table | ❌ Live |
| 122 | resource_quota_status | ResourceQuota Status | table | ❌ Live |
| 123 | network_policy_status | NetworkPolicy Status | table | ❌ Live |
| 124 | service_account_status | ServiceAccount Status | table | ❌ Live |
| 125 | role_status | Role Status | table | ❌ Live |
| 126 | role_binding_status | RoleBinding Status | table | ❌ Live |
| # | Type | Title | Visualization | Demo Data |
|---|
| 127 | warning_events | Warning Events | events | ❌ Live |
| 128 | recent_events | Recent Events | events | ❌ Live |
| 129 | event_summary | Event Summary | status | ✅ Demo |
| 130 | provider_health | Provider Health | status | ✅ Demo |
| # | Type | Title | Visualization | Demo Data |
|---|
| 131 | cluster_groups | Cluster Groups | status | ✅ Demo |
| 132 | deployment_missions | Deployment Missions | status | ✅ Demo |
| 133 | resource_marshall | Resource Marshall | interactive | ❌ Live |
| 134 | workload_deployment | Workload Deployment | table | ❌ Live |
| 135 | workload_monitor | Workload Monitor | status | ❌ Live |
| # | Type | Title | Visualization | Demo Data |
|---|
| 136 | console_ai_offline_detection | AI Offline Detection | status | ✅ Demo |
| 137 | cluster_health_monitor | Cluster Health Monitor | status | ❌ Live |
| 138 | github_ci_monitor | GitHub CI Monitor | status | ❌ Live |
| 139 | prow_ci_monitor | Prow CI Monitor | status | ❌ Live |
| 140 | llmd_stack_monitor | LLM-d Stack Monitor | status | ❌ Live |
| # | Type | Title | Visualization | Demo Data |
|---|
| 141 | dynamic_card | Dynamic Card | dynamic | ❌ Live |
| 142 | rss_feed | RSS Feed | events | ✅ Demo |
| 143 | pod_crosser | Pod Crosser | interactive | ❌ Game |
| # | ID | Name | Icon | Color |
|---|
| 1 | clusters | Clusters | Server | purple |
| 2 | healthy | Healthy | CheckCircle2 | green |
| 3 | unhealthy | Unhealthy | XCircle | orange |
| 4 | unreachable | Offline | WifiOff | yellow |
| 5 | nodes | Nodes | Box | cyan |
| 6 | cpus | CPUs | Cpu | blue |
| 7 | memory | Memory | MemoryStick | green |
| 8 | storage | Storage | HardDrive | purple |
| 9 | gpus | GPUs | Zap | yellow |
| 10 | pods | Pods | Layers | purple |
| # | ID | Name | Icon | Color |
|---|
| 11 | namespaces | Namespaces | FolderOpen | purple |
| 12 | critical | Critical | AlertCircle | red |
| 13 | warning | Warning | AlertTriangle | yellow |
| 14 | healthy | Healthy | CheckCircle2 | green |
| 15 | deployments | Deployments | Layers | blue |
| 16 | pod_issues | Pod Issues | AlertOctagon | orange |
| 17 | deployment_issues | Deploy Issues | XCircle | red |
| # | ID | Name | Icon | Color |
|---|
| 18 | total_pods | Total Pods | Box | purple |
| 19 | healthy | Healthy | CheckCircle2 | green |
| 20 | issues | Issues | AlertCircle | red |
| 21 | pending | Pending | Clock | yellow |
| 22 | restarts | High Restarts | RotateCcw | orange |
| 23 | clusters | Clusters | Server | cyan |
| # | ID | Name | Icon | Color |
|---|
| 24 | total | Total | Package | purple |
| 25 | helm | Helm | Ship | blue |
| 26 | kustomize | Kustomize | Layers | cyan |
| 27 | operators | Operators | Settings | purple |
| 28 | deployed | Deployed | CheckCircle2 | green |
| 29 | failed | Failed | XCircle | red |
| 30 | pending | Pending | Clock | blue |
| 31 | other | Other | MoreHorizontal | gray |
| # | ID | Name | Icon | Color |
|---|
| 32 | ephemeral | Ephemeral | HardDrive | purple |
| 33 | pvcs | PVCs | Database | blue |
| 34 | bound | Bound | CheckCircle2 | green |
| 35 | pending | Pending | Clock | yellow |
| 36 | storage_classes | Storage Classes | Layers | cyan |
| # | ID | Name | Icon | Color |
|---|
| 37 | services | Services | Workflow | blue |
| 38 | loadbalancers | LoadBalancers | Globe | green |
| 39 | nodeport | NodePort | Network | yellow |
| 40 | clusterip | ClusterIP | Box | cyan |
| 41 | ingresses | Ingresses | ArrowRightLeft | purple |
| 42 | endpoints | Endpoints | CircleDot | gray |
| # | ID | Name | Icon | Color |
|---|
| 43 | issues | Issues | ShieldAlert | red |
| 44 | critical | Critical | AlertCircle | red |
| 45 | high | High | AlertTriangle | orange |
| 46 | medium | Medium | AlertTriangle | yellow |
| 47 | low | Low | Info | blue |
| 48 | privileged | Privileged | ShieldOff | red |
| 49 | root | Running as Root | User | orange |
| # | ID | Name | Icon | Color |
|---|
| 50 | score | Score | Percent | purple |
| 51 | total_checks | Total Checks | ClipboardList | blue |
| 52 | passing | Passing | CheckCircle2 | green |
| 53 | failing | Failing | XCircle | red |
| 54 | warning | Warning | AlertTriangle | yellow |
| 55 | critical_findings | Critical | AlertCircle | red |
| # | ID | Name | Icon | Color |
|---|
| 56 | nodes | Nodes | Server | purple |
| 57 | cpus | CPUs | Cpu | blue |
| 58 | memory | Memory | MemoryStick | green |
| 59 | gpus | GPUs | Zap | yellow |
| 60 | tpus | TPUs | Sparkles | orange |
| 61 | pods | Pods | Layers | cyan |
| 62 | cpu_util | CPU Util | Activity | blue |
| 63 | memory_util | Memory Util | Activity | green |
| # | ID | Name | Icon | Color |
|---|
| 64 | total | Total | List | purple |
| 65 | warnings | Warnings | AlertTriangle | yellow |
| 66 | normal | Normal | Info | blue |
| 67 | recent | Recent (1h) | Clock | cyan |
| 68 | errors | Errors | XCircle | red |
| # | ID | Name | Icon | Color |
|---|
| 69 | total_cost | Total Cost | DollarSign | green |
| 70 | cpu_cost | CPU Cost | Cpu | blue |
| 71 | memory_cost | Memory Cost | MemoryStick | purple |
| 72 | storage_cost | Storage Cost | HardDrive | cyan |
| 73 | network_cost | Network Cost | Globe | yellow |
| 74 | gpu_cost | GPU Cost | Zap | orange |
| # | ID | Name | Icon | Color |
|---|
| 75 | firing | Firing | AlertCircle | red |
| 76 | pending | Pending | Clock | yellow |
| 77 | resolved | Resolved | CheckCircle2 | green |
| 78 | rules_enabled | Rules Enabled | Shield | blue |
| 79 | rules_disabled | Rules Disabled | ShieldOff | gray |
| # | ID | Name | Icon | Color |
|---|
| 80 | clusters | Clusters | Server | blue |
| 81 | healthy | Healthy | CheckCircle2 | green |
| 82 | warnings | Warnings | AlertTriangle | yellow |
| 83 | errors | Errors | XCircle | red |
| 84 | namespaces | Namespaces | FolderTree | purple |
| 85 | pods | Pods | Box | cyan |
| # | ID | Name | Icon | Color |
|---|
| 86 | operators | Total | Package | purple |
| 87 | installed | Installed | CheckCircle2 | green |
| 88 | installing | Installing | RefreshCw | blue |
| 89 | failing | Failing | XCircle | red |
| 90 | upgrades | Upgrades | ArrowUpCircle | orange |
| 91 | subscriptions | Subscriptions | Newspaper | indigo |
| 92 | crds | CRDs | FileCode | cyan |
| 93 | clusters | Clusters | Server | blue |
- Main:
web/src/components/dashboard/Dashboard.tsx
- Card wrapper:
web/src/components/cards/CardWrapper.tsx
- Card chat:
web/src/components/cards/CardChat.tsx
- Add Card Modal:
web/src/components/dashboard/AddCardModal.tsx
- Configure Card Modal:
web/src/components/dashboard/ConfigureCardModal.tsx
- Replace Card Modal:
web/src/components/dashboard/ReplaceCardModal.tsx
- Card Recommendations:
web/src/components/dashboard/CardRecommendations.tsx
- Reset Dialog:
web/src/components/dashboard/ResetDialog.tsx
- Stats Config:
web/src/components/ui/StatsConfig.tsx
- Stats Overview:
web/src/components/ui/StatsOverview.tsx
- Dashboard Cards:
web/src/hooks/useDashboardCards.ts
- useDashboardContext:
web/src/hooks/useDashboardContext (hook with provider)
- Card Recommendations:
web/src/hooks/useCardRecommendations.ts
- Multi-dashboard:
web/src/hooks/useDashboards.ts
| Type | Icon | Description |
|---|
gauge | ⏱️ | Circular progress indicator |
table | 📋 | Data table with rows/columns |
timeseries | 📈 | Line chart over time |
events | 📜 | Event/log feed |
donut | 🍩 | Donut/pie chart |
bar | 📊 | Bar chart |
status | 🚦 | Status grid/list |
sparkline | 〰️ | Mini trend line |
Based on feature requests:
- Cluster Location Card (regions/zones)
- GitHub Monitoring Card (PR trends, issues, stars)
- Kubectl Command Card (custom kubectl commands)
- Prow-specific Card
- LLM-d specific Card
- WVA/EPP/Istio/HPA Cards
- Workload Monitor Card (comprehensive workload tracking)
| # | Name | File | Trigger | Description |
|---|
| 1 | AddCardModal | dashboard/AddCardModal.tsx | "Add Card" button | AI-powered modal for adding dashboard cards with "Browse Cards" and "AI Suggestions" tabs |
| 2 | ConfigureCardModal | dashboard/ConfigureCardModal.tsx | Card settings icon | Card configuration with toggles, cluster/namespace selectors, and AI suggestions |
| 3 | ReplaceCardModal | dashboard/ReplaceCardModal.tsx | Card replace action | Replace card with "Select" and "AI" tabs for choosing new card type |
| 4 | ResetDialog | dashboard/ResetDialog.tsx | Dashboard reset action | Two-option dialog: "Add Missing Cards" or "Replace All Cards" |
| 5 | TemplatesModal | dashboard/TemplatesModal.tsx | Templates selector | Dashboard template browser organized by category |
| 6 | CreateDashboardModal | dashboard/CreateDashboardModal.tsx | Create dashboard button | Create new dashboard with optional template selection |
| 7 | CardFactoryModal | dashboard/CardFactoryModal.tsx | Developer tools | Create custom cards with declarative, code, or AI-powered generation |
| 8 | StatBlockFactoryModal | dashboard/StatBlockFactoryModal.tsx | Developer tools | Create custom stat blocks with builder or AI assistance |
| 9 | CardConfigModal | clusters/components/CardConfigModal.tsx | Legacy card settings | Simple card configuration for cluster filtering |
| # | Name | File | Trigger | Description |
|---|
| 10 | ClusterDetailModal | clusters/ClusterDetailModal.tsx | Click cluster in list | Comprehensive cluster details: health, metrics, nodes, workloads, GPU inventory |
| 11 | AddClusterDialog | clusters/AddClusterDialog.tsx | "Add Cluster" button | Add a new cluster via Command-Line instructions, kubeconfig Import, or remote Connect tabs |
| 12 | RenameModal | clusters/components/RenameModal.tsx | Pencil icon on cluster | Rename kubeconfig context display name |
| 13 | GPUDetailModal | clusters/components/GPUDetailModal.tsx | GPU stat click (standalone) | Full-featured GPU resource details: inventory, specs, utilization, operator status, multi-cluster view |
| 14 | CPUDetailModal | clusters/ResourceDetailModals.tsx | CPU stat click (in cluster detail) | CPU resource details per node with allocation and utilization |
| 15 | MemoryDetailModal | clusters/ResourceDetailModals.tsx | Memory stat click (in cluster detail) | Memory resource details per node with allocation and utilization |
| 16 | StorageDetailModal | clusters/ResourceDetailModals.tsx | Storage stat click (in cluster detail) | Storage resource details per node with capacity and usage |
| 17 | GPUDetailModal (cluster view) | clusters/ResourceDetailModals.tsx | GPU stat in cluster detail modal | Simplified GPU details for single-cluster context within ClusterDetailModal |
| # | Name | File | Trigger | Description |
|---|
| 18 | DrillDownModal | drilldown/DrillDownModal.tsx | Click resources in cards | Hierarchical navigation for Kubernetes resources with breadcrumbs |
| # | Name | File | Trigger | Description |
|---|
| 19 | FeatureRequestModal | feedback/FeatureRequestModal.tsx | Feedback button | Submit feature requests and track updates with GitHub integration |
| 20 | FeedbackModal | feedback/FeedbackModal.tsx | Feedback button | Submit bugs or feature requests via GitHub Issues |
| # | Name | File | Trigger | Description |
|---|
| 21 | AgentSetupDialog | agent/AgentSetupDialog.tsx | Auto on app load (if agent not connected) | Install KubeStellar Console agent with quick install command |
| 22 | SetupInstructionsDialog | setup/SetupInstructionsDialog.tsx | Help/Setup menu | Full setup instructions with copy-paste commands and OAuth configuration |
| 39 | DeveloperSetupDialog | setup/DeveloperSetupDialog.tsx | Developer/Help menu | Developer setup guide with git clone commands, .env template, and startup instructions for local development |
| # | Name | File | Trigger | Description |
|---|
| 23 | DeployConfirmDialog | deploy/DeployConfirmDialog.tsx | Deploy workload action | Confirm deployment with dependency resolution and target cluster selection |
| # | Name | File | Trigger | Description |
|---|
| 24 | SyncDialog | gitops/SyncDialog.tsx | GitOps sync action | Multi-phase sync workflow: Detection → Plan → Execute → Complete |
| # | Name | File | Trigger | Description |
|---|
| 25 | SaveResolutionDialog | missions/SaveResolutionDialog.tsx | Save resolution action | Save successful mission resolution for future reference |
| 36 | ClusterSelectionDialog | missions/ClusterSelectionDialog.tsx | Run install-type mission | Prompts user to select a target cluster before running an install-type mission; auto-selects single online cluster |
| 37 | ImproveMissionDialog | missions/ImproveMissionDialog.tsx | "Improve this mission" action | Pre-filled feedback dialog for suggesting improvements to AI-generated missions; opens GitHub issue with context |
| 38 | ShareMissionDialog | missions/ShareMissionDialog.tsx | Share/export resolution action | Export a saved resolution as JSON file, clipboard, or markdown with security scanning before export |
| # | Name | File | Trigger | Description |
|---|
| 26 | AlertRuleEditor | alerts/AlertRuleEditor.tsx | Add/Edit alert rule | Create or edit alert rules with conditions, severity, and notification channels |
| # | Name | File | Trigger | Description |
|---|
| 27 | StatsConfigModal | clusters/components/StatsConfig.tsx | Stats settings icon | Configure visible stats and drag-drop reordering for stat blocks |
| 28 | StatsConfigModal (UI) | ui/StatsConfig.tsx | Stats settings icon | Alternative stats configuration component |
| # | Name | File | Trigger | Description |
|---|
| 29 | APIKeySettings | agent/APIKeySettings.tsx | Settings > API Keys | Configure AI provider API keys (Claude, OpenAI, Gemini) with validation and status |
| 30 | ApiKeyPromptModal | cards/console-missions/shared.tsx | AI feature without key | Prompt to configure API key when AI features are used without credentials |
| # | Name | File | Trigger | Description |
|---|
| 31 | WidgetExportModal | widgets/WidgetExportModal.tsx | Export menu | Export dashboard cards as standalone desktop widgets for Übersicht and other platforms |
| # | Name | File | Trigger | Description |
|---|
| 32 | BaseModal | lib/modals/BaseModal.tsx | N/A (Base component) | Base modal component providing consistent styling and keyboard navigation |
| 33 | ConfirmDialog | lib/modals/ConfirmDialog.tsx | Various actions | Reusable confirmation dialog with danger/warning/info variants |
| 34 | ModalRuntime | lib/modals/ModalRuntime.tsx | N/A (Runtime engine) | Declarative modal renderer; interprets modal definitions (future: YAML-based) and renders them consistently |
| 35 | ModalSections | lib/modals/ModalSections.tsx | N/A (Component library) | Reusable section components (KeyValueSection, TableSection, etc.) composable in modals |
These modals are defined within card/page components rather than as standalone files:
| # | Name | File | Trigger | Description |
|---|
| 1 | PolicyDetailModal | cards/OPAPolicies.tsx | Click policy in OPA card | Display policy details, violations, and enforcement mode with option to create similar |
| 2 | ClusterOPAModal | cards/OPAPolicies.tsx | Click violations count | Full cluster OPA status with policies and violations management |
| 3 | QuotaModal | cards/NamespaceQuotas.tsx | Add/Edit quota button | Create or edit namespace resource quotas with GPU presets |
| 4 | ResourceDetailModal | clusters/Clusters.tsx | Click pod/event item | Generic resource details with tabs: Overview/Labels/Related/Describe/Logs/Events/YAML |
| 5 | GitHubInviteModal | rewards/GitHubInvite.tsx | Invite action | Invite users to GitHub repository and earn coins in rewards system |
| 6 | Violations Display | cards/OPAPolicies.tsx | Policy violation actions | Shows policy violation details rendered in BaseModal (not a separate modal component) |
| 7 | ResourceModal | cards/NamespaceMonitor.tsx | Click resource in namespace monitor | Shows details (name, namespace, cluster, status) for a resource item within the Namespace Monitor card |
Note: The GPUDetailModal exported from ResourceDetailModals.tsx is listed as standalone modal #16 above, not as an inline modal.
- All modals support ESC key to close
- Use React portals for proper z-index layering
- Feature blur backdrop overlays
- Most support keyboard navigation
Drill-down views are displayed within DrillDownModal when clicking items in cards.
| # | View | File | Triggered By |
|---|
| 1 | AlertDrillDown | drilldown/views/AlertDrillDown.tsx | ActiveAlerts card |
| 2 | ArgoAppDrillDown | drilldown/views/ArgoAppDrillDown.tsx | ArgoCDApplications card |
| 3 | BuildpackDrillDown | drilldown/views/BuildpackDrillDown.tsx | BuildpacksStatus card |
| 4 | ClusterDrillDown | drilldown/views/ClusterDrillDown.tsx | Cluster items in various cards |
| 5 | ConfigMapDrillDown | drilldown/views/ConfigMapDrillDown.tsx | ConfigMap resources |
| 6 | CRDDrillDown | drilldown/views/CRDDrillDown.tsx | CRDHealth card |
| 7 | DeploymentDrillDown | drilldown/views/DeploymentDrillDown.tsx | DeploymentStatus, DeploymentIssues |
| 8 | DriftDrillDown | drilldown/views/DriftDrillDown.tsx | GitOpsDrift card |
| 9 | EventsDrillDown | drilldown/views/EventsDrillDown.tsx | EventStream, NamespaceEvents |
| 10 | GPUNamespaceDrillDown | drilldown/views/GPUNamespaceDrillDown.tsx | GPUNamespaceAllocations card |
| 11 | GPUNodeDrillDown | drilldown/views/GPUNodeDrillDown.tsx | GPUInventory, GPUStatus cards |
| 12 | HelmReleaseDrillDown | drilldown/views/HelmReleaseDrillDown.tsx | HelmReleaseStatus, HelmHistory |
| 13 | KustomizationDrillDown | drilldown/views/KustomizationDrillDown.tsx | KustomizationStatus, OverlayComparison |
| 14 | LogsDrillDown | drilldown/views/LogsDrillDown.tsx | Pod logs access |
| 15 | MultiClusterSummaryDrillDown | drilldown/views/MultiClusterSummaryDrillDown.tsx | All-clusters, all-namespaces, all-deployments, all-pods views |
| 16 | NamespaceDrillDown | drilldown/views/NamespaceDrillDown.tsx | NamespaceOverview card |
| 17 | NodeDrillDown | drilldown/views/NodeDrillDown.tsx | Node items in ComputeOverview |
| 18 | OperatorDrillDown | drilldown/views/OperatorDrillDown.tsx | OperatorStatus, OperatorSubscriptions |
| 19 | PodDrillDown | drilldown/views/PodDrillDown.tsx | TopPods, PodIssues cards |
| 20 | PolicyDrillDown | drilldown/views/PolicyDrillDown.tsx | OPAPolicies, KyvernoPolicies |
| 21 | ReplicaSetDrillDown | drilldown/views/ReplicaSetDrillDown.tsx | ReplicaSet resources |
| 22 | ResourcesDrillDown | drilldown/views/ResourcesDrillDown.tsx | Generic resource drill-down |
| 23 | SecretDrillDown | drilldown/views/SecretDrillDown.tsx | Secret resources |
| 24 | ServiceAccountDrillDown | drilldown/views/ServiceAccountDrillDown.tsx | RBAC service accounts |
| 25 | YAMLDrillDown | drilldown/views/YAMLDrillDown.tsx | YAML view for any resource |
Cards that have useDrillDownActions hook for clickable items:
| # | Card | Drill Action | Target View | Status |
|---|
| 1 | AppStatus | drillToDeployment | DeploymentDrillDown | ✓ |
| 2 | ArgoCDApplications | drillToArgoApp | ArgoAppDrillDown | ✓ |
| 3 | ClusterComparison | drillToCluster | ClusterDrillDown | ✓ |
| 4 | ClusterCosts | drillToCost | CostDrillDown | Planned |
| 5 | ClusterFocus | drillToCluster | ClusterDrillDown | ✓ |
| 6 | ClusterResourceTree | drillToNamespace/Pod | NamespaceDrillDown/PodDrillDown | ✓ |
| 7 | ComputeOverview | drillToNode | NodeDrillDown | ✓ |
| 8 | DeploymentIssues | drillToDeployment | DeploymentDrillDown | ✓ |
| 9 | DeploymentProgress | drillToDeployment | DeploymentDrillDown | ✓ |
| 10 | DeploymentStatus | drillToDeployment | DeploymentDrillDown | ✓ |
| 11 | EventStream | drillToEvents | EventsDrillDown | ✓ |
| 12 | GitOpsDrift | drillToDrift | DriftDrillDown | ✓ |
| 13 | GPUInventory | drillToGPUNode | GPUNodeDrillDown | ✓ |
| 14 | GPUOverview | drillToGPUNode | GPUNodeDrillDown | ✓ |
| 15 | GPUStatus | drillToCluster | ClusterDrillDown | ✓ |
| 16 | GPUWorkloads | drillToPod | PodDrillDown | ✓ |
| 17 | HelmHistory | drillToHelm | HelmReleaseDrillDown | ✓ |
| 18 | HelmReleaseStatus | drillToHelm | HelmReleaseDrillDown | ✓ |
| 19 | HelmValuesDiff | drillToHelm | HelmReleaseDrillDown | ✓ |
| 20 | KubecostOverview | drillToCost | CostDrillDown | Planned |
| 21 | KustomizationStatus | drillToKustomization | KustomizationDrillDown | ✓ |
| 22 | NamespaceEvents | drillToEvents | EventsDrillDown | ✓ |
| 23 | NamespaceOverview | drillToNamespace | NamespaceDrillDown | ✓ |
| 24 | NamespaceRBAC | drillToRBAC | ServiceAccountDrillDown | ✓ |
| 25 | NetworkOverview | drillToService | ServiceDrillDown | Planned |
| 26 | OpenCostOverview | drillToCost | CostDrillDown | Planned |
| 27 | OperatorStatus | drillToOperator | OperatorDrillDown | ✓ |
| 28 | OperatorSubscriptions | drillToOperator | OperatorDrillDown | ✓ |
| 29 | OverlayComparison | drillToKustomization | KustomizationDrillDown | ✓ |
| 30 | PodIssues | drillToPod | PodDrillDown | ✓ |
| 31 | PVCStatus | drillToPVC | PVCDrillDown | Planned |
| 32 | ResourceCapacity | drillToNode | NodeDrillDown | ✓ |
| 33 | ResourceUsage | drillToNode | NodeDrillDown | ✓ |
| 34 | SecurityIssues | drillToPod | PodDrillDown | ✓ |
| 35 | ServiceStatus | drillToService | ServiceDrillDown | Planned |
| 36 | StorageOverview | drillToPVC | PVCDrillDown | Planned |
| 37 | TopPods | drillToPod | PodDrillDown | ✓ |
| 38 | UpgradeStatus | drillToCluster | ClusterDrillDown | ✓ |
| 39 | UserManagement | drillToRBAC | ServiceAccountDrillDown | ✓ |
Note: Cards marked as "Planned" reference drill-down views that don't yet exist as separate files. They may use generic ResourcesDrillDown or open inline views until dedicated drill-down components are implemented.
Cards that don't need drill-down (utilities, charts, games, cards with custom modals):
| Category | Cards |
|---|
| Summary/Chart Cards | ArgoCDHealth, ArgoCDSyncStatus, ClusterHealth, ClusterMetrics, ClusterNetwork, EventsTimeline, GPUUsageTrend, GPUUtilization, NamespaceQuotas, PodHealthTrend, ResourceTrend |
| Custom Modal Cards | ActiveAlerts, AlertRules, OPAPolicies, KyvernoPolicies (have their own modals) |
| Utility/Game Cards | CardChat, CardWrapper, GitHubActivity, Kubectl, MatchGame, StockMarketTicker, SudokuGame, Weather |
| Info Display Cards | ChartVersions, CRDHealth |
Located in src/components/modals/sections/:
| Component | File | Description |
|---|
| AIActionBar | AIActionBar.tsx | Diagnose 🩺, Repair 🔧, Ask ✨ action buttons |
| BreadcrumbNav | BreadcrumbNav.tsx | Clickable navigation path for drill-down |
| ResourceBadges | ResourceBadges.tsx | Cluster + resource kind badges |
Located in src/components/modals/hooks/:
| Hook | Description |
|---|
| useModalNavigation | ESC to close, Backspace to go back |
| useModalAI | AI Assistant integration for modals |
Available drill actions from useDrillDownActions():
| Action | Parameters | Description |
|---|
| drillToCluster | (cluster, context?) | Open cluster details |
| drillToNamespace | (cluster, namespace, context?) | Open namespace details |
| drillToPod | (cluster, namespace, pod, context?) | Open pod details |
| drillToDeployment | (cluster, namespace, deployment, context?) | Open deployment details |
| drillToService | (cluster, namespace, service, context?) | Open service details |
| drillToNode | (cluster, node, context?) | Open node details |
| drillToGPUNode | (cluster, node, context?) | Open GPU node details |
| drillToHelm | (cluster, namespace, release, context?) | Open Helm release details |
| drillToOperator | (cluster, namespace, operator, context?) | Open operator details |
| drillToArgoApp | (cluster, namespace, app, context?) | Open ArgoCD app details |
| drillToKustomization | (cluster, name, resource?, context?) | Open kustomization details |
| drillToDrift | (cluster, resource, context?) | Open GitOps drift details |
| drillToCost | (cluster, context?) | Open cost details |
| drillToRBAC | (cluster, namespace, name, context?) | Open RBAC details |
| drillToEvents | (cluster, namespace?, object?) | Open events view |
| drillToPVC | (cluster, namespace, pvc, context?) | Open PVC details |
| drillToGPUNamespace | (namespace, gpuData?) | Open GPU namespace allocation details |
| drillToBuildpack | (cluster, namespace, name, buildpackData?) | Open buildpack/kpack build details |
| drillToAlert | (alertId, context?) | Open alert details |
| drillToPolicy | (cluster, policy, context?) | Open policy details |