Zelf Extension v2.0.57 : Refonte UX, Design Compact et Flux d'Envoi Amélioré

Résumé :

• 78 fichiers modifiés dans l'Extension Zelf : un rafraîchissement large de l'UX et du design, pas une fonctionnalité unique.
• Système de design compact : Nouvelles propriétés CSS personnalisées --zns-font-scale et --zns-space-scale permettant à l'UI de s'adapter. 60+ composants utilisent le dimensionnement responsive ; le mode plein écran est compact, le popup reste confortable. Tout tient sur les écrans de laptops standards sans défilement excessif.
• Accueil et gestion de compte : Les actions du portefeuille passent d'une grille 3x2 surdimensionnée à une disposition groupée compacte à 3 colonnes. Les actions sont divisées en ZelfProof (Télécharger, Mnémoniques, Lien Zelf) et Apps (Portefeuille, Zelf Keys, Auth). Les labels tronqués obtiennent des infobulles CSS instantanées au survol. Le bouton Gérer les Tags réduit à ~80 % pour de meilleures proportions.
• Flux d'envoi : L'aperçu Adresse Trouvée est maintenant une ligne compacte (avatar, nom, adresse tronquée). Les adresses récentes ne dupliquent plus la carte Adresse Trouvée. Cliquez pour désélectionner une adresse récente ; cliquez encore pour effacer. Chemin plus fluide de la sélection d'adresse à la confirmation.
• Flux de réception : Nouveau modal de risques En Savoir Plus avec des cartes carrousel pour la sécurité des tokens (ex. « N'envoyez pas d'ETH à une adresse Solana »). Animations de glissement entre les écrans de réception.
• Sécurité et onboarding : Correction du mode sombre pour que les options de sécurité utilisent les bonnes couleurs du thème. La détection mot de passe vs PIN affiche la bonne invite de déverrouillage. L'erreur visage non centré affiche un message convivial. La touche Entrée déclenche la vérification du PIN au dernier chiffre.
• 13 langues : Chaînes nouvelles et mises à jour pour en, es, fr, ja, ko, zh, ar, pt-BR, hi, ur, th, ru, ph — labels compacts, modal de risques, copie PIN, erreurs.

Système de Design Compact

• --zns-font-scale et --zns-space-scale contrôlent la typographie et l'espacement. En mode plein écran, nous utilisons des valeurs compactes pour que toute l'UI tienne sur un laptop typique sans défilement. En mode popup, nous gardons un dimensionnement confortable pour les actions rapides.
• 60+ composants ont été migrés pour utiliser ces tokens. Boutons, cartes, champs de saisie et listes s'adaptent de manière cohérente. Le résultat : une seule base de code, deux expériences ajustées (popup vs plein écran).

Accueil : Actions Compte et Portefeuille

• Disposition groupée à 3 colonnes au lieu de 3x2. Les actions sont groupées par objectif.
• Groupe ZelfProof : Télécharger, Mnémoniques, Lien Zelf — tout ce qui est lié à votre identité et sauvegarde.
• Groupe Apps : Portefeuille, Zelf Keys, Auth — vos outils quotidiens.
• Les labels trop longs sont tronqués, avec des infobulles CSS instantanées au survol pour que vous puissiez toujours voir le texte complet.
• Le bouton Gérer les Tags a été réduit à environ 80 % de sa taille pour un meilleur équilibre visuel avec le reste des actions.

Envoi de Transaction : Sélection d'Adresse et Confirmation

• Aperçu Adresse Trouvée : Quand vous tapez un nom ou collez une adresse et que nous la résolvons, l'aperçu est maintenant une ligne compacte : avatar, nom et adresse tronquée. Plus de carte surdimensionnée qui mange l'écran.
• Les adresses récentes sont listées séparément et ne dupliquent plus la carte Adresse Trouvée. Vous ne voyez pas le même destinataire deux fois.
• Comportement de désélection : Cliquez sur une adresse récente pour la sélectionner. Cliquez à nouveau pour la désélectionner. Un clic de plus efface la sélection pour que vous puissiez taper un nouveau destinataire. Modèle mental plus clair.
• Flux : De la sélection d'adresse au montant et à la confirmation, les transitions et la mise en page sont plus fluides pour que vous puissiez compléter les envois plus rapidement.

Réception : Risques et Éducation

• Un point d'entrée En Savoir Plus qui ouvre un modal de risques avec un carrousel de conseils courts — ex. « N'envoyez pas d'ETH à une adresse Solana » et d'autres avertissements spécifiques aux chaînes.
• Des animations de glissement entre l'écran principal de réception et le modal (et entre les cartes du carrousel). Le flux semble plus poli et encourage une lecture rapide des conseils.

Sécurité et Onboarding — Finitions

• Mode sombre : Les options de sécurité et de déverrouillage respectent maintenant le thème actif. Plus de couleurs dépareillées en mode sombre.
• Mot de passe vs PIN : L'extension détecte si votre portefeuille est déverrouillé avec un mot de passe ou un PIN. L'écran de déverrouillage affiche la bonne invite (ex. « Entrez le PIN » vs « Entrez le mot de passe ») pour éviter toute confusion.
• Vérification faciale : Si votre visage n'est pas centré dans le cadre, le message d'erreur est convivial plutôt que technique.
• Saisie PIN : Au dernier chiffre de votre PIN, appuyer sur Entrée soumet le PIN immédiatement — pas besoin de taper un bouton séparé.

Support de 13 Langues

• Langues : Anglais, Espagnol, Français, Japonais, Coréen, Chinois, Arabe, Portugais (Brésil), Hindi, Ourdou, Thaï, Russe, Filipino.
• Les clés nouvelles/mises à jour couvrent : labels compacts, texte du modal de risques, copie de déverrouillage PIN, messages d'erreur faciale, et d'autres chaînes introduites dans cette version.

Résumé