Gestión de usuarios y avatares en la aplicación. Gestión de traducciones de las palabras.

lib/pantallas/pantalla_ajustes.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:farolero/l10n/generated/app_localizations.dart';
 import 'package:provider/provider.dart';
 import '../servicios/servicio_idioma.dart';
+import '../servicios/servicio_perfil_usuario.dart';
 import '../tema/componentes_farolero.dart';
 import '../tema/tema_app.dart';
 
@@ -20,6 +21,7 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
   Widget build(BuildContext context) {
     final l10n = AppLocalizations.of(context)!;
     final servicioIdioma = context.watch<ServicioIdioma>();
+    final perfil = context.watch<ServicioPerfilUsuario>().perfil;
 
     return Scaffold(
       appBar: AppBar(title: Text(l10n.settingsTitle)),
@@ -29,6 +31,21 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
           child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
+            Card(
+              child: ListTile(
+                leading: AvatarFarolero(
+                  texto: perfil.nombre.substring(0, 1).toUpperCase(),
+                  assetPath: perfil.avatarAsset,
+                  size: 48,
+                ),
+                title: Text(perfil.nombre),
+                subtitle: Text('@${perfil.nick}'),
+                trailing: const Icon(Icons.edit),
+                onTap: () => _editarPerfil(context),
+              ),
+            ),
+            const SizedBox(height: 12),
+
             // Selector de idioma
             Card(
               child: Padding(
@@ -173,6 +190,107 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
     );
   }
 
+  Future<void> _editarPerfil(BuildContext context) async {
+    final servicioPerfil = context.read<ServicioPerfilUsuario>();
+    final actual = servicioPerfil.perfil;
+    final nombreController = TextEditingController(text: actual.nombre);
+    final nickController = TextEditingController(text: actual.nick);
+    var avatarSeleccionado = actual.avatarAsset;
+
+    await showDialog<void>(
+      context: context,
+      builder: (ctx) => StatefulBuilder(
+        builder: (ctx, setDialogState) => AlertDialog(
+          title: const Text('Perfil del dispositivo'),
+          content: SizedBox(
+            width: 420,
+            child: SingleChildScrollView(
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  TextField(
+                    controller: nombreController,
+                    textCapitalization: TextCapitalization.words,
+                    decoration: const InputDecoration(
+                      labelText: 'Nombre',
+                      prefixIcon: Icon(Icons.person),
+                    ),
+                  ),
+                  const SizedBox(height: 12),
+                  TextField(
+                    controller: nickController,
+                    decoration: const InputDecoration(
+                      labelText: 'Nick',
+                      prefixIcon: Icon(Icons.alternate_email),
+                    ),
+                  ),
+                  const SizedBox(height: 16),
+                  GridView.builder(
+                    shrinkWrap: true,
+                    physics: const NeverScrollableScrollPhysics(),
+                    gridDelegate:
+                        const SliverGridDelegateWithFixedCrossAxisCount(
+                      crossAxisCount: 5,
+                      mainAxisSpacing: 8,
+                      crossAxisSpacing: 8,
+                    ),
+                    itemCount: ServicioPerfilUsuario.avatares.length,
+                    itemBuilder: (context, index) {
+                      final avatar = ServicioPerfilUsuario.avatares[index];
+                      final seleccionado = avatar == avatarSeleccionado;
+                      return InkWell(
+                        borderRadius: BorderRadius.circular(999),
+                        onTap: () => setDialogState(
+                          () => avatarSeleccionado = avatar,
+                        ),
+                        child: Container(
+                          decoration: BoxDecoration(
+                            shape: BoxShape.circle,
+                            border: Border.all(
+                              color: seleccionado
+                                  ? TemaApp.colorNaranja
+                                  : Colors.transparent,
+                              width: 3,
+                            ),
+                          ),
+                          child: AvatarFarolero(
+                            texto: '',
+                            assetPath: avatar,
+                            size: 48,
+                          ),
+                        ),
+                      );
+                    },
+                  ),
+                ],
+              ),
+            ),
+          ),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.pop(ctx),
+              child: const Text('Cancelar'),
+            ),
+            TextButton(
+              onPressed: () async {
+                await servicioPerfil.guardar(
+                  nombre: nombreController.text,
+                  nick: nickController.text,
+                  avatarAsset: avatarSeleccionado,
+                );
+                if (ctx.mounted) Navigator.pop(ctx);
+              },
+              child: const Text('Guardar'),
+            ),
+          ],
+        ),
+      ),
+    );
+
+    nombreController.dispose();
+    nickController.dispose();
+  }
+
   String _nombreIdiomaDelSistema() {
     final locale = WidgetsBinding.instance.platformDispatcher.locale;
     final codigo = locale.countryCode != null && locale.countryCode!.isNotEmpty