agent-radar
2ed3415fb7
Publish Claude Code Binaries / Stage and publish binaries (push) Canceled after 0s
Publish Tutti App Runtime / Build darwin-arm64 (push) Canceled after 0s
Publish Tutti App Runtime / Build darwin-amd64 (push) Canceled after 0s
Publish Tutti App Runtime / Build linux-amd64 (push) Canceled after 0s
Publish Tutti App Runtime / Build windows-amd64 (push) Canceled after 0s
Sync Tutti Agent Skills / sync (push) Canceled after 0s
Windows Agent Adapters / Test Windows agent adapters (push) Canceled after 0s
Windows Daemon Adapters / Test Windows daemon adapters (push) Canceled after 0s
Publish Tutti App Runtime / Publish runtime catalog (push) Canceled after 0s
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import { MessageSquareText } from "lucide-react";
|
|
import type { JSX } from "react";
|
|
import { useTranslation } from "../../../i18n/index";
|
|
import type { AgentSelectedTextVM } from "../contracts/agentMessageRowVM";
|
|
|
|
export function AgentSelectedTextChip({
|
|
selectedText
|
|
}: {
|
|
selectedText: AgentSelectedTextVM;
|
|
}): JSX.Element {
|
|
"use memo";
|
|
const { t } = useTranslation();
|
|
const count = selectedText.count;
|
|
const label =
|
|
count === 1
|
|
? t("agentHost.agentGui.selectionReferenceCountOne")
|
|
: t("agentHost.agentGui.selectionReferenceCountMany", {
|
|
count: String(count)
|
|
});
|
|
|
|
return (
|
|
<div
|
|
data-testid="agent-selected-text-chip"
|
|
data-selected-text-count={count}
|
|
className="group inline-flex max-w-full items-center rounded-[10px] border border-[var(--line-1)] bg-[var(--background-fronted)] text-sm font-medium text-[var(--text-primary)]"
|
|
>
|
|
<span className="inline-flex min-w-0 items-center gap-2 rounded-[9px] py-2 pl-3 pr-2">
|
|
<MessageSquareText
|
|
aria-hidden="true"
|
|
className="shrink-0 text-[var(--text-secondary)]"
|
|
size={16}
|
|
strokeWidth={2}
|
|
/>
|
|
<span className="truncate">{label}</span>
|
|
</span>
|
|
</div>
|
|
);
|
|
}
|