Update app.py

app.py

@@ -5,21 +5,16 @@ import uuid
 import json
 
 # Import thư viện hỗ trợ
-try:
-    from duckduckgo_search import DDGS
-except ImportError:
-    DDGS = None
+try: from duckduckgo_search import DDGS
+except: DDGS = None
+try: from gtts import gTTS
+except: gTTS = None
 
-try:
-    from gtts import gTTS
-except ImportError:
-    gTTS = None
-
-# 1. CẤU HÌNH HỆ THỐNG
+# 1. CẤU HÌNH
 USER_ID, USER_PASS = "admin", "123456"
 HF_TOKEN = os.getenv("HUGGINGFACE_HUB_TOKEN")
 client = InferenceClient(model="Qwen/Qwen2.5-7B-Instruct", token=HF_TOKEN)
-DB_FILE = "nodeai_platinum_memory.json"
+DB_FILE = "nodeai_fix_memory.json"
 
 def load_db():
     if os.path.exists(DB_FILE):
@@ -32,15 +27,16 @@ def save_db(data):
     with open(DB_FILE, "w", encoding="utf-8") as f:
         json.dump(data, f, ensure_ascii=False, indent=4)
 
-# 2. GUI DESIGN (PLATINUM CYBERPUNK)
+# 2. GUI DESIGN (FIXED LAYOUT - CHỐNG DỊCH CHUYỂN)
 custom_css = """
-@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Plus+Jakarta+Sans:wght@300;400;600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Plus+Jakarta+Sans:wght@400;600&display=swap');
 
 .gradio-container {
     background: radial-gradient(circle at top right, #0d0d1a, #050505) !important;
     font-family: 'Plus Jakarta Sans', sans-serif !important;
 }
 
+/* Sidebar giữ nguyên */
 .sidebar-pro {
     position: fixed !important;
     left: 10px !important; top: 10px !important;
@@ -49,7 +45,7 @@ custom_css = """
     backdrop-filter: blur(20px) !important;
     border: 1px solid rgba(0, 242, 254, 0.2) !important;
     border-radius: 20px !important;
-    z-index: 999 !important;
+    z-index: 1000 !important;
     padding: 20px !important;
 }
 
@@ -59,36 +55,45 @@ custom_css = """
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 26px !important;
-    font-weight: 800 !important;
-    text-align: center;
-    margin-bottom: 25px;
+    text-align: center; margin-bottom: 25px;
 }
 
+/* Khu vực Chat - Không cho phép tràn ngang */
 .chat-col {
-    margin-left: 310px !important;
-    width: calc(100% - 330px) !important;
+    margin-left: 300px !important;
+    width: calc(100% - 320px) !important;
     height: 100vh !important;
+    position: relative !important;
 }
 
-.gr-chatbot { background: transparent !important; border: none !important; }
+.gr-chatbot { 
+    background: transparent !important; 
+    border: none !important; 
+    margin-bottom: 120px !important; /* Tạo khoảng trống cho input */
+}
 
-/* Control Panel cho Input */
-.control-panel {
-    background: rgba(255, 255, 255, 0.03) !important;
-    border: 1px solid rgba(255, 255, 255, 0.1) !important;
+/* KHÓA CHẶT THANH NHẬP LIỆU Ở DƯỚI ĐÁY */
+.control-panel-fixed {
+    position: fixed !important;
+    bottom: 20px !important;
+    left: 310px !important;
+    right: 20px !important;
+    background: rgba(20, 20, 30, 0.8) !important;
+    backdrop-filter: blur(10px) !important;
+    border: 1px solid rgba(0, 242, 254, 0.3) !important;
     border-radius: 25px !important;
-    padding: 10px !important;
-    margin-bottom: 20px !important;
+    padding: 10px 20px !important;
+    z-index: 9999 !important;
+    display: flex !important;
+    flex-direction: row !important;
+    align-items: center !important;
+    gap: 15px !important;
 }
 
-.hist-btn {
-    background: rgba(255, 255, 255, 0.03) !important;
-    border: 1px solid rgba(0, 242, 254, 0.1) !important;
-    border-radius: 12px !important;
-    margin-bottom: 8px !important;
-    transition: 0.3s;
-}
-.hist-btn:hover { border-color: #00f2fe !important; background: rgba(0, 242, 254, 0.1) !important; }
+.input-box { flex: 1 !important; border: none !important; background: transparent !important; }
+
+/* Ẩn bớt giao diện thừa của Audio để không chiếm chỗ */
+.mic-small audio { height: 35px !important; width: 100% !important; }
 
 footer { display: none !important; }
 """
@@ -109,14 +114,12 @@ def chat_fn(message, history, session_id, store):
     if not user_text and not files: return {"text": ""}, history, session_id, store, None
     
     if session_id not in store:
