UI changes

app.py

@@ -585,27 +585,28 @@ def create_demo():
             """
         )
 
-        with gr.Row():
-            chatbot = gr.Chatbot(height=400, type="tuples")
-            with gr.Column():
-                score_json = gr.JSON(label="PHQ-9 Assessment (live)")
-                severity_label = gr.Label(label="Severity")
-                threshold = gr.Slider(0.5, 1.0, value=CONFIDENCE_THRESHOLD_DEFAULT, step=0.05, label="Confidence Threshold (stop when min ≥ τ)")
-                tts_enable = gr.Checkbox(label="Speak clinician responses (TTS)", value=USE_TTS_DEFAULT)
-                tts_audio = gr.Audio(label="Clinician voice", interactive=False)
-                model_id_tb = gr.Textbox(value=current_model_id, label="Chat Model ID", info="e.g., google/gemma-2-2b-it or google/medgemma-4b-it")
-                with gr.Row():
-                    apply_model_btn = gr.Button("Apply model (no restart)")
-                    # apply_model_restart_btn = gr.Button("Apply model and restart")
-                model_status = gr.Markdown(value=f"Current model: `{current_model_id}`")
-
-        with gr.Row():
-            audio = gr.Audio(sources=["microphone"], type="filepath", label="Speak your response (or use text)")
-            text = gr.Textbox(lines=2, placeholder="Optional: type your response instead of audio")
-
-        with gr.Row():
-            send_btn = gr.Button("Send")
-            reset_btn = gr.Button("Reset")
+        with gr.Tabs():
+            with gr.TabItem("Chat"):
+                with gr.Column():
+                    chatbot = gr.Chatbot(height=440, type="tuples", label="Conversation")
+                    with gr.Row():
+                        audio = gr.Audio(sources=["microphone"], type="filepath", label="Speak your response (or type below)")
+                        text = gr.Textbox(lines=2, placeholder="Type your message (optional if you speak)")
+                    with gr.Row():
+                        send_btn = gr.Button("Send")
+                        reset_btn = gr.Button("Reset")
+            with gr.TabItem("Advanced"):
+                with gr.Column():
+                    score_json = gr.JSON(label="PHQ-9 Assessment (live)")
+                    severity_label = gr.Label(label="Severity")
+                    threshold = gr.Slider(0.5, 1.0, value=CONFIDENCE_THRESHOLD_DEFAULT, step=0.05, label="Confidence Threshold (stop when min ≥ τ)")
+                    tts_enable = gr.Checkbox(label="Speak clinician responses (TTS)", value=USE_TTS_DEFAULT)
+                    tts_audio = gr.Audio(label="Clinician voice", interactive=False)
+                    model_id_tb = gr.Textbox(value=current_model_id, label="Chat Model ID", info="e.g., google/gemma-2-2b-it or google/medgemma-4b-it")
+                    with gr.Row():
+                        apply_model_btn = gr.Button("Apply model (no restart)")
+                        # apply_model_restart_btn = gr.Button("Apply model and restart")
+                    model_status = gr.Markdown(value=f"Current model: `{current_model_id}`")
 
         # App state
         chat_state = gr.State()