dev #1
@@ -83,11 +83,42 @@ export function InfoPanel({ onClose }: InfoPanelProps) {
|
||||
</Feature>
|
||||
</Section>
|
||||
|
||||
<Section title="Raccourcis clavier">
|
||||
<Feature icon="⌨" name="Navigation animation">
|
||||
<Kbd>←</Kbd> <Kbd>→</Kbd> frame précédente / suivante ·
|
||||
<Kbd>Espace</Kbd> lecture / pause.
|
||||
</Feature>
|
||||
<Feature icon="⌨" name="Vues & panneaux">
|
||||
<Kbd>H</Kbd> basculer Heatmap ↔ Flux ·
|
||||
<Kbd>Échap</Kbd> quitter l'animation ou fermer ce panneau.
|
||||
</Feature>
|
||||
</Section>
|
||||
|
||||
<Section title="Recherche">
|
||||
<Feature icon="⌕" name="Identité ou clé Ğ1">
|
||||
Le bouton <Kbd>⌕</Kbd> (à gauche de la carte) accepte un nom d'identité Ğ1
|
||||
(ex : "Alice") ou une clé publique <Kbd>g1…</Kbd>.
|
||||
Il bascule automatiquement en vue Flux et met la ville en focus.
|
||||
</Feature>
|
||||
</Section>
|
||||
|
||||
<Section title="URL partageable">
|
||||
<Feature icon="🔗" name="Deep link">
|
||||
L'URL reflète l'état courant : période, vue, ville sélectionnée.
|
||||
Partager l'URL restitue exactement la même configuration.
|
||||
Exemple : <span className="font-mono text-[#d4a843] text-xs">?period=30&view=flow&city=Paris</span>
|
||||
</Feature>
|
||||
</Section>
|
||||
|
||||
<Section title="Statistiques">
|
||||
<Feature icon="📊" name="Panneau latéral">
|
||||
Volume total en Ğ1, nombre de transactions, top émetteurs et receveurs,
|
||||
répartition géographique. Se met à jour en temps réel et pendant l'animation.
|
||||
</Feature>
|
||||
<Feature icon="▂▅█" name="Sparkline">
|
||||
Mini-graphique d'activité journalière affiché sous la période,
|
||||
calculé depuis les timestamps déjà en mémoire.
|
||||
</Feature>
|
||||
<Feature icon="☰" name="Mobile">
|
||||
Le panneau est accessible via le bouton <Kbd>☰</Kbd> en haut à gauche.
|
||||
</Feature>
|
||||
|
||||
Reference in New Issue
Block a user