Update 100

app.py

@@ -18,7 +18,6 @@ from sympy import Rem
 from PIL import Image
 import io
 from faster_whisper import WhisperModel
-from st_audiorec import st_audiorec
 import tempfile
 
 load_dotenv()
@@ -376,28 +375,31 @@ def load_resources():
         **NHIỆM VỤ:**
         Dựa trên **chủ đề yếu** của học sinh và **danh sách video** được cung cấp, hãy thực hiện 2 việc:
 
-        1.  **Tạo 2 Bài tập Mới:**
-            -   Các bài tập phải liên quan trực tiếp đến chủ đề yếu.
-            -   Độ khó tương đương chương trình lớp 9.
-            -   Bài tập phải hoàn toàn mới, không được trùng lặp với các ví dụ phổ biến.
-        2.  **Đề xuất 1 Video Phù hợp nhất:**
-            -   Chọn ra MỘT video từ danh sách có nội dung liên quan chặt chẽ nhất đến chủ đề yếu.
+        1. **Tạo 2 Bài tập Mới:**
+           - Các bài tập phải liên quan trực tiếp đến chủ đề yếu.
+           - Độ khó tương đương chương trình lớp 9.
+           - Bài tập phải hoàn toàn mới, không được trùng lặp với các ví dụ phổ biến.
+        2. **Đề xuất 1 Video Phù hợp nhất:**
+           - Chọn ra MỘT video từ danh sách có nội dung liên quan chặt chẽ nhất đến chủ đề yếu.
 
         **THÔNG TIN ĐẦU VÀO:**
-        -   **Chủ đề yếu của học sinh:** '{{ student_weakness }}'
-        -   **Danh sách video có sẵn (JSON):** {{ video_cheatsheet_json }}
+        - **Chủ đề yếu của học sinh:** '{{ student_weakness }}'
+        - **Danh sách video có sẵn (JSON):** {{ video_cheatsheet_json }}
 
         **YÊU CẦU OUTPUT:**
-        Chỉ trả lời theo định dạng Markdown dưới đây, không thêm bất kỳ lời dẫn hay giải thích nào khác.
+        Trả lời theo định dạng sau (không thêm lời dẫn):
 
-        ### 🎯 BÀI TẬP CỦNG CỐ
-        1.  **Bài 1:** [Nội dung câu hỏi bài tập 1]
-        2.  **Bài 2:** [Nội dung câu hỏi bài tập 2]
+        🎯 **BÀI TẬP CỦNG CỐ**
 
+        **Bài 1:** [Nội dung câu hỏi bài tập 1]
+
+        **Bài 2:** [Nội dung câu hỏi bài tập 2]
+
+        📹 **VIDEO ĐỀ XUẤT**
 
-        ### 📹 VIDEO ĐỀ XUẤT
         **[Tên video]**
-        🎬 Link: https://www.youtube.com/playlist?list=PL5q2T2FxzK7XY4s9FqDi6KCFEpGr2LX2D"""
+        🎬 Link: https://www.youtube.com/playlist?list=PL5q2T2FxzK7XY4s9FqDi6KCFEpGr2LX2D
+        """
 
     insight_template = """
         Bạn là một chuyên gia phân tích giáo dục. Nhiệm vụ của bạn là đọc kỹ đoạn hội thoại và xác định chính xác những khái niệm toán học mà học sinh đang hiểu sai.
@@ -583,16 +585,19 @@ def load_resources():
         "whisper_model": whisper_model
     }
 
-def transcribe_audio(audio_bytes: bytes, whisper_model: WhisperModel) -> str:
+def transcribe_audio(audio_file, whisper_model: WhisperModel) -> str:
     """
-    Nhận dữ liệu audio bytes, lưu vào file tạm, chuyển đổi thành văn bản bằng Faster Whisper.
-    Phiên bản này đã sửa lỗi Permission Denied trên Windows.
+    Nhận audio file từ st.audio_input và chuyển đổi thành văn bản bằng Faster Whisper.
+    Phiên bản được cập nhật cho môi trường deployment.
     """
-    if not audio_bytes:
+    if not audio_file:
         return ""
         
     tmp_file_path = ""
     try:
