Contractor-facing field operations with terracotta palette and real-time tracking
DispatchBoard — cards view with KPIs, quick actions, assignment list
useDispatchStats() • useQuery(api.dispatch.queries.getTodaysAssignments)
GanttTimeline — timeline blocks colored by status, red now-line
useQuery(api.dispatch.queries.getTodaysAssignments)
DispatchMapView — live team pins, job markers, overlay card
useQuery(api.dispatch.queries.getTeamLocations)
AssignmentCard — filtered list with status tabs and accent colors
useQuery(api.dispatch.queries.listAssignments, { status: "active" })
AssignmentDetail — full job info, team member, schedule, status timeline
useQuery(api.dispatch.queries.getAssignment) • useMutation(api.dispatch.mutations.updateAssignmentStatus)
RouteDetail — numbered stops, map polyline, progress tracking
useQuery(api.dispatch.queries.getRoute)
TeamLocationCard — live status, battery, call/message actions
useQuery(api.dispatch.queries.getTeamLocations)
FleetDashboard — insights grid, maintenance alerts, vendor score
useQuery(api.fleet.queries.getOwnerDashboard)
ViolationStats + ViolationCard — KPIs, offenders, violation list
useQuery(api.speedAlerts.queries.getViolationStats) • useQuery(api.speedAlerts.queries.listViolations)
SpeedSettingsForm — thresholds, notification toggles, severity tiers
useQuery(api.dispatch.queries.getDispatchSettings) • useMutation(api.dispatch.mutations.updateSettings)