Update ui/components.py

ui/components.py

@@ -1,11 +1,23 @@
 """
 Gradio-only UI components for ARF
 Ensures full compatibility with app.py
+Updated with proper imports and error handling
 """
 
 import gradio as gr
 from typing import Dict, List, Any
-from demo.scenarios import INCIDENT_SCENARIOS
+import logging
+
+logger = logging.getLogger(__name__)
+
+# Try to import scenarios from registry first
+try:
+    from config.scenario_registry import ScenarioRegistry
+    INCIDENT_SCENARIOS = ScenarioRegistry.load_scenarios()
+    logger.info(f"Loaded {len(INCIDENT_SCENARIOS)} scenarios from registry")
+except ImportError:
+    logger.warning("Scenario registry not available, falling back to demo scenarios")
+    from demo.scenarios import INCIDENT_SCENARIOS
 
 # -----------------------------
 # Header & Status
@@ -176,7 +188,7 @@ def create_tab1_incident_demo(scenarios=INCIDENT_SCENARIOS, default_scenario="Ca
                     <div>
                         <p style="margin: 8px 0; font-size: 14px; color: #475569;"><strong>Action:</strong> Scale Redis cluster from 3 to 5 nodes</p>
                         <p style="margin: 8px 0; font-size: 14px; color: #475569;"><strong>Pattern Match:</strong> Similar incident resolved with scaling (87% success rate)</p>
-                        <p style="margin: 8px 0; font-size: 14px; color: #475569;"><strong>Safety Check:</strong> ✅ Passed (blast radius: 2 services)</p>
+                        <p style="margin: 8px 0; font-size= 14px; color: #475569;"><strong>Safety Check:</strong> ✅ Passed (blast radius: 2 services)</p>
                         <p style="margin: 8px 0; font-size: 14px; color: #475569;"><strong>Estimated Impact:</strong> Reduce MTTR from 45min to 12min</p>
                     </div>
                     <div style="margin-top: 20px; text-align: center;">