Update app.py

app.py

@@ -8,14 +8,13 @@ import os
 import google.generativeai as genai
 
 # --- دریافت کلید API از متغیرهای محیطی ---
-# در Hugging Face Spaces، این کلید را در بخش 'Secrets' تنظیم کنید
 GOOGLE_API_KEY = os.environ.get('GOOGLE_API_KEY')
 
-model = None # مقداردهی اولیه
+model = None
 if GOOGLE_API_KEY:
     try:
         genai.configure(api_key=GOOGLE_API_KEY)
-        model = genai.GenerativeModel('gemini-1.5-flash-latest') # یا 'gemini-pro' برای کیفیت بالاتر (و هزینه بیشتر)
+        model = genai.GenerativeModel('gemini-1.5-flash-latest')
         print("سرویس Gemini با موفقیت پیکربندی شد.")
     except Exception as e:
         print(f"خطا در پیکربندی Gemini: {e}. قابلیت ترجمه غیرفعال خواهد بود.")
@@ -23,8 +22,7 @@ if GOOGLE_API_KEY:
 else:
     print("هشدار: کلید API گوگل (GOOGLE_API_KEY) تنظیم نشده است. قابلیت ترجمه غیرفعال خواهد بود.")
 
-# --- دیکشنری صداهای انگلیسی ---
-# فقط شامل صداهای انگلیسی برای خواندن متن ترجمه شده
+# --- دیکشنری صداهای انگلیسی برای برنامه "آموزش زبان فلای" ---
 language_dict_persian_keys = {
     'انگلیسی (آمریکا) - جنی (زن)': 'en-US-JennyNeural',
     'انگلیسی (آمریکا) - گای (مرد)': 'en-US-GuyNeural',
@@ -33,188 +31,310 @@ language_dict_persian_keys = {
     'انگلیسی (آمریکا) - کریستوفر (مرد)': 'en-US-ChristopherNeural',
     'انگلیسی (آمریکا) - اریک (مرد)': 'en-US-EricNeural',
     'انگلیسی (آمریکا) - میشل (زن)': 'en-US-MichelleNeural',
-    'انگلیسی (آمریکا) - راجر (مرد)': 'en-US-RogerNeural',
+    # 'انگلیسی (آمریکا) - راجر (مرد)': 'en-US-RogerNeural', # راجر کمی رباتیک است، شاید بهتر باشد حذف شود
     'انگلیسی (بریتانیا) - لیبی (زن)': 'en-GB-LibbyNeural',
     'انگلیسی (بریتانیا) - میزی (زن)': 'en-GB-MaisieNeural',
     'انگلیسی (بریتانیا) - رایان (مرد)': 'en-GB-RyanNeural',
     'انگلیسی (بریتانیا) - سونیا (زن)': 'en-GB-SoniaNeural',
-    'انگلیسی (بریتانیا) - توماس (مرد)': 'en-GB-ThomasNeural',
+    # 'انگلیسی (بریتانیا) - توماس (مرد)': 'en-GB-ThomasNeural', # توماس هم ممکن است کمی رسمی باشد
     'انگلیسی (استرالیا) - ناتاشا (زن)': 'en-AU-NatashaNeural',
     'انگلیسی (استرالیا) - ویلیام (مرد)': 'en-AU-WilliamNeural',
     'انگلیسی (کانادا) - کلارا (زن)': 'en-CA-ClaraNeural',
     'انگلیسی (کانادا) - لیام (مرد)': 'en-CA-LiamNeural',
-    'انگلیسی (هند) - نیرجا (زن)': 'en-IN-NeerjaNeural', # لهجه هندی
-    'انگلیسی (هند) - پرابهات (مرد)': 'en-IN-PrabhatNeural', # لهجه هندی
-    'انگلیسی (ایرلند) - کانر (مرد)': 'en-IE-ConnorNeural',
     'انگلیسی (ایرلند) - امیلی (زن)': 'en-IE-EmilyNeural',
-    'انگلیسی (آفریقای جنوبی) - لیا (زن)': 'en-ZA-LeahNeural',
-    'انگلیسی (آفریقای جنوبی) - لوک (مرد)': 'en-ZA-LukeNeural',
-    # می‌توانید صداهای انگلیسی دیگری که توسط edge-tts پشتیبانی می‌شوند را اضافه کنید
+    'انگلیسی (ایرلند) - کانر (مرد)': 'en-IE-ConnorNeural',
+    # لهجه‌های دیگر انگلیسی را در صورت تمایل اضافه کنید
 }
 
 # --- تابع ترجمه با Gemini ---
 async def translate_text_gemini(text, target_language="English"):
     if not model:
-        return "خطا: سرویس ترجمه به دلیل عدم تنظیم کلید API یا خطای پیکربندی در دسترس نیست.", None
+        return "خطا: سرویس ترجمه در دسترس نیست (کلید API یا مدل مشکل دارد).", None
     if not text or not text.strip():
         return "خطا: متنی برای ترجمه وارد نشده است.", None
     try:
-        # دستور دقیق‌تر برای ترجمه بدون موارد اضافی
-        prompt = f"Translate the following Persian text to {target_language}. Provide only the translated text itself, without any extra phrases, explanations, or markdown formatting:\n\nPersian: \"{text}\"\n{target_language}:"
+        prompt = f"Translate the following Persian text to {target_language}. Provide only the translated English text, naturally and fluently, without any extra phrases, explanations, or markdown formatting. Be concise and accurate.\n\nPersian: \"{text}\"\n{target_language}:"
         response = await model.generate_content_async(prompt)
         translated_text = response.text.strip()
-        return "ترجمه با موفقیت انجام شد.", translated_text
+        # بررسی مجدد برای حذف عبارات ناخواسته احتمالی (بسیار نادر با prompt دقیق)
+        if translated_text.lower().startswith(f"{target_language.lower()}:"):
+            translated_text = translated_text[len(target_language)+1:].strip()
+        return "ترجمه موفق", translated_text # فقط پیام موفقیت و متن
     except Exception as e:
-        print(f"خطای Gemini در حین ترجمه: {e}")
-        print(traceback.format_exc())
-        error_type = type(e).__name__
-        error_message = str(e)
-        detailed_error = f"خطا در هنگام ترجمه ({error_type}): {error_message}"
-        if "API key not valid" in error_message or "PERMISSION_DENIED" in error_message:
-            detailed_error += " لطفاً کلید API گوگل خود را بررسی کنید."
-        return detailed_error, None
+        print(f"خطای Gemini: {e}\n{traceback.format_exc()}")
+        return f"خطای ترجمه: {type(e).__name__}", None
 
 # --- توابع تبدیل متن به گفتار ---
 async def text_to_speech_edge_async(text_to_speak, tts_voice_key, rate, volume, pitch):
     try:
         if not text_to_speak or not text_to_speak.strip():
-            return "خطا: متن ترجمه شده برای تبدیل به گفتار خالی است.", None
-        
+            return "خطای TTS: متن ترجمه شده برای خواندن خالی است.", None
         voice_id = language_dict_persian_keys.get(tts_voice_key)
-        if voice_id is None: # این اتفاق نباید بیفتد چون لیست صداها از همین دیکشنری می‌آید
-            return f"خطا: مدل صدای TTS انتخاب شده ('{tts_voice_key}') در دیکشنری یافت نشد.", None
-
-        # اطمینان از اینکه voice_id معتبر است (باید با en- شروع شود)
+        if voice_id is None:
+            return f"خطای TTS: صدای '{tts_voice_key}' یافت نشد.", None
         if not voice_id.startswith("en-"):
-            print(f"هشدار جدی: Voice ID '{voice_id}' برای صدای '{tts_voice_key}' با 'en-' شروع نمی‌شود. این یک خطای پیکربندی است.")
-            return f"خطای پیکربندی: صدای '{tts_voice_key}' به عنوان صدای انگلیسی معتبر نیست.", None
-
-        rate_str = f"{int(rate):+g}%"
-        volume_str = f"{int(volume):+g}%"
-        pitch_str = f"{int(pitch):+g}Hz"
+             return f"خطای پیکربندی TTS: صدای '{tts_voice_key}' انگلیسی نیست.", None
 
+        rate_str, volume_str, pitch_str = f"{int(rate):+g}%", f"{int(volume):+g}%", f"{int(pitch):+g}Hz"
         communicate = edge_tts.Communicate(text_to_speak, voice_id, rate=rate_str, volume=volume_str, pitch=pitch_str)
-        # ایجاد فایل موقت با پسوند .mp3 که توسط Gradio.Audio بهتر پشتیبانی می‌شود
         with tempfile.NamedTemporaryFile(delete=False, suffix=".mp3") as tmp_file:
             tmp_path = tmp_file.name
         await communicate.save(tmp_path)
-        return "تبدیل متن به گفتار با موفقیت انجام شد.", tmp_path
+        return "TTS موفق", tmp_path # فقط پیام موفقیت و مسیر
     except edge_tts.exceptions.NoAudioReceived:
-        error_msg = f"خطا: صدایی برای متن و صدای انتخاب شده دریافت نشد (صدا: {voice_id}). ممکن است متن با صدای انتخابی سازگار نباشد یا سرویس موقتا در دسترس نباشد."
-        print(error_msg)
-        return error_msg, None
-    except ValueError as ve: # مثلا اگر متن خیلی طولانی باشد
-        error_msg = f"خطا در پارامترهای ورودی TTS: {ve}"
-        print(error_msg)
-        return error_msg, None
+        return f"خطای TTS: صدایی برای '{tts_voice_key}' دریافت نشد. (NoAudioReceived)", None
     except Exception as e:
-        print(f"خطای غیرمنتظره در Edge-TTS: {e}")
-        print(traceback.format_exc())
-        return f"خطای غیرمنتظره در سرور TTS: {type(e).__name__}", None
+        print(f"خطای Edge-TTS: {e}\n{traceback.format_exc()}")
+        return f"خطای TTS: {type(e).__name__}", None
 
 _event_loops_by_thread = {}
 def _get_or_create_event_loop():
     thread_id = threading.get_ident()
     if thread_id not in _event_loops_by_thread or _event_loops_by_thread[thread_id].is_closed():
-        loop = asyncio.new_event_loop()
-        asyncio.set_event_loop(loop)
+        loop = asyncio.new_event_loop(); asyncio.set_event_loop(loop)
         _event_loops_by_thread[thread_id] = loop
     return _event_loops_by_thread[thread_id]
 
 # --- تابع اصلی: ترجمه و سپس تبدیل به گفتار ---
 def translate_and_speak_sync_wrapper(persian_text, english_tts_voice_key, rate, volume, pitch):
     loop = _get_or_create_event_loop()
-    
-    # 1. بر��سی اولیه ورودی و API Key
+    translated_text_output = "ترجمه در حال انجام..."
+    audio_output_path = None
+    error_message_for_ui = ""
+
     if not GOOGLE_API_KEY or not model:
-        message = "سرویس ترجمه غیرفعال است. "
-        if not GOOGLE_API_KEY:
-            message += "کلید GOOGLE_API_KEY در Secrets این Space تنظیم نشده است."
-        elif not model:
-            message += "مدل Gemini بارگذاری نشده (احتمالا مشکل در کلید API یا اتصال)."
-        return message, "ترجمه انجام نشد.", None
+        error_message_for_ui = "خطا: سرویس ترجمه پیکربندی نشده است. لطفاً از تنظیم صحیح GOOGLE_API_KEY در Secrets اطمینان حاصل کنید."
+        return error_message_for_ui, None
     
     if not persian_text or not persian_text.strip():
-        return "لطفاً متن فارسی را برای ترجمه وارد کنید.", "ورودی خالی است.", None
+        error_message_for_ui = "لطفاً متن فارسی را برای ترجمه وارد کنید."
+        return error_message_for_ui, None
 
-    # 2. ترجمه متن
-    translation_status, translated_text = loop.run_until_complete(
+    # 1. ترجمه متن
+    translation_status_msg, translated_text = loop.run_until_complete(
         translate_text_gemini(persian_text, target_language="English")
     )
+    translated_text_output = translated_text if translated_text else "ترجمه ناموفق بود."
 
-    translated_text_output = translated_text if translated_text else "ترجمه ناموفق بود یا متنی برگردانده نشد."
-
-    if "خطا" in translation_status or not translated_text:
-        return f"وضعیت ترجمه: {translation_status}", translated_text_output, None
+    if "خطا" in translation_status_msg or not translated_text:
+        error_message_for_ui = f"{translated_text_output}\n({translation_status_msg})"
+        return error_message_for_ui, None # نمایش خطا در بخش متن ترجمه شده
 
-    # 3. تبدیل متن ترجمه شده به گفتار
-    # `english_tts_voice_key` باید یکی از کلیدهای معتبر در `language_dict_persian_keys` باشد
+    # 2. تبدیل متن ترجمه شده به گفتار
     if english_tts_voice_key not in language_dict_persian_keys:
-        # این حالت نباید رخ دهد اگر دراپ‌داون درست تنظیم شده باشد
-        print(f"خطای داخلی: صدای TTS انتخابی '{english_tts_voice_key}' در لیست صداهای موجود نیست.")
-        # استفاده از اولین صدای موجود در لیست به عنوان جایگزین
-        if language_dict_persian_keys:
+        if language_dict_persian_keys: # اگر لیست خالی نباشد
             english_tts_voice_key = list(language_dict_persian_keys.keys())[0]
-            print(f"به صدای '{english_tts_voice_key}' تغییر یافت.")
-        else: # اگر دیکشنری صداها هم خالی باشد (نباید اتفاق بیفتد)
-            return f"وضعیت ترجمه: {translation_status} | TTS: خطا - هیچ صدای TTS برای انتخاب موجود نیست.", translated_text_output, None
-
-    tts_status, audio_path = loop.run_until_complete(
+        else:
+            error_message_for_ui = f"{translated_text_output}\n\n(خطای TTS: هیچ صدایی برای انتخاب موجود نیست.)"
+            return error_message_for_ui, None
+            
+    tts_status_msg, audio_path = loop.run_until_complete(
         text_to_speech_edge_async(translated_text, english_tts_voice_key, rate, volume, pitch)
     )
     
-    final_status = f"ترجمه: {translation_status} | TTS: {tts_status}"
-    return final_status, translated_text_output, audio_path
+    if "خطا" in tts_status_msg or not audio_path:
+        # اگر TTS خطا داشت، خطا را به متن ترجمه شده اضافه می‌کنیم
+        error_message_for_ui = f"{translated_text_output}\n\n({tts_status_msg})"
+        return error_message_for_ui, None
+    
+    audio_output_path = audio_path
+    return translated_text_output, audio_output_path
+
+
+# --- تعریف تم و CSS ---
+FLY_PRIMARY_COLOR = "#4A90E2" # یک آبی آسمانی مدرن
+FLY_SECONDARY_COLOR = "#50E3C2" # یک سبز-آبی تازه
+FLY_ACCENT_COLOR = "#F5A623" # یک نارنجی برای تاکید (مثلا برای دکمه‌ها)
+FLY_TEXT_COLOR = "#4A4A4A"
+FLY_LIGHT_BACKGROUND = "#F7F9FA"
+FLY_WHITE = "#FFFFFF"
 
-# --- تعریف تم و CSS (همانند قبل) ---
 app_theme = gr.themes.Soft(
-    primary_hue=gr.themes.colors.blue,
-    secondary_hue=gr.themes.colors.sky,
+    primary_hue=FLY_PRIMARY_COLOR, #gr.themes.colors.sky,
+    secondary_hue=FLY_SECONDARY_COLOR, #gr.themes.colors.teal,
     neutral_hue=gr.themes.colors.slate,
     font=[gr.themes.GoogleFont("Vazirmatn"), "Arial", "sans-serif"],
 ).set(
-    body_background_fill="#f4f7f6",
+    body_background_fill=FLY_LIGHT_BACKGROUND,
+    # input_background_fill="#E9EFF5" # رنگ پس زمینه ورودی‌ها کمی متفاوت
 )
-custom_css = """
-body { font-family: 'Vazirmatn', 'Arial', sans-serif; direction: rtl; }
-.gradio-container { max-width: 95% !important; margin: 1rem auto !important; padding: 1rem !important; border-radius: 16px !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07) !important; background-color: #ffffff !important; }
-.app-header { text-align: center; padding: 20px 10px; background: #34495e; color: white; border-radius: 12px; margin-bottom: 1.5rem; }
-.app-header h1 { color: white !important; font-size: 1.6em !important; font-weight: 600 !important; margin: 5px 0; }
-.app-header p { color: #bdc3c7 !important; font-size: 0.9em !important; margin-top: 5px; }
-.gr-button.lg.primary { background: #3498db !important; color: white !important; font-weight: 500 !important; border-radius: 8px !important; padding: 12px 15px !important; width: 100% !important; font-size: 1em !important; transition: all 0.2s ease !important; box-shadow: 0 3px 6px rgba(52, 152, 219, 0.25) !important; border: none !important; }
-.gr-button.lg.primary:hover { background: #2980b9 !important; transform: translateY(-2px) !important; box-shadow: 0 5px 10px rgba(52, 152, 219, 0.35) !important; }
-.gr-input, .gr-dropdown, .gr-textbox, .gr-slider { border-radius: 8px !important; border: 1px solid #ced4da !important; font-size: 0.95em !important; }
-.gr-input:focus, .gr-dropdown:focus, .gr-textbox:focus { box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.15) !important; border-color: #5dade2 !important; }
-.gr-panel { border-radius: 10px !important; border: 1px solid #e9ecef !important; background-color: #f8f9fa !important; padding: 0.75rem !important; }
-label > span { font-weight: 500 !important; color: #495057 !important; font-size: 0.9em !important; margin-bottom: 3px !important; display: block; }
-footer, .gradio-footer, .flagging-container, .flex.row.gap-2.absolute.bottom-2.right-2.gr-compact.gr-box.gr-text-gray-500, div[data-testid="flag"], button[title="Flag"], button[aria-label="Flag"], .footer-utils { display: none !important; visibility: hidden !important; }
-@media (min-width: 768px) {
-    .gradio-container { max-width: 800px !important; padding: 1.5rem !important;}
-    .app-header h1 { font-size: 2em !important; }
-    .app-header p { font-size: 1em !important; }
-    .main-content-row { display: flex; flex-direction: row; gap: 1.5rem; }
-    .main-content-row > .gr-column { flex: 1; margin-bottom: 0; }
-    .main-content-row > .gr-column:nth-child(1) { flex-basis: 60%; }
-    .main-content-row > .gr-column:nth-child(2) { flex-basis: 40%; }
-    .gr-button.lg.primary { width: auto !important; }
-}
+
+custom_css = f"""
+@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); /* فونت انگلیسی جذاب */
+
+body {{
+    font-family: 'Vazirmatn', 'Poppins', Arial, sans-serif;
+    direction: rtl;
+    background-color: {FLY_LIGHT_BACKGROUND};
+    color: {FLY_TEXT_COLOR};
+    line-height: 1.7;
+}}
+
+.gradio-container {{
+    max-width: 800px !important;
+    margin: 2.5rem auto !important;
+    padding: 2rem 2.5rem !important;
+    border-radius: 24px !important;
+    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.07), 0 3px 8px rgba(0,0,0,0.03) !important;
+    background-color: {FLY_WHITE} !important;
+    overflow: hidden; /* برای جلوگیری از سرریز شدن سایه ها یا انیمیشن ها */
+}}
+
+.app-header {{
+    text-align: center;
+    padding: 35px 20px;
+    background-image: linear-gradient(120deg, {FLY_PRIMARY_COLOR} 0%, {FLY_SECONDARY_COLOR} 100%);
+    color: white;
+    border-radius: 18px;
+    margin: -2.5rem -2.5rem 2.5rem -2.5rem; /* هدر تمام عرض کانتینر را بگیرد و از پدینگ داخلی بیرون بزند */
+    box-shadow: 0 6px 20px rgba(74, 144, 226, 0.3);
+}}
+/* .app-header img.logo {{ اگر لوگو داشتید
+    width: 70px; height: auto; margin-bottom: 12px;
+    animation: gentleFloat 3s ease-in-out infinite alternate;
+}} */
+.app-header h1 {{ /* نام برنامه "آموزش زبان فلای" */
+    color: white !important;
+    font-size: 2.2em !important;
+    font-weight: 700 !important;
+    margin: 0 0 8px 0;
+    letter-spacing: 0.5px;
+    font-family: 'Poppins', 'Vazirmatn', sans-serif; /* فونت انگلیسی برای عنوان اصلی */
+}}
+.app-header p {{ /* توضیحات زیر عنوان */
+    color: rgba(255, 255, 255, 0.85) !important;
+    font-size: 1.05em !important;
+    margin-top: 5px;
+    font-weight: 300;
+}}
+
+.gr-button.lg.primary {{ /* دکمه اصلی "ترجمه و تولید صدا" */
+    background: {FLY_ACCENT_COLOR} !important; /* رنگ نارنجی تاکیدی */
+    /* background-image: linear-gradient(to right, #FF8C00 0%, #F5A623 51%, #FF8C00 100%) !important; */
+    margin-top: 1.5rem !important;
+    padding: 15px 28px !important;
+    text-align: center;
+    transition: all 0.35s ease !important;
+    background-size: 200% auto !important;
+    color: white !important;
+    font-weight: 600 !important;
+    border-radius: 12px !important;
+    border: none !important;
+    box-shadow: 0 5px 15px rgba(245, 166, 35, 0.35) !important;
+    width: 100% !important;
+    font-size: 1.1em !important;
+    letter-spacing: 0.3px;
+}}
+.gr-button.lg.primary:hover {{
+    /* background-position: right center !important; */
+    background: #e0911a !important; /* کمی تیره‌تر در هاور */
+    transform: translateY(-3px) scale(1.02) !important;
+    box-shadow: 0 8px 20px rgba(245, 166, 35, 0.45) !important;
+}}
+
+/* استایل ورودی‌ها، دراپ‌داون و تکست‌باکس‌ها */
+.gr-input, .gr-dropdown, .gr-textbox, .gr-slider {{
+    border-radius: 10px !important;
+    border: 1.5px solid #DCE1E7 !important; /* حاشیه کمی مشخص‌تر */
+    font-size: 1em !important;
+    background-color: #FDFEFF !important; 
+    padding-top: 10px !important; padding-bottom: 10px !important; /* پدینگ داخلی بیشتر */
+    transition: border-color 0.25s ease, box-shadow 0.25s ease;
+}}
+.gr-input:focus, .gr-dropdown:focus, .gr-textbox:focus {{
+    border-color: {FLY_PRIMARY_COLOR} !important;
+    box-shadow: 0 0 0 3.5px rgba(74, 144, 226, 0.18) !important;
+    background-color: {FLY_WHITE} !important;
+}}
+.gr-textbox[label="📜 متن ترجمه شده (انگلیسی)"] {{ /* استایل خاص برای باکس متن ترجمه شده */
+    background-color: #EDF5FD !important; /* پس‌زمینه آبی بسیار روشن */
+    border-color: #C9DFF5 !important;
+    min-height: 120px; /* حداقل ارتفاع */
+    font-family: 'Poppins', 'Vazirmatn', sans-serif; /* فونت انگلیسی برای متن ترجمه شده */
+    font-size: 1.05em !important;
+    line-height: 1.6;
+}}
+
+/* استایل آکاردئون (تنظیمات پیشرفته) */
+.gr-panel, div[label="⚙️ تنظیمات پیشرفته صدا (اختیاری)"] > .gr-accordion > .gr-panel {{
+    border-radius: 12px !important;
+    border: 1px solid #E8EDF2 !important;
+    background-color: {FLY_LIGHT_BACKGROUND} !important;
+    padding: 1rem 1.2rem !important;
+    margin-top: 0.8rem;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
+}}
+div[label="⚙️ تنظیمات پیشرفته صدا (اختیاری)"] > .gr-accordion > button.gr-button {{ /* دکمه باز/بسته کردن آکاردئون */
+    font-weight: 500 !important;
+    padding: 10px 12px !important;
+    border-radius: 8px !important;
+    background-color: #E9EFF5 !important;
+    color: {FLY_TEXT_COLOR} !important;
+}}
+
+label > span {{ /* استایل عمومی لیبل‌ها */
+    font-weight: 600 !important;
+    color: #333D47 !important;
+    font-size: 0.95em !important;
+    margin-bottom: 8px !important;
+}}
+.gr-slider label span {{ font-size: 0.9em !important; color: #555; }}
+
+/* استایل بخش نمونه‌ها */
+div[label="💡 چند نمونه برای شروع"] {{
+    margin-top: 2rem;
+}}
+div[label="💡 چند نمونه برای شروع"] .gr-button.gr-button-tool {{ /* دکمه‌های کوچک نمونه‌ها */
+    background-color: #DDE7F0 !important;
+    color: {FLY_PRIMARY_COLOR} !important;
+    border-radius: 8px !important;
+    font-size: 0.85em !important;
+    padding: 6px 10px !important;
+    transition: background-color 0.2s ease;
+}}
+div[label="💡 چند نمونه برای شروع"] .gr-button.gr-button-tool:hover {{
+    background-color: #C9D9E6 !important;
+}}
+
+/* مخفی کردن فوتر و بخش‌های اضافی گرادیو */
+footer, .gradio-footer, .flagging-container, .flex.row.gap-2.absolute.bottom-2.right-2.gr-compact.gr-box.gr-text-gray-500, div[data-testid="flag"], button[title="Flag"], button[aria-label="Flag"], .footer-utils {{
+    display: none !important; visibility: hidden !important;
+}}
+
+/* انیمیشن برای لوگو (اگر استفاده شود) */
+/* @keyframes gentleFloat {{
+    0% {{ transform: translateY(0px); }}
+    50% {{ transform: translateY(-6px); }}
+    100% {{ transform: translateY(0px); }}
+}} */
+
+@media (max-width: 768px) {{
+    .gradio-container {{ margin: 1.5rem auto !important; padding: 1.5rem !important; border-radius: 16px !important; }}
+    .app-header {{ padding: 25px 15px; border-radius: 12px; margin: -1.5rem -1.5rem 2rem -1.5rem; }}
+    .app-header h1 {{ font-size: 1.8em !important; }}
+    .app-header p {{ font-size: 0.95em !important; }}
+    .main-content-row {{ flex-direction: column; }}
+    .gr-button.lg.primary {{ font-size: 1em !important; padding: 14px 20px !important; }}
+}}
 """
 
 # --- انتخاب صدای پیش‌فرض انگلیسی ---
-default_english_tts_voice = 'انگلیسی (آمریکا) - جنی (زن)' # یک پیش‌فرض مطمئن
-if not language_dict_persian_keys: # اگر دیکشنری کلا خالی ��اشد (نباید اتفاق بیفتد)
-    print("خطای بحرانی: language_dict_persian_keys خالی است! برنامه نمی‌تواند بدون لیست صداها اجرا شود.")
-    default_english_tts_voice = None # هیچ صدای پیش‌فرضی وجود ندارد
+default_english_tts_voice = 'انگلیسی (آمریکا) - جنی (زن)'
+if not language_dict_persian_keys:
+    print("خطای بحرانی: language_dict_persian_keys خالی است!")
+    default_english_tts_voice = None
 elif default_english_tts_voice not in language_dict_persian_keys:
-    # اگر صدای پیش‌فرض ما در لیست موجود نبود، اولین مورد لیست را انتخاب کن
     default_english_tts_voice = list(language_dict_persian_keys.keys())[0]
 
 
-with gr.Blocks(theme=app_theme, css=custom_css) as demo:
+with gr.Blocks(theme=app_theme, css=custom_css, title="آموزش زبان فلای") as demo:
+    # لوگو را اگر دارید، می‌توانید اینجا با gr.Image یا در HTML قرار دهید
     gr.HTML(f"""
     <div class="app-header">
-    <h1>مترجم و گوینده هوشمند (فارسی به انگلیسی)</h1>
-    <p>ویژه آموزش زبان انگلیسی: متن فارسی خود را وارد کنید، به انگلیسی ترجمه شده و با لهجه دلخواه بشنوید</p>
+        <!-- <img src="URL_LOGO_شما_اگر_دارید" alt="لوگو فلای" class="logo"> -->
+        <h1>Fly Language Learning</h1>
+        <p>متن فارسی خود را وارد کنید، به انگلیسی ترجمه شده و با لهجه دلخواه بشنوید</p>
     </div>
     """)
 
@@ -222,27 +342,28 @@ with gr.Blocks(theme=app_theme, css=custom_css) as demo:
         missing_key_msg = "⚠️ **هشدار: قابلیت ترجمه غیرفعال است.** "
         if not GOOGLE_API_KEY:
             missing_key_msg += "لطفاً کلید `GOOGLE_API_KEY` را در بخش **Secrets** این Space تنظیم کنید."
-        elif not model: # یعنی کلید بوده ولی مدل لود نشده
-             missing_key_msg += "خطا در بارگذاری مدل Gemini. لطفاً لاگ‌ها را برای جزئیات بیشتر بررسی کنید یا از صحت کلید API اطمینان حاصل کنید."
-        gr.Markdown(f"<div style='background-color: #fff3cd; color: #856404; padding: 10px; border-radius: 5px; border: 1px solid #ffeeba; text-align: center; margin-bottom:1rem;'>{missing_key_msg}</div>")
+        elif not model:
+             missing_key_msg += "خطا در بارگذاری مدل Gemini. لطفاً لاگ‌ها یا صحت کلید API را بررسی کنید."
+        gr.Markdown(f"<div style='background-color: #FFF3CD; color: #856404; padding: 12px 15px; border-radius: 10px; border: 1px solid #FFEEBA; text-align: center; margin-bottom:1.5rem; font-size:0.95em;'>{missing_key_msg}</div>")
 
     with gr.Row(elem_classes="main-content-row"):
-        with gr.Column(scale=3):
+        with gr.Column(scale=3, min_width=350):
             input_text_persian = gr.Textbox(
                 lines=5,
-                label="📝 متن فارسی خود را برای ترجمه و خواندن وارد نمایید",
-                placeholder="اینجا بنویسید...",
-                value="سلام، حال شما چطور است؟ می‌خواهم در مورد آب و هوا صحبت کنم." # متن نمونه
+                label="📝 متن فارسی برای ترجمه و گفتار",
+                placeholder="مثال: سلام، چطوری؟ می‌خوام در مورد سفر به لندن صحبت کنیم...",
+                value="سلام، حال شما چطور است؟ امروز می‌خواهیم چند عبارت کاربردی در مورد خرید کردن یاد بگیریم."
             )
-            dropdown_label = "🗣️ لهجه و گوینده انگلیسی را انتخاب کنید"
+            
+            dropdown_label = "🗣️ انتخاب لهجه و گوینده انگلیسی"
             if not language_dict_persian_keys:
-                dropdown_label += " (لیست صداها خالی است!)"
+                dropdown_label += " (لیست صداها بارگذاری نشده!)"
             
             language_dropdown_tts_english = gr.Dropdown(
                 choices=list(language_dict_persian_keys.keys()) if language_dict_persian_keys else ["لیست صداها خالی است"],
                 value=default_english_tts_voice,
                 label=dropdown_label,
-                interactive=bool(language_dict_persian_keys) # اگر لیست صداها خالی باشد غیرفعال شود
+                interactive=bool(language_dict_persian_keys)
             )
             with gr.Accordion("⚙️ تنظیمات پیشرفته صدا (اختیاری)", open=False):
                 with gr.Row():
@@ -250,50 +371,61 @@ with gr.Blocks(theme=app_theme, css=custom_css) as demo:
                     volume_slider = gr.Slider(minimum=-100, maximum=100, step=1, value=0, label="حجم (%)", scale=1)
                 pitch_slider = gr.Slider(minimum=-50, maximum=50, step=1, value=0, label="گام (Hz)", scale=2)
 
-            submit_button = gr.Button("📖 ترجمه و 🔊 تولید صدا", variant="primary")
-
-        with gr.Column(scale=2):
-            output_status = gr.Textbox(label="📊 وضعیت کلی عملیات", interactive=False, lines=2, placeholder="نتیجه اینجا نمایش داده می‌شود...")
-            output_text_translated = gr.Textbox(label="📜 متن ترجمه شده (انگلیسی)", interactive=False, lines=4, placeholder="متن ترجمه شده اینجا نمایش داده می‌شود...")
-            output_audio = gr.Audio(type="filepath", label="🎧 فایل صوتی خروجی (انگلیسی)", format="mp3", interactive=False) # مشخص کردن فرمت mp3
+            submit_button = gr.Button("🚀 ترجمه و پخش صدا", variant="primary")
 
-    gr.HTML("<hr style='margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #dee2e6;'>")
+        with gr.Column(scale=2, min_width=300):
+            output_text_translated = gr.Textbox(
+                label="📜 متن ترجمه شده (انگلیسی)", 
+                interactive=False, 
+                lines=7, # خطوط بیشتر برای نمایش بهتر متن و خطاهای احتمالی
+                placeholder="متن انگلیسی ترجمه شده و یا پیام‌های خطا اینجا نمایش داده می‌شود..."
+            )
+            output_audio = gr.Audio(
+                type="filepath", 
+                label="🎧 فایل صوتی (انگلیسی)", 
+                format="mp3", 
+                interactive=False
+            )
 
-    # تهیه لیست نمونه‌ها با توجه به صداهای موجود
+    gr.HTML("<div style='height: 1px; background-color: #E5E7EB; margin-top: 2rem; margin-bottom: 1.5rem;'></div>") # جداکننده خطی
+    
     example_list = []
     if language_dict_persian_keys:
-        voice1 = default_english_tts_voice
-        voice2 = list(language_dict_persian_keys.keys())[1 % len(language_dict_persian_keys)] # دومین صدا اگر موجود باشد
-        voice3 = list(language_dict_persian_keys.keys())[2 % len(language_dict_persian_keys)] # سومین صدا اگر موجود باشد
+        # انتخاب صداها برای نمونه‌ها با دقت بیشتر برای جلوگیری از خطا
+        num_voices = len(language_dict_persian_keys)
+        voice_keys = list(language_dict_persian_keys.keys())
+        voice1 = voice_keys[0]
+        voice2 = voice_keys[min(1, num_voices-1)] 
+        voice3 = voice_keys[min(2, num_voices-1)]
 
         example_list = [
-                ["سلام دنیا، امیدوارم روز خوبی داشته باشید.", voice1, 0, 0, 0],
-                ["این یک آزمایش برای سیستم ترجمه و تبدیل به گفتار است.", voice2, +5, 0, 0],
-                ["هوش مصنوعی آینده روشنی دارد و می‌تواند به بشریت کمک زیادی کند.", voice3, -5, 0, 0],
+                ["چطور میتونم به نزدیکترین ایستگاه اتوبوس برم؟", voice1, 0, 0, 0],
+                ["هزینه این بلیط چقدر است؟", voice2, +5, 0, 0],
+                ["می‌توانید این جمله را کمی آهسته‌تر تکرار کنید؟", voice3, -10, 0, 0],
             ]
     
     if example_list:
         gr.Examples(
             examples=example_list,
             inputs=[input_text_persian, language_dropdown_tts_english, rate_slider, volume_slider, pitch_slider],
-            outputs=[output_status, output_text_translated, output_audio],
+            outputs=[output_text_translated, output_audio],
             fn=translate_and_speak_sync_wrapper,
-            cache_examples=os.getenv("GRADIO_CACHE_EXAMPLES", "False").lower() == "true",
-            label="💡 چند نمونه برای شروع"
+            cache_examples=os.getenv("GRADIO_CACHE_EXAMPLES", "False").lower() == "true", # برای توسعه True و برای پابلیش False
+            label="💡 چند نمونه برای شروع سریع"
         )
     else:
-        gr.Markdown("<p style='text-align:center; color:grey;'>هیچ نمونه‌ای برای نمایش وجود ندارد (احتمالاً به دلیل عدم وجود صدا در تنظیمات).</p>")
+        gr.Markdown("<p style='text-align:center; color:#777; margin-top:1rem;'>نمونه‌ای برای نمایش وجود ندارد (بررسی تنظیمات صدا).</p>")
 
+    gr.Markdown("<p style='text-align:center; font-size:0.85em; color:#999; margin-top:2.5rem;'>ساخته شده با ❤️ برای آموزش زبان فلای</p>")
 
-    submit_button.click(
-        fn=translate_and_speak_sync_wrapper,
-        inputs=[input_text_persian, language_dropdown_tts_english, rate_slider, volume_slider, pitch_slider],
-        outputs=[output_status, output_text_translated, output_audio],
-        api_name="translate_and_speak"
-    )
 
 if __name__ == "__main__":
     if not language_dict_persian_keys:
         print("خطای بحرانی: language_dict_persian_keys خالی است! برنامه نمی‌تواند بدون لیست صداها اجرا شود.")
     
-    demo.launch(server_name="0.0.0.0", server_port=7860, debug=True if os.environ.get("GRADIO_DEBUG") == "True" else False)
+    demo.launch(
+        server_name="0.0.0.0", 
+        server_port=7860, 
+        debug=os.environ.get("GRADIO_DEBUG", "False").lower() == "true",
+        # share=True # اگر می‌خواهید لینک عمومی موقت برای تست داشته باشید (در هاگینگ فیس لازم نیست)
+        )