feat(runner): agrandissement au clic des questions Image (lightbox)

[mindcraft-research]

Résumé

Cas d'usage : des captures de courriels sont utilisées comme stimuli (questions de type Image). Au format réduit du questionnaire (largeur de contenu ~940 px), le texte des mails devient illisible. Le·la participant·e peut désormais cliquer sur l'image pour l'ouvrir en pleine résolution et lire les détails.

Comportement

• Activé par défaut (pas de réglage à connaître/activer — choix retenu pour un outil no-code).
• Le zoom n'est proposé que si l'image est affichée plus petite que sa taille réelle (sinon agrandir n'apporte rien) — détection à onLoad via naturalWidth vs clientWidth. Pas de pollution visuelle sur les petites images déjà nettes.
• Mention contextuelle « 🔍 Cliquez sur l'image pour l'agrandir » + curseur zoom-in, uniquement dans ce cas.
• Vue agrandie : image à sa résolution réelle, défilable (overlay scrollable) → lecture des détails ; fermeture au clic sur le fond, bouton ×, ou touche Échap.

Test plan

• Question Image avec une grande capture (ex. mail 1500 px) affichée dans un questionnaire → mention « cliquer pour agrandir » visible, clic → image plein écran lisible, défilable
• Fermeture : clic sur le fond / bouton × / touche Échap
• Petite image (≤ largeur d'affichage) → pas de mention, pas de zoom (curseur normal)
• La largeur définie (largeur max) reste respectée pour l'affichage initial, sans débordement (cf. fix(runner): l'image d'une question Image déborde du cadre si trop large #136)
• Pas de régression sur Audio / Vidéo / Texte

🤖 Generated with Claude Code