UI layout: right column puts Image Preview on top, Logs in middle, Downloads at bottom; keep debug controls hidden

app.py

@@ -1318,12 +1318,17 @@ The framework builds upon [CAMEL-ai](https://github.com/camel-ai/camel).
         # ========== RIGHT: OUTPUT ==========
         with gr.Column(scale=1):
             with gr.Accordion("Output", open=True):
+                # Preview on top
+                img_out      = gr.Image(label="🖼️ Poster (Image Preview)", interactive=False)
+                # Logs in the middle
                 logs_out     = gr.Textbox(label="🧾 Logs", lines=10, max_lines=20)
+                # Downloads at bottom
                 pdf_out      = gr.HTML(label="📄 Poster (PDF Preview)", visible=False)
-                img_out      = gr.Image(label="🖼️ Poster (Image Preview)", interactive=False)
-                pdf_file_out = gr.File(label="📄 Download Poster (PDF)")
-                zip_out      = gr.File(label="📦 Download Results (.zip)")
+                with gr.Row():
+                    pdf_file_out = gr.File(label="📄 Download Poster (PDF)")
+                    zip_out      = gr.File(label="📦 Download Results (.zip)")
                 overleaf_out = gr.HTML(label="Open in Overleaf")
+                # Debug (hidden)
                 debug_zip_btn= gr.Button("🐞 Test repo output.zip", variant="secondary", visible=False)
                 debug_zip_out= gr.HTML(label="🐞 Real Output Preview", visible=False)
                 debug_zip_img= gr.Image(label="🐞 Real Output Image", interactive=False, visible=False)