Update app.py

app.py

@@ -1,6 +1,7 @@
 # app.py - Complete fixed version with Plotly compatibility
 # 🚀 ARF Ultimate Investor Demo v3.3.9 - ENTERPRISE EDITION
 # Enhanced with clear OSS vs Enterprise boundaries
+# UPDATED: Added realism panel integration for enterprise-seasoned SRE experience
 
 import logging
 import sys
@@ -176,7 +177,7 @@ class BoundaryManager:
                     <strong>Boundary:</strong> Real execution with safety guarantees
                 </p>
                 <div style="display: inline-block; padding: 10px 24px; background: #065f46; 
-                           border-radius: 20px; font-size: 14px; font-weight: bold; color: white; 
+                           border-radius: 20px; font-size=14px; font-weight: bold; color: white; 
                            text-transform: uppercase; letter-spacing: 1px;">
                     ENTERPRISE+
                 </div>
@@ -728,7 +729,7 @@ def create_html_impact_fallback(scenario_name: str, is_real_arf: bool) -> str:
                 <div style="font-size: 11px; color: #94a3b8;">Mean time to resolve</div>
             </div>
             
-            <div style="padding: 12px; background: #f8fafc; border-radius: 8px;">
+            <div style="padding: 12px; background: #f8fafc; border-radius=8px;">
                 <div style="font-size: 13px; color: #64748b; margin-bottom: 5px;">With ARF</div>
                 <div style="font-size: 16px; font-weight: 700; color: #10b981;">12 min</div>
                 <div style="font-size: 11px; color: #94a3b8;">Autonomous recovery</div>
@@ -828,12 +829,12 @@ def import_components() -> Dict[str, Any]:
         from ui.styles import get_styles
         components["get_styles"] = get_styles
         
-        # Import UI components
+        # Import UI components - IMPORTANT: Now includes create_realism_panel
         from ui.components import (
             create_header, create_status_bar, create_tab1_incident_demo,
             create_tab2_business_roi, create_tab3_enterprise_features,
             create_tab4_audit_trail, create_tab5_learning_engine,
-            create_footer
+            create_footer, create_realism_panel
         )
         
         components.update({
@@ -845,6 +846,7 @@ def import_components() -> Dict[str, Any]:
             "create_tab4_audit_trail": create_tab4_audit_trail,
             "create_tab5_learning_engine": create_tab5_learning_engine,
             "create_footer": create_footer,
+            "create_realism_panel": create_realism_panel  # Added for realism panel
         })
         
         # Import scenarios
@@ -1526,15 +1528,12 @@ def extract_roi_multiplier(roi_result: Dict) -> float:
         return 5.2
 
 # ===========================================
-# SURGICAL FIX: update_scenario_display() - ENHANCED
+# SURGICAL FIX: update_scenario_display() - ENHANCED WITH REALISM PANEL
 # ===========================================
 def update_scenario_display(scenario_name: str) -> tuple:
     """
-    ENHANCED: Returns Plotly figures with better Gradio compatibility
-    1. scenario_card_html (HTML string)
-    2. telemetry_fig (Plotly figure from create_simple_telemetry_plot())
-    3. impact_fig (Plotly figure from create_simple_impact_plot())
-    4. timeline_fig (Plotly figure from create_empty_plot())
+    ENHANCED: Returns Plotly figures AND realism panel
+    Returns 5 values: (scenario_card_html, telemetry_fig, impact_fig, timeline_fig, realism_html)
     """
     components = get_components()
     scenarios = components["INCIDENT_SCENARIOS"]
@@ -1620,8 +1619,28 @@ def update_scenario_display(scenario_name: str) -> tuple:
     impact_fig = create_simple_impact_plot(scenario_name, settings.use_true_arf)
     timeline_fig = create_empty_plot(f"Timeline: {scenario_name}", settings.use_true_arf)
     
-    logger.info(f"✅ Updated scenario display for {scenario_name} with Plotly figures")
-    return scenario_card_html, telemetry_fig, impact_fig, timeline_fig
+    # ============ NEW: Create realism panel ============
+    try:
+        # Use the imported create_realism_panel function
+        realism_html = components["create_realism_panel"](scenario, scenario_name)
+    except (ImportError, KeyError):
+        # Fallback if realism function isn't available yet
+        realism_html = """
+        <div style="border: 2px solid #f59e0b; border-radius: 14px; padding: 20px; 
+                    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); 
+                    text-align: center; margin-top: 20px;">
+            <div style="font-size: 36px; margin-bottom: 10px;">🔧</div>
+            <h4 style="margin: 0 0 10px 0; color: #92400e;">Realism Panel Loading...</h4>
+            <p style="color: #b45309; font-size: 14px;">
+                Trade-offs, risk assessments, and ranked actions will appear here
+            </p>
+        </div>
+        """
+    
+    logger.info(f"✅ Updated scenario display for {scenario_name} with realism panel")
+    
+    # ============ CHANGE HERE: Add realism_html to return tuple ============
+    return scenario_card_html, telemetry_fig, impact_fig, timeline_fig, realism_html
 
 # ===========================================
 # SURGICAL FIX: run_true_arf_analysis() - FIXED to return DataFrames
@@ -2022,10 +2041,10 @@ def calculate_roi(scenario_name, monthly_incidents, team_size):
     return roi_result, fig
 
 # ===========================================
