Update ui/components.py

ui/components.py

@@ -24,81 +24,42 @@ except ImportError:
 # -----------------------------
 # Header & Status - UPDATED WITH INSTALLATION CHECK
 # -----------------------------
-def create_header(version="3.3.7", mock_mode=False) -> gr.HTML:
-    # Try to get installation status
-    try:
-        from app import get_installation_badges
-        installation_badges = get_installation_badges()
-    except ImportError:
-        installation_badges = """
-        <div style="display: flex; justify-content: center; gap: 10px; margin-top: 10px; flex-wrap: wrap;">
-            <span style="padding: 4px 12px; background: #f59e0b; 
-                        color: white; border-radius: 20px; font-size: 12px; font-weight: bold; 
-                        display: flex; align-items: center; gap: 6px;">
-                ⚠️ Mock ARF
-            </span>
-            <span style="padding: 4px 12px; background: #64748b; 
-                        color: white; border-radius: 20px; font-size: 12px; font-weight: bold;
-                        display: flex; align-items: center; gap: 6px;">
-                🔒 Enterprise Required
-            </span>
-        </div>
-        """
-    
-    mock_text = " · MOCK MODE" if mock_mode else ""
+def create_header(version="3.3.9") -> gr.HTML:  # Removed mock_mode parameter
     return gr.HTML(f"""
-    <div style="text-align: center; margin-bottom: 25px; padding: 30px 40px; background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); color: white; border-radius: 16px; box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);">
-        <h1 style="margin: 0 0 10px 0; font-size: 32px;">🚀 Agentic Reliability Framework</h1>
-        <h2 style="margin: 0; font-size: 24px; opacity: 0.9;">v{version} (OSS Edition){mock_text}</h2>
-        <p style="margin: 15px 0 0 0; font-size: 16px; opacity: 0.8;">
+    <div style="text-align: center; margin-bottom: 25px;">
+        <img src="https://raw.githubusercontent.com/petterjuan/agentic-reliability-framework/main/assets/agentic-reliability-banner.png" 
+             alt="Agentic Reliability Framework" 
+             style="max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);">
+        <h2 style="margin: 15px 0 5px 0; font-size: 24px; color: #1e293b; font-weight: 600;">
+            v{version} (OSS + Enterprise Edition)
+        </h2>
+        <p style="margin: 0 0 15px 0; font-size: 16px; color: #64748b; max-width: 600px; margin-left: auto; margin-right: auto;">
             Production-grade multi-agent AI for autonomous system reliability intelligence
         </p>
         
-        <!-- Installation Status Badges -->
-        {installation_badges}
+        <!-- Clean Architecture Badge -->
+        <div style="display: inline-block; padding: 8px 20px; background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%); 
+                    border: 2px solid #3b82f6; border-radius: 20px; font-size: 14px; font-weight: 600; color: #1e40af;">
+            🏗️ Architecture: OSS advises → Enterprise executes
+        </div>
     </div>
     """)
 
 def create_status_bar() -> gr.HTML:
-    # Try to get installation status
-    try:
-        from app import get_installation_status
-        installation = get_installation_status()
-        oss_badge = installation["badges"]["oss"]
-        enterprise_badge = installation["badges"]["enterprise"]
-        
-        oss_status_html = f"""
-        <span style="padding: 8px 16px; background: {oss_badge['color']}; color: white; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; border: 1px solid {oss_badge['color']};">
-            {oss_badge['icon']} {oss_badge['text']}
+    return gr.HTML("""
+    <div style="display: flex; justify-content: center; gap: 15px; margin-bottom: 30px; padding: 15px; background: #f8fafc; border-radius: 12px; border: 1px solid #e2e8f0; flex-wrap: wrap;">
+        <span style="padding: 8px 16px; background: #10b981; color: white; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; border: 1px solid #10b981;">
+            ✅ System Online
         </span>
-        """
-        
-        enterprise_status_html = f"""
-        <span style="padding: 8px 16px; background: {enterprise_badge['color']}; color: white; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; border: 1px solid {enterprise_badge['color']};">
-            {enterprise_badge['icon']} {enterprise_badge['text']}
+        <span style="padding: 8px 16px; background: #8b5cf6; color: white; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; border: 1px solid #8b5cf6;">
+            ✅ ARF OSS v3.3.9
         </span>
-        """
-        
-    except ImportError:
-        oss_status_html = """
-        <span style="padding: 8px 16px; background: #f59e0b; color: white; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; border: 1px solid #f59e0b;">
-            ⚠️ Mock ARF
+        <span style="padding: 8px 16px; background: #3b82f6; color: white; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; border: 1px solid #3b82f6;">
+            🏢 Enterprise Edition
         </span>
-        """
-        
-        enterprise_status_html = """
-        <span style="padding: 8px 16px; background: #64748b; color: white; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; border: 1px solid #64748b;">
-            🔒 Enterprise Required
+        <span style="padding: 8px 16px; background: #f59e0b; color: white; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; border: 1px solid #f59e0b;">
+            📈 ROI: 5.2×
         </span>
-        """
-    
-    return gr.HTML(f"""
-    <div style="display: flex; justify-content: center; gap: 20px; margin-bottom: 30px; padding: 15px; background: #f8fafc; border-radius: 12px; border: 1px solid #e2e8f0; flex-wrap: wrap;">
-        <span style="padding: 8px 16px; background: #10b981; color: white; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; border: 1px solid #10b981;">✅ System Online</span>
-        <span style="padding: 8px 16px; background: #10b981; color: white; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; border: 1px solid #10b981;">🧠 Agentic Core Active</span>
-        {oss_status_html}
-        {enterprise_status_html}
-        <span style="padding: 8px 16px; background: white; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 6px; border: 1px solid #e2e8f0;">💰 <a href="#tab2" style="color: #10b981; text-decoration: underline;">Enterprise ROI: 5.2×</a></span>
     </div>
     """)
 
@@ -957,13 +918,13 @@ def create_realism_panel(scenario_data: Dict, scenario_name: str) -> gr.HTML:
 def create_footer() -> gr.HTML:
     return gr.HTML("""
     <div style="text-align: center; padding: 25px; color: #6b7280; font-size: 14px; margin-top: 40px; border-top: 2px solid #e5e7eb; background: #f9fafb; border-radius: 12px;">
-        <p><strong style="color: #1e293b; font-size: 16px;">Agentic Reliability Framework</strong> © 2025</p>
+        <p><strong style="color: #1e293b; font-size: 16px;">Agentic Reliability Framework</strong> © 2026</p>
         <p>Production-grade multi-agent AI for autonomous system reliability intelligence</p>
         <div style="margin-top: 15px; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
             <a href="https://github.com/petterjuan/agentic-reliability-framework" target="_blank" style="color: #3b82f6; text-decoration: none; font-weight: 500;">GitHub</a> •
             <a href="https://huggingface.co/spaces/petter2025/agentic-reliability-framework" target="_blank" style="color: #3b82f6; text-decoration: none; font-weight: 500;">Demo</a> •
             <a href="https://pypi.org/project/agentic-reliability-framework" target="_blank" style="color: #3b82f6; text-decoration: none; font-weight: 500;">PyPI</a> •
-            <a href="mailto:sales@arf.dev" style="color: #3b82f6; text-decoration: none; font-weight: 500;">Enterprise Inquiries</a>
+            <a href="mailto:petter2025us@outmail.com" style="color: #3b82f6; text-decoration: none; font-weight: 500;">Enterprise Inquiries</a>
         </div>
     </div>
     """)