Update app.py

app.py

@@ -18,12 +18,12 @@ if GOOGLE_API_KEY:
     try:
         genai.configure(api_key=GOOGLE_API_KEY)
         model = genai.GenerativeModel('gemini-1.5-flash-latest')
-        logging.info("سرویس Gemini با موفقیت پیکربندی شد.") # Changed from print
+        logging.info("سرویس Gemini با موفقیت پیکربندی شد.") 
     except Exception as e:
-        logging.error(f"خطا در پیکربندی Gemini: {e}. قابلیت ترجمه غیرفعال خواهد بود.") # Changed from print
+        logging.error(f"خطا در پیکربندی Gemini: {e}. قابلیت ترجمه غیرفعال خواهد بود.") 
         model = None
 else:
-    logging.warning("هشدار: کلید API گوگل (GOOGLE_API_KEY) تنظیم نشده است. قابلیت ترجمه غیرفعال خواهد بود.") # Changed from print
+    logging.warning("هشدار: کلید API گوگل (GOOGLE_API_KEY) تنظیم نشده است. قابلیت ترجمه غیرفعال خواهد بود.") 
 
 # --- دیکشنری کامل‌تر صداهای انگلیسی ---
 language_dict_persian_keys = {
@@ -60,26 +60,25 @@ language_dict_persian_keys = {
     'انگلیسی (تانزانیا) - ایمانی (زن)': 'en-TZ-ImaniNeural', 'انگلیسی (تانزانیا) - الیمو (مرد)': 'en-TZ-ElimuNeural',
 }
 
-async def translate_text_gemini(text, target_language="English"): # Renamed from previous
+async def translate_text_gemini(text, target_language="English"):
     if not model: 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 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) # Used the right model object
+        response = await model.generate_content_async(prompt)
         translated_text = response.text.strip()
         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: 
         logging.error(f"خطای Gemini: {e}\n{traceback.format_exc()}")
-        return f"خطای ترجمه: {type(e).__name__}", None # Corrected type(e).name to type(e).__name__
+        return f"خطای ترجمه: {type(e).__name__}", None
 
-async def text_to_speech_edge_async(text_to_speak, tts_voice_key, rate, volume, pitch): # Renamed from previous
+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 "خطای TTS: متن ترجمه شده برای خواندن خالی است.", None
         voice_id = language_dict_persian_keys.get(tts_voice_key)
         if voice_id is None: return f"خطای TTS: صدای '{tts_voice_key}' یافت نشد.", None
-        # Removed: if not voice_id.startswith("en-"): 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)
         with tempfile.NamedTemporaryFile(delete=False, suffix=".mp3") as tmp_file: tmp_path = tmp_file.name
@@ -88,20 +87,19 @@ async def text_to_speech_edge_async(text_to_speak, tts_voice_key, rate, volume,
     except edge_tts.exceptions.NoAudioReceived: return f"خطای TTS: صدایی برای '{tts_voice_key}' دریافت نشد. (NoAudioReceived)", None
     except Exception as e: 
         logging.error(f"خطای Edge-TTS: {e}\n{traceback.format_exc()}")
-        return f"خطای TTS: {type(e).__name__}", None # Corrected type(e).name to type(e).__name__
+        return f"خطای TTS: {type(e).__name__}", None
 
 _event_loops_by_thread = {}
-def _get_or_create_event_loop(): # Kept from your provided code
+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)
         _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): # Kept from your provided code
+def translate_and_speak_sync_wrapper(persian_text, english_tts_voice_key, rate, volume, pitch):
     loop = _get_or_create_event_loop()
     error_message_for_ui = ""
-    audio_file_to_clean = None # For potential cleanup
 
     if not GOOGLE_API_KEY or not model:
         error_message_for_ui = "خطا: سرویس ترجمه پیکربندی نشده است. لطفاً از تنظیم صحیح GOOGLE_API_KEY در Secrets اطمینان حاصل کنید."
