Update ui/tabs.py

ui/tabs.py

@@ -266,12 +266,20 @@ def create_streaming_voice_tab(streaming_service: StreamingVoiceService):
                     autoplay=True
                 )
         
+        # Biến để lưu kết quả từ VAD callback
+        vad_result = gr.State(value={
+            'transcription': "",
+            'response': "", 
+            'tts_audio': None,
+            'status': 'waiting'
+        })
+        
         def start_vad():
             """Bắt đầu VAD listening"""
             def vad_callback(result):
                 """Callback khi VAD phát hiện speech"""
-                # Cập nhật UI với kết quả
-                # Cần sử dụng Gradio events để cập nhật real-time
+                # Lưu kết quả vào state
+                vad_result.value = result
                 print(f"VAD Result: {result}")
             
             success = streaming_service.start_listening(vad_callback)
@@ -291,6 +299,7 @@ def create_streaming_voice_tab(streaming_service: StreamingVoiceService):
                 return "❌ Không có âm thanh", "Vui lòng nói lại", None, "Đang chờ...", {}
             
             try:
+                # SỬA LỖI: Gọi đúng phương thức
                 result = streaming_service.process_streaming_audio(audio_data)
                 state = streaming_service.get_conversation_state()
                 status = "✅ Đã xử lý manual audio"
@@ -305,6 +314,12 @@ def create_streaming_voice_tab(streaming_service: StreamingVoiceService):
             state = streaming_service.get_conversation_state()
             return "", "", None, "🗑️ Đã xóa hội thoại", state
         
+        def update_from_vad():
+            """Cập nhật UI từ kết quả VAD"""
+            result = vad_result.value
+            state = streaming_service.get_conversation_state()
+            return result['transcription'], result['response'], result['tts_audio'], "✅ VAD đã xử lý", state
+        
         # Event handlers
         start_vad_btn.click(
             start_vad,
@@ -316,6 +331,7 @@ def create_streaming_voice_tab(streaming_service: StreamingVoiceService):
             outputs=[status_display, state_display]
         )
         
+        # SỬA LỖI: Sử dụng đúng phương thức stream
         microphone.stream(
             process_manual_audio,
             inputs=[microphone],
@@ -326,6 +342,13 @@ def create_streaming_voice_tab(streaming_service: StreamingVoiceService):
             clear_conversation,
             outputs=[realtime_transcription, ai_response, tts_output, status_display, state_display]
         )
+        
+        # Timer để cập nhật kết quả từ VAD
+        streaming_tab.load(
+            update_from_vad,
+            outputs=[realtime_transcription, ai_response, tts_output, status_display, state_display],
+            every=1  # Cập nhật mỗi giây
+        )
     
     return streaming_tab
 def create_image_tab(image_service: ImageService):