Update app.py

app.py

@@ -179,16 +179,16 @@ def transcribe_web(password, audio_file):
     # 驗證密碼
     if not password:
         print("[WEB] ❌ 密碼為空")
-        return "❌ Please enter password", "", ""
+        return "", "❌ Please enter password", "", ""
     
     if password.strip() != PASSWORD:
         print(f"[WEB] ❌ 密碼錯誤")
-        return "❌ Incorrect password", "", ""
+        return "", "❌ Incorrect password", "", ""
     
     # 檢查檔案
     if not audio_file:
         print("[WEB] ❌ 未上傳檔案")
-        return "⚠️ Please upload audio file", "", ""
+        return "", "⚠️ Please upload audio file", "", ""
     
     try:
         # 處理檔案
@@ -196,6 +196,9 @@ def transcribe_web(password, audio_file):
         path = _extract_effective_path(audio_file)
         print(f"[WEB] ✅ 檔案: {path}")
         
+        # 顯示檔案名稱
+        file_name = os.path.basename(path)
+        
         # 轉錄
         print(f"[WEB] 開始轉錄...")
         text, summary = transcribe_core(path)
@@ -205,13 +208,13 @@ def transcribe_web(password, audio_file):
         status = f"✅ Completed! ({char_count} chars)"
         
         print(f"[WEB] ✅ 成功\n")
-        return status, text, summary
+        return file_name, status, text, summary
         
     except Exception as e:
         import traceback
         error_msg = traceback.format_exc()
         print(f"❌ [WEB] 錯誤:\n{error_msg}\n")
-        return f"❌ Error: {str(e)}", "", ""
+        return "", f"❌ Error: {str(e)}", "", ""
 
 # ====== FastAPI 應用 ======
 fastapi_app = FastAPI()
@@ -348,10 +351,18 @@ with gr.Blocks(
         placeholder="Enter password"
     )
     
-    # 檔案上傳 - 使用最基本的 File 組件
-    audio_input = gr.File(
-        label="Audio File (MP3, M4A, WAV, etc.)",
-        type="filepath"
+    # 檔案上傳 - 使用最基本的 UploadButton
+    audio_input = gr.UploadButton(
+        label="📁 Choose Audio File",
+        file_types=["audio/*", ".mp3", ".m4a", ".wav", ".ogg", ".webm", ".mp4"],
+        file_count="single"
+    )
+    
+    # 顯示已選擇的檔案
+    file_display = gr.Textbox(
+        label="Selected File",
+        interactive=False,
+        placeholder="No file selected"
     )
     
     # 提交按鈕
@@ -406,11 +417,18 @@ with gr.Blocks(
     ```
     """)
     
-    # 事件綁定
+    # 事件綁定 - UploadButton 會在選擇檔案時自動觸發
+    audio_input.upload(
+        fn=lambda f: os.path.basename(f) if f else "No file",
+        inputs=audio_input,
+        outputs=file_display
+    )
+    
+    # 提交按鈕綁定
     submit_btn.click(
         fn=transcribe_web,
         inputs=[password_input, audio_input],
-        outputs=[status_output, transcription_output, summary_output]
+        outputs=[file_display, status_output, transcription_output, summary_output]
     )
 
 # ====== 掛載到 FastAPI ======