diff --git a/frontend/packages/agent/src/agent.css b/frontend/packages/agent/src/agent.css
index 8f980e57..561794c7 100644
--- a/frontend/packages/agent/src/agent.css
+++ b/frontend/packages/agent/src/agent.css
@@ -2,6 +2,10 @@
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
@@ -993,16 +997,8 @@ pre.diff {
}
/* ─── /stats page ────────────────────────────────────────────────────────── */
-
-.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; }
+/* The stats page header (back link + title) uses the shared
+ `.page-header` chrome (chrome.css), same as /screen. */
.window-tabs {
display: flex;
@@ -1088,21 +1084,9 @@ body.screen-shell {
overflow: hidden;
}
-/* 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; }
+/* 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 toggle buttons (fit / match-size / debug). */
.tbtn {
@@ -1118,7 +1102,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 toolbar. */
+/* Connection status chip at the right end of the screen page header. */
#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 d154733a..56e58f43 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 adecbff1..271f8650 100644
--- a/frontend/packages/agent/src/stats.html
+++ b/frontend/packages/agent/src/stats.html
@@ -10,12 +10,11 @@
- ░▒▓█▓▒░ … ░▒▓█▓▒░ hyperhive ag3nt · stats ░▒▓█▓▒░
-
+