MotorSignal-App/website/components
Billie Ponder ac76257210
feat(website): smooth continuous replay camera follow and mobile tile loading (#42)
* feat(website): smooth continuous replay camera follow and mobile tile loading

- Smooth camera following: compute frame-rate-independent camera translation with 32px dead-zone and velocity clamping to keep motorcycle centered without camera oscillation or outrunning tile loading.
- Mobile tile rasterization: configure tile layers with updateWhenIdle: false, keepBuffer: 8, and updateInterval: 100 to eliminate Leaflet mobile pan tile freezing and black voids.
- Interactive follow controls: gracefully suspend auto-follow on user drag/zoom; add 'Following'/'Re-center' toggle and 'Fit Route' controls.
- Tile error recovery: single retry with backoff for transient tile errors before reporting fallback status.
- Add comprehensive unit tests in telemetry-camera-follow.test.ts and component behavioral tests in replay-map-camera-follow.test.tsx.

* fix(website): isolate tab recentering from sample advancement and suspend follow on manual zoom

- P1: Stop camera recentering at every telemetry sample boundary. In web-telemetry-replay-modal.tsx, isolate the map recentering and size invalidation effect to run solely on activeTab changes rather than on currentPoint index advancements. Track latest interpolated position via latestPositionRef, allowing the smooth camera follow engine to exclusively drive camera updates during playback without raw snapping.
- P2: Suspend follow mode upon user-initiated zoom gestures (pinch, wheel, double click via zoomstart) alongside dragstart. Guard programmatic zoom operations (initial fitBounds and fitRoute) using isProgrammaticZoomRef so initial map setup does not inadvertently disable follow mode.
- Add regression coverage in replay-map-camera-follow.test.tsx verifying sample boundary crossings within the dead-zone do not trigger raw panTo snapping, and verifying manual zoom suspends following until explicit Re-center.

---------

Co-authored-by: Developer <dev@example.com>
2026-10-15 01:56:09 -04:00
..
founder-portal fix(website): harden account peak-lean states, stale metrics hygiene, and demo-chat error precedence 2026-10-14 16:05:37 -04:00
group-rides fix(website): monotonic timestamp ride IDs, zero-budget cursor guard, and modal input preservation 2026-10-14 15:07:00 -04:00
landing feat(ops): add dual speedtest options, support ticket fixes, cms sync, and overview card redesign (#23) 2026-09-22 01:38:54 -04:00
ops fix(ops): decouple action execution to background tasks and stabilize live progress tracking (#24) 2026-09-22 01:58:53 -04:00
app-cloud-data.tsx fix(website): harden account peak-lean states, stale metrics hygiene, and demo-chat error precedence 2026-10-14 16:05:37 -04:00
auth-form.tsx feat(website): add club curated routes, live squad chat, and portal navigation 2026-10-02 12:39:38 -04:00
download-hub-client.tsx feat(mobile): add community social feed, tactical layers, club wall, launch curves, and curvy routes (v1.0.2+102) 2026-09-29 11:50:48 -04:00
firebase-link.tsx feat(website): standardize dark glass design system, obsidian contrast buttons, and rider account management 2026-09-18 18:35:31 -04:00
recovery-form.tsx feat(mobile): add community social feed, tactical layers, club wall, launch curves, and curvy routes (v1.0.2+102) 2026-09-29 11:50:48 -04:00
segmented-otp-input.tsx feat(mobile): add community social feed, tactical layers, club wall, launch curves, and curvy routes (v1.0.2+102) 2026-09-29 11:50:48 -04:00
session-manager.tsx feat(website): standardize dark glass design system, obsidian contrast buttons, and rider account management 2026-09-18 18:35:31 -04:00
sign-out-button.tsx feat(website): standardize dark glass design system, obsidian contrast buttons, and rider account management 2026-09-18 18:35:31 -04:00
site-footer.tsx feat(website): standardize dark glass design system, obsidian contrast buttons, and rider account management 2026-09-18 18:35:31 -04:00
site-header-client.tsx feat(website): add Group Rides Hub navigation links for authenticated riders 2026-09-25 15:35:55 -04:00
site-header.tsx feat(website): standardize dark glass design system, obsidian contrast buttons, and rider account management 2026-09-18 18:35:31 -04:00
site-page-frame.tsx fix(website): expand Founder Portal layout width to fill available canvas (#11) 2026-09-20 08:59:43 -04:00
support-contact-form.tsx feat(website): grounded FAQ and validated contact on Support Center (W2) 2026-10-14 12:11:20 -04:00
verify-email-form.tsx feat(mobile): add community social feed, tactical layers, club wall, launch curves, and curvy routes (v1.0.2+102) 2026-09-29 11:50:48 -04:00
web-telemetry-replay-modal.tsx feat(website): smooth continuous replay camera follow and mobile tile loading (#42) 2026-10-15 01:56:09 -04:00