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

swarm-ui: the badge tooltips are built by a tested helper

Browse source
This commit is contained in:
iris 2026-11-12 09:35:06 +01:00 • committed by mara
commit c42db99f27
2 changed files with 58 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/packages/swarm-ui/src/agent/state/StateBadges.tsx
View file

@ -1,6 +1,7 @@
import { Badge, type BadgeTone } from "@hive/shared/badge.js";
import { BadgePopover } from "../../ui/badge-popover/BadgePopover.js";
import { AgentInference } from "../detail/AgentInference.js";
import { effortTitle, modelTitle } from "./badge-titles.js";
import { RelativeTime } from "../../ui/relative-time/RelativeTime.js";
import {
useSwarmAgentStateStream,
@ -59,9 +60,6 @@ export function StateBadges({
// when clicked. Omitted: the badges only display.
agent?: string;
}) {
const modelTitle = header.resolved_model
? `resolved to ${header.resolved_model}`
: undefined;
return (
<>
<Badge
@ -86,12 +84,16 @@ export function StateBadges({
)}
{withModel &&
(agent === undefined ? (
<Badge label="model" value={header.model} title={modelTitle} />
<Badge
label="model"
value={header.model}
title={modelTitle(header.resolved_model, false)}
/>
) : (
<BadgePopover
label="model"
value={header.model}
title={`${modelTitle ? modelTitle + ". " : ""}Click for the inference settings`}
title={modelTitle(header.resolved_model, true)}
popoverLabel={`${agent} inference settings`}
>
<AgentInference agent={agent} />
@ -102,13 +104,13 @@ export function StateBadges({
<Badge
label="effort"
value={header.effort}
title={`set by: ${header.effort_source}`}
title={effortTitle(header.effort_source, false)}
/>
) : (
<BadgePopover
label="effort"
value={header.effort}
title={`set by: ${header.effort_source}. Click for the inference settings`}
title={effortTitle(header.effort_source, true)}
popoverLabel={`${agent} inference settings`}
>
<AgentInference agent={agent} />

22
frontend/packages/swarm-ui/src/agent/state/badge-titles.ts Normal file
View file

@ -0,0 +1,22 @@
// The tooltips of the model and effort badges in an agent's terminal header.
// Clickable ones, which open the agent's inference settings, say so; the plain
// ones, on a subagent's terminal and in the details table, only say where the
// value comes from.
const OPENS = "Click for the inference settings";
/** The model badge's tooltip: what the alias resolved to, when known. */
export function modelTitle(
resolvedModel: string | null | undefined,
clickable: boolean,
): string | undefined {
const resolved = resolvedModel ? `resolved to ${resolvedModel}` : undefined;
if (!clickable) return resolved;
return resolved ? `${resolved}. ${OPENS}` : OPENS;
}
/** The effort badge's tooltip: where the effort comes from. */
export function effortTitle(source: string, clickable: boolean): string {
const from = `set by: ${source}`;
return clickable ? `${from}. ${OPENS}` : from;
}