vinzenz/hyperhive
vinzenz/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(dashboard): generic server-warnings banner on every page (#1518)

Browse source 
Per operator request: instead of a disk-specific alert, surface a generic
server-warnings banner at the very top of every page, so new system
warnings can be added backend-side with no frontend change.

- hive-c0re `host_stats`: `server_warnings() -> Vec<ServerWarning>`
  (`{ kind, level, message }`). The threshold logic lives server-side; the
  host disk-pressure check (a `statvfs` probe of `/nix`: ≥85% used → warn,
  ≥95% → crit) is the first and only producer today. No new deps (libc).
- `/api/state` carries `server_warnings` (replaces the disk-specific
  field). Empty when all clear.
- frontend: `renderServerWarnings` / `initServerWarnings` in `common.js`
  inject a sticky top-of-<body> banner and render the list, coloured by
  `level`. Wired on every page — dashboard (live, via refreshState),
  FL0W, L0GS, H0M3. No per-warning frontend code; adding a warning kind
  is a pure backend change.

cargo check/clippy/fmt + npm run build green. Closes #1518.
This commit is contained in:
iris 2026-06-08 19:55:04 +02:00 • committed by mara
commit 5d0f3d060b
10 changed files with 241 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

30
frontend/packages/dashboard/src/common.css
View file

@ -517,3 +517,33 @@ body.side-panel-resizing * { cursor: ew-resize !important; }
border: 1px solid var(--border);
padding: 0.2em 0.5em;
}
/* ─── server warnings banner ──────────────────────────────────────────
Generic top-of-page strip, injected at the top of <body> by
common.js (renderServerWarnings) on every page. One row per warning;
colour comes from the per-warning `level` (warn = amber, crit = red).
`position: sticky; top: 0` keeps it pinned above the page chrome so an
operator sees it on any page no matter how far they've scrolled. */
.server-warnings {
position: sticky;
top: 0;
z-index: 50;
}
.server-warnings[hidden] { display: none; }
.server-warn {
text-align: center;
padding: 0.4em 1em;
font-size: 0.85em;
font-weight: bold;
letter-spacing: 0.02em;
}
.server-warn-warn {
color: var(--amber);
background: rgba(250, 179, 135, 0.16);
border-bottom: 1px solid var(--amber);
}
.server-warn-crit {
color: var(--red);
background: rgba(243, 139, 168, 0.18);
border-bottom: 1px solid var(--red);
}