Zelf Extension v2.0.57: Renovación UX, Diseño Compacto y Flujo de Envío Mejorado

Resumen:

• 78 archivos modificados en la Extensión Zelf: una renovación amplia de UX y diseño, no una sola función.
• Sistema de diseño compacto: Nuevas propiedades CSS personalizadas --zns-font-scale y --zns-space-scale permiten que la UI escale. 60+ componentes usan dimensionamiento responsivo; el modo pantalla completa es compacto, el popup se mantiene cómodo. Todo cabe en pantallas de laptop estándar sin scroll infinito.
• Inicio y gestión de cuentas: Las acciones de wallet se movieron de una cuadrícula 3x2 sobredimensionada a un layout agrupado compacto de 3 columnas. Las acciones se dividen en ZelfProof (Descargar, Mnemónicos, Zelf Link) y Apps (Wallet, Zelf Keys, Auth). Las etiquetas truncadas obtienen tooltips CSS instantáneos al pasar el cursor. El botón Gestionar Tags se redimensionó a ~80% para mejores proporciones.
• Flujo de envío: La vista previa de Dirección Encontrada ahora es una fila compacta (avatar, nombre, dirección truncada). Las direcciones recientes ya no duplican la tarjeta de Dirección Encontrada. Clic para deseleccionar una dirección reciente; clic de nuevo para limpiar. Transición más suave desde selección de dirección hasta confirmación.
• Flujo de recepción: Nuevo modal de riesgos Más Información con tarjetas de carrusel sobre seguridad de tokens (ej. "No envíes ETH a una dirección de Solana"). Animaciones de deslizamiento entre pantallas de recepción.
• Seguridad y onboarding: Corrección del modo oscuro para que las opciones de seguridad usen colores del tema correcto. La detección de Contraseña vs PIN muestra el prompt de desbloqueo correcto. El error de rostro no centrado muestra un mensaje amigable. La tecla Enter activa la verificación de PIN en el último dígito.
• 13 idiomas: Cadenas nuevas y actualizadas para en, es, fr, ja, ko, zh, ar, pt-BR, hi, ur, th, ru, ph—etiquetas compactas, modal de riesgos, copia de PIN, errores.

Sistema de Diseño Compacto

• --zns-font-scale y --zns-space-scale controlan tipografía y espaciado. En modo pantalla completa, usamos valores compactos para que toda la UI quepa en una laptop típica sin scroll. En modo popup, mantenemos un dimensionamiento cómodo para acciones rápidas.
• 60+ componentes fueron migrados para usar estos tokens. Botones, tarjetas, inputs y listas ahora escalan consistentemente. El resultado: un codebase, dos experiencias afinadas (popup vs pantalla completa).

Inicio: Acciones de Cuenta y Wallet

• Layout agrupado de 3 columnas en lugar de 3x2. Las acciones se agrupan por propósito.
• Grupo ZelfProof: Descargar, Mnemónicos, Zelf Link—todo vinculado a tu identidad y respaldo.
• Grupo Apps: Wallet, Zelf Keys, Auth—tus herramientas diarias.
• Etiquetas demasiado largas se truncan, con tooltips CSS instantáneos al pasar el cursor para que sigas viendo el texto completo.
• El botón Gestionar Tags se redujo a aproximadamente 80% de tamaño para mejor balance visual con el resto de las acciones.

Enviar Transacción: Selección de Dirección y Confirmación

• Vista previa de Dirección Encontrada: Cuando escribes un nombre o pegas una dirección y la resolvemos, la vista previa es ahora una fila compacta: avatar, nombre y dirección truncada. Sin más tarjetas sobredimensionadas consumiendo la pantalla.
• Direcciones recientes se listan por separado y ya no duplican la tarjeta de Dirección Encontrada. Así no ves al mismo destinatario dos veces.
• Comportamiento de deselección: Clic en una dirección reciente para seleccionarla. Clic de nuevo para deseleccionar. Un clic más limpia la selección para que puedas escribir un nuevo destinatario. Modelo mental más claro.
• Flujo: Desde selección de dirección hasta monto y confirmación, las transiciones y layout son más suaves para que puedas completar envíos más rápido.

Recibir: Riesgos y Educación

• Punto de entrada Más Información que abre un modal de riesgos con un carrusel de tips cortos—ej. "No envíes ETH a una dirección de Solana," y otras advertencias específicas por cadena.
• Animaciones de deslizamiento entre la pantalla principal de recepción y el modal (y entre tarjetas del carrusel). El flujo se siente más pulido y anima a leer rápidamente los tips.

Pulido de Seguridad y Onboarding

• Modo oscuro: Las opciones de seguridad y desbloqueo ahora respetan el tema activo. Sin más colores descoordinados en modo oscuro.
• Contraseña vs PIN: La extensión detecta si tu wallet se desbloquea con una contraseña o un PIN. La pantalla de desbloqueo muestra el prompt correcto (ej. "Ingresa PIN" vs "Ingresa contraseña") para que no haya confusión.
• Verificación facial: Si tu rostro no está centrado en el marco, el mensaje de error es amigable en lugar de técnico.
• Ingreso de PIN: En el último dígito de tu PIN, presionar Enter envía el PIN inmediatamente—sin necesidad de tocar un botón separado.

Soporte de 13 Idiomas

• Idiomas: Inglés, Español, Francés, Japonés, Coreano, Chino, Árabe, Portugués (Brasil), Hindi, Urdu, Tailandés, Ruso, Filipino.
• Claves nuevas/actualizadas cubren: etiquetas compactas, texto del modal de riesgos, copia de desbloqueo por PIN, mensajes de error facial y otras cadenas introducidas en esta versión.

Resumen