Update ui/tabs.py

ui/tabs.py

@@ -53,20 +53,24 @@ def create_all_tabs(audio_service: AudioService, chat_service: ChatService,
     with gr.Tab("Stream Object Detection"):
         create_streaming_object_detection()
 def create_sambanova_voice_tab(sambanova_service):
-    """Tạo tab Sambanova Voice AI - Simplified version"""
+    """Tạo tab Sambanova Voice AI - Fixed duplicate block error"""
     
     with gr.Blocks() as sambanova_tab:
         gr.Markdown("## 🤖 Sambanova Voice AI - Llama 3.2 3B")
         gr.Markdown("Trò chuyện voice-to-voice với model Llama 3.2 3B thông qua Sambanova API")
         
-        # State variables
+        # State variables với ID duy nhất
         chatbot = gr.Chatbot(
             type="messages", 
             value=[],
             label="💬 Hội thoại Voice",
-            height=400
+            height=400,
+            elem_id="sambanova_main_chatbot"
+        )
+        conversation_state = gr.State(
+            value=[],
+            elem_id="sambanova_main_state"
         )
-        conversation_state = gr.State(value=[])
         
         with gr.Row():
             with gr.Column(scale=1):
@@ -83,30 +87,29 @@ def create_sambanova_voice_tab(sambanova_service):
                 ✅ Llama 3.2 3B model  
                 ✅ Stop-word activation  
                 ✅ Multi-language support
-                
-                **Lưu ý:** Chức năng voice output đang được phát triển
                 """)
                 
-                # Tạo stream
-                stream = sambanova_service.create_stream()
-                webrtc = stream.ui()
+                # WebRTC component - chỉ gọi một lần
+                webrtc = sambanova_service.get_ui_component()
                 
                 # Manual text input fallback
                 with gr.Accordion("📝 Text Input (Fallback)", open=False):
                     text_input = gr.Textbox(
                         label="Nhập tin nhắn",
                         placeholder="Nhập tin nhắn text nếu voice không hoạt động...",
-                        lines=2
+                        lines=2,
+                        elem_id="sambanova_text_input"
                     )
-                    text_send_btn = gr.Button("📤 Gửi tin nhắn")
+                    text_send_btn = gr.Button("📤 Gửi tin nhắn", elem_id="sambanova_send_btn")
                 
                 # Controls
                 with gr.Row():
-                    clear_btn = gr.Button("🗑️ Xóa hội thoại", variant="secondary")
+                    clear_btn = gr.Button("🗑️ Xóa hội thoại", variant="secondary", elem_id="sambanova_clear_btn")
                     status_display = gr.Textbox(
                         label="Trạng thái",
                         value="✅ Sẵn sàng kết nối...",
-                        interactive=False
+                        interactive=False,
+                        elem_id="sambanova_status"
                     )
             
             with gr.Column(scale=2):
@@ -169,7 +172,7 @@ def create_sambanova_voice_tab(sambanova_service):
                 error_msg = f"❌ Lỗi: {str(e)}"
                 return current_chatbot, current_state, error_msg
         
-        # Kết nối events
+        # Kết nối events - chỉ kết nối một lần
         webrtc.on_additional_outputs(
             handle_additional_outputs,
             outputs=[chatbot, conversation_state, status_display]