435ef193e1
Every sub-page tabbar (logs.html, credentials.html, core.html,
builds.html) hand-wrote the same <nav class="hive-tabbar"><a
class="hive-tab">...</a></nav> boilerplate and then called
createTabStrip() on it after the fact. Add <hive-tab-strip>, a
markup-owning custom element (same reuse-boundary pattern as
<hive-menu>/<hive-side-panel>) that renders that markup from a
declarative tabs list, then wires the existing createTabStrip()
behaviour over what it just rendered — no behaviour duplication.
Convert all four sites to use it: each page's JS now calls
`.configure({ tabs, defaultId, onShow })` on the tabbar element instead
of `createTabStrip(el, opts)`, and configure() returns the identical
{ show, active } shape so nothing downstream changes. builds.js's
rebuild-queue count pill (builds-tab-count-rebuild) is expressed as a
tab's `badgeId` and renders nested in the same spot.
The dashboard's own tabbar and the two no-pane stats time-range
pickers are a different markup/behaviour shape and are intentionally
left alone.
97 lines
4.7 KiB
HTML
97 lines
4.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.
|
|
Four sub-tabs: AGENT, INFRA, SYSTEM, AUDIT. Build log history has
|
|
moved to /builds.html (the build lifecycle hub). -->
|
|
<header class="page-header">
|
|
<a class="page-back" href="/">← home</a>
|
|
<hive-tab-strip class="hive-tabbar logs-tabbar" id="logs-tabbar" prefix="logs"
|
|
role="tablist"></hive-tab-strip>
|
|
</header>
|
|
|
|
<main class="logs-main">
|
|
|
|
<!-- 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-agent.service">hive-agent.service</option>
|
|
<option value="hive-mcp-http.service">hive-mcp-http.service</option>
|
|
<option value="hive-bash-daemon.service">hive-bash-daemon.service</option>
|
|
<option value="hive-matrix-daemon.service">hive-matrix-daemon.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>
|
|
|
|
<!-- INFRA: journald viewer for infrastructure containers (hive-ci,
|
|
hive-forge, hive-gateway, hive-matrix). Always fetches the full
|
|
machine journal — no unit filter (infra containers don't run the
|
|
per-agent hive daemons). Backed by GET /api/journal/{name}?lines=N.
|
|
Deep-link: ?agent=hive-ci routes here instead of the AGENT tab. -->
|
|
<section class="logs-pane" id="logs-pane-infra" data-tab-pane="infra"
|
|
role="tabpanel" aria-labelledby="logs-tab-infra">
|
|
<div class="logs-toolbar">
|
|
<select id="infra-select" class="journal-unit"></select>
|
|
<button type="button" class="btn btn-restart" id="infra-refresh">↻ refresh</button>
|
|
<span id="infra-fetch-ts" class="meta logs-fetch-ts" hidden></span>
|
|
</div>
|
|
<pre id="infra-output" class="journal-output">select a container 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>
|
|
<option value="hive-priv.service">hive-priv.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>
|
|
|
|
<!-- AUDIT: operator-visible trail of agent-initiated privileged
|
|
actions (infra-container restarts, etc.). Filterable table backed
|
|
by GET /api/audit-log ({ entries, total }), newest first, server
|
|
clamped to the latest 500. -->
|
|
<section class="logs-pane" id="logs-pane-audit" data-tab-pane="audit"
|
|
role="tabpanel" aria-labelledby="logs-tab-audit">
|
|
<div class="logs-toolbar">
|
|
<input type="text" id="audit-filter" class="audit-filter"
|
|
placeholder="filter agent / action / target / detail…" autocomplete="off">
|
|
<button type="button" class="btn btn-restart" id="audit-refresh">↻ refresh</button>
|
|
<span id="audit-count" class="meta"></span>
|
|
</div>
|
|
<div id="audit-list"><p class="meta">loading…</p></div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<script type="module" src="/static/logs.js" defer></script>
|
|
</body>
|
|
</html>
|