vinzenz/hyperhive
vinzenz/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

Compare commits

base: vinzenz:6a54866ec7315b34d2dfc2cd8ce5da7b1be34948
Branches Tags
vinzenz:main
..
compare: vinzenz:d5202ebf6027e70ed789dd6f7f310b9ae38c67ac
Branches Tags
vinzenz:main
3 changed files with 36 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

36
frontend/packages/agent/src/agent.css
View file

@ -2,10 +2,6 @@
Bundled in front of the agent-only rules below via esbuild. */ Bundled in front of the agent-only rules below via esbuild. */
@import "@hive/shared/base.css"; @import "@hive/shared/base.css";
@import "@hive/shared/terminal.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 ───────────────────────────────── /* ─── full-screen layout overrides ─────────────────────────────────
The agent page mounts a full-viewport terminal under a fixed The agent page mounts a full-viewport terminal under a fixed
@ -997,8 +993,16 @@ pre.diff {
} }
/* ─── /stats page ────────────────────────────────────────────────────────── */ /* ─── /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 { .window-tabs {
display: flex; display: flex;
@ -1084,9 +1088,21 @@ body.screen-shell {
overflow: hidden; overflow: hidden;
} }
/* The screen page header (back link + title + controls) uses the /* Toolbar strip at the top of the screen page. */
shared `.page-header` chrome (chrome.css). The fit/match/debug #toolbar {
controls + status chip below sit inside that header. */ 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). */ /* Toolbar toggle buttons (fit / match-size / debug). */
.tbtn { .tbtn {
@ -1102,7 +1118,7 @@ body.screen-shell {
.tbtn.active { color: var(--green); border-color: var(--green); } .tbtn.active { color: var(--green); border-color: var(--green); }
.tbtn:disabled { opacity: 0.4; cursor: default; } .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 { #status {
margin-left: auto; margin-left: auto;
font-size: 0.75rem; font-size: 0.75rem;

8
frontend/packages/agent/src/screen.html
View file

@ -10,14 +10,14 @@
<link rel="stylesheet" href="static/agent.css"> <link rel="stylesheet" href="static/agent.css">
</head> </head>
<body class="screen-shell"> <body class="screen-shell">
<header class="page-header"> <div id="toolbar">
<a class="page-back" href="./" title="back to agent page">← agent</a> <strong>🖥 screen</strong>
<span class="page-title">🖥 screen</span> <a href="./" title="back to agent page">← agent</a>
<button id="fit-toggle" class="tbtn" title="Toggle fit-to-window scaling">⤢ fit</button> <button id="fit-toggle" class="tbtn" title="Toggle fit-to-window scaling">⤢ fit</button>
<button id="match-toggle" class="tbtn" title="Resize the remote desktop to fit this window" disabled>⤡ match size</button> <button id="match-toggle" class="tbtn" title="Resize the remote desktop to fit this window" disabled>⤡ match size</button>
<button id="debug-toggle" class="tbtn" title="Toggle RFB debug log">debug</button> <button id="debug-toggle" class="tbtn" title="Toggle RFB debug log">debug</button>
<span id="status">connecting…</span> <span id="status">connecting…</span>
</header> </div>
<div id="canvas-wrap"><canvas id="c"></canvas></div> <div id="canvas-wrap"><canvas id="c"></canvas></div>
<div id="msg"></div> <div id="msg"></div>
<div id="debug-log"></div> <div id="debug-log"></div>

11
frontend/packages/agent/src/stats.html
View file

@ -10,11 +10,12 @@
<link rel="stylesheet" href="static/agent.css"> <link rel="stylesheet" href="static/agent.css">
</head> </head>
<body> <body>
<header class="page-header"> <pre class="banner">░▒▓█▓▒░ … ░▒▓█▓▒░ hyperhive ag3nt · stats ░▒▓█▓▒░</pre>
<a class="page-back" id="back-link" href="./">← live</a> <div class="stats-nav">
<a class="page-back" id="dashboard-link" href="#">dashboard ↗</a> <a id="back-link" href="./">← live</a>
<span class="page-title" id="title">◆ … ◆</span> <a id="dashboard-link" href="#">dashboard</a>
</header> <h2 id="title">◆ … ◆</h2>
</div>
<div class="window-tabs" id="window-tabs" role="tablist"> <div class="window-tabs" id="window-tabs" role="tablist">
<button type="button" data-tab="1h">last 1h</button> <button type="button" data-tab="1h">last 1h</button>