aevgarik/paperclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enforce agent icon enum and expose via LLM endpoint

Browse Source 
Move icon name list to shared constants with strict enum validation.
Add /llms/agent-icons.txt endpoint, pass icon through hire flow,
and update skills to reference icon discovery step.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Forgotten
2026-02-25 08:39:11 -06:00
parent 9f049aa4f3
commit 1c2873d22a
10 changed files with 113 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
ui/src/components/AgentIconPicker.tsx
View File

@@ -43,6 +43,7 @@ import {
Fingerprint,
type LucideIcon,
} from "lucide-react";
import { AGENT_ICON_NAMES, type AgentIconName } from "@paperclip/shared";
import {
Popover,
PopoverContent,
@@ -51,7 +52,7 @@ import {
import { Input } from "@/components/ui/input";
import { cn } from "@/lib/utils";
export const AGENT_ICONS: Record<string, LucideIcon> = {
export const AGENT_ICONS: Record<AgentIconName, LucideIcon> = {
bot: Bot,
cpu: Cpu,
brain: Brain,
@@ -95,10 +96,13 @@ export const AGENT_ICONS: Record<string, LucideIcon> = {
fingerprint: Fingerprint,
};
const DEFAULT_ICON = "bot";
const DEFAULT_ICON: AgentIconName = "bot";
export function getAgentIcon(iconName: string | null | undefined): LucideIcon {
return AGENT_ICONS[iconName ?? DEFAULT_ICON] ?? AGENT_ICONS[DEFAULT_ICON];
if (iconName && AGENT_ICON_NAMES.includes(iconName as AgentIconName)) {
return AGENT_ICONS[iconName as AgentIconName];
}
return AGENT_ICONS[DEFAULT_ICON];
}
interface AgentIconProps {
@@ -122,9 +126,10 @@ export function AgentIconPicker({ value, onChange, children }: AgentIconPickerPr
const [search, setSearch] = useState("");
const filtered = useMemo(() => {
if (!search) return Object.entries(AGENT_ICONS);
const entries = AGENT_ICON_NAMES.map((name) => [name, AGENT_ICONS[name]] as const);
if (!search) return entries;
const q = search.toLowerCase();
return Object.entries(AGENT_ICONS).filter(([name]) => name.includes(q));
return entries.filter(([name]) => name.includes(q));
}, [search]);
return (

1
ui/src/components/ApprovalPayload.tsx
View File

@@ -31,6 +31,7 @@ export function HireAgentPayload({ payload }: { payload: Record<string, unknown>
</div>
<PayloadField label="Role" value={payload.role} />
<PayloadField label="Title" value={payload.title} />
<PayloadField label="Icon" value={payload.icon} />
{!!payload.capabilities && (
<div className="flex items-start gap-2">
<span className="text-muted-foreground w-20 sm:w-24 shrink-0 text-xs pt-0.5">Capabilities</span>