diff --git a/frontend/packages/dashboard/src/stats.css b/frontend/packages/dashboard/src/stats.css index ab991375..e7c9f665 100644 --- a/frontend/packages/dashboard/src/stats.css +++ b/frontend/packages/dashboard/src/stats.css @@ -16,14 +16,27 @@ body.stats-shell { padding: 1.2em 1.5em 2em; } -/* Window selector. Buttons keep the shared `.btn` pill look; the active - one is flagged by createTabStrip via `.hive-tab--active` (was a bespoke - `.active` toggle). */ +/* Window selector — now lives in the page-header (same row as ← home / + ST4TS title). Fills the remaining header space and right-aligns the + buttons. The shared `.btn` pill look is kept; createTabStrip flags the + active one with `.hive-tab--active`. */ .hive-stats-windows { display: flex; flex-wrap: wrap; gap: 6px; - margin: 12px 0; + flex: 1; + min-width: 0; + justify-content: flex-end; + /* Smaller than the default .btn so the pills fit comfortably in the + header without competing visually with the page title. */ + font-size: 0.82em; +} +/* Inactive buttons: slightly muted to distinguish from the active window, + but readable even on low-contrast operator colour schemes. */ +.hive-stats-windows .btn { + color: var(--subtext1, var(--muted)); + border-color: var(--border); + font-size: 1em; /* relative to the .hive-stats-windows 0.82em */ } .hive-stats-windows .btn.hive-tab--active { border-color: var(--amber); diff --git a/frontend/packages/dashboard/src/stats.html b/frontend/packages/dashboard/src/stats.html index 898e99b8..d90f66bb 100644 --- a/frontend/packages/dashboard/src/stats.html +++ b/frontend/packages/dashboard/src/stats.html @@ -18,15 +18,8 @@ - -
-

hive-wide turn statistics, aggregated across every agent over the selected window. cost is a rough estimate from approximate per-model list prices — it drifts and is a ballpark, not a bill.

- - + + + +
+

hive-wide turn statistics, aggregated across every agent over the selected window. cost is a rough estimate from approximate per-model list prices — it drifts and is a ballpark, not a bill.

◇ busiest agents