MotorSignal-App/website
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
..
app fix(website): harden account peak-lean states, stale metrics hygiene, and demo-chat error precedence 2026-10-14 16:05:37 -04:00
components feat(website): smooth continuous replay camera follow and mobile tile loading (#42) 2026-10-15 01:56:09 -04:00
docs docs(website): device-connections backend contract for the full "build real" feed (W-devices) 2026-10-14 12:12:02 -04:00
lib feat(website): smooth continuous replay camera follow and mobile tile loading (#42) 2026-10-15 01:56:09 -04:00
public/images fix: restore website visual assets and shell 2026-09-13 03:45:35 -04:00
test-support feat(website): smooth motorcycle replay animation with 60 FPS sub-sample interpolation (#40) 2026-10-14 22:02:32 -04:00
tests feat(website): smooth continuous replay camera follow and mobile tile loading (#42) 2026-10-15 01:56:09 -04:00
.env.example fix(website): replay edge-case resilience and concurrent ride submission guards 2026-10-14 14:45:41 -04:00
.gitignore feat(website): smooth motorcycle replay animation with 60 FPS sub-sample interpolation (#40) 2026-10-14 22:02:32 -04:00
AGENTS.md Improve ride recording and telemetry workflows 2026-09-08 02:13:03 -04:00
CLAUDE.md Improve ride recording and telemetry workflows 2026-09-08 02:13:03 -04:00
next-env.d.ts Improve ride recording and telemetry workflows 2026-09-08 02:13:03 -04:00
next.config.ts feat(website): expose and verify deployed Git revision (#13) 2026-09-20 18:59:17 -04:00
package-lock.json feat(core): reconcile local development, hybrid design, sensor fusion, and docs 2026-10-09 05:12:01 -04:00
package.json fix(website): replay edge-case resilience and concurrent ride submission guards 2026-10-14 14:45:41 -04:00
tsconfig.json Improve ride recording and telemetry workflows 2026-09-08 02:13:03 -04:00
vitest.config.ts fix(website): isolate Firebase configuration for staging and enforce safety guards 2026-10-08 10:50:28 -04:00