AGENTS UI
Componentes reutilizáveis para interfaces de agentes de IA — LiveKit · Real-time · Voice AI · Multimodal
O AgentSessionProvider envolve toda a interface do agente, fornecendo contexto de sessão e renderização de áudio.
<AgentSessionProvider session={agentSession}>
<AgentControlBar />
<AgentChatTranscript
agentState={agentState}
messages={chatMessages}
/>
</AgentSessionProvider>UseSessionReturn — obrigatório
number — volume do audio renderer
boolean — silenciar renderer
Controles individuais para microfone, câmera e compartilhamento de tela. Suporte a estados controlado/não-controlado e ícones automáticos por source.
Botão de desconexão que encerra a sessão do agente. Usa o contexto de sessão para chamar end().
Indicador animado de "thinking" para o chat do agente. Spring animation com repeat infinito.
Exibe histórico de conversa entre usuário e agente. Inclui scroll automático, timestamps e indicador de thinking. Construído sobre primitivos ai-elements.
AgentState — controla indicador
ReceivedMessage[] — histórico
Scroll automático ao bottom
5 variantes de visualização de áudio que reagem ao estado do agente e ao volume em tempo real.
Componente base shadcn/ui Toggle — dependência dos agents-ui. Usa Radix Toggle primitive.