Update ui/components.py

ui/components.py

@@ -1,6 +1,7 @@
 """
 Minimalist, Math-First ARF UI Components
 Compatible with Gradio 6+ and Hugging Face Spaces
+Version: v1.1
 """
 
 from __future__ import annotations
@@ -17,8 +18,16 @@ def create_header(version: str = "3.3.6", is_enterprise: bool = False):
     return gr.Markdown(header_text, elem_classes=["mono"])
 
 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"])
+
 # -----------------------------
 # Tab 1: Incident Demo
 # -----------------------------
@@ -26,37 +35,50 @@ def create_tab1_incident_demo(
     scenarios: Dict[str, Any],
     healing_intents: Optional[List[Dict[str, Any]]] = None
 ):
-    """Minimalist Incident Demo tab (matches app.py signature)."""
+    """Minimalist Incident Demo tab."""
     with gr.Column():
+        # Scenario selector
         scenario_dropdown = gr.Dropdown(
-            label="Scenario",
+            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")
-        metrics_display = gr.Markdown("execution_state = idle", elem_classes=["mono"])
+
+        # 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
 
 # -----------------------------
 # 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"])
+        roi_markdown = gr.Markdown(
+            "## Business Impact & ROI\n```\nROI calculations will appear here\n```",
+            elem_classes=["mono"]
+        )
     return roi_markdown
 
 # -----------------------------
 # 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", 
+            "## Enterprise Features\n- Full audit trail\n- Approval modes\n- Automated healing\n",
             elem_classes=["mono"]
         )
     return features_markdown
@@ -65,14 +87,22 @@ def create_tab3_enterprise_features():
 # 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"])
+        audit_markdown = gr.Markdown(
+            "## Audit Trail & History\n```\nRecent actions will appear here\n```",
+            elem_classes=["mono"]
+        )
     return audit_markdown
 
 # -----------------------------
 # 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"])
+        learning_markdown = gr.Markdown(
+            "## Learning Engine Stats\n```\nModel improvements and patterns\n```",
+            elem_classes=["mono"]
+        )
     return learning_markdown