Update static/appS.js

static/appS.js

@@ -277,72 +277,62 @@ function injectAudioPlayer(bubble, audioUrl) {
     messageDiv.appendChild(audioContainer);
 }  */
   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);
+        if (!selectedFile) {
+            alert("Please upload a file first");
+            return;
         }
 
-        const result = await response.json();
-        thinkingBubble.remove();
+        const isSummarizeMode = document.querySelector('input[name="mode"]:checked').value === 'Summarize';
+        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);
+            }
 
-        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
-            );
+            const result = await response.json();
+            thinkingBubble.remove();
+
+            if (isSummarizeMode) {
+                createMessageBubble(
+                    result.summary || "No summary generated.",
+                    "Aidan",
+                    result.audioUrl,
+                    result.pdfUrl
+                );
+            } else {
+                createMessageBubble(
+                    result.caption || result.answer || "No caption generated.",
+                    "Aidan",
+                    result.audio,
+                    null
+                );
+            }
+        } catch (error) {
+            thinkingBubble.remove();
+            createMessageBubble(`⚠️ Error: ${error.message}`, "Aidan");
+        } finally {
+            selectedFile = null; // ✅ Reset selected file AFTER send
         }
-    } 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 = `