[F6-06] Detalle de proyecto en vivo: progreso, historia, escenas, vídeo y descarga #73

Fase: F6 · Tamaño: M · Depende de: #71 (F6-05), #68 (F4-11), #55 (F5-05)
Decisiones: D-08 en #1

Objetivo

La pantalla donde el creador ve nacer su vídeo y lo descarga.

Alcance

• /app/projects/:id:
  • PipelineStepper alimentado por SSE (hook useProjectEvents que actualiza la caché de TanStack Query; si SSE falla, consulta cada 5 s).
  • Historia (StoryEditor en modo lectura) en cuanto existe.
  • SceneGrid con las imágenes según se generan.
  • AssetPlayer con el MP4 final y póster; DownloadButton con el nombre del fichero.
  • ExpiryNotice con la fecha de caducidad de los ficheros.
  • Acción "Cancelar" con confirmación mientras está en curso.
  • Errores por paso o escena con el mensaje traducido y la acción "reintentar".
• Estado vacío/cargando con Skeleton; 404 si el proyecto no existe o no es del usuario.

Criterios de aceptación

• Test (Playwright contra el server real con fake): el stepper avanza solo hasta completed, aparece el reproductor y la descarga entrega un MP4.
• Test: cortar la red a mitad (modo offline de Playwright) y restablecerla muestra el estado correcto sin recargar.
• Test: cancelar muestra el proyecto como cancelado en < 3 s.
• Vista correcta a 360 px y 1280 px; axe sin violaciones; textos en es y en.