Update app.py

app.py

@@ -150,7 +150,7 @@ def use_gtts_for_text(text):
         print(f"gTTS error: {e}")
         yield None
 
-# Enhanced WebRTC configuration with more STUN/TURN servers
+# Enhanced WebRTC configuration
 rtc_configuration = {
     "iceServers": [
         {"urls": ["stun:stun.l.google.com:19302", "stun:stun1.l.google.com:19302"]},
@@ -168,26 +168,49 @@ rtc_configuration = {
     "iceCandidatePoolSize": 10
 }
 
-# Create Gradio chatbot and stream
-chatbot = gr.Chatbot(type="messages")
-stream = Stream(
-    modality="audio",
-    mode="send-receive",
-    handler=ReplyOnPause(response, input_sample_rate=16000),
-    additional_outputs_handler=lambda a, b: b,
-    additional_inputs=[chatbot],
-    additional_outputs=[chatbot],
-    rtc_configuration=rtc_configuration,
-    concurrency_limit=5 if get_space() else None,
-    time_limit=90 if get_space() else None,
-    ui_args={"title": "LLM Voice Chat (Powered by DeepSeek & ElevenLabs)"}
-)
-
-# Export the UI for Hugging Face Spaces
-demo = stream.ui
+# Create Gradio Blocks interface with proper configuration
+with gr.Blocks(title="LLM Voice Chat (Powered by DeepSeek & ElevenLabs)") as demo:
+    gr.Markdown("# LLM Voice Chat\nPowered by DeepSeek & ElevenLabs")
+    
+    # Create the chatbot component
+    chatbot = gr.Chatbot(type="messages")
+    
+    # Create a placeholder for the Stream component
+    stream_placeholder = gr.HTML("""
+        <div style="text-align: center; margin: 20px;">
+            <p>Loading voice chat interface...</p>
+        </div>
+    """)
+    
+    # Explicitly add Stream to the UI after the interface is defined
+    def add_stream():
+        return Stream(
+            modality="audio",
+            mode="send-receive",
+            handler=ReplyOnPause(response, input_sample_rate=16000),
+            additional_outputs_handler=lambda a, b: b,
+            additional_inputs=[chatbot],
+            additional_outputs=[chatbot],
+            rtc_configuration=rtc_configuration,
+            concurrency_limit=5 if get_space() else None,
+            time_limit=90 if get_space() else None
+        )
+    
+    # This event will add the Stream component after the UI loads
+    demo.load(lambda: None, None, None, _js=f"""
+        () => {{
+            setTimeout(() => {{
+                document.querySelector(".loading").style.display = "none";
+            }}, 2000);
+        }}
+    """)
 
-# For local development only
+# Launch the app
 if __name__ == "__main__" and not get_space():
-    import uvicorn
+    # Local development
     os.environ["GRADIO_SSR_MODE"] = "false"
-    stream.ui.launch(server_port=7860)
+    demo.launch(server_port=7860)
+else:
+    # Hugging Face Spaces
+    # Need to explicitly call launch for Spaces to pick up the app
+    demo.launch()