Update app.py

app.py

@@ -176,8 +176,10 @@ def tts_engine(text):
 def toggle_sidebar():
     return gr.update(visible=True, elem_classes="sidebar-mobile open")
 
-def login_event(username):
-    if username:
+def handle_login(profile):
+    """Xử lý đăng nhập từ LoginButton"""
+    if profile and hasattr(profile, 'name') and profile.name:
+        username = profile.name
         user_id = get_user_id(username)
         user_html = f"""
         <div class='user-card'>
@@ -192,23 +194,17 @@ def login_event(username):
 def load_history_buttons(store, username):
     user_id = get_user_id(username)
     if user_id in store and "workspaces" in store[user_id]:
-        return [
-            gr.Button(
-                f"💬 {data['title']} ({len(data['history'])//2} tin)", 
-                elem_classes="hist-btn"
-            ) for sid, data in sorted(store[user_id]["workspaces"].items(), 
-                                    key=lambda x: x[1]["created"], reverse=True)
-        ]
-    return []
+        html_buttons = []
+        for sid, data in sorted(store[user_id]["workspaces"].items(), key=lambda x: x[1]["created"], reverse=True):
+            html_buttons.append(f"""
+            <div class="hist-btn" style="cursor: pointer; margin-bottom: 8px;">
+                💬 {data['title']} ({len(data['history'])//2} tin)
+            </div>
+            """)
+        return gr.update(value="".join(html_buttons))
+    return gr.update(value="<div>Chưa có lịch sử chat</div>")
 
-def load_workspace(store, session_id, username):
-    user_id = get_user_id(username)
-    if user_id in store and session_id in store[user_id]["workspaces"]:
-        history = store[user_id]["workspaces"][session_id]["history"]
-        return history, session_id
-    return [], session_id
-
-# 5. GIAO DIỆN CHÍNH
+# 5. GIAO DIỆN CHÍNH - FIX LOGINBUTTON
 with gr.Blocks(title="NodeAI Genesis Pro") as demo:
     chat_store = gr.State(load_db())
     session_id = gr.State(str(uuid.uuid4()))
@@ -222,7 +218,7 @@ with gr.Blocks(title="NodeAI Genesis Pro") as demo:
     with gr.Column(elem_classes="sidebar-mobile", visible=False) as sidebar:
         gr.HTML("<div class='logo-text'>NODEAI GENESIS</div>")
         
-        # ĐĂNG NHẬP BUTTON Ở ĐÂY 👈
+        # ✅ FIX: LoginButton dùng .click() thay vì .change()
         login_btn = gr.LoginButton(value="🔐 ĐĂNG NHẬP HF", elem_classes="orange-btn", scale=1)
         
         # USER INFO
@@ -232,9 +228,9 @@ with gr.Blocks(title="NodeAI Genesis Pro") as demo:
         # TẠO WORKSPACE MỚI
         new_btn = gr.Button("＋ TẠO KHÔNG GIAN MỚI", elem_classes="orange-btn", scale=1)
         
-        # LỊCH SỬ CHAT Ở ĐÂY 👈
+        # LỊCH SỬ CHAT
         gr.HTML("<h3 style='color: #a0aec0; margin: 25px 0 15px 0;'>📚 LỊCH SỬ</h3>")
-        history_container = gr.Column()
+        history_display = gr.HTML(value="Chưa có lịch sử chat")
     
     # MAIN CHAT
     with gr.Column(elem_classes="chat-container"):
@@ -252,18 +248,17 @@ with gr.Blocks(title="NodeAI Genesis Pro") as demo:
                 container=False
             )
     
-    # EVENTS
+    # ✅ EVENTS - FIX LOGINBUTTON
     hamburger.click(toggle_sidebar, outputs=sidebar)
     
-    # ĐĂNG NHẬP → CẬP NHẬT USER + LỊCH SỬ
-    login_btn.change(
-        login_event,
-        inputs=current_user,
+    # LoginButton chỉ có .click()
+    login_btn.click(
+        handle_login,
         outputs=[user_card, current_user]
     ).then(
         load_history_buttons,
         inputs=[chat_store, current_user],
-        outputs=history_container
+        outputs=history_display
     )
     
     # TẠO MỚI