49a0a0d15f
The standalone pages (/flow, /logs, /stats, /settings) all share the same sticky back-link header, but its CSS lived in the dashboard's common.css under the misnomer `.logs-*` (the comment even noted it was used by more than logs). Promote it to a first-class shared component. - new @hive/shared/chrome.css with neutral `.page-header` / `.page-back` / `.page-title` (cohering with the `.page-content` gutter wrapper); exported from the shared package and @imported into common.css next to base/terminal/tabs.css. - rename the four pages' header markup `.logs-*` → `.page-*`. - drop the old `.logs-*` chrome block from common.css; refresh the stale doc comments in settings.css / stats.css / dashboard.css. CSS-only, behaviour/visual-neutral (same rules, new names + home). The dashboard keeps its own richer sticky `.dashboard-chrome`; unifying the per-agent UI's `.stats-nav` chrome is a larger follow-up, deferred. Part of #1464 step 3.
85 lines
3.7 KiB
HTML
85 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 // LOGS</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/logs.css">
|
|
</head>
|
|
<body class="logs-shell">
|
|
|
|
<!-- Minimal chrome: back link + sub-tab strip.
|
|
Same pattern as flow.html — no full dashboard tabbar. Back link
|
|
points to the H0M3 hub (served at /), not the dashboard. -->
|
|
<header class="page-header">
|
|
<a class="page-back" href="/">← home</a>
|
|
<nav class="hive-tabbar logs-tabbar" id="logs-tabbar" role="tablist">
|
|
<a class="hive-tab" id="logs-tab-build" href="#build" role="tab"
|
|
aria-controls="logs-pane-build" data-tab="build">
|
|
<span class="logs-tab-label">BUILD</span>
|
|
</a>
|
|
<a class="hive-tab" id="logs-tab-agent" href="#agent" role="tab"
|
|
aria-controls="logs-pane-agent" data-tab="agent">
|
|
<span class="logs-tab-label">AGENT</span>
|
|
</a>
|
|
<a class="hive-tab" id="logs-tab-system" href="#system" role="tab"
|
|
aria-controls="logs-pane-system" data-tab="system">
|
|
<span class="logs-tab-label">SYSTEM</span>
|
|
</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main class="logs-main">
|
|
|
|
<!-- BUILD: all-agents build log history. Lists recent nix build /
|
|
nixos-container invocations across all agents, with
|
|
click-to-expand full stdout+stderr. Backed by
|
|
GET /api/build-logs?limit=30. -->
|
|
<section class="logs-pane" id="logs-pane-build" data-tab-pane="build"
|
|
role="tabpanel" aria-labelledby="logs-tab-build">
|
|
<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>
|
|
|
|
<!-- AGENT: journald viewer for a specific agent container.
|
|
Agent selector + unit filter + line count. Backed by
|
|
GET /api/journal/{agent}?unit=<unit>&lines=N. -->
|
|
<section class="logs-pane" id="logs-pane-agent" data-tab-pane="agent"
|
|
role="tabpanel" aria-labelledby="logs-tab-agent">
|
|
<div class="logs-toolbar">
|
|
<select id="agent-select" class="journal-unit"></select>
|
|
<select id="agent-unit-select" class="journal-unit">
|
|
<option value="hive-ag3nt.service">hive-ag3nt.service</option>
|
|
<option value="">(full machine journal)</option>
|
|
</select>
|
|
<button type="button" class="btn btn-restart" id="agent-refresh">↻ refresh</button>
|
|
<span id="agent-fetch-ts" class="meta logs-fetch-ts" hidden></span>
|
|
</div>
|
|
<pre id="agent-output" class="journal-output">select an agent above</pre>
|
|
</section>
|
|
|
|
<!-- SYSTEM: host-side service logs. Shows the hive-c0re daemon
|
|
journal via GET /api/journal-host?unit=hive-c0re.service. -->
|
|
<section class="logs-pane" id="logs-pane-system" data-tab-pane="system"
|
|
role="tabpanel" aria-labelledby="logs-tab-system">
|
|
<div class="logs-toolbar">
|
|
<select id="system-unit-select" class="journal-unit">
|
|
<option value="hive-c0re.service">hive-c0re.service</option>
|
|
</select>
|
|
<button type="button" class="btn btn-restart" id="system-refresh">↻ refresh</button>
|
|
<span id="system-fetch-ts" class="meta logs-fetch-ts" hidden></span>
|
|
</div>
|
|
<pre id="system-output" class="journal-output">loading…</pre>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<script type="module" src="/static/logs.js" defer></script>
|
|
</body>
|
|
</html>
|