The container-row tree-prefix used text box-drawing glyphs (├ └ │) positioned with `top: 0.6em` — a single text-line tall. Once rows grew past one line (5em square icon + multi-line body), the `│` columns of consecutive siblings no longer touched, leaving visible breaks in the tree. Replace the text-glyph string with structured DOM: one `.tree-lane` per depth column. Continuation lanes (`.lane-line`) paint a 1px border-left spanning the full row height + the `.containers` gap below, so adjacent siblings' bars visually merge into one unbroken vertical. The row's own joint lane is `├` (branch — bar continues below) or `└` (last — bar stops at icon midline), with a horizontal stub at 3.1em (row padding-top + icon half-height) reaching to the icon edge. Joint y / stub width are derived from the 5em icon + 0.6em row padding-top + 0.8em row padding-left so they meet the icon cleanly. |
||
|---|---|---|
| .. | ||
| packages | ||
| .gitignore | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
hyperhive frontend
npm workspaces project for the hyperhive browser-facing assets:
packages/shared/— shared modules used by both surfaces (terminal pane, Catppuccin palette + body typography).packages/dashboard/— the hive-c0re dashboard SPA.packages/agent/— the per-container web UI (default agent page, stats, screen).
Build
npm install # one-off; uses the checked-in package-lock.json
npm run build # builds every workspace into packages/*/dist/
The Rust binaries serve packages/dashboard/dist/ and
packages/agent/dist/ via tower_http::ServeDir at runtime; the
build derivation is wired up in nix/modules/frontend.nix. Per-agent
additions are layered on top of the default agent dist via the
hyperhive.frontend.extraFiles option in agent.nix.
Why npm + esbuild
- Hermetic: dependencies vendored via the checked-in lockfile;
buildNpmPackagein nix uses it as the source-of-truth so the output is reproducible without network access at build time. - esbuild: vanilla-JS bundler, no framework runtime overhead.
Each workspace's
build.mjsis ~30 lines. - Single-PR migration: see issue #273 for the design proposal and the four-commit shape (npm scaffold → nix derivations → container plumbing → Rust cutover).