Update ui/tabs.py

ui/tabs.py

@@ -199,6 +199,61 @@ def create_audio_tab(audio_service: AudioService):
         inputs=audio_input,
         outputs=[transcription_output, response_output, tts_audio_output, language_display]  # UPDATED
     )
+def create_streaming_voice_tab(streaming_service: StreamingVoiceService):
+    """Tạo tab streaming voice sử dụng Gradio microphone"""
+    
+    # Create components
+    (microphone, clear_btn, state_display,
+     transcription, ai_response, tts_output, conversation_state) = create_streaming_voice_components()
+    
+    def process_audio_stream(audio_data):
+        """Xử lý audio stream từ microphone"""
+        if audio_data is None:
+            return {
+                'transcription': "❌ Không có âm thanh",
+                'response': "Vui lòng nói lại",
+                'tts_audio': None
+            }, {}, {}
+        
+        try:
+            # Xử lý audio
+            result = streaming_service.process_streaming_audio(audio_data)
+            
+            # Cập nhật state
+            state = streaming_service.get_conversation_state()
+            
+            return result['transcription'], result['response'], result['tts_audio'], state
+            
+        except Exception as e:
+            error_msg = f"❌ Lỗi xử lý: {str(e)}"
+            return error_msg, "Xin lỗi, có lỗi xảy ra", None, {}
+    
+    def clear_conversation():
+        """Xóa hội thoại"""
+        streaming_service.clear_conversation()
+        state = streaming_service.get_conversation_state()
+        return "", "", None, state
+    
+    # Event handlers
+    microphone.stream(
+        process_audio_stream,
+        inputs=[microphone],
+        outputs=[transcription, ai_response, tts_output, state_display]
+    )
+    
+    clear_btn.click(
+        clear_conversation,
+        outputs=[transcription, ai_response, tts_output, state_display]
+    )
+    
+    # Initial state
+    def get_initial_state():
+        return streaming_service.get_conversation_state()
+    
+    state_display.change(
+        get_initial_state,
+        outputs=[state_display]
+    )
 def create_image_tab(image_service: ImageService):
     gr.Markdown("## Phân tích hình ảnh")
     with gr.Row():