Update app.py

app.py

@@ -1,154 +1,331 @@
-import gradio as gr
-from llama_cpp import Llama
-from huggingface_hub import hf_hub_download
-import os
-
-# --- การตั้งค่าโมเดล GGUF (ดึงตรงจาก Server-to-Server ของ Hugging Face) ---
-REPO_ID = "Qwen/Qwen2.5-1.5B-Instruct-GGUF"
-FILENAME = "qwen2.5-1.5b-instruct-q4_k_m.gguf"
-
-print(f"📦 กำลังดึงโมเดล {FILENAME} จากคลัง {REPO_ID}...")
-model_path = hf_hub_download(repo_id=REPO_ID, filename=FILENAME)
-
-# โหลดโมเดลด้วย Llama-cpp (จำกัด Context และเธรดเพื่อความลื่นไหลบน CPU ฟรี)
-llm = Llama(
-    model_path=model_path,
-    n_ctx=2048,      # ขนาดบริบทในการประมวลผลสูงสุด
-    n_threads=4,     # จำนวน Core CPU สำหรับการประมวลผลคู่ขนาน
+import time
+import base64
+import hashlib
+import re
+from fastapi import FastAPI, Request, HTTPException
+from fastapi.responses import HTMLResponse
+from fastapi.middleware.cors import CORSMiddleware
+from sqlitedict import SqliteDict
+
+app = FastAPI()
+
+# --- เปิด CORS ให้ทำงานร่วมกับหน้าเว็บหลักได้อย่างเสถียร ---
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
 )
 
-def respond(message, history):
-    # กำหนดโครงสร้าง Prompt (ChatML Format) เพื่อให้โมเดลตอบได้ฉลาดและเป็นธรรมชาติ
-    prompt = f"<|im_start|>system\nYou are a helpful, polite and intelligent AI assistant. Respond in a friendly tone in Thai or English based on the user's input.<|im_end|>\n"
-    for user_msg, ai_msg in history:
-        prompt += f"<|im_start|>user\n{user_msg}<|im_end|>\n<|im_start|>assistant\n{ai_msg}<|im_end|>\n"
-    prompt += f"<|im_start|>user\n{message}<|im_end|>\n<|im_start|>assistant\n"
+# --- CONFIGURATION ---
+TARGET_WEBSITE_URL = "https://rov3.vercel.app"
+FIREWALL_DB = "firewall.sqlite"
+MAX_REQUESTS_PER_MINUTE = 20 
+BLOCK_TIME_SECONDS = 3600 
+SECRET_KEY = "TANZAi_SUPER_SECRET_CORE_PRO"
+
+# บัญชีดำสำหรับบอท, โปรแกรมแสกน และแฮกเกอร์ทูล
+BOT_BLACKLIST = [
+    "sqlmap", "nmap", "dirbuster", "nikto", "hound", "scan", "headless",
+    "python-requests", "go-http-client", "java/", "curl/", "wget", "zmeu",
+    "masscan", "acunetix", "netsparker", "openvas", "censys", "shodan",
+    "headlesschrome", "puppeteer", "selenium", "playwright", "scrapy",
+    "postmanruntime", "insomnia", "cyberscan", "gobuster", "wuzz"
+]
+
+# สแกนรูปแบบคำสั่งแฮกเกอร์ XSS, SQLi, RCE, Path Traversal, LFI/RFI
+EXPLOIT_PAYLOADS = [
+    r"select\s+.*\s+from", r"insert\s+into", r"union\s+select", r"drop\s+table",
+    r"<\s*script", r"javascript:", r"onerror\s*=", r"onload\s*=", r"\'\s*or\s*.*=.*",
+    r"\.\.\/", r"etc\/passwd", r"boot\.ini", r"\{\s*\{\s*.*\}\s*\}", r"\$\{.*\}",
+    r"exec\s*\(\s*", r"eval\s*\(\s*", r"union\s+all\s+select"
+]
+
+def get_client_ip(request: Request):
+    for header in ["cf-connecting-ip", "x-real-ip", "x-forwarded-for"]:
+        value = request.headers.get(header)
+        if value:
+            return value.split(',')[0].strip()
+    return request.client.host
+
+def generate_token(ip):
+    # เปลี่ยนแปลงค่า Token ทุกๆ 10 นาที ผูกกับเวลาปัจจุบันของระบบ
+    time_window = int(time.time() / 600)
+    return hashlib.md5(f"{ip}{SECRET_KEY}{time_window}".encode()).hexdigest()
+
+def is_blocked(ip):
+    with SqliteDict(FIREWALL_DB, autocommit=True) as db:
+        if ip in db:
+            blocked_until = db[ip].get("blocked_until", 0)
+            if blocked_until > time.time(): return True
+            else: del db[ip]
+    return False
+
+def check_rate_limit_and_block(ip):
+    with SqliteDict(FIREWALL_DB, autocommit=True) as db:
+        data = db.get(ip, {"count": 0, "first_request": time.time()})
+        data["count"] += 1
+        db[ip] = data
+        if time.time() - data["first_request"] > 60:
+            del db[ip]
+            return
+        if data["count"] > MAX_REQUESTS_PER_MINUTE:
+            data["blocked_until"] = time.time() + BLOCK_TIME_SECONDS
+            db[ip] = data
+
+def force_block_ip(ip):
+    with SqliteDict(FIREWALL_DB, autocommit=True) as db:
+        db[ip] = {
+            "count": 999,
+            "first_request": time.time(),
+            "blocked_until": time.time() + BLOCK_TIME_SECONDS
+        }
+
+def cyber_security_waf(request: Request):
+    user_agent = request.headers.get("user-agent", "").lower()
     
