Update app.py

app.py

@@ -4,14 +4,13 @@ import os
 import uuid
 import json
 
-# Thư viện hỗ trợ
+# Thư viện bổ trợ
 try: from duckduckgo_search import DDGS
 except: DDGS = None
 try: from gtts import gTTS
 except: gTTS = None
 
 # 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_genesis_final.json"
@@ -27,7 +26,7 @@ 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 (Sạch sẽ, Chuyên nghiệp)
+# 2. GUI DESIGN (Fix Layout & Orange Button)
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Plus+Jakarta+Sans:wght@400;600&display=swap');
 
@@ -55,6 +54,14 @@ custom_css = """
     font-size: 24px; text-align: center; margin-bottom: 30px;
 }
 
+/* Nút New Workspace Màu Cam */
+.orange-btn {
+    background: linear-gradient(90deg, #ff7e5f, #feb47b) !important;
+    border: none !important;
+    color: white !important;
+    font-weight: bold !important;
+}
+
 /* Chat Area */
 .chat-main {
     margin-left: 260px !important;
@@ -67,10 +74,10 @@ custom_css = """
     background: transparent !important; 
     border: none !important; 
     height: 75vh !important;
-    margin-bottom: 100px !important;
+    margin-bottom: 110px !important;
 }
 
-/* Thanh nhập liệu cố định ở đáy */
+/* Thanh nhập liệu cố định */
 .input-fixed-bottom {
     position: fixed !important;
     bottom: 25px !important;
@@ -81,14 +88,6 @@ custom_css = """
     border-radius: 16px !important;
     padding: 10px !important;
     z-index: 2000 !important;
-    box-shadow: 0 -10px 30px rgba(0,0,0,0.5) !important;
-}
-
-.hist-btn {
-    background: rgba(255, 255, 255, 0.03) !important;
-    border-radius: 10px !important;
-    margin-bottom: 8px !important;
-    text-align: left !important;
 }
 
 footer { display: none !important; }
@@ -106,7 +105,6 @@ def chat_fn(message, history, session_id, store):
     
     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"]})
-    
     api_messages.append({"role": "user", "content": user_text if user_text else "Gửi file"})
     
     try:
@@ -137,23 +135,22 @@ with gr.Blocks(title="NodeAI Genesis") as demo:
     chat_store = gr.State(load_db())
     session_id = gr.State(str(uuid.uuid4()))
     
-    # Sidebar
     with gr.Column(elem_classes="sidebar-node"):
         gr.HTML("<div class='logo-text'>NODEAI</div>")
-        new_btn = gr.Button("＋ NEW WORKSPACE", variant="primary")
+        # Nút cam chuyên nghiệp
+        new_btn = gr.Button("＋ NEW WORKSPACE", variant="primary", elem_classes="orange-btn")
         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", variant="ghost")
+                    btn = gr.Button(f"◈ {store[sid]['title']}", variant="ghost")
                     btn.click(lambda s=sid: (store[s]["history"], s), None, [chatbot, session_id])
 
-    # Main area
     with gr.Column(elem_classes="chat-main"):
-        chatbot = gr.Chatbot(show_label=False, bubble_full_width=False)
+        # Đã xóa bubble_full_width để fix lỗi
+        chatbot = gr.Chatbot(show_label=False) 
         audio_out = gr.Audio(autoplay=True, visible=False)
         
-        # 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, 
@@ -168,6 +165,5 @@ with gr.Blocks(title="NodeAI Genesis") as demo:
     new_btn.click(lambda: ([], str(uuid.uuid4())), None, [chatbot, session_id])
 
 if __name__ == "__main__":
-    # ĐĂ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
+    # Đăng nhập bằng Hugging Face (auth=None + login_button=True)
     demo.launch(auth=None, login_button=True, css=custom_css)