CopilotKit
https://docs.copilotkit.ai/
https://github.com/copilotkit/copilotkit
What is CopilotKit?
CopilotKit is the easiest way to add AI copilots - intelligent, context-aware assistants - into your app.
CopilotKit connects your app's logic, state, and user context to the AI agents that deliver the animated and interactive part of your app experience — across both embedded UIs and fully headless interfaces. It gives you the tools to build, deploy, and monitor AI-assisted features that feel intuitive, helpful, and deeply integrated.
By decoupling your application from any specific model or agent architecture, CopilotKit gives you the freedom to evolve your AI stack without rethinking your user experience.
langgraph集成
https://docs.copilotkit.ai/langgraph/quickstart?path=code-along&lg-deployment-type=Self+hosted+%28FastAPI%29&copilot-hosting=self-hosted
例子
https://github.com/CopilotKit/canvas-with-langgraph-python
This is a starter template for building AI-powered canvas applications using LangGraph and CopilotKit. It provides a modern Next.js application with an integrated LangGraph agent that manages a visual canvas of interactive cards with real-time AI synchronization.
Key Features
- Visual Canvas Interface: Drag-free canvas displaying cards in a responsive grid layout
- Four Card Types:
- Project: Includes text fields, dropdown, date picker, and checklist
- Entity: Features text fields, dropdown, and multi-select tags
- Note: Simple rich text content area
- Chart: Visual metrics with percentage-based bar charts
- Real-time AI Sync: Bidirectional synchronization between the AI agent and UI canvas
- Multi-step Planning: AI can create and execute plans with visual progress tracking
- Human-in-the-Loop (HITL): Intelligent interrupts for clarification when needed
- JSON View: Toggle between visual canvas and raw JSON state
- Responsive Design: Optimized for both desktop (sidebar chat) and mobile (popup chat)
 游记)
