examples/v1/research-canvas/readme.md
This example demonstrates a research canvas UI.
Live demo: https://copilotkit.ai/examples/canvas-research
Tutorial Video:
These instructions assume you are in the coagents-research-canvas/ directory
First, install the backend dependencies:
cd agent-py
poetry install
cd agent-js
pnpm install
Then, create a .env file inside ./agent-py or ./agent-js with the following:
OPENAI_API_KEY=...
TAVILY_API_KEY=...
LANGSMITH_API_KEY=...(JS ONLY)
⚠️ IMPORTANT: Make sure the OpenAI API Key you provide, supports gpt-4o.
Then, run the demo:
poetry run demo
First, install the dependencies:
cd ./ui
pnpm i
Then, create a .env file inside ./ui with the following:
OPENAI_API_KEY=...
Then, run the Next.js project:
pnpm run dev
⚠️ IMPORTANT:
If you're using the JS agent, follow the steps and uncomment the code inside the app/api/copilotkit/route.ts, remoteEndpoints action:
//const runtime = new CopilotRuntime({
// remoteEndpoints: [
// Uncomment this if you want to use LangGraph JS, make sure to
// remove the remote action url below too.
//
// langGraphPlatformEndpoint({
// deploymentUrl: "http://localhost:8123",
// langsmithApiKey: process.env.LANGSMITH_API_KEY || "", // only used in LangGraph Platform deployments
// agents: [{
// name: "research_agentt",
// description: "Research agent"
// }]
// }),
// ],
//});
Next for JS run these commands:
npx @langchain/langgraph-cli dev --host localhost --port 8123npx copilotkit@latest dev --port 8123Navigate to http://localhost:3000.
Run LangGraph studio, then load the ./agent-py folder into it.
A few things to try if you are running into trouble:
/agent/research_canvas/demo.py, change 0.0.0.0 to 127.0.0.1 or to localhost