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

dashboard: build-log side-panel viewer in agent card (#726 phase 3)

Browse source 
Adds a `↳ build logs · {agent}` drill-in to every agent card that
opens the side panel and fetches the last 10 build-log headers from
GET /api/build-logs/{agent}. Each row shows a status chip (ok/fail/
running), kind, age, and truncated cmdline. Clicking a row lazily
fetches the full stdout+stderr from GET /api/build-logs/id/{id} and
expands it inline as a scrollable pre.

CSS additions: .build-logs-{panel,toolbar,list,item,row-btn,...} plus
.badge-ok/.badge-fail/.badge-running status chips shared with future
uses. docs/web-ui.md updated with the new drill-in and the new badge
classes.
This commit is contained in:
iris 2026-05-31 20:30:57 +02:00 • committed by mara
commit cc6227ccb5
4 changed files with 1517 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

84
frontend/packages/dashboard/src/dashboard.css
View file

@ -504,6 +504,90 @@ a:hover {
word-break: normal;
}
/* Build-log side-panel viewer. Same general shape as the journald
viewer: a toolbar above a scrollable list of log header rows;
clicking a row expands full stdout+stderr inline. */
.build-logs-panel {
display: flex;
flex-direction: column;
height: 100%;
gap: 0.4em;
}
.build-logs-toolbar {
flex: 0 0 auto;
display: flex;
gap: 0.5em;
align-items: center;
}
.build-logs-refresh { font-size: 0.75em; padding: 0.15em 0.5em; }
.build-logs-list {
list-style: none;
margin: 0;
padding: 0;
flex: 1 1 0;
min-height: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 0.25em;
}
.build-logs-loading,
.build-logs-empty,
.build-logs-error {
padding: 0.4em 0.6em;
font-size: 0.85em;
color: var(--subtext0);
}
.build-logs-error { color: var(--red); }
.build-logs-item {
border: 1px solid var(--border);
border-radius: 2px;
}
.build-logs-row-btn {
width: 100%;
background: none;
border: none;
color: var(--fg);
font-family: inherit;
font-size: 0.85em;
cursor: pointer;
padding: 0.35em 0.6em;
text-align: left;
display: flex;
gap: 0.5em;
align-items: center;
flex-wrap: wrap;
}
.build-logs-row-btn:hover { background: var(--bg-elev); }
.build-logs-kind { font-weight: 600; }
.build-logs-age { font-size: 0.88em; }
.build-logs-cmdline {
font-family: "JetBrains Mono", "Fira Code", monospace;
font-size: 0.8em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 28ch;
}
.build-logs-detail { padding: 0 0.4em 0.4em; }
.build-logs-output {
margin: 0;
background: #11111b;
color: var(--fg);
border: 1px solid var(--purple-dim);
padding: 0.5em 0.7em;
overflow: auto;
font-size: 0.8em;
line-height: 1.4;
white-space: pre;
word-break: normal;
max-height: 60vh;
}
/* Status badge colours reused for build status chips. */
.badge-ok { background: rgba(166,227,161,0.12); color: var(--green); border-color: var(--green); }
.badge-fail { background: rgba(243,139,168,0.12); color: var(--red); border-color: var(--red); }
.badge-running { background: rgba(250,179,135,0.12); color: var(--amber); border-color: var(--amber); }
/* Notification controls — sit between the banner and the
containers section. Hidden by JS when notifications are
unsupported, denied, or already in the right state. */