diff --git a/frontend/packages/agent/src/agent.css b/frontend/packages/agent/src/agent.css index 561794c7..8f980e57 100644 --- a/frontend/packages/agent/src/agent.css +++ b/frontend/packages/agent/src/agent.css @@ -2,10 +2,6 @@ Bundled in front of the agent-only rules below via esbuild. */ @import "@hive/shared/base.css"; @import "@hive/shared/terminal.css"; -/* Shared page-header chrome (page-header / page-back / page-title) — gives the - agent SUB-pages (stats, screen) the same back-link nav the dashboard's - standalone pages use. The live terminal page keeps its own header. */ -@import "@hive/shared/chrome.css"; /* ─── full-screen layout overrides ───────────────────────────────── The agent page mounts a full-viewport terminal under a fixed @@ -997,8 +993,16 @@ pre.diff { } /* ─── /stats page ────────────────────────────────────────────────────────── */ -/* The stats page header (back link + title) uses the shared - `.page-header` chrome (chrome.css), same as /screen. */ + +.stats-nav { + display: flex; + gap: 0.75rem; + align-items: baseline; + margin-bottom: 0.5rem; +} +.stats-nav h2 { margin: 0; } +.stats-nav a { color: var(--cyan); text-decoration: none; } +.stats-nav a:hover { text-decoration: underline; } .window-tabs { display: flex; @@ -1084,9 +1088,21 @@ body.screen-shell { overflow: hidden; } -/* The screen page header (back link + title + controls) uses the - shared `.page-header` chrome (chrome.css). The fit/match/debug - controls + status chip below sit inside that header. */ +/* Toolbar strip at the top of the screen page. */ +#toolbar { + display: flex; + align-items: center; + gap: 0.75rem; + padding: 0.4rem 0.75rem; + background: var(--bg-elev); + border-bottom: 1px solid var(--border); +} +#toolbar a { + color: var(--blue); + text-decoration: none; + font-size: 0.85rem; +} +#toolbar a:hover { text-decoration: underline; } /* Toolbar toggle buttons (fit / match-size / debug). */ .tbtn { @@ -1102,7 +1118,7 @@ body.screen-shell { .tbtn.active { color: var(--green); border-color: var(--green); } .tbtn:disabled { opacity: 0.4; cursor: default; } -/* Connection status chip at the right end of the screen page header. */ +/* Connection status chip at the right end of the toolbar. */ #status { margin-left: auto; font-size: 0.75rem; diff --git a/frontend/packages/agent/src/screen.html b/frontend/packages/agent/src/screen.html index 56e58f43..d154733a 100644 --- a/frontend/packages/agent/src/screen.html +++ b/frontend/packages/agent/src/screen.html @@ -10,14 +10,14 @@ - +
diff --git a/frontend/packages/agent/src/stats.html b/frontend/packages/agent/src/stats.html index 271f8650..adecbff1 100644 --- a/frontend/packages/agent/src/stats.html +++ b/frontend/packages/agent/src/stats.html @@ -10,11 +10,12 @@ - + +
+ ← live + dashboard +

◆ … ◆

+