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.
53 lines
2.5 KiB
HTML
53 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>hyperhive // ST4TS</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/stats.css">
|
|
</head>
|
|
<body class="stats-shell">
|
|
|
|
<!-- Minimal chrome: back link + title. Same pattern as flow.html /
|
|
logs.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>
|
|
<span class="page-title">ST4TS</span>
|
|
</header>
|
|
|
|
<main class="stats-main">
|
|
<p class="meta">hive-wide turn statistics, aggregated across every agent over the selected window. <strong>cost is a rough estimate</strong> from approximate per-model list prices — it drifts and is a ballpark, not a bill.</p>
|
|
|
|
<!-- Window selector — a hash-routed createTabStrip (#1h / #24h / …),
|
|
like the per-agent /stats page. Buttons keep the `.btn` pill
|
|
look; createTabStrip toggles `.hive-tab--active` and the page
|
|
re-fetches on change via onShow. -->
|
|
<nav class="hive-stats-windows" id="hive-stats-windows" role="tablist">
|
|
<button type="button" class="btn" data-tab="1h">1h</button>
|
|
<button type="button" class="btn" data-tab="4h">4h</button>
|
|
<button type="button" class="btn" data-tab="24h">24h</button>
|
|
<button type="button" class="btn" data-tab="3d">3d</button>
|
|
<button type="button" class="btn" data-tab="7d">7d</button>
|
|
<button type="button" class="btn" data-tab="30d">30d</button>
|
|
</nav>
|
|
|
|
<div class="hive-stats-chips" id="hive-stats-summary"></div>
|
|
<h3>◇ busiest agents</h3>
|
|
<div id="hive-stats-agents"><p class="meta">loading…</p></div>
|
|
<h3>◇ model mix (turns across the swarm)</h3>
|
|
<div id="hive-stats-models"></div>
|
|
<!-- "favorite tools": most-run bash commands across the swarm.
|
|
Header + list hidden until the hive-bash-mcp capture has
|
|
recorded data, so the section never shows an empty block. -->
|
|
<h3 id="hive-stats-bash-h" hidden>◇ favorite tools (bash commands across the swarm)</h3>
|
|
<div id="hive-stats-bash" hidden></div>
|
|
</main>
|
|
|
|
<script type="module" src="/static/stats.js" defer></script>
|
|
</body>
|
|
</html>
|