avatares más grandes y usuario por defecto en partida individual

lib/pantallas/pantalla_ajustes.dart

@@ -33,7 +33,7 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
                 leading: AvatarFarolero(
                   texto: perfil.nombre.substring(0, 1).toUpperCase(),
                   assetPath: perfil.avatarAsset,
-                  size: 48,
+                  size: 128,
                 ),
                 title: Text(perfil.nombre),
                 subtitle: Text('@${perfil.nick}'),
@@ -123,7 +123,7 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
         builder: (ctx, setDialogState) => AlertDialog(
           title: const Text('Perfil del dispositivo'),
           content: SizedBox(
-            width: 420,
+            width: 520,
             child: SingleChildScrollView(
               child: Column(
                 mainAxisSize: MainAxisSize.min,
@@ -131,6 +131,7 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
                   TextField(
                     controller: nombreController,
                     textCapitalization: TextCapitalization.words,
+                    onChanged: (_) => setDialogState(() {}),
                     decoration: const InputDecoration(
                       labelText: 'Nombre',
                       prefixIcon: Icon(Icons.person),
@@ -144,15 +145,23 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
                       prefixIcon: Icon(Icons.alternate_email),
                     ),
                   ),
-                  const SizedBox(height: 16),
+                  const SizedBox(height: 18),
+                  AvatarFarolero(
+                    texto: nombreController.text.isEmpty
+                        ? '?'
+                        : nombreController.text.substring(0, 1).toUpperCase(),
+                    assetPath: avatarSeleccionado,
+                    size: 90,
+                  ),
+                  const SizedBox(height: 18),
                   GridView.builder(
                     shrinkWrap: true,
                     physics: const NeverScrollableScrollPhysics(),
                     gridDelegate:
                         const SliverGridDelegateWithFixedCrossAxisCount(
-                      crossAxisCount: 5,
+                      crossAxisCount: 4,
-                      mainAxisSpacing: 8,
+                      mainAxisSpacing: 12,
-                      crossAxisSpacing: 8,
+                      crossAxisSpacing: 12,
                     ),
                     itemCount: ServicioPerfilUsuario.avatares.length,
                     itemBuilder: (context, index) {
@@ -176,7 +185,7 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
                           child: AvatarFarolero(
                             texto: '',
                             assetPath: avatar,
-                            size: 48,
+                            size: 72,
                           ),
                         ),
                       );

lib/pantallas/pantalla_crear_partida.dart

@@ -37,6 +37,7 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
   int? _tiempoDebate;
   final List<String> _jugadores = [];
   final _controladorNombre = TextEditingController();
+  bool _agregandoPerfilPendiente = false;
 
   final _opcionesTiempo = <int?>[null, 60, 120, 180, 300];
 
@@ -44,6 +45,22 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
   void initState() {
     super.initState();
     _modoMultimovil = widget.modoInicial;
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      if (mounted) _agregarPerfilLocalSiNecesario();
+    });
+  }
+
+  void _agregarPerfilLocalSiNecesario() {
+    if (_modoMultimovil) return;
+    final servicioPerfil = context.read<ServicioPerfilUsuario>();
+    if (!servicioPerfil.cargado) return;
+    final perfil = servicioPerfil.perfil;
+    final nombre =
+        perfil.nombre.trim().isEmpty ? 'Jugador' : perfil.nombre.trim();
+    if (_jugadores.contains(nombre)) return;
+    setState(() {
+      _jugadores.insert(0, nombre);
+    });
   }
 
   int get _maxImpostores =>
@@ -83,6 +100,10 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
   }
 
   void _eliminarJugador(int index) {
+    final perfil = context.read<ServicioPerfilUsuario>().perfil;
+    final nombrePerfil =
+        perfil.nombre.trim().isEmpty ? 'Jugador' : perfil.nombre.trim();
+    if (index == 0 && _jugadores[index] == nombrePerfil) return;
     setState(() {
       _jugadores.removeAt(index);
       if (_numImpostores > _maxImpostores && _maxImpostores > 0) {
@@ -276,8 +297,22 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
   Widget build(BuildContext context) {
     final l10n = AppLocalizations.of(context)!;
     final estado = context.watch<EstadoJuego>();
+    final servicioPerfil = context.watch<ServicioPerfilUsuario>();
     final categorias = ['todas', ...?estado.banco?.nombresCategorias];
     final etiquetas = _etiquetasTiempo(l10n);
+    final nombrePerfilActual = servicioPerfil.perfil.nombre.trim().isEmpty
+        ? 'Jugador'
+        : servicioPerfil.perfil.nombre.trim();
+    if (!_modoMultimovil &&
+        servicioPerfil.cargado &&
+        !_agregandoPerfilPendiente &&
+        !_jugadores.contains(nombrePerfilActual)) {
+      _agregandoPerfilPendiente = true;
+      WidgetsBinding.instance.addPostFrameCallback((_) {
+        _agregandoPerfilPendiente = false;
+        if (mounted) _agregarPerfilLocalSiNecesario();
+      });
+    }
 
     return Scaffold(
       appBar: AppBar(title: Text(l10n.createGame)),
@@ -347,6 +382,7 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
                               _numImpostores = _maxImpostores;
                             }
                           });
+                          _agregarPerfilLocalSiNecesario();
                         },
                       ),
                     ],
@@ -457,22 +493,42 @@ class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
                     ),
                     const SizedBox(height: 8),
                     ..._jugadores.asMap().entries.map((e) {
+                      final perfil = servicioPerfil.perfil;
+                      final nombrePerfil = perfil.nombre.trim().isEmpty
+                          ? 'Jugador'
+                          : perfil.nombre.trim();
+                      final inicialPerfil = nombrePerfil.isEmpty
+                          ? '?'
+                          : nombrePerfil.substring(0, 1).toUpperCase();
+                      final esPerfilLocal =
+                          e.key == 0 && e.value == nombrePerfil;
                       return ListTile(
-                        leading: CircleAvatar(
+                        leading: esPerfilLocal
-                          backgroundColor: TemaApp.colorTarjeta,
+                            ? AvatarFarolero(
-                          child: Text(
+                                texto: inicialPerfil,
-                            '${e.key + 1}',
+                                assetPath: perfil.avatarAsset,
-                            style: const TextStyle(color: TemaApp.colorTexto),
+                                size: 54,
-                          ),
+                              )
-                        ),
+                            : CircleAvatar(
+                                backgroundColor: TemaApp.colorTarjeta,
+                                child: Text(
+                                  '${e.key + 1}',
+                                  style: const TextStyle(color: TemaApp.colorTexto),
+                                ),
+                              ),
                         title: Text(e.value),
-                        trailing: IconButton(
+                        subtitle: esPerfilLocal
-                          icon: const Icon(
+                            ? const Text('Usuario principal del dispositivo')
-                            Icons.close,
+                            : null,
-                            color: TemaApp.colorAcento,
+                        trailing: esPerfilLocal
-                          ),
+                            ? const Icon(Icons.lock, color: TemaApp.colorDorado)
-                          onPressed: () => _eliminarJugador(e.key),
+                            : IconButton(
-                        ),
+                                icon: const Icon(
+                                  Icons.close,
+                                  color: TemaApp.colorAcento,
+                                ),
+                                onPressed: () => _eliminarJugador(e.key),
+                              ),
                         dense: true,
                       );
                     }),