This demo showcases ANA (Agent Native Application), a research canvas app that combines Human-in-the-Loop capabilities with Tavily's real-time search and CopilotKit's agentic interface.
Powered by LangGraph, it simplifies complex research tasks, making them more interactive and efficient.
Explore the CopilotKit docs Β»
This projects uses the following tools:
Running locally, you'll need the following API keys:
There are two main components to this project: the agent and the frontend. First, we'll start the agent.
cd agent
# Create and populate .env
cat << EOF > .env
OPENAI_API_KEY=your_key
TAVILY_API_KEY=your_key
LANGSMITH_API_KEY=your_key
EOF
# Start the agent
langgraph up
# Note the API URL from the output (e.g., http://localhost:8000)
Create a tunnel to your local agent:
npx copilotkit@latest dev --port 8000
Next, we'll start the frontend.
cd frontend
pnpm install
# Create and populate .env
cat << EOF > .env
OPENAI_API_KEY=your_openai_key
LANGSMITH_API_KEY=your_langsmith_key
NEXT_PUBLIC_COPILOT_CLOUD_API_KEY=your_copilot_cloud_key
EOF
# Start the app
pnpm run dev