Update app.py

app.py

@@ -4,17 +4,17 @@ import os
 import uuid
 import json
 
-# Thư viện bổ trợ
+# Thư viện hỗ trợ
 try: from duckduckgo_search import DDGS
 except: DDGS = None
 try: from gtts import gTTS
 except: gTTS = None
 
-# 1. CẤU HÌNH
-USER_ID, USER_PASS = "admin", "123456"
+# 1. CẤU HÌNH & MODEL
+# Lưu ý: Bạn cần cấp quyền 'Read' cho HF Token trong Settings của Space
 HF_TOKEN = os.getenv("HUGGINGFACE_HUB_TOKEN")
 client = InferenceClient(model="Qwen/Qwen2.5-7B-Instruct", token=HF_TOKEN)
-DB_FILE = "nodeai_ultimate_memory.json"
+DB_FILE = "nodeai_genesis_final.json"
 
 def load_db():
     if os.path.exists(DB_FILE):
@@ -27,107 +27,91 @@ 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 (FIX TOÀN DIỆN)
+# 2. GUI DESIGN (Sạch sẽ, Chuyên nghiệp)
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Plus+Jakarta+Sans:wght@400;600&display=swap');
 
-/* Nền chủ đạo */
 .gradio-container {
-    background: #050505 !important;
+    background: #08080c !important;
     font-family: 'Plus Jakarta Sans', sans-serif !important;
 }
 