-# CREATE DEMO INTERFACE - UNCHANGED except for DataFrame fixes
+# CREATE DEMO INTERFACE - UPDATED WITH REALISM PANEL INTEGRATION
 # ===========================================
 def create_demo_interface():
-    """Create demo interface using modular components with boundary awareness"""
+    """Create demo interface using modular components with boundary awareness and realism panel"""
     
     import gradio as gr
     
@@ -2059,12 +2078,12 @@ def create_demo_interface():
         # ============ 5 TABS ============
         with gr.Tabs(elem_classes="tab-nav"):
             
-            # TAB 1: Live Incident Demo
+            # TAB 1: Live Incident Demo - NOW WITH REALISM PANEL
             with gr.TabItem("🔥 Live Incident Demo", id="tab1"):
                 (scenario_dropdown, scenario_card, telemetry_viz, impact_viz,
                  workflow_header, detection_agent, recall_agent, decision_agent,
                  oss_section, enterprise_section, oss_btn, enterprise_btn, 
-                 approval_toggle, mcp_mode, timeline_viz,
+                 approval_toggle, mcp_mode, timeline_viz, realism_panel,
                  detection_time, mttr, auto_heal, savings,
                  oss_results_display, enterprise_results_display, approval_display, demo_btn) = components["create_tab1_incident_demo"]()
             
@@ -2094,11 +2113,11 @@ def create_demo_interface():
         
         # ============ EVENT HANDLERS ============
         
-        # Update scenario display when dropdown changes
+        # Update scenario display when dropdown changes - ADD realism_panel output
         scenario_dropdown.change(
-            fn=update_scenario_display,
+            fn=update_scenario_display,  # ← This now returns 5 values
             inputs=[scenario_dropdown],
-            outputs=[scenario_card, telemetry_viz, impact_viz, timeline_viz]
+            outputs=[scenario_card, telemetry_viz, impact_viz, timeline_viz, realism_panel]  # ← Added realism_panel
         )
         
         # Run OSS Analysis - FIXED: Now returns DataFrame for incident_table
@@ -2280,7 +2299,7 @@ def create_demo_interface():
                 </div>
                 
                 <!-- Architecture Validation -->
-                <div style="padding: 12px; background: #f0fdf4; border-radius: 8px; border: 1px solid #d1fae5;">
+                <div style="margin-top: 15px; padding: 12px; background: #f0fdf4; border-radius: 8px; border: 1px solid #d1fae5;">
                     <div style="display: flex; align-items: center; gap: 10px;">
                         <div style="font-size: 20px;">✅</div>
                         <div>
@@ -2312,7 +2331,7 @@ def create_demo_interface():
             
             # Combine all results
             return (
-                *update_result,  # 4 outputs: scenario_card, telemetry_viz, impact_viz, timeline_viz
+                *update_result,  # 5 outputs: scenario_card, telemetry_viz, impact_viz, timeline_viz, realism_panel
                 *oss_result[:3],  # 3 outputs: detection_agent, recall_agent, decision_agent
                 oss_result[3],    # 1 output: oss_results_display
                 enterprise_results,  # 1 output: enterprise_results_display  
@@ -2326,7 +2345,7 @@ def create_demo_interface():
             fn=run_complete_demo_async,
             inputs=[scenario_dropdown],
             outputs=[
-                scenario_card, telemetry_viz, impact_viz, timeline_viz,  # 4
+                scenario_card, telemetry_viz, impact_viz, timeline_viz, realism_panel,  # 5
                 detection_agent, recall_agent, decision_agent,  # 3
                 oss_results_display,  # 1
                 enterprise_results_display,  # 1
@@ -2447,11 +2466,11 @@ def create_demo_interface():
             outputs=[boundary_display]
         )
         
-        # Load default scenario
+        # Load default scenario - UPDATE outputs with realism_panel
         demo.load(
             fn=lambda: update_scenario_display(settings.default_scenario),
             inputs=[],
-            outputs=[scenario_card, telemetry_viz, impact_viz, timeline_viz]
+            outputs=[scenario_card, telemetry_viz, impact_viz, timeline_viz, realism_panel]
         )
         
         # Load ROI data
@@ -2461,7 +2480,7 @@ def create_demo_interface():
             outputs=[roi_output, roi_chart]
         )
         
-        logger.info("✅ Demo interface created successfully with boundary awareness")
+        logger.info("✅ Demo interface created successfully with boundary awareness and realism panel")
     
     return demo
 
@@ -2544,6 +2563,7 @@ if __name__ == "__main__":
         logger.info("🚀 ARF Ultimate Investor Demo v3.3.9 - ENTERPRISE EDITION")
         logger.info("=" * 60)
         logger.info("Enhanced with clear OSS vs Enterprise boundaries")
+        logger.info("Now with Realism Panel for enterprise-seasoned SRE experience")
         logger.info(f"True ARF OSS v3.3.9 integration with simulated Enterprise execution")
         logger.info("=" * 60)
         
@@ -2553,6 +2573,7 @@ if __name__ == "__main__":
         print("\n" + "="*60)
         print("🚀 ARF Ultimate Investor Demo v3.3.9 - ENTERPRISE EDITION")
         print("📊 Architecture: OSS advises → Enterprise executes")
+        print("🎭 New: Realism Panel with ranked actions & uncertainty")
         print("🌐 Starting on http://localhost:7860")
         print("="*60 + "\n")