Update app.py

app.py

@@ -1,13 +1,28 @@
 import gradio as gr
-import requests, os, time
+import requests, os, time, pathlib
 
 ASR_API_URL = os.getenv("ASR_API_URL")
 AUTH_TOKEN  = os.getenv("AUTH_TOKEN")
 
-def transcribe_audio(file_path: str | None):
-    # چک فایل
+# ---------- کمکى: استخراج مسیر واقعی فایل ----------
+def extract_path(audio_value):
+    """
+    audio_value می‌تواند None، رشته یا دیکشنری باشد.
+    خروجی: مسیر فایل یا None
+    """
+    if not audio_value:
+        return None
+    if isinstance(audio_value, dict):
+        return audio_value.get("path")            # گرادیو ≥ 4
+    # برای سازگاری با نسخه‌های قدیم‌تر که str برمی‌گردانند
+    return audio_value if isinstance(audio_value, (str, pathlib.Path)) else None
+
+# ---------- پردازش ----------
+def transcribe_audio(audio_value):
+    file_path = extract_path(audio_value)
     if not file_path:
-        return "❌ Audio File loading ...", ""
+        return "❌ فایل صوتی هنوز آماده نیست.", ""
+
     if not ASR_API_URL or not AUTH_TOKEN:
         return "❌ Error: ASR_API_URL or AUTH_TOKEN is not set.", ""
 
@@ -30,16 +45,16 @@ def transcribe_audio(file_path: str | None):
         txt = data.get("transcription", "No transcription returned.")
         elapsed = data.get("time", elapsed)
         return txt, f"{elapsed:.2f} seconds"
+
     return f"❌ Error {response.status_code}: {response.text}", ""
 
 
+# ---------- رابط کاربری ----------
 CUSTOM_CSS = """
 #gooya-title {color:white; background:linear-gradient(90deg,#224CA5 0%,#2CD8D5 100%);
               border-radius:12px;padding:20px 10px;margin-bottom:12px;}
 .gooya-badge {display:inline-block;background:#224CA5;color:#fff;border-radius:16px;
               padding:6px 16px;font-size:0.97rem;margin-top:4px;}
-#gooya-box {background:#F7FAFF;border:1px solid #e7e9ef;border-radius:14px;
-            padding:22px 18px;margin-top:12px;}
 """
 
 with gr.Blocks(css=CUSTOM_CSS) as demo:
@@ -75,33 +90,35 @@ with gr.Blocks(css=CUSTOM_CSS) as demo:
         submit_btn = gr.Button("Transcribe", variant="primary", interactive=False)
         clear_btn  = gr.Button("Clear",      variant="secondary")
 
-    gr.Markdown("""
-**Instructions:**  
-- Maximum audio length: **30 seconds**  
-- Input audio should be in Persian.  
-
-For benchmarks visit: [Persian ASR Leaderboard](https://huggingface.co/spaces/navidved/open_persian_asr_leaderboard)
-""")
-
-    def toggle_btn(path):
-        return gr.Button.update(interactive=bool(path))
+    # ---------- فعال / غیرفعال کردن دکمه ----------
+    def toggle_btn(audio_value):
+        return gr.Button.update(interactive=bool(extract_path(audio_value)))
 
+    # بعد از آپلود فایل
     audio.change(toggle_btn,      inputs=audio, outputs=submit_btn, queue=False)
+    # بعد از پایان ضبط میکروفون
     audio.stop_recording(toggle_btn, inputs=audio, outputs=submit_btn, queue=False)
 
+    # ---------- پردازش ----------
     submit_btn.click(
         transcribe_audio,
         inputs=audio,
         outputs=[transcription, inf_time_lbl],
-    ).then(  
+    ).then(
         lambda: gr.Button.update(interactive=False),
         None,
         submit_btn,
         queue=False,
     )
 
+    # ---------- پاک‌کردن ----------
     def clear_all():
-        return "", "", None, gr.Button.update(interactive=False)
+        return (
+            "",                                        # متن
+            "",                                        # زمان
+            gr.Audio.update(value=None),               # پاک کردن کامپوننت Audio
+            gr.Button.update(interactive=False),       # غیر فعال کردن دکمه
+        )
 
     clear_btn.click(
         clear_all,