feat: auto-mode visualization update

app.py

@@ -954,13 +954,13 @@ with gr.Blocks(title="PatientSim", theme=gr.themes.Soft(), css=CUSTOM_CSS) as de
                 manual_btn = gr.Button("Start Practice", variant="primary")
 
         with gr.Row():
-            back_from_mode_btn = gr.Button("← Back to Setup", scale=0)
+            back_from_mode_btn = gr.Button("← Back to Setup")
 
     # ── Auto simulation section ──────────────────────────────────────────────
     with gr.Column(visible=False) as auto_section:
         with gr.Row():
-            back_from_auto_btn = gr.Button("← Back to Setup", scale=0)
-            back_from_auto_to_mode_btn = gr.Button("← Mode Selection", scale=0)
+            back_from_auto_btn = gr.Button("← Back to Setup")
+            back_from_auto_to_mode_btn = gr.Button("← Mode Selection")
 
         gr.Markdown(
             "### 🤖 Auto Simulation\n\n"
@@ -969,16 +969,21 @@ with gr.Blocks(title="PatientSim", theme=gr.themes.Soft(), css=CUSTOM_CSS) as de
             "**Doctor** (user) messages appear on the right; **Patient** (assistant) responses on the left."
         )
         auto_recap = gr.HTML()
-        auto_chatbot = gr.Chatbot(
-            label="Doctor–Patient Dialogue",
-            height=560,
-            show_label=True,
-            avatar_images=(
-                _DOCTOR_AVATAR,
-                list(_PATIENT_AVATAR_URLS.values())[0],  # overridden dynamically on start
-            ),
-            placeholder="Run the auto simulation to see the dialogue here.",
-        )
+        with gr.Row(equal_height=False):
+            with gr.Column(scale=1, min_width=280):
+                auto_recap = gr.HTML()
+            with gr.Column(scale=2):
+                auto_chatbot = gr.Chatbot(
+                    label="Doctor–Patient Dialogue",
+                    height=560,
+                    show_label=True,
+                    avatar_images=(
+                        _DOCTOR_AVATAR,
+                        list(_PATIENT_AVATAR_URLS.values())[0],
+                    ),
+                    placeholder="Run the auto simulation to see the dialogue here.",
+                )
+
 
     # ── Manual chat section ──────────────────────────────────────────────────
     with gr.Column(visible=False) as chat_section: