Update ui/components.py

ui/components.py

@@ -1,27 +1,29 @@
 """
 Minimalist, Math-First UI Components for ARF OSS
-Designed for engineers, not marketers.
+Contract-compatible with app.py
 
 Principles:
 - Deterministic layout
-- Low visual entropy
-- Computational semantics
-- OSS-first credibility
+- Low entropy
+- Systems-first semantics
+- OSS honesty
 """
 
 import gradio as gr
-from typing import List, Dict, Any
+from typing import Dict, Any
 
 
 # ============================================================
-# HEADER
+# HEADER (SIGNATURE FIXED)
 # ============================================================
-def create_header() -> gr.HTML:
+def create_header(version: str, mock_mode: bool) -> gr.HTML:
+    mode = "mock" if mock_mode else "live"
+
     return gr.HTML(
-        """
-        <div style="font-family: monospace; padding-bottom: 8px;">
-            <strong>ARF v3.3.6 (OSS)</strong> · Agentic Reliability Engine<br/>
-            Status: <span style="color: #2ecc71;">READY</span>
+        f"""
+        <div style="font-family: monospace; line-height: 1.4;">
+            <strong>Agentic Reliability Framework</strong><br/>
+            version={version} · mode={mode} · build=oss
         </div>
         <hr/>
         """
@@ -29,87 +31,84 @@ def create_header() -> gr.HTML:
 
 
 # ============================================================
-# STATUS BAR
+# STATUS BAR (SIGNATURE FIXED)
 # ============================================================
-def create_status_bar() -> gr.HTML:
+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;">
-            core=active | mode=oss | audit=enabled
+            system={status} | agent_core=active | audit=enabled
         </div>
         """
     )
 
 
 # ============================================================
-# TAB 1 — INCIDENT INPUT & EXECUTION
+# TAB 1 — INCIDENT DEMO
 # ============================================================
-def create_tab1_incident_demo():
+def create_tab1_incident_demo(
+    scenarios: Dict[str, Any]
+):
     with gr.Column():
-        gr.Markdown("### 1. Incident Input", elem_classes=["mono"])
-
-        scenario = gr.Dropdown(
-            label="Incident Scenario",
-            choices=[
-                "cache_miss_storm",
-                "database_connection_leak",
-                "api_rate_limit_spike",
-                "memory_pressure_event",
-            ],
-            value="cache_miss_storm",
+        gr.Markdown("### Incident Input", elem_classes=["mono"])
+
+        scenario_dropdown = gr.Dropdown(
+            label="Scenario",
+            choices=list(scenarios.keys()),
+            value=list(scenarios.keys())[0],
         )
 
-        mode = gr.Radio(
+        execution_mode = gr.Radio(
             label="Execution Mode",
             choices=["advisory", "approval", "autonomous"],
             value="advisory",
         )
 
-        gr.Markdown("### 2. Execute Analysis")
+        run_button = gr.Button("Run Analysis", variant="primary")
 
-        run_btn = gr.Button("Run Analysis", variant="primary")
+        metrics = gr.Markdown(
+            "No execution yet.",
+            elem_classes=["mono"],
+        )
 
-        return {
-            "scenario": scenario,
-            "mode": mode,
-            "run_btn": run_btn,
-        }
+    return scenario_dropdown, execution_mode, run_button, metrics
 
 
 # ============================================================
-# TAB 2 — BUSINESS IMPACT (OSS SAFE)
+# TAB 2 — BUSINESS ROI
 # ============================================================
 def create_tab2_business_roi():
     with gr.Column():
-        gr.Markdown("### Estimated Impact (Model-Derived)")
+        gr.Markdown("### Impact Estimation (Model Output)")
 
-        output = gr.Markdown(
+        roi_output = gr.Markdown(
             """
-            Loss Rate: $0 / hour  
-            Recovery Time: N/A  
-            Confidence Interval: N/A
+            loss_rate_usd_per_hour = 0  
+            recovery_time_minutes = ∅  
+            confidence_interval = ∅
             """,
             elem_classes=["mono"],
         )
 
-        return {"roi_output": output}
+    return roi_output
 
 
 # ============================================================
-# TAB 3 — ENTERPRISE FEATURES (LOCKED)
+# TAB 3 — ENTERPRISE FEATURES
 # ============================================================
 def create_tab3_enterprise_features():
     with gr.Column():
-        gr.Markdown("### Enterprise Capabilities (Unavailable in OSS)")
+        gr.Markdown("### Enterprise Capabilities")
 
         gr.Markdown(
             """
-            - Autonomous execution  
-            - Multi-agent arbitration  
-            - Policy enforcement  
-            - SLA-backed recovery  
+            autonomous_execution = false  
+            policy_engine = locked  
+            sla_enforcement = locked  
 
-            _This OSS build exposes intent only._
+            status = OSS_LIMITED
             """,
             elem_classes=["mono"],
         )
@@ -120,43 +119,3 @@ def create_tab3_enterprise_features():
 # ============================================================
 def create_tab4_audit_trail():
     with gr.Column():
-        gr.Markdown("### Execution Trace")
-
-        audit_log = gr.Dataframe(
-            headers=["phase", "status", "Δt (ms)"],
-            datatype=["str", "str", "number"],
-            row_count=5,
-        )
-
-        return {"audit_log": audit_log}
-
-
-# ============================================================
-# TAB 5 — LEARNING ENGINE
-# ============================================================
-def create_tab5_learning_engine():
-    with gr.Column():
-        gr.Markdown("### Learning Engine State")
-
-        gr.Markdown(
-            """
-            memory_vectors: enabled  
-            outcome_feedback: passive  
-            model_updates: disabled (OSS)
-            """,
-            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>
-        """
-    )