37161cd136
Ports the shadow-DOM <hive-jobq-graph> custom element
(frontend/packages/shared/src/jobq-graph/) to a Preact component
(JobqGraph.js) shared by the dashboard and swarm-ui, per hyperhive#3310.
- JobqGraph.js: written with plain h() calls (no JSX) so the same file
compiles unmodified under both the dashboard's text-loader CSS config
and swarm-ui's JSX config. Exports `JobqGraph` for JSX use and
`mountJobqGraph(container, props)` for the dashboard's non-JSX
imperative mount, returning a `{refresh(), update()}` handle matching
the old custom element's public surface. Same rendering contract as
before: indented state tree, payload.label verbatim, payload.data as
a generic key/value list, "waits on: <label>" text for Node-kind deps,
per-state filter checkboxes, optional cancel button.
- jobq-graph.css: light-DOM adaptation of the old shadow-scoped
stylesheet (:host -> .jg-root, otherwise unchanged).
- dashboard/src/builds.js: local mountJobqGraph() renamed to
mountRebuildQueue() to avoid colliding with the newly-imported shared
mountJobqGraph; cancel handling is now a plain onCancel callback
instead of a DOM CustomEvent listener (no shadow boundary to cross
anymore).
- dashboard + shared package.json: added preact as a dependency (matches
swarm-ui's existing pin, 10.29.8) - the dashboard was a vanilla-JS MPA
with no Preact/JSX pipeline before this.
- Removed the old hive-jobq-graph.js/.css entirely (confirmed via grep
it had exactly one consumer, dashboard/src/builds.js, so this is a
clean swap, not parallel maintenance of two implementations).
- Updated stale doc-comment references to the old element name in
builds.html, tabs.js, swarm.js, docs/web-ui/dashboard.md, and
hive-c0re/src/job_queue/mod.rs.
Verified: npm run build (whole frontend workspace) and npm run
typecheck (swarm-ui) both clean; cargo build/clippy/test -p hive-c0re
all clean (331 tests, 0 failures); headless-chromium screenshot of
/builds.html against a mock GET /api/jobq/graph payload confirms full
visual/behavioral parity with the old custom element (tree, filter
checkboxes, cancel buttons, error text, waits-on line, data list, live
build log panel).
This covers the dashboard-replacement half of hyperhive#3310 only. The
swarm-ui half (rendering the CreateAgent DAG on the agent-creation page)
is downstream of hyperhive#3306/#3124 landing - no swarm-ui page exists
yet to mount it in.
73 lines
3.7 KiB
HTML
73 lines
3.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>hyperhive // BU1LDS</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<link rel="stylesheet" href="/static/colors.css">
|
|
<link rel="stylesheet" href="/static/theme.css">
|
|
<link rel="stylesheet" href="/static/common.css">
|
|
<link rel="stylesheet" href="/static/builds.css">
|
|
</head>
|
|
<body class="builds-shell">
|
|
|
|
<!-- BU1LDS: the build lifecycle hub — rebuild queue, live build log,
|
|
meta inputs, and build log history on one page. Carved out of the
|
|
old /core.html (rebuild queue + meta inputs) and /logs.html (BUILD
|
|
tab) so the full build lifecycle is in one place. Same minimal
|
|
chrome as /core.html — a `← home` back-link + a <hive-tab-strip>
|
|
sub-tab nav. Default sub-tab is the rebuild queue. -->
|
|
<header class="page-header">
|
|
<a class="page-back" href="/">← home</a>
|
|
<hive-tab-strip class="hive-tabbar builds-tabbar" id="builds-tabbar" prefix="builds"
|
|
role="tablist"></hive-tab-strip>
|
|
</header>
|
|
|
|
<main class="builds-main">
|
|
|
|
<!-- R3BU1LD QU3U3: pending + running rebuilds, meta-updates, and
|
|
first-spawns. Rendered from GET /api/jobq/graph by the
|
|
`JobqGraph` Preact component (@hive/shared/jobq-graph.js);
|
|
`rebuild_queue_changed` over /api/dashboard/stream is the
|
|
refresh trigger and carries no payload of its own. Default tab. -->
|
|
<section class="builds-pane" id="builds-pane-rebuild" data-tab-pane="rebuild"
|
|
role="tabpanel" aria-labelledby="builds-tab-rebuild">
|
|
<p class="meta">pending + running rebuilds, meta-updates, and first-spawns. one runs at a time; meta-update cascades nest under their parent. dedup: re-enqueueing a still-queued op collapses into the existing entry.</p>
|
|
<div id="rebuild-queue-section">
|
|
<p class="meta">loading…</p>
|
|
</div>
|
|
<!-- Live build log of the currently-running rebuild (one runs at a
|
|
time). Managed by renderRebuildLiveLog in builds.js, separate from
|
|
rebuild-queue-section so the queue's row re-render never disturbs
|
|
the open SSE stream. -->
|
|
<div id="rebuild-live-log" class="rebuild-live-log" hidden></div>
|
|
</section>
|
|
|
|
<!-- M3T4 1NPUTS: select inputs to nix flake update in /meta/. -->
|
|
<section class="builds-pane" id="builds-pane-meta" data-tab-pane="meta"
|
|
role="tabpanel" aria-labelledby="builds-tab-meta">
|
|
<p class="meta">select inputs to <code>nix flake update</code> in <code>/meta/</code>. selected agents rebuild in sequence after the lock bump; the submitting agent learns each outcome via the usual <code>rebuilt</code> system event.</p>
|
|
<div id="meta-inputs-section">
|
|
<p class="meta">loading…</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- BUILD L0GS: all-agents build log history (moved from /logs.html).
|
|
Click a row to expand stdout + stderr. Live builds stream in real
|
|
time. Lazy-loaded on first tab activation; auto-refreshes when
|
|
rebuild_queue_changed fires. Deep-link: ?id=N#buildlogs. -->
|
|
<section class="builds-pane" id="builds-pane-buildlogs" data-tab-pane="buildlogs"
|
|
role="tabpanel" aria-labelledby="builds-tab-buildlogs">
|
|
<p class="meta">all-agents build log history. click a row to expand stdout + stderr. live builds stream in real time.</p>
|
|
<div class="logs-toolbar">
|
|
<button type="button" class="btn btn-restart" id="build-refresh">↻ refresh</button>
|
|
</div>
|
|
<div id="build-list"><p class="meta">loading…</p></div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<script type="module" src="/static/builds.js" defer></script>
|
|
</body>
|
|
</html>
|