# open-research-ANA ๐Ÿ” This demo showcases ANA (Agent Native Application), a research canvas app that combines Human-in-the-Loop capabilities with [Tavily's](https://tavily.com/) real-time search and [CopilotKit's](https://copilotkit.ai) agentic interface. Powered by [LangGraph](https://www.langchain.com/langgraph), it simplifies complex research tasks, making them more interactive and efficient.

Explore the CopilotKit docs ยป

![tavily-demo](https://github.com/user-attachments/assets/70c7db1b-de5b-4fb2-b447-09a3a1b78d73) ## Quick Start ๐Ÿš€ ### 1. Prerequisites This projects uses the following tools: - [pnpm](https://pnpm.io/installation) - [Docker](https://docs.docker.com/get-docker/) - [Langgraph CLI](https://langchain-ai.github.io/langgraph/cloud/reference/cli/) ### 2. API Keys Needed Running locally, you'll need the following API keys: - [OpenAI](https://platform.openai.com/api-keys) - [Tavily](https://tavily.com/#pricing) - [LangSmith](https://docs.smith.langchain.com/administration/how_to_guides/organization_management/create_account_api_key) - [CopilotKit](https://dashboard.operations.copilotkit.ai) ### 3. Start the Agent There are two main components to this project: the agent and the frontend. First, we'll start the agent. ```bash 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:8123) ``` ### 4. Open a tunnel to your local agent Create a tunnel to your local agent: ```bash npx copilotkit@latest dev --port 8123 ``` ### 5. Start the Frontend Next, we'll start the frontend. ```bash 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 ``` ## Documentation ๐Ÿ“š - [CopilotKit Docs](https://docs.copilotkit.ai/coagents) - [LangGraph Platform Docs](https://langchain-ai.github.io/langgraph/cloud/deployment/cloud/) --- > **Note:** This project has been consolidated into the [CopilotKit monorepo](https://github.com/CopilotKit/CopilotKit). > The latest version lives at [`examples/showcases/research-canvas`](https://github.com/CopilotKit/CopilotKit/tree/main/examples/showcases/research-canvas). > Please open issues and pull requests in the [main CopilotKit repository](https://github.com/CopilotKit/CopilotKit).