Update app.py

app.py

@@ -16,83 +16,41 @@ except:
 
 client = InferenceClient(model="Qwen/Qwen2.5-7B-Instruct", token=HF_TOKEN)
 
-# 2. JAVASCRIPT "DIỆT" TẬN GỐC (Xóa thành phần ngay khi nó vừa xuất hiện)
-head_js = """
-<script>
+# 2. JAVASCRIPT "DIỆT" TẬN GỐC (Dạng chuỗi HTML)
+js_cleaner = """
+<img src="x" onerror="
     const observer = new MutationObserver(() => {
-        // Danh sách các thành phần cần xóa bỏ
-        const targets = [
-            'footer', 
-            '.built-with', 
-            'header', 
-            '#header', 
-            '.share-button',
-            '.gr-pro',
-            '#component-10' // ID thường thấy của footer trong Gradio 6
-        ];
-        
-        targets.forEach(selector => {
-            const el = document.querySelector(selector);
+        ['footer', '.built-with', 'header', '#header', '.share-button', '.gr-pro'].forEach(s => {
+            const el = document.querySelector(s);
             if (el) el.remove();
         });
     });
-
     observer.observe(document.body, { childList: true, subtree: true });
-</script>
+" style="display:none;">
 """
 
-# 3. GIAO DIỆN CSS (Ẩn trước khi JS kịp xóa)
+# 3. GIAO DIỆN CSS
 custom_css = """
-/* Ẩn triệt để footer và header */
-footer, .built-with, header, #header, .share-button { 
-    display: none !important; 
-    visibility: hidden !important; 
-}
-
-/* Cấu hình tràn viền hoàn toàn */
-.gradio-container { 
-    max-width: 100% !important; 
-    padding: 0 !important; 
-    background: radial-gradient(circle at 50% 0%, #0f172a 0%, #020617 100%) !important;
-}
-
-/* Sidebar & UI phong cách NodeAI */
-.sidebar-node { 
-    background: rgba(15, 23, 42, 0.8) !important; 
-    border-right: 1px solid #38bdf833; 
-    padding: 20px; 
-}
-
+footer, .built-with, header, #header { display: none !important; visibility: hidden !important; }
+.gradio-container { max-width: 100% !important; padding: 0 !important; }
+.sidebar-node { background: rgba(15, 23, 42, 0.8) !important; border-right: 1px solid #38bdf833; padding: 20px; }
 .logo-area { 
     font-family: 'Orbitron', sans-serif; 
     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; 
-}
-
-.custom-warning {
-    text-align: center; 
-    color: #94a3b8; 
-    font-size: 12px; 
-    margin-top: 8px; 
-    margin-bottom: 8px;
-    font-style: italic;
-    font-family: sans-serif;
+    font-size: 22px; text-align: center; font-weight: bold; margin-bottom: 20px; 
 }
+.custom-warning { text-align: center; color: #94a3b8; font-size: 12px; margin: 8px 0; font-style: italic; }
 """
 
-# 4. LOGIC XỬ LÝ DỮ LIỆU
+# 4. LOGIC XỬ LÝ (Giữ nguyên)
 def get_db_history(profile: gr.OAuthProfile | None):
     if not supabase or not profile: return []
     try:
         res = supabase.table("chats").select("*").eq("username", profile.username).order("created_at", desc=True).execute()
         return res.data
-    except:
-        return []
+    except: return []
 
 def load_selected_chat(evt: gr.SelectData, db_data):
     selected_item = db_data[evt.index]
@@ -100,93 +58,54 @@ def load_selected_chat(evt: gr.SelectData, db_data):
 
 def chat_engine(message, history, session_id, profile: gr.OAuthProfile | None):
     text = message.get("text", "").strip()
-    if not text: 
-        yield gr.update(value={"text": "", "files": []}), history, session_id
-        return
-
+    if not text: yield gr.update(value={"text": "", "files": []}), history, session_id; return
     user_name = profile.username if profile else "Guest"
-    messages = [{"role": "system", "content": f"Bạn là NodeAI Genesis. Master: {user_name}. Phản hồi bằng tiếng Việt."}]
-    
-    for msg in history:
-        messages.append({"role": msg["role"], "content": msg["content"]})
+    messages = [{"role": "system", "content": f"Master: {user_name}."}]
+    for msg in history: messages.append({"role": msg["role"], "content": msg["content"]})
     messages.append({"role": "user", "content": text})
-
     new_history = history + [{"role": "user", "content": text}]
     ans = ""
-    
     yield gr.update(value={"text": "", "files": []}), new_history + [{"role": "assistant", "content": "..."}], session_id
-    
     try:
         for token in client.chat_completion(messages=messages, max_tokens=2048, stream=True):
             if token.choices[0].delta.content:
                 ans += token.choices[0].delta.content
                 yield gr.update(), new_history + [{"role": "assistant", "content": ans}], session_id
-        
         if profile:
-            data = {
-                "username": profile.username, 
-                "session_id": session_id, 
-                "title": text[:30], 
-                "history": new_history + [{"role": "assistant", "content": ans}]
-            }
+            data = {"username": profile.username, "session_id": session_id, "title": text[:30], "history": new_history + [{"role": "assistant", "content": ans}]}
             supabase.table("chats").upsert(data, on_conflict="session_id").execute()
     except Exception as e:
         yield gr.update(), new_history + [{"role": "assistant", "content": f"Lỗi: {str(e)}"}], session_id
 
-# 5. XÂY DỰNG UI VỚI HEAD SCRIPT
-with gr.Blocks(head=head_js) as demo:
+# 5. UI (Bỏ tham số head gây lỗi)
+with gr.Blocks() as demo:
+    # Chèn Script xóa Header/Footer thông qua HTML ẩn
+    gr.HTML(js_cleaner, visible=False)
+    
     session_id = gr.State(str(uuid.uuid4()))
     db_state = gr.State([])
 
     with gr.Row():
-        # Sidebar
         with gr.Column(scale=1, elem_classes="sidebar-node"):
             gr.HTML("<div class='logo-area'>NODEAI GENESIS</div>")
-            gr.LoginButton(value="Đăng nhập Hugging Face", size="sm")
+            gr.LoginButton(value="Đăng nhập", size="sm")
             new_chat_btn = gr.Button("＋ WORKSPACE MỚI", variant="primary")
-            
-            gr.Markdown("### 🗄️ Database Memory")
-            history_list = gr.Dataset(
-                components=[gr.Textbox(visible=False)],
-                label="Lịch sử chat",
-                samples=[],
-                type="index"
-            )
+            gr.Markdown("### 🗄️ Memory")
+            history_list = gr.Dataset(components=[gr.Textbox(visible=False)], samples=[], type="index")
 
-        # Main Chat Area
         with gr.Column(scale=4):
             chatbot = gr.Chatbot(show_label=False, height="76vh")
-            
-            # Dòng cảnh báo Master yêu cầu
-            gr.HTML("<div class='custom-warning'>"
-                    "NodeAI không thể chắc chắn 100%, hãy rà soát lại khi bạn có chuyện gì quan trọng!"
-                    "</div>")
-            
-            msg_input = gr.MultimodalTextbox(
-                show_label=False, 
-                placeholder="Hỏi NodeAI hoặc dán code Roblox...", 
-                container=False
-            )
+            gr.HTML("<div class='custom-warning'>NodeAI không thể chắc chắn 100%, hãy rà soát lại khi bạn có chuyện gì quan trọng!</div>")
+            msg_input = gr.MultimodalTextbox(show_label=False, placeholder="Hỏi NodeAI...", container=False)
 
-    # 6. ĐIỀU KHIỂN SỰ KIỆN
     def refresh_data(profile: gr.OAuthProfile | None):
         if not profile: return [], gr.Dataset(samples=[])
         data = get_db_history(profile)
-        samples = [[item['title']] for item in data]
-        return data, gr.Dataset(samples=samples)
+        return data, gr.Dataset(samples=[[item['title']] for item in data])
 
     demo.load(refresh_data, None, [db_state, history_list])
-
     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]
-    )
-    
+    msg_input.submit(chat_engine, [msg_input, chatbot, session_id], [msg_input, chatbot, session_id]).then(refresh_data, None, [db_state, history_list])
     new_chat_btn.click(lambda: ([], str(uuid.uuid4())), None, [chatbot, session_id])
 
 if __name__ == "__main__":