Update static/appS.js

static/appS.js

@@ -55,14 +55,10 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     });
 
-    // "Got it" button to hide explanation div
-    if (gotItButton) {
-        gotItButton.addEventListener('click', () => {
-            if (explainChoixDiv) {
-                explainChoixDiv.style.display = "none";
-            }
-        });
-    }
+    // "Got it" button
+    gotItButton.addEventListener('click', () => {
+        explainChoixDiv.style.display = "none";
+    });
 
     // Send button handlers
     sendButtons.forEach(button => {
@@ -71,14 +67,13 @@ document.addEventListener('DOMContentLoaded', () => {
 
     function displayFilePreview(file) {
         if (filePreviewBubble) filePreviewBubble.remove();
-
         filePreviewBubble = createMessageBubble(
             `📎 Selected ${file.type.startsWith('image/') ? 'image' : 'document'}: ${file.name}`,
             "You"
         );
     }
 
-    function createMessageBubble(text, sender = "You", audioSrc = null, fileName = null) {
+    function createMessageBubble(text, sender = "You", audioSrc = null, fileUrl = null) {
         const bubble = document.createElement('div');
         bubble.className = `bubble ${sender === "You" ? "right" : "left"}`;
         bubble.style.maxWidth = "50%";
@@ -98,7 +93,7 @@ document.addEventListener('DOMContentLoaded', () => {
         textSpan.innerHTML = text;
         message.appendChild(textSpan);
 
-        if (sender !== "You" && (audioSrc || fileName)) {
+        if (sender !== "You" && (audioSrc || fileUrl)) {
             const iconContainer = document.createElement('div');
             iconContainer.style.marginTop = "10px";
             iconContainer.style.display = "flex";
@@ -130,11 +125,11 @@ document.addEventListener('DOMContentLoaded', () => {
                 iconContainer.appendChild(audioIcon);
             }
 
-            if (fileName) {
+            if (fileUrl) {
                 const downloadLink = document.createElement('a');
-                downloadLink.href = fileName;
+                downloadLink.href = fileUrl;
+                downloadLink.setAttribute('download', 'summary.pdf');
                 downloadLink.target = "_blank";
-                downloadLink.download = "summary.pdf"; // ✅ Suggest filename to browser
 
                 const downloadIcon = document.createElement("i");
                 downloadIcon.className = "fa-solid fa-file-arrow-down";
@@ -163,14 +158,19 @@ document.addEventListener('DOMContentLoaded', () => {
 
         const isSummarizeMode = document.querySelector('input[name="mode"]:checked').value === 'Summarize';
         const endpoint = isSummarizeMode ? '/summarize/' : '/imagecaption/';
-        const thinkingText = isSummarizeMode ? 'Processing document...' : "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, senderName);
 
         const formData = new FormData();
         formData.append('file', selectedFile);
-        if (isSummarizeMode) formData.append('length', 'medium');
+
+        if (isSummarizeMode) {
+            // Grab length choice if exists (short, medium, long)
+            const selectedLength = document.querySelector('input[name="length"]:checked')?.value || 'medium';
+            formData.append('length', selectedLength);
+        }
 
         try {
             const response = await fetch(endpoint, {
@@ -183,9 +183,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 try {
                     const error = await response.json();
                     errorMessage = error.detail || error.error || errorMessage;
-                } catch (e) {
-                    // response not JSON
-                }
+                } catch (e) { }
                 throw new Error(errorMessage);
             }
 
@@ -211,7 +209,7 @@ document.addEventListener('DOMContentLoaded', () => {
             thinkingBubble.remove();
             createMessageBubble(`⚠️ Error: ${error.message}`, "Aidan");
         } finally {
-            resetFileInputs(); // ✅ Only reset upload inputs, KEEP preview bubble
+            resetFileInputs();
         }
     }
 
@@ -219,7 +217,7 @@ document.addEventListener('DOMContentLoaded', () => {
         selectedFile = null;
         fileUpload.value = '';
         imageUpload.value = '';
-        // ✅ DO NOT remove file preview bubble anymore
+        // 🛑 File preview bubble stays!
     }
 
     // Loader CSS