Agent Chat UI

import agent_chat_ui from '/snippets/oss/agent-chat-ui.mdx';

<agent_chat_ui />

Connect to your agent

Agent Chat UI can connect to both local (opens in a new tab) and deployed agents (opens in a new tab).

After starting Agent Chat UI, you'll need to configure it to connect to your agent:

1. Graph ID: Enter your graph name (find this under graphs in your langgraph.json file)
2. Deployment URL: Your Agent server's endpoint (e.g., http://localhost:2024 for local development, or your deployed agent's URL)
3. LangSmith API key (optional): Add your LangSmith API key (not required if you're using a local Agent server)

Once configured, Agent Chat UI will automatically fetch and display any interrupted threads from your agent.

Agent Chat UI has out-of-the-box support for rendering tool calls and tool result messages. To customize what messages are shown, see Hiding Messages in the Chat (opens in a new tab).