**Phase 04 final verification pass — all tasks already in `complete/`; verified + fixed 3 defects found in verification.**
- Verified `/llm` live (both engines, gufo-only instance on :8099, `llm_monitor` on :8095) in a real browser; dev server left running/healthy.
- Completed task-04's truncated layout fix: `#engines` now carries `.items-start` (the CSS rule existed but nothing used it) — gufo 544 px vs vLLM 715 px, no blank card; pinned by `test_llm_engine_panels_are_not_stretched_to_their_tallest_sibling`.
- Fixed: event rows said the subject twice ("gufo gufo is answering again"), and `/ups` mangled mid-message names ("sent to apc: OK" → "sent to OK") → shared `Dash.eventText()` (strips `UpstreamError: ` + a *leading* name only, mirroring `alerts._clean_error`) used by `/system`, `/llm`, `/ups`; new test.
- Fixed: count sparklines autoscaled rollup averages (queue max 0.1379) into full-height spikes → `sparkline({minSpan})`, `minSpan: 1` on sessions/queued (spike 30 px → 4 px); assertions added.
- Tests: `bash .agents/validate.sh` → **EXIT=0** (`uv run pytest --cov --cov-fail-under=94`: **485 passed, 7 skipped**, coverage **96.87%**; `ruff check src tests agent`: All checks passed; `pyright`: 0 errors; `node --check` all static JS clean; repo hygiene clean; `uv pip list --outdated` empty). `uv run pytest -m live --live` → **7 passed**.
- Completion criteria: heroes largest per engine ✔ (38.4 px vs 16.8 px row values); sparkline per cell + selected window ✔ (5/5 gufo, 7/7 vLLM; 6 h chip moved KV max 53 %→58 %); mean+p95 without hover ✔ (243 / 48.8 / 285 ms feet); provenance tag ✔ (`Δ10.0s`/`Δ8.0s` + `title`=exact source); single-engine ✔ (1 panel, totals hidden, zero red); screenshots ✔ `data/logs/llm-verify-{both-engines,charts-and-slots,single-engine,monitor-reference}.png` + `NOTES-chart-set.md`; pytest/cov/ruff/pyright ✔; earlier phases unchanged-behaviour ✔ (all 01–03 tests pass).
- Deviation (documented, not code): throughput heroes stay **neutral ink** — `severity.py` has no throughput row and 0 tok/s idle is healthy; colour comes from rated cells (KV) + reachability. Kept per `NOTES-chart-set`.
- Deviation: could not append the task-04 written verdict to `NOTES-chart-set.md` (it lives in `todo/`, which I must not edit). Verdict: ours reads better than `:8095` — bigger throughput numbers, per-cell shape over the selected window, percentiles inline; `llm_monitor` only sparklines decode+KV and has no window control.
- Docs: AGENTS.md updated (485 test count, `sparkline` `minSpan` rule, `Dash.eventText` event-row rule, `/llm` panel `items-start`); README reviewed in full — commands, config table (all `config.py` vars present), architecture bullets, page descriptions verified accurate; no other inconsistencies found.
- Note for the harness: `.agents/phases/todo/03…/NOTES-verify.md` and `todo/04…/NOTES-chart-set.md` are untracked notes left behind by their phases (task files moved, notes did not).
- Next pending phase: `05_ups_hero_battery_glyph`.
254 lines
17 KiB
Markdown
254 lines
17 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. The LLM page (`/llm`) is per engine too: two big
|
|
throughput numbers (decode, prompt — uncoloured, because 0 tok/s on an idle server is
|
|
healthy) with their provenance tag (`Δ10.0s`, scraped, estimated), then a compact list of
|
|
metric rows — sessions, queue, KV pressure (the only rated cell), prefix/spec percentages,
|
|
and TTFT/TPOT/queue-time means with a `p95 …` foot line — each carrying its own sparkline
|
|
over the selected window. Preemptions and GPU-context losses render only as red alarm chips
|
|
while non-zero; the token counter is a footnote. The four trend charts sit below the panels
|
|
at half height, and one `/api/llm/history` request per refresh feeds all of it. With a
|
|
single engine configured the totals card hides and the page is one clean half — never a red
|
|
panel for a server you do not run.
|
|
|
|
## 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.
|