Update app.py

app.py

@@ -75,25 +75,25 @@ def response(
     
     yield AdditionalOutputs(chatbot)
 
-# Create a custom UI with Blocks for better rendering
-with gr.Blocks(theme=gr.themes.Default()) as custom_ui:
-    gr.Markdown("# LLM Voice Chat (Powered by DeepSeek & ElevenLabs)")
-    gr.Markdown("Speak after clicking the microphone button below. Your conversation will appear in the chat.")
-    
-    with gr.Row():
-        chatbot = gr.Chatbot(
-            value=[], 
-            height=500, 
-            show_label=False, 
-            type="messages",
-            elem_id="chatbot"
-        )
-    
-    # The mic_placeholder will be replaced by FastRTC with the audio controls
-    with gr.Row():
-        mic_placeholder = gr.Markdown("## Voice Controls Will Appear Here")
+# Create Gradio interface
+chatbot = gr.Chatbot(type="messages", height=500, label="Conversation")
+
+# Define enhanced UI arguments
+enhanced_ui_args = {
+    "title": "LLM Voice Chat (Powered by DeepSeek & ElevenLabs)",
+    "description": "Speak after clicking the microphone button below. Your conversation will appear in the chat.",
+    "theme": gr.themes.Soft(),
+    "css": """
+        .gradio-container {
+            min-height: 600px;
+        }
+        #chatbot {
+            min-height: 400px;
+        }
+    """
+}
 
-# Create Stream with the custom UI
+# Create Stream with enhanced UI args and the RTC configuration
 stream = Stream(
     modality="audio",
     mode="send-receive",
@@ -101,7 +101,7 @@ stream = Stream(
     additional_outputs_handler=lambda a, b: b,
     additional_inputs=[chatbot],
     additional_outputs=[chatbot],
-    ui=custom_ui,  # Use our custom UI instead of ui_args
+    ui_args=enhanced_ui_args,
     rtc_configuration=rtc_config
 )