Agent Selector

Dropdown for selecting AI agents with search, category filters, and per-agent descriptions.

Installation

npx shadcn add https://ui.adq.ai/api/r/agent-selector

Usage

import { AgentSelector } from "@/components/chat/agent-selector";
import { useState } from "react";

function MyChat() {
  const [agentId, setAgentId] = useState("master-agent");
  return <AgentSelector value={agentId} onChange={setAgentId} />;
}

Props

Prop	Type	Default	Description
`value`*	`string`	—	The currently selected agent ID.
`onChange`*	`(agentId: string) => void`	—	Callback fired when the user selects a different agent.