Spaces:

Opera8
/

Tsj

Sleeping

App Files Files Community

Opera8 commited on 25 days ago

Commit

a7a30dc

verified ·

1 Parent(s): dc95380

Update app.py

Browse files

Files changed (1) hide show

app.py +409 -205

app.py CHANGED Viewed

@@ -2,22 +2,22 @@ import os
 import time
 import asyncio
 import uvicorn
-from fastapi import FastAPI, Form, File, UploadFile
-from fastapi.responses import HTMLResponse, StreamingResponse
 from playwright.async_api import async_playwright
 app = FastAPI()
 UPLOAD_DIR = "temp_uploads"
 os.makedirs(UPLOAD_DIR, exist_ok=True)
-# رابط کاربری شیشه‌ای فوتوریستی (Glassmorphism)
 HTML_CHAT_INTERFACE = """
 <!DOCTYPE html>
 <html lang="fa" dir="rtl">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Google AI Free Chatbot + Stealth Streaming</title>
     <style>
         :root {
             --bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
@@ -31,48 +31,217 @@ HTML_CHAT_INTERFACE = """
         body {
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Tahoma, sans-serif;
-            margin: 0; padding: 0; background: var(--bg-gradient); color: var(--text-main);
-            height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden;
         }
         .chat-container {
-            width: 100%; max-width: 850px; height: 85vh; background: var(--glass-bg);
-            backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
-            border: 1px solid var(--glass-border); border-radius: 24px;
-            display: flex; flex-direction: column; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); margin: 20px;
         }
-        .chat-header { padding: 20px 24px; border-bottom: 1px solid var(--glass-border); display: flex; align-items: center; gap: 12px; }
-        .chat-header .status-dot { width: 10px; height: 10px; background: #4ade80; border-radius: 50%; box-shadow: 0 0 10px #4ade80; }
-        .chat-header h2 { margin: 0; font-size: 18px; font-weight: 600; color: var(--accent-color); }
-        .messages-box { flex: 1; padding: 24px; overflow-y: auto; display: flex; flex-direction: column; gap: 16px; }
         .messages-box::-webkit-scrollbar { width: 6px; }
         .messages-box::-webkit-scrollbar-track { background: transparent; }
         .messages-box::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 10px; }
