Chat com vários agentes
Uma interface completa para produtos agentes. Traga agentes em conversas individuais ou em grupo, dê a cada um uma uma identidade distinta, e conecte o espaço de trabalho ao seu próprio serviço de resposta. Inclui avatars animados, um criador de agente reutilizável, um mercado de plugins e gravação automática de navegadores.
Instalação
Multi-agent Chat é um modelo BoardUI Pro.
Modo escuro pronto - este modelo segue tokens semânticos BoardUI automaticamente. Configurar a mudança de tema.
Usando um pacote de UI compartilhado ou aliases de importação personalizados? Configure seus caminhos de instalação antes de executar o CLI. Exemplos de copy-paste usam as importações padrão.
O que está incluído
Dez agentes, sete conversas iniciais, conversas individuais e de grupo, uma barra lateral de conversação pesquisável, pinning, renomeação, edição de grupo e menus de contexto compactos. A área de trabalho inclui o compositor, um mercado de tabulação, configurações, controles de tema e um editor de agente responsivo. Fonte, dados de demonstração e os componentes que dependem do envio com o modelo.
Conversas que se sentem conectadas
Selecione agentes como comprimidos compactos e assista seus avatars reunir. Iniciando um grupo carrega esse cluster do coletor para o chat. Com a primeira mensagem, os agentes esperantes seguem arcos escalonados no crachá de conversa enquanto o avatar responde se instala em seu estado de pensamento. As preferências de movimento reduzido pulam as animações de viagem.
Um criador de agentes que você pode reutilizar
Personalize nomes, descrições, formas de avatar, expressões, cores, vozes e velocidade de reprodução. A mesma barra lateral está disponível como uma autônoma Bloco de criação de agentes, com estado controlado para sua própria aplicativo.
Avatares animados
Os Avatares partilham um renderizador de tela leve. Os olhos vagueiam e piscam de forma independente, as formas transformam-se juntamente com a sua camada dobrada e as preferências de movimento reduzido são respeitadas. O seletor de emoções repete- se à medida que você rola e suporta as teclas de seta.
import { AgentAvatar } from "@/components/application/agent-avatar/agent-avatar";import { FOLD_CONFIG } from "@/components/application/agent-avatar/model";
<AgentAvatar config={{ ...FOLD_CONFIG, foldShape: "slender", foldDepth: 15, lookAt: "wander" }} size={162} />Conecte seus agentes
A antevisão usa as respostas de amostra marcadas. Supply onRespond para conectar seu serviço; cada participante recebe a conversação e um sinal de abortamento. Implemente o endpoint de exemplo em sua aplicativo. Use initialWorkspace para os seus próprios agentes e conversas iniciais, e defaultEditorId={null} para começar com o editor fechado. storageKey para uma chave personalizada, ou null para desativar a persistência do navegador.
"use client";import { MultiAgentChat } from "@/components/application/multi-agent-chat/multi-agent-chat";
export function Chat() { return <MultiAgentChat onRespond={async (agent, messages, signal) => { const response = await fetch("/api/agents/respond", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ agent, messages }), signal, }); if (!response.ok) throw new Error("Agent response failed"); const data = await response.json(); return data.text; }} />;}Mercado e configurações
Descubra bots e plugins, procure páginas de detalhes e gerencie o que está instalado. A instalação do Marketplace é uma demonstração local; conecte sua própria conta e fluxos de permissão para integrações reais. Preferências e conversas salvam no navegador por padrão.