Update index.html

index.html

@@ -16,17 +16,8 @@
         <div id="debug-log"></div>
     </div>
 
-    <div id="notification" class="notification hidden">
-        </div>
     <header class="gradient-bg text-white shadow-lg">
-        <div class="container mx-auto px-4 py-6">
-            <div class="flex justify-between items-center">
-                <div class="flex items-center space-x-3">
-                    <i class="fas fa-stream text-3xl"></i>
-                    <h1 class="text-2xl font-bold">StreamAI</h1>
-                </div>
-            </div>
-        </div>
+        <div class="container mx-auto px-4 py-6"><div class="flex justify-between items-center"><div class="flex items-center space-x-3"><i class="fas fa-stream text-3xl"></i><h1 class="text-2xl font-bold">StreamAI</h1></div></div></div>
     </header>
     <section class="py-12 bg-white">
         <div class="container mx-auto px-4">
@@ -42,34 +33,23 @@
      <div class="production-button" id="production-button">
         <i class="fas fa-video"></i>
     </div>
-
-
     <script type="module">
-        // This code runs immediately. It defines our logger and then tries to load the main app.
         const logContainer = document.getElementById('debug-log');
         function logToScreen(message) {
             if (logContainer) {
                 const div = document.createElement('div');
-                div.innerHTML = `&gt; ${message}`;
+                div.textContent = `> ${message}`;
                 logContainer.appendChild(div);
             }
         }
 
-        logToScreen("HTML loaded. Attempting to import app.js...");
-
         try {
-            // We dynamically import the module. This allows us to catch any errors during the import process.
+            // Import the app.js module and get its exports
             const app = await import('./scripts/app.js');
-            logToScreen("SUCCESS: app.js and all its dependencies were imported successfully.");
-            logToScreen("If buttons still don't work, the error is inside the init() functions.");
+            // Now, call the exported function to run the application
+            app.initializeApp();
         } catch (error) {
-            // If there's any error loading app.js OR any file it imports (chat.js, video.js, etc.)
-            // it will be caught here.
-            logToScreen("-----------------------------------------");
-            logToScreen("CRITICAL ERROR FAILED TO LOAD JAVASCRIPT:");
-            logToScreen(error.toString());
-            logToScreen("-----------------------------------------");
-            logToScreen("This error means a file is missing, misspelled in an 'import' statement, or has a syntax error.");
+            logToScreen(`CRITICAL ERROR: Could not execute app.js. Error: ${error.stack}`);
         }
     </script>
 </body>