Update static/application.js

static/application.js

@@ -304,7 +304,7 @@ 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
+    const userQuestion = input.value.trim(); // Only include the question if it was entered
 
     if (file.type.startsWith('image/')) {
       const reader = new FileReader();
@@ -318,9 +318,17 @@ document.addEventListener("DOMContentLoaded", () => {
         img.style.marginBottom = "8px";
 
         const text = document.createElement("span");
-        text.textContent = `📎 Selected image: ${file.name}\n❓ ${userQuestion}`;
+        text.textContent = `📎 Selected image: ${file.name}`;
         text.style.fontSize = "13px";
 
+        // If there's a user question, add the ❓
+        if (userQuestion) {
+          const question = document.createElement("span");
+          question.textContent = `\n❓ ${userQuestion}`;
+          question.style.fontSize = "13px";
+          filePreviewBubble.appendChild(question);
+        }
+
         filePreviewBubble.appendChild(img);
         filePreviewBubble.appendChild(text);
         convo.appendChild(filePreviewBubble);
@@ -329,9 +337,17 @@ document.addEventListener("DOMContentLoaded", () => {
       reader.readAsDataURL(file);
     } else {
       const text = document.createElement("span");
-      text.textContent = `📎 Selected file: ${file.name}\n❓ ${userQuestion}`;
+      text.textContent = `📎 Selected file: ${file.name}`;
       text.style.fontSize = "13px";
 
+      // If there's a user question, add the ❓
+      if (userQuestion) {
+        const question = document.createElement("span");
+        question.textContent = `\n❓ ${userQuestion}`;
+        question.style.fontSize = "13px";
+        filePreviewBubble.appendChild(question);
+      }
+
       filePreviewBubble.appendChild(text);
       convo.appendChild(filePreviewBubble);
       convo.scrollTop = convo.scrollHeight;