Homelab Monitoring Dashboard

Monitoring dashboards fail in a specific way: they either bury the one thing that actually needs attention under a wall of identical-looking healthy services, or worse, they contradict themselves, showing a different issue count in one place than another. The second is worse: a tool that disagrees with itself stops being trusted.

I set out to design a dashboard where a single glance tells you what's wrong, where color always means the same thing everywhere it appears, and where the numbers on screen are never in tension with each other, while still capturing the personality of the "Gotham Command" theme I wanted the project to have.

I structured the information hierarchy so anything unhealthy sorts to the top, both at the category level and within a category, rather than sitting mixed in alphabetically alongside everything that's working fine. Healthy services collapse down to a status dot and a name; only services with a warning or critical status get the full detail treatment (uptime, latency, description of the issue). One status palette is used everywhere: teal for healthy, amber for warning, red for critical, with a single issue count that's never contradicted anywhere else on the page.

I built a persistent top navigation bar (Overview, Alerts, Approvals, History, Settings) and extended the dashboard with an embedded AI chat interface. The assistant, Robin, explains what's wrong in plain language and restarts failed services on its own, since a restart is low-risk and easy to undo. Anything bigger waits in the Approvals queue for me. It's also explicit about its own limits: when a service failure requires physical intervention, it says so directly rather than pretending it can help further.

The dashboard leads with what needs attention: unhealthy categories and services sort to the top, a single consistent status system is used everywhere, and a persistent nav gives direct access to Alerts, Approvals, and History. The embedded AI panel on the right surfaces the same issues in plain language and is explicit about what it can and can't safely do on its own.