👥 Références Live (Multi-user)

Chaque cadre de référence affiche en haut à droite une rangée de petites pastilles colorées — une par utilisateur autorisé à voir cette référence. Les souris des autres sont cachées par défaut. Tu les révèles à la demande en cliquant sur une pastille.

Comment ça marche

ÉlémentSignification
Pastille opaque (couleur franche)L'utilisateur est actuellement actif sur ce cadre de référence (a bougé sa souris ou sa caméra dans les 10 dernières secondes).
Pastille grisée (opacité réduite)L'utilisateur a accès à la référence mais n'est pas en train de la regarder en ce moment.
Pastille avec bordure blanche + halo cyanTu es en train de "regarder" cette personne — sa souris est visible et ton viewport est verrouillé sur le sien.

Regarder un autre utilisateur

Clic sur une pastille → deux choses se produisent instantanément :

Tant que tu gardes le mode actif, ta caméra suit la sienne (quand il pan/zoom, toi aussi). Re-clic sur la pastille → tu arrêtes de le regarder, sa souris disparaît, tu reprends la main.

Pratique pour : validation art-direction à distance (le DA regarde l'artiste qui scroll), briefing en réunion (le présentateur emmène son équipe sur la même vue), pair-review sur un détail précis.
Tu peux regarder plusieurs personnes en même temps : clique plusieurs pastilles pour voir toutes leurs souris (mais une seule caméra suivie à la fois — la dernière cliquée).

Couleurs des utilisateurs

Chaque utilisateur conserve la même couleur d'une session à l'autre afin de rester identifiable au premier regard.

Performance & confidentialité

AspectDétail
ThrottleSouris 30 Hz max, caméra 10 Hz max. Imperceptible côté UX, négligeable côté serveur.
PersistanceAucune. Tout est éphémère, jamais sauvegardé. Pas dans meta.json, pas en base.
ÉvacuationSi un utilisateur ne bouge plus depuis 6 s, sa souris disparaît automatiquement (ferme onglet, perte réseau...).
ScopeSeuls les utilisateurs sur le même tableau de référence se voient. Aucun cross-talk entre projets / boards différents.
OverlayPur DOM (z-index 25). Compatible avec le canva v1 (SVG) et v2⚡ (PIXI WebGPU) sans modification.

Contrôle utilisateur

Les curseurs distants ne sont visibles qu'à la demande et uniquement pour les membres autorisés sur le même tableau. Quitter le tableau ou arrêter le suivi retire immédiatement l'affichage correspondant.