Update ui/components.py

ui/components.py

@@ -24,23 +24,27 @@ except ImportError:
 # -----------------------------
 # Header & Status - UPDATED WITH INSTALLATION CHECK
 # -----------------------------
-def create_header(version="3.3.9") -> gr.HTML:  # Removed mock_mode parameter
+def create_header(version="3.3.9") -> gr.HTML:
     return gr.HTML(f"""
-    <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>
-        
-        <!-- 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 style="text-align: center; margin-bottom: 25px; display: flex; justify-content: center;">
+        <div style="max-width: 1200px; width: 100%;">
+            <img src="https://raw.githubusercontent.com/petterjuan/agentic-reliability-framework/main/assets/agentic-reliability-banner.png" 
+                 alt="Agentic Reliability Framework" 
+                 style="width: 100%; height: auto; border-radius: 12px; box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);">
+            <div style="margin-top: 20px;">
+                <h2 style="margin: 0 0 8px 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>
+                
+                <!-- 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>
         </div>
     </div>
     """)