**Phase 03 final verification pass — all 4 tasks already in `complete/`; verified criteria, fixed 3 pre-existing defects.**
- **Verified live** (headless Chromium + curl against `:8090`, all 6 sources `ok`): 3 panels × six heroes in order `cpu,mem,temp,disk,gpus,net`; charts per panel `util,net[,gpu]` (gateway: no GPU chart/hole); legends name metrics only — no legend names a foreign host; every `<svg>` `role="img"` + host-scoped `aria-label`; 2 sections, 0 `<select>`; `grep -rn "renderCores|core_usage" src/dashboards/web/` → nothing; console error-free; new shot `data/logs/final-system-panels.png`.
- **Defect fixed (credential hygiene, invariant 6)**: `collectors.py` put the *dialed* URL into every `UpstreamError`, and that string lands in the health record (`/api/health`) and the `event` table (`/api/events` → page); `/api/config` also echoed `GUFO_BASE_URL`/`VLLM_BASE_URL` verbatim. Added `config.strip_userinfo()` (now what `Target.display_url` uses) and redacted all message/config URLs. Tests: `test_a_failing_host_never_echoes_its_token_in_the_message` (×3 paths), `test_a_failing_engine_never_echoes_credentials_in_its_url`, `test_a_dead_host_never_writes_its_token_into_the_feed`, `test_engine_urls_are_redacted_the_same_way_hosts_are`, `test_strip_userinfo_is_the_one_redaction_every_url_leaves_by`. (`parse_targets` already moves `HOST_TARGETS` userinfo into a header, so this is a backstop for hosts and a real fix for engine URLs.)
- **Defect fixed (invariant 2)**: `/system` footnote printed `Δ{HOST_INTERVAL}` as the measurement; it now prints each host's measured `window_seconds` (range when they disagree) — `rates over Δ10.0s · poll 10s`. Pinned by `test_system_footnote_prints_the_window_it_actually_measured`. Also fixed the page's stale "window in each header" note and the empty-state's `--token` (argv) advice → `--token-file`.
- `bash .agents/validate.sh` → **EXIT=0**: **472 passed, 7 skipped**, coverage **96.87%** (floor 94), `ruff check src tests agent` clean, `pyright` 0 errors, `node --check` clean · `uv run pytest -m live --live` → **7 passed** · `uv pip list --outdated` empty.
- Criteria: no multi-host legend ✅ · no per-core visual ✅ · six heroes/panel incl. no-GPU `n/a` uncoloured ✅ · per-core history still queryable ✅ (354 pts) · ≥3 shape screenshots ✅ (`system-driveripper/deskwork/gateway.png` + dark/light/stale) · pytest+coverage+lint ✅ · phases 01/02 unchanged (their pin tests + `/api/summary` shape tests pass; live UPS gap in AGENTS.md re-confirmed read-only against real upsd) ✅.
- **Docs**: AGENTS.md — invariant 6 rewritten to cover message/event redaction, `collectors.py` line, new "Δ is a measurement" rule, "hosts answering total" → "nine-figure fleet-totals panel" (the subtitle still counts hosts), test count 452→472, coverage 96.8→96.9, rewrapped an over-long line. README.md — same fleet-totals wording, `RATE_WINDOW_SECONDS` now covers every measured rate (not just tokens), agent route list completed (`/`, `/schema`, `?top=N`), `LIST CMD` in the diagram, new paragraph on URL redaction.
- **Deviation**: the criterion's literal `curl …/api/system/history?host=…&metric=cpu.usage_pct@core7` uses singular params that endpoint has never accepted (it takes `hosts=`/`metrics=` and ignores unknown ones). Verified 354 points via `…system/history?hosts=driveripper&metrics=cpu.usage_pct@core7&range=1h` and `/api/history?source=host&host=…&metric=…`; I did **not** add singular param aliases (unauthorized API surface). No live infra changes made — reads only.
- **Next pending phase**: `04_llm_chart_readability`.
245 lines
16 KiB
Markdown
245 lines
16 KiB
Markdown
# Homelab Dashboards
|
|
|
|
Three dashboards, one domain, one process, one SQLite file:
|
|
|
|
| Page | What it answers | Source |
|
|
| ----------- | ------------------------------------------------------------------------------- | -------------------------------------------------- |
|
|
| `/` | Is anything wrong, and which dashboard do I need? | fleet + alerts in one request (`/api/summary`) |
|
|
| `/system` | What are my machines doing — CPU, memory, disk, GPU, network, and the history of all of it | `agent/host_agent.py`, our own stdlib agent per host |
|
|
| `/llm` | Tokens/sec, active sessions, queue depth, KV-cache pressure, latency percentiles | llama.cpp-family (gufo) + vLLM `/metrics`, read-only |
|
|
| `/ups` | Battery health, runtime left, power events, and battery-test buttons | NUT `upsd`, on whatever port it really listens on (its own wire-protocol client) |
|
|
|
|
No Prometheus, no Grafana, no CDN, no build step. Nothing is fetched from the internet at
|
|
runtime; every asset is served by this app.
|
|
|
|
Working on this repo? **[`AGENTS.md`](AGENTS.md)** holds the invariants (read-only by
|
|
construction, never invent a number, unconfigured ≠ broken), the locked decisions, the real
|
|
fleet facts, and the known gaps.
|
|
|
|
## Quickstart
|
|
|
|
```bash
|
|
uv sync --python 3.14 # deps + the package, editable
|
|
cp .env.example .env # then edit
|
|
uv run dashboards # http://127.0.0.1:8090
|
|
uv run uvicorn dashboards.app:app --port 8090 # equivalent
|
|
uv run pytest # unit tests, no network needed
|
|
```
|
|
|
|
Developing against the real fleet from a laptop (agents stay unexposed — ssh forwards
|
|
them to localhost):
|
|
|
|
```bash
|
|
cp .env.dev.example .env.dev # your ssh aliases + which ports
|
|
python3 - <<'PY' # push the agent to each host (once)
|
|
import shlex, subprocess, pathlib
|
|
for host in ("driveripper-ops", "deskwork-ops", "gateway-ops"):
|
|
subprocess.run(["ssh", host, "mkdir -p ~/lab-agent"], check=True)
|
|
subprocess.run(["scp", "agent/host_agent.py", f"{host}:~/lab-agent/"], check=True)
|
|
PY
|
|
./scripts/dev-tunnels.sh start # 9121/9122/9123 -> each host's agent,
|
|
# + DEV_FORWARDS -> upsd on 127.0.0.1:3494
|
|
# (the remote port is upsd's real one — 3051
|
|
# on driveripper, not the 3493 default)
|
|
set -a; . ./.env.dev; set +a
|
|
uv run dashboards # foreground
|
|
./scripts/dev-server.sh restart # or backgrounded, with a pidfile + logs
|
|
```
|
|
|
|
`DEV_TUNNELS` starts the agent remotely and forwards it; `DEV_FORWARDS` forwards a service
|
|
that already listens there (upsd) — that is how the UPS page reads a real battery without
|
|
3493 being reachable from anywhere but this laptop.
|
|
|
|
## The host agent
|
|
|
|
`agent/host_agent.py` is one file, **stdlib only**, Python 3.10+. It reads `/proc`,
|
|
`/sys/block`, `/sys/class/drm` and `statvfs` and answers `GET /snapshot` (everything, one
|
|
JSON document; `?top=N` trims the process lists), `GET /info` (slow-changing identity: OS,
|
|
kernel, CPU model, GPU list), `GET /schema` (the schema version plus this document) and
|
|
`GET /health` (the one route that never needs the token) as JSON, with a plain HTML status
|
|
page at `GET /` so a browser pointed at an agent learns what it is looking at.
|
|
|
|
```bash
|
|
python3 host_agent.py --once # print one snapshot, exit
|
|
python3 host_agent.py --host 0.0.0.0 --port 9120 --token-file /etc/dashboards-agent.token
|
|
sudo deploy/install-agent.sh # systemd unit + user + token
|
|
deploy/install-agent.sh --status # unit state and /health
|
|
sudo deploy/install-agent.sh --uninstall
|
|
```
|
|
|
|
It is read-only by construction: there is no code path that writes, and the HTTP server
|
|
only answers `GET`. Counters are reported as counters — the dashboard computes rates over
|
|
a labelled window, so the agent never has to remember who polled it last.
|
|
|
|
Binding off-loopback without a token is refused (exit 2) rather than warned about. Prefer
|
|
`--token-file` over `--token`: argv is world-readable through `ps`, and this token guards
|
|
hostname, mounts, disk and GPU models, and process names. `deploy/install-agent.sh` creates
|
|
a system user, generates a token once (re-runs reuse it; `--rotate-token` for a new one),
|
|
stores it `0600` root-owned, and runs the agent under `ProtectSystem=strict` with no
|
|
capabilities — enough to read `/proc`, `/sys` and `statvfs()` and nothing else.
|
|
|
|
## Configuration
|
|
|
|
Everything comes from the environment (see `.env.example` for the annotated list). At
|
|
startup a `.env` next to the checkout is loaded first if it exists — as a *seed*: a
|
|
variable the container, systemd unit, or your shell already set always wins. Point
|
|
`DASH_ENV_FILE` somewhere else to keep several installs on one box. `.env.example` is
|
|
documentation and is never loaded, and `scripts/dev-server.sh` exports `.env.dev` itself
|
|
(see the quickstart) because dev settings must not leak into a production process.
|
|
|
|
| Variable | Meaning |
|
|
| ------------------------------------- | -------------------------------------------------------------- |
|
|
| `HOST_TARGETS` | `name=url` per host running the agent; a bearer token may ride in the URL userinfo (`http://TOKEN@host:9120`) |
|
|
| `GUFO_BASE_URL` / `VLLM_BASE_URL` | LLM engines; unset means *not deployed here*, and its half of the page disappears |
|
|
| `RATE_WINDOW_SECONDS` | the Δ window behind every measured rate — tokens/sec, bytes/sec, jiffies→CPU % (default 10); each value carries the window it actually got, and `/system`'s footnote prints that, not this default |
|
|
| `DASH_HOST` / `DASH_PORT` | bind address for the dashboard itself (default `127.0.0.1:8090`; the container sets `0.0.0.0`) |
|
|
| `HOST_INTERVAL_SECONDS` / `LLM_INTERVAL_SECONDS` / `NUT_INTERVAL_SECONDS` | how often each source is polled (10 / 2 / 5 s) |
|
|
| `HOST_TIMEOUT_SECONDS` / `LLM_TIMEOUT_SECONDS` / `NUT_TIMEOUT_SECONDS` | per-source fetch timeout — one slow source never holds up the others |
|
|
| `GUFO_API_KEY` / `VLLM_API_KEY` | only if an engine is behind a bearer token; they never leave the server |
|
|
| `NUT_HOST` / `NUT_PORT` | upsd address — **whatever port it really listens on**, not always 3493. Reads are unauthenticated in stock NUT |
|
|
| `NUT_USER` / `NUT_PASSWORD` | only needed for instant commands (battery tests) |
|
|
| `NUT_ALLOW_ACTIONS` | `1` enables the one write endpoint in the app |
|
|
| `NUT_SIMULATE` | `1` replaces upsd with a **labelled** simulator (development only) |
|
|
| `DASH_READ_ONLY` | `1` disables every mutating endpoint regardless of other flags |
|
|
| `DASH_DB` | SQLite path (default `data/dashboards.sqlite3`) |
|
|
| `POLL_MS_SYSTEM` / `POLL_MS_LLM` / `POLL_MS_UPS` | how often the *browser* refetches each page (10 s / 2 s / 5 s) — shown in the page footer |
|
|
| `DEBUGPY` / `DEBUGPY_PORT` | `DEBUGPY=1` opens a debugpy listener (default 5678) without blocking startup |
|
|
| `RETAIN_RAW_HOURS` / `RETAIN_MINUTE_DAYS` / `RETAIN_HOUR_DAYS` | history rollup and pruning |
|
|
|
|
A source that is not configured answers `404 {"configured": false}` **without dialling**,
|
|
and the page says "not configured" instead of showing a red panel for something you never
|
|
installed.
|
|
|
|
Nothing that leaves the app carries a credential. A `HOST_TARGETS` userinfo token is parsed
|
|
into an `Authorization` header, and every URL the browser can see — `/api/config`, a source's
|
|
error string, the event feed — goes through `config.strip_userinfo` first, because an
|
|
unreachable host writes its failure message into the event table and `/api/events` serves it.
|
|
|
|
## Architecture
|
|
|
|
```
|
|
agent/host_agent.py (each host) gufo / vLLM upsd (NUT)
|
|
│ GET /snapshot │ GET /metrics │ LIST UPS / LIST VAR / LIST CMD
|
|
▼ ▼ ▼
|
|
src/dashboards/collectors.py ────────────────────────────────────────────┐
|
|
│ parse + Δcounter/Δt (rates.py) │
|
|
▼ ▼
|
|
sources/host.py · sources/llm.py · sources/nut.py poller.py (one task per source)
|
|
│ samples events │
|
|
▼ ▼
|
|
store.py ── SQLite (WAL): sample(source,host,metric,res,ts) + event ── api.py → web/
|
|
```
|
|
|
|
* `poller.py` — every source gets its own asyncio task, its own health record, and its own
|
|
error handling. A dead host keeps its last good values and is labelled stale; it never
|
|
blanks or blocks another source.
|
|
* `store.py` — raw samples roll up to 1-minute and 1-hour averages and the raw rows are
|
|
pruned, so a year of history is a few hundred MB rather than a disk emergency.
|
|
* `severity.py` — the single green/amber/red table (`THRESHOLDS`, plus `INVERTED` for the
|
|
metrics where lower is worse). Rated values in the API payloads travel with a sibling
|
|
`severity` (`cpu.severity.usage_pct`, `memory.severity`, `disks.severity`,
|
|
`gpus[].severity`, a UPS card's `severity.charge_pct`, `severity` inside the rated LLM
|
|
cells such as KV pressure, `/api/summary` rows), computed server-side, so every page
|
|
colours the same way and a value nobody reported renders `n/a` instead of green. A metric
|
|
published as a 0-1 ratio is rescaled *for the verdict only* — the number printed stays
|
|
what the upstream published.
|
|
* `alerts.py` — "what is wrong right now", as data. `alerts.build(settings, job_states,
|
|
host_payloads, engine_payloads, ups_payload, recent_events)` is a pure projection of the
|
|
state the poller already keeps plus the verdicts `severity.py` and the UPS health checks
|
|
already reached — no I/O, no thresholds of its own — and `/api/summary` returns it as
|
|
`alerts`, worst first: `{id, severity, source, message, href, at}`. A configured source
|
|
that stopped answering is `fail`; one that is stale but still serving its last good value
|
|
is `warn`; an **unconfigured** source never alerts; a dead source is one line rather than
|
|
one per stale metric; the list dedupes per (source, metric) and is capped at 12 with a
|
|
marker that says how many it hid.
|
|
* `web/` — four static pages, one stylesheet, hand-rolled SVG charts (`charts.js`). No
|
|
framework, no CDN, no bundler. The overview (`/`) is exactly two panels — a
|
|
**Warnings & errors** list built from `/api/summary`'s `alerts` (each row links to the
|
|
dashboard that explains it) and the **Fleet** table — and nothing else: an empty alert
|
|
list reads as an explicit "all clear", and a live problem moves the panel above the
|
|
table. A host that is not answering keeps its row — dimmed, every number `n/a` — so the
|
|
fleet never quietly gets smaller and last good values are never mistaken for live ones.
|
|
A big colour-coded number is `Dash.hero(el, {...})` on the
|
|
`.hero` / `.hero-bar` styles, coloured by the `severity` in the payload via
|
|
`Dash.severityFrom()` — the only colour vocabulary is `ok` / `warn` / `fail`, and a value
|
|
with no verdict renders `n/a` with no colour at all. Each `/system` host is one panel led
|
|
by exactly six of them — CPU %, MEM %, TEMP, DISK % (mount underneath), GPU busy (VRAM and
|
|
the APU pool in the footnote), and NET on two lines (↓ in / ↑ out, never coloured: a byte
|
|
rate has no good/bad). Under the numbers, **each panel charts only its own host**: utilisation
|
|
(CPU, memory, worst disk), network (↓ in / ↑ out), and GPU busy for a host that reports
|
|
cards — three 120px SVG charts, each with its own legend and its own `aria-label` naming the
|
|
host and the plotted metrics (`LineChart`'s `ariaLabel` option), never a second host in sight. The
|
|
fleet-wide charts, the nine-figure fleet-totals panel and the host/metric detail picker are gone, and
|
|
so are the per-core charts, while `cpu.usage_pct@coreN` stays in SQLite. Everything else —
|
|
load, clock, disk I/O, uptime, GPU power/temp, filesystems, processes — folds into a collapsed
|
|
"More detail" disclosure. Each panel pulls its series in **one** `/api/system/history` request
|
|
(`hosts=<that host>&metrics=…&range=…`), and a host that stops reporting takes its panel and
|
|
its charts off the page.
|
|
|
|
## Testing
|
|
|
|
```bash
|
|
uv run pytest # unit + API tests, fully mocked, no network
|
|
uv run pytest --cov # coverage gate
|
|
uv run pytest -m live --live # optional: real fleet / engines / upsd
|
|
uv run ruff check src tests agent && uv run pyright # lint + types
|
|
./scripts/capture-fixtures.sh # re-record ground-truth captures
|
|
```
|
|
|
|
Test philosophy: **real captures as fixtures, mocks for behaviour.** Anything that must
|
|
match an upstream (`/proc` layouts, vLLM metric names, NUT protocol framing) is asserted
|
|
against a verbatim capture in `tests/fixtures/`; behaviour that needs a failure — upsd
|
|
refusing a command, an engine returning 500, a host rebooting — is a fake. The `live` tests
|
|
(`tests/test_live_fleet.py`) are the bridge: they SKIP unless you pass `--live`, each one
|
|
also skips when its source is unset, they drive the production code paths (`collectors.*`,
|
|
`NutMonitor.collect`) against whatever hardware is reachable, and they never write — a
|
|
battery test on live hardware is not a unit test.
|
|
|
|
One more file is worth knowing about: `tests/card_contract.py` is the table of
|
|
`/api/system/snapshot` paths the system page's per-host cards are allowed to read. It is
|
|
checked against all three captured host shapes (discrete GPU, APU, no GPU), over HTTP, and
|
|
again against the live fleet, so a card can never be "fixed" by inventing a number the agent
|
|
does not report.
|
|
|
|
## Battery-test buttons
|
|
|
|
Instant commands are the only mutating endpoint in the application (`POST /api/ups/command`)
|
|
and they are gated four times: `NUT_ALLOW_ACTIONS=1`, not `DASH_READ_ONLY`, an `upsd.users`
|
|
account that actually has the command, and a confirmation in the UI — destructive ones
|
|
(deep test, calibration, `load.off`) require typing `DANGER`. The server re-checks every
|
|
gate; hiding a button is not a safety control. Commands that would cut power are refused
|
|
outright while the UPS is already on battery.
|
|
|
|
Give the app a narrowly scoped NUT user instead of a god-mode one — per-command `instcmds`,
|
|
not `actions = -`:
|
|
|
|
```ini
|
|
# /etc/ups/upsd.users
|
|
[dashboards]
|
|
password = "..."
|
|
instcmds = test.battery.start.quick test.battery.start.deep test.battery.stop
|
|
```
|
|
|
|
Bind upsd to loopback (`LISTEN 127.0.0.1` in `upsd.conf`) and reach it with an ssh forward
|
|
(`DEV_FORWARDS`) or a tailnet address. `NUT_SIMULATE=1` stands in for upsd during
|
|
development; everything it produces is badged `SIMULATED`, and it is never the default.
|
|
|
|
## Deployment
|
|
|
|
`Containerfile` is a two-stage build: `uv.lock` is resolved in the builder (exactly the
|
|
versions the tests ran against) and the runtime stage is slim Python with nothing but the
|
|
venv in it. The host agent is copied in too, so one image can monitor the box it runs on.
|
|
In the deployment repo the pattern is the same as every other service: quadlet container +
|
|
env template + nginx/SNI on the single domain.
|
|
|
|
```bash
|
|
podman build -t dashboards .
|
|
podman run --rm -p 8090:8090 --env-file dashboards.env \
|
|
-v dashboards-data:/var/lib/dashboards dashboards
|
|
```
|
|
|
|
It listens on `0.0.0.0:8090` as an unprivileged user, and the SQLite history lives in
|
|
`/var/lib/dashboards` — put a volume there or every restart forgets the charts. With no
|
|
sources configured `/api/health` answers `200 {"status": "empty"}`, so the container passes
|
|
its health probe before its env file is right instead of crash-looping.
|