Update static/application.js

static/application.js

@@ -57,18 +57,16 @@ document.addEventListener("DOMContentLoaded", function () {
         return bubble;
     }
 
-    function showFilePreview(filename, icon = "📎") {
-        if (filePreviewDiv) filePreviewDiv.remove();
+ function showFilePreview(filename, icon = "📎") {
+    if (filePreviewDiv) filePreviewDiv.remove();
 
-        filePreviewDiv = document.createElement("div");
-        filePreviewDiv.classList.add("bubble", "right");
-        filePreviewDiv.innerHTML = `
-            <div class="label">You</div>
-            <div class="text">${icon} <strong>Selected:</strong> ${filename}</div>
-        `;
-        convo.appendChild(filePreviewDiv);
-        scrollToBottom();
-    }
+    filePreviewDiv = document.createElement("div");
+    filePreviewDiv.className = "file-preview";
+    filePreviewDiv.innerHTML = `${icon} <strong>Selected:</strong> ${filename}`;
+
+    const qtContainer = document.querySelector(".qt");
+    qtContainer.parentElement.insertBefore(filePreviewDiv, qtContainer); 
+}
 
     sendBtn.addEventListener("click", async () => {
         const question = userInput.value.trim();
@@ -114,7 +112,7 @@ document.addEventListener("DOMContentLoaded", function () {
         } catch (err) {
             thinkingBubble.querySelector(".text").innerText = "⚠️ Chris had trouble connecting.";
         }
-
+        scrollToBottom();
         userInput.value = "";
         selectedFile = null;
     });