Update static/appS.js

static/appS.js

@@ -276,70 +276,73 @@ function injectAudioPlayer(bubble, audioUrl) {
     audioContainer.appendChild(audioIcon);
     messageDiv.appendChild(audioContainer);
 }  */
-   async function handleSubmit() {
-        if (!selectedFile) {
-            alert("Please upload a file first");
-            return;
+  async function handleSubmit() {
+    if (!selectedFile) {
+        alert("Please upload a file first");
+        return;
+    }
+
+    const isSummarizeMode = document.querySelector('input[name="mode"]:checked').value === 'Summarize';
+    
+    // Use the correct endpoint paths with /Summarization/ prefix
+    const endpoint = isSummarizeMode 
+        ? '/Summarization/summarize/' 
+        : '/Summarization/imagecaption/';
+
+    const thinkingText = isSummarizeMode 
+        ? 'Processing document 📄... <div class="loader"></div>' 
+        : "Generating caption 🖼️ ... <div class='loader'></div>";
+    const senderName = "Aidan";
+
+    const thinkingBubble = createMessageBubble(thinkingText, senderName);
+
+    const formData = new FormData();
+    formData.append('file', selectedFile);
+    if (isSummarizeMode) formData.append('length', 'medium');
+
+    try {
+        const response = await fetch(endpoint, {
+            method: 'POST',
+            body: formData
+        });
+
+        if (!response.ok) {
+            let errorMessage = 'Request failed';
+            try {
+                const error = await response.json();
+                errorMessage = error.detail || error.error || errorMessage;
+            } catch (e) {}
+            throw new Error(errorMessage);
         }
 
-        const isSummarizeMode = document.querySelector('input[name="mode"]:checked').value === 'Summarize';
-        
-        // Use the correct endpoint paths with /summarization/ prefix
-        const endpoint = isSummarizeMode 
-            ? '/Summarization/summarize/' 
-            : '/Summarization/imagecaption/';
-
-        const thinkingText = isSummarizeMode 
-            ? 'Processing document 📄... <div class="loader"></div>' 
-            : "Generating caption 🖼️ ... <div class='loader'></div>";
-        const senderName = "Aidan";
-
-        const thinkingBubble = createMessageBubble(thinkingText, senderName);
-
-        const formData = new FormData();
-        formData.append('file', selectedFile);
-        if (isSummarizeMode) formData.append('length', 'medium');
-
-        try {
-            const response = await fetch(endpoint, {
-                method: 'POST',
-                body: formData
-            });
-
-            if (!response.ok) {
-                let errorMessage = 'Request failed';
-                try {
-                    const error = await response.json();
-                    errorMessage = error.detail || error.error || errorMessage;
-                } catch (e) {}
-                throw new Error(errorMessage);
-            }
+        const result = await response.json();
+        thinkingBubble.remove();
 
-            const result = await response.json();
-            thinkingBubble.remove();
-
-            if (isSummarizeMode) {
-                createMessageBubble(
-                    result.summary || "No summary generated.",
-                    "Aidan",
-                    result.audioUrl,  // From summarization endpoint
-                    result.pdfUrl
-                );
-            } else {
-                createMessageBubble(
-                    result.caption || result.answer || "No caption generated.",
-                    "Aidan",
-                    result.audio,  // From image captioning endpoint
-                    null
-                );
-            }
-        } catch (error) {
-            thinkingBubble.remove();
-            createMessageBubble(`⚠️ Error: ${error.message}`, "Aidan");
-        } finally {
-            selectedFile = null; // ✅ Reset selected file AFTER send
+        if (isSummarizeMode) {
+            createMessageBubble(
+                result.summary || "No summary generated.",
+                "Aidan",
+                result.audioUrl, 
+                result.pdfUrl
+            );
+        } else {
+            
+            const audioUrl = result.audio ? `${result.audio}?t=${Date.now()}` : null;
+            createMessageBubble(
+                result.caption || result.answer || "No caption generated.",
+                "Aidan",
+                audioUrl,  
+                null
+            );
         }
+    } catch (error) {
+        thinkingBubble.remove();
+        createMessageBubble(`⚠️ Error: ${error.message}`, "Aidan");
+        console.error("API Error:", error);  // Log error for debugging
+    } finally {
+        selectedFile = null;
     }
+}
 
     const style = document.createElement('style');
     style.textContent = `