feat(mesh): redesign hop-route visualization — branded, animated, vertical on mobile
- New self-contained HopVizModal.vue (Teleport to body): 560px balanced panel,
glowing endpoint medallions ringed with EQ segments (ScreensaverRing motif),
per-transport accent track with staggered relay markers and an animated
packet traveling sender → recipient
- Vertical stacked chain below 560px (sender top → recipient bottom, packet
travels downward); prefers-reduced-motion disables all loops
- Accent colors match the chat transport pills exactly (meshtastic mint,
meshcore orange, reticulum blue, lora amber, fips violet, tor indigo)
- Tor (3 anonymous relays), FIPS (direct P2P) and unknown-transport shapes
preserved, as are SNR/RSSI + E2E/delivery metadata (now glass chips)
- Old inline modal markup removed from Mesh.vue; .mesh-hopviz-* rules removed
from mesh-styles.css (shared transport-modal classes untouched)
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
ac09fc5ded