Upload app.py with huggingface_hub

app.py

@@ -983,11 +983,21 @@ window.stopTranscribeTimer=function(ok){
   },60000);
 };
 
-/* Auto-stop timer on Gradio error toast */
+/* Auto-start timer on Gradio progress indicator (server-side signal).
+   This ensures timer ONLY starts after validation passes:
+   - No file → gr.Error() before progress() → no progress element → timer never starts
+   - File OK → progress(0.05) → progress element added → timer starts */
 new MutationObserver(function(muts){
   muts.forEach(function(m){
     m.addedNodes.forEach(function(n){
       if(n.nodeType===1){
+        /* Detect Gradio progress → start timer (only once) */
+        var isProgress=n.classList&&(n.classList.contains('progress-level')||n.classList.contains('eta-bar'));
+        var hasProgress=n.querySelector&&n.querySelector('.progress-level,.eta-bar');
+        if((isProgress||hasProgress)&&!window._timerInterval){
+          window.startTranscribeTimer();
+        }
+        /* Detect error toast → stop timer */
         var isToast=n.classList&&(n.classList.contains('toast-wrap')||n.classList.contains('error'));
         var hasError=n.querySelector&&n.querySelector('.error,.toast-body');
         if((isToast||hasError)&&window._timerInterval){
@@ -1102,24 +1112,14 @@ with gr.Blocks(theme=THEME, title="TranscribeAI", css=CUSTOM_CSS, head=UPLOAD_PR
             docx_file = gr.File(label="DOCX — Dokumen Word berwarna")
 
     # ---- Connect ----
-    # Step 1: Validate audio exists (quick, no GPU).
-    #         If error → chain stops → timer never starts.
-    # Step 2: Start timer (JS) + run transcription (GPU).
-    # Step 3: Stop timer on success (JS).
-    def validate_audio(audio_file):
-        if audio_file is None:
-            raise gr.Error("Upload file audio terlebih dahulu!")
-
+    # Timer is started by MutationObserver when Gradio progress() appears in DOM.
+    # This ensures timer ONLY starts after validation passes (no file → no progress).
+    # Timer success-stop via .then(); error-stop via MutationObserver on error toast.
     btn_start.click(
-        fn=validate_audio,
-        inputs=[audio_input],
-        outputs=None,
-    ).then(
         fn=transcribe_full,
         inputs=[audio_input, language_choice, speaker_count,
                 enable_diarization, enable_vad],
         outputs=[summary_output, transcript_output, srt_file, txt_file, docx_file],
-        js="() => { window.startTranscribeTimer(); }",
     ).then(
         fn=lambda: None,
         inputs=None,