Update static/script.js

static/script.js

@@ -150,17 +150,24 @@ async function uploadFile(file) {
 }
 
 async function generateExplanations() {
-    showLoading('Generating AI explanations... This may take 30-60 seconds.');
+    showLoading('Generating AI explanations... (10-20 seconds)');
     
     try {
+        // Add timeout to prevent hanging
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), 60000); // 60 second timeout
+        
         const response = await fetch('/api/explain', {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
             },
-            body: JSON.stringify({ session_id: sessionId })
+            body: JSON.stringify({ session_id: sessionId }),
+            signal: controller.signal
         });
         
+        clearTimeout(timeoutId);
+        
         const data = await response.json();
         
         if (!response.ok) {
@@ -168,10 +175,16 @@ async function generateExplanations() {
         }
         
         explanations = data.explanations;
-        console.log('Explanations:', explanations);
+        console.log('Explanations generated:', Object.keys(explanations).length);
         
     } catch (error) {
-        showToast('Error generating explanations: ' + error.message, 'error');
+        if (error.name === 'AbortError') {
+            console.log('Explanation generation timed out - showing basic results');
+            showToast('Loading took longer than expected. Showing basic results.', 'info');
+        } else {
+            console.error('Error generating explanations:', error);
+            showToast('Some explanations may be unavailable', 'info');
+        }
         // Continue anyway to show results
     } finally {
         hideLoading();