[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-copilotkit-copilotkit-upgrade":3,"mdc-sjnh56-key":51,"related-org-copilotkit-copilotkit-upgrade":1996,"related-repo-copilotkit-copilotkit-upgrade":2169},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":20,"repoUrl":21,"updatedAt":22,"license":23,"forks":24,"topics":25,"repo":46,"sourceUrl":49,"mdContent":50},"copilotkit-upgrade","migrate CopilotKit applications to v2","Use when migrating a CopilotKit v1 application to v2 -- updating package imports, replacing deprecated hooks and components, switching from GraphQL runtime to AG-UI protocol runtime, and resolving breaking API changes.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"copilotkit","CopilotKit","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fcopilotkit.png",[12,14,17],{"name":9,"slug":8,"type":13},"tag",{"name":15,"slug":16,"type":13},"Migration","migration",{"name":18,"slug":19,"type":13},"Engineering","engineering",35928,"https:\u002F\u002Fgithub.com\u002FCopilotKit\u002FCopilotKit","2026-07-12T08:06:26.949801",null,4434,[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],"agent","agent-native","agentic-ai","agents","ai","ai-agent","ai-assistant","assistant","assistant-chat-bots","copilot","copilot-chat","generative-ui","js","llm","nextjs","open-source","react","reactjs","ts","typescript",{"repoUrl":21,"stars":20,"forks":24,"topics":47,"description":48},[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],"The Frontend Stack for Agents & Generative UI. React, Angular, Mobile, Slack, and more.  Makers of the AG-UI Protocol","https:\u002F\u002Fgithub.com\u002FCopilotKit\u002FCopilotKit\u002Ftree\u002FHEAD\u002Fskills\u002Fcopilotkit-upgrade","---\nname: copilotkit-upgrade\ndescription: \"Use when migrating a CopilotKit v1 application to v2 -- updating package imports, replacing deprecated hooks and components, switching from GraphQL runtime to AG-UI protocol runtime, and resolving breaking API changes.\"\nversion: 1.0.1\n---\n\n# CopilotKit v1 to v2 Migration Skill\n\n## Live Documentation (MCP)\n\nThis plugin includes an MCP server (`copilotkit-docs`) that provides `search-docs` and `search-code` tools for querying live CopilotKit documentation and source code. Useful for looking up current v2 API signatures during migration.\n\n- **Claude Code:** Auto-configured by the plugin's `.mcp.json` -- no setup needed.\n- **Codex:** Requires manual configuration. See the [copilotkit-debug skill](..\u002Fcopilotkit-debug\u002FSKILL.md#mcp-setup) for setup instructions.\n\n## Overview\n\nCopilotKit v2 is a ground-up rewrite built on the AG-UI protocol (`@ag-ui\u002Fclient` \u002F `@ag-ui\u002Fcore`). Users continue to install and import `@copilotkit\u002F*` packages -- the v2 changes are exposed through the same package names (under their `\u002Fv2` subpaths) with updated APIs (new hook names, component names, runtime configuration). The underlying `@ag-ui\u002F*` packages are an internal implementation detail re-exported through `@copilotkit\u002Freact-core\u002Fv2`, so users never need to install them directly.\n\n## Migration Workflow\n\n### 1. Audit Current Usage\n\nScan the codebase for all v1 imports and API usage:\n\n```\n@copilotkit\u002Freact-core    -> hooks, CopilotKit provider, types\n@copilotkit\u002Freact-ui      -> CopilotChat, CopilotPopup, CopilotSidebar\n@copilotkit\u002Freact-textarea -> CopilotTextarea (removed in v2)\n@copilotkit\u002Fruntime       -> CopilotRuntime, service adapters, framework integrations\n@copilotkit\u002Fruntime-client-gql -> GraphQL client, message types\n@copilotkit\u002Fshared         -> utility types, constants\n@copilotkit\u002Fsdk-js         -> LangGraph\u002FLangChain SDK\n```\n\n### 2. Identify Deprecated APIs\n\nKey hooks and components to find and replace:\n\n| v1 API                             | v2 Replacement                                             |\n| ---------------------------------- | ---------------------------------------------------------- |\n| `useCopilotAction`                 | `useFrontendTool`                                          |\n| `useCopilotReadable`               | `useAgentContext`                                          |\n| `useCopilotChat`                   | `useAgent`                                                 |\n| `useCoAgent`                       | `useAgent`                                                 |\n| `useCoAgentStateRender`            | `useRenderTool` \u002F `useRenderActivityMessage`               |\n| `useCopilotContext`                | `useCopilotKit` (from `@copilotkit\u002Freact-core\u002Fv2\u002Fcontext`) |\n| `useLangGraphInterrupt`            | `useInterrupt`                                             |\n| `useCopilotChatSuggestions`        | `useConfigureSuggestions` + `useSuggestions`               |\n| `useCopilotAdditionalInstructions` | `useAgentContext`                                          |\n| `useMakeCopilotDocumentReadable`   | `useAgentContext`                                          |\n| `CopilotKit` (root import)         | `CopilotKit` (from `@copilotkit\u002Freact-core\u002Fv2`)            |\n| `CopilotTextarea`                  | Removed -- use standard textarea + `useFrontendTool`       |\n\n### 3. Map to v2 Equivalents\n\nRefer to `references\u002Fv1-to-v2-migration.md` for detailed before\u002Fafter code examples.\n\n### 4. Update Package Dependencies\n\nThe `@copilotkit\u002F*` package names stay the same. v2 does **not** introduce new package names -- the v2 APIs ship from the **`\u002Fv2` subpath** of the existing packages (`@copilotkit\u002Freact-core\u002Fv2`, `@copilotkit\u002Fruntime\u002Fv2`). There is no `@copilotkit\u002Freact` or `@copilotkit\u002Fagent` package. Update to the latest v2 versions:\n\n```\n@copilotkit\u002Freact-core         -> @copilotkit\u002Freact-core (v2 symbols under the \u002Fv2 subpath)\n@copilotkit\u002Freact-ui           -> chat components move to @copilotkit\u002Freact-core\u002Fv2; react-ui contributes only styles in v2\n@copilotkit\u002Freact-textarea     -> removed (no v2 equivalent)\n@copilotkit\u002Fruntime            -> @copilotkit\u002Fruntime (v2 symbols under the \u002Fv2 subpath)\n@copilotkit\u002Fruntime-client-gql -> removed (replaced by AG-UI protocol; @ag-ui\u002Fclient types are re-exported from @copilotkit\u002Freact-core\u002Fv2)\n@copilotkit\u002Fshared             -> @copilotkit\u002Fshared (same package)\n@copilotkit\u002Fsdk-js             -> removed (BuiltInAgent now ships from @copilotkit\u002Fruntime\u002Fv2)\n```\n\n### 5. Update Runtime Configuration\n\nThe v1 `CopilotRuntime` accepted service adapters (OpenAI, Anthropic, LangChain, etc.) and endpoint definitions. The v2 `CopilotRuntime` accepts AG-UI `AbstractAgent` instances directly.\n\n**v1 pattern** (service adapter + endpoints):\n\n```ts\nimport { CopilotRuntime, OpenAIAdapter } from \"@copilotkit\u002Fruntime\";\nconst runtime = new CopilotRuntime({ actions: [...] });\n\u002F\u002F used with framework handlers like copilotRuntimeNextJSAppRouterEndpoint() (Next.js), etc.\n```\n\n**v2 pattern** (agents + Hono endpoint):\n\n```ts\nimport {\n  CopilotRuntime,\n  BuiltInAgent,\n  createCopilotHonoHandler,\n} from \"@copilotkit\u002Fruntime\u002Fv2\";\nconst runtime = new CopilotRuntime({\n  agents: { myAgent: new BuiltInAgent({ model: \"openai\u002Fgpt-4o\" }) },\n});\nconst app = createCopilotHonoHandler({ runtime, basePath: \"\u002Fapi\u002Fcopilotkit\" });\n```\n\n> Use `createCopilotHonoHandler` (from `@copilotkit\u002Fruntime\u002Fv2`) as the canonical Hono endpoint factory. `createCopilotEndpoint` is a **deprecated** alias for it -- avoid it in new code. For Express, use `createCopilotExpressHandler` from `@copilotkit\u002Fruntime\u002Fv2\u002Fexpress` (`createCopilotEndpointExpress` is its deprecated alias).\n\n### 6. Update Provider\n\nThe provider component keeps the name `CopilotKit` -- only the import path changes. The package root (`@copilotkit\u002Freact-core`) is the legacy v1 provider; the `\u002Fv2` subpath is the migration target.\n\n**v1 (root import):**\n\n```tsx\nimport { CopilotKit } from \"@copilotkit\u002Freact-core\";\n\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\">{children}\u003C\u002FCopilotKit>;\n```\n\n**v2 (`\u002Fv2` import):**\n\n```tsx\nimport { CopilotKit } from \"@copilotkit\u002Freact-core\u002Fv2\";\n\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\">{children}\u003C\u002FCopilotKit>;\n```\n\n> **Note:** `@copilotkit\u002Freact-core\u002Fv2` also exports a `CopilotKitProvider` component. Do **not** migrate to it -- it is a functionality subset of `CopilotKit`, which is the compatibility bridge across v1 and v2 and accepts every `CopilotKitProvider` prop.\n\n### 7. Verify\n\n- Run the application and check for runtime errors\n- Verify all agent interactions work (chat, tool calls, interrupts)\n- Check that tool renderers display correctly\n- Confirm suggestions load and display\n\n## Quick Reference\n\n| Concept              | v1                                              | v2                                                                                 |\n| -------------------- | ----------------------------------------------- | ---------------------------------------------------------------------------------- |\n| Package scope        | `@copilotkit\u002F*`                                 | `@copilotkit\u002F*` (same scope, updated APIs)                                         |\n| Protocol             | GraphQL                                         | AG-UI (SSE)                                                                        |\n| Provider component   | `CopilotKit` (from `@copilotkit\u002Freact-core`)    | `CopilotKit` (from `@copilotkit\u002Freact-core\u002Fv2`)                                    |\n| Define frontend tool | `useCopilotAction`                              | `useFrontendTool`                                                                  |\n| Share app state      | `useCopilotReadable`                            | `useAgentContext`                                                                  |\n| Agent interaction    | `useCoAgent`                                    | `useAgent`                                                                         |\n| Handle interrupts    | `useLangGraphInterrupt`                         | `useInterrupt`                                                                     |\n| Render tool calls    | `useCopilotAction({ render })`                  | `useFrontendTool({ render })` or `useRenderTool` (render-only)                     |\n| Chat suggestions     | `useCopilotChatSuggestions`                     | `useConfigureSuggestions`                                                          |\n| Runtime class        | `CopilotRuntime` (adapters)                     | `CopilotRuntime` (agents, from `@copilotkit\u002Fruntime\u002Fv2`)                           |\n| Endpoint setup       | `copilotRuntimeNextJSAppRouterEndpoint()`       | `createCopilotHonoHandler()` (`createCopilotEndpoint` is a deprecated alias)       |\n| Agent definition     | `LangGraphAgent` endpoint                       | `AbstractAgent` \u002F `BuiltInAgent` (from `@copilotkit\u002Fruntime\u002Fv2`)                   |\n| Chat components      | `CopilotChat`, `CopilotPopup`, `CopilotSidebar` | `CopilotChat`, `CopilotPopup`, `CopilotSidebar` (from `@copilotkit\u002Freact-core\u002Fv2`) |\n",{"data":52,"body":54},{"name":4,"description":6,"version":53},"1.0.1",{"type":55,"children":56},"root",[57,66,73,104,147,153,206,212,219,224,236,242,247,557,563,576,582,644,653,659,687,697,859,869,1155,1217,1223,1250,1258,1365,1380,1477,1525,1531,1554,1560,1990],{"type":58,"tag":59,"props":60,"children":62},"element","h1",{"id":61},"copilotkit-v1-to-v2-migration-skill",[63],{"type":64,"value":65},"text","CopilotKit v1 to v2 Migration Skill",{"type":58,"tag":67,"props":68,"children":70},"h2",{"id":69},"live-documentation-mcp",[71],{"type":64,"value":72},"Live Documentation (MCP)",{"type":58,"tag":74,"props":75,"children":76},"p",{},[77,79,86,88,94,96,102],{"type":64,"value":78},"This plugin includes an MCP server (",{"type":58,"tag":80,"props":81,"children":83},"code",{"className":82},[],[84],{"type":64,"value":85},"copilotkit-docs",{"type":64,"value":87},") that provides ",{"type":58,"tag":80,"props":89,"children":91},{"className":90},[],[92],{"type":64,"value":93},"search-docs",{"type":64,"value":95}," and ",{"type":58,"tag":80,"props":97,"children":99},{"className":98},[],[100],{"type":64,"value":101},"search-code",{"type":64,"value":103}," tools for querying live CopilotKit documentation and source code. Useful for looking up current v2 API signatures during migration.",{"type":58,"tag":105,"props":106,"children":107},"ul",{},[108,128],{"type":58,"tag":109,"props":110,"children":111},"li",{},[112,118,120,126],{"type":58,"tag":113,"props":114,"children":115},"strong",{},[116],{"type":64,"value":117},"Claude Code:",{"type":64,"value":119}," Auto-configured by the plugin's ",{"type":58,"tag":80,"props":121,"children":123},{"className":122},[],[124],{"type":64,"value":125},".mcp.json",{"type":64,"value":127}," -- no setup needed.",{"type":58,"tag":109,"props":129,"children":130},{},[131,136,138,145],{"type":58,"tag":113,"props":132,"children":133},{},[134],{"type":64,"value":135},"Codex:",{"type":64,"value":137}," Requires manual configuration. See the ",{"type":58,"tag":139,"props":140,"children":142},"a",{"href":141},"..\u002Fcopilotkit-debug\u002FSKILL.md#mcp-setup",[143],{"type":64,"value":144},"copilotkit-debug skill",{"type":64,"value":146}," for setup instructions.",{"type":58,"tag":67,"props":148,"children":150},{"id":149},"overview",[151],{"type":64,"value":152},"Overview",{"type":58,"tag":74,"props":154,"children":155},{},[156,158,164,166,172,174,180,182,188,190,196,198,204],{"type":64,"value":157},"CopilotKit v2 is a ground-up rewrite built on the AG-UI protocol (",{"type":58,"tag":80,"props":159,"children":161},{"className":160},[],[162],{"type":64,"value":163},"@ag-ui\u002Fclient",{"type":64,"value":165}," \u002F ",{"type":58,"tag":80,"props":167,"children":169},{"className":168},[],[170],{"type":64,"value":171},"@ag-ui\u002Fcore",{"type":64,"value":173},"). Users continue to install and import ",{"type":58,"tag":80,"props":175,"children":177},{"className":176},[],[178],{"type":64,"value":179},"@copilotkit\u002F*",{"type":64,"value":181}," packages -- the v2 changes are exposed through the same package names (under their ",{"type":58,"tag":80,"props":183,"children":185},{"className":184},[],[186],{"type":64,"value":187},"\u002Fv2",{"type":64,"value":189}," subpaths) with updated APIs (new hook names, component names, runtime configuration). The underlying ",{"type":58,"tag":80,"props":191,"children":193},{"className":192},[],[194],{"type":64,"value":195},"@ag-ui\u002F*",{"type":64,"value":197}," packages are an internal implementation detail re-exported through ",{"type":58,"tag":80,"props":199,"children":201},{"className":200},[],[202],{"type":64,"value":203},"@copilotkit\u002Freact-core\u002Fv2",{"type":64,"value":205},", so users never need to install them directly.",{"type":58,"tag":67,"props":207,"children":209},{"id":208},"migration-workflow",[210],{"type":64,"value":211},"Migration Workflow",{"type":58,"tag":213,"props":214,"children":216},"h3",{"id":215},"_1-audit-current-usage",[217],{"type":64,"value":218},"1. Audit Current Usage",{"type":58,"tag":74,"props":220,"children":221},{},[222],{"type":64,"value":223},"Scan the codebase for all v1 imports and API usage:",{"type":58,"tag":225,"props":226,"children":230},"pre",{"className":227,"code":229,"language":64},[228],"language-text","@copilotkit\u002Freact-core    -> hooks, CopilotKit provider, types\n@copilotkit\u002Freact-ui      -> CopilotChat, CopilotPopup, CopilotSidebar\n@copilotkit\u002Freact-textarea -> CopilotTextarea (removed in v2)\n@copilotkit\u002Fruntime       -> CopilotRuntime, service adapters, framework integrations\n@copilotkit\u002Fruntime-client-gql -> GraphQL client, message types\n@copilotkit\u002Fshared         -> utility types, constants\n@copilotkit\u002Fsdk-js         -> LangGraph\u002FLangChain SDK\n",[231],{"type":58,"tag":80,"props":232,"children":234},{"__ignoreMap":233},"",[235],{"type":64,"value":229},{"type":58,"tag":213,"props":237,"children":239},{"id":238},"_2-identify-deprecated-apis",[240],{"type":64,"value":241},"2. Identify Deprecated APIs",{"type":58,"tag":74,"props":243,"children":244},{},[245],{"type":64,"value":246},"Key hooks and components to find and replace:",{"type":58,"tag":248,"props":249,"children":250},"table",{},[251,270],{"type":58,"tag":252,"props":253,"children":254},"thead",{},[255],{"type":58,"tag":256,"props":257,"children":258},"tr",{},[259,265],{"type":58,"tag":260,"props":261,"children":262},"th",{},[263],{"type":64,"value":264},"v1 API",{"type":58,"tag":260,"props":266,"children":267},{},[268],{"type":64,"value":269},"v2 Replacement",{"type":58,"tag":271,"props":272,"children":273},"tbody",{},[274,296,317,338,358,386,417,438,467,487,507,535],{"type":58,"tag":256,"props":275,"children":276},{},[277,287],{"type":58,"tag":278,"props":279,"children":280},"td",{},[281],{"type":58,"tag":80,"props":282,"children":284},{"className":283},[],[285],{"type":64,"value":286},"useCopilotAction",{"type":58,"tag":278,"props":288,"children":289},{},[290],{"type":58,"tag":80,"props":291,"children":293},{"className":292},[],[294],{"type":64,"value":295},"useFrontendTool",{"type":58,"tag":256,"props":297,"children":298},{},[299,308],{"type":58,"tag":278,"props":300,"children":301},{},[302],{"type":58,"tag":80,"props":303,"children":305},{"className":304},[],[306],{"type":64,"value":307},"useCopilotReadable",{"type":58,"tag":278,"props":309,"children":310},{},[311],{"type":58,"tag":80,"props":312,"children":314},{"className":313},[],[315],{"type":64,"value":316},"useAgentContext",{"type":58,"tag":256,"props":318,"children":319},{},[320,329],{"type":58,"tag":278,"props":321,"children":322},{},[323],{"type":58,"tag":80,"props":324,"children":326},{"className":325},[],[327],{"type":64,"value":328},"useCopilotChat",{"type":58,"tag":278,"props":330,"children":331},{},[332],{"type":58,"tag":80,"props":333,"children":335},{"className":334},[],[336],{"type":64,"value":337},"useAgent",{"type":58,"tag":256,"props":339,"children":340},{},[341,350],{"type":58,"tag":278,"props":342,"children":343},{},[344],{"type":58,"tag":80,"props":345,"children":347},{"className":346},[],[348],{"type":64,"value":349},"useCoAgent",{"type":58,"tag":278,"props":351,"children":352},{},[353],{"type":58,"tag":80,"props":354,"children":356},{"className":355},[],[357],{"type":64,"value":337},{"type":58,"tag":256,"props":359,"children":360},{},[361,370],{"type":58,"tag":278,"props":362,"children":363},{},[364],{"type":58,"tag":80,"props":365,"children":367},{"className":366},[],[368],{"type":64,"value":369},"useCoAgentStateRender",{"type":58,"tag":278,"props":371,"children":372},{},[373,379,380],{"type":58,"tag":80,"props":374,"children":376},{"className":375},[],[377],{"type":64,"value":378},"useRenderTool",{"type":64,"value":165},{"type":58,"tag":80,"props":381,"children":383},{"className":382},[],[384],{"type":64,"value":385},"useRenderActivityMessage",{"type":58,"tag":256,"props":387,"children":388},{},[389,398],{"type":58,"tag":278,"props":390,"children":391},{},[392],{"type":58,"tag":80,"props":393,"children":395},{"className":394},[],[396],{"type":64,"value":397},"useCopilotContext",{"type":58,"tag":278,"props":399,"children":400},{},[401,407,409,415],{"type":58,"tag":80,"props":402,"children":404},{"className":403},[],[405],{"type":64,"value":406},"useCopilotKit",{"type":64,"value":408}," (from ",{"type":58,"tag":80,"props":410,"children":412},{"className":411},[],[413],{"type":64,"value":414},"@copilotkit\u002Freact-core\u002Fv2\u002Fcontext",{"type":64,"value":416},")",{"type":58,"tag":256,"props":418,"children":419},{},[420,429],{"type":58,"tag":278,"props":421,"children":422},{},[423],{"type":58,"tag":80,"props":424,"children":426},{"className":425},[],[427],{"type":64,"value":428},"useLangGraphInterrupt",{"type":58,"tag":278,"props":430,"children":431},{},[432],{"type":58,"tag":80,"props":433,"children":435},{"className":434},[],[436],{"type":64,"value":437},"useInterrupt",{"type":58,"tag":256,"props":439,"children":440},{},[441,450],{"type":58,"tag":278,"props":442,"children":443},{},[444],{"type":58,"tag":80,"props":445,"children":447},{"className":446},[],[448],{"type":64,"value":449},"useCopilotChatSuggestions",{"type":58,"tag":278,"props":451,"children":452},{},[453,459,461],{"type":58,"tag":80,"props":454,"children":456},{"className":455},[],[457],{"type":64,"value":458},"useConfigureSuggestions",{"type":64,"value":460}," + ",{"type":58,"tag":80,"props":462,"children":464},{"className":463},[],[465],{"type":64,"value":466},"useSuggestions",{"type":58,"tag":256,"props":468,"children":469},{},[470,479],{"type":58,"tag":278,"props":471,"children":472},{},[473],{"type":58,"tag":80,"props":474,"children":476},{"className":475},[],[477],{"type":64,"value":478},"useCopilotAdditionalInstructions",{"type":58,"tag":278,"props":480,"children":481},{},[482],{"type":58,"tag":80,"props":483,"children":485},{"className":484},[],[486],{"type":64,"value":316},{"type":58,"tag":256,"props":488,"children":489},{},[490,499],{"type":58,"tag":278,"props":491,"children":492},{},[493],{"type":58,"tag":80,"props":494,"children":496},{"className":495},[],[497],{"type":64,"value":498},"useMakeCopilotDocumentReadable",{"type":58,"tag":278,"props":500,"children":501},{},[502],{"type":58,"tag":80,"props":503,"children":505},{"className":504},[],[506],{"type":64,"value":316},{"type":58,"tag":256,"props":508,"children":509},{},[510,520],{"type":58,"tag":278,"props":511,"children":512},{},[513,518],{"type":58,"tag":80,"props":514,"children":516},{"className":515},[],[517],{"type":64,"value":9},{"type":64,"value":519}," (root import)",{"type":58,"tag":278,"props":521,"children":522},{},[523,528,529,534],{"type":58,"tag":80,"props":524,"children":526},{"className":525},[],[527],{"type":64,"value":9},{"type":64,"value":408},{"type":58,"tag":80,"props":530,"children":532},{"className":531},[],[533],{"type":64,"value":203},{"type":64,"value":416},{"type":58,"tag":256,"props":536,"children":537},{},[538,547],{"type":58,"tag":278,"props":539,"children":540},{},[541],{"type":58,"tag":80,"props":542,"children":544},{"className":543},[],[545],{"type":64,"value":546},"CopilotTextarea",{"type":58,"tag":278,"props":548,"children":549},{},[550,552],{"type":64,"value":551},"Removed -- use standard textarea + ",{"type":58,"tag":80,"props":553,"children":555},{"className":554},[],[556],{"type":64,"value":295},{"type":58,"tag":213,"props":558,"children":560},{"id":559},"_3-map-to-v2-equivalents",[561],{"type":64,"value":562},"3. Map to v2 Equivalents",{"type":58,"tag":74,"props":564,"children":565},{},[566,568,574],{"type":64,"value":567},"Refer to ",{"type":58,"tag":80,"props":569,"children":571},{"className":570},[],[572],{"type":64,"value":573},"references\u002Fv1-to-v2-migration.md",{"type":64,"value":575}," for detailed before\u002Fafter code examples.",{"type":58,"tag":213,"props":577,"children":579},{"id":578},"_4-update-package-dependencies",[580],{"type":64,"value":581},"4. Update Package Dependencies",{"type":58,"tag":74,"props":583,"children":584},{},[585,587,592,594,599,601,611,613,618,620,626,628,634,636,642],{"type":64,"value":586},"The ",{"type":58,"tag":80,"props":588,"children":590},{"className":589},[],[591],{"type":64,"value":179},{"type":64,"value":593}," package names stay the same. v2 does ",{"type":58,"tag":113,"props":595,"children":596},{},[597],{"type":64,"value":598},"not",{"type":64,"value":600}," introduce new package names -- the v2 APIs ship from the ",{"type":58,"tag":113,"props":602,"children":603},{},[604,609],{"type":58,"tag":80,"props":605,"children":607},{"className":606},[],[608],{"type":64,"value":187},{"type":64,"value":610}," subpath",{"type":64,"value":612}," of the existing packages (",{"type":58,"tag":80,"props":614,"children":616},{"className":615},[],[617],{"type":64,"value":203},{"type":64,"value":619},", ",{"type":58,"tag":80,"props":621,"children":623},{"className":622},[],[624],{"type":64,"value":625},"@copilotkit\u002Fruntime\u002Fv2",{"type":64,"value":627},"). There is no ",{"type":58,"tag":80,"props":629,"children":631},{"className":630},[],[632],{"type":64,"value":633},"@copilotkit\u002Freact",{"type":64,"value":635}," or ",{"type":58,"tag":80,"props":637,"children":639},{"className":638},[],[640],{"type":64,"value":641},"@copilotkit\u002Fagent",{"type":64,"value":643}," package. Update to the latest v2 versions:",{"type":58,"tag":225,"props":645,"children":648},{"className":646,"code":647,"language":64},[228],"@copilotkit\u002Freact-core         -> @copilotkit\u002Freact-core (v2 symbols under the \u002Fv2 subpath)\n@copilotkit\u002Freact-ui           -> chat components move to @copilotkit\u002Freact-core\u002Fv2; react-ui contributes only styles in v2\n@copilotkit\u002Freact-textarea     -> removed (no v2 equivalent)\n@copilotkit\u002Fruntime            -> @copilotkit\u002Fruntime (v2 symbols under the \u002Fv2 subpath)\n@copilotkit\u002Fruntime-client-gql -> removed (replaced by AG-UI protocol; @ag-ui\u002Fclient types are re-exported from @copilotkit\u002Freact-core\u002Fv2)\n@copilotkit\u002Fshared             -> @copilotkit\u002Fshared (same package)\n@copilotkit\u002Fsdk-js             -> removed (BuiltInAgent now ships from @copilotkit\u002Fruntime\u002Fv2)\n",[649],{"type":58,"tag":80,"props":650,"children":651},{"__ignoreMap":233},[652],{"type":64,"value":647},{"type":58,"tag":213,"props":654,"children":656},{"id":655},"_5-update-runtime-configuration",[657],{"type":64,"value":658},"5. Update Runtime Configuration",{"type":58,"tag":74,"props":660,"children":661},{},[662,664,670,672,677,679,685],{"type":64,"value":663},"The v1 ",{"type":58,"tag":80,"props":665,"children":667},{"className":666},[],[668],{"type":64,"value":669},"CopilotRuntime",{"type":64,"value":671}," accepted service adapters (OpenAI, Anthropic, LangChain, etc.) and endpoint definitions. The v2 ",{"type":58,"tag":80,"props":673,"children":675},{"className":674},[],[676],{"type":64,"value":669},{"type":64,"value":678}," accepts AG-UI ",{"type":58,"tag":80,"props":680,"children":682},{"className":681},[],[683],{"type":64,"value":684},"AbstractAgent",{"type":64,"value":686}," instances directly.",{"type":58,"tag":74,"props":688,"children":689},{},[690,695],{"type":58,"tag":113,"props":691,"children":692},{},[693],{"type":64,"value":694},"v1 pattern",{"type":64,"value":696}," (service adapter + endpoints):",{"type":58,"tag":225,"props":698,"children":701},{"className":699,"code":700,"language":44,"meta":233,"style":233},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { CopilotRuntime, OpenAIAdapter } from \"@copilotkit\u002Fruntime\";\nconst runtime = new CopilotRuntime({ actions: [...] });\n\u002F\u002F used with framework handlers like copilotRuntimeNextJSAppRouterEndpoint() (Next.js), etc.\n",[702],{"type":58,"tag":80,"props":703,"children":704},{"__ignoreMap":233},[705,770,849],{"type":58,"tag":706,"props":707,"children":710},"span",{"class":708,"line":709},"line",1,[711,717,723,729,734,739,744,749,754,760,765],{"type":58,"tag":706,"props":712,"children":714},{"style":713},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[715],{"type":64,"value":716},"import",{"type":58,"tag":706,"props":718,"children":720},{"style":719},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[721],{"type":64,"value":722}," {",{"type":58,"tag":706,"props":724,"children":726},{"style":725},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[727],{"type":64,"value":728}," CopilotRuntime",{"type":58,"tag":706,"props":730,"children":731},{"style":719},[732],{"type":64,"value":733},",",{"type":58,"tag":706,"props":735,"children":736},{"style":725},[737],{"type":64,"value":738}," OpenAIAdapter",{"type":58,"tag":706,"props":740,"children":741},{"style":719},[742],{"type":64,"value":743}," }",{"type":58,"tag":706,"props":745,"children":746},{"style":713},[747],{"type":64,"value":748}," from",{"type":58,"tag":706,"props":750,"children":751},{"style":719},[752],{"type":64,"value":753}," \"",{"type":58,"tag":706,"props":755,"children":757},{"style":756},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[758],{"type":64,"value":759},"@copilotkit\u002Fruntime",{"type":58,"tag":706,"props":761,"children":762},{"style":719},[763],{"type":64,"value":764},"\"",{"type":58,"tag":706,"props":766,"children":767},{"style":719},[768],{"type":64,"value":769},";\n",{"type":58,"tag":706,"props":771,"children":773},{"class":708,"line":772},2,[774,780,785,790,795,800,805,810,816,821,826,831,836,841,845],{"type":58,"tag":706,"props":775,"children":777},{"style":776},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[778],{"type":64,"value":779},"const",{"type":58,"tag":706,"props":781,"children":782},{"style":725},[783],{"type":64,"value":784}," runtime ",{"type":58,"tag":706,"props":786,"children":787},{"style":719},[788],{"type":64,"value":789},"=",{"type":58,"tag":706,"props":791,"children":792},{"style":719},[793],{"type":64,"value":794}," new",{"type":58,"tag":706,"props":796,"children":798},{"style":797},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[799],{"type":64,"value":728},{"type":58,"tag":706,"props":801,"children":802},{"style":725},[803],{"type":64,"value":804},"(",{"type":58,"tag":706,"props":806,"children":807},{"style":719},[808],{"type":64,"value":809},"{",{"type":58,"tag":706,"props":811,"children":813},{"style":812},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[814],{"type":64,"value":815}," actions",{"type":58,"tag":706,"props":817,"children":818},{"style":719},[819],{"type":64,"value":820},":",{"type":58,"tag":706,"props":822,"children":823},{"style":725},[824],{"type":64,"value":825}," [",{"type":58,"tag":706,"props":827,"children":828},{"style":719},[829],{"type":64,"value":830},"...",{"type":58,"tag":706,"props":832,"children":833},{"style":725},[834],{"type":64,"value":835},"] ",{"type":58,"tag":706,"props":837,"children":838},{"style":719},[839],{"type":64,"value":840},"}",{"type":58,"tag":706,"props":842,"children":843},{"style":725},[844],{"type":64,"value":416},{"type":58,"tag":706,"props":846,"children":847},{"style":719},[848],{"type":64,"value":769},{"type":58,"tag":706,"props":850,"children":852},{"class":708,"line":851},3,[853],{"type":58,"tag":706,"props":854,"children":856},{"style":855},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[857],{"type":64,"value":858},"\u002F\u002F used with framework handlers like copilotRuntimeNextJSAppRouterEndpoint() (Next.js), etc.\n",{"type":58,"tag":74,"props":860,"children":861},{},[862,867],{"type":58,"tag":113,"props":863,"children":864},{},[865],{"type":64,"value":866},"v2 pattern",{"type":64,"value":868}," (agents + Hono endpoint):",{"type":58,"tag":225,"props":870,"children":872},{"className":699,"code":871,"language":44,"meta":233,"style":233},"import {\n  CopilotRuntime,\n  BuiltInAgent,\n  createCopilotHonoHandler,\n} from \"@copilotkit\u002Fruntime\u002Fv2\";\nconst runtime = new CopilotRuntime({\n  agents: { myAgent: new BuiltInAgent({ model: \"openai\u002Fgpt-4o\" }) },\n});\nconst app = createCopilotHonoHandler({ runtime, basePath: \"\u002Fapi\u002Fcopilotkit\" });\n",[873],{"type":58,"tag":80,"props":874,"children":875},{"__ignoreMap":233},[876,888,901,913,926,954,987,1066,1082],{"type":58,"tag":706,"props":877,"children":878},{"class":708,"line":709},[879,883],{"type":58,"tag":706,"props":880,"children":881},{"style":713},[882],{"type":64,"value":716},{"type":58,"tag":706,"props":884,"children":885},{"style":719},[886],{"type":64,"value":887}," {\n",{"type":58,"tag":706,"props":889,"children":890},{"class":708,"line":772},[891,896],{"type":58,"tag":706,"props":892,"children":893},{"style":725},[894],{"type":64,"value":895},"  CopilotRuntime",{"type":58,"tag":706,"props":897,"children":898},{"style":719},[899],{"type":64,"value":900},",\n",{"type":58,"tag":706,"props":902,"children":903},{"class":708,"line":851},[904,909],{"type":58,"tag":706,"props":905,"children":906},{"style":725},[907],{"type":64,"value":908},"  BuiltInAgent",{"type":58,"tag":706,"props":910,"children":911},{"style":719},[912],{"type":64,"value":900},{"type":58,"tag":706,"props":914,"children":916},{"class":708,"line":915},4,[917,922],{"type":58,"tag":706,"props":918,"children":919},{"style":725},[920],{"type":64,"value":921},"  createCopilotHonoHandler",{"type":58,"tag":706,"props":923,"children":924},{"style":719},[925],{"type":64,"value":900},{"type":58,"tag":706,"props":927,"children":929},{"class":708,"line":928},5,[930,934,938,942,946,950],{"type":58,"tag":706,"props":931,"children":932},{"style":719},[933],{"type":64,"value":840},{"type":58,"tag":706,"props":935,"children":936},{"style":713},[937],{"type":64,"value":748},{"type":58,"tag":706,"props":939,"children":940},{"style":719},[941],{"type":64,"value":753},{"type":58,"tag":706,"props":943,"children":944},{"style":756},[945],{"type":64,"value":625},{"type":58,"tag":706,"props":947,"children":948},{"style":719},[949],{"type":64,"value":764},{"type":58,"tag":706,"props":951,"children":952},{"style":719},[953],{"type":64,"value":769},{"type":58,"tag":706,"props":955,"children":957},{"class":708,"line":956},6,[958,962,966,970,974,978,982],{"type":58,"tag":706,"props":959,"children":960},{"style":776},[961],{"type":64,"value":779},{"type":58,"tag":706,"props":963,"children":964},{"style":725},[965],{"type":64,"value":784},{"type":58,"tag":706,"props":967,"children":968},{"style":719},[969],{"type":64,"value":789},{"type":58,"tag":706,"props":971,"children":972},{"style":719},[973],{"type":64,"value":794},{"type":58,"tag":706,"props":975,"children":976},{"style":797},[977],{"type":64,"value":728},{"type":58,"tag":706,"props":979,"children":980},{"style":725},[981],{"type":64,"value":804},{"type":58,"tag":706,"props":983,"children":984},{"style":719},[985],{"type":64,"value":986},"{\n",{"type":58,"tag":706,"props":988,"children":990},{"class":708,"line":989},7,[991,996,1000,1004,1009,1013,1017,1022,1026,1030,1035,1039,1043,1048,1052,1056,1061],{"type":58,"tag":706,"props":992,"children":993},{"style":812},[994],{"type":64,"value":995},"  agents",{"type":58,"tag":706,"props":997,"children":998},{"style":719},[999],{"type":64,"value":820},{"type":58,"tag":706,"props":1001,"children":1002},{"style":719},[1003],{"type":64,"value":722},{"type":58,"tag":706,"props":1005,"children":1006},{"style":812},[1007],{"type":64,"value":1008}," myAgent",{"type":58,"tag":706,"props":1010,"children":1011},{"style":719},[1012],{"type":64,"value":820},{"type":58,"tag":706,"props":1014,"children":1015},{"style":719},[1016],{"type":64,"value":794},{"type":58,"tag":706,"props":1018,"children":1019},{"style":797},[1020],{"type":64,"value":1021}," BuiltInAgent",{"type":58,"tag":706,"props":1023,"children":1024},{"style":725},[1025],{"type":64,"value":804},{"type":58,"tag":706,"props":1027,"children":1028},{"style":719},[1029],{"type":64,"value":809},{"type":58,"tag":706,"props":1031,"children":1032},{"style":812},[1033],{"type":64,"value":1034}," model",{"type":58,"tag":706,"props":1036,"children":1037},{"style":719},[1038],{"type":64,"value":820},{"type":58,"tag":706,"props":1040,"children":1041},{"style":719},[1042],{"type":64,"value":753},{"type":58,"tag":706,"props":1044,"children":1045},{"style":756},[1046],{"type":64,"value":1047},"openai\u002Fgpt-4o",{"type":58,"tag":706,"props":1049,"children":1050},{"style":719},[1051],{"type":64,"value":764},{"type":58,"tag":706,"props":1053,"children":1054},{"style":719},[1055],{"type":64,"value":743},{"type":58,"tag":706,"props":1057,"children":1058},{"style":725},[1059],{"type":64,"value":1060},") ",{"type":58,"tag":706,"props":1062,"children":1063},{"style":719},[1064],{"type":64,"value":1065},"},\n",{"type":58,"tag":706,"props":1067,"children":1069},{"class":708,"line":1068},8,[1070,1074,1078],{"type":58,"tag":706,"props":1071,"children":1072},{"style":719},[1073],{"type":64,"value":840},{"type":58,"tag":706,"props":1075,"children":1076},{"style":725},[1077],{"type":64,"value":416},{"type":58,"tag":706,"props":1079,"children":1080},{"style":719},[1081],{"type":64,"value":769},{"type":58,"tag":706,"props":1083,"children":1085},{"class":708,"line":1084},9,[1086,1090,1095,1099,1104,1108,1112,1117,1121,1126,1130,1134,1139,1143,1147,1151],{"type":58,"tag":706,"props":1087,"children":1088},{"style":776},[1089],{"type":64,"value":779},{"type":58,"tag":706,"props":1091,"children":1092},{"style":725},[1093],{"type":64,"value":1094}," app ",{"type":58,"tag":706,"props":1096,"children":1097},{"style":719},[1098],{"type":64,"value":789},{"type":58,"tag":706,"props":1100,"children":1101},{"style":797},[1102],{"type":64,"value":1103}," createCopilotHonoHandler",{"type":58,"tag":706,"props":1105,"children":1106},{"style":725},[1107],{"type":64,"value":804},{"type":58,"tag":706,"props":1109,"children":1110},{"style":719},[1111],{"type":64,"value":809},{"type":58,"tag":706,"props":1113,"children":1114},{"style":725},[1115],{"type":64,"value":1116}," runtime",{"type":58,"tag":706,"props":1118,"children":1119},{"style":719},[1120],{"type":64,"value":733},{"type":58,"tag":706,"props":1122,"children":1123},{"style":812},[1124],{"type":64,"value":1125}," basePath",{"type":58,"tag":706,"props":1127,"children":1128},{"style":719},[1129],{"type":64,"value":820},{"type":58,"tag":706,"props":1131,"children":1132},{"style":719},[1133],{"type":64,"value":753},{"type":58,"tag":706,"props":1135,"children":1136},{"style":756},[1137],{"type":64,"value":1138},"\u002Fapi\u002Fcopilotkit",{"type":58,"tag":706,"props":1140,"children":1141},{"style":719},[1142],{"type":64,"value":764},{"type":58,"tag":706,"props":1144,"children":1145},{"style":719},[1146],{"type":64,"value":743},{"type":58,"tag":706,"props":1148,"children":1149},{"style":725},[1150],{"type":64,"value":416},{"type":58,"tag":706,"props":1152,"children":1153},{"style":719},[1154],{"type":64,"value":769},{"type":58,"tag":1156,"props":1157,"children":1158},"blockquote",{},[1159],{"type":58,"tag":74,"props":1160,"children":1161},{},[1162,1164,1170,1171,1176,1178,1184,1186,1191,1193,1199,1201,1207,1209,1215],{"type":64,"value":1163},"Use ",{"type":58,"tag":80,"props":1165,"children":1167},{"className":1166},[],[1168],{"type":64,"value":1169},"createCopilotHonoHandler",{"type":64,"value":408},{"type":58,"tag":80,"props":1172,"children":1174},{"className":1173},[],[1175],{"type":64,"value":625},{"type":64,"value":1177},") as the canonical Hono endpoint factory. ",{"type":58,"tag":80,"props":1179,"children":1181},{"className":1180},[],[1182],{"type":64,"value":1183},"createCopilotEndpoint",{"type":64,"value":1185}," is a ",{"type":58,"tag":113,"props":1187,"children":1188},{},[1189],{"type":64,"value":1190},"deprecated",{"type":64,"value":1192}," alias for it -- avoid it in new code. For Express, use ",{"type":58,"tag":80,"props":1194,"children":1196},{"className":1195},[],[1197],{"type":64,"value":1198},"createCopilotExpressHandler",{"type":64,"value":1200}," from ",{"type":58,"tag":80,"props":1202,"children":1204},{"className":1203},[],[1205],{"type":64,"value":1206},"@copilotkit\u002Fruntime\u002Fv2\u002Fexpress",{"type":64,"value":1208}," (",{"type":58,"tag":80,"props":1210,"children":1212},{"className":1211},[],[1213],{"type":64,"value":1214},"createCopilotEndpointExpress",{"type":64,"value":1216}," is its deprecated alias).",{"type":58,"tag":213,"props":1218,"children":1220},{"id":1219},"_6-update-provider",[1221],{"type":64,"value":1222},"6. Update Provider",{"type":58,"tag":74,"props":1224,"children":1225},{},[1226,1228,1233,1235,1241,1243,1248],{"type":64,"value":1227},"The provider component keeps the name ",{"type":58,"tag":80,"props":1229,"children":1231},{"className":1230},[],[1232],{"type":64,"value":9},{"type":64,"value":1234}," -- only the import path changes. The package root (",{"type":58,"tag":80,"props":1236,"children":1238},{"className":1237},[],[1239],{"type":64,"value":1240},"@copilotkit\u002Freact-core",{"type":64,"value":1242},") is the legacy v1 provider; the ",{"type":58,"tag":80,"props":1244,"children":1246},{"className":1245},[],[1247],{"type":64,"value":187},{"type":64,"value":1249}," subpath is the migration target.",{"type":58,"tag":74,"props":1251,"children":1252},{},[1253],{"type":58,"tag":113,"props":1254,"children":1255},{},[1256],{"type":64,"value":1257},"v1 (root import):",{"type":58,"tag":225,"props":1259,"children":1263},{"className":1260,"code":1261,"language":1262,"meta":233,"style":233},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { CopilotKit } from \"@copilotkit\u002Freact-core\";\n\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\">{children}\u003C\u002FCopilotKit>;\n","tsx",[1264],{"type":58,"tag":80,"props":1265,"children":1266},{"__ignoreMap":233},[1267,1307],{"type":58,"tag":706,"props":1268,"children":1269},{"class":708,"line":709},[1270,1274,1278,1283,1287,1291,1295,1299,1303],{"type":58,"tag":706,"props":1271,"children":1272},{"style":713},[1273],{"type":64,"value":716},{"type":58,"tag":706,"props":1275,"children":1276},{"style":719},[1277],{"type":64,"value":722},{"type":58,"tag":706,"props":1279,"children":1280},{"style":725},[1281],{"type":64,"value":1282}," CopilotKit",{"type":58,"tag":706,"props":1284,"children":1285},{"style":719},[1286],{"type":64,"value":743},{"type":58,"tag":706,"props":1288,"children":1289},{"style":713},[1290],{"type":64,"value":748},{"type":58,"tag":706,"props":1292,"children":1293},{"style":719},[1294],{"type":64,"value":753},{"type":58,"tag":706,"props":1296,"children":1297},{"style":756},[1298],{"type":64,"value":1240},{"type":58,"tag":706,"props":1300,"children":1301},{"style":719},[1302],{"type":64,"value":764},{"type":58,"tag":706,"props":1304,"children":1305},{"style":719},[1306],{"type":64,"value":769},{"type":58,"tag":706,"props":1308,"children":1309},{"class":708,"line":772},[1310,1315,1320,1325,1329,1333,1337,1341,1346,1351,1356,1360],{"type":58,"tag":706,"props":1311,"children":1312},{"style":719},[1313],{"type":64,"value":1314},"\u003C",{"type":58,"tag":706,"props":1316,"children":1318},{"style":1317},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[1319],{"type":64,"value":9},{"type":58,"tag":706,"props":1321,"children":1322},{"style":776},[1323],{"type":64,"value":1324}," runtimeUrl",{"type":58,"tag":706,"props":1326,"children":1327},{"style":719},[1328],{"type":64,"value":789},{"type":58,"tag":706,"props":1330,"children":1331},{"style":719},[1332],{"type":64,"value":764},{"type":58,"tag":706,"props":1334,"children":1335},{"style":756},[1336],{"type":64,"value":1138},{"type":58,"tag":706,"props":1338,"children":1339},{"style":719},[1340],{"type":64,"value":764},{"type":58,"tag":706,"props":1342,"children":1343},{"style":719},[1344],{"type":64,"value":1345},">{",{"type":58,"tag":706,"props":1347,"children":1348},{"style":725},[1349],{"type":64,"value":1350},"children",{"type":58,"tag":706,"props":1352,"children":1353},{"style":719},[1354],{"type":64,"value":1355},"}\u003C\u002F",{"type":58,"tag":706,"props":1357,"children":1358},{"style":1317},[1359],{"type":64,"value":9},{"type":58,"tag":706,"props":1361,"children":1362},{"style":719},[1363],{"type":64,"value":1364},">;\n",{"type":58,"tag":74,"props":1366,"children":1367},{},[1368],{"type":58,"tag":113,"props":1369,"children":1370},{},[1371,1373,1378],{"type":64,"value":1372},"v2 (",{"type":58,"tag":80,"props":1374,"children":1376},{"className":1375},[],[1377],{"type":64,"value":187},{"type":64,"value":1379}," import):",{"type":58,"tag":225,"props":1381,"children":1383},{"className":1260,"code":1382,"language":1262,"meta":233,"style":233},"import { CopilotKit } from \"@copilotkit\u002Freact-core\u002Fv2\";\n\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\">{children}\u003C\u002FCopilotKit>;\n",[1384],{"type":58,"tag":80,"props":1385,"children":1386},{"__ignoreMap":233},[1387,1426],{"type":58,"tag":706,"props":1388,"children":1389},{"class":708,"line":709},[1390,1394,1398,1402,1406,1410,1414,1418,1422],{"type":58,"tag":706,"props":1391,"children":1392},{"style":713},[1393],{"type":64,"value":716},{"type":58,"tag":706,"props":1395,"children":1396},{"style":719},[1397],{"type":64,"value":722},{"type":58,"tag":706,"props":1399,"children":1400},{"style":725},[1401],{"type":64,"value":1282},{"type":58,"tag":706,"props":1403,"children":1404},{"style":719},[1405],{"type":64,"value":743},{"type":58,"tag":706,"props":1407,"children":1408},{"style":713},[1409],{"type":64,"value":748},{"type":58,"tag":706,"props":1411,"children":1412},{"style":719},[1413],{"type":64,"value":753},{"type":58,"tag":706,"props":1415,"children":1416},{"style":756},[1417],{"type":64,"value":203},{"type":58,"tag":706,"props":1419,"children":1420},{"style":719},[1421],{"type":64,"value":764},{"type":58,"tag":706,"props":1423,"children":1424},{"style":719},[1425],{"type":64,"value":769},{"type":58,"tag":706,"props":1427,"children":1428},{"class":708,"line":772},[1429,1433,1437,1441,1445,1449,1453,1457,1461,1465,1469,1473],{"type":58,"tag":706,"props":1430,"children":1431},{"style":719},[1432],{"type":64,"value":1314},{"type":58,"tag":706,"props":1434,"children":1435},{"style":1317},[1436],{"type":64,"value":9},{"type":58,"tag":706,"props":1438,"children":1439},{"style":776},[1440],{"type":64,"value":1324},{"type":58,"tag":706,"props":1442,"children":1443},{"style":719},[1444],{"type":64,"value":789},{"type":58,"tag":706,"props":1446,"children":1447},{"style":719},[1448],{"type":64,"value":764},{"type":58,"tag":706,"props":1450,"children":1451},{"style":756},[1452],{"type":64,"value":1138},{"type":58,"tag":706,"props":1454,"children":1455},{"style":719},[1456],{"type":64,"value":764},{"type":58,"tag":706,"props":1458,"children":1459},{"style":719},[1460],{"type":64,"value":1345},{"type":58,"tag":706,"props":1462,"children":1463},{"style":725},[1464],{"type":64,"value":1350},{"type":58,"tag":706,"props":1466,"children":1467},{"style":719},[1468],{"type":64,"value":1355},{"type":58,"tag":706,"props":1470,"children":1471},{"style":1317},[1472],{"type":64,"value":9},{"type":58,"tag":706,"props":1474,"children":1475},{"style":719},[1476],{"type":64,"value":1364},{"type":58,"tag":1156,"props":1478,"children":1479},{},[1480],{"type":58,"tag":74,"props":1481,"children":1482},{},[1483,1488,1490,1495,1497,1503,1505,1509,1511,1516,1518,1523],{"type":58,"tag":113,"props":1484,"children":1485},{},[1486],{"type":64,"value":1487},"Note:",{"type":64,"value":1489}," ",{"type":58,"tag":80,"props":1491,"children":1493},{"className":1492},[],[1494],{"type":64,"value":203},{"type":64,"value":1496}," also exports a ",{"type":58,"tag":80,"props":1498,"children":1500},{"className":1499},[],[1501],{"type":64,"value":1502},"CopilotKitProvider",{"type":64,"value":1504}," component. Do ",{"type":58,"tag":113,"props":1506,"children":1507},{},[1508],{"type":64,"value":598},{"type":64,"value":1510}," migrate to it -- it is a functionality subset of ",{"type":58,"tag":80,"props":1512,"children":1514},{"className":1513},[],[1515],{"type":64,"value":9},{"type":64,"value":1517},", which is the compatibility bridge across v1 and v2 and accepts every ",{"type":58,"tag":80,"props":1519,"children":1521},{"className":1520},[],[1522],{"type":64,"value":1502},{"type":64,"value":1524}," prop.",{"type":58,"tag":213,"props":1526,"children":1528},{"id":1527},"_7-verify",[1529],{"type":64,"value":1530},"7. Verify",{"type":58,"tag":105,"props":1532,"children":1533},{},[1534,1539,1544,1549],{"type":58,"tag":109,"props":1535,"children":1536},{},[1537],{"type":64,"value":1538},"Run the application and check for runtime errors",{"type":58,"tag":109,"props":1540,"children":1541},{},[1542],{"type":64,"value":1543},"Verify all agent interactions work (chat, tool calls, interrupts)",{"type":58,"tag":109,"props":1545,"children":1546},{},[1547],{"type":64,"value":1548},"Check that tool renderers display correctly",{"type":58,"tag":109,"props":1550,"children":1551},{},[1552],{"type":64,"value":1553},"Confirm suggestions load and display",{"type":58,"tag":67,"props":1555,"children":1557},{"id":1556},"quick-reference",[1558],{"type":64,"value":1559},"Quick Reference",{"type":58,"tag":248,"props":1561,"children":1562},{},[1563,1584],{"type":58,"tag":252,"props":1564,"children":1565},{},[1566],{"type":58,"tag":256,"props":1567,"children":1568},{},[1569,1574,1579],{"type":58,"tag":260,"props":1570,"children":1571},{},[1572],{"type":64,"value":1573},"Concept",{"type":58,"tag":260,"props":1575,"children":1576},{},[1577],{"type":64,"value":1578},"v1",{"type":58,"tag":260,"props":1580,"children":1581},{},[1582],{"type":64,"value":1583},"v2",{"type":58,"tag":271,"props":1585,"children":1586},{},[1587,1613,1631,1669,1693,1717,1741,1765,1799,1823,1857,1891,1932],{"type":58,"tag":256,"props":1588,"children":1589},{},[1590,1595,1603],{"type":58,"tag":278,"props":1591,"children":1592},{},[1593],{"type":64,"value":1594},"Package scope",{"type":58,"tag":278,"props":1596,"children":1597},{},[1598],{"type":58,"tag":80,"props":1599,"children":1601},{"className":1600},[],[1602],{"type":64,"value":179},{"type":58,"tag":278,"props":1604,"children":1605},{},[1606,1611],{"type":58,"tag":80,"props":1607,"children":1609},{"className":1608},[],[1610],{"type":64,"value":179},{"type":64,"value":1612}," (same scope, updated APIs)",{"type":58,"tag":256,"props":1614,"children":1615},{},[1616,1621,1626],{"type":58,"tag":278,"props":1617,"children":1618},{},[1619],{"type":64,"value":1620},"Protocol",{"type":58,"tag":278,"props":1622,"children":1623},{},[1624],{"type":64,"value":1625},"GraphQL",{"type":58,"tag":278,"props":1627,"children":1628},{},[1629],{"type":64,"value":1630},"AG-UI (SSE)",{"type":58,"tag":256,"props":1632,"children":1633},{},[1634,1639,1654],{"type":58,"tag":278,"props":1635,"children":1636},{},[1637],{"type":64,"value":1638},"Provider component",{"type":58,"tag":278,"props":1640,"children":1641},{},[1642,1647,1648,1653],{"type":58,"tag":80,"props":1643,"children":1645},{"className":1644},[],[1646],{"type":64,"value":9},{"type":64,"value":408},{"type":58,"tag":80,"props":1649,"children":1651},{"className":1650},[],[1652],{"type":64,"value":1240},{"type":64,"value":416},{"type":58,"tag":278,"props":1655,"children":1656},{},[1657,1662,1663,1668],{"type":58,"tag":80,"props":1658,"children":1660},{"className":1659},[],[1661],{"type":64,"value":9},{"type":64,"value":408},{"type":58,"tag":80,"props":1664,"children":1666},{"className":1665},[],[1667],{"type":64,"value":203},{"type":64,"value":416},{"type":58,"tag":256,"props":1670,"children":1671},{},[1672,1677,1685],{"type":58,"tag":278,"props":1673,"children":1674},{},[1675],{"type":64,"value":1676},"Define frontend tool",{"type":58,"tag":278,"props":1678,"children":1679},{},[1680],{"type":58,"tag":80,"props":1681,"children":1683},{"className":1682},[],[1684],{"type":64,"value":286},{"type":58,"tag":278,"props":1686,"children":1687},{},[1688],{"type":58,"tag":80,"props":1689,"children":1691},{"className":1690},[],[1692],{"type":64,"value":295},{"type":58,"tag":256,"props":1694,"children":1695},{},[1696,1701,1709],{"type":58,"tag":278,"props":1697,"children":1698},{},[1699],{"type":64,"value":1700},"Share app state",{"type":58,"tag":278,"props":1702,"children":1703},{},[1704],{"type":58,"tag":80,"props":1705,"children":1707},{"className":1706},[],[1708],{"type":64,"value":307},{"type":58,"tag":278,"props":1710,"children":1711},{},[1712],{"type":58,"tag":80,"props":1713,"children":1715},{"className":1714},[],[1716],{"type":64,"value":316},{"type":58,"tag":256,"props":1718,"children":1719},{},[1720,1725,1733],{"type":58,"tag":278,"props":1721,"children":1722},{},[1723],{"type":64,"value":1724},"Agent interaction",{"type":58,"tag":278,"props":1726,"children":1727},{},[1728],{"type":58,"tag":80,"props":1729,"children":1731},{"className":1730},[],[1732],{"type":64,"value":349},{"type":58,"tag":278,"props":1734,"children":1735},{},[1736],{"type":58,"tag":80,"props":1737,"children":1739},{"className":1738},[],[1740],{"type":64,"value":337},{"type":58,"tag":256,"props":1742,"children":1743},{},[1744,1749,1757],{"type":58,"tag":278,"props":1745,"children":1746},{},[1747],{"type":64,"value":1748},"Handle interrupts",{"type":58,"tag":278,"props":1750,"children":1751},{},[1752],{"type":58,"tag":80,"props":1753,"children":1755},{"className":1754},[],[1756],{"type":64,"value":428},{"type":58,"tag":278,"props":1758,"children":1759},{},[1760],{"type":58,"tag":80,"props":1761,"children":1763},{"className":1762},[],[1764],{"type":64,"value":437},{"type":58,"tag":256,"props":1766,"children":1767},{},[1768,1773,1782],{"type":58,"tag":278,"props":1769,"children":1770},{},[1771],{"type":64,"value":1772},"Render tool calls",{"type":58,"tag":278,"props":1774,"children":1775},{},[1776],{"type":58,"tag":80,"props":1777,"children":1779},{"className":1778},[],[1780],{"type":64,"value":1781},"useCopilotAction({ render })",{"type":58,"tag":278,"props":1783,"children":1784},{},[1785,1791,1792,1797],{"type":58,"tag":80,"props":1786,"children":1788},{"className":1787},[],[1789],{"type":64,"value":1790},"useFrontendTool({ render })",{"type":64,"value":635},{"type":58,"tag":80,"props":1793,"children":1795},{"className":1794},[],[1796],{"type":64,"value":378},{"type":64,"value":1798}," (render-only)",{"type":58,"tag":256,"props":1800,"children":1801},{},[1802,1807,1815],{"type":58,"tag":278,"props":1803,"children":1804},{},[1805],{"type":64,"value":1806},"Chat suggestions",{"type":58,"tag":278,"props":1808,"children":1809},{},[1810],{"type":58,"tag":80,"props":1811,"children":1813},{"className":1812},[],[1814],{"type":64,"value":449},{"type":58,"tag":278,"props":1816,"children":1817},{},[1818],{"type":58,"tag":80,"props":1819,"children":1821},{"className":1820},[],[1822],{"type":64,"value":458},{"type":58,"tag":256,"props":1824,"children":1825},{},[1826,1831,1841],{"type":58,"tag":278,"props":1827,"children":1828},{},[1829],{"type":64,"value":1830},"Runtime class",{"type":58,"tag":278,"props":1832,"children":1833},{},[1834,1839],{"type":58,"tag":80,"props":1835,"children":1837},{"className":1836},[],[1838],{"type":64,"value":669},{"type":64,"value":1840}," (adapters)",{"type":58,"tag":278,"props":1842,"children":1843},{},[1844,1849,1851,1856],{"type":58,"tag":80,"props":1845,"children":1847},{"className":1846},[],[1848],{"type":64,"value":669},{"type":64,"value":1850}," (agents, from ",{"type":58,"tag":80,"props":1852,"children":1854},{"className":1853},[],[1855],{"type":64,"value":625},{"type":64,"value":416},{"type":58,"tag":256,"props":1858,"children":1859},{},[1860,1865,1874],{"type":58,"tag":278,"props":1861,"children":1862},{},[1863],{"type":64,"value":1864},"Endpoint setup",{"type":58,"tag":278,"props":1866,"children":1867},{},[1868],{"type":58,"tag":80,"props":1869,"children":1871},{"className":1870},[],[1872],{"type":64,"value":1873},"copilotRuntimeNextJSAppRouterEndpoint()",{"type":58,"tag":278,"props":1875,"children":1876},{},[1877,1883,1884,1889],{"type":58,"tag":80,"props":1878,"children":1880},{"className":1879},[],[1881],{"type":64,"value":1882},"createCopilotHonoHandler()",{"type":64,"value":1208},{"type":58,"tag":80,"props":1885,"children":1887},{"className":1886},[],[1888],{"type":64,"value":1183},{"type":64,"value":1890}," is a deprecated alias)",{"type":58,"tag":256,"props":1892,"children":1893},{},[1894,1899,1910],{"type":58,"tag":278,"props":1895,"children":1896},{},[1897],{"type":64,"value":1898},"Agent definition",{"type":58,"tag":278,"props":1900,"children":1901},{},[1902,1908],{"type":58,"tag":80,"props":1903,"children":1905},{"className":1904},[],[1906],{"type":64,"value":1907},"LangGraphAgent",{"type":64,"value":1909}," endpoint",{"type":58,"tag":278,"props":1911,"children":1912},{},[1913,1918,1919,1925,1926,1931],{"type":58,"tag":80,"props":1914,"children":1916},{"className":1915},[],[1917],{"type":64,"value":684},{"type":64,"value":165},{"type":58,"tag":80,"props":1920,"children":1922},{"className":1921},[],[1923],{"type":64,"value":1924},"BuiltInAgent",{"type":64,"value":408},{"type":58,"tag":80,"props":1927,"children":1929},{"className":1928},[],[1930],{"type":64,"value":625},{"type":64,"value":416},{"type":58,"tag":256,"props":1933,"children":1934},{},[1935,1940,1963],{"type":58,"tag":278,"props":1936,"children":1937},{},[1938],{"type":64,"value":1939},"Chat components",{"type":58,"tag":278,"props":1941,"children":1942},{},[1943,1949,1950,1956,1957],{"type":58,"tag":80,"props":1944,"children":1946},{"className":1945},[],[1947],{"type":64,"value":1948},"CopilotChat",{"type":64,"value":619},{"type":58,"tag":80,"props":1951,"children":1953},{"className":1952},[],[1954],{"type":64,"value":1955},"CopilotPopup",{"type":64,"value":619},{"type":58,"tag":80,"props":1958,"children":1960},{"className":1959},[],[1961],{"type":64,"value":1962},"CopilotSidebar",{"type":58,"tag":278,"props":1964,"children":1965},{},[1966,1971,1972,1977,1978,1983,1984,1989],{"type":58,"tag":80,"props":1967,"children":1969},{"className":1968},[],[1970],{"type":64,"value":1948},{"type":64,"value":619},{"type":58,"tag":80,"props":1973,"children":1975},{"className":1974},[],[1976],{"type":64,"value":1955},{"type":64,"value":619},{"type":58,"tag":80,"props":1979,"children":1981},{"className":1980},[],[1982],{"type":64,"value":1962},{"type":64,"value":408},{"type":58,"tag":80,"props":1985,"children":1987},{"className":1986},[],[1988],{"type":64,"value":203},{"type":64,"value":416},{"type":58,"tag":1991,"props":1992,"children":1993},"style",{},[1994],{"type":64,"value":1995},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":1997,"total":2168},[1998,2015,2034,2049,2061,2074,2087,2101,2113,2119,2134,2149],{"slug":1999,"name":1999,"fn":2000,"description":2001,"org":2002,"tags":2003,"stars":20,"repoUrl":21,"updatedAt":2014},"a2ui-renderer","render declarative agent UI surfaces","Render A2UI (Agent-to-UI declarative surfaces) in CopilotKit v2. Enable the runtime via CopilotRuntime({ a2ui: {...} }), then enable the provider via \u003CCopilotKit a2ui={{ theme }}>. Auto-activates via \u002Finfo — do NOT manually pass renderActivityMessages. createA2UIMessageRenderer ships from @copilotkit\u002Freact-core\u002Fv2; low-level primitives (A2UIProvider, A2UIRenderer, createCatalog) ship from @copilotkit\u002Fa2ui-renderer. Covers theme customization, createSurface dedup, action-bridge try\u002Ffinally cleanup. Load when an agent emits A2UI operations (createSurface \u002F updateComponents \u002F updateDataModel), when wiring a2ui on CopilotRuntime, or when styling A2UI surfaces.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2004,2005,2008,2011],{"name":9,"slug":8,"type":13},{"name":2006,"slug":2007,"type":13},"Design","design",{"name":2009,"slug":2010,"type":13},"Frontend","frontend",{"name":2012,"slug":2013,"type":13},"UI Components","ui-components","2026-07-12T08:06:36.722091",{"slug":2016,"name":2016,"fn":2017,"description":2018,"org":2019,"tags":2020,"stars":20,"repoUrl":21,"updatedAt":2033},"copilotkit-agui","build and debug CopilotKit agent backends","Use when building custom agent backends, implementing the AG-UI protocol, debugging streaming issues, or understanding how agents communicate with frontends. Covers event types, SSE transport, AbstractAgent\u002FHttpAgent patterns, state synchronization, tool calls, and human-in-the-loop flows.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2021,2023,2026,2029,2030],{"name":2022,"slug":29,"type":13},"Agents",{"name":2024,"slug":2025,"type":13},"API Development","api-development",{"name":2027,"slug":2028,"type":13},"Backend","backend",{"name":9,"slug":8,"type":13},{"name":2031,"slug":2032,"type":13},"Debugging","debugging","2026-07-12T08:06:22.179755",{"slug":2035,"name":2035,"fn":2036,"description":2037,"org":2038,"tags":2039,"stars":20,"repoUrl":21,"updatedAt":2048},"copilotkit-contribute","contribute to CopilotKit open-source project","Use when contributing to the CopilotKit open-source project — forking, cloning, setting up the monorepo, creating branches, running tests, and submitting pull requests against CopilotKit\u002FCopilotKit.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2040,2041,2042,2045],{"name":9,"slug":8,"type":13},{"name":18,"slug":19,"type":13},{"name":2043,"slug":2044,"type":13},"GitHub","github",{"name":2046,"slug":2047,"type":13},"Pull Requests","pull-requests","2026-07-12T08:06:30.102192",{"slug":2050,"name":2050,"fn":2051,"description":2052,"org":2053,"tags":2054,"stars":20,"repoUrl":21,"updatedAt":2060},"copilotkit-debug","diagnose and debug CopilotKit issues","Use when diagnosing CopilotKit issues -- runtime connectivity failures, agent not responding, streaming errors, tool execution problems, transcription failures, version mismatches, and AG-UI event tracing.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2055,2056,2057],{"name":9,"slug":8,"type":13},{"name":2031,"slug":2032,"type":13},{"name":2058,"slug":2059,"type":13},"Observability","observability","2026-07-12T08:06:23.407872",{"slug":2062,"name":2062,"fn":2063,"description":2064,"org":2065,"tags":2066,"stars":20,"repoUrl":21,"updatedAt":2073},"copilotkit-develop","build AI features with CopilotKit","Use when building AI-powered features with CopilotKit v2 -- adding chat interfaces, registering frontend tools, sharing application context with agents, handling agent interrupts, and working with the CopilotKit runtime.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2067,2068,2071,2072],{"name":2022,"slug":29,"type":13},{"name":2069,"slug":2070,"type":13},"AI Context","ai-context",{"name":9,"slug":8,"type":13},{"name":2009,"slug":2010,"type":13},"2026-07-12T08:06:28.856644",{"slug":2075,"name":2075,"fn":2076,"description":2077,"org":2078,"tags":2079,"stars":20,"repoUrl":21,"updatedAt":2086},"copilotkit-integrations","integrate agent frameworks into CopilotKit applications","Use when wiring an external agent framework (LangGraph, CrewAI, PydanticAI, Mastra, ADK, LlamaIndex, Agno, Strands, Microsoft Agent Framework, or others) into a CopilotKit application via the AG-UI protocol.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2080,2081,2082,2083],{"name":2022,"slug":29,"type":13},{"name":2024,"slug":2025,"type":13},{"name":9,"slug":8,"type":13},{"name":2084,"slug":2085,"type":13},"Integrations","integrations","2026-07-12T08:06:32.560054",{"slug":2088,"name":2088,"fn":2089,"description":2090,"org":2091,"tags":2092,"stars":20,"repoUrl":21,"updatedAt":2100},"copilotkit-self-update","update CopilotKit agent skills","Use when the user wants to update, refresh, or reinstall the CopilotKit agent SKILLS (the SKILL.md files that teach this agent about CopilotKit). NOT for updating the CopilotKit codebase or project — this is specifically about refreshing the skills\u002Fknowledge this agent has loaded. Triggers on \"update copilotkit skills\", \"update skills\", \"refresh skills\", \"skills are stale\", \"skills are outdated\", \"get latest skills\", \"my copilotkit knowledge is wrong\", \"copilotkit APIs changed\", \"skills seem old\", \"wrong API names\", \"reinstall skills\", \"skills not working right\", \"update your copilotkit knowledge\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2093,2094,2097],{"name":9,"slug":8,"type":13},{"name":2095,"slug":2096,"type":13},"Documentation","documentation",{"name":2098,"slug":2099,"type":13},"Productivity","productivity","2026-07-12T08:06:31.345052",{"slug":2102,"name":2102,"fn":2103,"description":2104,"org":2105,"tags":2106,"stars":20,"repoUrl":21,"updatedAt":2112},"copilotkit-setup","set up CopilotKit in projects","Use when adding CopilotKit to an existing project or bootstrapping a new CopilotKit project from scratch. Covers framework detection, package installation, runtime wiring, provider setup, and first working chat integration.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2107,2108,2109],{"name":9,"slug":8,"type":13},{"name":2009,"slug":2010,"type":13},{"name":2110,"slug":2111,"type":13},"Onboarding","onboarding","2026-07-12T08:06:25.534415",{"slug":4,"name":4,"fn":5,"description":6,"org":2114,"tags":2115,"stars":20,"repoUrl":21,"updatedAt":22},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2116,2117,2118],{"name":9,"slug":8,"type":13},{"name":18,"slug":19,"type":13},{"name":15,"slug":16,"type":13},{"slug":2120,"name":2120,"fn":2121,"description":2122,"org":2123,"tags":2124,"stars":20,"repoUrl":21,"updatedAt":2133},"react-core","integrate CopilotKit into React applications","@copilotkit\u002Freact-core — mount the CopilotKit provider (from @copilotkit\u002Freact-core\u002Fv2) in a Next.js App Router \u002F React Router v7 \u002F TanStack Start \u002F SPA app, drop in CopilotChat\u002FCopilotPopup\u002FCopilotSidebar (v2 chat components ship from react-core\u002Fv2 — NOT react-ui, which is CSS-only in v2), access and subscribe to agents with useAgent \u002F useAgentContext \u002F useCapabilities, switch between multiple agents, manage durable Intelligence threads with useThreads, register browser-side tools via useFrontendTool, render tool calls with useRenderTool \u002F useComponent \u002F useDefaultRenderTool, gate execution with useHumanInTheLoop, wire file attachments with useAttachments, configure suggestion pills, and register activity- and custom-message renderers. publicLicenseKey is canonical (publicApiKey is deprecated alias). Load the reference under references\u002F that matches your task.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2125,2126,2127,2130,2132],{"name":9,"slug":8,"type":13},{"name":2009,"slug":2010,"type":13},{"name":2128,"slug":2129,"type":13},"Next.js","next-js",{"name":2131,"slug":42,"type":13},"React",{"name":2012,"slug":2013,"type":13},"2026-07-12T08:06:15.72619",{"slug":2135,"name":2135,"fn":2136,"description":2137,"org":2138,"tags":2139,"stars":20,"repoUrl":21,"updatedAt":2148},"runtime","mount and configure CopilotRuntime servers","@copilotkit\u002Fruntime — mount a fetch-native CopilotRuntime on any JS server, wire middleware, pick an AgentRunner, instantiate BuiltInAgent (Factory Mode with TanStack AI is the preferred default) or plug in any of 12 external agent frameworks (Mastra, LangGraph, CrewAI Crews\u002FFlows, PydanticAI, ADK, LlamaIndex, Agno, AWS Strands, MS Agent Framework, AG2, A2A), enable Intelligence mode for durable threads + websocket, register server-side tools via defineTool, and wire voice transcription. Uses the fetch-based createCopilotRuntimeHandler primitive — the Express\u002FHono adapters are discouraged. Load the reference under references\u002F that matches your task.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2140,2141,2142,2145],{"name":2027,"slug":2028,"type":13},{"name":9,"slug":8,"type":13},{"name":2143,"slug":2144,"type":13},"JavaScript","javascript",{"name":2146,"slug":2147,"type":13},"Middleware","middleware","2026-07-12T08:06:10.034875",{"slug":2150,"name":2151,"fn":2152,"description":2153,"org":2154,"tags":2155,"stars":2165,"repoUrl":2166,"updatedAt":2167},"advanced-visualization-techniques","Advanced Visualization Techniques","create advanced generative UI visualizations","UI mockups, dashboards, advanced interactivity, generative art, simulations, math visualizations, and design system rules for producing rich generateSandboxedUi output.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2156,2159,2160,2161,2164],{"name":2157,"slug":2158,"type":13},"Dashboards","dashboards",{"name":2006,"slug":2007,"type":13},{"name":2009,"slug":2010,"type":13},{"name":2162,"slug":2163,"type":13},"Generative Art","generative-art",{"name":2012,"slug":2013,"type":13},1440,"https:\u002F\u002Fgithub.com\u002FCopilotKit\u002FOpenGenerativeUI","2026-07-12T08:06:40.712754",14,{"items":2170,"total":2219},[2171,2178,2186,2193,2199,2206,2213],{"slug":1999,"name":1999,"fn":2000,"description":2001,"org":2172,"tags":2173,"stars":20,"repoUrl":21,"updatedAt":2014},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2174,2175,2176,2177],{"name":9,"slug":8,"type":13},{"name":2006,"slug":2007,"type":13},{"name":2009,"slug":2010,"type":13},{"name":2012,"slug":2013,"type":13},{"slug":2016,"name":2016,"fn":2017,"description":2018,"org":2179,"tags":2180,"stars":20,"repoUrl":21,"updatedAt":2033},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2181,2182,2183,2184,2185],{"name":2022,"slug":29,"type":13},{"name":2024,"slug":2025,"type":13},{"name":2027,"slug":2028,"type":13},{"name":9,"slug":8,"type":13},{"name":2031,"slug":2032,"type":13},{"slug":2035,"name":2035,"fn":2036,"description":2037,"org":2187,"tags":2188,"stars":20,"repoUrl":21,"updatedAt":2048},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2189,2190,2191,2192],{"name":9,"slug":8,"type":13},{"name":18,"slug":19,"type":13},{"name":2043,"slug":2044,"type":13},{"name":2046,"slug":2047,"type":13},{"slug":2050,"name":2050,"fn":2051,"description":2052,"org":2194,"tags":2195,"stars":20,"repoUrl":21,"updatedAt":2060},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2196,2197,2198],{"name":9,"slug":8,"type":13},{"name":2031,"slug":2032,"type":13},{"name":2058,"slug":2059,"type":13},{"slug":2062,"name":2062,"fn":2063,"description":2064,"org":2200,"tags":2201,"stars":20,"repoUrl":21,"updatedAt":2073},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2202,2203,2204,2205],{"name":2022,"slug":29,"type":13},{"name":2069,"slug":2070,"type":13},{"name":9,"slug":8,"type":13},{"name":2009,"slug":2010,"type":13},{"slug":2075,"name":2075,"fn":2076,"description":2077,"org":2207,"tags":2208,"stars":20,"repoUrl":21,"updatedAt":2086},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2209,2210,2211,2212],{"name":2022,"slug":29,"type":13},{"name":2024,"slug":2025,"type":13},{"name":9,"slug":8,"type":13},{"name":2084,"slug":2085,"type":13},{"slug":2088,"name":2088,"fn":2089,"description":2090,"org":2214,"tags":2215,"stars":20,"repoUrl":21,"updatedAt":2100},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[2216,2217,2218],{"name":9,"slug":8,"type":13},{"name":2095,"slug":2096,"type":13},{"name":2098,"slug":2099,"type":13},11]