Skip to content

Dashboard#

The dashboard is the main page of the DUMB Frontend, providing an at-a-glance view of all your services with real-time status updates and quick controls.

Overview#

The dashboard displays service cards for each configured service, showing:

  • Service name and status
  • Health indicator
  • Auto-restart badge
  • Quick action buttons

Service dashboard

Service cards#

Each service is represented by a card with the following elements:

Status indicator#

Color Status
Green Running and healthy
Red Stopped
Amber Running but unhealthy
Gray Unknown status

Health badge#

When a service has health checks enabled, you'll see:

  • Healthy - Service is responding correctly
  • Unhealthy - Service failed health check (with reason on hover)

Auto-restart badge#

If auto-restart is enabled for a service:

  • Shows restart count (e.g., "Restarts: 2")
  • Indicates the auto-restart feature is active

Resource badges (Geek Mode)#

With Geek Mode enabled, each service card shows live resource badges:

  • CPU% - Color-coded by usage (green < 50%, amber < 80%, red >= 80%)
  • Memory RSS - Current resident memory usage

Metrics are polled every 5 seconds while Geek Mode is active and stop automatically when disabled.

Quick actions#

Each service card provides action buttons:

Button Action Description
Start Start a stopped service
Stop Stop a running service
Restart Restart a running service

Tooltips

Hover over action buttons to see what each will do.

Service detail navigation#

Click anywhere on a service card (except the action buttons) to open its service page. For a full breakdown of service-page controls (config editors, logs, auto-restart overrides, and embedded UIs), see Service pages.

Real-time updates#

The dashboard automatically receives updates via WebSocket:

  • Status changes appear immediately
  • Health check results update in real-time
  • No manual refresh needed

The connection status is shown in the header area. If disconnected, the frontend will automatically attempt to reconnect.

Toolbar and log viewer#

The toolbar provides quick access to service settings and logs.

Toolbar

From here you can:

  • Show disabled services
  • Jump to a service’s logs or config
  • Open the main DUMB config editor

Real-time logs#

Real-Time Logs

The log viewer supports:

  • Filtering by text or log level
  • Selecting process names
  • Pausing/resuming the stream
  • Downloading log snapshots (DMB_logs.txt)

Filtering and organization#

Services are displayed in a grid layout, organized by:

  • Enabled services first - Active services appear prominently
  • Alphabetical order - Within each group

Disabled services toggle

Tile reordering#

You can reorder dashboard service tiles with drag-and-drop.

  • Drag a tile (or use the drag handle) to move it
  • Other tiles shift in real time while you drag
  • The same order is applied to the Services list in the sidebar

Order is persisted in dumb_config.json under:

  • dumb.ui.sidebar.service_order

Mobile and touch behavior#

On mobile, touch reordering is protected by a lock toggle to prevent accidental tile moves while scrolling:

  • Reorder Off (default): touch scrolling only, no tile movement
  • Reorder On: drag-handle touch reordering is enabled

System alerts#

When system resources are critically high, alerts appear at the top of the dashboard:

Alert Trigger
CPU Warning CPU usage exceeds threshold (default 85%)
Memory Warning Memory usage exceeds threshold (default 85%)
Disk Warning Disk usage exceeds threshold (default 90%)

Configure alert thresholds in the Settings page.

The sidebar provides quick access to:

  • Home - Return to dashboard
  • Settings - Configuration and preferences
  • Metrics - System monitoring
  • Onboarding - Re-run setup wizard

The Services section follows the same persisted service_order used by dashboard tiles.