Update static/appS.js

static/appS.js

@@ -12,7 +12,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     let selectedFile = null;
 
-    // ✅ Default mode: Summarize selected
+    // Default mode
     const summarizeRadio = document.getElementById('summarize-radio');
     if (summarizeRadio) summarizeRadio.checked = true;
 
@@ -54,18 +54,15 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     });
 
-    // "Got it" button to hide explanation div
     gotItButton.addEventListener('click', () => {
         explainChoixDiv.style.display = "none";
     });
 
-    // Send button handlers
     sendButtons.forEach(button => {
         button.addEventListener('click', handleSubmit);
     });
 
     function displayFilePreview(file) {
-        // ✅ DO NOT remove old previews anymore
         const previewBubble = document.createElement("div");
         previewBubble.className = "file-preview-bubble bubble right";
         previewBubble.style.display = "flex";
@@ -186,7 +183,10 @@ document.addEventListener('DOMContentLoaded', () => {
         }
 
         const isSummarizeMode = document.querySelector('input[name="mode"]:checked').value === 'Summarize';
+        
+        // ✨ KEY UPDATE HERE
         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";
 
@@ -233,11 +233,10 @@ document.addEventListener('DOMContentLoaded', () => {
             thinkingBubble.remove();
             createMessageBubble(`⚠️ Error: ${error.message}`, "Aidan");
         } finally {
-            selectedFile = null; // ✅ Reset selected file AFTER send
+            selectedFile = null;
         }
     }
 
-    // Loader CSS
     const style = document.createElement('style');
     style.textContent = `
         .loader {
@@ -253,16 +252,12 @@ document.addEventListener('DOMContentLoaded', () => {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
         }
-        .audio-toggle {
-            cursor: pointer;
-            transition: all 0.2s;
-        }
     `;
     document.head.appendChild(style);
 
-
-  var backarrow = document.querySelector(".fa-arrow-left")
-  backarrow.addEventListener('click', function () {
-        window.location.href = '/';   
+    // ✅ Back button
+    var backarrow = document.querySelector(".fa-arrow-left");
+    backarrow.addEventListener('click', function () {
+        window.location.href = '/';
     });
 });