Fix button event handling - use addEventListener instead of onclick

app.py

@@ -372,6 +372,21 @@ function downloadFromDrive(fileId, fileName) {
 // Initialize when page loads - multiple attempts to ensure it works
 window.addEventListener('load', function() {
     console.log('🚀 Page loaded, starting Google Drive initialization...');
+    
+    // Attach event listeners to buttons
+    const authBtn = document.getElementById('auth-btn');
+    const pickerBtn = document.getElementById('picker-btn');
+    
+    if (authBtn) {
+        authBtn.addEventListener('click', window.authenticateGoogleDrive);
+        console.log('✅ Auth button listener attached');
+    }
+    
+    if (pickerBtn) {
+        pickerBtn.addEventListener('click', window.openDrivePicker);
+        console.log('✅ Picker button listener attached');
+    }
+    
     initializeGoogleDrive();
 });
 
@@ -379,6 +394,20 @@ window.addEventListener('load', function() {
 setTimeout(function() {
     console.log('🔄 Delayed initialization attempt...');
     initializeGoogleDrive();
+    
+    // Try attaching listeners again in case they weren't ready
+    const authBtn = document.getElementById('auth-btn');
+    const pickerBtn = document.getElementById('picker-btn');
+    
+    if (authBtn && !authBtn.onclick) {
+        authBtn.addEventListener('click', window.authenticateGoogleDrive);
+        console.log('✅ Delayed: Auth button listener attached');
+    }
+    
+    if (pickerBtn && !pickerBtn.onclick) {
+        pickerBtn.addEventListener('click', window.openDrivePicker);
+        console.log('✅ Delayed: Picker button listener attached');
+    }
 }, 2000);
 </script>
 
@@ -386,11 +415,11 @@ setTimeout(function() {
     <h3>🔗 Google Drive Integration (Client-Side)</h3>
     <p><strong>Each user authenticates with their own Google account</strong></p>
     
-    <button onclick="authenticateGoogleDrive()" style="background: #4285f4; color: white; padding: 10px 20px; border: none; border-radius: 5px; margin: 5px;">
+    <button id="auth-btn" style="background: #4285f4; color: white; padding: 10px 20px; border: none; border-radius: 5px; margin: 5px;">
         🔐 Authenticate with Google Drive
     </button>
     
-    <button onclick="openDrivePicker()" style="background: #34a853; color: white; padding: 10px 20px; border: none; border-radius: 5px; margin: 5px;">
+    <button id="picker-btn" style="background: #34a853; color: white; padding: 10px 20px; border: none; border-radius: 5px; margin: 5px;">
         📁 Browse Google Drive
     </button>