UI¶
You can use a prebuilt chat UI for interacting with any LangGraph agent through the Agent Chat UI. Using the deployed version is the quickest way to get started, and allows you to interact with both local and deployed graphs.
Run agent in UI¶
First, set up LangGraph API server locally or deploy your agent on LangGraph Cloud.
Then, navigate to Agent Chat UI, or clone the repository and run the dev server locally:
Tip
UI has out-of-box support for rendering tool calls, and tool result messages. To customize what messages are shown, see the Hiding Messages in the Chat section in the Agent Chat UI documentation.
Add human-in-the-loop¶
Agent Chat UI has full support for human-in-the-loop workflows. To try it out, replace the agent code in src/agent/graph.py
(from the deployment guide) with this agent implementation:
Important
Agent Chat UI works best if your LangGraph agent interrupts using the HumanInterrupt
schema. If you do not use that schema, the Agent Chat UI will be able to render the input passed to the interrupt
function, but it will not have full support for resuming your graph.
Generative UI¶
You can also use generative UI in the Agent Chat UI.
Generative UI allows you to define React components, and push them to the UI from the LangGraph server. For more documentation on building generative UI LangGraph agents, read these docs.