Update app.py

app.py

@@ -168,49 +168,27 @@ rtc_configuration = {
     "iceCandidatePoolSize": 10
 }
 
-# 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);
-        }}
-    """)
+# Create the Stream component outside of any Blocks context
+chatbot = gr.Chatbot(type="messages", visible=False)  # Will be used for state only
+
+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)"}
+)
+
+# Create a basic Gradio interface
+demo = stream.ui
 
 # Launch the app
-if __name__ == "__main__" and not get_space():
+if __name__ == "__main__":
     # Local development
     os.environ["GRADIO_SSR_MODE"] = "false"
     demo.launch(server_port=7860)
-else:
-    # Hugging Face Spaces
-    # Need to explicitly call launch for Spaces to pick up the app
-    demo.launch()