+        # Đọc audio file từ st.audio_input (UploadedFile object)
+        audio_bytes = audio_file.read()
+        
         with tempfile.NamedTemporaryFile(delete=False, suffix=".wav") as tmpfile:
             tmpfile.write(audio_bytes)
             tmp_file_path = tmpfile.name
@@ -1132,6 +1137,10 @@ def main():
         welcome_msg = "Xin chào! Tôi là gia sư AI của bạn 😊. Hôm nay chúng ta cùng học Toán nhé!"
         st.session_state.messages.append({"role": "assistant", "content": welcome_msg, "intent": "greeting_social"})
 
+    # Khởi tạo session state để theo dõi audio đã xử lý
+    if "processed_audio_ids" not in st.session_state:
+        st.session_state.processed_audio_ids = set()
+
     # Container để chứa các tin nhắn chat
     chat_placeholder = st.container()
     with chat_placeholder:
@@ -1140,13 +1149,17 @@ def main():
             # Sử dụng hàm render tùy chỉnh
             render_chat_message(msg_data["content"], is_user, key=f"msg_{i}")
 
-
-    st.markdown("#### Hoặc nói chuyện trực tiếp với gia sư:")
-    audio_bytes = st_audiorec() # Component ghi âm
-
-    # Khởi tạo session state để theo dõi audio đã xử lý
-    if "processed_audio_hash" not in st.session_state:
-        st.session_state.processed_audio_hash = None
+    # Audio input section with better error handling
+    st.markdown("#### Hoặc ghi âm giọng nói:")
+    
+    # Check if running in secure context for microphone access
+    audio_input = None
+    try:
+        # Use Streamlit's built-in audio_input which is more stable
+        audio_input = st.audio_input("🎤 Nhấn để ghi âm", help="Ghi âm câu hỏi của bạn bằng tiếng Việt")
+    except Exception as e:
+        st.warning("⚠️ Không thể truy cập microphone. Vui lòng sử dụng form nhập text bên dưới.")
+        print(f"DEBUG: Audio input error: {e}")
 
     # 2. Form Nhập liệu cho Text và Ảnh
     with st.form(key="chat_form", clear_on_submit=True):
@@ -1159,26 +1172,32 @@ def main():
         
         submit_button = st.form_submit_button(label="Gửi")
 
-
     final_user_text = ""
     final_image_data = None
 
-    current_audio_hash = None
-    is_new_audio = False
-    
-    if audio_bytes and len(audio_bytes) > 0:
-        current_audio_hash = hashlib.md5(audio_bytes).hexdigest()
-        is_new_audio = current_audio_hash != st.session_state.processed_audio_hash
-    
-    if is_new_audio and audio_bytes:
-        with st.spinner("🎧 Đang xử lý giọng nói..."):
-            transcribed_text = transcribe_audio(audio_bytes, resources["whisper_model"])
-            if transcribed_text and transcribed_text.strip() and len(transcribed_text.strip()) > 1:
-                final_user_text = transcribed_text
-                st.session_state.processed_audio_hash = current_audio_hash
-            else:
-                st.session_state.processed_audio_hash = current_audio_hash
+    # Handle audio input if available - với logic tránh xử lý lặp lại
+    if audio_input is not None:
+        # Tạo unique ID cho audio file dựa trên file_id và size
+        audio_id = f"{audio_input.file_id}_{audio_input.size}" if hasattr(audio_input, 'file_id') and hasattr(audio_input, 'size') else f"{id(audio_input)}_{len(audio_input.getvalue())}"
+        
+        # Chỉ xử lý nếu audio này chưa được xử lý
+        if audio_id not in st.session_state.processed_audio_ids:
+            with st.spinner("🎧 Đang xử lý giọng nói..."):
+                transcribed_text = transcribe_audio(audio_input, resources["whisper_model"])
+                if transcribed_text and transcribed_text.strip() and len(transcribed_text.strip()) > 1:
+                    final_user_text = transcribed_text
+                    st.success(f"✅ Đã nhận diện: {transcribed_text}")
+                    # Đánh dấu audio này đã được xử lý
+                    st.session_state.processed_audio_ids.add(audio_id)
+                else:
+                    st.warning("⚠️ Không nhận diện được nội dung. Vui lòng thử lại hoặc sử dụng text input.")
+                    # Vẫn đánh dấu để tránh xử lý lại
+                    st.session_state.processed_audio_ids.add(audio_id)
+        else:
+            # Audio đã được xử lý, không làm gì cả
+            print(f"DEBUG: Audio {audio_id} đã được xử lý trước đó, bỏ qua.")
     
