Update static/appS.js

static/appS.js

@@ -276,7 +276,7 @@ function injectAudioPlayer(bubble, audioUrl) {
     audioContainer.appendChild(audioIcon);
     messageDiv.appendChild(audioContainer);
 }  */
-  async function handleSubmit() {
+   async function handleSubmit() {
         if (!selectedFile) {
             alert("Please upload a file first");
             return;
@@ -284,16 +284,17 @@ function injectAudioPlayer(bubble, audioUrl) {
 
         const isSummarizeMode = document.querySelector('input[name="mode"]:checked').value === 'Summarize';
         
-        // ✅ Use the correct endpoint paths
+        // 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 thinkingText = isSummarizeMode 
+            ? 'Processing document 📄... <div class="loader"></div>' 
+            : "Generating caption 🖼️ ... <div class='loader'></div>";
+        const senderName = "Aidan";
 
-        const thinkingBubble = createMessageBubble(thinkingText, "Aidan");
+        const thinkingBubble = createMessageBubble(thinkingText, senderName);
 
         const formData = new FormData();
         formData.append('file', selectedFile);
@@ -306,80 +307,40 @@ function injectAudioPlayer(bubble, audioUrl) {
             });
 
             if (!response.ok) {
-                const error = await response.json().catch(() => null);
-                throw new Error(error?.detail || error?.error || "Request failed");
+                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();
 
             if (isSummarizeMode) {
-                // Handle summarization response
-                const bubble = createMessageBubble(
+                createMessageBubble(
                     result.summary || "No summary generated.",
                     "Aidan",
                     result.audioUrl,  // From summarization endpoint
                     result.pdfUrl
                 );
-                
-                if (result.audioUrl) {
-                    injectAudioPlayer(bubble, result.audioUrl);
-                }
             } else {
-                // Handle image captioning response
-                const bubble = createMessageBubble(
-                    result.caption || result.answer, // From image captioning
+                createMessageBubble(
+                    result.caption || result.answer || "No caption generated.",
                     "Aidan",
-                    result.audio,  // From image captioning
+                    result.audio,  // From image captioning endpoint
                     null
                 );
-                
-                if (result.audio) {
-                    injectAudioPlayer(bubble, result.audio);
-                }
             }
         } catch (error) {
             thinkingBubble.remove();
             createMessageBubble(`⚠️ Error: ${error.message}`, "Aidan");
         } finally {
-            selectedFile = null;
+            selectedFile = null; // ✅ Reset selected file AFTER send
         }
     }
 
-    // Audio player helper function
-    function injectAudioPlayer(bubble, audioUrl) {
-        const messageDiv = bubble.querySelector('.text');
-        const audioContainer = document.createElement('div');
-        audioContainer.style.marginTop = "10px";
-        audioContainer.style.display = "flex";
-        audioContainer.style.justifyContent = "flex-end";
-        audioContainer.style.gap = "15px";
-
-        const audio = new Audio(audioUrl);
-        const audioIcon = document.createElement("i");
-        audioIcon.className = "fa-solid fa-volume-high audio-toggle";
-        audioIcon.title = "Play Audio";
-        audioIcon.style.cursor = "pointer";
-        audioIcon.style.fontSize = "18px";
-
-        audioIcon.addEventListener("click", () => {
-            if (audio.paused) {
-                audio.play();
-                audioIcon.classList.remove("fa-volume-xmark");
-                audioIcon.classList.add("fa-volume-high");
-                audioIcon.title = "Mute Audio";
-            } else {
-                audio.pause();
-                audioIcon.classList.remove("fa-volume-high");
-                audioIcon.classList.add("fa-volume-xmark");
-                audioIcon.title = "Unmute Audio";
-            }
-        });
-
-        audioContainer.appendChild(audioIcon);
-        messageDiv.appendChild(audioContainer);
-    }
-
     const style = document.createElement('style');
     style.textContent = `
         .loader {