Fix layout requested by https://huggingface.co/spaces/ByteDance-Seed/Seed1.5-VL/discussions/9#682f06bfcc42cf9552def4ee (#13)

- Fix layout requested by https://huggingface.co/spaces/ByteDance-Seed/Seed1.5-VL/discussions/9#682f06bfcc42cf9552def4ee (3932732d739b38d4dfacb19a0645c9b1f75267be)


Co-authored-by: Joya Chen <[email protected]>

app.py

@@ -170,70 +170,69 @@ def online_record_chat(text: str, gr_history: list, gr_webcam_images: list,
             inputs, gr_history, infer_history, if_thinking, temperature, online=True):
         yield response_message, gr.skip(), infer_history
 
-
 with gr.Blocks() as demo:
-    with gr.Column():
-        gr_title = gr.Markdown('# Seed1.5-VL')
-        with gr.Row():
-            gr.Markdown(
-                """
-                <div style="display:flex; flex-direction:column; gap:10px;">
-                <a
-                    href="https://github.com/ByteDance-Seed/Seed1.5-VL"
-                    target="_blank"
-                    style="
-                    display: inline-flex;
-                    align-items: center;
-                    gap: 8px;
-                    white-space: nowrap;
-                    text-decoration: none;
-                    "
-                >
-                    <img
-                    src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg"
-                    alt="GitHub"
-                    width="24"
+    with gr.Row():
+        with gr.Column():
+            gr_title = gr.Markdown('# Seed1.5-VL')
+            with gr.Row():
+                gr.Markdown(
+                    """
+                    <div style="display:flex; flex-direction:column; gap:10px;">
+                    <a
+                        href="https://github.com/ByteDance-Seed/Seed1.5-VL"
+                        target="_blank"
+                        style="
+                        display: inline-flex;
+                        align-items: center;
+                        gap: 8px;
+                        white-space: nowrap;
+                        text-decoration: none;
+                        "
                     >
-                    Seed1.5-VL Cookbook
-                </a>
-                </div>
-                """
-            )
-            gr.Markdown(
-                """
-                <div style="display:flex; flex-direction:column; gap:10px;">
-                <a
-                    href="https://huggingface.co/papers/2505.07062"
-                    target="_blank"
-                    style="
-                    display: inline-flex;
-                    align-items: center;
-                    gap: 8px;
-                    white-space: nowrap;
-                    text-decoration: none;
-                    "
-                >
-                    <img
-                    src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg"
-                    alt="Paper"
-                    width="24"
+                        <img
+                        src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg"
+                        alt="GitHub"
+                        width="24"
+                        >
+                        Seed1.5-VL Cookbook
+                    </a>
+                    </div>
+                    """
+                )
+                gr.Markdown(
+                    """
+                    <div style="display:flex; flex-direction:column; gap:10px;">
+                    <a
+                        href="https://huggingface.co/papers/2505.07062"
+                        target="_blank"
+                        style="
+                        display: inline-flex;
+                        align-items: center;
+                        gap: 8px;
+                        white-space: nowrap;
+                        text-decoration: none;
+                        "
                     >
-                    Seed1.5-VL Paper
-                </a>
-                </div>
-                """,
-            )
-            gr.Markdown(' ')
-            gr.Markdown(' ')
-            gr.Markdown(' ')
-            gr.Markdown(' ')
-        with gr.Row():
-            gr_lang_selector = gr.Dropdown(choices=["English", "中文"],
-                                           value="English",
-                                           label="🌐 English Interface/中文界面",
-                                           interactive=True,
-                                           min_width=400,
-                                           scale=0)
+                        <img
+                        src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg"
+                        alt="Paper"
+                        width="24"
+                        >
+                        Seed1.5-VL Paper
+                    </a>
+                    </div>
+                    """,
+                )
+                gr.Markdown('')
+                gr.Markdown('')
+                gr.Markdown('')
+
+        gr_lang_selector = gr.Dropdown(choices=["English", "中文"],
+            value="English",
+            label="🌐 English Interface/中文界面",
+            interactive=True,
+            min_width=400,
+            scale=0)
             
     with gr.Tabs():
         with gr.Tab("Offline") as gr_tab_ofl:
@@ -249,6 +248,7 @@ with gr.Blocks() as demo:
                 fn=general_chat,
                 type="messages",
                 multimodal=True,
+                chatbot=gr.Chatbot(height=600),
                 textbox=gr.MultimodalTextbox(
                     file_count="multiple",
                     file_types=["image", ".mp4"],
@@ -421,6 +421,7 @@ with gr.Blocks() as demo:
                                 fn=online_record_chat,
                                 type="messages",
                                 multimodal=False,
+                                chatbot=gr.Chatbot(height=600),
                                 textbox=gr.
                                 Textbox(placeholder=label_translations[
                                     'gr_chatinterface_ol.textbox.placeholder']