Liquid Glass

# Implémenter Liquid Glass dans ton agent

## Objectif
Crée cette interface avec les API Liquid Glass natives sur plateforme Apple. Réserve le matériau aux contrôles et à la navigation flottante. Garde le contenu opaque, lisible et structurellement indépendant du matériau.

## 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
- Verre réservé aux contrôles — Barres, boutons et navigation flottent au-dessus d’un contenu qui reste opaque.
- Effet de lentille — Les contours concentrent la lumière et suggèrent une réfraction plus riche qu’un simple flou.
- Teinte adaptative — Le matériau ajuste son apparence selon le contenu qui passe dessous.
- Capsules concentriques — Les contrôles utilisent des capsules et des rayons imbriqués partageant un même centre optique.

## É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é
- Tester la lisibilité sur chaque type de contenu susceptible de défiler sous le matériau.
- Respecter les réglages Réduire la transparence et Réduire les animations.
- Conserver des états de focus et de sélection qui ne dépendent pas seulement de la réfraction.

## Quand ne pas utiliser
- Présenter une combinaison CSS de flou et de transparence comme une API Apple officielle.
- Rendre les cartes de contenu transparentes au lieu de limiter le verre aux contrôles.

## Critères d’acceptation
- Une application Apple qui utilise les composants système de navigation et de commande.
- Une couche de contrôle qui doit rester distincte du contenu défilant.

## 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 Liquid Glass sur la surface réelle

## Objectif
Contrôle que Liquid Glass 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:843da3809462353311378882a34cc74b40e266b715164ec81546f2ff01a9dd0f

# Déboguer Liquid Glass 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 cette implémentation en retirant le verre des surfaces de contenu. Sur Apple, remplace les imitations par les API système. Sur le web, indique qu’il s’agit d’une approximation et ajoute un fond opaque de secours.

## Vérification finale
- Tester la lisibilité sur chaque type de contenu susceptible de défiler sous le matériau.
- Respecter les réglages Réduire la transparence et Réduire les animations.
- Conserver des états de focus et de sélection qui ne dépendent pas seulement de la réfraction.

## 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 Liquid Glass

## 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:dd9e99a6559504be996599a46a2adb5f6d6b35c26ad90124e1f9dd6026faf0d0