Moved to Hugging Face automatically

.gitattributes

@@ -0,0 +1,53 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text
+*.whl filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.jpeg filter=lfs diff=lfs merge=lfs -text
+*.gif filter=lfs diff=lfs merge=lfs -text
+*.webp filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text
+*.mp3 filter=lfs diff=lfs merge=lfs -text
+*.wav filter=lfs diff=lfs merge=lfs -text
+*.tar.gz filter=lfs diff=lfs merge=lfs -text
+*.pdf filter=lfs diff=lfs merge=lfs -text
+*.woff filter=lfs diff=lfs merge=lfs -text
+*.woff2 filter=lfs diff=lfs merge=lfs -text
+*.ttf filter=lfs diff=lfs merge=lfs -text
+*.eot filter=lfs diff=lfs merge=lfs -text
+*.ico filter=lfs diff=lfs merge=lfs -text
+*.sqlite3 filter=lfs diff=lfs merge=lfs -text
+*.db filter=lfs diff=lfs merge=lfs -text

Dockerfile

@@ -0,0 +1,29 @@
+FROM python:3.10-slim
+
+ENV PYTHONDONTWRITEBYTECODE 1
+ENV PYTHONUNBUFFERED 1
+
+WORKDIR /app
+
+COPY requirements.txt .
+
+RUN apt-get update && \
+    apt-get install -y --no-install-recommends ffmpeg && \
+    apt-get clean && \
+    rm -rf /var/lib/apt/lists/*
+
+RUN pip install --no-cache-dir --upgrade pip && \
+    pip install --no-cache-dir -r requirements.txt
+
+COPY . .
+
+# ساخت پوشه برای فایل‌های صوتی
+RUN mkdir -p /app/audio_cache
+
+EXPOSE 7860
+
+# healthcheck داخلی داکر: اگر سرور پاسخ ندهد، پلتفرم متوجه می‌شود
+HEALTHCHECK --interval=30s --timeout=10s --start-period=20s --retries=3 \
+    CMD python -c "import urllib.request,sys; sys.exit(0) if urllib.request.urlopen('http://127.0.0.1:7860/healthz', timeout=5).status==200 else sys.exit(1)"
+
+CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "7860", "--timeout-keep-alive", "30"]

README.md

@@ -0,0 +1,46 @@
+---
+title: tts translate Alpha
+emoji: ✈️🗣️
+colorFrom: blue
+colorTo: green
+sdk: docker
+app_port: 7860
+pinned: false
+---
+
+# ✈️ آلفا مترجم — مترجم و گوینده هوشمند چندزبانه
+
+این ابزار متن شما را بین ده‌ها زبان ترجمه کرده و با صدای طبیعی (Edge-TTS مایکروسافت) می‌خواند.
+
+## نکته مهم درباره‌ی پایداری (Uptime)
+
+این پروژه از دو سرویس **رایگان و بدون کلید API** استفاده می‌کند:
+- ترجمه: `deep-translator` (از طریق Google Translate)
+- تبدیل متن به صدا: `edge-tts` (سرویس رایگان مایکروسافت)
+
+هیچ Secret/API Key ای برای اجرا لازم نیست.
+
+### چرا ممکن است اسپیس گاهی ری‌استارت شود؟
+1. **پلن رایگان Hugging Face Spaces** منابع محدودی (CPU/RAM مشترک) دارد و پلتفرم ممکن است container را برای مدیریت منابع، به‌روزرسانی زیرساخت، یا در صورت رسیدن به سقف مصرف حافظه، ری‌استارت کند. این رفتار طبیعی پلن رایگان است و مستقل از کیفیت کد شماست.
+2. سرویس رایگان Edge-TTS مایکروسافت گاهی زیر بار زیاد (درخواست‌های هم‌زمان بالا) خطای موقت `No audio was received` می‌دهد. کد فعلی این حالت را با **retry خودکار** و **محدودسازی تعداد درخواست هم‌زمان** (`TTS_CONCURRENCY_LIMIT`) مدیریت می‌کند تا این خطاها به بحران حافظه/کرش تبدیل نشوند.
+
+### برای حداکثر پایداری توصیه می‌شود:
+- در تنظیمات Space (Settings → Sleep time)، اگر پلن رایگان استفاده می‌کنید توجه کنید که Spaceهای CPU Basic رایگان ممکن است در نبود ترافیک بعد از مدتی خواب بروند؛ برای جلوگیری از خواب کامل باید سخت‌افزار **Persistent/Paid** انتخاب شود («Upgrade Space» در تنظیمات).
+- متغیرهای محیطی زیر را می‌توانید در Settings → Variables تنظیم کنید تا بار سرویس را کنترل کنید:
+  - `TTS_CONCURRENCY_LIMIT` (پیش‌فرض: 6) — تعداد درخواست هم‌زمان مجاز به Edge-TTS
+  - `AUDIO_CACHE_MAX_MB` (پیش‌فرض: 300) — حداکثر حجم مجاز پوشه‌ی کش صوتی قبل از پاکسازی اضطراری
+
+### مانیتورینگ
+مسیر `/healthz` برای بررسی سلامت سرویس در دسترس است و در `Dockerfile` هم healthcheck داخلی تعریف شده است.
+
+## نحوه استفاده
+1. متن خود را وارد کنید.
+2. زبان مبدا و مقصد و صدای دلخواه را انتخاب کنید.
+3. (اختیاری) سرعت، حجم و گام صدا را در تنظیمات پیشرفته تغییر دهید.
+4. روی دکمه‌ی ترجمه و تلفظ بزنید.
+
+## وابستگی‌ها
+همه‌ی نیازمندی‌ها در `requirements.txt` مشخص و توسط `Dockerfile` نصب می‌شوند.
+
+---
+ساخته شده با ❤️ — FastAPI · Edge-TTS · Google Translate

app.py

@@ -0,0 +1,337 @@
+import os
+import time
+import asyncio
+import logging
+import threading
+from typing import List, Optional, Any
+from fastapi import FastAPI, Request
+from fastapi.responses import HTMLResponse, FileResponse, JSONResponse
+from fastapi.staticfiles import StaticFiles
+from pydantic import BaseModel
+import edge_tts
+from deep_translator import GoogleTranslator
+import uuid
+
+# --- پیکربندی اولیه ---
+logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
+AUDIO_DIR = "audio_cache"
+os.makedirs(AUDIO_DIR, exist_ok=True)
+
+# حداکثر تعداد درخواست هم‌زمان TTS - جلوگیری از overload شدن سرویس مایکروسافت
+# و جلوگیری از مصرف بی‌رویه RAM/Thread که باعث ریستارت اسپیس می‌شود
+TTS_CONCURRENCY_LIMIT = int(os.environ.get("TTS_CONCURRENCY_LIMIT", 6))
+TTS_SEMAPHORE = asyncio.Semaphore(TTS_CONCURRENCY_LIMIT)
+TTS_TIMEOUT = 20  # ثانیه - جلوگیری از هنگ کردن کانکشن‌ها
+TTS_MAX_RETRIES = 3
+
+# حداکثر حجم مجاز پوشه audio_cache (به مگابایت) قبل از پاکسازی اضطراری
+AUDIO_CACHE_MAX_MB = int(os.environ.get("AUDIO_CACHE_MAX_MB", 300))
+
+# پاکسازی فایل‌های صوتی قدیمی برای جلوگیری از پر شدن هاست
+def cleanup_old_audio():
+    while True:
+        try:
+            now = time.time()
+            entries = []
+            total_size = 0
+            for filename in os.listdir(AUDIO_DIR):
+                filepath = os.path.join(AUDIO_DIR, filename)
+                try:
+                    st = os.stat(filepath)
+                except FileNotFoundError:
+                    continue
+                total_size += st.st_size
+                entries.append((filepath, st.st_mtime, st.st_size))
+                if st.st_mtime < now - 3600:  # حذف فایل‌های قدیمی‌تر از ۱ ساعت
+                    try:
+                        os.remove(filepath)
+                        total_size -= st.st_size
+                    except Exception as e:
+                        logging.warning(f"Cleanup: could not remove {filepath}: {e}")
+
+            # اگر حجم کش با وجود پاکسازی زمانی هنوز خیلی بزرگ بود، قدیمی‌ترین‌ها را زودتر حذف کن
+            limit_bytes = AUDIO_CACHE_MAX_MB * 1024 * 1024
+            if total_size > limit_bytes:
+                entries.sort(key=lambda x: x[1])
+                for filepath, mtime, size in entries:
+                    if total_size <= limit_bytes:
+                        break
+                    try:
+                        os.remove(filepath)
+                        total_size -= size
+                    except Exception:
+                        pass
+                logging.info("Cleanup: emergency trim of audio_cache due to size limit")
+        except Exception as e:
+            logging.error(f"Cleanup error: {e}")
+        time.sleep(600)  # هر ۱۰ دقیقه به جای ۳۰ دقیقه
+
+threading.Thread(target=cleanup_old_audio, daemon=True, name="audio-cleanup").start()
+
+# --- دیتابیس جامع زبان‌ها و صداها ---
+# زبان‌های پرکاربرد در ابتدا قرار گرفته‌اند و سپس سایر زبان‌ها
+LANGUAGES_MAP = {
+    # --- زبان‌های پرکاربرد ---
+    "انگلیسی": {"code": "en", "voices": {'زن - جنی (آمریکا)': 'en-US-JennyNeural', 'مرد - گای (آمریکا)': 'en-US-GuyNeural', 'زن - آریا (آمریکا)': 'en-US-AriaNeural', 'مرد - کریستوفر (آمریکا)': 'en-US-ChristopherNeural', 'زن - لیبی (بریتانیا)': 'en-GB-LibbyNeural', 'مرد - رایان (بریتانیا)': 'en-GB-RyanNeural', 'زن - ناتاشا (استرالیا)': 'en-AU-NatashaNeural', 'مرد - ویلیام (استرالیا)': 'en-AU-WilliamNeural', 'مرد - لیام (کانادا)': 'en-CA-LiamNeural', 'زن - کلارا (کانادا)': 'en-CA-ClaraNeural', 'زن - نیرجا (هند)': 'en-IN-NeerjaNeural', 'مرد - پرابات (هند)': 'en-IN-PrabhatNeural', 'زن - آسیمی (نیجریه)': 'en-NG-EzinneNeural', 'مرد - آبه (نیجریه)': 'en-NG-AbeoNeural'}},
+    "فارسی": {"code": "fa", "voices": {'زن - دلارا': 'fa-IR-DilaraNeural', 'مرد - فرید': 'fa-IR-FaridNeural'}},
+    "عربی": {"code": "ar", "voices": {'زن - فاطمه (امارات)': 'ar-AE-FatimaNeural', 'مرد - حمدان (امارات)': 'ar-AE-HamdanNeural', 'زن - سلما (مصر)': 'ar-EG-SalmaNeural', 'مرد - شاکر (مصر)': 'ar-EG-ShakirNeural', 'مرد - حامد (عربستان)': 'ar-SA-HamedNeural', 'زن - زاریة (عربستان)': 'ar-SA-ZariyahNeural'}},
+    "چینی": {"code": "zh-CN", "voices": {'مرد - یونشی': 'zh-CN-YunxiNeural', 'زن - شیائوشیا': 'zh-CN-XiaoxiaoNeural', 'زن - شیائویی': 'zh-CN-XiaoyiNeural', 'مرد - یونجیان': 'zh-CN-YunjianNeural'}},
+    "چی��ی (سنتی)": {"code": "zh-TW", "voices": {'زن - هسیاوچن': 'zh-TW-HsiaoChenNeural', 'مرد - یونژه': 'zh-TW-YunJheNeural', 'زن - هسیاویو': 'zh-TW-HsiaoYuNeural'}},
+    "ترکی": {"code": "tr", "voices": {'زن - امل': 'tr-TR-EmelNeural', 'مرد - احمد': 'tr-TR-AhmetNeural'}},
+    "فرانسوی": {"code": "fr", "voices": {'زن - الویز (فرانسه)': 'fr-FR-EloiseNeural', 'مرد - هنری (فرانسه)': 'fr-FR-HenriNeural', 'زن - دنیس (فرانسه)': 'fr-FR-DeniseNeural', 'زن - سیلویا (کانادا)': 'fr-CA-SylvieNeural', 'مرد - آنتوان (کانادا)': 'fr-CA-AntoineNeural', 'زن - آریان (سوئیس)': 'fr-CH-ArianeNeural', 'مرد - فابریس (سوئیس)': 'fr-CH-FabriceNeural', 'زن - شارلین (بلژیک)': 'fr-BE-CharlineNeural', 'مرد - جرارد (بلژیک)': 'fr-BE-GerardNeural'}},
+    "آلمانی": {"code": "de", "voices": {'زن - کاترین (آلمان)': 'de-DE-KatjaNeural', 'مرد - کنراد (آلمان)': 'de-DE-ConradNeural', 'زن - آملی (آلمان)': 'de-DE-AmelieNeural', 'زن - اینگرید (اتریش)': 'de-AT-IngridNeural', 'مرد - یوناس (اتریش)': 'de-AT-JonasNeural', 'زن - لنی (سوئیس)': 'de-CH-LeniNeural', 'مرد - یان (سوئیس)': 'de-CH-JanNeural'}},
+    "اسپانیایی": {"code": "es", "voices": {'زن - الویرا (اسپانیا)': 'es-ES-ElviraNeural', 'مرد - آلوارو (اسپانیا)': 'es-ES-AlvaroNeural', 'زن - دالیا (مکزیک)': 'es-MX-DaliaNeural', 'مرد - خورخه (مکزیک)': 'es-MX-JorgeNeural', 'زن - النا (آرژانتین)': 'es-AR-ElenaNeural', 'مرد - توماس (آرژانتین)': 'es-AR-TomasNeural', 'زن - سالومه (کلمبیا)': 'es-CO-SalomeNeural', 'مرد - گونزالو (کلمبیا)': 'es-CO-GonzaloNeural'}},
+    "روسی": {"code": "ru", "voices": {'زن - سوتلانا': 'ru-RU-SvetlanaNeural', 'مرد - دیمیتری': 'ru-RU-DmitryNeural', 'زن - داریا': 'ru-RU-DariyaNeural'}},
+    "ژاپنی": {"code": "ja", "voices": {'زن - نانامی': 'ja-JP-NanamiNeural', 'مرد - کیتا': 'ja-JP-KeitaNeural', 'زن - آئوی': 'ja-JP-AoiNeural'}},
+    "ایتالیایی": {"code": "it", "voices": {'زن - السا': 'it-IT-ElsaNeural', 'مرد - دیگو': 'it-IT-DiegoNeural', 'زن - ایزابلا': 'it-IT-IsabellaNeural'}},
+    "کره‌ای": {"code": "ko", "voices": {'زن - سونوهی': 'ko-KR-SunHiNeural', 'مرد - اینجون': 'ko-KR-InJoonNeural', 'زن - جیمین': 'ko-KR-JiMinNeural'}},
+    "هندی": {"code": "hi", "voices": {'زن - مادور': 'hi-IN-MadhurNeural', 'مرد - سوآرا': 'hi-IN-SwaraNeural'}},
+    "هلندی": {"code": "nl", "voices": {'زن - کوئلت': 'nl-NL-ColetteNeural', 'مرد - مارتین': 'nl-NL-MaartenNeural', 'زن - دنا (بلژیک)': 'nl-BE-DenaNeural', 'مرد - آرنو (بلژیک)': 'nl-BE-ArnaudNeural'}},
+    "سوئدی": {"code": "sv", "voices": {'زن - سوفی': 'sv-SE-SofieNeural', 'مرد - ماتیاس': 'sv-SE-MattiasNeural'}},
+    "لهستانی": {"code": "pl", "voices": {'زن - زوفیا': 'pl-PL-ZofiaNeural', 'مرد - مارک': 'pl-PL-MarekNeural'}},
+    "پرتغالی": {"code": "pt", "voices": {'زن - فرانسیسکا (برزیل)': 'pt-BR-FranciscaNeural', 'مرد - آنتونیو (برزیل)': 'pt-BR-AntonioNeural', 'زن - راکل (پرتغال)': 'pt-PT-RaquelNeural', 'مرد - دوارته (پرتغال)': 'pt-PT-DuarteNeural'}},
+    
+    # --- سایر زبان‌ها ---
+    "آفریقانس": {"code": "af", "voices": {'زن - آدریا': 'af-ZA-AdriNeural', 'مرد - ویلم': 'af-ZA-WillemNeural'}},
+    "آلبانیایی": {"code": "sq", "voices": {'زن - آنیرا': 'sq-AL-AnilaNeural', 'مرد - ایلیر': 'sq-AL-IlirNeural'}},
+    "آمهاری": {"code": "am", "voices": {'زن - مکدز': 'am-ET-MekdesNeural', 'مرد - آمها': 'am-ET-AmehaNeural'}},
+    "ارمنی": {"code": "hy", "voices": {}},
+    "آذربایجانی": {"code": "az", "voices": {'زن - بانو': 'az-AZ-BanuNeural', 'مرد - بابک': 'az-AZ-BabekNeural'}},
+    "باسک": {"code": "eu", "voices": {'زن - آینهوا': 'eu-ES-AinhoaNeural', 'مرد - آندر': 'eu-ES-AnderNeural'}},
+    "بلاروسی": {"code": "be", "voices": {}},
+    "بنگالی": {"code": "bn", "voices": {'زن - نابانیا (بنگلادش)': 'bn-BD-NabanitaNeural', 'مرد - پردیپ (بنگلادش)': 'bn-BD-PradeepNeural', 'زن - تانیا (هند)': 'bn-IN-TanyaNeural', 'مرد - بشکر (هند)': 'bn-IN-BashkarNeural'}},
+    "بوسنیایی": {"code": "bs", "voices": {'زن - وسنا': 'bs-BA-VesnaNeural', 'مرد - گوران': 'bs-BA-GoranNeural'}},
+    "بلغاری": {"code": "bg", "voices": {'زن - کالینا': 'bg-BG-KalinaNeural', 'مرد - بوریس': 'bg-BG-BorislavNeural'}},
+    "کاتالان": {"code": "ca", "voices": {'زن - جوآنا': 'ca-ES-JoanaNeural', 'مرد - انریک': 'ca-ES-EnricNeural'}},
+    "سبوانو": {"code": "ceb", "voices": {}},
+    "کورسی": {"code": "co", "voices": {}},
+    "کروات": {"code": "hr", "voices": {'زن - گابریلا': 'hr-HR-GabrijelaNeural', 'مرد - سرکو': 'hr-HR-SreckoNeural'}},
+    "چک": {"code": "cs", "voices": {'زن - ولاستا': 'cs-CZ-VlastaNeural', 'مرد - آنتونین': 'cs-CZ-AntoninNeural'}},
+    "دانمارکی": {"code": "da", "voices": {'زن - کریستل': 'da-DK-ChristelNeural', 'مرد - جپ': 'da-DK-JeppeNeural'}},
+    "اسپرانتو": {"code": "eo", "voices": {}},
+    "استونیایی": {"code": "et", "voices": {'زن - آنو': 'et-EE-AnuNeural', 'مرد - کرت': 'et-EE-KertNeural'}},
+    "فنلاندی": {"code": "fi", "voices": {'زن - سلما': 'fi-FI-SelmaNeural', 'مرد - هری': 'fi-FI-HarriNeural'}},
+    "فریسی": {"code": "fy", "voices": {}},
+    "گالیسیایی": {"code": "gl", "voices": {'زن - سابیا': 'gl-ES-SabelaNeural', 'مرد - روی': 'gl-ES-RoiNeural'}},
+    "گرجی": {"code": "ka", "voices": {'زن - اکا': 'ka-GE-EkaNeural', 'مرد - گیورگی': 'ka-GE-GiorgiNeural'}},
+    "یونانی": {"code": "el", "voices": {'زن - آتینا': 'el-GR-AthinaNeural', 'مرد - نستوراس': 'el-GR-NestorasNeural'}},
+    "گجراتی": {"code": "gu", "voices": {'زن - دوانی': 'gu-IN-DhwaniNeural', 'مرد - نیرانجان': 'gu-IN-NiranjanNeural'}},
+    "هائیتی": {"code": "ht", "voices": {}},
+    "هاوسا": {"code": "ha", "voices": {}},
+    "هاوایی": {"code": "haw", "voices": {}},
+    "عبری": {"code": "iw", "voices": {'زن - هیلا': 'he-IL-HilaNeural', 'مرد - آوری': 'he-IL-AvriNeural'}}, # کد ترجمه به iw تغییر کرد
+    "همونگ": {"code": "hmn", "voices": {}},
+    "مجاری": {"code": "hu", "voices": {'زن - نوئمی': 'hu-HU-NoemiNeural', 'مرد - تاماس': 'hu-HU-TamasNeural'}},
+    "ایسلندی": {"code": "is", "voices": {'زن - گودرون': 'is-IS-GudrunNeural', 'مرد - گونار': 'is-IS-GunnarNeural'}},
+    "ایگبو": {"code": "ig", "voices": {}},
+    "اندونزیایی": {"code": "id", "voices": {'زن - گادیس': 'id-ID-GadisNeural', 'مرد - آردی': 'id-ID-ArdiNeural'}},
+    "ایرلندی": {"code": "ga", "voices": {'زن - اورلا': 'ga-IE-OrlaNeural', 'مرد - کولم': 'ga-IE-ColmNeural'}},
+    "جاوه‌ای": {"code": "jw", "voices": {'زن - سیتی': 'jv-ID-SitiNeural', 'مرد - بیما': 'jv-ID-BimasenaNeural'}}, # کد ترجمه به jw تغییر کرد
+    "کانادا": {"code": "kn", "voices": {'زن - ساپانا': 'kn-IN-SapnaNeural', 'مرد - گاگان': 'kn-IN-GaganNeural'}},
+    "قزاقی": {"code": "kk", "voices": {'زن - آیگول': 'kk-KZ-AigulNeural', 'مرد - دولت': 'kk-KZ-DauletNeural'}},
+    "خمر": {"code": "km", "voices": {'زن - سریموچ': 'km-KH-SreymomNeural', 'مرد - پیسث': 'km-KH-PisethNeural'}},
+    "کردی": {"code": "ku", "voices": {}},
+    "قرقیزی": {"code": "ky", "voices": {}},
+    "لائو": {"code": "lo", "voices": {'زن - چانتاوونگ': 'lo-LA-ChanthavongNeural', 'مرد - کئو': 'lo-LA-KeoNeural'}},
+    "لاتین": {"code": "la", "voices": {}},
+    "لتونیایی": {"code": "lv", "voices": {'زن - اورلیا': 'lv-LV-EveritaNeural', 'مرد - نیلس': 'lv-LV-NilsNeural'}},
+    "لیتوانیایی": {"code": "lt", "voices": {'زن - اونا': 'lt-LT-OnaNeural', 'مرد - لئوناس': 'lt-LT-LeonasNeural'}},
+    "لوکزامبورگی": {"code": "lb", "voices": {}},
+    "مقدونی": {"code": "mk", "voices": {'زن - ماریا': 'mk-MK-MarijaNeural', 'مرد - الکساندر': 'mk-MK-AleksandarNeural'}},
+    "مالاگاسی": {"code": "mg", "voices": {}},
+    "مالایی": {"code": "ms", "voices": {'زن - یاسمین': 'ms-MY-YasminNeural', 'مرد - عثمان': 'ms-MY-OsmanNeural'}},
+    "مالایالم": {"code": "ml", "voices": {'زن - سوبهانجا': 'ml-IN-SobhanaNeural', 'مرد - میدون': 'ml-IN-MidhunNeural'}},
+    "مالتی": {"code": "mt", "voices": {'زن - گریس': 'mt-MT-GraceNeural', 'مرد - جوزف': 'mt-MT-JosephNeural'}},
+    "مائوری": {"code": "mi", "voices": {}},
+    "مراتی": {"code": "mr", "voices": {'زن - آروهی': 'mr-IN-AarohiNeural', 'مرد - مانوهر': 'mr-IN-ManoharNeural'}},
+    "مغولی": {"code": "mn", "voices": {'زن - یسوی': 'mn-MN-YesuiNeural', 'مرد - باتا': 'mn-MN-BataaNeural'}},
+    "میانماری (برمه‌ای)": {"code": "my", "voices": {'زن - نیلار': 'my-MM-NilarNeural', 'مرد - تیها': 'my-MM-ThihaNeural'}},
+    "نپالی": {"code": "ne", "voices": {'زن - هما': 'ne-NP-HemkalaNeural', 'مرد - ساگار': 'ne-NP-SagarNeural'}},
+    "نروژی": {"code": "no", "voices": {'زن - پرنیله': 'nb-NO-PernilleNeural', 'مرد - فین': 'nb-NO-FinnNeural'}},
+    "پشتو": {"code": "ps", "voices": {'زن - لطیفه': 'ps-AF-LatifaNeural', 'مرد - گل‌نواز': 'ps-AF-GulNawazNeural'}},
+    "پنجابی": {"code": "pa", "voices": {}},
+    "رومانیایی": {"code": "ro", "voices": {'زن - آلینا': 'ro-RO-AlinaNeural', 'مرد - امیل': 'ro-RO-EmilNeural'}},
+    "صربی": {"code": "sr", "voices": {'زن - سوفیا': 'sr-RS-SophieNeural', 'مرد - نیکولا': 'sr-RS-NicholasNeural'}},
+    "سسوتو": {"code": "st", "voices": {}},
+    "سینهالی": {"code": "si", "voices": {'زن - تیمی': 'si-LK-ThiliniNeural', 'مرد - سامیرا': 'si-LK-SameeraNeural'}},
+    "اسلواکی": {"code": "sk", "voices": {'زن - ویکتوریا': 'sk-SK-ViktoriaNeural', 'مرد - لوکاس': 'sk-SK-LukasNeural'}},
+    "اسلوونیایی": {"code": "sl", "voices": {'زن - پترا': 'sl-SI-PetraNeural', 'مرد - روک': 'sl-SI-RokNeural'}},
+    "سومالیایی": {"code": "so", "voices": {'زن - اوباخ': 'so-SO-UbaxNeural', 'مرد - موزه': 'so-SO-MuuseNeural'}},
+    "سوندانی": {"code": "su", "voices": {'زن - توتی': 'su-ID-TutiNeural', 'مرد - جاجانگ': 'su-ID-JajangNeural'}},
+    "سواحیلی": {"code": "sw", "voices": {'زن - زوری (کنیا)': 'sw-KE-ZuriNeural', 'مرد - رفیق (کنیا)': 'sw-KE-RafikiNeural', 'زن - ریما (تانزانیا)': 'sw-TZ-RehemaNeural', 'مرد - دادی (تانزانیا)': 'sw-TZ-DaudiNeural'}},
+    "تاجیکی": {"code": "tg", "voices": {}},
+    "تامیلی": {"code": "ta", "voices": {'زن - پالاوی (هند)': 'ta-IN-PallaviNeural', 'مرد - والان (هند)': 'ta-IN-ValluvarNeural', 'زن - کانی (سریلانکا)': 'ta-LK-KaniNeural', 'مرد - کومار (سریلانکا)': 'ta-LK-KumarNeural'}},
+    "تلوگو": {"code": "te", "voices": {'زن - شروتی': 'te-IN-ShrutiNeural', 'مرد - موهان': 'te-IN-MohanNeural'}},
+    "تایلندی": {"code": "th", "voices": {'زن - پرم‌وادی': 'th-TH-PremwadeeNeural', 'مرد - نیوات': 'th-TH-NiwatNeural'}},
+    "اوکراینی": {"code": "uk", "voices": {'زن - پولینا': 'uk-UA-PolinaNeural', 'مرد - اوستاپ': 'uk-UA-OstapNeural'}},
+    "اردو": {"code": "ur", "voices": {'زن - گل (پاکستان)': 'ur-PK-UzmaNeural', 'مرد - اسد (پاکستان)': 'ur-PK-AsadNeural', 'زن - گلرخ (هند)': 'ur-IN-GulNeural', 'مرد - سلمان (هند)': 'ur-IN-SalmanNeural'}},
+    "ازبکی": {"code": "uz", "voices": {'زن - مدینه': 'uz-UZ-MadinaNeural', 'مرد - سردار': 'uz-UZ-SardorNeural'}},
+    "ویتنامی": {"code": "vi", "voices": {'زن - هوآی‌می': 'vi-VN-HoaiMyNeural', 'مرد - نام‌مین': 'vi-VN-NamMinhNeural'}},
+    "ولزی": {"code": "cy", "voices": {'زن - نیا': 'cy-GB-NiaNeural', 'مرد - آلد': 'cy-GB-AledNeural'}},
+    "خوسا": {"code": "xh", "voices": {}},
+    "یدی": {"code": "yi", "voices": {}},
+    "یوروبا": {"code": "yo", "voices": {}},
+    "زولو": {"code": "zu", "voices": {'زن - تاندکا': 'zu-ZA-ThandoNeural', 'مرد - تبوگو': 'zu-ZA-ThembaNeural'}}
+}
+
+# --- دیتابیس قدیمی برای پشتیبانی API دوستان شما ---
+LEGACY_VOICES = {
+    'انگلیسی (آمریکا) - جنی (زن)': 'en-US-JennyNeural', 'انگلیسی (آمریکا) - گای (مرد)': 'en-US-GuyNeural',
+    'انگلیسی (آمریکا) - آنا (زن، صدای کودک)': 'en-US-AnaNeural', 'انگلیسی (آمریکا) - آریا (زن)': 'en-US-AriaNeural',
+    'انگلیسی (بریتانیا) - لیبی (زن)': 'en-GB-LibbyNeural', 'انگلیسی (بریتانیا) - رایان (مرد)': 'en-GB-RyanNeural',
+}
+
+# --- راه‌اندازی سرور ---
+app = FastAPI(title="Alpha Translator API")
+app.mount("/audio_cache", StaticFiles(directory=AUDIO_DIR), name="audio_cache")
+
+# --- توابع اصلی پردازش ---
+async def translate_text(text: str, source: str, target: str) -> str:
+    def _do_translate():
+        return GoogleTranslator(source=source, target=target).translate(text)
+    try:
+        return await asyncio.wait_for(asyncio.to_thread(_do_translate), timeout=15)
+    except asyncio.TimeoutError:
+        logging.error("Translation Error: timeout")
+        return "خطا در ترجمه: سرویس ترجمه پاسخ نداد، لطفاً دوباره تلاش کنید."
+    except Exception as e:
+        logging.error(f"Translation Error: {e}")
+        return f"خطا در ترجمه: {str(e)}"
+
+async def generate_audio(text: str, voice_id: str, rate: int, volume: int, pitch: int) -> str:
+    filename = f"{uuid.uuid4().hex}.mp3"
+    filepath = os.path.join(AUDIO_DIR, filename)
+    rate_str, volume_str, pitch_str = f"{int(rate):+g}%", f"{int(volume):+g}%", f"{int(pitch):+g}Hz"
+
+    async with TTS_SEMAPHORE:
+        last_error = None
+        for attempt in range(1, TTS_MAX_RETRIES + 1):
+            try:
+                communicate = edge_tts.Communicate(
+                    text, voice_id, rate=rate_str, volume=volume_str, pitch=pitch_str
+                )
+                await asyncio.wait_for(communicate.save(filepath), timeout=TTS_TIMEOUT)
+                if os.path.exists(filepath) and os.path.getsize(filepath) > 0:
+                    return f"/audio_cache/{filename}"
+                last_error = "generated empty audio file"
+            except asyncio.TimeoutError:
+                last_error = "timeout"
+            except Exception as e:
+                last_error = str(e)
+
+            logging.warning(
+                f"TTS attempt {attempt}/{TTS_MAX_RETRIES} failed for voice={voice_id}: {last_error}"
+            )
+            try:
+                if os.path.exists(filepath):
+                    os.remove(filepath)
+            except Exception:
+                pass
+            if attempt < TTS_MAX_RETRIES:
+                await asyncio.sleep(1.2 * attempt)
+
+        logging.error(f"TTS Error: all retries failed - {last_error}")
+        return ""
+
+# --- مدل‌های داده (برای دریافت اطلاعات از فرانت‌اند) ---
+class TranslateRequest(BaseModel):
+    text: str
+    source_lang: str
+    target_lang: str
+    voice_key: str
+    rate: int = 0
+    volume: int = 0
+    pitch: int = 0
+
+class GradioLegacyRequest(BaseModel):
+    data: List[Any] # [text, voice, rate, volume, pitch]
+
+# --- Endpoints API وب‌سایت ---
+@app.get("/")
+async def serve_index():
+    return FileResponse("index.html")
+
+@app.get("/healthz")
+async def healthz():
+    """برای مانیتورینگ سلامت اسپیس؛ همیشه سبک و سریع پاسخ می‌دهد."""
+    return {"status": "ok", "time": time.time()}
+
+@app.get("/api/config")
+async def get_config():
+    return {"languages": LANGUAGES_MAP}
+
+@app.post("/api/translate_and_speak")
+async def api_translate_speak(req: TranslateRequest):
+    try:
+        if not req.text or not req.text.strip():
+            return {"success": False, "error": "متن ورودی خالی است."}
+
+        src_code = "auto" if req.source_lang == "شناسایی خودکار" else LANGUAGES_MAP.get(req.source_lang, {}).get("code", "auto")
+        target_lang_data = LANGUAGES_MAP.get(req.target_lang, {})
+        tgt_code = target_lang_data.get("code", "en")
+
+        # پیدا کردن آیدی دقیق صدا
+        voice_id = target_lang_data.get("voices", {}).get(req.voice_key)
+        if not voice_id:
+            voices = list(target_lang_data.get("voices", {}).values())
+            voice_id = voices[0] if voices else "en-US-JennyNeural"
+
+        # 1. ترجمه
+        translated_text = await translate_text(req.text, src_code, tgt_code)
+        if "خطا در ترجمه" in translated_text:
+            return {"success": False, "error": translated_text}
+
+        # 2. تولید صدا (اگر زبانی صدا نداشته باشد، این بخش نادیده گرفته می‌شود)
+        audio_url = ""
+        if target_lang_data.get("voices"):
+            audio_url = await generate_audio(translated_text, voice_id, req.rate, req.volume, req.pitch)
+            if not audio_url:
+                # ترجمه موفق بود ولی صدا تولید نشد - همچنان متن را برگردان
+                return {
+                    "success": True,
+                    "translated_text": translated_text,
+                    "audio_url": "",
+                    "warning": "متن ترجمه شد اما در ساخت فایل صوتی مشکلی پیش آمد. لطفاً دوباره تلاش کنید."
+                }
+
+        return {
+            "success": True,
+            "translated_text": translated_text,
+            "audio_url": audio_url
+        }
+    except Exception as e:
+        # هرگز نباید یک درخواست خراب کل سرور را از کار بیندازد
+        logging.error(f"Unhandled error in translate_and_speak: {e}")
+        return JSONResponse(status_code=500, content={"success": False, "error": "خطای داخلی سرور. لطفاً دوباره تلاش کنید."})
+
+# --- شبیه‌ساز API گاردین برای ربات‌ها/اسکریپت‌های دوستان شما ---
+@app.post("/run/translate_and_speak")
+@app.post("/api/translate_and_speak_legacy")
+async def legacy_api(req: GradioLegacyRequest, request: Request):
+    """
+    این بخش دقیقا ساختار Gradio را شبیه سازی می‌کند تا هیچ اسکریپتی از کار نیفتد.
+    """
+    try:
+        text, voice_key, rate, volume, pitch = req.data[0], req.data[1], req.data[2], req.data[3], req.data[4]
+        
+        # ترجمه به انگلیسی (رفتار قبلی سیستم)
+        translated_text = await translate_text(text, "fa", "en")
+        
+        # پیدا کردن صدای انگلیسی قدیمی
+        voice_id = LEGACY_VOICES.get(voice_key, "en-US-JennyNeural")
+        
+        audio_url = await generate_audio(translated_text, voice_id, rate, volume, pitch)
+        
+        # ساختن آدرس کامل فایل صوتی برای کلاینت‌ها
+        base_url = str(request.base_url).rstrip("/")
+        full_audio_url = f"{base_url}{audio_url}" if audio_url else None
+        
+        # خروجی دقیقاً با ساختار پاسخ Gradio
+        return JSONResponse(content={
+            "data": [
+                translated_text,
+                {"name": full_audio_url, "data": full_audio_url, "is_file": True} if full_audio_url else None
+            ]
+        })
+    except Exception as e:
+        return JSONResponse(content={"error": str(e)}, status_code=500)

index.html

@@ -0,0 +1,785 @@
+<!DOCTYPE html>
+<html lang="fa" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>آلفا مترجم | Alpha Translator</title>
+    <link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.0.0/Vazirmatn-font-face.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+
+    <style>
+        :root {
+            --sky: #38bdf8;
+            --sky-deep: #0ea5e9;
+            --sky-pale: #e0f2fe;
+            --ocean: #0369a1;
+            --mint: #34d399;
+            --lavender: #818cf8;
+            --peach: #fb923c;
+            --bg: #f0f9ff;
+            --card: #ffffff;
+            --text: #0f172a;
+            --muted: #64748b;
+            --border: #e2e8f0;
+            --shadow: 0 20px 60px -10px rgba(14,165,233,0.15);
+        }
+
+        * { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
+
+        body {
+            font-family: 'Vazirmatn', sans-serif;
+            background: var(--bg);
+            min-height: 100vh;
+            overflow-x: hidden;
+            color: var(--text);
+        }
+
+        /* ===== BACKGROUND ===== */
+        .bg-scene {
+            position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;
+        }
+        .bg-scene::before {
+            content: ''; position: absolute; top: -20%; right: -10%;
+            width: 70vw; height: 70vw; border-radius: 50%;
+            background: radial-gradient(circle, rgba(56,189,248,0.18) 0%, transparent 70%);
+            animation: floatBlob 12s ease-in-out infinite;
+        }
+        .bg-scene::after {
+            content: ''; position: absolute; bottom: -10%; left: -5%;
+            width: 55vw; height: 55vw; border-radius: 50%;
+            background: radial-gradient(circle, rgba(129,140,248,0.14) 0%, transparent 70%);
+            animation: floatBlob 15s ease-in-out infinite reverse;
+        }
+        @keyframes floatBlob {
+            0%,100% { transform: translate(0,0) scale(1); }
+            33% { transform: translate(3%,4%) scale(1.04); }
+            66% { transform: translate(-2%,2%) scale(0.97); }
+        }
+
+        /* ===== LAYOUT ===== */
+        .app-wrapper { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; padding: 0 16px 40px; }
+
+        /* ===== HEADER ===== */
+        header {
+            padding: 32px 0 20px; text-align: center;
+            animation: headerDrop 0.8s cubic-bezier(0.34,1.56,0.64,1) both;
+        }
+        @keyframes headerDrop {
+            0% { opacity:0; transform: translateY(-40px) scale(0.9); }
+            100% { opacity:1; transform: translateY(0) scale(1); }
+        }
+        .logo-wrap { display: inline-flex; align-items: center; justify-content: center; gap: 14px; }
+
+        /* ===== LOGO ICON ===== */
+        .logo-icon-wrap { position: relative; width: 64px; height: 64px; }
+        .logo-icon-wrap svg { width: 64px; height: 64px; filter: drop-shadow(0 4px 18px rgba(14,165,233,0.4)); }
+        .logo-icon-pulse {
+            position: absolute; inset: -6px; border-radius: 50%;
+            border: 2px solid rgba(56,189,248,0.5);
+            animation: pulse-ring 2s ease-out infinite;
+        }
+        .logo-icon-pulse2 {
+            position: absolute; inset: -14px; border-radius: 50%;
+            border: 2px solid rgba(56,189,248,0.25);
+            animation: pulse-ring 2s ease-out 0.6s infinite;
+        }
+        @keyframes pulse-ring {
+            0% { transform: scale(0.9); opacity: 1; }
+            100% { transform: scale(1.5); opacity: 0; }
+        }
+
+        .logo-text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1; gap: 4px; }
+        .logo-title {
+            font-size: 2rem; font-weight: 900;
+            background: linear-gradient(135deg, var(--sky-deep) 0%, var(--lavender) 100%);
+            -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
+        }
+        .logo-sub { font-size: 0.72rem; color: var(--muted); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
+
+        /* ===== CARD ===== */
+        .card {
+            background: rgba(255,255,255,0.82);
+            backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
+            border: 1px solid rgba(255,255,255,0.9);
+            border-radius: 28px; padding: 28px 24px;
+            box-shadow: var(--shadow), 0 1px 0 rgba(255,255,255,0.9) inset;
+            animation: cardRise 0.7s cubic-bezier(0.34,1.2,0.64,1) 0.2s both;
+        }
+        @keyframes cardRise {
+            0% { opacity:0; transform: translateY(30px) scale(0.97); }
+            100% { opacity:1; transform: translateY(0) scale(1); }
+        }
+
+        /* ===== LANGUAGE ROW ===== */
+        .lang-row { display: flex; align-items: flex-end; gap: 10px; margin-bottom: 20px; }
+        .lang-group { flex: 1; }
+        .lang-label {
+            display: flex; align-items: center; gap: 6px;
+            font-size: 0.7rem; font-weight: 700; color: var(--muted);
+            text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px;
+        }
+        .lang-label .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--sky-deep); }
+
+        .select-wrap { position: relative; }
+        .select-wrap select {
+            width: 100%; appearance: none; -webkit-appearance: none;
+            background: rgba(248,250,252,0.9);
+            border: 1.5px solid var(--border); border-radius: 14px;
+            padding: 13px 14px 13px 40px;
+            font-family: 'Vazirmatn', sans-serif; font-size: 0.9rem; font-weight: 600;
+            color: var(--text); cursor: pointer; transition: all 0.25s ease; outline: none;
+        }
+        .select-wrap select:focus {
+            border-color: var(--sky); background: #fff;
+            box-shadow: 0 0 0 4px rgba(56,189,248,0.12);
+        }
+        .select-arrow {
+            position: absolute; left: 14px; top: 50%;
+            transform: translateY(-50%); color: var(--muted);
+            pointer-events: none; font-size: 0.7rem;
+        }
+
+        .swap-btn {
+            flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%;
+            background: linear-gradient(135deg, var(--sky-pale), #ede9fe);
+            border: 1.5px solid rgba(56,189,248,0.3);
+            display: flex; align-items: center; justify-content: center;
+            cursor: pointer; transition: all 0.35s cubic-bezier(0.34,1.56,0.64,1);
+            color: var(--sky-deep); font-size: 0.85rem; margin-bottom: 2px;
+        }
+        .swap-btn:hover {
+            transform: rotate(180deg) scale(1.12);
+            background: linear-gradient(135deg, #bae6fd, #c7d2fe);
+            box-shadow: 0 4px 16px rgba(56,189,248,0.3);
+        }
+
+        /* ===== TEXTAREA ===== */
+        .textarea-wrap { position: relative; margin-bottom: 28px; }
+        .textarea-wrap textarea {
+            width: 100%; min-height: 140px; resize: none;
+            border: 1.5px solid var(--border); border-radius: 18px;
+            padding: 18px 18px 50px;
+            font-family: 'Vazirmatn', sans-serif; font-size: 1.05rem; line-height: 1.8;
+            color: var(--text); background: rgba(248,250,252,0.8);
+            outline: none; transition: all 0.3s ease;
+        }
+        .textarea-wrap textarea:focus {
+            border-color: var(--sky); background: #fff;
+            box-shadow: 0 0 0 4px rgba(56,189,248,0.1);
+        }
+        .textarea-wrap textarea::placeholder { color: #94a3b8; }
+        .textarea-wrap textarea.shake {
+            animation: shakeField 0.5s cubic-bezier(0.36,0.07,0.19,0.97) both;
+            border-color: #fb923c !important;
+            box-shadow: 0 0 0 4px rgba(251,146,60,0.15) !important;
+        }
+        @keyframes shakeField {
+            10%,90% { transform: translateX(-4px); }
+            20%,80% { transform: translateX(6px); }
+            30%,50%,70% { transform: translateX(-6px); }
+            40%,60% { transform: translateX(6px); }
+        }
+        .textarea-hint {
+            position: absolute; bottom: -26px; right: 0;
+            font-size: 0.78rem; color: #fb923c; font-weight: 700;
+            opacity: 0; transform: translateY(-4px); transition: all 0.3s ease;
+            display: flex; align-items: center; gap: 5px;
+        }
+        .textarea-hint.show { opacity: 1; transform: translateY(0); }
+        .clear-btn {
+            position: absolute; bottom: 14px; left: 14px;
+            width: 32px; height: 32px; border-radius: 50%;
+            background: white; border: 1px solid var(--border);
+            display: flex; align-items: center; justify-content: center;
+            cursor: pointer; color: var(--muted); font-size: 0.8rem;
+            transition: all 0.2s; box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+        }
+        .clear-btn:hover { color: #ef4444; transform: scale(1.1); }
+
+        /* ===== TRANSLATE BUTTON ===== */
+        .translate-btn-wrap { margin-top: 4px; }
+        .translate-btn {
+            width: 100%; padding: 17px 24px; border-radius: 18px; border: none;
+            background: linear-gradient(135deg, var(--sky-deep) 0%, #6366f1 100%);
+            color: white; font-family: 'Vazirmatn', sans-serif;
+            font-size: 1.1rem; font-weight: 800; letter-spacing: 0.02em;
+            cursor: pointer; display: flex; align-items: center; justify-content: center;
+            gap: 10px; position: relative; overflow: hidden;
+            transition: all 0.3s cubic-bezier(0.34,1.2,0.64,1);
+            box-shadow: 0 8px 32px rgba(3,105,161,0.35), 0 1px 0 rgba(255,255,255,0.15) inset;
+        }
+        .translate-btn::before {
+            content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
+            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
+            transition: left 0.5s ease;
+        }
+        .translate-btn:hover::before { left: 100%; }
+        .translate-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(3,105,161,0.4); }
+        .translate-btn:active { transform: scale(0.98); }
+        .translate-btn:disabled { opacity: 0.85; cursor: not-allowed; transform: none; }
+        .btn-icon-wrap {
+            width: 34px; height: 34px; background: rgba(255,255,255,0.2);
+            border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1rem;
+        }
+
+        /* ===== SPINNER ===== */
+        .spinner {
+            width: 22px; height: 22px;
+            border: 2.5px solid rgba(255,255,255,0.3); border-top-color: white;
+            border-radius: 50%; animation: spin 0.7s linear infinite;
+        }
+        @keyframes spin { to { transform: rotate(360deg); } }
+
+        /* ===== SETTINGS ===== */
+        .settings-panel {
+            margin-top: 18px; border-radius: 18px;
+            background: rgba(248,250,252,0.7); border: 1.5px solid var(--border); overflow: hidden;
+        }
+        .settings-toggle {
+            display: flex; justify-content: space-between; align-items: center;
+            padding: 14px 18px; cursor: pointer; user-select: none; list-style: none;
+        }
+        .settings-toggle::-webkit-details-marker { display: none; }
+        .settings-label { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; font-weight: 700; color: var(--muted); }
+        .settings-label .badge {
+            background: linear-gradient(135deg, var(--sky-pale), #ede9fe);
+            color: var(--ocean); font-size: 0.65rem; padding: 2px 8px;
+            border-radius: 20px; font-weight: 800;
+        }
+        .settings-chevron { color: var(--muted); font-size: 0.75rem; transition: transform 0.3s ease; }
+        details[open] .settings-chevron { transform: rotate(180deg); }
+        .settings-body {
+            padding: 0 18px 18px; border-top: 1px solid var(--border);
+            display: flex; flex-direction: column; gap: 16px;
+            animation: fadeDown 0.3s ease both;
+        }
+        @keyframes fadeDown {
+            from { opacity: 0; transform: translateY(-8px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+        .voice-select-wrap { margin-top: 12px; }
+        .settings-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
+        @media (max-width: 500px) { .settings-row { grid-template-columns: 1fr; } }
+        .slider-group label {
+            display: flex; justify-content: space-between; align-items: center;
+            font-size: 0.73rem; font-weight: 700; color: var(--muted); margin-bottom: 6px;
+        }
+        .slider-group label span {
+            background: linear-gradient(135deg, var(--sky-deep), var(--lavender));
+            -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800;
+        }
+        input[type="range"] {
+            -webkit-appearance: none; width: 100%; height: 4px;
+            border-radius: 4px; background: linear-gradient(to left, var(--sky-deep) 50%, #e2e8f0 50%);
+            outline: none; cursor: pointer;
+        }
+        input[type="range"]::-webkit-slider-thumb {
+            -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%;
+            background: white; border: 2.5px solid var(--sky-deep);
+            box-shadow: 0 2px 8px rgba(3,105,161,0.25); cursor: pointer; transition: transform 0.15s;
+        }
+        input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.2); }
+
+        #voiceSelect {
+            width: 100%; appearance: none; -webkit-appearance: none;
+            background: white; border: 1.5px solid var(--border); border-radius: 12px;
+            padding: 11px 14px 11px 38px;
+            font-family: 'Vazirmatn', sans-serif; font-size: 0.85rem; font-weight: 600;
+            color: var(--text); outline: none; transition: all 0.2s; cursor: pointer;
+        }
+        #voiceSelect:focus { border-color: var(--sky); box-shadow: 0 0 0 4px rgba(56,189,248,0.1); }
+
+        /* ===== OUTPUT ===== */
+        .output-section {
+            margin-top: 20px; display: none; flex-direction: column; gap: 14px;
+            opacity: 0; transform: translateY(16px);
+            transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.34,1.2,0.64,1);
+        }
+        .output-section.visible { display: flex; opacity: 1; transform: translateY(0); }
+
+        .output-box {
+            position: relative;
+            background: linear-gradient(135deg, rgba(224,242,254,0.6), rgba(237,233,254,0.4));
+            border: 1.5px solid rgba(56,189,248,0.25); border-radius: 18px;
+            padding: 22px 18px 52px; min-height: 90px;
+        }
+        .output-chip {
+            position: absolute; top: -12px; right: 18px;
+            background: linear-gradient(135deg, var(--sky-deep), var(--lavender));
+            color: white; font-size: 0.7rem; font-weight: 800;
+            padding: 4px 14px; border-radius: 20px; letter-spacing: 0.05em;
+            box-shadow: 0 4px 12px rgba(3,105,161,0.3);
+        }
+        .output-text {
+            font-size: 1.05rem; line-height: 1.9; color: var(--text);
+            white-space: pre-wrap; margin-top: 8px;
+        }
+        .copy-btn {
+            position: absolute; bottom: 14px; left: 14px;
+            width: 34px; height: 34px; border-radius: 50%;
+            background: white; border: 1.5px solid rgba(56,189,248,0.3);
+            display: flex; align-items: center; justify-content: center;
+            cursor: pointer; color: var(--sky-deep); font-size: 0.8rem;
+            transition: all 0.2s; box-shadow: 0 2px 10px rgba(3,105,161,0.1);
+        }
+        .copy-btn:hover { background: var(--sky-pale); transform: scale(1.1); }
+
+        /* ===== AUDIO PLAYER ===== */
+        .audio-player-wrap {
+            background: white; border: 1.5px solid var(--border); border-radius: 16px;
+            padding: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.04);
+            display: flex; flex-direction: column; gap: 14px;
+        }
+        .audio-player-row {
+            display: flex; align-items: center; gap: 8px; width: 100%;
+        }
+        audio { flex: 1; height: 38px; border-radius: 8px; outline: none; min-width: 0; }
+
+        /* ===== DOWNLOAD BUTTON ===== */
+        .download-btn {
+            align-self: center;
+            display: flex; align-items: center; justify-content: center; gap: 8px;
+            padding: 12px 24px; border-radius: 14px; border: none;
+            background: linear-gradient(135deg, #0ea5e9, #6366f1);
+            color: white; font-family: 'Vazirmatn', sans-serif;
+            font-size: 0.85rem; font-weight: 800; cursor: pointer;
+            transition: all 0.25s cubic-bezier(0.34,1.3,0.64,1);
+            box-shadow: 0 4px 14px rgba(14,165,233,0.35);
+            white-space: nowrap; position: relative; overflow: hidden;
+            min-width: 200px;
+        }
+        .download-btn::before {
+            content: ''; position: absolute; inset: 0;
+            background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);
+            border-radius: 14px;
+        }
+        .download-btn:hover {
+            transform: translateY(-2px) scale(1.04);
+            box-shadow: 0 8px 22px rgba(14,165,233,0.45);
+        }
+        .download-btn:active { transform: scale(0.97); }
+        .download-btn .dl-icon {
+            width: 22px; height: 22px; border-radius: 50%;
+            background: rgba(255,255,255,0.25);
+            display: flex; align-items: center; justify-content: center;
+            font-size: 0.72rem; flex-shrink: 0;
+        }
+
+        /* ===== SECTION DIVIDER ===== */
+        .section-divider { display: flex; align-items: center; gap: 10px; margin: 4px 0; }
+        .section-divider::before, .section-divider::after {
+            content: ''; flex: 1; height: 1px;
+            background: linear-gradient(to right, transparent, var(--border), transparent);
+        }
+        .section-divider span { font-size: 0.65rem; font-weight: 800; color: var(--muted); letter-spacing: 0.1em; text-transform: uppercase; }
+
+        /* ===== TOAST ===== */
+        .toast-container {
+            position: fixed; top: 20px; right: 50%; transform: translateX(50%);
+            z-index: 9999; display: flex; flex-direction: column; gap: 10px; pointer-events: none;
+        }
+        .toast {
+            background: white; border-radius: 14px; padding: 12px 20px;
+            font-size: 0.88rem; font-weight: 700;
+            display: flex; align-items: center; gap: 10px;
+            box-shadow: 0 8px 32px rgba(0,0,0,0.12); border: 1.5px solid var(--border);
+            pointer-events: auto; animation: toastIn 0.4s cubic-bezier(0.34,1.56,0.64,1) both;
+            min-width: 240px; max-width: 90vw;
+        }
+        .toast.leaving { animation: toastOut 0.3s ease both; }
+        @keyframes toastIn { from { opacity:0; transform: translateY(-20px) scale(0.9); } to { opacity:1; transform: translateY(0) scale(1); } }
+        @keyframes toastOut { from { opacity:1; transform: translateY(0) scale(1); } to { opacity:0; transform: translateY(-12px) scale(0.92); } }
+        .toast-icon { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; flex-shrink: 0; }
+        .toast.success .toast-icon { background: #dcfce7; color: #16a34a; }
+        .toast.error .toast-icon { background: #fee2e2; color: #dc2626; }
+        .toast.info .toast-icon { background: var(--sky-pale); color: var(--sky-deep); }
+
+        /* ===== FOOTER ===== */
+        footer { padding: 16px 0 28px; }
+
+        /* ===== SCROLLBAR ===== */
+        ::-webkit-scrollbar { width: 5px; }
+        ::-webkit-scrollbar-track { background: transparent; }
+        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
+    </style>
+</head>
+<body>
+
+<div class="bg-scene"></div>
+<div class="toast-container" id="toastContainer"></div>
+
+<div class="app-wrapper">
+
+    <!-- HEADER -->
+    <header>
+        <div class="logo-wrap">
+            <div class="logo-icon-wrap">
+                <div class="logo-icon-pulse"></div>
+                <div class="logo-icon-pulse2"></div>
+                <!-- Google Translate style SVG icon -->
+                <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <defs>
+                        <linearGradient id="lg2" x1="22" y1="24" x2="56" y2="58" gradientUnits="userSpaceOnUse">
+                            <stop offset="0%" stop-color="#0ea5e9"/>
+                            <stop offset="100%" stop-color="#6366f1"/>
+                        </linearGradient>
+                    </defs>
+                    <rect x="8" y="12" width="34" height="34" rx="8" fill="#e0f2fe" stroke="#0ea5e9" stroke-width="2.5"/>
+                    <text x="25" y="36" fill="#0ea5e9" font-size="22" font-family="Arial, sans-serif" font-weight="900" text-anchor="middle">A</text>
+                    <rect x="22" y="24" width="34" height="34" rx="8" fill="url(#lg2)" stroke="#ffffff" stroke-width="3"/>
+                    <text x="39" y="48" fill="#ffffff" font-size="22" font-family="Arial, sans-serif" font-weight="bold" text-anchor="middle">文</text>
+                </svg>
+            </div>
+            <div class="logo-text">
+                <span class="logo-title">آلفا مترجم</span>
+                <span class="logo-sub">Alpha Translator</span>
+            </div>
+        </div>
+    </header>
+
+    <!-- MAIN CARD -->
+    <div class="card">
+
+        <!-- Language Row -->
+        <div class="lang-row">
+            <div class="lang-group">
+                <div class="lang-label"><span class="dot"></span> زبان مبدأ</div>
+                <div class="select-wrap">
+                    <select id="sourceLang">
+                        <option value="شناسایی خودکار">🌍 شناسایی خودکار</option>
+                    </select>
+                    <i class="fa-solid fa-chevron-down select-arrow"></i>
+                </div>
+            </div>
+
+            <button class="swap-btn" id="swapBtn" title="تعویض زبان‌ها">
+                <i class="fa-solid fa-arrows-left-right"></i>
+            </button>
+
+            <div class="lang-group">
+                <div class="lang-label"><span class="dot" style="background:var(--lavender)"></span> زبان مقصد</div>
+                <div class="select-wrap">
+                    <select id="targetLang"></select>
+                    <i class="fa-solid fa-chevron-down select-arrow" style="color:var(--lavender)"></i>
+                </div>
+            </div>
+        </div>
+
+        <!-- Textarea -->
+        <div class="textarea-wrap" id="textareaWrap">
+            <textarea id="inputText" rows="5" placeholder="متن خود را برای ترجمه اینجا وارد کنید..."></textarea>
+            <button class="clear-btn" id="clearBtn" title="پاک کردن">
+                <i class="fa-solid fa-eraser"></i>
+            </button>
+            <div class="textarea-hint" id="textHint">
+                <i class="fa-solid fa-triangle-exclamation"></i> لطفاً متن را وارد کنید
+            </div>
+        </div>
+
+        <!-- Translate Button -->
+        <div class="translate-btn-wrap">
+            <button class="translate-btn" id="translateBtn">
+                <div class="btn-icon-wrap">
+                    <i class="fa-solid fa-wand-magic-sparkles"></i>
+                </div>
+                <span id="btnText">ترجمه و پخش صدا</span>
+            </button>
+        </div>
+
+        <!-- Settings -->
+        <details class="settings-panel" id="settingsDetails">
+            <summary class="settings-toggle">
+                <div class="settings-label">
+                    <i class="fa-solid fa-sliders" style="color:var(--sky-deep)"></i>
+                    تنظیمات گوینده و صدا
+                    <span class="badge">پیشرفته</span>
+                </div>
+                <i class="fa-solid fa-chevron-down settings-chevron"></i>
+            </summary>
+            <div class="settings-body">
+                <div class="voice-select-wrap">
+                    <div class="lang-label" style="margin-bottom:8px;">
+                        <i class="fa-solid fa-microphone" style="color:var(--sky-deep)"></i> انتخاب گوینده
+                    </div>
+                    <div class="select-wrap">
+                        <select id="voiceSelect"></select>
+                        <i class="fa-solid fa-chevron-down select-arrow"></i>
+                    </div>
+                </div>
+                <div class="section-divider"><span>تنظیمات صدا</span></div>
+                <div class="settings-row">
+                    <div class="slider-group">
+                        <label>سرعت <span id="rateVal">0</span></label>
+                        <input type="range" id="rateSlider" min="-50" max="50" value="0">
+                    </div>
+                    <div class="slider-group">
+                        <label>گام <span id="pitchVal">0</span></label>
+                        <input type="range" id="pitchSlider" min="-50" max="50" value="0">
+                    </div>
+                    <div class="slider-group">
+                        <label>حجم <span id="volVal">0</span></label>
+                        <input type="range" id="volSlider" min="-50" max="50" value="0">
+                    </div>
+                </div>
+            </div>
+        </details>
+
+        <!-- Output -->
+        <div class="output-section" id="outputSection">
+            <div class="output-box">
+                <div class="output-chip">✦ ترجمه</div>
+                <p class="output-text" id="outputText"></p>
+                <button class="copy-btn" id="copyBtn" title="کپی متن">
+                    <i class="fa-regular fa-copy"></i>
+                </button>
+            </div>
+            <div class="audio-player-wrap">
+                <div class="audio-player-row">
+                    <audio id="audioPlayer" controls controlsList="nodownload">
+                        مرورگر شما از پخش صدا پشتیبانی نمی‌کند.
+                    </audio>
+                </div>
+                <button class="download-btn" id="downloadBtn" title="دانلود صدا">
+                    <div class="dl-icon"><i class="fa-solid fa-arrow-down"></i></div>
+                    دانلود صدا
+                </button>
+            </div>
+        </div>
+
+    </div><!-- end .card -->
+
+    <footer></footer>
+</div>
+
+<script>
+    // ===== RTL LANGUAGES MAP =====
+    const RTL_LANGS = new Set(['فارسی','عربی','هبری','اردو','پشتو','کردی','سندی','دیوهی']);
+
+    function isRTL(langName) {
+        return RTL_LANGS.has(langName);
+    }
+
+    // ===== TOAST =====
+    function showToast(msg, type = 'info', duration = 3500) {
+        const icons = { success: 'fa-check', error: 'fa-xmark', info: 'fa-info' };
+        const container = document.getElementById('toastContainer');
+        const toast = document.createElement('div');
+        toast.className = `toast ${type}`;
+        toast.innerHTML = `<div class="toast-icon"><i class="fa-solid ${icons[type]}"></i></div><span>${msg}</span>`;
+        container.appendChild(toast);
+        setTimeout(() => {
+            toast.classList.add('leaving');
+            setTimeout(() => toast.remove(), 300);
+        }, duration);
+    }
+
+    // ===== SLIDERS =====
+    function updateSliderTrack(slider) {
+        const pct = ((slider.value - slider.min) / (slider.max - slider.min)) * 100;
+        slider.style.background = `linear-gradient(to left, var(--sky-deep) ${pct}%, #e2e8f0 ${pct}%)`;
+    }
+    ['rate','pitch','vol'].forEach(id => {
+        const slider = document.getElementById(id+'Slider');
+        const valEl = document.getElementById(id+'Val');
+        updateSliderTrack(slider);
+        slider.addEventListener('input', () => { valEl.textContent = slider.value; updateSliderTrack(slider); });
+    });
+
+    // ===== ELEMENTS =====
+    let languagesData = {};
+    const sourceLang    = document.getElementById('sourceLang');
+    const targetLang    = document.getElementById('targetLang');
+    const voiceSelect   = document.getElementById('voiceSelect');
+    const inputText     = document.getElementById('inputText');
+    const translateBtn  = document.getElementById('translateBtn');
+    const btnText       = document.getElementById('btnText');
+    const outputSection = document.getElementById('outputSection');
+    const outputText    = document.getElementById('outputText');
+    const audioPlayer   = document.getElementById('audioPlayer');
+    const clearBtn      = document.getElementById('clearBtn');
+    const copyBtn       = document.getElementById('copyBtn');
+    const downloadBtn   = document.getElementById('downloadBtn');
+    const textHint      = document.getElementById('textHint');
+
+    // ===== TEXT DIRECTION HELPERS =====
+    function applyInputDir(langName) {
+        const rtl = isRTL(langName) || langName === 'شناسایی خودکار';
+        inputText.dir = rtl ? 'rtl' : 'ltr';
+        inputText.style.textAlign = rtl ? 'right' : 'left';
+        if (langName === 'شناسایی خودکار') {
+            checkDynamicDirection();
+        }
+    }
+
+    function checkDynamicDirection() {
+        if (sourceLang.value !== 'شناسایی خودکار') return;
+        const val = inputText.value;
+        const firstCharMatch = val.match(/\S/);
+        if (firstCharMatch) {
+            const rtlRegex = /[\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC]/;
+            const isRtl = rtlRegex.test(firstCharMatch[0]);
+            inputText.dir = isRtl ? 'rtl' : 'ltr';
+            inputText.style.textAlign = isRtl ? 'right' : 'left';
+        } else {
+            inputText.dir = 'rtl';
+            inputText.style.textAlign = 'right';
+        }
+    }
+
+    inputText.addEventListener('input', checkDynamicDirection);
+
+    function applyOutputDir(langName) {
+        const rtl = isRTL(langName);
+        outputText.dir = rtl ? 'rtl' : 'ltr';
+        outputText.style.textAlign = rtl ? 'right' : 'left';
+    }
+
+    // ===== LOAD CONFIG =====
+    async function loadConfig() {
+        try {
+            const res = await fetch('/api/config');
+            const data = await res.json();
+            languagesData = data.languages;
+            Object.keys(languagesData).forEach(lang => {
+                sourceLang.add(new Option(lang, lang));
+                const isSelected = lang === 'انگلیسی';
+                targetLang.add(new Option(lang, lang, isSelected, isSelected));
+            });
+            updateVoices('انگلیسی');
+            applyInputDir('شناسایی خودکار');
+            applyOutputDir('انگلیسی');
+        } catch {
+            showToast('خطا در بارگذاری زبان‌ها', 'error');
+        }
+    }
+
+    function updateVoices(langKey) {
+        voiceSelect.innerHTML = '';
+        const voices = languagesData[langKey]?.voices || {};
+        if (!Object.keys(voices).length) { voiceSelect.add(new Option('بدون پشتیبانی صوتی', '')); return; }
+        Object.keys(voices).forEach(vName => voiceSelect.add(new Option(vName, vName)));
+    }
+
+    sourceLang.addEventListener('change', e => applyInputDir(e.target.value));
+    targetLang.addEventListener('change', e => { updateVoices(e.target.value); applyOutputDir(e.target.value); });
+
+    // ===== SWAP =====
+    document.getElementById('swapBtn').addEventListener('click', () => {
+        const sv = sourceLang.value, tv = targetLang.value;
+        if (sv === 'شناسایی خودکار') { showToast('ابتدا یک زبان مبدأ انتخاب کنید', 'info'); return; }
+        for (let i = 0; i < sourceLang.options.length; i++) if (sourceLang.options[i].value === tv) { sourceLang.selectedIndex = i; break; }
+        for (let i = 0; i < targetLang.options.length; i++) if (targetLang.options[i].value === sv) { targetLang.selectedIndex = i; break; }
+        updateVoices(targetLang.value);
+        applyInputDir(sourceLang.value);
+        applyOutputDir(targetLang.value);
+        const translated = outputText.textContent;
+        if (translated) { inputText.value = translated; outputSection.classList.remove('visible'); setTimeout(() => { outputSection.style.display = 'none'; }, 450); }
+    });
+
+    // ===== CLEAR =====
+    clearBtn.addEventListener('click', () => {
+        inputText.value = '';
+        inputText.focus();
+        checkDynamicDirection();
+        outputSection.classList.remove('visible');
+        setTimeout(() => { outputSection.style.display = 'none'; }, 450);
+    });
+
+    // ===== COPY =====
+    copyBtn.addEventListener('click', () => {
+        navigator.clipboard.writeText(outputText.innerText).then(() => {
+            copyBtn.innerHTML = '<i class="fa-solid fa-check" style="color:#16a34a"></i>';
+            showToast('متن کپی شد!', 'success', 2000);
+            setTimeout(() => copyBtn.innerHTML = '<i class="fa-regular fa-copy"></i>', 2000);
+        });
+    });
+
+    // ===== DOWNLOAD =====
+    downloadBtn.addEventListener('click', () => {
+        const src = audioPlayer.src;
+        if (!src) return;
+        
+        // بررسی اینکه آیا صفحه درون آی‌فریم باز شده است یا خیر
+        if (window.self !== window.top) {
+            // ارسال آدرس صدا به کامپوننت والد جهت آپلود تکه‌ای و دانلود با نام سایت شما
+            window.parent.postMessage({
+                type: 'INITIATE_DOWNLOAD_FROM_URL',
+                payload: {
+                    audioUrl: src
+                }
+            }, '*');
+            showToast('در حال آماده‌سازی فایل صوتی در برنامه...', 'success', 2000);
+        } else {
+            // حالت پیش‌فرض (دانلود مستقیم مرورگر) در صورتی که خارج از آی‌فریم باز شده باشد
+            const a = document.createElement('a');
+            a.href = src;
+            a.download = 'alpha-translator-audio.mp3';
+            a.click();
+            showToast('در حال دانلود مستقیم...', 'success', 2000);
+        }
+    });
+
+    // ===== TRANSLATE =====
+    translateBtn.addEventListener('click', async () => {
+        const text = inputText.value.trim();
+        if (!text) {
+            inputText.classList.add('shake');
+            textHint.classList.add('show');
+            setTimeout(() => inputText.classList.remove('shake'), 500);
+            setTimeout(() => textHint.classList.remove('show'), 3000);
+            return;
+        }
+
+        textHint.classList.remove('show');
+        translateBtn.disabled = true;
+        btnText.innerHTML = '<span style="display:inline-flex; align-items:center; gap:8px;"><span class="spinner"></span> در حال پردازش...</span>';
+        outputSection.classList.remove('visible');
+        setTimeout(() => { outputSection.style.display = 'none'; }, 450);
+
+        try {
+            const response = await fetch('/api/translate_and_speak', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    text,
+                    source_lang: sourceLang.value,
+                    target_lang: targetLang.value,
+                    voice_key: voiceSelect.value || '',
+                    rate: parseInt(document.getElementById('rateSlider').value),
+                    pitch: parseInt(document.getElementById('pitchSlider').value),
+                    volume: parseInt(document.getElementById('volSlider').value)
+                })
+            });
+
+            const result = await response.json();
+
+            if (result.success) {
+                outputText.innerText = result.translated_text;
+                applyOutputDir(targetLang.value);
+
+                if (result.audio_url) {
+                    audioPlayer.src = result.audio_url + '?t=' + Date.now();
+                    audioPlayer.parentElement.parentElement.style.display = 'flex';
+                    audioPlayer.play().catch(() => {});
+                } else {
+                    audioPlayer.parentElement.parentElement.style.display = 'none';
+                }
+
+                outputSection.style.display = 'flex';
+                requestAnimationFrame(() => requestAnimationFrame(() => outputSection.classList.add('visible')));
+                showToast('ترجمه با موفقیت انجام شد!', 'success');
+            } else {
+                showToast(result.error || 'خطایی رخ داد', 'error');
+            }
+        } catch {
+            showToast('خطا در ارتباط با سرور', 'error');
+        } finally {
+            translateBtn.disabled = false;
+            btnText.innerHTML = 'ترجمه و پخش صدا';
+        }
+    });
+
+    loadConfig();
+</script>
+</body>
+</html>

requirements.txt

@@ -0,0 +1,5 @@
+fastapi>=0.103.0
+uvicorn>=0.23.2
+edge-tts>=6.1.9
+deep-translator>=1.11.4
+pydantic>=2.4.2