Update ui/components.py

ui/components.py

@@ -1,108 +1,82 @@
 """
-Minimalist, Math-First ARF UI Components
-Compatible with Gradio 6+ and Hugging Face Spaces
-Version: v1.1
+Minimalist, math-first Gradio UI for Agentic Reliability Framework (ARF)
+Only Gradio components; Streamlit removed
 """
 
-from __future__ import annotations
-from typing import Dict, List, Any, Optional
 import gradio as gr
+from typing import Dict, List, Any
 
 # -----------------------------
-# Header & Footer
+# Header & Status
 # -----------------------------
-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_header() -> gr.HTML:
+    return gr.HTML("<h2>🚀 Agentic Reliability Framework v3.3.6 (OSS Edition)</h2>")
 
-def create_footer():
-    """Minimalist footer."""
-    return gr.Markdown("ARF © 2025 · Self-Healing Agentic Systems", elem_classes=["mono"])
-
-# -----------------------------
-# Status Bar
-# -----------------------------
-def create_status_bar():
-    """Minimalist status bar."""
-    return gr.Markdown("**Status:** idle", elem_classes=["mono"])
+def create_status_bar() -> gr.HTML:
+    return gr.HTML(
+        "✅ System Online · 🧠 Agentic Core Active · 📦 OSS Mode"
+    )
 
 # -----------------------------
 # Tab 1: Incident Demo
 # -----------------------------
-def create_tab1_incident_demo(
-    scenarios: Dict[str, Any],
-    healing_intents: Optional[List[Dict[str, Any]]] = None
-):
-    """Minimalist Incident Demo tab."""
-    with gr.Column():
-        # Scenario selector
-        scenario_dropdown = gr.Dropdown(
-            label="Incident Scenario",
-            choices=list(scenarios.keys()),
-            value=list(scenarios.keys())[0],
-        )
-
-        # Execution mode selector
-        execution_mode = gr.Radio(
-            label="Execution Mode",
-            choices=["advisory", "approval", "autonomous"],
-            value="advisory",
-        )
-
-        # Run analysis button
-        run_button = gr.Button("Run Analysis", variant="primary")
-
-        # Display area for metrics/results
-        metrics_display = gr.Markdown("```\nExecution state: idle\n```", elem_classes=["mono"])
-
-    return scenario_dropdown, execution_mode, run_button, metrics_display
+def create_tab1_incident_demo() -> tuple:
+    """
+    Returns 12 Gradio components (matching previous unpacking in app.py)
+    """
+    scenario_dropdown = gr.Dropdown(choices=["Cache Miss Storm", "DB Latency Spike"], label="Incident Scenario")
+    scenario_description = gr.Textbox(value="Select a scenario to begin analysis.", label="Description")
+    metrics_display = gr.Textbox(value="Live Metrics: TBD", label="Metrics")
+    impact_display = gr.Textbox(value="Estimated Business Impact: TBD", label="Impact")
+    
+    approval_display = gr.Textbox(value="Approval Status: N/A", label="Approval")
+    oss_results_display = gr.Textbox(value="OSS Results: N/A", label="OSS")
+    enterprise_results_display = gr.Textbox(value="Enterprise Results: N/A", label="Enterprise")
+    
+    run_oss_btn = gr.Button("Run OSS Analysis")
+    execute_enterprise_btn = gr.Button("Execute Enterprise Healing")
+    require_human_btn = gr.Button("Require Human Approval")
+    run_demo_btn = gr.Button("Run Demo")
+    
+    return (
+        scenario_dropdown, scenario_description, metrics_display, impact_display,
+        approval_display, oss_results_display, enterprise_results_display,
+        run_oss_btn, execute_enterprise_btn, require_human_btn, run_demo_btn, gr.Textbox(value="", visible=False)
+    )
 
 # -----------------------------
 # Tab 2: Business ROI
 # -----------------------------
-def create_tab2_business_roi():
-    """Minimalist Business ROI display."""
-    with gr.Column():
-        roi_markdown = gr.Markdown(
-            "## Business Impact & ROI\n```\nROI calculations will appear here\n```",
-            elem_classes=["mono"]
-        )
-    return roi_markdown
+def create_tab2_business_roi() -> tuple:
+    roi_display = gr.Textbox(value="ROI Calculator Output: TBD", label="ROI")
+    return (roi_display,)
 
 # -----------------------------
 # Tab 3: Enterprise Features
 # -----------------------------
-def create_tab3_enterprise_features():
-    """Minimalist Enterprise Features display."""
-    with gr.Column():
-        features_markdown = gr.Markdown(
-            "## Enterprise Features\n- Full audit trail\n- Approval modes\n- Automated healing\n",
-            elem_classes=["mono"]
-        )
-    return features_markdown
+def create_tab3_enterprise_features() -> tuple:
+    features_display = gr.Textbox(
+        value="- Self-Healing Agentic Core\n- Enhanced Monitoring\n- Auto-Scaling",
+        label="Enterprise Features"
+    )
+    return (features_display,)
 
 # -----------------------------
 # Tab 4: Audit Trail
 # -----------------------------
-def create_tab4_audit_trail():
-    """Minimalist Audit Trail display."""
-    with gr.Column():
-        audit_markdown = gr.Markdown(
-            "## Audit Trail & History\n```\nRecent actions will appear here\n```",
-            elem_classes=["mono"]
-        )
-    return audit_markdown
+def create_tab4_audit_trail() -> tuple:
+    audit_display = gr.Textbox(value="Audit logs will appear here.", label="Audit Trail")
+    return (audit_display,)
 
 # -----------------------------
 # Tab 5: Learning Engine
 # -----------------------------
-def create_tab5_learning_engine():
-    """Minimalist Learning Engine display."""
-    with gr.Column():
-        learning_markdown = gr.Markdown(
-            "## Learning Engine Stats\n```\nModel improvements and patterns\n```",
-            elem_classes=["mono"]
-        )
-    return learning_markdown
+def create_tab5_learning_engine() -> tuple:
+    learning_display = gr.Textbox(value="Learning engine stats TBD.", label="Learning Engine")
+    return (learning_display,)
+
+# -----------------------------
+# Footer
+# -----------------------------
+def create_footer() -> gr.HTML:
+    return gr.HTML("ARF © 2025 · Self-Healing Agentic Systems")