AI Dashboard Canvas Agent
An agent that populates live charts, metrics, and real-time data into a Canvas dashboard instead of just streaming text. Built with CopilotKit, AG-UI,…
- OpenAI
- Gemini
Generative Interfaces ·Advanced
A deep research assistant that plans, searches the web, writes to a virtual filesystem, and renders each tool call as a live card in a workspace pane. Built with CopilotKit Deep Agents( AG-UI and Tavily( on top of Next.js + LangGraph (Python).
OPENAI_API_KEYTAVILY_API_KEYLicense Apache-2.0 · content curated and maintained by Doutor AI.
A deep research assistant that plans, searches the web, writes to a virtual filesystem, and renders each tool call as a live card in a workspace pane. Built with CopilotKit, Deep Agents, AG-UI, and Tavily on top of Next.js + LangGraph (Python).
https://github.com/user-attachments/assets/68d5729f-91f9-4fd9-a579-cd1a8f4aad8d
Gen UI concept - tool-rendered components with a sidecar workspace. The Deep Agent emits four tools - write_todos, write_file, read_file, and research - and each one renders inline as a status card in the chat while updating a parallel workspace pane (plan, files, expandable tool results). Local React state mirrors the agent's filesystem via useDefaultTool rather than useCoAgent, sidestepping a Python Dict ↔ TypeScript Array type mismatch.
npm install
cd agent
uv venv && source .venv/bin/activate
uv pip install -e .
cd ..
Or with pip:
cd agent
python -m venv .venv && source .venv/bin/activate
pip install -e .
cd ..
.env.example to .env in both the root and agent/ directories, then fill in OPENAI_API_KEY and TAVILY_API_KEY.cd agent
uv run python main.py
npm run dev
Open http://localhost:3000 and ask the assistant to research any topic.
[User asks research question]
↓
Next.js Frontend (CopilotChat + Workspace)
↓
CopilotKit Runtime → LangGraphHttpAgent
↓
Python Backend (FastAPI + AG-UI)
↓
Deep Agent (research_assistant)
├── write_todos (planning, built-in)
├── write_file (filesystem, built-in)
├── read_file (filesystem, built-in)
└── research(query)
└── internal Deep Agent [thread-isolated]
└── internet_search (Tavily)
| Variable | Required | Default | Description |
|---|---|---|---|
OPENAI_API_KEY | Yes | - | Get API key |
TAVILY_API_KEY | Yes | - | Get API key |
OPENAI_MODEL | No | gpt-5.5 | Model to use (gpt-5.5) |
LANGGRAPH_DEPLOYMENT_URL | No | http://localhost:8123 | Backend URL |
SERVER_HOST | No | 0.0.0.0 | Backend host |
SERVER_PORT | No | 8123 | Backend port |
Upstream license applies - see CopilotKit/CopilotKit.
An agent that populates live charts, metrics, and real-time data into a Canvas dashboard instead of just streaming text. Built with CopilotKit, AG-UI,…
A multi-agent financial coach that analyzes your budget, plans your savings, and builds debt-payoff strategies - rendered as interactive UI cards in a…
Drop files - documents or source code - into a chatbot. The agent extracts entities, concepts, and relationships (or modules, classes, functions, and …
Need a tailor-made solution?
Not sure where to start with AI in your business? Get a free assessment and a tailored plan - no commitment.
Doutor AI gives you 1,859 ready-to-copy AI prompts, by industry and in plain English - plus a complete technical library for those who want to go further.