web-player: headers, dialogs and typography

PageHeader absorbs CollectionHeader (title/eyebrow/description/meta/cover?/actions?/align?): without a cover it behaves like the old simple PageHeader (inline actions), with a cover like the old CollectionHeader (actions below). It sets its own bottom margin (mb-7/8); the mt-* each page used to add afterward are removed. Migrates the 9 places that used either one (albums, library, playlists, upload, Explore x2, liked, mix, profile). CollectionHeader is removed. AlbumHeader and PlaylistHeader are inlined into their pages and removed. Decision (recommended, not blocking): PlaylistHeader gains icons on Edit/Delete/Play, matching what AlbumHeader already had. New ConfirmDialog replaces the two delete dialogs (album and playlist), which had different typography. Modal now uses .glass-panel (instead of duplicating the inline style=) and z-(--z-modal); its eyebrow and title use the text-eyebrow/text-display-3 recipes. SectionHeading gains `count?` (a "N results" line, replacing 4 copies in Explore) and `href?`/`linkLabel?` ("See all", replacing Home's). Applies typography recipes (text-display-2/3, text-eyebrow, text-body) and width tokens (max-w-prose-sm, max-w-hero) across EmptyState, +error, "No results", and the Home/Queue/Sidebar hero and stats. The "You haven't listened to anything yet" empty state (duplicated twice on Home) becomes a local snippet. Verified with npm run check/build; no authenticated visual QA (Docker unavailable this session).
2026-09-21 00:48:23 +02:00
parent 964dfc809f
commit 1bdd7ec9f1
24 changed files with 310 additions and 388 deletions
@@ -782,7 +782,7 @@ Tareas:
 | P7    | ✅     | (pendiente) | MediaIdentity queda "puro" (sin onClick) según spec; las 6 tablas de pista (P8) envuelven su propio `use:pressable` hasta que P8 las sustituya por TrackList. Deltas documentados: fila activa de Sidebar ahora usa bg-accent-tint/text-accent-soft (antes gris neutro, ahora consistente con el resto de filas activas); tarjeta "Tus playlists" de Inicio pierde la línea "por {tu nombre}" (redundante, siempre el propio usuario) y su radio pasa de rounded-panel a rounded-art (consistencia con la tarjeta "Continuar"); filas de Queue "A continuación" pierden el opacity-80 del arte (ListRow no expone esa personalización). Sin QA visual autenticada (Docker no disponible) |
 | P8    | ✅     | (pendiente) | Decisión tomada (recomendada por el propio plan, sin bloquear): se elimina la columna "Álbum" que siempre mostraba "—". TrackList unifica TrackTable+TrackRow+TrackIndexCell+TrackMeta; AlbumTrackTable/PlaylistTrackTable/LibraryPicker se inlinean en sus páginas y se borran. Sin QA visual autenticada (Docker no disponible) |
 | P9    | ✅     | (pendiente) | MediaCard gana hover-zoom del arte y scrim+PlayButton condicionados a `onPlay` (antes exclusivos de MixTile); ahora se aplicarían a cualquier card futura con onPlay, consistencia intencional. Sin QA visual autenticada (Docker no disponible) |
-| P10   | ⬜     |        |                            |
+| P10   | ✅     | (pendiente) | Decisión tomada (recomendada, sin bloquear): iconos en los botones de cabecera de playlist (antes solo álbum tenía). PlaylistHeader pierde su prop `id` sin usar tras inlinearlo. Explorar: la cabecera de "Resultados para…" ahora usa el `mb-7/8` de PageHeader en vez de un `mt-5` ajustado a mano antes de los chips de filtro — gap ligeramente mayor entre el resumen y los chips (Δ menor, documentado). Sin QA visual autenticada (Docker no disponible) |
 | P11   | ⬜     |        |                            |
 | P12   | ⬜     |        |                            |
 | P13   | ⬜     |        |                            |