Skip to main content

The Interface

Layout overview​

Full Command Center dashboard showing all four main areas: navbar at the top, Operations map in the center, a detail panel open on the right side, and the status bar at the bottom

The Command Center is divided into four main areas:

Navbar (top) Navbar close-up showing the PSS logo on the left, Operations/Fleet/Jobs navigation links in the center, and the search icon, settings gear, and theme toggle on the right Contains the PSS logo, navigation links (Operations, Fleet, Jobs), the global search button, settings gear icon, and theme toggle.

Map area (center) Map area filling the main viewport with worker pins, equipment pins, and job site pins plotted on the Houston metro area, and the four filter buttons (All, Crews, Equipment, Jobs) visible at the top of the map The interactive Mapbox map takes up the majority of the screen. This is where workers, equipment, and job sites are plotted as markers.

Sidebar panels (right) Detail panel sliding in from the right side showing a worker's information including name, status, job assignment, and the X close button in the top corner Clicking any marker on the map opens a sliding detail panel on the right side. Panels show worker, equipment, or job details depending on what you clicked. Panels can be closed with the X button or by pressing Escape.

Status bar (bottom) Status bar footer showing the green Last Sync timestamp on the left, the Sync Now button, the refresh interval dropdown, the real-time toggle switch, and the connection status indicator on the right A persistent footer showing:

  • Last Sync timestamp — green if synced within 5 minutes, red if stale
  • Sync Now button — forces an immediate refresh of all data
  • Refresh interval selector — 15s / 30s / 1m / 5m
  • Real-time toggle — turn live polling on or off
  • Connection status indicator

Use the navbar links to switch between:

  • Operations — the main map view
  • Fleet — full equipment table
  • Jobs — full jobs table

Theme and font size​

Settings panel open showing the Theme toggle (Light/Dark) and Font Size selector options

Open Settings (gear icon in navbar) to adjust:

  • Theme — Light or Dark mode. Dark is the default.
  • Font size — Small (14px), Medium (16px, default), Large (18px), X-Large (20px)

Both settings are saved to your browser and persist across sessions.