Glassmorphism

# Implémenter Glassmorphism dans ton agent

## Objectif
Crée cette surface en glassmorphism. Utilise des panneaux semi-transparents avec backdrop-filter, un fond coloré visible, un bord clair de 1 px et des ombres douces. Prévois un fond quasi opaque lorsque le flou ou la transparence sont réduits.

## Prérequis
- Inspecte les composants, tokens et contraintes de marque existants.
- Confirme que ce style convient à la surface et au contenu.
- Préserve la structure, la sémantique et les interactions existantes.

## Comportement et surfaces
- Panneaux givrés — Une surface semi-transparente floute ce qui passe derrière elle sans le masquer complètement.
- Fond coloré visible — Une image ou un dégradé saturé reste lisible à travers les panneaux et porte la palette.
- Bord clair fin — Un trait clair et discret sépare le verre des surfaces voisines.
- Couches flottantes — Des ombres larges et douces montrent plusieurs feuilles de verre superposées.

## États
- Couvre les états par défaut, survol, focus, actif, désactivé, chargement et erreur qui existent déjà.
- Fournis un état statique lorsque la réduction de mouvement est demandée.

## Accessibilité
- Mesurer le contraste sur la région la plus défavorable du fond, pas sur sa couleur moyenne.
- Fournir une surface quasi opaque lorsque la transparence ou le flou sont indisponibles.
- Éviter que le flou soit le seul signal séparant deux zones interactives.

## Quand ne pas utiliser
- Empiler du texte, des formulaires et des cartes vitrées sur un fond imprévisible.
- Appliquer le verre à toutes les surfaces jusqu’à perdre la hiérarchie.

## Critères d’acceptation
- Une surface éditoriale ou média avec un fond maîtrisé et peu de texte critique.
- Une couche secondaire qui doit rester visuellement liée au contenu situé derrière.

## Garde-fous
- Montre d’abord les changements envisagés avant toute action externe.
- Ne publie, n’envoie, ne supprime, ne paie et ne modifie aucun état distant sans autorisation explicite.
- Préserve les changements sans rapport et arrête-toi si le périmètre devient ambigu.

## Format de sortie
- Résultat obtenu ou verdict.
- Fichiers ou actions concernés.
- Vérifications exécutées et preuves observables.
- Blocages ou limites restantes.

• Prérequis · Tokens, composants et contraintes de marque existants

# Auditer Glassmorphism sur la surface réelle

## Objectif
Contrôle que Glassmorphism reste cohérent, accessible et mesuré sur les composants réellement concernés.

## Contrôles
- Compare les états interactifs et les fallbacks.
- Contrôle contraste, focus et réduction de mouvement.
- Signale les effets visuels qui dégradent la hiérarchie ou les performances.

## Garde-fous
- Montre d’abord les changements envisagés avant toute action externe.
- Ne publie, n’envoie, ne supprime, ne paie et ne modifie aucun état distant sans autorisation explicite.
- Préserve les changements sans rapport et arrête-toi si le périmètre devient ambigu.

## Format de sortie
- Résultat obtenu ou verdict.
- Fichiers ou actions concernés.
- Vérifications exécutées et preuves observables.
- Blocages ou limites restantes.

sha256:51d895fd1d1533e2e815aef9258c0a4930c8dcf676f23378f8475f2afc5cd3eb

# Déboguer Glassmorphism dans ton agent

## Symptôme observé
[DÉCRIS ICI LE SYMPTÔME]

## Contrôles observables
- Compare la surface aux signaux visuels documentés.
- Vérifie contraste, focus, réduction de mouvement et fallback.
- Isole la couche visuelle sans modifier la structure fonctionnelle.

## Causes possibles
- Le style masque la hiérarchie ou réduit le contraste.
- L’effet est appliqué à trop de surfaces ou dépend d’une API absente.
- Un état interactif n’est plus perceptible.

## Corrections bornées
Répare ce glassmorphism sans ajouter plus de verre. Rends le fond visible, limite le traitement aux surfaces secondaires, augmente l’opacité derrière le texte et ajoute un fallback sans backdrop-filter.

## Vérification finale
- Mesurer le contraste sur la région la plus défavorable du fond, pas sur sa couleur moyenne.
- Fournir une surface quasi opaque lorsque la transparence ou le flou sont indisponibles.
- Éviter que le flou soit le seul signal séparant deux zones interactives.

## Garde-fous
- Montre d’abord les changements envisagés avant toute action externe.
- Ne publie, n’envoie, ne supprime, ne paie et ne modifie aucun état distant sans autorisation explicite.
- Préserve les changements sans rapport et arrête-toi si le périmètre devient ambigu.

## Format de sortie
- Résultat obtenu ou verdict.
- Fichiers ou actions concernés.
- Vérifications exécutées et preuves observables.
- Blocages ou limites restantes.

• Prérequis · Tokens, composants et contraintes de marque existants

# Prévenir les dérives de Glassmorphism

## Objectif
Transforme la correction visuelle en règle réutilisable et en contrôle ciblé sans figer toute l’interface.

## Contrôles
- Isole les tokens ou variantes responsables.
- Ajoute une preuve ciblée pour les états concernés.
- Compare avec les styles proches avant d’élargir la règle.

## Garde-fous
- Montre d’abord les changements envisagés avant toute action externe.
- Ne publie, n’envoie, ne supprime, ne paie et ne modifie aucun état distant sans autorisation explicite.
- Préserve les changements sans rapport et arrête-toi si le périmètre devient ambigu.

## Format de sortie
- Résultat obtenu ou verdict.
- Fichiers ou actions concernés.
- Vérifications exécutées et preuves observables.
- Blocages ou limites restantes.

sha256:2661c99b65ccbf5a65d5cf1b9e828c090d678956851b65f1bd0632603a6ed79e