Repolode
Enviar
langchain-ai

langchain-ai/agent-chat-ui

Uma interface de chat em Next.js para conversar com qualquer servidor LangGraph que exponha uma chave messages, em Python ou TypeScript.

Ver no GitHubSite
Estrelas
3,237
Forks
694
Issues abertas
90
Último commit
há 3 dias

O que é?

Agent Chat UI é um app web em Next.js que se conecta a um servidor LangGraph e permite conversar com o agente hospedado nele. Basta informar a URL de uma implantação e o ID de um assistant ou graph para enviar mensagens e exibir as respostas transmitidas em tempo real em uma interface de chat. Ele funciona com servidores LangGraph escritos em Python ou TypeScript, desde que o grafo use uma chave messages.

Além do chat básico, o app pode ocultar mensagens da interface usando uma tag de streaming no modelo ou um prefixo de ID do-not-render, e exibir artifacts em um painel lateral ao lado da conversa. A configuração pode ser feita por um formulário na tela ou por variáveis de ambiente que dispensam o formulário. Há uma demo implantada disponível, e uma cópia local pode ser executada com pnpm dev.

Para produção, o projeto inclui uma rota de repasse de API que adiciona uma chave de API do LangSmith no servidor, para que os usuários finais não precisem de uma. A documentação alerta que essa rota não autentica quem faz as chamadas; por isso, recomenda configurar autenticação personalizada na implantação do LangGraph antes de colocar o sistema em produção.

Recursos principais

  • 01Conversa com qualquer servidor LangGraph que tenha uma chave messages, em Python ou TypeScript.
  • 02Pode ser configurado por um formulário na tela ou por variáveis de ambiente.
  • 03Oculta mensagens da interface, durante o streaming ou permanentemente.
  • 04Exibe artifacts em um painel lateral ao lado do chat.
  • 05Inclui uma rota de repasse de API que mantém a chave de API do LangSmith no servidor.

Casos de uso

  • Testar um agente LangGraph durante o desenvolvimento por meio de uma interface de chat pronta.
  • Oferecer à equipe uma interface web para um agente LangGraph interno.
  • Começar a criar uma interface de chat personalizada a partir de um exemplo funcional em Next.js.

Início rápido

  1. 1

    Crie o projeto com o comando npx

    npx create-agent-chat-app
  2. 2

    Instale as dependências com pnpm

    pnpm install
  3. 3

    Execute o app e abra http://localhost:3000

    pnpm dev

Antes de usar

  • Para se conectar a servidores LangGraph implantados, é necessária uma chave de API do LangSmith.
  • O README alerta que a configuração de API passthrough não autentica quem faz as chamadas e precisa ser protegida antes da implantação.

Tópicos

#langgraph#chat-ui#nextjs#typescript#llm#agent#react#chat

Perguntas frequentes

O que é agent-chat-ui?
Uma interface de chat em Next.js para conversar com qualquer servidor LangGraph que exponha uma chave messages, em Python ou TypeScript. Agent Chat UI é um app web em Next.js que se conecta a um servidor LangGraph e permite conversar com o agente hospedado nele. Basta informar a URL de uma implantação e o ID de um assistant ou graph para enviar mensagens e exibir as respostas transmitidas em tempo real em uma interface de chat. Ele funciona com servidores LangGraph escritos em Python ou TypeScript, desde que o grafo use uma chave messages.
agent-chat-ui é gratuito? Qual é a licença?
agent-chat-ui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
agent-chat-ui ainda é mantido?
Manutenção ativa. O último commit de agent-chat-ui foi em 19 de out. de 2026.
Para que posso usar agent-chat-ui?
Testar um agente LangGraph durante o desenvolvimento por meio de uma interface de chat pronta. Oferecer à equipe uma interface web para um agente LangGraph interno. Começar a criar uma interface de chat personalizada a partir de um exemplo funcional em Next.js.
Como instalar agent-chat-ui?
Crie o projeto com o comando npx: npx create-agent-chat-app Instale as dependências com pnpm: pnpm install Execute o app e abra http://localhost:3000: pnpm dev
Onde consigo agent-chat-ui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/langchain-ai/agent-chat-ui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados