Update app.py

app.py

@@ -26,11 +26,10 @@ def get_db_history(profile: gr.OAuthProfile | None):
         return []
 
 def load_selected_chat(evt: gr.SelectData, db_data):
-    # Lấy dữ liệu từ item được chọn trong danh sách
     selected_item = db_data[evt.index]
     return selected_item['history'], selected_item['session_id']
 
-# 3. GIAO DIỆN
+# 3. GIAO DIỆN (CSS)
 custom_css = """
 .sidebar-node { background: rgba(15, 23, 42, 0.8) !important; border-right: 1px solid #38bdf833; padding: 20px; }
 .logo-area { font-family: 'Orbitron'; background: linear-gradient(90deg, #38bdf8, #818cf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 22px; text-align: center; font-weight: bold; margin-bottom: 20px; }
@@ -62,20 +61,18 @@ def chat_engine(message, history, session_id, profile: gr.OAuthProfile | None):
     except Exception as e:
         yield gr.update(), new_history + [{"role": "assistant", "content": f"Lỗi: {str(e)}"}], session_id
 
-# 4. UI
-with gr.Blocks(css=custom_css) as demo:
+# 4. UI - BỎ THAM SỐ CSS KHỎI BLOCKS
+with gr.Blocks() as demo:
     session_id = gr.State(str(uuid.uuid4()))
-    db_state = gr.State([]) # Lưu trữ dữ liệu thô từ DB
+    db_state = gr.State([])
 
     with gr.Row():
         with gr.Column(scale=1, elem_classes="sidebar-node"):
             gr.HTML("<div class='logo-area'>NODEAI GENESIS</div>")
             gr.LoginButton(value="Login with Hugging Face", size="sm")
-            
             new_chat_btn = gr.Button("＋ NEW WORKSPACE", variant="primary")
             
             gr.Markdown("### 🗄️ Database Memory")
-            # Dùng gr.Dataset thay cho việc render nút bấm động để tránh lỗi KeyError
             history_list = gr.Dataset(
                 components=[gr.Textbox(visible=False)],
                 label="Lịch sử chat",
@@ -84,25 +81,19 @@ with gr.Blocks(css=custom_css) as demo:
             )
 
         with gr.Column(scale=4):
-            chatbot = gr.Chatbot(show_label=False, height="85vh", type="messages")
+            # FIX: Bỏ type="messages"
+            chatbot = gr.Chatbot(show_label=False, height="85vh")
             msg_input = gr.MultimodalTextbox(show_label=False, placeholder="Hỏi NodeAI...", container=False)
 
-    # LOGIC CẬP NHẬT
     def refresh_data(profile: gr.OAuthProfile | None):
         if not profile: return [], []
         data = get_db_history(profile)
-        # Chuyển đổi data thành format của Dataset (danh sách các hàng)
         samples = [[item['title']] for item in data]
         return data, samples
 
     demo.load(refresh_data, None, [db_state, history_list])
 
-    # Khi chọn một mục trong lịch sử
-    history_list.select(
-        fn=load_selected_chat,
-        inputs=[db_state],
-        outputs=[chatbot, session_id]
-    )
+    history_list.select(fn=load_selected_chat, inputs=[db_state], outputs=[chatbot, session_id])
 
     msg_input.submit(chat_engine, [msg_input, chatbot, session_id], [msg_input, chatbot, session_id]).then(
         refresh_data, None, [db_state, history_list]
@@ -111,4 +102,5 @@ with gr.Blocks(css=custom_css) as demo:
     new_chat_btn.click(lambda: ([], str(uuid.uuid4())), None, [chatbot, session_id])
 
 if __name__ == "__main__":
-    demo.launch()
+    # FIX: Chuyển css xuống launch()
+    demo.launch(css=custom_css)