Dashboard Layout
The dashboard is your central control panel for monitoring and controlling all connected devices.
Header Bar
- Device selector — Switch between registered Raspberry Pi devices
- Search bar — Filter cards by name, type, or sensor reading
- Notification bell — Alert inbox with unread count badge
- User menu — Account settings, unit preferences, billing, and sign out
Room Tabs
Cards are organized by rooms (the same rooms from the Configurator). Each room has:
- A customizable tab label and icon
- Its own grid of sensor and actuator cards
- Independent scroll position
Reorder tabs by dragging, rename by clicking the label, and change icons via the icon picker.
Card Grid
Each room contains a responsive grid of widget cards:
- SensorStat — Live reading with sparkline, alarm indicator, threshold editor
- ActuatorToggle — On/off switch with staleness indicator and timeout retry
- SetpointInput — Numeric input for PID controller targets
- PID Indicator — Controller status, enable/disable toggle, settings modal
- CameraViewer — Time-lapse image stream
Card Management
- Hide/show cards — Toggle visibility without removing the underlying sensor
- Rearrange — Drag cards to reorder within the grid
- Resize — Change card dimensions for more or less detail
- Spacer cards — Add blank spacers for layout control
- Layout presets — Save and restore card arrangements
Your layout is saved automatically per device.
Real-Time Updates
All data updates in real time via Firebase RTDB subscriptions. When your Pi publishes a new sensor reading, it appears on the dashboard within milliseconds. There is no manual refresh needed.
Dark Mode
The dashboard supports dark mode, which activates automatically based on your OS preference. The UI uses Material Design 3 color tokens optimized for both light and dark themes.
PWA Support
The dashboard is installable as a Progressive Web App on mobile and desktop. Add it to your home screen for a full-screen app experience.
Next Steps
- Reading Sensor Cards for card details
- Controlling Actuators for toggle controls
- Room Tabs and Layout for customization