Update static/appS.js

static/appS.js

@@ -7,7 +7,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const sendButtons = document.querySelectorAll('.sendingQA');
     const SummarizeInput = document.querySelector(".SummarizeInput");
     const CaptionInput = document.querySelector(".CaptionInput");
-    var gotItButton = document.querySelector('.explainChoix button') ;
+    var gotItButton = document.querySelector('.explainChoix button');
     var explainChoixDiv = document.querySelector('.explainChoix');
 
     let selectedFile = null;
@@ -56,12 +56,9 @@ document.addEventListener('DOMContentLoaded', () => {
     });
 
     // "Got it" button to hide explanation div
-   
-        gotItButton.addEventListener('click', () => {
-                console.log("clicked")
-                explainChoixDiv.style.display = "none";
-        });
-    
+    gotItButton.addEventListener('click', () => {
+        explainChoixDiv.style.display = "none";
+    });
 
     // Send button handlers
     sendButtons.forEach(button => {
@@ -69,45 +66,44 @@ document.addEventListener('DOMContentLoaded', () => {
     });
 
    function displayFilePreview(file) {
-    if (filePreviewBubble) filePreviewBubble.remove();
-
-    // If it's an image
-    if (file.type.startsWith('image/')) {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-            filePreviewBubble = document.createElement("div");
-            filePreviewBubble.className = "file-preview-bubble bubble right";
-            filePreviewBubble.style.display = "flex";
-            filePreviewBubble.style.flexDirection = "column";
-            filePreviewBubble.style.maxWidth = "50%";
-          
-            const img = document.createElement("img");
-            img.src = e.target.result;
-            img.style.width = "100%";
-            img.style.height = "200px"; // You can adjust the height if you want
-            img.style.objectFit = "cover"; // Makes it fill nicely
-            img.style.borderRadius = "10px";
-            img.style.marginBottom = "8px";
-
-            const text = document.createElement("span");
-            text.textContent = `📎 Selected image: ${file.name}`;
-            text.style.fontSize = "13px";
-
-            filePreviewBubble.appendChild(img);
-            filePreviewBubble.appendChild(text);
-            convo.appendChild(filePreviewBubble);
-            convo.scrollTop = convo.scrollHeight;
-        };
-        reader.readAsDataURL(file);
-    } else {
-        // Document preview stays as text
-        filePreviewBubble = createMessageBubble(
-            `📎 Selected document: ${file.name}`,
-            "You"
-        );
+        if (filePreviewBubble) filePreviewBubble.remove();
+
+        // If it's an image
+        if (file.type.startsWith('image/')) {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                filePreviewBubble = document.createElement("div");
+                filePreviewBubble.className = "file-preview-bubble bubble right";
+                filePreviewBubble.style.display = "flex";
+                filePreviewBubble.style.flexDirection = "column";
+                filePreviewBubble.style.maxWidth = "50%";
+
+                const img = document.createElement("img");
+                img.src = e.target.result;
+                img.style.width = "100%";
+                img.style.height = "200px"; // You can adjust the height if you want
+                img.style.objectFit = "cover"; // Makes it fill nicely
+                img.style.borderRadius = "10px";
+                img.style.marginBottom = "8px";
+
+                const text = document.createElement("span");
+                text.textContent = `📎 Selected image: ${file.name}`;
+                text.style.fontSize = "13px";
+
+                filePreviewBubble.appendChild(img);
+                filePreviewBubble.appendChild(text);
+                convo.appendChild(filePreviewBubble);
+                convo.scrollTop = convo.scrollHeight;
+            };
+            reader.readAsDataURL(file);
+        } else {
+            // Document preview stays as text
+            filePreviewBubble = createMessageBubble(
+                `📎 Selected document: ${file.name}`,
+                "You"
+            );
+        }
     }
-}
-
 
     function createMessageBubble(text, sender = "You", audioSrc = null, fileName = null) {
         const bubble = document.createElement('div');
@@ -241,18 +237,9 @@ document.addEventListener('DOMContentLoaded', () => {
         } catch (error) {
             thinkingBubble.remove();
             createMessageBubble(`⚠️ Error: ${error.message}`, "Aidan");
-        } finally {
-            resetFileInputs(); // ✅ Only reset upload inputs, KEEP preview bubble
         }
     }
 
-    function resetFileInputs() {
-        selectedFile = null;
-        fileUpload.value = '';
-        imageUpload.value = '';
-        // ✅ DO NOT remove file preview bubble anymore
-    }
-
     // Loader CSS
     const style = document.createElement('style');
     style.textContent = `
@@ -275,4 +262,4 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     `;
     document.head.appendChild(style);
-});
+});