Update app.py

app.py

@@ -2,99 +2,103 @@ import gradio as gr
 from huggingface_hub import InferenceClient
 import os
 
-# HF Token auto
 HF_TOKEN = os.getenv("HUGGINGFACE_HUB_TOKEN")
-MODEL = "gpt2"  # Model 100% working
+MODEL = "gpt2"
 
 client = InferenceClient(token=HF_TOKEN, model=MODEL)
 
 def chat(message, history):
-    """Simple & safe chat"""
+    """Safe chat function"""
     try:
-        inputs = f"Q: {message}\nA:"
+        prompt = f"Q: {message}\nA:"
         response = client.text_generation(
-            inputs,
+            prompt,
             max_new_tokens=80,
             temperature=0.8,
             do_sample=True,
             pad_token_id=50256
         )
-        reply = response[0].generated_text[len(inputs):].strip()
-        return reply or "🤖 Chào bạn! Hỏi mình bất cứ gì nhé!"
+        reply = response[0].generated_text[len(prompt):].strip()
+        return reply or "🤖 Chào bạn! Hỏi mình nhé!"
     except:
-        return f"🤖 {message[:50]}..."
+        return "🤖 NodeAI sẵn sàng hỗ trợ!"
 
 def respond(message, history):
-    """Chat handler"""
+    """Chat handler - đúng format Gradio 6.9.0"""
+    # ✅ Chatbot format: [[{"role": "user", "content": msg}, {"role": "assistant", "content": reply}]]
     reply = chat(message, history)
-    history.append([message, reply])
+    
+    new_message = {
+        "user": [{"role": "user", "content": message}],
+        "assistant": [{"role": "assistant", "content": reply}]
+    }
+    
+    history.append(new_message)
     return "", history
 
 with gr.Blocks(title="NodeAI Pro") as demo:
     # Pro Header
     gr.HTML("""
     <div style='background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
-                color: white; text-align: center; padding: 40px; border-radius: 20px; margin: 20px;'>
+                color: white; text-align: center; padding: 40px; border-radius: 20px; margin: 20px 0;'>
         <h1 style='font-size: 48px; margin: 0;'>🚀 NodeAI Pro</h1>
-        <p style='font-size: 24px;'>AI Chatbot Tiếng Việt Siêu Thông Minh</p>
-        <div style='background: rgba(255,255,255,0.2); padding: 15px 30px; 
-                    border-radius: 30px; display: inline-block; margin-top: 10px;'>
-            ✅ HF Token Active | GPT-2 Turbo
+        <p style='font-size: 24px; opacity: 0.95;'>AI Chatbot Tiếng Việt Siêu Thông Minh</p>
+        <div style='background: rgba(255,255,255,0.2); padding: 12px 25px; 
+                    border-radius: 25px; display: inline-block; font-weight: bold;'>
+            ✅ GPT-2 Active | Zero Config
         </div>
     </div>
     """)
     
     with gr.Row():
-        # Sidebar Pro
+        # Sidebar
         with gr.Column(scale=1, min_width=320):
             gr.Markdown("## ⚙️ **Cài đặt**")
             
-            with gr.Accordion("🎯 Model", open=True):
-                gr.Dropdown(["gpt2", "distilgpt2"], value="gpt2", label="Model")
-                gr.Slider(50, 150, 80, label="Tokens", interactive=False)
-                gr.Slider(0.5, 1.0, 0.8, label="Temperature", interactive=False)
+            with gr.Accordion("🤖 Model", open=True):
+                gr.Markdown("**gpt2** (Siêu ổn định)")
+                gr.Markdown("**Tokens:** 80 | **Temp:** 0.8")
             
-            with gr.Accordion("👤 Tài khoản"):
+            with gr.Accordion("👤 Kết nối"):
                 gr.HTML("""
                 <div style='text-align: center; padding: 20px; 
-                           background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); 
-                           color: white; border-radius: 15px;'>
-                    <h3>✅ Đã kết nối</h3>
-                    <p>HF Token: Active</p>
+                           background: linear-gradient(135deg, #10b981, #059669); 
+                           color: white; border-radius: 15px; margin: 10px 0;'>
+                    <h3>✅ HF Token OK</h3>
+                    <p>Ready to chat!</p>
                 </div>
                 """)
                 gr.LoginButton()
             
             gr.Markdown("## 📚 **Lịch sử**")
-            history_chat = gr.Chatbot(height=280, label="Recent chats")
-            with gr.Row():
-                gr.Button("📥 Load", scale=1, variant="secondary")
-                gr.Button("🗑️ Xóa", scale=1, variant="stop")
+            history_display = gr.Chatbot(height=280)
+            gr.Button("🗑️ Xóa lịch sử", variant="stop")
         
-        # Main Chat Pro
+        # Main Chat
         with gr.Column(scale=4):
-            main_chatbot = gr.Chatbot(
+            chatbot = gr.Chatbot(
                 height=550,
                 avatar_images=("🧑‍💻", "🤖"),
-                label=False
+                show_label=False
             )
             
             with gr.Row():
                 msg = gr.Textbox(
-                    placeholder="💭 Nhập câu hỏi của bạn... (Ctrl+Enter)",
+                    placeholder="💭 Hỏi NodeAI bất cứ điều gì... (Enter để gửi)",
                     scale=7,
-                    lines=2,
-                    container=False
+                    lines=2
                 )
-                send_btn = gr.Button("Gửi", scale=1, variant="primary")
+                send_btn = gr.Button("📤 Gửi", scale=1, variant="primary")
     
     # Events
-    msg.submit(respond, [msg, main_chatbot], [msg, main_chatbot])
-    send_btn.click(respond, [msg, main_chatbot], [msg, main_chatbot])
+    msg.submit(respond, [msg, chatbot], [msg, chatbot])
+    send_btn.click(respond, [msg, chatbot], [msg, chatbot])
 
 if __name__ == "__main__":
     demo.launch(
         theme=gr.themes.Soft(primary_hue="blue"),
         server_name="0.0.0.0",
-        server_port=7860
+        server_port=7860,
+        share=False,  # ✅ Fix asyncio error
+        ssr_mode=False  # ✅ Fix SSR warnings
     )