+    # Handle form submission
     elif submit_button:
         final_user_text = user_text
         if uploaded_image:
@@ -1286,7 +1305,6 @@ def main():
                 print(f"ERROR: [Proactive Flow] Đã xảy ra lỗi: {str(e)}")
                 proactive_typing_placeholder.empty()
 
-
         # Rerun để cập nhật giao diện
         st.rerun()
 
@@ -1298,7 +1316,7 @@ def main():
         if st.button("Đăng xuất", use_container_width=True):
             supabase.auth.sign_out()
             # Xóa các session state liên quan đến user
-            keys_to_delete = ["user", "messages"]
+            keys_to_delete = ["user", "messages", "processed_audio_ids"]
             for key in keys_to_delete:
                 if key in st.session_state:
                     del st.session_state[key]
@@ -1308,6 +1326,8 @@ def main():
         
         if st.button("🗑️ Xóa lịch sử chat", use_container_width=True):
             st.session_state.messages = []
+            # Cũng xóa audio đã xử lý để có thể ghi âm lại
+            st.session_state.processed_audio_ids = set()
             st.rerun()
 
 if __name__ == "__main__":

pages/multiagent_system.py

@@ -3,7 +3,6 @@ import os
 from supabase import create_client, Client
 from datetime import datetime
 import json
-import time
 
 # Thiết lập page config
 st.set_page_config(
@@ -12,52 +11,6 @@ st.set_page_config(
     layout="wide"
 )
 
-# Trick để fix layout issue khi deploy
-def fix_layout_trick():
-    """
-    Trick để fix layout issue trên Hugging Face Spaces
-    """
-    # Thêm JavaScript để force reflow sau khi page load
-    st.markdown("""
-    <script>
-    // Force reflow after page loads
-    setTimeout(function() {
-        window.dispatchEvent(new Event('resize'));
-        document.body.style.display = 'none';
-        document.body.offsetHeight; // trigger reflow
-        document.body.style.display = '';
-    }, 100);
-    
-    // Additional reflow after 500ms
-    setTimeout(function() {
-        window.dispatchEvent(new Event('resize'));
-    }, 500);
-    </script>
-    """, unsafe_allow_html=True)
-    
-    # CSS để đảm bảo smooth loading
-    st.markdown("""
-    <style>
-    /* Ensure smooth loading */
-    .main .block-container {
-        opacity: 0;
-        animation: fadeIn 0.5s ease-in-out forwards;
-        animation-delay: 0.1s;
-    }
-    
-    @keyframes fadeIn {
-        from { opacity: 0; }
-        to { opacity: 1; }
-    }
-    
-    /* Force proper rendering */
-    .stApp {
-        transform: translateZ(0);
-        backface-visibility: hidden;
-    }
-    </style>
-    """, unsafe_allow_html=True)
-
 def init_supabase_client() -> Client:
     """
     Khởi tạo Supabase client
@@ -125,8 +78,6 @@ def display_agents():
         margin-bottom: 2rem;
         overflow: hidden;
         border: 1px solid rgba(0,0,0,0.05);
-        transform: translateZ(0);
-        will-change: transform;
     }
     
     .agent-header {
@@ -731,19 +682,6 @@ def main():
     """
     Hàm chính của trang Multi-Agent System
     """
-    # Áp dụng trick fix layout ngay đầu
-    fix_layout_trick()
-    
-    # Thêm một sidebar trick để trigger re-render
-    with st.sidebar:
-        st.markdown("""
-        <div style="position: absolute; left: -9999px; opacity: 0;">
-            <button id="layout-trigger" onclick="window.dispatchEvent(new Event('resize'));">
-                Trigger Layout
-            </button>
-        </div>
-        """, unsafe_allow_html=True)
-    
     # Hiển thị kiến trúc hệ thống
     display_system_architecture()