Update app.py

app.py

@@ -117,13 +117,16 @@ with gr.Blocks() as demo:
 
     with gr.Row():
         with gr.Column(scale=1):
-            alt_key = gr.Textbox(label="Alternate Mistral API Key (optional)", type="password")
+            # Minimal API key field
+            alt_key = gr.Textbox(label="API Key (optional)", type="password", max_lines=1)
+            # Preview on top
+            preview = gr.Image(label="Preview", type="pil")
             url_input = gr.Textbox(label="Image/Video URL", placeholder="https://...")
             custom = gr.Textbox(label="Custom prompt (optional)", lines=4, placeholder="Enter custom prompt to override default")
             submit = gr.Button("Submit")
-            preview = gr.Image(label="Preview", type="pil")
         with gr.Column(scale=1):
-            out = gr.Textbox(label="Generated Detailed Description", lines=25)
+            # Streamed text area rendered as HTML/text block filling right column
+            output_display = gr.Markdown("", elem_id="generated_output")
 
     def load_preview(url):
         if not url:
@@ -139,10 +142,14 @@ with gr.Blocks() as demo:
     def start_gen(url, custom_p, alt_k):
         if not url:
             return "No URL provided."
+        # produce full combined text for Markdown via streaming
+        text = ""
         for chunk in generate_stream(url, custom_p, alt_k):
-            yield chunk
+            text += chunk
+            yield text
+        # final yield already returned in loop
 
     url_input.change(fn=load_preview, inputs=[url_input], outputs=[preview])
-    submit.click(fn=start_gen, inputs=[url_input, custom, alt_key], outputs=[out])
+    submit.click(fn=start_gen, inputs=[url_input, custom, alt_key], outputs=[output_display])
 
 demo.launch()