Update static/application.js

static/application.js

@@ -67,10 +67,21 @@ document.addEventListener("DOMContentLoaded", () => {
         audio.play();
 
         icon.addEventListener("click", () => {
-          audio.muted = !audio.muted;
-          icon.classList.toggle("fa-volume-high", !audio.muted);
-          icon.classList.toggle("fa-volume-xmark", audio.muted);
-          icon.title = audio.muted ? "Click to unmute" : "Click to mute";
+          if (audio.muted) {
+            // When unmuting, restart from beginning
+            audio.currentTime = 0;
+            audio.muted = false;
+            icon.classList.remove("fa-volume-xmark");
+            icon.classList.add("fa-volume-high");
+            icon.title = "Click to mute";
+            audio.play();
+          } else {
+            // When muting, just mute
+            audio.muted = true;
+            icon.classList.remove("fa-volume-high");
+            icon.classList.add("fa-volume-xmark");
+            icon.title = "Click to unmute";
+          }
         });
 
         message.appendChild(icon);
@@ -102,8 +113,8 @@ document.addEventListener("DOMContentLoaded", () => {
     // User message with file info
     createMessageBubble(question, "You", null, selectedFile.name);
 
-    // Chris is thinking...
-    const thinkingBubble = createMessageBubble("Wait , Let me think 🤔...", "Chris");
+    // Aidan is thinking...
+    const thinkingBubble = createMessageBubble("Wait, Let me think 🤔...", "Aidan");
 
     const formData = new FormData();
     formData.append("question", question);
@@ -135,10 +146,20 @@ document.addEventListener("DOMContentLoaded", () => {
         audio.play();
 
         icon.addEventListener("click", () => {
-          audio.muted = !audio.muted;
-          icon.classList.toggle("fa-volume-high", !audio.muted);
-          icon.classList.toggle("fa-volume-xmark", audio.muted);
-          icon.title = audio.muted ? "Click to unmute" : "Click to mute";
+          if (audio.muted) {
+            // Restart audio when unmuting
+            audio.currentTime = 0;
+            audio.muted = false;
+            icon.classList.remove("fa-volume-xmark");
+            icon.classList.add("fa-volume-high");
+            icon.title = "Click to mute";
+            audio.play();
+          } else {
+            audio.muted = true;
+            icon.classList.remove("fa-volume-high");
+            icon.classList.add("fa-volume-xmark");
+            icon.title = "Click to unmute";
+          }
         });
 
         message.style.display = "flex";
@@ -147,10 +168,10 @@ document.addEventListener("DOMContentLoaded", () => {
       }
     } catch (err) {
       const message = thinkingBubble.querySelector(".text");
-      message.innerText = "⚠️ Chris had trouble responding.";
+      message.innerText = "⚠️ Aidan had trouble responding.";
     }
 
-    // Clear inputs AFTER processing
+    // Clear inputs after sending
     input.value = "";
     selectedFile = null;
   }