-        store[session_id] = {"title": user_text[:20] if user_text else "Nova Task", "history": []}
+        store[session_id] = {"title": user_text[:20] if user_text else "New Chat", "history": []}
     
     web_info = search_web(user_text) if any(x in user_text.lower() for x in ["tìm", "tra", "web", "giá"]) else ""
     
-    api_messages = [{"role": "system", "content": f"Bạn là NodeAI Platinum. Master: Trần Đình Phúc. Web Context: {web_info}"}]
-    for msg in history:
-        api_messages.append({"role": msg["role"], "content": msg["content"]})
-    
+    api_messages = [{"role": "system", "content": f"Bạn là NodeAI Genesis. Master: Trần Đình Phúc. Web: {web_info}"}]
+    for msg in history: api_messages.append({"role": msg["role"], "content": msg["content"]})
     api_messages.append({"role": "user", "content": user_text})
     
     try:
@@ -132,7 +135,7 @@ def chat_fn(message, history, session_id, store):
         save_db(store)
         yield {"text": ""}, final_h, session_id, store, ans
     except Exception as e:
-        yield {"text": ""}, history + [{"role": "assistant", "content": f"Neural Error: {str(e)}"}], session_id, store, None
+        yield {"text": ""}, history + [{"role": "assistant", "content": str(e)}], session_id, store, None
 
 def tts_engine(text):
     if not text or not gTTS: return None
@@ -143,7 +146,7 @@ def tts_engine(text):
     except: return None
 
 # 4. INTERFACE
-with gr.Blocks(title="NodeAI Platinum") as demo:
+with gr.Blocks(title="NodeAI Genesis") as demo:
     chat_store = gr.State(load_db())
     session_id = gr.State(str(uuid.uuid4()))
     
@@ -152,38 +155,33 @@ with gr.Blocks(title="NodeAI Platinum") as demo:
         with gr.Column(elem_classes="sidebar-pro"):
             gr.HTML("<div class='nodeai-logo'>NODEAI</div>")
             new_btn = gr.Button("＋ NEW WORKSPACE", variant="primary")
-            with gr.Column(elem_id="history-container"):
+            with gr.Column():
                 @gr.render(inputs=chat_store)
                 def render_history(store):
                     for sid in reversed(list(store.keys())):
-                        btn = gr.Button(f"◈ {store[sid]['title']}", elem_classes="hist-btn")
+                        btn = gr.Button(f"◈ {store[sid]['title']}", variant="ghost")
                         btn.click(lambda s=sid: (store[s]["history"], s), None, [chatbot, session_id])
         
         # MAIN CONTENT
         with gr.Column(elem_classes="chat-col"):
-            chatbot = gr.Chatbot(show_label=False, height="72vh")
+            chatbot = gr.Chatbot(show_label=False, height="78vh")
             audio_out = gr.Audio(autoplay=True, visible=False)
             
-            with gr.Row(elem_classes="control-panel"):
+            # THANH NHẬP LIỆU CỐ ĐỊNH (FIXED)
+            with gr.Row(elem_classes="control-panel-fixed"):
                 with gr.Column(scale=9):
                     msg_input = gr.MultimodalTextbox(
-                        show_label=False, placeholder="Command NodeAI Genesis...", container=False
+                        show_label=False, placeholder="Nhập lệnh tại đây...", container=False, elem_classes="input-box"
                     )
-                with gr.Column(scale=1, min_width=60):
-                    # Mic rời cực kỳ nhạy để trình duyệt nhận diện quyền
+                with gr.Column(scale=2, min_width=100, elem_classes="mic-small"):
                     mic_btn = gr.Audio(sources=["microphone"], type="filepath", label="Mic", show_label=False)
 
-            gr.HTML("<p style='text-align:center; color:rgba(0, 242, 254, 0.2); font-size:11px;'>PLATINUM V30.5 • POWERED BY TRẦN ĐÌNH PHÚ</p>")
+            gr.HTML("<p style='text-align:center; color:rgba(0, 242, 254, 0.1); font-size:10px;'>NODEAI GENESIS V30.6 • BY PHÚC</p>")
 
-    # Xử lý nhập liệu
-    msg_input.submit(
-        chat_fn, [msg_input, chatbot, session_id, chat_store], [msg_input, chatbot, session_id, chat_store, audio_out]
-    ).then(tts_engine, audio_out, audio_out)
-    
-    # Xử lý từ Mic (Khi thu âm xong tự động gửi)
-    def process_mic(path):
-        return {"text": "Dịch nội dung từ file âm thanh này và trả lời", "files": [path]}
+    # Logic liên kết
+    msg_input.submit(chat_fn, [msg_input, chatbot, session_id, chat_store], [msg_input, chatbot, session_id, chat_store, audio_out]).then(tts_engine, audio_out, audio_out)
     
+    def process_mic(path): return {"text": "Phân tích âm thanh này", "files": [path]}
     mic_btn.stop_recording(process_mic, mic_btn, msg_input)
     
     new_btn.click(lambda: ([], str(uuid.uuid4())), None, [chatbot, session_id])