Live Map Tracking Feature Enhancement

Job ID: 40399346

Budget: $30 – $250 AUD

I need the Live Map / tracking feature completed on the admin portal.

The app will send GPS/location data into Supabase. Your job is to build the website side so admins can view it properly.

Requirements:

* Use Leaflet + OpenStreetMap, not Google Maps
* Show active drivers on the map
* Show each driver’s latest location
* Draw the route/path for a selected shift
* Detect stops where the driver stayed within about 50–100 metres for 3+ minutes
* Show stop circles on the map
* Clicking a stop circle should open a small summary popup/card

Popup/card should show:

* driver name
* vehicle rego
* shift start time
* current shift duration
* stop duration
* stop start/end time
* last GPS update
* break status if available
* button/link to full shift details

Data should come from Supabase:

* shifts
* shift_events
* driver/vehicle lookup tables or existing helper views

Location events will be stored in `shift_events`, mainly:

* `event_type = location`
* `event_type = stop_detected` if available later
* latitude / longitude
* created_at
* metadata

Also clean up the Shift Details modal:

* fix checklist display so it does not show `[object Object]`
* show break used / remaining break time
* show important timeline events
* keep the UI clean and readable

Important:

* do not use Google Maps
* do not redesign the whole portal
* do not change backend schema unless we agree first
* do not touch the mobile app
* focus on making the admin portal tracking/map view usable and reliable

Please confirm fixed price, timeline, and exactly what is included.
https://github.com/NTPCMD/translinewebb