Login failed: puppeteer is not defined - Follow Up Deployment

index.html

@@ -223,7 +223,7 @@
         </div>
     </div>
 
-    <script src="https://cdn.jsdelivr.net/npm/puppeteer-core@21.6.0/lib/esm/puppeteer-core-browser.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/esm/puppeteer.js"></script>
     <script>
         // Global variables
         let browser;
@@ -562,10 +562,15 @@
             loginBtn.disabled = true;
 
             try {
-                // Connect to browser instance (you'll need Chrome installed)
-                browser = await puppeteer.connect({
-                    browserURL: 'http://127.0.0.1:9222',
-                    defaultViewport: null
+                // Check if Puppeteer is available
+                if (typeof puppeteer === 'undefined') {
+                    throw new Error('Puppeteer not loaded. Please check your internet connection.');
+                }
+
+                // Launch browser instance
+                browser = await puppeteer.launch({
+                    headless: false,
+                    args: ['--no-sandbox', '--disable-setuid-sandbox']
                 });
                 
                 page = (await browser.pages())[0] || await browser.newPage();
@@ -611,6 +616,12 @@
 
         // Initialize - show login modal
         loginModal.classList.remove('hidden');
+        
+        // Check if Puppeteer loaded
+        if (typeof puppeteer === 'undefined') {
+            alert('Warning: Puppeteer failed to load. Some features may not work.');
+        }
+        
         setTimeout(() => {
             if (conversations.length > 0) {
                 loadMessages(conversations[0].id);