Fix loading screen to auto-hide after 2 seconds

src/webui/interface.py

@@ -37,23 +37,24 @@ def create_ui(theme_name="Hacker"):
     css = hacker_css + """
     /* Custom Page Loading Screen */
     #loading-screen {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: linear-gradient(135deg, #0a0e27 0%, #1a0e3a 100%);
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        z-index: 9999;
-        transition: opacity 0.5s ease-out;
+        position: fixed !important;
+        top: 0 !important;
+        left: 0 !important;
+        width: 100vw !important;
+        height: 100vh !important;
+        background: linear-gradient(135deg, #0a0e27 0%, #1a0e3a 100%) !important;
+        display: flex !important;
+        flex-direction: column !important;
+        justify-content: center !important;
+        align-items: center !important;
+        z-index: 99999 !important;
+        opacity: 1 !important;
+        transition: opacity 0.5s ease-out !important;
     }
     
     #loading-screen.hidden {
-        opacity: 0;
-        pointer-events: none;
+        opacity: 0 !important;
+        pointer-events: none !important;
     }
     
     .ladybug-loader {
@@ -237,16 +238,27 @@ def create_ui(theme_name="Hacker"):
         }
         
         // Hide loading screen after page loads
-        window.addEventListener('load', function() {
+        setTimeout(function() {
+            const loadingScreen = document.getElementById('loading-screen');
+            if (loadingScreen) {
+                loadingScreen.classList.add('hidden');
+                setTimeout(function() {
+                    loadingScreen.style.display = 'none';
+                }, 500);
+            }
+        }, 2000);
+        
+        // Also hide on any interaction
+        document.addEventListener('DOMContentLoaded', function() {
             setTimeout(function() {
                 const loadingScreen = document.getElementById('loading-screen');
                 if (loadingScreen) {
                     loadingScreen.classList.add('hidden');
                     setTimeout(function() {
-                        loadingScreen.remove();
+                        loadingScreen.style.display = 'none';
                     }, 500);
                 }
-            }, 1000);
+            }, 2000);
         });
     }
     """