Mejora flujo de datos en partidas multidispositivos

lib/pantallas/pantalla_gestor_host.dart

@@ -1,9 +1,11 @@
 import 'dart:async';
+import 'dart:math';
 import 'package:flutter/material.dart';
 import 'package:farolero/l10n/generated/app_localizations.dart';
 import 'package:provider/provider.dart';
 import '../estado/estado_juego.dart';
 import '../modelos/inicio_partida_multijugador.dart';
+import '../modelos/jugador.dart';
 import '../modelos/partida.dart';
 import '../servicios/servicio_nearby.dart';
 import '../tema/componentes_farolero.dart';
@@ -23,6 +25,9 @@ class PantallaGestorHost extends StatefulWidget {
 class _PantallaGestorHostState extends State<PantallaGestorHost> {
   Timer? _timer;
   int _segundosRestantes = 0;
+  bool _hostListo = false;
+  String? _primerTurnoId;
+  String? _primerTurnoNombre;
   final Map<String, bool> _clientesListos = {};
   final Map<String, String> _votosRecibidos = {};
 
@@ -85,7 +90,15 @@ class _PantallaGestorHostState extends State<PantallaGestorHost> {
     switch (fase) {
       case FaseJuego.debate:
         estado.iniciarDebate();
-        nearby.enviarCambioFase('debate');
+        final primero = _elegirPrimerTurno();
+        nearby.enviarCambioFase('debate', {
+          if (primero != null) ...{
+            'primerTurnoId': primero.id,
+            'primerTurnoNombre': primero.nombre,
+          },
+          if (estado.partida?.config.tiempoDebateSegundos != null)
+            'tiempoDebateSegundos': estado.partida!.config.tiempoDebateSegundos,
+        });
         _iniciarTemporizador();
         break;
       case FaseJuego.votacion:
@@ -123,7 +136,8 @@ class _PantallaGestorHostState extends State<PantallaGestorHost> {
       );
     }
 
-    final todosListos = _clientesListos.length >= nearby.jugadores.length;
+    final todosListos =
+        _hostListo && _clientesListos.length >= nearby.jugadores.length;
     final todosVotaron = estado.todosHanVotado();
 
     return Scaffold(
@@ -224,6 +238,8 @@ class _PantallaGestorHostState extends State<PantallaGestorHost> {
         return _buildFaseDebate(context, l10n, nearby);
       case FaseJuego.votacion:
         return _buildFaseVotacion(context, l10n, todosVotaron, nearby);
+      case FaseJuego.resultado:
+        return _buildFaseResultado(context, l10n);
       default:
         return const Center(child: Text('Fin de la partida'));
     }
@@ -251,7 +267,7 @@ class _PantallaGestorHostState extends State<PantallaGestorHost> {
               style: Theme.of(context).textTheme.titleMedium,
             ),
             const SizedBox(height: 8),
-            _buildJugadorTile(nearby.miNombre ?? 'Host', true, false),
+            _buildJugadorTile(nearby.miNombre ?? 'Host', true, _hostListo),
             ...nearby.jugadores.map(
               (j) => _buildJugadorTile(
                 j.nombre,
@@ -331,7 +347,10 @@ class _PantallaGestorHostState extends State<PantallaGestorHost> {
             pistaCategoria: partida.config.pistaImpostor
                 ? partida.categoriaReal
                 : null,
-            onTodosVistos: () => Navigator.of(context).pop(),
+            onTodosVistos: () {
+              setState(() => _hostListo = true);
+              Navigator.of(context).pop();
+            },
           ),
         ),
       );
@@ -351,11 +370,28 @@ class _PantallaGestorHostState extends State<PantallaGestorHost> {
           palabra: partida.palabraSecreta,
           pistaActiva: partida.config.pistaImpostor,
           categoria: partida.categoriaReal,
+          onVisto: () => setState(() => _hostListo = true),
         ),
       ),
     );
   }
 
+  Jugador? _elegirPrimerTurno() {
+    final partida = context.read<EstadoJuego>().partida;
+    if (partida == null || partida.jugadoresActivos.isEmpty) return null;
+    if (_primerTurnoId != null) {
+      return partida.jugadoresActivos.firstWhere(
+        (j) => j.id == _primerTurnoId,
+        orElse: () => partida.jugadoresActivos.first,
+      );
+    }
+    final elegido = partida.jugadoresActivos[
+        Random.secure().nextInt(partida.jugadoresActivos.length)];
+    _primerTurnoId = elegido.id;
+    _primerTurnoNombre = elegido.nombre;
+    return elegido;
+  }
+
   Widget _buildFaseDebate(
     BuildContext context,
     AppLocalizations l10n,
@@ -399,6 +435,8 @@ class _PantallaGestorHostState extends State<PantallaGestorHost> {
               ),
               const SizedBox(height: 16),
             ],
+            _buildPrimerTurno(context),
+            const SizedBox(height: 16),
             Text(
               l10n.activePlayers,
               style: Theme.of(context).textTheme.titleMedium,
@@ -426,6 +464,31 @@ class _PantallaGestorHostState extends State<PantallaGestorHost> {
     );
   }
 
+  Widget _buildPrimerTurno(BuildContext context) {
+    final primero = _elegirPrimerTurno();
+    final nombre = _primerTurnoNombre ?? primero?.nombre;
+    if (nombre == null) return const SizedBox.shrink();
+    return Container(
+      width: double.infinity,
+      padding: const EdgeInsets.all(16),
+      decoration: TemaApp.decoracionPanel(
+        color: TemaApp.colorNaranja.withValues(alpha: 0.16),
+        borderColor: TemaApp.colorNaranja.withValues(alpha: 0.7),
+      ),
+      child: Row(
+        children: [
+          const Icon(Icons.record_voice_over, color: TemaApp.colorNaranja),
+          const SizedBox(width: 12),
+          Expanded(
+            child: Text(
+              'Empieza $nombre diciendo su palabra.',
+              style: Theme.of(context).textTheme.titleMedium,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
   Widget _buildFaseVotacion(
     BuildContext context,
     AppLocalizations l10n,
@@ -525,6 +588,145 @@ class _PantallaGestorHostState extends State<PantallaGestorHost> {
     );
   }
 
+  Widget _buildFaseResultado(BuildContext context, AppLocalizations l10n) {
+    final partida = context.watch<EstadoJuego>().partida;
+    final resultado = partida?.historialVotaciones.isNotEmpty == true
+        ? partida!.historialVotaciones.last
+        : null;
+    if (partida == null || resultado == null) {
+      return const Center(child: Text('Sin resultado'));
+    }
+
+    final conteo = <String, int>{};
+    for (final votadoId in resultado.votos.values) {
+      conteo[votadoId] = (conteo[votadoId] ?? 0) + 1;
+    }
+    final maxVotos = conteo.values.isEmpty
+        ? 1
+        : conteo.values.reduce((a, b) => a > b ? a : b);
+    final ranking = conteo.entries.toList()
+      ..sort((a, b) => b.value.compareTo(a.value));
+
+    return Card(
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(l10n.result, style: Theme.of(context).textTheme.titleLarge),
+            const SizedBox(height: 12),
+            Container(
+              width: double.infinity,
+              padding: const EdgeInsets.all(16),
+              decoration: TemaApp.decoracionPanel(
+                color: resultado.eraImpostor
+                    ? TemaApp.colorVerde.withValues(alpha: 0.18)
+                    : TemaApp.colorAcento.withValues(alpha: 0.18),
+                borderColor: resultado.eraImpostor
+                    ? TemaApp.colorVerde
+                    : TemaApp.colorAcento,
+              ),
+              child: Column(
+                children: [
+                  Text(
+                    resultado.eliminadoNombre,
+                    style: Theme.of(context).textTheme.headlineMedium,
+                  ),
+                  const SizedBox(height: 6),
+                  Text(
+                    resultado.eraImpostor
+                        ? l10n.wasImpostor
+                        : l10n.wasInnocent,
+                    style: TextStyle(
+                      color: resultado.eraImpostor
+                          ? TemaApp.colorVerde
+                          : TemaApp.colorAcento,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            const SizedBox(height: 16),
+            Text(l10n.votesThisRound,
+                style: Theme.of(context).textTheme.titleMedium),
+            const SizedBox(height: 12),
+            Expanded(
+              child: ListView(
+                children: [
+                  ...ranking.map((entry) {
+                    final jugador = partida.jugadores.firstWhere(
+                      (j) => j.id == entry.key,
+                      orElse: () => partida.jugadores.first,
+                    );
+                    return _buildBarraResultado(
+                      context,
+                      nombre: jugador.nombre,
+                      votos: entry.value,
+                      maxVotos: maxVotos,
+                      destacado: entry.key == resultado.eliminadoId,
+                    );
+                  }),
+                  const Divider(height: 24),
+                  ...resultado.votos.entries.map((entry) {
+                    final votante = partida.jugadores.firstWhere(
+                      (j) => j.id == entry.key,
+                      orElse: () => partida.jugadores.first,
+                    );
+                    final votado = partida.jugadores.firstWhere(
+                      (j) => j.id == entry.value,
+                      orElse: () => partida.jugadores.first,
+                    );
+                    return ListTile(
+                      dense: true,
+                      leading: const Icon(Icons.how_to_vote),
+                      title: Text('${votante.nombre} → ${votado.nombre}'),
+                    );
+                  }),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildBarraResultado(
+    BuildContext context, {
+    required String nombre,
+    required int votos,
+    required int maxVotos,
+    required bool destacado,
+  }) {
+    final color = destacado ? TemaApp.colorAcento : TemaApp.colorNaranja;
+    return Padding(
+      padding: const EdgeInsets.only(bottom: 12),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              Expanded(child: Text(nombre)),
+              Text('$votos',
+                  style: TextStyle(color: color, fontWeight: FontWeight.bold)),
+            ],
+          ),
+          const SizedBox(height: 6),
+          ClipRRect(
+            borderRadius: BorderRadius.circular(999),
+            child: LinearProgressIndicator(
+              value: (votos / maxVotos).clamp(0.0, 1.0).toDouble(),
+              minHeight: 10,
+              backgroundColor: TemaApp.colorSuperficie,
+              valueColor: AlwaysStoppedAnimation(color),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
   bool _hostYaVoto(BuildContext context) {
     final estado = context.read<EstadoJuego>();
     final sala = context.read<ServicioNearby>().estadoSala;
@@ -653,6 +855,7 @@ class _PantallaRevelarPalabraHost extends StatefulWidget {
   final String palabra;
   final bool pistaActiva;
   final String categoria;
+  final VoidCallback onVisto;
 
   const _PantallaRevelarPalabraHost({
     required this.nombre,
@@ -660,6 +863,7 @@ class _PantallaRevelarPalabraHost extends StatefulWidget {
     required this.palabra,
     required this.pistaActiva,
     required this.categoria,
+    required this.onVisto,
   });
 
   @override
@@ -736,7 +940,7 @@ class _PantallaRevelarPalabraHostState
                           if (widget.esImpostor && widget.pistaActiva) ...[
                             const SizedBox(height: 12),
                             Text(
-                              'Categoria: ${widget.categoria}',
+                              'Categoría: ${widget.categoria}',
                               style: Theme.of(context).textTheme.bodyLarge
                                   ?.copyWith(color: TemaApp.colorNaranja),
                             ),
@@ -745,7 +949,7 @@ class _PantallaRevelarPalabraHostState
                       )
                     : Column(
                         children: [
-                          const Text('Candado', style: TextStyle(fontSize: 48)),
+                          const Text('🔒', style: TextStyle(fontSize: 48)),
                           const SizedBox(height: 16),
                           Text(
                             l10n.holdToSeeWord,
@@ -787,6 +991,19 @@ class _PantallaRevelarPalabraHostState
                   ),
                 ),
               ),
+              const SizedBox(height: 16),
+              SizedBox(
+                width: double.infinity,
+                height: 56,
+                child: ElevatedButton.icon(
+                  onPressed: () {
+                    widget.onVisto();
+                    Navigator.of(context).pop();
+                  },
+                  icon: const Icon(Icons.check),
+                  label: Text(l10n.iveSeenIt),
+                ),
+              ),
             ],
             ),
           ),