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

frontend: trim narrated-history comments in packages/agent, packages/swarm-ui

Browse source 
Continues #3901. Same pattern as tabs.js/swarm.js: cut 'used to be
X, now Y'/'moved to'/'no longer' change-history narration down to
the current design fact, keep every load-bearing rationale intact
(the ResizeObserver feedback-loop note in Header.tsx, the Dropdown-
vs-real-<a> semantics in MetaNav.tsx, etc.).
This commit is contained in:
iris 2026-09-02 02:33:52 +02:00 • committed by mara
commit c2733d2edf
6 changed files with 72 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -10,9 +10,9 @@
resolved as shared CSS rather than a JS component) — see pill.css
itself for the classnames it covers. */
@import "@hive/shared/pill.css";
/* Themed dialog/toast component CSS (modal.js) now lives in each
/* Themed dialog/toast component CSS (modal.js) lives in each
component's own shadow root (adoptedStyleSheets), not a global
stylesheet — nothing to @import here any more. */
stylesheet — nothing to @import here. */
/* ─── full-screen layout overrides ─────────────────────────────────
The agent page mounts a full-viewport terminal under a fixed
@ -587,9 +587,9 @@ pre.diff {
z-index: 35;
}
/* Composer chrome — used to live inside `.terminal-wrap`; now lives
inside the fixed `.agent-composer` defined further up. The base
rules below stay scoped to whichever ancestor owns it. */
/* Composer chrome lives inside the fixed `.agent-composer` defined
further up. The base rules below stay scoped to whichever ancestor
owns it. */
.term-input .sendform-term {
display: flex;
/* mara, live: "bottom input row text not aligned / inconsistent
@ -639,31 +639,29 @@ pre.diff {
.term-input .submit-hint { color: var(--muted); font-size: 0.8em; flex: 0 0 auto; }
.term-input.disabled .prompt { color: var(--muted); text-shadow: none; }
.term-input.disabled textarea { color: var(--muted); }
/* Row + pill + details styling moved to hive-fr0nt::TERMINAL_CSS. */
/* ─── side panel (singleton drawer) ────────────────────────────────
Inbox + loose-ends details open here instead of expanding inline. The
drawer chrome itself (backdrop, drawer, resize handle, header, title,
close button) is now the shared `<hive-side-panel>` element
(@hive/shared/side-panel.js — this also picks up drag-to-resize,
which this page didn't have before); what's left here is the drag
cursor-override escape hatch (has to be a global, light-DOM rule — it
reaches every element on the page during a drag, not just the shared
element's own shadow tree) and the styling for the panel's own
content types, which the shared element's shadow tree can never
reach (see @hive/shared/side-panel/hive-side-panel.css's header
comment). The `hive-side-panel .agent-inbox …` rules below use the
element's own tag name as the selector root — no compatibility class
needed, the tag name already uniquely identifies the light-DOM
instance app.js's `sidePanel` creates. */
close button) is the shared `<hive-side-panel>` element
(@hive/shared/side-panel.js, including drag-to-resize); what's left
here is the drag cursor-override escape hatch (has to be a global,
light-DOM rule — it reaches every element on the page during a
drag, not just the shared element's own shadow tree) and the
styling for the panel's own content types, which the shared
element's shadow tree can never reach (see
@hive/shared/side-panel/hive-side-panel.css's header comment). The
`hive-side-panel .agent-inbox …` rules below use the element's own
tag name as the selector root — no compatibility class needed, the
tag name already uniquely identifies the light-DOM instance app.js's
`sidePanel` creates. */
body.side-panel-resizing {
user-select: none;
}
body.side-panel-resizing * { cursor: ew-resize !important; }
/* Inbox / loose-ends lists rendered into the side-panel body. The
legacy <details>-collapsible variant of .agent-inbox is gone, so
here we strip the inbox-only chrome (background, border-left) and
let the panel body's own padding own the framing. */
/* Inbox / loose-ends lists rendered into the side-panel body: strip
the inbox-only chrome (background, border-left) here and let the
panel body's own padding own the framing. */
hive-side-panel .agent-inbox {
margin: 0;
font-size: inherit;