Upload app.py with huggingface_hub

app.py

@@ -983,30 +983,41 @@ window.stopTranscribeTimer=function(ok){
   },60000);
 };
 
-/* 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 */
+/* Auto-start timer when EXPLICIT progress() text appears (contains ⏳).
+   Gradio StatusTracker (.eta-bar, .progress-level) appears on ALL fn calls,
+   but our ⏳ marker only appears when progress(0.05,"⏳ Menunggu GPU...") is called,
+   which happens AFTER the audio_file validation passes.
+   - No file → gr.Error() before progress() → no ⏳ → timer never starts
+   - File OK → progress(0.05,"⏳...") → ⏳ detected → timer starts
+   Auto-stop on error toast. */
 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();
+    if(m.type==='childList'){
+      m.addedNodes.forEach(function(n){
+        /* Element node: check text for ⏳ marker */
+        if(n.nodeType===1){
+          if(!window._timerInterval&&n.textContent&&n.textContent.indexOf('\u23f3')!==-1){
+            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){
+            window.stopTranscribeTimer(false);
+          }
         }
-        /* 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){
-          window.stopTranscribeTimer(false);
+        /* Text node with ⏳ */
+        if(n.nodeType===3&&!window._timerInterval&&n.nodeValue&&n.nodeValue.indexOf('\u23f3')!==-1){
+          window.startTranscribeTimer();
         }
-      }
-    });
+      });
+    }
+    /* Text content change containing ⏳ (progress update on existing node) */
+    if(m.type==='characterData'&&!window._timerInterval&&m.target.nodeValue&&m.target.nodeValue.indexOf('\u23f3')!==-1){
+      window.startTranscribeTimer();
+    }
   });
-}).observe(document.body,{childList:true,subtree:true});
+}).observe(document.body,{childList:true,subtree:true,characterData:true});
 </script>
 """