fix: show TTS gen duration in idle badge (24s / 1m 4s), drop uppercase

scraper/internal/server/ui.go

@@ -2151,6 +2151,7 @@ const chapterTmpl = `
   .queue-badge-playing     { background: #1e3a5f; color: #60a5fa; }
   .queue-badge-paused      { background: #1c1917; color: #d6d3d1; }
   .queue-badge-error       { background: #450a0a; color: #f87171; }
+  .queue-badge-time        { text-transform: none; letter-spacing: 0; }
 
   /* Seek bar — tall hit-area, thin visual rail via inner element */
   #seek-track {
@@ -2238,7 +2239,8 @@ const chapterTmpl = `
 
   // ── badge helper ─────────────────────────────────────────────────────────────
   var BADGE_CLASSES = ['queue-badge-idle','queue-badge-generating','queue-badge-ready',
-                       'queue-badge-playing','queue-badge-paused','queue-badge-error'];
+                       'queue-badge-playing','queue-badge-paused','queue-badge-error',
+                       'queue-badge-time'];
   function setBadge(el, state) {
     BADGE_CLASSES.forEach(function (c) { el.classList.remove(c); });
     el.classList.add('queue-badge-' + state);
@@ -2465,8 +2467,13 @@ const chapterTmpl = `
     setBadge(playerStateBadge, 'idle');
     // Show how long TTS generation took, if we have a timestamp.
     if (genStartTime > 0) {
-      var secs = ((Date.now() - genStartTime) / 1000).toFixed(1);
-      playerStateBadge.textContent = secs + 's';
+      var elapsed = Math.round((Date.now() - genStartTime) / 1000);
+      var label = elapsed >= 60
+        ? Math.floor(elapsed / 60) + 'm ' + (elapsed % 60) + 's'
+        : elapsed + 's';
+      playerStateBadge.textContent = label;
+      playerStateBadge.classList.add('queue-badge-time');
+      genStartTime = 0;
     }
     playerTitle.textContent = 'Ch.\u00a0' + CHAPTER_N;
     setStatus('');