Enhance demo interface by hiding TTS player UI with CSS while maintaining functionality for autoplay

app.py

@@ -598,6 +598,8 @@ def create_demo():
             70% { transform: scale(1.06); box-shadow: 0 0 0 20px rgba(239,68,68,0.0); }
             100% { transform: scale(1.0); box-shadow: 0 0 0 0 rgba(239,68,68,0.0); }
         }
+        /* 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; }
         '''
     ) as demo:
         gr.Markdown(
@@ -615,8 +617,8 @@ def create_demo():
                     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 (hidden player)
-                    tts_audio_main = gr.Audio(label=None, interactive=False, autoplay=True, show_label=False, 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")
 
             with gr.TabItem("Chat"):
                 with gr.Column():