Update ui/components.py

ui/components.py

@@ -1,153 +1,78 @@
 """
-Minimalist, Math-First UI Components for ARF OSS
-HF Spaces + Gradio compatible
+Minimalist, Math-First ARF UI Components
+Compatible with Gradio 6+ and Hugging Face Spaces
 """
 
+from __future__ import annotations
+from typing import Dict, List, Any, Optional
 import gradio as gr
-from typing import Dict, Any
 
-
-# ============================================================
-# HEADER
-# ============================================================
-def create_header(version: str, mock_mode: bool) -> gr.HTML:
-    mode = "mock" if mock_mode else "live"
-    return gr.HTML(
-        f"""
-        <div style="font-family: monospace;">
-            <strong>Agentic Reliability Framework</strong><br/>
-            version={version} · mode={mode} · edition=oss
-        </div>
-        <hr/>
-        """
-    )
-
-
-# ============================================================
-# STATUS BAR
-# ============================================================
-def create_status_bar(system_online: bool = True) -> gr.HTML:
-    status = "ONLINE" if system_online else "OFFLINE"
-    return gr.HTML(
-        f"""
-        <div style="font-family: monospace; font-size: 13px;">
-            system={status} | agent_core=active | audit=enabled
-        </div>
-        """
-    )
-
-
-# ============================================================
-# TAB 1 — INCIDENT DEMO
-# ============================================================
+# -----------------------------
+# Header & Footer
+# -----------------------------
+def create_header(version: str = "3.3.6", is_enterprise: bool = False):
+    """Minimalist header with version and mode."""
+    header_text = f"🚀 Agentic Reliability Framework v{version} · "
+    header_text += "ENTERPRISE" if is_enterprise else "OSS Edition"
+    return gr.Markdown(header_text, elem_classes=["mono"])
+
+def create_footer():
+    return gr.Markdown("ARF © 2025 · Self-Healing Agentic Systems", elem_classes=["mono"])
+
+# -----------------------------
+# Tab 1: Incident Demo
+# -----------------------------
 def create_tab1_incident_demo(
-    scenarios: Dict[str, Any]
+    scenarios: Dict[str, Any],
+    healing_intents: Optional[List[Dict[str, Any]]] = None
 ):
+    """Minimalist Incident Demo tab (matches app.py signature)."""
     with gr.Column():
-        gr.Markdown("### Incident Input", elem_classes=["mono"])
-
         scenario_dropdown = gr.Dropdown(
             label="Scenario",
             choices=list(scenarios.keys()),
             value=list(scenarios.keys())[0],
         )
-
         execution_mode = gr.Radio(
             label="Execution Mode",
             choices=["advisory", "approval", "autonomous"],
             value="advisory",
         )
-
         run_button = gr.Button("Run Analysis", variant="primary")
+        metrics_display = gr.Markdown("execution_state = idle", elem_classes=["mono"])
+    return scenario_dropdown, execution_mode, run_button, metrics_display
 
-        metrics = gr.Markdown(
-            "execution_state = idle",
-            elem_classes=["mono"],
-        )
-
-    return scenario_dropdown, execution_mode, run_button, metrics
-
-
-# ============================================================
-# TAB 2 — BUSINESS ROI
-# ============================================================
+# -----------------------------
+# Tab 2: Business ROI
+# -----------------------------
 def create_tab2_business_roi():
     with gr.Column():
-        gr.Markdown("### Impact Estimation")
-
-        roi_output = gr.Markdown(
-            """
-            loss_rate_usd_per_hour = 0
-            recovery_time_minutes = ∅
-            expected_savings = ∅
-            """,
-            elem_classes=["mono"],
-        )
+        roi_markdown = gr.Markdown("## Business Impact & ROI\n```\nROI calculations will appear here\n```", elem_classes=["mono"])
+    return roi_markdown
 
-    return roi_output
-
-
-# ============================================================
-# TAB 3 — ENTERPRISE FEATURES
-# ============================================================
+# -----------------------------
+# Tab 3: Enterprise Features
+# -----------------------------
 def create_tab3_enterprise_features():
     with gr.Column():
-        gr.Markdown("### Enterprise Capabilities")
-
-        gr.Markdown(
-            """
-            autonomous_execution = false
-            policy_engine = locked
-            sla_enforcement = locked
-
-            status = OSS_LIMITED
-            """,
-            elem_classes=["mono"],
+        features_markdown = gr.Markdown(
+            "## Enterprise Features\n- Full audit trail\n- Approval modes\n- Automated healing\n", 
+            elem_classes=["mono"]
         )
+    return features_markdown
 
-
-# ============================================================
-# TAB 4 — AUDIT TRAIL
-# ============================================================
+# -----------------------------
+# Tab 4: Audit Trail
+# -----------------------------
 def create_tab4_audit_trail():
     with gr.Column():
-        gr.Markdown("### Execution Trace")
-
-        audit_df = gr.Dataframe(
-            headers=["step", "state", "Δt_ms"],
-            datatype=["str", "str", "number"],
-            row_count=6,
-        )
+        audit_markdown = gr.Markdown("## Audit Trail & History\n```\nRecent actions will appear here\n```", elem_classes=["mono"])
+    return audit_markdown
 
-    return audit_df
-
-
-# ============================================================
-# TAB 5 — LEARNING ENGINE
-# ============================================================
+# -----------------------------
+# Tab 5: Learning Engine
+# -----------------------------
 def create_tab5_learning_engine():
     with gr.Column():
-        gr.Markdown("### Learning State")
-
-        gr.Markdown(
-            """
-            vector_memory = enabled
-            feedback_loop = passive
-            online_learning = disabled
-            """,
-            elem_classes=["mono"],
-        )
-
-
-# ============================================================
-# FOOTER
-# ============================================================
-def create_footer() -> gr.HTML:
-    return gr.HTML(
-        """
-        <hr/>
-        <div style="font-family: monospace; font-size: 12px;">
-            ARF OSS · Apache-2.0 · 2025
-        </div>
-        """
-    )
+        learning_markdown = gr.Markdown("## Learning Engine Stats\n```\nModel improvements and patterns\n```", elem_classes=["mono"])
+    return learning_markdown