Skip to content

Tags: CopilotKit/Generative-UI-Global-Hackathon-Starter-Kit

Tags

Asset

Toggle Asset's commit message
feat: v2a Notion lead-form starter — chart + kanban canvas with Copil…

…otKit v2

A working CopilotKit v2 + LangGraph + Notion-MCP starter for the
Generative UI hackathon. The leads canvas pairs a workshop-demand chart
+ status donut with a 3-status kanban; the chat sidebar drives the canvas
through frontend tools and exposes two CopilotKit gen-UI patterns
side-by-side.

Stack
- apps/frontend  Next.js 15 + React 19 canvas (port 3010)
- apps/bff       Hono runtime broker (port 4010)
- apps/agent     LangGraph deep agent — Gemini 3 Pro by default (port 8133)
- apps/mcp       mcp-use server with widgets (port 3011)

Tool surface
- State mutators: setHeader, setLeads, setSyncMeta, setFilter,
  clearFilters, highlightLeads, selectLead, commitLeadEdit
- Controlled gen UI: renderLeadMiniCard, renderWorkshopDemand,
  renderEmailDraft (HITL)
- Open gen UI: useDefaultRenderTool wildcard + ToolFallbackCard

Notion integration goes through the official @notionhq/notion-mcp-server
spawned on demand — single integration token, per-database share, no
OAuth broker. fetch_notion_leads imports + applies in one Command;
update_notion_lead and insert_notion_lead persist with optimistic UI;
post_lead_comment posts approved email drafts as Notion comments.

Falls back to a bundled local JSON store (50 starter leads) when Notion
isn't configured, so the kit boots cleanly out of the box.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>