Update ui/components.py

ui/components.py

@@ -34,7 +34,7 @@ def create_status_bar() -> gr.HTML:
     """)
 
 # -----------------------------
-# Tab 1: Live Incident Demo - ENHANCED VERSION
+# Tab 1: Live Incident Demo - UPDATED TO USE SCENARIOS DATA
 # -----------------------------
 def create_tab1_incident_demo(scenarios=INCIDENT_SCENARIOS, default_scenario="Cache Miss Storm") -> tuple:
     """
@@ -42,6 +42,11 @@ def create_tab1_incident_demo(scenarios=INCIDENT_SCENARIOS, default_scenario="Ca
     Shows the complete OSS analysis → Enterprise execution workflow.
     """
     
+    # Get the default scenario data
+    default_scenario_data = scenarios.get(default_scenario, {})
+    business_impact = default_scenario_data.get("business_impact", {})
+    metrics = default_scenario_data.get("metrics", {})
+    
     # Left Column: Scenario Selection & Live Visualization
     with gr.Column(scale=1, variant="panel") as left_col:
         # Scenario Selection with rich preview
@@ -54,35 +59,35 @@ def create_tab1_incident_demo(scenarios=INCIDENT_SCENARIOS, default_scenario="Ca
             container=False
         )
         
-        # Scenario Card with rich information
-        scenario_card = gr.HTML("""
+        # Scenario Card with rich information - UPDATED TO USE SCENARIOS DATA
+        scenario_card = gr.HTML(f"""
         <div class="scenario-card">
             <div class="scenario-header">
-                <h3>🚨 Cache Miss Storm</h3>
-                <span class="severity-badge high">HIGH</span>
+                <h3>🚨 {default_scenario}</h3>
+                <span class="severity-badge {default_scenario_data.get('severity', 'HIGH').lower()}">{default_scenario_data.get('severity', 'HIGH')}</span>
             </div>
             <div class="scenario-details">
                 <div class="scenario-detail-row">
                     <span class="detail-label">Component:</span>
-                    <span class="detail-value">Redis Cache Cluster</span>
+                    <span class="detail-value">{default_scenario_data.get('component', 'Unknown').replace('_', ' ').title()}</span>
                 </div>
                 <div class="scenario-detail-row">
-                    <span class="detail-label">Impact Radius:</span>
-                    <span class="detail-value">85% of users</span>
+                    <span class="detail-label">Affected Users:</span>
+                    <span class="detail-value">{metrics.get('affected_users', 'Unknown') if 'affected_users' in metrics else 'Unknown'}</span>
                 </div>
                 <div class="scenario-detail-row">
                     <span class="detail-label">Revenue Risk:</span>
-                    <span class="detail-value revenue-risk">$8,500/hour</span>
+                    <span class="detail-value revenue-risk">${business_impact.get('revenue_loss_per_hour', 0):,}/hour</span>
                 </div>
                 <div class="scenario-detail-row">
                     <span class="detail-label">Detection Time:</span>
-                    <span class="detail-value">45 seconds</span>
+                    <span class="detail-value">45 seconds (ARF AI)</span>
                 </div>
                 <div class="scenario-tags">
-                    <span class="scenario-tag">cache</span>
-                    <span class="scenario-tag">redis</span>
-                    <span class="scenario-tag">latency</span>
-                    <span class="scenario-tag">scaling</span>
+                    <span class="scenario-tag">{default_scenario_data.get('component', 'unknown').split('_')[0]}</span>
+                    <span class="scenario-tag">{default_scenario_data.get('severity', 'high').lower()}</span>
+                    <span class="scenario-tag">production</span>
+                    <span class="scenario-tag">incident</span>
                 </div>
             </div>
         </div>
@@ -301,12 +306,12 @@ def create_tab1_incident_demo(scenarios=INCIDENT_SCENARIOS, default_scenario="Ca
             </div>
             """)
             
-            savings = gr.HTML("""
+            savings = gr.HTML(f"""
             <div class="metric-card savings">
                 <div class="metric-icon">💰</div>
                 <div class="metric-content">
                     <h4>Cost Saved</h4>
-                    <p class="metric-value">$6.3K</p>
+                    <p class="metric-value">${int(business_impact.get('revenue_loss_per_hour', 8500) * 0.85 / 1000):.1f}K</p>
                     <p class="metric-comparison">Per incident avoided</p>
                 </div>
             </div>
@@ -379,7 +384,7 @@ def create_tab1_incident_demo(scenarios=INCIDENT_SCENARIOS, default_scenario="Ca
     )
 
 # -----------------------------
-# Tab 2: Business ROI - Updated to match new return signature
+# Tab 2: Business ROI - Updated
 # -----------------------------
 def create_tab2_business_roi(scenarios=INCIDENT_SCENARIOS) -> tuple:
     dashboard_output = gr.Plot(label="Executive Dashboard", show_label=True)
@@ -413,7 +418,7 @@ def create_tab2_business_roi(scenarios=INCIDENT_SCENARIOS) -> tuple:
             calculate_btn, roi_output, roi_chart)
 
 # -----------------------------
-# Tab 3: Enterprise Features - Updated
+# Tab 3: Enterprise Features
 # -----------------------------
 def create_tab3_enterprise_features() -> tuple:
     license_display = gr.JSON(
@@ -471,7 +476,7 @@ def create_tab3_enterprise_features() -> tuple:
             mcp_mode, mcp_mode_info, features_table, integrations_table)
 
 # -----------------------------
-# Tab 4: Audit Trail - Updated
+# Tab 4: Audit Trail
 # -----------------------------
 def create_tab4_audit_trail() -> tuple:
     refresh_btn = gr.Button("🔄 Refresh Audit Trail", variant="secondary")
@@ -499,7 +504,7 @@ def create_tab4_audit_trail() -> tuple:
     return (refresh_btn, clear_btn, export_btn, execution_table, incident_table, export_text)
 
 # -----------------------------
-# Tab 5: Learning Engine - Updated
+# Tab 5: Learning Engine
 # -----------------------------
 def create_tab5_learning_engine() -> tuple:
     learning_graph = gr.Plot(label="RAG Memory Graph")