Update app.py

app.py

@@ -4,7 +4,7 @@ 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
@@ -26,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 (Fix Layout & Orange Button)
+# 2. GUI DESIGN (Fix Layout & Orange Theme)
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Plus+Jakarta+Sans:wght@400;600&display=swap');
 
@@ -43,7 +43,7 @@ custom_css = """
     background: #0d0d12 !important;
     border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
     z-index: 1000 !important;
-    padding: 25px !important;
+    padding: 20px !important;
 }
 
 .logo-text {
@@ -51,15 +51,16 @@ custom_css = """
     background: linear-gradient(90deg, #00f2fe, #4facfe);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
-    font-size: 24px; text-align: center; margin-bottom: 30px;
+    font-size: 22px; text-align: center; margin-bottom: 20px;
 }
 
-/* Nút New Workspace Màu Cam */
+/* Nút Cam Pro */
 .orange-btn {
     background: linear-gradient(90deg, #ff7e5f, #feb47b) !important;
     border: none !important;
     color: white !important;
     font-weight: bold !important;
+    margin-top: 10px !important;
 }
 
 /* Chat Area */
@@ -67,14 +68,14 @@ custom_css = """
     margin-left: 260px !important;
     width: calc(100% - 260px) !important;
     height: 100vh !important;
-    padding: 20px 50px !important;
+    padding: 20px 40px !important;
 }
 
 .gr-chatbot { 
     background: transparent !important; 
     border: none !important; 
     height: 75vh !important;
-    margin-bottom: 110px !important;
+    margin-bottom: 100px !important;
 }
 
 /* Thanh nhập liệu cố định */
@@ -86,7 +87,7 @@ custom_css = """
     background: #16161e !important;
     border: 1px solid rgba(0, 242, 254, 0.2) !important;
     border-radius: 16px !important;
-    padding: 10px !important;
+    padding: 5px 15px !important;
     z-index: 2000 !important;
 }
 
@@ -135,10 +136,15 @@ 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>")
-        # Nút cam chuyên nghiệp
+        gr.HTML("<div class='logo-text'>NODEAI GENESIS</div>")
+        
+        # ĐĂNG NHẬP CHÍNH CHỦ HUGGING FACE
+        gr.LoginButton(value="Đăng nhập HF")
+        
         new_btn = gr.Button("＋ NEW WORKSPACE", variant="primary", elem_classes="orange-btn")
+        
         with gr.Column():
             @gr.render(inputs=chat_store)
             def render_history(store):
@@ -146,15 +152,15 @@ with gr.Blocks(title="NodeAI Genesis") as demo:
                     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"):
-        # Đã xóa bubble_full_width để fix lỗi
         chatbot = gr.Chatbot(show_label=False) 
         audio_out = gr.Audio(autoplay=True, visible=False)
         
         with gr.Row(elem_classes="input-fixed-bottom"):
             msg_input = gr.MultimodalTextbox(
                 show_label=False, 
-                placeholder="Message NodeAI Genesis...", 
+                placeholder="Hỏi NodeAI bất cứ điều gì...", 
                 container=False
             )
 
@@ -165,5 +171,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 (auth=None + login_button=True)
-    demo.launch(auth=None, login_button=True, css=custom_css)
+    # Đã xóa login_button ở đây vì đã dùng gr.LoginButton() ở trên
+    demo.launch(css=custom_css)