Integration overview
How it connects to OpenUI
The @openuidev/langchain package transforms LangGraph protocol-v2 events into AG-UI on the server, then agUIAdapter() consumes the stream in AgentInterface. If your backend already returns native LangGraph named-event SSE, use the bundled langGraphAdapter() and langGraphMessageFormat instead.
The integration path
- 1
Describe the interface
Generate a component prompt from the same OpenUI library that will render the response.
- 2
Stream structured output
Let LangChain & LangGraph own its part of the stack while OpenUI Lang travels as incremental text or mapped agent events.
- 3
Render and interact
Parse the stream with the matching OpenUI runtime, render real components, and return validated actions to the application.
Start here
Install or scaffold
npm install @openuidev/langchain @langchain/langgraphWhat stays consistent
One schema for prompting and rendering
Progressive rendering while output streams
Typed components instead of arbitrary markup
Host application retains its runtime behavior