Update ui/components.py

ui/components.py

@@ -1,12 +1,6 @@
 """
 Minimalist, Math-First UI Components for ARF OSS
-Contract-compatible with app.py
-
-Principles:
-- Deterministic layout
-- Low entropy
-- Systems-first semantics
-- OSS honesty
+HF Spaces + Gradio compatible
 """
 
 import gradio as gr
@@ -14,16 +8,15 @@ from typing import Dict, Any
 
 
 # ============================================================
-# HEADER (SIGNATURE FIXED)
+# 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; line-height: 1.4;">
+        <div style="font-family: monospace;">
             <strong>Agentic Reliability Framework</strong><br/>
-            version={version} · mode={mode} · build=oss
+            version={version} · mode={mode} · edition=oss
         </div>
         <hr/>
         """
@@ -31,11 +24,10 @@ def create_header(version: str, mock_mode: bool) -> gr.HTML:
 
 
 # ============================================================
-# STATUS BAR (SIGNATURE FIXED)
+# 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;">
@@ -69,7 +61,7 @@ def create_tab1_incident_demo(
         run_button = gr.Button("Run Analysis", variant="primary")
 
         metrics = gr.Markdown(
-            "No execution yet.",
+            "execution_state = idle",
             elem_classes=["mono"],
         )
 
@@ -81,13 +73,13 @@ def create_tab1_incident_demo(
 # ============================================================
 def create_tab2_business_roi():
     with gr.Column():
-        gr.Markdown("### Impact Estimation (Model Output)")
+        gr.Markdown("### Impact Estimation")
 
         roi_output = gr.Markdown(
             """
-            loss_rate_usd_per_hour = 0  
-            recovery_time_minutes = ∅  
-            confidence_interval = ∅
+            loss_rate_usd_per_hour = 0
+            recovery_time_minutes = ∅
+            expected_savings = ∅
             """,
             elem_classes=["mono"],
         )
@@ -104,9 +96,9 @@ def create_tab3_enterprise_features():
 
         gr.Markdown(
             """
-            autonomous_execution = false  
-            policy_engine = locked  
-            sla_enforcement = locked  
+            autonomous_execution = false
+            policy_engine = locked
+            sla_enforcement = locked
 
             status = OSS_LIMITED
             """,
@@ -119,3 +111,43 @@ def create_tab3_enterprise_features():
 # ============================================================
 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,
+        )
+
+    return audit_df
+
+
+# ============================================================
+# 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>
+        """
+    )