Update app.py

app.py

@@ -578,6 +578,7 @@ def update_scenario_display(scenario_name: str) -> dict:
     """Update all scenario-related displays"""
     scenario = INCIDENT_SCENARIOS.get(scenario_name, {})
     impact = scenario.get("business_impact", {})
+    metrics = scenario.get("metrics", {})
     
     # Create scenario card HTML
     scenario_html = f"""
@@ -589,11 +590,11 @@ def update_scenario_display(scenario_name: str) -> dict:
         <div class="scenario-details">
             <div class="scenario-detail-row">
                 <span class="detail-label">Component:</span>
-                <span class="detail-value">{scenario.get('component', 'Unknown')}</span>
+                <span class="detail-value">{scenario.get('component', 'Unknown').replace('_', ' ').title()}</span>
             </div>
             <div class="scenario-detail-row">
-                <span class="detail-label">Impact Radius:</span>
-                <span class="detail-value">{scenario.get('impact_radius', 'Unknown')}</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>
@@ -601,10 +602,13 @@ def update_scenario_display(scenario_name: str) -> dict:
             </div>
             <div class="scenario-detail-row">
                 <span class="detail-label">Detection Time:</span>
-                <span class="detail-value">{scenario.get('detection_time', 'Unknown')}</span>
+                <span class="detail-value">45 seconds (ARF AI)</span>
             </div>
             <div class="scenario-tags">
-                {''.join([f'<span class="scenario-tag">{tag}</span>' for tag in scenario.get('tags', ['incident', 'demo'])])}
+                <span class="scenario-tag">{scenario.get('component', 'unknown').split('_')[0]}</span>
+                <span class="scenario-tag">{scenario.get('severity', 'high').lower()}</span>
+                <span class="scenario-tag">production</span>
+                <span class="scenario-tag">incident</span>
             </div>
         </div>
     </div>