Mejora flujo de datos en partidas multidispositivos

lib/pantallas/pantalla_votacion_cliente.dart

@@ -1,8 +1,10 @@
-import 'package:flutter/material.dart';
+import 'package:flutter/material.dart';
 import 'package:farolero/l10n/generated/app_localizations.dart';
 import 'package:farolero/modelos/inicio_partida_multijugador.dart';
 import 'package:farolero/modelos/jugador.dart';
+import 'package:farolero/servicios/servicio_nearby.dart';
 import 'package:farolero/tema/tema_app.dart';
+import 'package:provider/provider.dart';
 
 /// Pantalla de votación para cliente multidispositivo.
 /// Un cliente puede manejar uno o varios jugadores, por eso se recoge un voto
@@ -25,6 +27,9 @@ class PantallaVotacionCliente extends StatefulWidget {
 
 class _PantallaVotacionClienteState extends State<PantallaVotacionCliente> {
   final Map<String, String> _votosPorVotante = {};
+  Map<String, dynamic>? _resultado;
+  OnMensajeCallback? _listener;
+  ServicioNearby? _nearby;
 
   List<JugadorInicioPartida> get _votantes => widget.jugadoresControlados;
   bool get _modoMultiVotante => _votantes.length > 1;
@@ -33,9 +38,35 @@ class _PantallaVotacionClienteState extends State<PantallaVotacionCliente> {
     return _votantes.every((votante) => _votosPorVotante[votante.jugadorId] != null);
   }
 
+  @override
+  void initState() {
+    super.initState();
+    _listener = (endpointId, mensaje) {
+      if (mensaje.tipo != TipoMensaje.votacionResultado || !mounted) return;
+      setState(() => _resultado = mensaje.datos);
+    };
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      final listener = _listener;
+      if (listener != null && mounted) {
+        _nearby = context.read<ServicioNearby>();
+        _nearby!.onMensaje(listener);
+      }
+    });
+  }
+
+  @override
+  void dispose() {
+    final listener = _listener;
+    if (listener != null) {
+      _nearby?.removeMensajeListener(listener);
+    }
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     final l10n = AppLocalizations.of(context)!;
+    if (_resultado != null) return _buildResultado(context, _resultado!);
 
     return Scaffold(
       backgroundColor: TemaApp.colorFondo,
@@ -96,6 +127,137 @@ class _PantallaVotacionClienteState extends State<PantallaVotacionCliente> {
     );
   }
 
+  Widget _buildResultado(BuildContext context, Map<String, dynamic> resultado) {
+    final eliminadoId = resultado['eliminadoId'] as String?;
+    final eliminadoNombre = resultado['eliminadoNombre'] as String? ?? '?';
+    final eraImpostor = resultado['eraImpostor'] as bool? ?? false;
+    final votosRaw = resultado['votos'] as Map<dynamic, dynamic>? ?? {};
+    final votos = votosRaw.map(
+      (key, value) => MapEntry(key.toString(), value.toString()),
+    );
+    final jugadores = {for (final jugador in widget.jugadores) jugador.id: jugador};
+    final conteo = <String, int>{};
+    for (final votadoId in 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 Scaffold(
+      backgroundColor: TemaApp.colorFondo,
+      appBar: AppBar(
+        title: const Text('Resultado'),
+        automaticallyImplyLeading: false,
+        backgroundColor: Colors.transparent,
+        elevation: 0,
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(24),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Container(
+              width: double.infinity,
+              padding: const EdgeInsets.all(20),
+              decoration: BoxDecoration(
+                color: eraImpostor
+                    ? TemaApp.colorVerde.withValues(alpha: 0.18)
+                    : TemaApp.colorAcento.withValues(alpha: 0.18),
+                borderRadius: BorderRadius.circular(18),
+                border: Border.all(
+                  color: eraImpostor ? TemaApp.colorVerde : TemaApp.colorAcento,
+                ),
+              ),
+              child: Column(
+                children: [
+                  Text(
+                    eliminadoNombre,
+                    style: Theme.of(context).textTheme.headlineMedium,
+                    textAlign: TextAlign.center,
+                  ),
+                  const SizedBox(height: 8),
+                  Text(
+                    eraImpostor ? 'Era impostor' : 'Era inocente',
+                    style: TextStyle(
+                      color: eraImpostor
+                          ? TemaApp.colorVerde
+                          : TemaApp.colorAcento,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            const SizedBox(height: 20),
+            Text(
+              'Detalle de votos',
+              style: Theme.of(context).textTheme.titleLarge,
+            ),
+            const SizedBox(height: 12),
+            Expanded(
+              child: ListView(
+                children: [
+                  ...ranking.map((entry) {
+                    final jugador = jugadores[entry.key];
+                    final destacado = entry.key == eliminadoId;
+                    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(jugador?.nombre ?? '?')),
+                              Text(
+                                '${entry.value}',
+                                style: TextStyle(
+                                  color: color,
+                                  fontWeight: FontWeight.bold,
+                                ),
+                              ),
+                            ],
+                          ),
+                          const SizedBox(height: 6),
+                          ClipRRect(
+                            borderRadius: BorderRadius.circular(999),
+                            child: LinearProgressIndicator(
+                              value: (entry.value / maxVotos)
+                                  .clamp(0.0, 1.0)
+                                  .toDouble(),
+                              minHeight: 10,
+                              backgroundColor: TemaApp.colorSuperficie,
+                              valueColor: AlwaysStoppedAnimation(color),
+                            ),
+                          ),
+                        ],
+                      ),
+                    );
+                  }),
+                  const Divider(height: 24),
+                  ...votos.entries.map((entry) {
+                    final votante = jugadores[entry.key]?.nombre ?? '?';
+                    final votado = jugadores[entry.value]?.nombre ?? '?';
+                    return ListTile(
+                      dense: true,
+                      leading: const Icon(Icons.how_to_vote),
+                      title: Text('$votante → $votado'),
+                    );
+                  }),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
   Widget _buildSelectorLegacy() {
     return ListView.builder(
       itemCount: widget.jugadores.length,