-/* Sidebar Pro */
-.sidebar-pro {
+/* Sidebar */
+.sidebar-node {
     position: fixed !important;
     left: 0 !important; top: 0 !important;
     width: 260px !important; height: 100vh !important;
-    background: #0a0a0f !important;
-    border-right: 1px solid #1a1a20 !important;
+    background: #0d0d12 !important;
+    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
     z-index: 1000 !important;
-    padding: 20px !important;
+    padding: 25px !important;
 }
 
-.nodeai-logo {
+.logo-text {
     font-family: 'Orbitron', sans-serif !important;
-    color: #00f2fe; font-size: 24px; text-align: center; margin-bottom: 30px;
+    background: linear-gradient(90deg, #00f2fe, #4facfe);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    font-size: 24px; text-align: center; margin-bottom: 30px;
 }
 
-/* Vùng Chat */
-.chat-col {
+/* Chat Area */
+.chat-main {
     margin-left: 260px !important;
     width: calc(100% - 260px) !important;
     height: 100vh !important;
-    padding: 20px 40px !important;
+    padding: 20px 50px !important;
 }
 
 .gr-chatbot { 
     background: transparent !important; 
     border: none !important; 
-    height: 70vh !important;
-    margin-bottom: 120px !important;
+    height: 75vh !important;
+    margin-bottom: 100px !important;
 }
 
-/* KHÓA CHẶT THANH ĐIỀU KHIỂN Ở DƯỚI ĐÁY */
-.input-area-fixed {
+/* Thanh nhập liệu cố định ở đáy */
+.input-fixed-bottom {
     position: fixed !important;
-    bottom: 30px !important;
-    left: 300px !important;
-    right: 40px !important;
+    bottom: 25px !important;
+    left: 285px !important;
+    right: 25px !important;
+    background: #16161e !important;
+    border: 1px solid rgba(0, 242, 254, 0.2) !important;
+    border-radius: 16px !important;
+    padding: 10px !important;
     z-index: 2000 !important;
-    display: flex !important;
-    align-items: flex-end !important;
-    gap: 10px !important;
+    box-shadow: 0 -10px 30px rgba(0,0,0,0.5) !important;
 }
 
-/* Ô nhập liệu */
-.input-container {
-    flex: 1 !important;
-    background: #121217 !important;
-    border: 1px solid #2a2a35 !important;
-    border-radius: 15px !important;
-    padding: 5px !important;
+.hist-btn {
+    background: rgba(255, 255, 255, 0.03) !important;
+    border-radius: 10px !important;
+    margin-bottom: 8px !important;
+    text-align: left !important;
 }
 
-/* Mic gọn gàng */
-.mic-box {
-    width: 60px !important;
-    min-width: 60px !important;
-    height: 60px !important;
-    background: #121217 !important;
-    border: 1px solid #2a2a35 !important;
-    border-radius: 15px !important;
-    overflow: hidden !important;
-    display: flex !important;
-    justify-content: center !important;
-    align-items: center !important;
-}
-
-/* Ẩn bớt các nhãn thừa để tránh nhảy layout */
-.mic-box label, .mic-box .gr-block-label { display: none !important; }
-
 footer { display: none !important; }
 """
 
 # 3. CORE LOGIC
 def chat_fn(message, history, session_id, store):
-    user_text = message.get("text", "") if isinstance(message, dict) else message
-    files = message.get("files", []) if isinstance(message, dict) else []
+    user_text = message.get("text", "")
+    files = message.get("files", [])
     
     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 "New Workspace", "history": []}
+        store[session_id] = {"title": user_text[:20] if user_text else "Task AI", "history": []}
     
     api_messages = [{"role": "system", "content": "Bạn là NodeAI Genesis. Master: Trần Đình Phúc."}]
     for msg in history: api_messages.append({"role": msg["role"], "content": msg["content"]})
     
-    # Hỗ trợ g��i text hoặc file/audio
-    api_messages.append({"role": "user", "content": user_text if user_text else "Phân tích nội dung này"})
+    api_messages.append({"role": "user", "content": user_text if user_text else "Gửi file"})
     
     try:
         ans = ""
-        new_h = history + [{"role": "user", "content": user_text if user_text else "📎 File/Audio"}]
+        new_h = history + [{"role": "user", "content": user_text if user_text else "📎 File"}]
         for token in client.chat_completion(messages=api_messages, max_tokens=2000, stream=True):
             if token.choices[0].delta.content:
                 ans += token.choices[0].delta.content
@@ -154,40 +138,36 @@ with gr.Blocks(title="NodeAI Genesis") as demo:
     session_id = gr.State(str(uuid.uuid4()))
     
     # Sidebar
-    with gr.Column(elem_classes="sidebar-pro"):
-        gr.HTML("<div class='nodeai-logo'>NODEAI</div>")
-        new_btn = gr.Button("＋ NEW CHAT", variant="primary")
+    with gr.Column(elem_classes="sidebar-node"):
+        gr.HTML("<div class='logo-text'>NODEAI</div>")
+        new_btn = gr.Button("＋ NEW WORKSPACE", variant="primary")
         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']}", variant="ghost")
+                    btn = gr.Button(f"◈ {store[sid]['title']}", elem_classes="hist-btn", variant="ghost")
                     btn.click(lambda s=sid: (store[s]["history"], s), None, [chatbot, session_id])
 
-    # Main Chat Area
-    with gr.Column(elem_classes="chat-col"):
-        chatbot = gr.Chatbot(show_label=False)
+    # Main area
+    with gr.Column(elem_classes="chat-main"):
+        chatbot = gr.Chatbot(show_label=False, bubble_full_width=False)
         audio_out = gr.Audio(autoplay=True, visible=False)
         
-        # FIXED INPUT AREA (Chống nhảy layout)
-        with gr.Row(elem_classes="input-area-fixed"):
-            with gr.Column(elem_classes="input-container", scale=10):
-                msg_input = gr.MultimodalTextbox(
-                    show_label=False, 
-                    placeholder="Hỏi Phúc bất cứ điều gì...", 
-                    container=False
-                )
-            with gr.Column(elem_classes="mic-box", scale=1):
-                # Nút Mic thu nhỏ gọn gàng ở bên cạnh
-                mic_btn = gr.Audio(sources=["microphone"], type="filepath", container=False)
-
-    # Trình xử lý sự kiện
-    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": "Dịch âm thanh này", "files": [path]}
-    mic_btn.stop_recording(process_mic, mic_btn, msg_input)
+        # Thanh nhập liệu (Bỏ Mic, Full chiều ngang)
+        with gr.Row(elem_classes="input-fixed-bottom"):
+            msg_input = gr.MultimodalTextbox(
+                show_label=False, 
+                placeholder="Message NodeAI Genesis...", 
+                container=False
+            )
+
+    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)
     
     new_btn.click(lambda: ([], str(uuid.uuid4())), None, [chatbot, session_id])
 
 if __name__ == "__main__":
-    demo.launch(auth=(USER_ID, USER_PASS), css=custom_css)
+    # ĐĂNG NHẬP BẰNG HUGGING FACE
+    # Khi chạy, Space sẽ tự động yêu cầu người dùng Login bằng tài khoản HF
+    demo.launch(auth=None, login_button=True, css=custom_css)