Update static/application.js

static/application.js

@@ -167,7 +167,6 @@ document.addEventListener("DOMContentLoaded", () => {
   const sendBtn = document.querySelector(".sendingQA");
   const fileBtn = document.querySelector(".fa-file");
   const imageBtn = document.querySelector(".fa-image");
-  const resetBtn = document.querySelector(".reset-chat");
 
   let selectedFile = null;
   let filePreviewBubble = null;
@@ -204,7 +203,6 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   });
 
-  // Drag & drop
   convo.addEventListener("dragover", (e) => {
     e.preventDefault();
     convo.classList.add("drag-over");
@@ -232,14 +230,6 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   });
 
-  // Reset chat
-  resetBtn.addEventListener("click", () => {
-    convo.innerHTML = "";
-    selectedFile = null;
-    filePreviewBubble = null;
-    input.value = "";
-  });
-
   function createMessageBubble(text, sender = "You", audioSrc = null, fileName = null) {
     const bubble = document.createElement("div");
     bubble.className = `bubble ${sender === "You" ? "right" : "left"}`;
@@ -271,29 +261,24 @@ document.addEventListener("DOMContentLoaded", () => {
         icon.style.cursor = "pointer";
         icon.style.fontSize = "18px";
 
-        const audio = new Audio(audioSrc);
-        audio.play();
-
-      let isMuted = false;
-let audio = new Audio(audioSrc);
-audio.play();
-
-icon.addEventListener("click", () => {
-  if (isMuted) {
-    // Recreate audio to force replay
-    audio = new Audio(audioSrc);
-    audio.play();
-    isMuted = false;
-    icon.classList.replace("fa-volume-xmark", "fa-volume-high");
-    icon.title = "Click to mute";
-  } else {
-    audio.pause();
-    isMuted = true;
-    icon.classList.replace("fa-volume-high", "fa-volume-xmark");
-    icon.title = "Click to unmute";
-  }
-});
+        let currentAudio = new Audio(audioSrc);
+        currentAudio.play();
 
+        let isMuted = false;
+        icon.addEventListener("click", () => {
+          if (isMuted) {
+            currentAudio = new Audio(audioSrc);  // reset audio
+            currentAudio.play();
+            isMuted = false;
+            icon.classList.replace("fa-volume-xmark", "fa-volume-high");
+            icon.title = "Click to mute";
+          } else {
+            currentAudio.pause();
+            isMuted = true;
+            icon.classList.replace("fa-volume-high", "fa-volume-xmark");
+            icon.title = "Click to unmute";
+          }
+        });
 
         message.appendChild(icon);
       }
@@ -307,7 +292,6 @@ icon.addEventListener("click", () => {
   }
 
   sendBtn.addEventListener("click", async () => {
-    input.value = "";
     const question = input.value.trim();
     if (!question) return;
 
@@ -324,7 +308,6 @@ icon.addEventListener("click", () => {
     createMessageBubble(question, "You", null, selectedFile.name);
     const thinkingBubble = createMessageBubble("🧠 Let me think...", "Chris");
 
-    // Rewrap file if needed (for reuse in FormData)
     const wrappedFile = new File([selectedFile], selectedFile.name, {
       type: selectedFile.type,
     });
@@ -354,18 +337,20 @@ icon.addEventListener("click", () => {
         icon.style.fontSize = "18px";
         icon.style.marginLeft = "10px";
 
-        const audio = new Audio(audioSrc);
-        audio.play();
+        let currentAudio = new Audio(audioSrc);
+        currentAudio.play();
 
+        let isMuted = false;
         icon.addEventListener("click", () => {
-          if (audio.muted) {
-            audio.currentTime = 0;
-            audio.muted = false;
-            audio.play();
+          if (isMuted) {
+            currentAudio = new Audio(audioSrc); // restart audio
+            currentAudio.play();
+            isMuted = false;
             icon.classList.replace("fa-volume-xmark", "fa-volume-high");
             icon.title = "Click to mute";
           } else {
-            audio.muted = true;
+            currentAudio.pause();
+            isMuted = true;
             icon.classList.replace("fa-volume-high", "fa-volume-xmark");
             icon.title = "Click to unmute";
           }
@@ -381,6 +366,6 @@ icon.addEventListener("click", () => {
       message.innerText = "⚠️ Chris had trouble responding.";
     }
 
-    // selectedFile is NOT cleared, so multiple questions work ✅
+    input.value = "";
   });
 });