LangGraph Integration#
This example demonstrates how to use LangChain LangGraph with assistant-ui. It is meant to be used with the backend found at LangGraph's Stockbroker example: https://github.com/bracesproul/langgraphjs-examples/tree/main/stockbroker
Quick Start#
Using CLI (Recommended)#
npx assistant-ui@latest create my-app --example with-langgraph
cd my-app
Environment Variables#
Create .env.local:
NEXT_PUBLIC_API_URL=https://stockbrokeragent-bracesprouls-projects.vercel.app/api
NEXT_PUBLIC_LANGGRAPH_ASSISTANT_ID=stockbroker
Run#
npm install
npm run dev
Features#
- LangGraph agent integration via
@assistant-ui/react-langgraph - Thread list for conversation management
- Custom tool UI for stock price snapshots
- Custom tool UI for stock purchases