-        .message { max-width: 75%; padding: 14px 18px; border-radius: 18px; font-size: 15px; line-height: 1.6; word-wrap: break-word; animation: fadeIn 0.3s ease forwards; }
-        .message.user { background: var(--user-bubble); align-self: flex-start; border-bottom-right-radius: 4px; box-shadow: 0 4px 12px rgba(2, 132, 199, 0.2); }
-        .message.ai { background: var(--ai-bubble); border: 1px solid var(--glass-border); align-self: flex-end; border-bottom-left-radius: 4px; white-space: pre-wrap; }
-        .input-wrapper { border-top: 1px solid var(--glass-border); background: rgba(15, 23, 42, 0.4); border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; padding: 15px 24px; display: flex; flex-direction: column; gap: 10px; }
-        .preview-container { display: none; align-items: center; gap: 10px; background: rgba(255, 255, 255, 0.05); padding: 8px 12px; border-radius: 10px; width: fit-content; border: 1px solid var(--glass-border); }
-        .preview-container img { width: 40px; height: 40px; object-fit: cover; border-radius: 6px; }
-        .preview-container .remove-btn { color: #ef4444; cursor: pointer; font-weight: bold; font-size: 14px; }
-        .input-area { display: flex; gap: 12px; align-items: center; }
-        .input-area input[type="text"] { flex: 1; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--glass-border); padding: 14px 20px; border-radius: 14px; color: white; font-size: 15px; outline: none; transition: all 0.2s; }
-        .input-area input[type="text"]:focus { border-color: var(--accent-color); background: rgba(255, 255, 255, 0.08); box-shadow: 0 0 12px rgba(56, 189, 248, 0.15); }
-        .upload-label { background: rgba(255, 255, 255, 0.05); border: 1px solid var(--glass-border); padding: 12px; border-radius: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
-        .upload-label:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--accent-color); }
-        .upload-label svg { width: 22px; height: 22px; fill: var(--text-main); }
-        .input-area button { background: var(--accent-color); color: #0f172a; border: none; padding: 14px 24px; border-radius: 14px; font-size: 15px; font-weight: bold; cursor: pointer; transition: all 0.2s; }
-        .input-area button:hover { background: #7dd3fc; transform: translateY(-1px); }
-        .input-area button:disabled { background: #64748b; color: #1e293b; cursor: not-allowed; transform: none; }
-        .typing-indicator { display: flex; gap: 5px; padding: 12px 18px; background: var(--ai-bubble); border-radius: 12px; align-self: flex-end; border: 1px solid var(--glass-border); }
-        .typing-indicator span { width: 8px; height: 8px; background: var(--accent-color); border-radius: 50%; animation: bounce 1.4s infinite ease-in-out both; }
         .typing-indicator span:nth-child(1) { animation-delay: -0.32s; }
         .typing-indicator span:nth-child(2) { animation-delay: -0.16s; }
@@ -85,10 +254,10 @@ HTML_CHAT_INTERFACE = """
     <div class="chat-container">
         <div class="chat-header">
             <div class="status-dot"></div>
-            <h2>دستیار مالتی‌مدال گوگل (متن + تصویر زنده و سریع)</h2>
         </div>
         <div class="messages-box" id="messagesBox">
-            <div class="message ai">سلام! من متصل به هوشواره گوگل هستم. کلمات را به صورت کلمه به کلمه و زنده تایپ می‌کنم. چطور می‌توانم کمکتان کنم؟</div>
         </div>
         <div class="input-wrapper">
@@ -117,18 +286,27 @@ HTML_CHAT_INTERFACE = """
         const previewContainer = document.getElementById('previewContainer');
         const imagePreview = document.getElementById('imagePreview');
-        function handleKeyPress(e) { if (e.key === 'Enter') sendMessage(); }
         function previewImage(event) {
             const file = event.target.files[0];
             if (file) {
                 const reader = new FileReader();
-                reader.onload = function(e) { imagePreview.src = e.target.result; previewContainer.style.display = 'flex'; }
                 reader.readAsDataURL(file);
             }
         }
-        function removeSelectedImage() { fileInput.value = ''; previewContainer.style.display = 'none'; imagePreview.src = ''; }
         async function sendMessage() {
             const text = userInput.value.trim();
@@ -146,63 +324,61 @@ HTML_CHAT_INTERFACE = """
             formData.append('message', text || "این تصویر را تحلیل کن");
             if (file) formData.append('image', file);
-            const aiMessageDiv = document.createElement('div');
-            aiMessageDiv.classList.add('message', 'ai');
-            messagesBox.appendChild(aiMessageDiv);
             try {
                 const response = await fetch('/api/chat', { method: 'POST', body: formData });
-                if (!response.ok) {
-                    aiMessageDiv.innerText = "خطا در ارتباط با گوگل یا مسدود شدن آی‌پی سرور.";
-                    setLoading(false);
-                    return;
-                }
-                const reader = response.body.getReader();
-                const decoder = new TextDecoder("utf-8");
-                let firstChunk = true;
-                while (true) {
-                    const { value, done } = await reader.read();
-                    if (done) break;
-                    const chunk = decoder.decode(value, { stream: true });
-                    if (chunk) {
-                        if (firstChunk) {
-                            const indicator = document.getElementById('typingIndicator');
-                            if (indicator) indicator.remove();
-                            firstChunk = false;
-                        }
-                        aiMessageDiv.innerText += chunk;
-                        messagesBox.scrollTop = messagesBox.scrollHeight;
-                    }
                 }
             } catch (error) {
-                aiMessageDiv.innerText = "خطای شبکه در دریافت استریم زنده.";
             } finally {
                 setLoading(false);
             }
         }
         function appendMessage(text, sender) {
-            const msgDiv = document.createElement('div'); msgDiv.classList.add('message', sender);
-            msgDiv.innerText = text; messagesBox.appendChild(msgDiv); messagesBox.scrollTop = messagesBox.scrollHeight;
         }
         function appendImageMessage(src, sender) {
-            const msgDiv = document.createElement('div'); msgDiv.classList.add('message', sender); msgDiv.style.padding = '8px';
-            const img = document.createElement('img'); img.src = src; img.style.maxWidth = '200px'; img.style.maxHeight = '200px'; img.style.borderRadius = '12px'; img.style.display = 'block';
-            msgDiv.appendChild(img); messagesBox.appendChild(msgDiv); messagesBox.scrollTop = messagesBox.scrollHeight;
         }
         function setLoading(isLoading) {
             if (isLoading) {
-                userInput.disabled = true; sendBtn.disabled = true;
-                const indicator = document.createElement('div'); indicator.classList.add('typing-indicator'); indicator.id = 'typingIndicator';
-                indicator.innerHTML = '<span></span><span></span><span></span>'; messagesBox.appendChild(indicator); messagesBox.scrollTop = messagesBox.scrollHeight;
             } else {
-                userInput.disabled = false; sendBtn.disabled = false;
-                const indicator = document.getElementById('typingIndicator'); if (indicator) indicator.remove(); userInput.focus();
             }
         }
     </script>
@@ -210,51 +386,6 @@ HTML_CHAT_INTERFACE = """
 </html>
 """
-# الگوریتم تصفیه رادیکال پاسخ هوش مصنوعی
-def clean_text(full_text: str, message: str) -> str:
-    if "ترافیک غیر عادی" in full_text or "Our systems have detected unusual traffic" in full_text:
-        return "🚨 سیستم امنیتی گوگل فعال شد و آی‌پی سرور هاگینگ‌فیس را مسدود کرد (کپچا رخ داد)."
-    lines = full_text.split('\n')
-    # کلمات کلیدی و جملات خوش‌آمدگویی پیش‌فرض گوگل که کلاً باید فیلتر شوند
-    junk_keywords = [
-        "حالت هوشواره", "هوژواره", "ایمیل کنید", "تصاویر", "ویدیو", "ویدئو", "اخبار",
-        "نقشه", "خرید", "کتاب", "مالی", "موضوع‌محور", "ورود", "ارسال", "همه",
-        "آماده است", "items removed", "بیشتر بدانید", "محتمل است", "هویشواره", "هرچه می‌خواهید",
-        "پاسخ به سوالات علمی", "نگارش، ویرایش یا ترجمه", "برنامه‌نویسی و حل مسائل",
-        "ایده‌پردازی و کارهای خلاقانه", "لطفاً موضوع مورد نظرتون", "روزتون بخیر. من دستیار هوش مصنوعی",
-        "امروز چطور می‌تونم کمکتون کنم", "نیاز به راهنمایی دارید", "در چه زمینه‌ای نیاز",
-        "شما تصویر، متن یا فایلی ارسال نکردید", "متوجه منظور دقیق شما نشدم"
-    ]
-    # فاز ۱: فیلتر کلمات هدر و متوقف شدن حلقه در ابتدای بدنه فوتر سلب مسئولیت
-    filtered_lines = []
-    for line in lines:
-        line_str = line.strip()
-        if not line_str:
-            continue
-        if "هوشواره ممکن است اشتباه" in line_str or "در پاسخ‌های" in line_str or "بیشتر بدانید" in line_str or "پاسخ «حالت" in line_str:
-            break
-        if any(junk in line_str for junk in junk_keywords):
-            continue
-        filtered_lines.append(line_str)
-    # فاز ۲: برش قطعی لایه‌های بالای متن پاسخ بر اساس تطابق لنگر پیام کاربر
-    final_lines = []
-    found_query_anchor = False
-    for line in filtered_lines:
-        if not found_query_anchor and (message.lower() in line.lower() or line.lower() in message.lower()):
-            found_query_anchor = True
-            final_lines = []
-            continue
-        final_lines.append(line)
-    if not final_lines:
-        final_lines = filtered_lines
-    return "\n".join(final_lines).strip()
 @app.get("/", response_class=HTMLResponse)
 async def chat_interface():
     return HTML_CHAT_INTERFACE
@@ -262,115 +393,188 @@ async def chat_interface():
 @app.post("/api/chat")
 async def chat_endpoint(message: str = Form(...), image: UploadFile = File(None)):
     saved_image_path = None
     if image:
         try:
             saved_image_path = os.path.join(UPLOAD_DIR, f"{int(time.time())}_{image.filename}")
             with open(saved_image_path, "wb") as buffer:
                 buffer.write(await image.read())
         except Exception as e:
-            return StreamingResponse(iter([f"خطا در ذخیره تصویر روی داکر: {str(e)}"]), media_type="text/plain")
-    async def response_generator():
-        async with async_playwright() as p:
             browser = await p.chromium.launch(
                 headless=True,
                 args=[
                     "--no-sandbox",
                     "--disable-setuid-sandbox",
                     "--disable-dev-shm-usage",
-                    "--disable-blink-features=AutomationControlled",
-                    "--disable-web-security"
                 ]
             )
             context = await browser.new_context(
-                user_agent="Mozilla/5.0 (Linux; Android 13; SM-S908B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Mobile Safari/537.36",
                 viewport={"width": 412, "height": 915},
-                locale="fa-IR", timezone_id="Asia/Tehran",
-                extra_http_headers={
-                    "Accept": "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8",
-                    "Accept-Language": "fa-IR,fa;q=0.9,en-US;q=0.8,en;q=0.7",
-                    "Upgrade-Insecure-Requests": "1"
-                }
             )
             page = await context.new_page()
-            try:
-                # مانیتورینگ مسیر ترکیبی بر اساس وجود فایل مالتی‌مدال
-                if saved_image_path and os.path.exists(saved_image_path):
-                    # اگر تصویر وجود دارد: ابتدا لود کردن کادر چت اصلی گوگل هوشواره
-                    await page.goto("https://www.google.com/search?q=سلام&udm=50", wait_until="domcontentloaded", timeout=30000)
-                    await page.wait_for_timeout(1000)
-                    # فعال‌سازی کادر چت با کلیک اجباری (بدون ارور تایم‌اوت)
-                    init_input = await page.query_selector("textarea, input[type='text'], [contenteditable='true']")
-                    if init_input:
-                        await init_input.click(force=True, timeout=2000)
-                        await page.wait_for_timeout(500)
-                    # تزریق مستقیم فایل به لایه آپلو��ر بومی
                     file_input = await page.query_selector("input[type='file']")
                     if file_input:
                         await file_input.set_input_files(saved_image_path)
-                        # شلیک دستی رویداد change به کامپوننت لنز گوگل تا فورا متوجه حضور عکس بشود
-                        await page.evaluate("el => el.dispatchEvent(new Event('change', { bubbles: true }))", file_input)
-                        await page.wait_for_timeout(2000)
-                    # نوشتن پیام متنی کاربر
-                    input_box = await page.query_selector("textarea, input[type='text'], [contenteditable='true']")
-                    if input_box:
-                        await input_box.focus()
-                        await input_box.fill(message)
-                        await page.wait_for_timeout(300)
-                        await input_box.press("Enter")
-                else:
-                    # اگر فقط متن است: لود سریع و مستقیم از طریق URL کوئری (سرعت زیر ۲ ثانیه)
-                    url = f"https://www.google.com/search?q={message}&udm=50"
-                    await page.goto(url, wait_until="domcontentloaded", timeout=30000)
-                # ⚡ حلقه شنود استریم فوق سریع
-                last_sent_text = ""
-                no_change_count = 0
-                for _ in range(50):
-                    await page.wait_for_timeout(300)
-                    full_text = await page.evaluate("() => document.body.innerText")
-                    current_clean_text = clean_text(full_text, message)
-                    if "سیستم امنیتی گوگل فعال شد" in current_clean_text:
-                        yield current_clean_text
-                        break
-                    # تزریق آنلاین کلمات جدید به صورت کلمه به کلمه به صفحه چت کاربر
-                    if len(current_clean_text) > len(last_sent_text):
-                        new_chunk = current_clean_text[len(last_sent_text):]
-                        yield new_chunk
-                        last_sent_text = current_clean_text
-                        no_change_count = 0
-                    else:
-                        if len(current_clean_text) > 0:
-                            no_change_count += 1
-                    if "هوشواره ممکن است اشتباه" in full_text or "بیشتر بدانید" in full_text or "پاسخ‌های مربوط به افراد" in full_text:
-                        full_text = await page.evaluate("() => document.body.innerText")
-                        current_clean_text = clean_text(full_text, message)
-                        if len(current_clean_text) > len(last_sent_text):
-                            yield current_clean_text[len(last_sent_text):]
-                        break
-                    if no_change_count > 8 and len(last_sent_text) > 0:
-                        break
-            except Exception as e:
-                yield f"خطای پردازش مرورگر: {str(e)}"
-            finally:
-                await context.close()
                 await browser.close()
-                if saved_image_path and os.path.exists(saved_image_path):
-                    try: os.remove(saved_image_path)
-                    except: pass
-    return StreamingResponse(response_generator(), media_type="text/event-stream")
 if __name__ == "__main__":
     uvicorn.run(app, host="0.0.0.0", port=7860)

 import time
 import asyncio
 import uvicorn
+from fastapi import FastAPI, Form, File, UploadFile, HTTPException
+from fastapi.responses import HTMLResponse, JSONResponse
 from playwright.async_api import async_playwright
 app = FastAPI()
 UPLOAD_DIR = "temp_uploads"
 os.makedirs(UPLOAD_DIR, exist_ok=True)
+# لایه فرانت‌اند چت‌باکس فوتوریستی با استایل شیشه‌ای (Glassmorphism)
 HTML_CHAT_INTERFACE = """
 <!DOCTYPE html>
 <html lang="fa" dir="rtl">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Google AI Free Chatbot + Vision</title>
     <style>
         :root {
             --bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
         body {
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Tahoma, sans-serif;
+            margin: 0;
+            padding: 0;
+            background: var(--bg-gradient);
+            color: var(--text-main);
+            height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            overflow: hidden;
         }
         .chat-container {
+            width: 100%;
+            max-width: 850px;
+            height: 85vh;
+            background: var(--glass-bg);
+            backdrop-filter: blur(16px);
+            -webkit-backdrop-filter: blur(16px);
+            border: 1px solid var(--glass-border);
+            border-radius: 24px;
+            display: flex;
+            flex-direction: column;
+            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+            margin: 20px;
+        }
+        .chat-header {
+            padding: 20px 24px;
+            border-bottom: 1px solid var(--glass-border);
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+        .chat-header .status-dot {
+            width: 10px;
+            height: 10px;
+            background: #4ade80;
+            border-radius: 50%;
+            box-shadow: 0 0 10px #4ade80;
+        }
+        .chat-header h2 {
+            margin: 0;
+            font-size: 18px;
+            font-weight: 600;
+            color: var(--accent-color);
+        }
+        .messages-box {
+            flex: 1;
+            padding: 24px;
+            overflow-y: auto;
+            display: flex;
+            flex-direction: column;
+            gap: 16px;
         }
         .messages-box::-webkit-scrollbar { width: 6px; }
         .messages-box::-webkit-scrollbar-track { background: transparent; }
         .messages-box::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 10px; }
+        .message {
+            max-width: 75%;
+            padding: 14px 18px;
+            border-radius: 18px;
+            font-size: 15px;
+            line-height: 1.6;
+            word-wrap: break-word;
+            animation: fadeIn 0.3s ease forwards;
+        }
+        .message.user {
+            background: var(--user-bubble);
+            align-self: flex-start;
+            border-bottom-right-radius: 4px;
+            box-shadow: 0 4px 12px rgba(2, 132, 199, 0.2);
+        }
+        .message.ai {
+            background: var(--ai-bubble);
+            border: 1px solid var(--glass-border);
+            align-self: flex-end;
+            border-bottom-left-radius: 4px;
+            white-space: pre-wrap;
+        }
+        .input-wrapper {
+            border-top: 1px solid var(--glass-border);
+            background: rgba(15, 23, 42, 0.4);
+            border-bottom-left-radius: 24px;
+            border-bottom-right-radius: 24px;
+            padding: 15px 24px;
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+        .preview-container {
+            display: none;
+            align-items: center;
+            gap: 10px;
+            background: rgba(255, 255, 255, 0.05);
+            padding: 8px 12px;
+            border-radius: 10px;
+            width: fit-content;
+            border: 1px solid var(--glass-border);
+        }
+        .preview-container img {
+            width: 40px;
+            height: 40px;
+            object-fit: cover;
+            border-radius: 6px;
+        }
+        .preview-container .remove-btn {
+            color: #ef4444;
+            cursor: pointer;
+            font-weight: bold;
+            font-size: 14px;
+        }
+        .input-area {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+        .input-area input[type="text"] {
+            flex: 1;
+            background: rgba(255, 255, 255, 0.05);
+            border: 1px solid var(--glass-border);
+            padding: 14px 20px;
+            border-radius: 14px;
+            color: white;
+            font-size: 15px;
+            outline: none;
+            transition: all 0.2s;
+        }
+        .input-area input[type="text"]:focus {
+            border-color: var(--accent-color);
+            background: rgba(255, 255, 255, 0.08);
+            box-shadow: 0 0 12px rgba(56, 189, 248, 0.15);
+        }
+        .upload-label {
+            background: rgba(255, 255, 255, 0.05);
+            border: 1px solid var(--glass-border);
+            padding: 12px;
+            border-radius: 14px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all 0.2s;
+        }
+        .upload-label:hover {
+            background: rgba(255, 255, 255, 0.1);
+            border-color: var(--accent-color);
+        }
+        .upload-label svg {
+            width: 22px;
+            height: 22px;
+            fill: var(--text-main);
+        }
+        .input-area button {
+            background: var(--accent-color);
+            color: #0f172a;
+            border: none;
+            padding: 14px 24px;
+            border-radius: 14px;
+            font-size: 15px;
+            font-weight: bold;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+        .input-area button:hover {
+            background: #7dd3fc;
+            transform: translateY(-1px);
+        }
+        .input-area button:disabled {
+            background: #64748b;
+            color: #1e293b;
+            cursor: not-allowed;
+            transform: none;
+        }
+        .typing-indicator {
+            display: flex;
+            gap: 5px;
+            padding: 12px 18px;
+            background: var(--ai-bubble);
+            border-radius: 12px;
+            align-self: flex-end;
+            border: 1px solid var(--glass-border);
+        }
+        .typing-indicator span {
+            width: 8px;
+            height: 8px;
+            background: var(--accent-color);
+            border-radius: 50%;
+            animation: bounce 1.4s infinite ease-in-out both;
+        }
         .typing-indicator span:nth-child(1) { animation-delay: -0.32s; }
         .typing-indicator span:nth-child(2) { animation-delay: -0.16s; }
     <div class="chat-container">
         <div class="chat-header">
             <div class="status-dot"></div>
+            <h2>دستیار مالتی‌مدال گوگل (متن + تصویر کاملاً رایگان)</h2>
         </div>
         <div class="messages-box" id="messagesBox">
+            <div class="message ai">سلام! من متصل به هوشواره گوگل هستم. می‌توانید علاوه بر متن، تصویر هم برایم بفرستید تا بررسی کنم.</div>
         </div>
         <div class="input-wrapper">
         const previewContainer = document.getElementById('previewContainer');
         const imagePreview = document.getElementById('imagePreview');
+        function handleKeyPress(e) {
+            if (e.key === 'Enter') sendMessage();
+        }
         function previewImage(event) {
             const file = event.target.files[0];
             if (file) {
                 const reader = new FileReader();
+                reader.onload = function(e) {
+                    imagePreview.src = e.target.result;
+                    previewContainer.style.display = 'flex';
+                }
                 reader.readAsDataURL(file);
             }
         }
+        function removeSelectedImage() {
+            fileInput.value = '';
+            previewContainer.style.display = 'none';
+            imagePreview.src = '';
+        }
         async function sendMessage() {
             const text = userInput.value.trim();
             formData.append('message', text || "این تصویر را تحلیل کن");
             if (file) formData.append('image', file);
             try {
                 const response = await fetch('/api/chat', { method: 'POST', body: formData });
+                const data = await response.json();
+                if (response.ok) {
+                    appendMessage(data.response, 'ai');
+                } else {
+                    appendMessage("خطا: " + (data.detail || "مشکلی در دریافت پاسخ رخ داد."), 'ai');
                 }
             } catch (error) {
+                appendMessage("خطای شبکه: دریافت پاسخ از سرور انجام نشد.", 'ai');
             } finally {
                 setLoading(false);
             }
         }
         function appendMessage(text, sender) {
+            const msgDiv = document.createElement('div');
+            msgDiv.classList.add('message', sender);
+            msgDiv.innerText = text;
+            messagesBox.appendChild(msgDiv);
+            messagesBox.scrollTop = messagesBox.scrollHeight;
         }
         function appendImageMessage(src, sender) {
+            const msgDiv = document.createElement('div');
+            msgDiv.classList.add('message', sender);
+            msgDiv.style.padding = '8px';
+            const img = document.createElement('img');
+            img.src = src;
+            img.style.maxWidth = '200px';
+            img.style.maxHeight = '200px';
+            img.style.borderRadius = '12px';
+            img.style.display = 'block';
+            msgDiv.appendChild(img);
+            messagesBox.appendChild(msgDiv);
+            messagesBox.scrollTop = messagesBox.scrollHeight;
         }
         function setLoading(isLoading) {
             if (isLoading) {
+                userInput.disabled = true;
+                sendBtn.disabled = true;
+                const indicator = document.createElement('div');
+                indicator.classList.add('typing-indicator');
+                indicator.id = 'typingIndicator';
+                indicator.innerHTML = '<span></span><span></span><span></span>';
+                messagesBox.appendChild(indicator);
+                messagesBox.scrollTop = messagesBox.scrollHeight;
             } else {
+                userInput.disabled = false;
+                sendBtn.disabled = false;
+                const indicator = document.getElementById('typingIndicator');
+                if (indicator) indicator.remove();
+                userInput.focus();
             }
         }
     </script>
 </html>
 """
 @app.get("/", response_class=HTMLResponse)
 async def chat_interface():
     return HTML_CHAT_INTERFACE
 @app.post("/api/chat")
 async def chat_endpoint(message: str = Form(...), image: UploadFile = File(None)):
     saved_image_path = None
     if image:
         try:
             saved_image_path = os.path.join(UPLOAD_DIR, f"{int(time.time())}_{image.filename}")
             with open(saved_image_path, "wb") as buffer:
                 buffer.write(await image.read())
         except Exception as e:
+            raise HTTPException(status_code=500, detail=f"خطا در ذخیره‌سازی تصویر: {str(e)}")
+    url = "https://www.google.com/search?q=سلام&udm=50"
+    ai_response = ""
+    async with async_playwright() as p:
+        try:
             browser = await p.chromium.launch(
                 headless=True,
                 args=[
                     "--no-sandbox",
                     "--disable-setuid-sandbox",
                     "--disable-dev-shm-usage",
+                    "--disable-blink-features=AutomationControlled"
                 ]
             )
             context = await browser.new_context(
+                user_agent="Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Mobile Safari/537.36",
                 viewport={"width": 412, "height": 915},
+                locale="fa-IR",
+                timezone_id="Asia/Tehran"
             )
             page = await context.new_page()
+            await page.goto(url, wait_until="networkidle", timeout=45000)
+            await page.wait_for_timeout(3000)
+            # پروسه مالتی‌مدال و انتقال تصویر با ضریب ایمنی بالا و گام‌های مستقل خطا‌پذیر
+            if saved_image_path and os.path.exists(saved_image_path):
+                uploaded = False
+                # استراتژی ۱: تلاش برای تزریق مستقیم به لایه بارگذاری فایل (بدون نیاز به کلیک و باز کردن منو)
+                try:
                     file_input = await page.query_selector("input[type='file']")
                     if file_input:
                         await file_input.set_input_files(saved_image_path)
+                        await page.wait_for_timeout(3000)
+                        uploaded = True
+                        print("Direct file input injection succeeded.")
+                except Exception as e:
+                    print(f"Direct injection bypassed: {e}")
+                # استراتژی ۲: اگر تزریق مستقیم عمل نکرد، کلیک روی آیکون پلاس با تایم‌اوت کوتاه و باز کردن منوی گالری
+                if not uploaded:
+                    try:
+                        # فوکوس روی کادر چت با تایم‌اوت ۲ ثانیه‌ای برای باز شدن ابزارهای کناری
+                        chat_inputs = await page.query_selector_all("textarea, input[type='text'], [contenteditable='true']")
+                        for inp in chat_inputs:
+                            try:
+                                if await inp.is_visible():
+                                    await inp.click(timeout=2000)
+                                    await page.wait_for_timeout(500)
+                                    break
+                            except:
+                                continue
+                        # پیدا کردن آیکون مثبت یا دوربین و فعال‌سازی شبیه‌ساز فایل چوزر
+                        elements = await page.query_selector_all("button, div[role='button'], svg, [aria-label]")
+                        for el in elements:
+                            try:
+                                if await el.is_visible():
+                                    aria = (await el.get_attribute("aria-label") or "").lower()
+                                    html = (await el.inner_html() or "").lower()
+                                    text = (await el.inner_text() or "").lower()
+                                    combined = aria + html + text
+                                    if any(k in combined for k in ["+", "plus", "camera", "lens", "دوربین", "تصویر", "عکس"]):
+                                        async with page.expect_file_chooser(timeout=3000) as fc_info:
+                                            await el.click(timeout=2000) # تایم‌اوت امن ۲ ثانیه‌ای به جای ۳۰ ثانیه معطلی
+                                        file_chooser = await fc_info.value
+                                        await file_chooser.set_files(saved_image_path)
+                                        await page.wait_for_timeout(3000)
+                                        uploaded = True
+                                        print("Uploaded via main UI icon trigger.")
+                                        break
+                            except:
+                                continue
+                    except Exception as e:
+                        print(f"UI icon flow failed: {e}")
+                # استراتژی ۳: کلیک مستقیم روی منوی پاپ‌آپ پایینی (گالری یا ��ایل‌ها) در صورت باز شدن لایه شیت گوگل
+                if not uploaded:
+                    try:
+                        menu_items = await page.query_selector_all("div, span, button, p")
+                        for item in menu_items:
+                            try:
+                                item_text = (await item.inner_text() or "").strip()
+                                if item_text in ["گالری", "فایل‌ها", "Gallery", "Files"]:
+                                    if await item.is_visible():
+                                        async with page.expect_file_chooser(timeout=3000) as fc_info:
+                                            await item.click(timeout=2000)
+                                        file_chooser = await fc_info.value
+                                        await file_chooser.set_files(saved_image_path)
+                                        await page.wait_for_timeout(3000)
+                                        uploaded = True
+                                        print("Uploaded via bottom sheet item click.")
+                                        break
+                            except:
+                                continue
+                    except Exception as e:
+                        print(f"Bottom sheet workflow failed: {e}")
+            # یافتن کادر متنی گفتگو جهت وارد کردن متن پیام کاربر
+            input_box = None
+            candidates = await page.query_selector_all("textarea, input, [contenteditable='true']")
+            for el in candidates:
+                try:
+                    if await el.is_visible():
+                        placeholder = await el.get_attribute("placeholder") or ""
+                        if any(w in placeholder for w in ["بپرسید", "ask", "پیام", "چطور", "هرچه"]):
+                            input_box = el
+                            break
+                except:
+                    continue
+            if not input_box:
+                input_box = await page.query_selector("textarea") or await page.query_selector("input[type='text']")
+            if input_box:
+                await input_box.focus()
+                await input_box.fill(message)
+                await page.wait_for_timeout(500)
+                await input_box.press("Enter")
+                # کلیک بر روی آیکون ارسال فرم (فلش آبی بالا) با استفاده از زمان‌بندی محدود ۲ ثانیه‌ای
+                try:
+                    send_buttons = await page.query_selector_all("button, [role='button']")
+                    for btn in send_buttons:
+                        if await btn.is_visible():
+                            aria = (await btn.get_attribute("aria-label") or "").lower()
+                            if any(w in aria for w in ["send", "ارسال", "arrow", "up"]):
+                                await btn.click(timeout=2000)
+                                break
+                except:
+                    pass
+            # انتظار تعمدی به مدت ۹ ثانیه ج��ت تایپ کامل جواب توسط هوش مصنوعی گوگل
+            await page.wait_for_timeout(9000)
+            full_text = await page.evaluate("() => document.body.innerText")
+            await browser.close()
+            # فیلترسازی خطوط خروجی برای تمیز کردن تگ‌های اضافی سرچ گوگل
+            lines = full_text.split('\n')
+            cleaned_lines = []
+            skip_headers = ["تصاویر", "ویدیوها", "اخبار", "نقشه‌ها", "خرید کردن", "کتاب‌ها", "مالی", "حالت موضوع‌محور", "ورود"]
+            for line in lines:
+                line_str = line.strip()
+                if not line_str:
+                    continue
+                if any(header in line_str for header in skip_headers):
+                    continue
+                if "در پاسخ‌های" in line_str or "بیشتر بدانید" in line_str:
+                    continue
+                cleaned_lines.append(line_str)
+            ai_response = "\n".join(cleaned_lines)
+            if not ai_response:
+                ai_response = full_text
+        except Exception as e:
+            if 'browser' in locals():
                 await browser.close()
+            raise HTTPException(status_code=500, detail=f"خطا در رندر سرور هوش مصنوعی: {str(e)}")
+        finally:
+            # پاکسازی حتمی فایل تصویر از روی سرور داکر
+            if saved_image_path and os.path.exists(saved_image_path):
+                try:
+                    os.remove(saved_image_path)
+                except:
+                    pass
+    return JSONResponse(content={"response": ai_response})
 if __name__ == "__main__":
     uvicorn.run(app, host="0.0.0.0", port=7860)