Replace tab design with a settings button.

app.py

@@ -596,7 +596,7 @@ def process_turn(
             break
     explicit_flag = detect_explicit_suicidality(last_patient)
     high_risk = bool(explicit_flag or (scores.get("suicidal_thoughts", 0) >= 2))
-
+ 
     meta = {"Severity": severity, "Total_Score": total, "Confidence": overall_conf}
 
     # Termination conditions
@@ -714,48 +714,54 @@ def create_demo():
         #voice-bubble button { pointer-events: auto; cursor: pointer; }
         /* Hide TTS player UI but keep it in DOM for autoplay */
         #tts-player { width: 0 !important; height: 0 !important; opacity: 0 !important; position: absolute; pointer-events: none; }
+        /* Settings button in top right */
+        #settings-btn { position: absolute; top: 16px; right: 16px; z-index: 10; }
+        #back-btn { position: absolute; top: 16px; right: 16px; z-index: 10; }
         '''
     ) as demo:
-        gr.Markdown(
-            """
-            ### Conversational Assessment for Responsive Engagement (CARE) Notes
-            Tap on 'Record' to start speaking, then tap on 'Stop' to stop recording.
-            """
-        )
-        intro_play_btn = gr.Button("▶️ Play Intro", variant="secondary")
-
-        with gr.Tabs():
-            with gr.TabItem("Main"):
-                with gr.Column():
-                    # Microphone component styled as central bubble (tap to record/stop)
-                    audio_main = gr.Microphone(type="filepath", label=None, elem_id="voice-bubble", show_label=False)
-                    # Hidden text input placeholder for pipeline compatibility
-                    text_main = gr.Textbox(value="", visible=False)
-                    # Autoplay clinician voice output (player hidden with CSS)
-                    tts_audio_main = gr.Audio(label=None, interactive=False, autoplay=True, show_label=False, elem_id="tts-player")
-                    # Final summaries (shown after assessment ends)
-                    main_summary = gr.Markdown(visible=False)
-
-            with gr.TabItem("Advanced"):
-                with gr.Column():
-                    chatbot = gr.Chatbot(height=360, type="tuples", label="Conversation")
-                    with gr.Row():
-                        text_adv = gr.Textbox(placeholder="Type your message and press Enter", scale=4)
-                        send_adv_btn = gr.Button("Send", scale=1)
-                    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)
-                    with gr.Row():
-                        tts_provider_dd = gr.Dropdown(choices=["Coqui", "gTTS"], value="Coqui", label="TTS Provider")
-                        coqui_model_tb = gr.Textbox(value=os.getenv("COQUI_MODEL", "tts_models/en/vctk/vits"), label="Coqui Model")
-                    coqui_speaker_dd = gr.Dropdown(choices=list_coqui_speakers(os.getenv("COQUI_MODEL", "tts_models/en/vctk/vits")), value="p225", label="Coqui Speaker")
-                    tts_audio = gr.Audio(label="Clinician voice", interactive=False, autoplay=False, visible=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}`")
+        # Settings button (top right)
+        settings_btn = gr.Button("⚙️ Settings", elem_id="settings-btn", size="sm")
+        
+        # Main view
+        with gr.Column(visible=True) as main_view:
+            gr.Markdown(
+                """
+                ### Conversational Assessment for Responsive Engagement (CARE) Notes
+                Tap on 'Record' to start speaking, then tap on 'Stop' to stop recording.
+                """
+            )
+            intro_play_btn = gr.Button("▶️ Play Intro", variant="secondary")
+            # Microphone component styled as central bubble (tap to record/stop)
+            audio_main = gr.Microphone(type="filepath", label=None, elem_id="voice-bubble", show_label=False)
+            # Hidden text input placeholder for pipeline compatibility
+            text_main = gr.Textbox(value="", visible=False)
+            # Autoplay clinician voice output (player hidden with CSS)
+            tts_audio_main = gr.Audio(label=None, interactive=False, autoplay=True, show_label=False, elem_id="tts-player")
+            # Final summaries (shown after assessment ends)
+            main_summary = gr.Markdown(visible=False)
+
+        # Settings view (initially hidden)
+        with gr.Column(visible=False) as settings_view:
+            back_btn = gr.Button("← Back", elem_id="back-btn", size="sm")
+            gr.Markdown("## Settings")
+            chatbot = gr.Chatbot(height=360, type="tuples", label="Conversation")
+            with gr.Row():
+                text_adv = gr.Textbox(placeholder="Type your message and press Enter", scale=4)
+                send_adv_btn = gr.Button("Send", scale=1)
+            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)
+            with gr.Row():
+                tts_provider_dd = gr.Dropdown(choices=["Coqui", "gTTS"], value="Coqui", label="TTS Provider")
+                coqui_model_tb = gr.Textbox(value=os.getenv("COQUI_MODEL", "tts_models/en/vctk/vits"), label="Coqui Model")
+            coqui_speaker_dd = gr.Dropdown(choices=list_coqui_speakers(os.getenv("COQUI_MODEL", "tts_models/en/vctk/vits")), value="p225", label="Coqui Speaker")
+            tts_audio = gr.Audio(label="Clinician voice", interactive=False, autoplay=False, visible=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()
@@ -767,6 +773,18 @@ def create_demo():
         # Initialize on load (no autoplay due to browser policies)
         demo.load(_on_load_init, inputs=None, outputs=[chatbot, scores_state, meta_state, finished_state, turns_state])
 
+        # View navigation
+        settings_btn.click(
+            fn=lambda: (gr.update(visible=False), gr.update(visible=True)),
+            inputs=None,
+            outputs=[main_view, settings_view]
+        )
+        back_btn.click(
+            fn=lambda: (gr.update(visible=True), gr.update(visible=False)),
+            inputs=None,
+            outputs=[main_view, settings_view]
+        )
+
         # Explicit user gesture to play intro TTS (works across browsers)
         intro_play_btn.click(fn=_play_intro_tts, inputs=[tts_enable], outputs=[tts_audio_main])