Update ui/tabs.py

ui/tabs.py

@@ -202,53 +202,60 @@ def create_audio_tab(audio_service: AudioService):
 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,
+    # Create components - SỬA: sử dụng components mới
+    (microphone, clear_btn, status_display, 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
-            }, {}, {}
+            return "❌ Không có âm thanh", "Vui lòng nói lại", None, "Đang chờ...", {}
         
         try:
+            print("🎯 Đang xử lý audio stream...")
+            
             # Xử lý audio
             result = streaming_service.process_streaming_audio(audio_data)
             
             # Cập nhật state
             state = streaming_service.get_conversation_state()
+            status = f"✅ Đã xử lý - {len(result['transcription'])} ký tự"
             
-            return result['transcription'], result['response'], result['tts_audio'], state
+            return result['transcription'], result['response'], result['tts_audio'], status, 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, {}
+            print(f"Lỗi: {traceback.format_exc()}")
+            return error_msg, "Xin lỗi, có lỗi xảy ra", None, "❌ Lỗi", {}
     
     def clear_conversation():
         """Xóa hội thoại"""
         streaming_service.clear_conversation()
         state = streaming_service.get_conversation_state()
-        return "", "", None, state
+        return "", "", None, "🗑️ Đã xóa hội thoại", state
     
-    # Event handlers
+    # Event handlers - SỬA: số lượng outputs phải khớp
     microphone.stream(
         process_audio_stream,
         inputs=[microphone],
-        outputs=[transcription, ai_response, tts_output, state_display]
+        outputs=[transcription, ai_response, tts_output, status_display, state_display]
     )
     
     clear_btn.click(
         clear_conversation,
-        outputs=[transcription, ai_response, tts_output, state_display]
+        outputs=[transcription, ai_response, tts_output, status_display, state_display]
     )
     
     # Initial state
     def get_initial_state():
-        return streaming_service.get_conversation_state()
+        state = streaming_service.get_conversation_state()
+        return "Sẵn sàng - nhấn nút microphone để nói", state
+    
+    # Load initial state khi tab được mở
+    status_display.change(
+        lambda: "Sẵn sàng - nhấn nút microphone để nói",
+        outputs=[status_display]
+    )
     
     state_display.change(
         get_initial_state,