Fleet dashboard

A full-page composition of library components: scope filters in a sidebar, fleet status counts, a category switch, a server-style CwDataTable, and alert analytics. Every panel reacts to the same filters and works in both themes and down to phone width.

All groups

196 devices in view

TempHumidityCO₂Facility / location

No devices match this combination of filters.

Column settings

Choose which columns are visible for this grid.

Alerts

Status mix

Total 206
Online: 169Alert: 10Offline: 27

Top groups

Devices
  • Ungrouped 91
  • TK-Ebisu 49
  • Seagaia 41
  • SA 11

Active alerts

Reported
  • Critical Humidity drift in propagation bay
  • Critical CO₂ threshold breach
  • Critical Freezer telemetry overdue
API

Usage and API reference

A full-page dashboard composed from library components. Use it as a reference for how cards, charts, status and tables fit together in a real CropWatch screen, in both themes.

How to think about it

  1. Start from the app shell CwHeader and CwSideNav frame the page; content goes in a scrolling main region.
  2. Group readings by location CwLocationCard wraps CwSensorCard entries; status rolls up by severity so the most urgent state shows on the group.
  3. Drill down with charts and tables Line charts and CwDataTable show history for the selected device.

Components used

APITypeDetails
CwLocationCard
componentGroups sensors under a location heading with a rolled-up status.
CwSensorCard
componentLatest readings with freshness and stale state.
CwLineChart
componentHistory for the selected sensor.
CwDataTable
componentSortable, searchable reading log.