feat(buscar): add discovery landing state, filter pills, counter, and sort

lib/pantallas/pantalla_inicio.dart

@@ -3,7 +3,6 @@ import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:shimmer/shimmer.dart' as shimmer;
 
-import '../estado/estado_busqueda.dart';
 import '../estado/estado_ecualizador.dart';
 import '../estado/estado_navegacion.dart';
 import '../estado/estado_radio.dart';
@@ -11,10 +10,8 @@ import '../l10n/display_names.dart';
 import '../l10n/gen/app_localizations.dart';
 import '../modelos/emisora.dart';
 import '../servicios/servicio_audio.dart';
-import '../tema/pluri_animate.dart';
 import '../tema/pluriwave_theme.dart';
 import '../widgets/pluri_glass_surface.dart';
-import '../widgets/pluri_icon.dart';
 import '../widgets/pluri_layout.dart';
 import '../widgets/pluri_premium_widgets.dart';
 import '../widgets/visualizador_audio.dart';
@@ -32,22 +29,6 @@ class PantallaInicio extends StatefulWidget {
 }
 
 class _PantallaInicioState extends State<PantallaInicio> {
-  static const _generos = [
-    'pop',
-    'rock',
-    'jazz',
-    'classical',
-    'electronic',
-    'news',
-    'talk',
-    'hip-hop',
-    'country',
-    'metal',
-    'reggae',
-    'latin',
-  ];
-  String? _generoSeleccionado;
-
   @override
   Widget build(BuildContext context) {
     // S4-R5: no root watch on EstadoRadio. Every field is consumed through
@@ -55,41 +36,28 @@ class _PantallaInicioState extends State<PantallaInicio> {
     // (which notify EstadoRadio) no longer rebuild this screen.
     final theme = Theme.of(context);
     final l10n = AppLocalizations.of(context);
-    final error = context.select<EstadoRadio, String?>((e) => e.error);
 
-    return RefreshIndicator(
-      onRefresh: () => context.read<EstadoRadio>().cargarPopulares(),
-      child: CustomScrollView(
-        slivers: [
-          // WU5: replaces the old PluriScreenHeader hero. The discovery
-          // sections below (_seccionCercanas onward) are deliberately left
-          // in place — WU6 relocates them to Buscar and deletes them from
-          // here; removing them now would leave that content nowhere until
-          // WU6 lands.
-          const SliverToBoxAdapter(child: _EscucharHero()),
-          SliverToBoxAdapter(child: _seccionTusEmisoras(context, theme, l10n)),
-          SliverToBoxAdapter(child: _seccionCercanas(context, theme, l10n)),
-          SliverToBoxAdapter(child: _seccionTendencias(context, theme, l10n)),
-          SliverToBoxAdapter(child: _chipGeneros(context, theme, l10n)),
-          if (error != null)
-            SliverToBoxAdapter(
-              child: _errorBanner(context, error, theme, l10n),
-            ),
-          SliverPadding(
-            // ADR-7(b): the mini player is hidden on this whole screen
-            // (app.dart), so its content needs less bottom padding than
-            // every other root — escucharBottomChromeInset, not the plain
-            // bottomChromeInset every other root/scrollable uses.
-            padding: const EdgeInsets.fromLTRB(
-              PluriLayout.horizontal,
-              0,
-              PluriLayout.horizontal,
-              PluriLayout.escucharBottomChromeInset,
-            ),
-            sliver: _gridEmisoras(context, l10n),
-          ),
-        ],
-      ),
+    return CustomScrollView(
+      slivers: [
+        // WU5 built the hero; WU6 relocated the discovery sections that
+        // used to follow it (_seccionCercanas, _seccionTendencias,
+        // _chipGeneros, _errorBanner, the browse grid) into
+        // PantallaBuscar's landing state and DELETED them here (this WU's
+        // own task 6.5 — completing WU5's task 5.9 deferral). Escuchar's
+        // content is now just the hero and the favorites preview below;
+        // pull-to-refresh was dropped along with the grid it refreshed —
+        // the retry button that used to live in the (now relocated) error
+        // banner already covers manual recovery on Buscar.
+        const SliverToBoxAdapter(child: _EscucharHero()),
+        SliverToBoxAdapter(child: _seccionTusEmisoras(context, theme, l10n)),
+        // ADR-7(b): the mini player is hidden on this whole screen
+        // (app.dart), so its content needs less bottom padding than every
+        // other root — escucharBottomChromeInset, not the plain
+        // bottomChromeInset every other root/scrollable uses.
+        const SliverToBoxAdapter(
+          child: SizedBox(height: PluriLayout.escucharBottomChromeInset),
+        ),
+      ],
     );
   }
 
@@ -175,315 +143,6 @@ class _PantallaInicioState extends State<PantallaInicio> {
     );
   }
 
-  Widget _seccionCercanas(
-    BuildContext context,
-    ThemeData theme,
-    AppLocalizations l10n,
-  ) {
-    // Nearby stations live in EstadoBusqueda (S4-R3).
-    final busqueda = context.watch<EstadoBusqueda>();
-    final pais = busqueda.paisCercanoDetectado;
-    return Padding(
-      padding: const EdgeInsets.fromLTRB(
-        PluriLayout.horizontal,
-        8,
-        PluriLayout.horizontal,
-        0,
-      ),
-      child: PluriGlassSurface(
-        padding: const EdgeInsets.all(12),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Row(
-              children: [
-                Expanded(
-                  child: Text(
-                    pais == null ? l10n.nearYou : l10n.nearYouInCountry(pais),
-                    style: theme.textTheme.titleMedium?.copyWith(
-                      fontWeight: FontWeight.w900,
-                    ),
-                  ),
-                ),
-                TextButton.icon(
-                  onPressed:
-                      busqueda.cargandoCercanas
-                          ? null
-                          : busqueda.cargarEmisorasCercanas,
-                  icon:
-                      busqueda.cargandoCercanas
-                          ? const SizedBox(
-                            width: 16,
-                            height: 16,
-                            child: CircularProgressIndicator(strokeWidth: 2),
-                          )
-                          : const Icon(Icons.my_location_rounded, size: 18),
-                  label: Text(l10n.detectAction),
-                ),
-              ],
-            ),
-            if (busqueda.errorCercanas != null)
-              Text(
-                busqueda.errorCercanas!,
-                style: theme.textTheme.bodySmall?.copyWith(
-                  color: theme.colorScheme.error,
-                ),
-              ),
-            if (busqueda.cercanas.isNotEmpty) ...[
-              const SizedBox(height: 8),
-              SizedBox(
-                height: 76,
-                child: ListView.separated(
-                  scrollDirection: Axis.horizontal,
-                  itemCount: busqueda.cercanas.length,
-                  separatorBuilder: (_, __) => const SizedBox(width: 8),
-                  itemBuilder: (context, i) {
-                    final emisora = busqueda.cercanas[i];
-                    return SizedBox(
-                      width: 260,
-                      child: TarjetaEmisora(
-                        emisora: emisora,
-                        esCompacta: true,
-                        onTap: () => reproducirMinimizado(context, emisora),
-                      ),
-                    );
-                  },
-                ),
-              ),
-            ],
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _seccionTendencias(
-    BuildContext context,
-    ThemeData theme,
-    AppLocalizations l10n,
-  ) {
-    final cargando = context.select<EstadoRadio, bool>(
-      (e) => e.cargandoPopulares,
-    );
-    final tendencias = context.select<EstadoRadio, List<Emisora>>(
-      (e) => e.tendencias,
-    );
-    return Padding(
-      padding: const EdgeInsets.fromLTRB(
-        PluriLayout.horizontal,
-        8,
-        PluriLayout.horizontal,
-        0,
-      ),
-      child: PluriGlassSurface(
-        padding: const EdgeInsets.all(12),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Text(l10n.liveRadar, style: theme.textTheme.titleMedium),
-            const SizedBox(height: 8),
-            SizedBox(
-              height: 56,
-              child:
-                  cargando
-                      ? ListView.separated(
-                        scrollDirection: Axis.horizontal,
-                        itemCount: 5,
-                        separatorBuilder: (_, __) => const SizedBox(width: 8),
-                        itemBuilder: (_, __) => _ChipShimmer(theme: theme),
-                      )
-                      : ListView.separated(
-                        scrollDirection: Axis.horizontal,
-                        itemCount: tendencias.length,
-                        separatorBuilder: (_, __) => const SizedBox(width: 8),
-                        itemBuilder: (context, i) {
-                          final e = tendencias[i];
-                          return ActionChip(
-                            avatar: const Icon(
-                              Icons.graphic_eq_rounded,
-                              size: 18,
-                            ),
-                            label: Text(e.nombre, maxLines: 1),
-                            onPressed: () => reproducirMinimizado(context, e),
-                          ).pluriFadeIn(
-                            context,
-                            delay: Duration(milliseconds: i * 50),
-                          );
-                        },
-                      ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _chipGeneros(
-    BuildContext context,
-    ThemeData theme,
-    AppLocalizations l10n,
-  ) {
-    return Padding(
-      padding: const EdgeInsets.fromLTRB(
-        PluriLayout.horizontal,
-        16,
-        PluriLayout.horizontal,
-        8,
-      ),
-      child: PluriGlassSurface(
-        padding: const EdgeInsets.all(12),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Text(l10n.genresTitle, style: theme.textTheme.titleMedium),
-            const SizedBox(height: 8),
-            Wrap(
-              spacing: 8,
-              runSpacing: 4,
-              children:
-                  _generos.map((g) {
-                    final seleccionado = _generoSeleccionado == g;
-                    return FilterChip(
-                      label: Text(_genreName(l10n, g)),
-                      selected: seleccionado,
-                      onSelected: (_) {
-                        setState(() {
-                          _generoSeleccionado = seleccionado ? null : g;
-                        });
-                        if (!seleccionado) {
-                          context.read<EstadoBusqueda>().buscar(tag: g);
-                        } else {
-                          context.read<EstadoRadio>().cargarPopulares();
-                        }
-                      },
-                    );
-                  }).toList(),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _errorBanner(
-    BuildContext context,
-    String error,
-    ThemeData theme,
-    AppLocalizations l10n,
-  ) {
-    return Padding(
-      padding: const EdgeInsets.all(16),
-      child: PluriGlassSurface(
-        padding: const EdgeInsets.all(12),
-        child: Row(
-          children: [
-            Icon(Icons.wifi_off, color: theme.colorScheme.error),
-            const SizedBox(width: 8),
-            Expanded(child: Text(error)),
-            TextButton(
-              onPressed: () => context.read<EstadoRadio>().cargarPopulares(),
-              child: Text(l10n.retryAction),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget _gridEmisoras(BuildContext context, AppLocalizations l10n) {
-    final porGenero = _generoSeleccionado != null;
-    final emisoras =
-        porGenero
-            ? context.select<EstadoBusqueda, List<Emisora>>((b) => b.resultados)
-            : context.select<EstadoRadio, List<Emisora>>(
-              (e) => e.emisorasInicio,
-            );
-    final cargando =
-        context.select<EstadoRadio, bool>((e) => e.cargandoPopulares) ||
-        (porGenero && context.select<EstadoBusqueda, bool>((b) => b.cargando));
-
-    if (cargando) {
-      return SliverGrid(
-        delegate: SliverChildBuilderDelegate(
-          (_, __) => const TarjetaEmisoraShimmer(),
-          childCount: 12,
-        ),
-        gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
-          crossAxisCount: 2,
-          childAspectRatio: 0.78,
-          crossAxisSpacing: 12,
-          mainAxisSpacing: 12,
-        ),
-      );
-    }
-
-    if (emisoras.isEmpty) {
-      return SliverFillRemaining(
-        child: PluriEmptyState(
-          glyph: PluriIconGlyph.home,
-          title: l10n.noStationsAvailable,
-          subtitle: l10n.noStationsAvailableSubtitle,
-        ),
-      );
-    }
-
-    return SliverGrid(
-      delegate: SliverChildBuilderDelegate(
-        (context, i) => TarjetaEmisora(
-          emisora: emisoras[i],
-          onTap: () => reproducirMinimizado(context, emisoras[i]),
-        ).pluriFadeSlideIn(
-          context,
-          delay: Duration(milliseconds: i * 30),
-          beginY: 0.1,
-        ),
-        childCount: emisoras.length,
-      ),
-      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
-        crossAxisCount: 2,
-        childAspectRatio: 0.78,
-        crossAxisSpacing: 12,
-        mainAxisSpacing: 12,
-      ),
-    );
-  }
-}
-
-String _genreName(AppLocalizations l10n, String tag) => switch (tag) {
-  'pop' => l10n.genrePop,
-  'rock' => l10n.genreRock,
-  'jazz' => l10n.genreJazz,
-  'classical' => l10n.genreClassical,
-  'electronic' => l10n.genreElectronic,
-  'news' => l10n.genreNews,
-  'talk' => l10n.genreTalk,
-  'hip-hop' => l10n.genreHipHop,
-  'country' => l10n.genreCountry,
-  'metal' => l10n.genreMetal,
-  'reggae' => l10n.genreReggae,
-  'latin' => l10n.genreLatin,
-  _ => tag,
-};
-
-class _ChipShimmer extends StatelessWidget {
-  final ThemeData theme;
-  const _ChipShimmer({required this.theme});
-
-  @override
-  Widget build(BuildContext context) {
-    return shimmer.Shimmer.fromColors(
-      baseColor: theme.colorScheme.surfaceContainerHighest,
-      highlightColor: theme.colorScheme.surface,
-      child: Container(
-        width: 120,
-        height: 56,
-        decoration: BoxDecoration(
-          color: theme.colorScheme.surfaceContainerHighest,
-          borderRadius: BorderRadius.circular(20),
-        ),
-      ),
-    );
-  }
 }
 
 /// WU5, design ADR-7: the Escuchar embedded player. `EstadoRadio` is the