-    # รันประมวลผล AI แบบ Streaming (ตัวหนังสือค่อยๆ ไหลออก)
-    output = llm(
-        prompt,
-        max_tokens=768,
-        stop=["<|im_end|>"],
-        stream=True
-    )
+    # 1. ตรวจสอบลักษณะพื้นฐานและบัญชีดำของบอท
+    if not user_agent or len(user_agent) < 12:
+        return False
+    for bot in BOT_BLACKLIST:
+        if bot in user_agent:
+            return False
+            
+    # ตรวจสอบว่ามี Headers ที่เบราว์เซอร์ปกติควรมีหรือไม่
+    if not request.headers.get("accept") or not request.headers.get("accept-language"):
+        return False
+        
+    # 2. Deep Input Inspection (สแกนการพยายามเจาะระบบผ่านทาง URL, Query, Path)
+    query_params = str(request.query_params).lower()
+    url_path = str(request.url.path).lower()
     
-    token_stream = ""
-    for token in output:
-        content = token["choices"][0]["text"]
-        token_stream += content
-        yield token_stream
-
-# --- ดีไซน์หน้าเว็บระดับพรีเมียม (Ultra-Modern Glassmorphism & Neon Violet) ---
-# ตกแต่งด้วย CSS เพื่อลบความแข็งกระด้างของ Gradio และเพิ่มเอฟเฟกต์ถนอมสายตาโทนอวกาศ
-custom_css = """
-/* ตั้งค่าพื้นหลัง ไล่เฉดสีมืดลึกเพื่อการถนอมสายตาขั้นสุด */
-body, .gradio-container {
-    background: linear-gradient(135deg, #070913 0%, #0c1020 50%, #151130 100%) !important;
-    font-family: 'Inter', 'Chakra Petch', system-ui, -apple-system, sans-serif !important;
-    color: #f1f5f9 !important;
-}
-
-/* ครอบกล่องแชทด้วยเอฟเฟกต์กระจกฝ้ากึ่งโปร่งใส */
-.glass-panel {
-    background: rgba(13, 18, 36, 0.6) !important;
-    backdrop-filter: blur(16px) !important;
-    -webkit-backdrop-filter: blur(16px) !important;
-    border: 1px solid rgba(255, 255, 255, 0.08) !important;
-    border-radius: 24px !important;
-    padding: 32px !important;
-    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.55) !important;
-    margin-bottom: 20px !important;
-}
-
-/* ปรับแต่งหัวข้อด้านบนสุดให้มีความเป็นนีออนโกลว์ */
-.neon-title {
-    text-align: center;
-    padding: 15px 0 25px 0;
-}
-.neon-title h1 {
-    font-size: 2.8rem !important;
-    font-weight: 900 !important;
-    background: linear-gradient(135deg, #cbd5e1 0%, #a78bfa 50%, #ec4899 100%);
-    -webkit-background-clip: text !important;
-    -webkit-text-fill-color: transparent !important;
-    letter-spacing: -0.05em !important;
-    margin-bottom: 8px !important;
-    text-shadow: 0 0 35px rgba(139, 92, 246, 0.25) !important;
-}
-.neon-title p {
-    color: #94a3b8 !important;
-    font-size: 1.1rem !important;
-    font-weight: 300 !important;
-}
-
-/* ตกแต่งกล่องข้อความสนทนาให้อ่อนนุ่ม สบายตา */
-.chatbot-frame {
-    border: 1px solid rgba(255, 255, 255, 0.05) !important;
-    background: rgba(8, 10, 24, 0.45) !important;
-    border-radius: 18px !important;
-}
-.message.user {
-    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
-    color: #ffffff !important;
-    border-radius: 20px 20px 4px 20px !important;
-    box-shadow: 0 6px 20px rgba(109, 40, 217, 0.35) !important;
-    border: none !important;
-}
-.message.bot {
-    background: rgba(30, 41, 59, 0.65) !important;
-    color: #e2e8f0 !important;
-    border-radius: 20px 20px 20px 4px !important;
-    border: 1px solid rgba(255, 255, 255, 0.08) !important;
-    backdrop-filter: blur(8px) !important;
-}
-
-/* ปรับแต่งช่องป้อนข้อมูล (Input) */
-input[type="text"], textarea {
-    background: rgba(11, 15, 30, 0.85) !important;
-    border: 1px solid rgba(139, 92, 246, 0.3) !important;
-    color: #ffffff !important;
-    border-radius: 14px !important;
-    padding: 14px !important;
-    transition: all 0.3s ease !important;
-}
-input[type="text"]:focus, textarea:focus {
-    border-color: #a78bfa !important;
-    box-shadow: 0 0 15px rgba(139, 92, 246, 0.45) !important;
-}
-
-/* ซ่อนเครดิตส่วนเกินเพื่อความพรีเมียม */
-footer { display: none !important; }
-"""
-
-# โครงสร้างหน้าเว็บ UI ด้วย Gradio Blocks
-with gr.Blocks(theme=gr.themes.Default(primary_hue="violet", neutral_hue="slate"), css=custom_css) as demo:
-    with gr.Div(elem_classes="glass-panel"):
-        # Header ของหน้าจอแชท
-        gr.HTML("""
-        <div class="neon-title">
-            <h1>AETHER CHAT ENGINE v2</h1>
-            <p>ระบบถาม-ตอบปัญญาประมวลผลผ่านโมเดล GGUF บนสเปกคลาวด์เสรี</p>
+    for pattern in EXPLOIT_PAYLOADS:
+        if re.search(pattern, query_params) or re.search(pattern, url_path):
+            return False
+            
+    return True
+
+# หน้า UI ด่านตรวจความปลอดภัยระดับสูง
+def generate_challenge_html(ip):
+    html = f"""
+<!DOCTYPE html>
+<html lang="th">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TANZAi | กำลังทำการตรวจสอบความปลอดภัย</title>
+    <style>
+        body {{ font-family: -apple-system, system-ui, sans-serif; background: white; color: black; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; text-align: center; }}
+        .container {{ max-width: 500px; width: 90%; }}
+        h1 {{ font-size: 40px; font-weight: 500; margin-bottom: 0px; color: #10b981; }}
+        h2 {{ font-size: 28px; font-weight: 500; margin-top: 10px; margin-bottom: 5px; }}
+        p {{ font-size: 16px; color: #555; line-height: 1.4; }}
+        #cf-widget-container {{ border: 1px solid #ddd; border-radius: 8px; background: #fafafa; padding: 15px; display: flex; align-items: center; justify-content: space-between; margin-top: 25px; }}
+        .cf-left {{ display: flex; align-items: center; }}
+        .cf-logo {{ width: 100px; filter: hue-rotate(140deg); }}
+        .cf-ip-info {{ font-size: 12px; color: #666; margin-top: 20px; }}
+        .captcha-box {{ display: flex; align-items: center; cursor: pointer; user-select: none; }}
+        .captcha-checkbox {{ width: 24px; height: 24px; border: 2px solid #ccc; border-radius: 4px; margin-right: 12px; display: flex; align-items: center; justify-content: center; background: #ffffff; }}
+        .captcha-checkbox.checked {{ background: #10b981; border-color: #10b981; }}
+        .captcha-checkbox.checked::after {{ content: '✔'; color: white; font-size: 14px; font-weight: bold; }}
+        .cf-spinner {{ border: 4px solid #eee; border-top: 4px solid #10b981; border-radius: 50%; width: 25px; height: 25px; animation: spin 1s linear infinite; margin-right: 15px; display: none; }}
+        @keyframes spin {{ 0% {{ transform: rotate(0deg); }} 100% {{ transform: rotate(360deg); }} }}
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>TANZAi</h1>
+        <h2>กำลังทำการตรวจสอบความปลอดภัย</h2>
+        <p>กรุณาติ๊กเลือกช่องด้านล่างเพื่อยืนยันว่าคุณไม่ใช่สคริปต์อัตโนมัติ</p>
+        <div id="cf-widget-container">
+            <div class="cf-left">
+                <div class="cf-spinner" id="main-spinner"></div>
+                <div id="status-area">
+                    <div class="captcha-box" id="click-target" onclick="triggerChallenge()">
+                        <div class="captcha-checkbox" id="check-visual"></div>
+                        <span style="font-size: 15px; color: #333; font-weight: 500;">ฉันไม่ใช่โปรแกรมอัตโนมัติ</span>
+                    </div>
+                </div>
+            </div>
+            <div class="cf-right">
+                <img src="https://upload.wikimedia.org/wikipedia/commons/4/4b/Cloudflare_Logo.svg" alt="Cloudflare" class="cf-logo">
+            </div>
         </div>
-        """)
+        <div class="cf-ip-info">IP ของคุณ: {ip}</div>
+    </div>
+
+    <script>
+        let isProcessing = false;
+        let humanVerified = false;
+
+        // ดักจับการขยับเมาส์หรือทัชหน้าจอจริง ป้องกันบอทส่งคำสั่งคลิกตรงๆ
+        window.addEventListener('mousemove', () => humanVerified = true);
+        window.addEventListener('touchstart', () => humanVerified = true);
+
+        async function triggerChallenge() {{
+            if(isProcessing) return;
+            isProcessing = true;
+            document.getElementById('check-visual').classList.add('checked');
+            
+            setTimeout(async () => {{
+                document.getElementById('click-target').style.display = 'none';
+                document.getElementById('main-spinner').style.display = 'block';
+                const statusArea = document.getElementById('status-area');
+                statusArea.innerHTML = '<span style="font-size:14px;">กำลังตรวจสอบคุณลักษณะเบราว์เซอร์...</span>';
+
+                // ด่านตรวจจับ Client-Side Security แบบเข้มข้นสูงสุด
+                const isBot = navigator.webdriver || 
+                              !navigator.userAgent || 
+                              window.outerWidth === 0 || 
+                              window.outerHeight === 0 || 
+                              (window.chrome && !window.chrome.runtime) ||
+                              !humanVerified;
+
+                if (isBot) {{
+                    statusArea.innerHTML = '<span style="color:#ef4444;font-size:14px;">ตรวจพบข้อผิดพลาดการเชื่อมต่ออัตโนมัติ!</span>';
+                    await fetch('/report_spam'); 
+                    return;
+                }}
+                
+                try {{
+                    const res = await fetch('/get_token');
+                    if(res.status != 200) {{ throw new Error("Server Error"); }}
+                    const data = await res.json();
+                    if(data.token) {{
+                        statusArea.innerHTML = '<span style="color:#10b981;font-size:14px;">ตรวจสอบสำเร็จ! กำลังนำทาง...</span>';
+                        setTimeout(() => {{
+                            window.location.href = "{TARGET_WEBSITE_URL}?tz_token=" + data.token;
+                        }}, 500);
+                    }} else {{ location.reload(); }}
+                }} catch(e) {{
+                    // แสดงผลเมื่อหลังบ้านค้าง/หลับ
+                    document.body.innerHTML = '<div style="font-family:-apple-system,sans-serif;background:#0f172a;color:#f8fafc;display:flex;align-items:center;justify-content:center;height:100vh;margin:0;text-align:center;"><div style="max-width:450px;width:90%;background:#1e1b4b;border:2px solid #ef4444;padding:40px;border-radius:16px;box-shadow:0 10px 25px rgba(239,68,68,0.2);"><div style="font-size:4rem;margin-bottom:20px;">⚠️</div><h1 style="color:#ef4444;font-size:1.8rem;margin:0 0 12px 0;">เกิดข้อผิดพลาด</h1><p style="color:#cbd5e1;font-size:1.1rem;margin:0 0 10px 0;">ไม่สามารถเชื่อมต่อกับเซิร์ฟเวอร์ได้</p><p style="color:#64748b;font-size:0.9rem;margin-bottom:25px;">เซิร์ฟเวอร์อาจจะกำลังหลับหรือมีปัญหาชั่วคราว</p><button onclick="window.location.reload()" style="background:#ef4444;color:white;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:bold;cursor:pointer;">ลองใหม่อีกครั้ง</button></div></div>';
+                }}
+            }}, 400);
+        }}
+    </script>
+</body>
+</html>
+    """
+    return HTMLResponse(content=html)
+
+@app.get("/")
+async def gatekeeper(request: Request):
+    ip = get_client_ip(request)
+    if not cyber_security_waf(request):
+        force_block_ip(ip) 
+        raise HTTPException(status_code=400, detail="Security Violation Detected")
+    if is_blocked(ip):
+        return HTMLResponse(content='<div style="font-family:-apple-system,sans-serif;background:#0f172a;color:#f8fafc;display:flex;align-items:center;justify-content:center;height:100vh;margin:0;text-align:center;"><div style="max-width:450px;width:90%;background:#1e1b4b;border:2px solid #ef4444;padding:40px;border-radius:16px;"><h1 style="color:#ef4444;">เกิดข้อผิดพลาด</h1><p>ไม่สามารถเชื่อมต่อกับเซิร์ฟเวอร์ได้ (IP Blocked)</p></div></div>', status_code=403)
+    check_rate_limit_and_block(ip)
+    return generate_challenge_html(ip)
+
+@app.get("/verify")
+async def verify(token: str, request: Request):
+    ip = get_client_ip(request)
+    if is_blocked(ip):
+        return {"status": "error", "valid": False, "banned": True}
+    is_valid = (token == generate_token(ip))
+    return {"status": "ok" if is_valid else "error", "valid": is_valid, "banned": False}
+
+@app.get("/get_token")
+async def get_token(request: Request):
+    ip = get_client_ip(request)
+    if is_blocked(ip):
+        raise HTTPException(status_code=403, detail="Blocked")
+    return {"token": generate_token(ip)}
+
+@app.get("/report_spam")
+async def report_spam(request: Request):
+    ip = get_client_ip(request)
+    force_block_ip(ip)
+    return {"status": "banned"}
+
+# --- แทร็กสคริปต์ส่งไปฝังหน้าเว็บหลัก Vercel (ระบบความปลอดภัยขั้นสูง + ดักจับเซิร์ฟเวอร์หลับ + หน้าต่างยินยอมคุกกี้) ---
+@app.get("/js")
+async def get_js_script(request: Request):
+    ip = get_client_ip(request)
+    hf_url = f"{request.url.scheme}://{request.url.netloc}"
+    
+    error_layout = """<div style='font-family:-apple-system,sans-serif;background:#0f172a;color:#f8fafc;display:flex;align-items:center;justify-content:center;height:100vh;margin:0;text-align:center;position:fixed;top:0;left:0;width:100vw;z-index:999999;'><div style='max-width:450px;width:90%;background:#1e1b4b;border:2px solid #ef4444;padding:40px;border-radius:16px;box-shadow:0 10px 25px rgba(239,68,68,0.2);'><div style='font-size:4rem;margin-bottom:20px;'>⚠️</div><h1 style='color:#ef4444;font-size:1.8rem;margin:0 0 12px 0;'>เกิดข้อผิดพลาด</h1><p style='color:#cbd5e1;font-size:1.1rem;margin:0 0 10px 0;'>ไม่สามารถเชื่อมต่อกับเซิร์ฟเวอร์ได้</p><p style='color:#64748b;font-size:0.9rem;margin-bottom:25px;'>เซิร์ฟเวอร์อาจจะกำลังหลับหรือมีปัญหาชั่วคราว</p><button onclick='window.location.reload()' style='background:#ef4444;color:white;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:bold;cursor:pointer;'>ลองใหม่อีกครั้ง</button></div></div>"""
+
+    if is_blocked(ip):
+        js_code = f"""
+        (function() {{
+            localStorage.clear();
+            document.body.innerHTML="{error_layout}";
+        }})();
+        """
+        return HTMLResponse(content=js_code, media_type="application/javascript")
         
-        # ตัวควบคุมหน้าจอแชทแบบ Built-in ของ Gradio ที่เราจับแต่งหน้าตาผ่าน CSS แล้ว
-        chat = gr.ChatInterface(
-            fn=respond,
-            examples=[
-                "โมเดล AI ในฟอร์แมต GGUF มีความพิเศษอย่างไร?", 
-                "ช่วยแนะนำการเขียนโปรแกรมด้วยภาษา Python เบื้องต้น", 
-                "แต่งกลอนประทีปยามค่ำคืนในสไตล์อวกาศให้หน่อย"
-            ],
-            container=True,
-            elem_classes="chatbot-frame"
-        )
+    js_code = f"""
+    (function() {{
+        const h='{hf_url}',u=new URL(location),t=u.searchParams.get('tz_token')||localStorage.tz;let c=[];
         
-        # Footer แสดงสถานะด้านล่าง
-        gr.HTML("""
-        <div style="text-align: center; margin-top: 30px; font-size: 0.85rem; color: #64748b; letter-spacing: 0.08em;">
-            ⚙️ ACTIVE ENGINE: <span style="color: #a78bfa; font-weight: 600;">QWEN 2.5 1.5B INSTRUCT (GGUF)</span> • HOSTED FREE ON HF SPACES
-        </div>
-        """)
+        function showErrPage() {{
+            localStorage.clear();
+            document.body.innerHTML="{error_layout}";
+        }}
+
+        // ฟังก์ชันสร้างหน้าต่างยอมรับคุกกี้ (Cookie Consent Banner)
+        function initCookieBanner() {{
+            if (localStorage.cookieAccepted === 'true') return;
+            const b = document.createElement('div');
+            b.id = 'tz-cookie-banner';
+            b.style = 'position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:90%;max-width:400px;background:#1e293b;color:#f8fafc;padding:16px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.3);z-index:99999;font-family:-apple-system,sans-serif;display:flex;flex-direction:column;gap:12px;border:1px solid #334155;';
+            b.innerHTML = '<div style="font-size:14px;line-height:1.4;">🍪 เว็บไซต์นี้ใช้คุกกี้และระบบจัดเก็บข้อมูลในเบราว์เซอร์เพื่อความปลอดภัยและมอบประสบการณ์การใช้งานที่ดีที่สุดให้กับคุณ</div><button id="tz-accept-cookie" style="background:#10b981;color:white;border:none;padding:8px 16px;border-radius:6px;font-weight:bold;cursor:pointer;font-size:13px;transition:background 0.2s;">ยอมรับทั้งหมด</button>';
+            document.body.appendChild(b);
+            document.getElementById('tz-accept-cookie').onclick = function() {{
+                localStorage.cookieAccepted = 'true';
+                b.remove();
+            }};
+        }}
+
+        // 1. ตรวจสอบความปลอดภัยระดับลึกบนเบราว์เซอร์เป้าหมาย
+        const isSpamBot = navigator.webdriver || 
+                          window.outerWidth === 0 || 
+                          self !== top || 
+                          (window.Firebug && window.Firebug.chrome && window.Firebug.chrome.isInitialized);
+                          
+        if (isSpamBot) {{ showErrPage(); return; }}
+
+        // 2. ดักจับการสแปมคลิกถี่เกินความจริง (Anti-Click Spam)
+        window.addEventListener('click',()=>{{
+            c=c.filter(x=>Date.now()-x<1000);c.push(Date.now());
+            if(c.length>=5){'{'}
+                fetch(h+'/report_spam').then(()=>{{ showErrPage(); }}).catch(()=>{{ showErrPage(); }});
+            {'}'}
+        }});
+
+        if(t){{
+            if(t.length !== 32) {{ showErrPage(); return; }}
+            localStorage.tz=t;
+            if(u.searchParams.has('tz_token')){{u.searchParams.delete('tz_token');history.replaceState({{}},'',u);}}
+            
+            const controller = new AbortController();
+            const timeoutId = setTimeout(() => {{ controller.abort(); showErrPage(); }}, 5000);
 
-if __name__ == "__main__":
-    demo.launch(server_name="0.0.0.0", server_port=7860)
+            fetch(h+'/verify?token='+t, {{ signal: controller.signal }})
+                .then(r=>{{
+                    clearTimeout(timeoutId);
+                    if(r.status !== 200) {{ showErrPage(); return; }}
+                    return r.json();
+                }})
+                .then(d=>{{
+                    if(!d || !d.valid || d.banned){{ showErrPage(); }} 
+                    else {{ initCookieBanner(); }} // เมื่อ Token ผ่าน ให้รันระบบคุกกี้ขึ้นมา
+                }})
+                .catch(()=>{{ showErrPage(); }});
+        }}else{{
+            // ระบบตรวจสอบและปลุกเซิร์ฟเวอร์ (ดักจับ Error/หลับ)
+            const controller = new AbortController();
+            const timeoutId = setTimeout(() => {{ controller.abort(); showErrPage(); }}, 5000);
+            
+            fetch(h, {{ method: 'HEAD', mode: 'no-cors', signal: controller.signal }})
+                .then(() => {{ window.location.href = h; }})
+                .catch(() => {{ showErrPage(); }});
+        }}
+    })();
+    """
+    return HTMLResponse(content=js_code, media_type="application/javascript")