Update app.py

app.py

@@ -65,16 +65,17 @@ def ask_about_image(image, prompt):
 
 with gr.Blocks(css="""
 #resp_box textarea {
-  min-height: 96px;     /* ~4 lines baseline */
-  max-height: 180px;    /* modest growth headroom */
-  overflow: auto;       /* scroll after cap */
-  resize: none;         /* lock user-resize */
-  line-height: 1.2;     /* compact spacing */
-  white-space: pre-wrap;/* wrap long lines nicely */
+  min-height: 96px;
+  max-height: 180px;
+  overflow: auto;
+  resize: none;
+  line-height: 1.2;
+  white-space: pre-wrap;
 }
 #resp_box label { margin-bottom: 4px; }
 """) as demo:
     gr.Markdown("## 🧠 Qwen2.5-VL-3B — Visual Reasoning Assistant")
+
     with gr.Row():
         image = gr.Image(type="pil", label="Upload an Image")
         with gr.Column():
@@ -84,15 +85,17 @@ with gr.Blocks(css="""
             )
             ask_button = gr.Button("Ask")
 
-    # Compact, model-only response pane
+    # ✅ Compact area showing only the assistant’s answer
     answer = gr.Textbox(
         label="Response",
-        lines=4,            # initial height only (no autogrow used)
-        interactive=False,  # model-managed; user can't edit
-        elem_id="resp_box"  # scoped styling
+        lines=4,
+        interactive=False,  # user cannot edit
+        elem_id="resp_box"
     )
 
-    ask_button.click(ask_about_image, [image, question], answer)
+    # The model’s pure output only
+    ask_button.click(fn=ask_about_image, inputs=[image, question], outputs=[answer])
 
 demo.launch()
 
+