mara/hyperhive
mara/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Activity

swarm-ui: a group pane's maximize and close are icon-only badges in its top right corner

Browse source 
The two controls sat among the pane's header badges as a labelled badge and a
cross glyph. They are now icon badges in the top right corner, through a
`trailing` slot of the terminal preview, so the header on the left keeps the
agent, split, subagents and state badges and a narrow pane wraps less.
This commit is contained in:
iris 2026-11-05 13:33:12 +01:00
commit 4876acd02a
2 changed files with 53 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/packages/swarm-ui/src/agent/terminal/AgentTermPreview.css
View file

@ -102,6 +102,12 @@
.ui-agent-term-preview-controls > * {
pointer-events: auto;
}
/* The icon-only controls in the top right corner. */
.ui-agent-term-preview-trailing {
display: flex;
flex: none;
gap: 0.25em;
}
.ui-agent-term-preview-header-badges {
display: flex;
flex-wrap: wrap;

7
frontend/packages/swarm-ui/src/agent/terminal/AgentTermPreview.tsx
View file

@ -206,6 +206,7 @@ export function AgentTermPreview({
subagent,
fullHeight = false,
leading,
trailing,
}: {
agentName: string;
// Set: this is one of `agentName`'s subagents, output only like the
@ -217,6 +218,9 @@ export function AgentTermPreview({
// A badge ahead of the connection badge, for the full-tab mount's
// link back to the agent's details.
leading?: ComponentChildren;
// Icon-only badges in the top right corner, for the full-tab mount's own
// controls (a group pane's maximize and close).
trailing?: ComponentChildren;
}) {
const paths = termPaths(agentName, subagent);
const { rows, connection, reconnect } = useSwarmTermStream(paths.stream);
@ -293,6 +297,9 @@ export function AgentTermPreview({
onClick={() => openTab({ href: paths.page, label: paths.label })}
/>
)}
{trailing !== undefined && (
<div class="ui-agent-term-preview-trailing">{trailing}</div>
)}
</div>
<div class="live terminal" ref={logRef} onScroll={handleScroll}>
{rows.length === 0 ? (