Update static/application.js

static/application.js

@@ -1,4 +1,4 @@
-document.addEventListener("DOMContentLoaded", () => {
+/*document.addEventListener("DOMContentLoaded", () => {
   const convo = document.querySelector(".convo");
   const input = document.querySelector(".qt input");
   const sendBtn = document.querySelector(".sendingQA");
@@ -236,7 +236,7 @@ document.addEventListener("DOMContentLoaded", () => {
   document.head.appendChild(style);
 
 });
-/*
+*/
 document.addEventListener("DOMContentLoaded", () => { 
   const convo = document.querySelector(".convo");
   const input = document.querySelector(".qt input");
@@ -304,6 +304,8 @@ document.addEventListener("DOMContentLoaded", () => {
     filePreviewBubble.style.flexDirection = "column";
     filePreviewBubble.style.maxWidth = "50%";
 
+    const userQuestion = input.value.trim() || "What is it?"; // Default question if none is provided
+
     if (file.type.startsWith('image/')) {
       const reader = new FileReader();
       reader.onload = (e) => {
@@ -316,7 +318,7 @@ document.addEventListener("DOMContentLoaded", () => {
         img.style.marginBottom = "8px";
 
         const text = document.createElement("span");
-        text.textContent = `📎 Selected image: ${file.name}`;
+        text.textContent = `📎 Selected image: ${file.name}\n❓ ${userQuestion}`;
         text.style.fontSize = "13px";
 
         filePreviewBubble.appendChild(img);
@@ -327,7 +329,7 @@ document.addEventListener("DOMContentLoaded", () => {
       reader.readAsDataURL(file);
     } else {
       const text = document.createElement("span");
-      text.textContent = `📎 Selected document: ${file.name}`;
+      text.textContent = `📎 Selected file: ${file.name}\n❓ ${userQuestion}`;
       text.style.fontSize = "13px";
 
       filePreviewBubble.appendChild(text);
@@ -480,5 +482,5 @@ document.addEventListener("DOMContentLoaded", () => {
   `;
   document.head.appendChild(style);
 
-});  
-*/
+});
+