feat(web/m7-380): animate pending placeholder + add play overlay to PlaylistCard

2026-05-04 19:42:30 -04:00
parent 34615fffbd
commit b290b4ff0b
4 changed files with 156 additions and 36 deletions
@@ -20,12 +20,13 @@
    }
  });

-  // animate-pulse on the cover area only when in_flight (variant='building').
-  // Other variants are static so failure/empty states don't read as "active".
+  // animate-pulse on the cover area when variant is 'building' or 'pending'.
+  // 'pending' shows the animation since it's awaiting results within 24h.
+  // 'failed' and 'seed-needed' are static terminal states.
  const coverClasses = $derived(
    'aspect-square w-full overflow-hidden rounded-md bg-surface-hover ' +
    'flex items-center justify-center text-text-muted ' +
-    (variant === 'building' ? 'animate-pulse' : '')
+    (variant === 'building' || variant === 'pending' ? 'animate-pulse' : '')
  );
 </script>