Update ui/tabs.py

ui/tabs.py

@@ -53,24 +53,20 @@ 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 - Fixed duplicate block error"""
+    """Tạo tab Sambanova Voice AI - Simplified version"""
     
     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")
+        gr.Markdown("Trò chuyện voice-to-voice với model Llama 3.2 3B")
         
-        # State variables với ID duy nhất
+        # State variables - KHÔNG dùng elem_id cho State
         chatbot = gr.Chatbot(
             type="messages", 
             value=[],
             label="💬 Hội thoại Voice",
-            height=400,
-            elem_id="sambanova_main_chatbot"
-        )
-        conversation_state = gr.State(
-            value=[],
-            elem_id="sambanova_main_state"
+            height=400
         )
+        conversation_state = gr.State(value=[])
         
         with gr.Row():
             with gr.Column(scale=1):
@@ -78,7 +74,7 @@ def create_sambanova_voice_tab(sambanova_service):
                 gr.Markdown("""
                 **Cách sử dụng:**
                 1. Nhấn **Bắt đầu Voice Chat**
-                2. Nói "Computer", "Hey", "Hello" hoặc "Xin chào" để kích hoạt
+                2. Nói "Computer", "Hey", "Hello" hoặc "Xin chào" 
                 3. Trò chuyện tự nhiên bằng giọng nói
                 4. Mỗi phiên giới hạn 90 giây
                 
@@ -86,30 +82,35 @@ def create_sambanova_voice_tab(sambanova_service):
                 ✅ Voice-to-Text conversation  
                 ✅ Llama 3.2 3B model  
                 ✅ Stop-word activation  
-                ✅ Multi-language support
                 """)
                 
-                # WebRTC component - chỉ gọi một lần
-                webrtc = sambanova_service.get_ui_component()
+                # Tạo stream
+                try:
+                    stream = sambanova_service.create_stream()
+                    webrtc = stream.ui()
+                    webrtc_available = True
+                except Exception as e:
+                    print(f"⚠️ Cannot create WebRTC stream: {e}")
+                    webrtc_available = False
+                    gr.Markdown("### ❌ Voice Input Not Available")
+                    gr.Markdown("Voice features are currently unavailable. Please use text input below.")
                 
-                # Manual text input fallback
-                with gr.Accordion("📝 Text Input (Fallback)", open=False):
+                # Text input fallback
+                with gr.Accordion("📝 Text Input", open=True):
                     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,
-                        elem_id="sambanova_text_input"
+                        placeholder="Nhập tin nhắn text...",
+                        lines=3
                     )
-                    text_send_btn = gr.Button("📤 Gửi tin nhắn", elem_id="sambanova_send_btn")
+                    text_send_btn = gr.Button("📤 Gửi tin nhắn", variant="primary")
                 
                 # Controls
                 with gr.Row():
-                    clear_btn = gr.Button("🗑️ Xóa hội thoại", variant="secondary", elem_id="sambanova_clear_btn")
+                    clear_btn = gr.Button("🗑️ Xóa hội thoại")
                     status_display = gr.Textbox(
                         label="Trạng thái",
-                        value="✅ Sẵn sàng kết nối...",
-                        interactive=False,
-                        elem_id="sambanova_status"
+                        value="✅ Sẵn sàng" if webrtc_available else "⚠️ Text mode only",
+                        interactive=False
                     )
             
             with gr.Column(scale=2):
@@ -120,28 +121,11 @@ def create_sambanova_voice_tab(sambanova_service):
                     - **Provider**: Sambanova AI
                     - **Context**: 128K tokens
                     - **Specialization**: Instruction following
-                    - **API**: OpenAI-compatible
-                    
-                    **Voice Features:**
-                    - Real-time speech recognition
-                    - Voice activity detection  
-                    - Stop-word activation
-                    - Text-based responses
+                    - **Temperature**: 0.1
+                    - **Top-P**: 0.1
                     """)
-                
-                # Conversation display
-                gr.Markdown("### 💬 Cuộc trò chuyện")
-        
-        # Additional outputs handling
-        def handle_additional_outputs(new_chatbot, new_state):
-            """Xử lý additional outputs từ streaming"""
-            return new_chatbot, new_state, "✅ Đang trò chuyện..."
-        
-        # Event handlers
-        def clear_conversation():
-            """Xóa hội thoại"""
-            return [], [], "🔄 Đã xóa hội thoại"
         
+        # Event handlers cho text input
         def send_text_message(text, current_chatbot, current_state):
             """Gửi tin nhắn text"""
             if not text.strip():
@@ -172,17 +156,11 @@ 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 - chỉ kết nối một lần
-        webrtc.on_additional_outputs(
-            handle_additional_outputs,
-            outputs=[chatbot, conversation_state, status_display]
-        )
-        
-        clear_btn.click(
-            clear_conversation,
-            outputs=[chatbot, conversation_state, status_display]
-        )
+        def clear_conversation():
+            """Xóa hội thoại"""
+            return [], [], "🔄 Đã xóa hội thoại"
         
+        # Kết nối events cho text input
         text_send_btn.click(
             send_text_message,
             inputs=[text_input, chatbot, conversation_state],
@@ -191,6 +169,22 @@ def create_sambanova_voice_tab(sambanova_service):
             lambda: "",  # Clear text input
             outputs=[text_input]
         )
+        
+        clear_btn.click(
+            clear_conversation,
+            outputs=[chatbot, conversation_state, status_display]
+        )
+        
+        # Kết nối events cho WebRTC nếu available
+        if webrtc_available:
+            def handle_webrtc_outputs(new_chatbot, new_state):
+                """Xử lý outputs từ WebRTC"""
+                return new_chatbot, new_state, "✅ Đang trò chuyện..."
+            
+            webrtc.on_additional_outputs(
+                handle_webrtc_outputs,
+                outputs=[chatbot, conversation_state, status_display]
+            )
     
     return sambanova_tab
 def create_voice_coding_tab(voice_coding_service):