@@ -111,8 +109,7 @@ def translate_and_speak_sync_wrapper(persian_text, english_tts_voice_key, rate,
         return error_message_for_ui, None
     
     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 "ترجمه ناموفق بود." # Default if translation fails badly
+    translated_text_output = translated_text if translated_text else "ترجمه ناموفق بود."
     
     if "خطا" in translation_status_msg or not translated_text:
         error_message_for_ui = f"{translated_text_output}\n({translation_status_msg})"
@@ -130,32 +127,29 @@ def translate_and_speak_sync_wrapper(persian_text, english_tts_voice_key, rate,
     
     if "خطا" in tts_status_msg or not audio_path:
         error_message_for_ui = f"{translated_text_output}\n\n({tts_status_msg})"
-        # No need to clean audio_path here as it's likely None or invalid
         return error_message_for_ui, None
         
-    # audio_file_to_clean = audio_path # Gradio handles temp files for gr.Audio output usually
     return translated_text_output, audio_path
 
-
 # --- تعریف تم و CSS ---
 FLY_PRIMARY_COLOR_HEX = "#4F46E5"  
 FLY_SECONDARY_COLOR_HEX = "#10B981" 
-FLY_ACCENT_COLOR_HEX = "#D97706" # Kept from your "simple" code's button
+FLY_ACCENT_COLOR_HEX = "#D97706" 
 FLY_TEXT_COLOR_HEX = "#1F2937"     
 FLY_SUBTLE_TEXT_HEX = "#6B7280"    
 FLY_LIGHT_BACKGROUND_HEX = "#F9FAFB" 
 FLY_WHITE_HEX = "#FFFFFF"
 FLY_BORDER_COLOR_HEX = "#D1D5DB"   
-FLY_INPUT_BG_HEX_SIMPLE = "#F3F4F6" # From "simple" code
-FLY_PANEL_BG_SIMPLE = "#E0F2FE" # From "simple" code
+FLY_INPUT_BG_HEX_SIMPLE = "#F3F4F6" 
+FLY_PANEL_BG_SIMPLE = "#E0F2FE" 
 
-app_theme_outer = gr.themes.Base( # For outer shell styling
+app_theme_outer = gr.themes.Base(
     font=[gr.themes.GoogleFont("Inter"), "system-ui", "sans-serif"],
 ).set(
     body_background_fill=FLY_LIGHT_BACKGROUND_HEX,
 )
 
-# Combined and adjusted CSS
+# CSS با حذف کامل کامنت های /* ... */
 custom_css = f"""
 @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
@@ -181,9 +175,10 @@ custom_css = f"""
     --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
     --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
     --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
+    --fly-primary-rgb: 79, 70, 229; 
+    --fly-accent-rgb: 217, 119, 6; 
 }}
 
-/* --- Outer Styling (from "beautiful" code) --- */
 body {{font-family: var(--font-global); direction: rtl; background-color: var(--fly-bg-light); color: var(--fly-text-primary); line-height: 1.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px;}}
 .gradio-container {{max-width: 100% !important; width: 100% !important; min-height: 100vh; margin: 0 auto !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: linear-gradient(170deg, #E0F2FE 0%, #F3E8FF 100%); display: flex; flex-direction: column;}}
 
@@ -195,16 +190,14 @@ body {{font-family: var(--font-global); direction: rtl; background-color: var(--
 .app-footer-fly {{text-align:center; font-size:0.85em; color: var(--fly-text-secondary); margin-top:2.5rem; padding: 1rem 0; background-color: rgba(255,255,255,0.3); backdrop-filter: blur(5px); border-top: 1px solid var(--fly-border-color);}}
 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; }}
 
-
-/* --- Inner Content Area (from "beautiful" code, adapted) --- */
-.main-content-area {{ /* This class will be on the gr.Column wrapping the inner content */
+.main-content-area {{
     flex-grow: 1; 
     padding: 0.75rem; 
     width: 100%; 
     margin: 0 auto;
     box-sizing: border-box; 
 }}
-.content-panel-simple {{ /* This class will be on the gr.Group wrapping the Row */
+.content-panel-simple {{
     background-color: var(--fly-bg-white); 
     padding: 1rem; 
     border-radius: var(--radius-xl); 
@@ -217,9 +210,8 @@ footer, .gradio-footer, .flagging-container, .flex.row.gap-2.absolute.bottom-2.r
     box-sizing: border-box; 
 }}
 
-/* --- Inner Elements Styling (from "simple" code, with adjustments) --- */
-.content-panel-simple .gr-button.lg.primary, /* Target button inside the simple panel */
-.content-panel-simple button[variant="primary"] /* More generic for Gradio 4+ */
+.content-panel-simple .gr-button.lg.primary,
+.content-panel-simple button[variant="primary"]
 {{
     background: var(--fly-accent) !important; 
     margin-top: 1rem !important;
@@ -229,7 +221,7 @@ footer, .gradio-footer, .flagging-container, .flex.row.gap-2.absolute.bottom-2.r
     font-weight: 600 !important;
     border-radius: 10px !important;
     border: none !important;
-    box-shadow: 0 3px 8px -1px rgba(var(--fly-accent-rgb), 0.3) !important; /* Use RGB for accent color */
+    box-shadow: 0 3px 8px -1px rgba(var(--fly-accent-rgb), 0.3) !important;
     width: 100% !important;
     font-size: 1em !important;
     display: flex;
@@ -269,7 +261,7 @@ footer, .gradio-footer, .flagging-container, .flex.row.gap-2.absolute.bottom-2.r
     cursor: pointer;
 }}
 
-.content-panel-simple .gr-textbox[label*="ترجمه شده"] > label + div > textarea {{ /* Target output textbox */
+.content-panel-simple .gr-textbox[label*="ترجمه شده"] > label + div > textarea {{
     background-color: var(--fly-panel-bg-simple) !important; 
     border-color: #A5D5FE !important; 
     min-height: 100px; 
@@ -295,12 +287,12 @@ footer, .gradio-footer, .flagging-container, .flex.row.gap-2.absolute.bottom-2.r
     color: var(--fly-text-primary) !important;
     border: 1px solid #D1D5DB !important;
 }}
-.content-panel-simple label > span.label-text {{ /* Targeting Gradio 4 label span */
+.content-panel-simple label > span.label-text {{
     font-weight: 500 !important;
     color: #4B5563 !important;
     font-size: 0.88em !important; 
     margin-bottom: 6px !important;
-    display: inline-block; /* Keep labels inline */
+    display: inline-block; 
 }}
 .content-panel-simple .gr-slider label span {{ font-size: 0.82em !important; color: var(--fly-text-secondary); }}
 
@@ -325,25 +317,23 @@ footer, .gradio-footer, .flagging-container, .flex.row.gap-2.absolute.bottom-2.r
     font-size: 0.85em !important;
 }}
 
-
-/* --- Responsive adjustments (from "beautiful" code, adapted) --- */
-@media (min-width: 640px) {
+@media (min-width: 640px) {{
     .main-content-area {{
         padding: 1.5rem; 
         max-width: 700px; 
     }}
-    .content-panel-simple {{ /* Apply to the simple panel as well */
+    .content-panel-simple {{
         padding: 1.5rem; 
     }}
     .app-title-card h1 {{ font-size: 2.5em !important; }}
     .app-title-card p {{ font-size: 1.05em !important; }}
-}
+}}
 
-@media (min-width: 768px) {
+@media (min-width: 768px) {{
     .main-content-area {{ max-width: 780px; }}
-    .content-panel-simple {{ padding: 2rem; }} /* Wider padding for desktop */
+    .content-panel-simple {{ padding: 2rem; }}
 
-    .content-panel-simple .main-content-row {{ /* Class from your simple layout */
+    .content-panel-simple .main-content-row {{
         display: flex !important;
         flex-direction: row !important; 
         gap: 1.5rem !important; 
@@ -356,7 +346,7 @@ footer, .gradio-footer, .flagging-container, .flex.row.gap-2.absolute.bottom-2.r
 
     .app-title-card h1 {{font-size: 2.75em !important;}}
     .app-title-card p {{font-size: 1.1em !important;}}
-}
+}}
 """
 
 default_english_tts_voice = 'انگلیسی (آمریکا) - جنی (زن)'
@@ -376,9 +366,7 @@ with gr.Blocks(theme=app_theme_outer, css=custom_css, title="آموزش زبان
         </div>
     """)
     
-    # main-content-area برای کنترل عرض کلی در دسکتاپ و پدینگ موبایل
     with gr.Column(elem_classes=["main-content-area"]):
-        # content-panel-simple برای اعمال استایل کارت مانند و همپوشانی با هدر
         with gr.Group(elem_classes=["content-panel-simple"]): 
             if not GOOGLE_API_KEY or not model:
                 missing_key_msg = "⚠️ هشدار: قابلیت ترجمه غیرفعال است. "
@@ -386,7 +374,6 @@ with gr.Blocks(theme=app_theme_outer, css=custom_css, title="آموزش زبان
                 elif not model: missing_key_msg += "خطا در بارگذاری مدل Gemini. لطفاً لاگ‌ها یا صحت کلید API را بررسی کنید."
                 gr.Markdown(f"<div class='api-warning-message'>{missing_key_msg}</div>")
 
-            # main-content-row از کد "ساده" شما برای چیدمان دو ستونی داخلی
             with gr.Row(elem_classes=["main-content-row"]): 
                 with gr.Column(scale=3, min_width=300): 
                     input_text_persian = gr.Textbox(
@@ -406,12 +393,12 @@ with gr.Blocks(theme=app_theme_outer, css=custom_css, title="آموزش زبان
                         interactive=bool(language_dict_persian_keys)
                     )
                     with gr.Accordion("⚙️ تنظیمات پیشرفته صدا", open=False):
-                        with gr.Row(): # Ensure sliders are in a row if desired
+                        with gr.Row():
                             rate_slider = gr.Slider(minimum=-100, maximum=100, step=1, value=0, label="سرعت (%)", scale=1)
                             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)") # Removed scale=2 as it might conflict
+                        pitch_slider = gr.Slider(minimum=-50, maximum=50, step=1, value=0, label="گام (Hz)")
 
-                    submit_button = gr.Button("🚀 ترجمه و تلفظ", variant="primary", elem_classes=["lg"]) # Added elem_classes for simple CSS button
+                    submit_button = gr.Button("🚀 ترجمه و تلفظ", variant="primary", elem_classes=["lg"])
 
                 with gr.Column(scale=2, min_width=280):
                     output_text_translated = gr.Textbox(
@@ -427,9 +414,8 @@ with gr.Blocks(theme=app_theme_outer, css=custom_css, title="آموزش زبان
                         interactive=False
                     )
 
-            # Examples section inside content-panel-simple
             if language_dict_persian_keys and default_english_tts_voice and default_english_tts_voice != "لیست صداها خالی است":
-                gr.HTML("<hr class='custom-hr'>") # Use the class from simple CSS
+                gr.HTML("<hr class='custom-hr'>")
                 num_voices = len(language_dict_persian_keys)
                 voice_keys = list(language_dict_persian_keys.keys())
                 voice1, voice2, voice3 = voice_keys[0], voice_keys[min(7, num_voices-1)], voice_keys[min(13, num_voices-1)]
@@ -445,18 +431,18 @@ with gr.Blocks(theme=app_theme_outer, css=custom_css, title="آموزش زبان
                     outputs=[output_text_translated, output_audio],
                     fn=translate_and_speak_sync_wrapper,
                     cache_examples=os.getenv("GRADIO_CACHE_EXAMPLES", "False").lower() == "true",
-                    label="💡 نمونه‌های کاربردی" # Label from simple code
+                    label="💡 نمونه‌های کاربردی"
                 )
             else:
                 gr.Markdown("<p style='text-align:center; color:var(--fly-text-secondary); margin-top:1rem;'>نمونه‌ای برای نمایش موجود نیست (لیست صداها خالی است یا صدای پیش‌فرض معتبر نیست).</p>")
 
-    gr.Markdown("<p class='app-footer-fly'>Fly Language Learning © 2024</p>") # Using beautiful footer class
+    gr.Markdown("<p class='app-footer-fly'>Fly Language Learning © 2024</p>")
 
     if 'submit_button' in locals() and submit_button is not None:
         submit_button.click(
-            fn=translate_and_speak_sync_wrapper, # Direct call, no complex UI update for status
+            fn=translate_and_speak_sync_wrapper,
             inputs=[input_text_persian, language_dropdown_tts_english, rate_slider, volume_slider, pitch_slider],
-            outputs=[output_text_translated, output_audio] # Only two outputs now
+            outputs=[output_text_translated, output_audio]
         )
     else:
         logging.error("Submit button was not initialized correctly or is None.")
@@ -469,5 +455,5 @@ if __name__ == "__main__":
         server_name="0.0.0.0", 
         server_port=7860, 
         debug=os.environ.get("GRADIO_DEBUG", "False").lower() == "true",
-        show_error=True # Good for debugging
+        show_error=True
         )