[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-copilotkit-a2ui-renderer":3,"mdc-1mbo4f-key":54,"related-org-copilotkit-a2ui-renderer":4050,"related-repo-copilotkit-a2ui-renderer":4220},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":49,"sourceUrl":52,"mdContent":53},"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},"copilotkit","CopilotKit","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fcopilotkit.png",[12,14,17,20],{"name":9,"slug":8,"type":13},"tag",{"name":15,"slug":16,"type":13},"UI Components","ui-components",{"name":18,"slug":19,"type":13},"Frontend","frontend",{"name":21,"slug":22,"type":13},"Design","design",35928,"https:\u002F\u002Fgithub.com\u002FCopilotKit\u002FCopilotKit","2026-07-12T08:06:36.722091",null,4434,[29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48],"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":24,"stars":23,"forks":27,"topics":50,"description":51},[29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48],"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\u002Fpackages\u002Fa2ui-renderer\u002Fskills\u002Fa2ui-renderer","---\nname: a2ui-renderer\ndescription: >\n Render A2UI (Agent-to-UI declarative surfaces) in CopilotKit v2. Enable the\n runtime via CopilotRuntime({ a2ui: {...} }), then enable the provider via\n \u003CCopilotKit a2ui={{ theme }}>. Auto-activates via \u002Finfo — do NOT\n manually pass renderActivityMessages. createA2UIMessageRenderer ships from\n @copilotkit\u002Freact-core\u002Fv2; low-level primitives (A2UIProvider, A2UIRenderer,\n createCatalog) ship from @copilotkit\u002Fa2ui-renderer. Covers theme\n customization, createSurface dedup, action-bridge try\u002Ffinally cleanup. Load\n when an agent emits A2UI operations (createSurface \u002F updateComponents \u002F\n updateDataModel), when wiring a2ui on CopilotRuntime, or when styling A2UI\n surfaces.\ntype: framework\nlibrary: copilotkit\nframework: react\nlibrary_version: \"1.56.2\"\nrequires:\n - copilotkit\u002Freact-core\n - copilotkit\u002Fruntime\nsources:\n - \"CopilotKit\u002FCopilotKit:packages\u002Fa2ui-renderer\u002Fsrc\u002Findex.ts\"\n - \"CopilotKit\u002FCopilotKit:packages\u002Fa2ui-renderer\u002Fsrc\u002Freact-renderer\u002Findex.ts\"\n - \"CopilotKit\u002FCopilotKit:packages\u002Freact-core\u002Fsrc\u002Fv2\u002Fa2ui\u002FA2UIMessageRenderer.tsx\"\n - \"CopilotKit\u002FCopilotKit:packages\u002Freact-core\u002Fsrc\u002Fv2\u002Fproviders\u002FCopilotKitProvider.tsx\"\n - \"CopilotKit\u002FCopilotKit:packages\u002Fruntime\u002Fsrc\u002Fv2\u002Fruntime\u002Fcore\u002Fruntime.ts\"\n---\n\nThis skill builds on copilotkit\u002Freact-core (for `CopilotKit` provider fundamentals) and\ncopilotkit\u002Fruntime (for CopilotRuntime fundamentals). Read those first.\n\n## Setup\n\nA2UI has two halves. The runtime declares a2ui middleware; the client enables\nthe a2ui prop on the provider. Once both are set, `\u002Finfo` flags A2UI and the\nclient auto-mounts `createA2UIMessageRenderer` — you do NOT wire\n`renderActivityMessages` yourself.\n\n### Runtime side (`app\u002Froutes\u002Fapi.copilotkit.$.tsx`)\n\n```tsx\nimport type { Route } from \".\u002F+types\u002Fapi.copilotkit.$\";\nimport {\n CopilotRuntime,\n createCopilotRuntimeHandler,\n BuiltInAgent,\n convertInputToTanStackAI,\n} from \"@copilotkit\u002Fruntime\u002Fv2\";\nimport { chat } from \"@tanstack\u002Fai\";\nimport { openaiText } from \"@tanstack\u002Fai-openai\";\n\nconst agent = new BuiltInAgent({\n type: \"tanstack\",\n factory: ({ input, abortController }) => {\n const { messages, systemPrompts } = convertInputToTanStackAI(input);\n return chat({\n adapter: openaiText(\"gpt-4o\"),\n messages,\n systemPrompts,\n abortController,\n });\n },\n});\n\nconst runtime = new CopilotRuntime({\n agents: { default: agent },\n \u002F\u002F Enabling this key causes \u002Finfo to advertise A2UI to the client.\n a2ui: {},\n});\n\nconst handler = createCopilotRuntimeHandler({\n runtime,\n basePath: \"\u002Fapi\u002Fcopilotkit\",\n});\n\nexport async function loader({ request }: Route.LoaderArgs) {\n return handler(request);\n}\nexport async function action({ request }: Route.ActionArgs) {\n return handler(request);\n}\n```\n\n### Client side (`app\u002Froot.tsx` or the app shell)\n\n```tsx\nimport { CopilotKit, CopilotChat } from \"@copilotkit\u002Freact-core\u002Fv2\";\nimport \"@copilotkit\u002Freact-core\u002Fv2\u002Fstyles.css\";\n\nexport default function App() {\n return (\n \u003CCopilotKit\n runtimeUrl=\"\u002Fapi\u002Fcopilotkit\"\n a2ui={{\n theme: {\n \u002F\u002F Theme object forwarded to A2UIProvider → ThemeProvider.\n \u002F\u002F Tokens map to A2UI's basic catalog CSS vars.\n colors: { primary: \"#0ea5e9\" },\n },\n }}\n >\n \u003CCopilotChat agentId=\"default\" className=\"h-full\" \u002F>\n \u003C\u002FCopilotKit>\n );\n}\n```\n\n## Core Patterns\n\n### Custom catalog\n\nPass a custom catalog to extend the built-in component set. `createCatalog`\nand `extractSchema` let the agent see what components it may render.\n\n```tsx\nimport { createCatalog } from \"@copilotkit\u002Fa2ui-renderer\";\nimport { z } from \"zod\";\n\nconst theme = { colors: { primary: \"#0ea5e9\" } };\n\n\u002F\u002F Definitions are platform-agnostic (Zod schemas + descriptions).\n\u002F\u002F Renderers are platform-specific (React components).\n\u002F\u002F TypeScript enforces that renderer keys match definition keys exactly.\nconst definitions = {\n ProductCard: {\n description: \"A product card with title and price\",\n props: z.object({ title: z.string(), price: z.number() }),\n },\n};\n\nconst catalog = createCatalog(\n definitions,\n {\n ProductCard: ({ props }) => (\n \u003Cdiv className=\"rounded-xl border p-3\">\n \u003Cdiv className=\"font-medium\">{props.title}\u003C\u002Fdiv>\n \u003Cdiv className=\"text-sm text-muted-foreground\">${props.price}\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n ),\n },\n { includeBasicCatalog: true },\n);\n\n\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\" a2ui={{ theme, catalog }}>\n \u003CCopilotChat agentId=\"default\" \u002F>\n\u003C\u002FCopilotKit>;\n```\n\n`extractSchema(definitions)` is available for passing a JSON-serializable\nview of the definitions to the runtime's `a2ui.schema` config — it is not\na generic type helper. Type parameters erase at runtime; the agent needs a\nreal runtime schema value (Zod).\n\n### Override the loading skeleton\n\n```tsx\n\u003CCopilotKit\n runtimeUrl=\"\u002Fapi\u002Fcopilotkit\"\n a2ui={{\n theme,\n loadingComponent: () => \u003Cdiv className=\"animate-pulse\">Building UI…\u003C\u002Fdiv>,\n }}\n>\n \u003CCopilotChat agentId=\"default\" \u002F>\n\u003C\u002FCopilotKit>\n```\n\n## Common Mistakes\n\n### CRITICAL forgetting runtime.a2ui\n\nWrong:\n\n```tsx\n\u002F\u002F server\nnew CopilotRuntime({ agents: { default: agent } });\n\u002F\u002F client\n\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\" a2ui={{ theme }} \u002F>;\n```\n\nCorrect:\n\n```tsx\n\u002F\u002F server\nnew CopilotRuntime({ agents: { default: agent }, a2ui: {} });\n\u002F\u002F client\n\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\" a2ui={{ theme }} \u002F>;\n```\n\nWithout `runtime.a2ui`, `\u002Finfo` never flags A2UI and the provider's a2ui prop\nsilently no-ops — the renderer never mounts.\n\nSource: packages\u002Fruntime\u002Fsrc\u002Fv2\u002Fruntime\u002Fcore\u002Fruntime.ts:55-58,217,242\n\n### HIGH manually wiring renderActivityMessages for A2UI\n\nWrong:\n\n```tsx\nimport { createA2UIMessageRenderer } from \"@copilotkit\u002Freact-core\u002Fv2\";\n\n\u003CCopilotKit\n runtimeUrl=\"\u002Fapi\u002Fcopilotkit\"\n renderActivityMessages={[createA2UIMessageRenderer({ theme })]}\n\u002F>;\n```\n\nCorrect:\n\n```tsx\n\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\" a2ui={{ theme }} \u002F>\n```\n\nThe `CopilotKit` provider auto-detects runtime A2UI via `\u002Finfo` and injects the\nbuilt-in renderer. Passing it through `renderActivityMessages` duplicates the\nrenderer and can race with the auto-injected one.\n\nSource: packages\u002Freact-core\u002Fsrc\u002Fv2\u002Fproviders\u002FCopilotKitProvider.tsx:188-222,294-296\n\n### MEDIUM re-emitting createSurface on every snapshot\n\nWrong:\n\n```python\n# Pseudocode — inside your agent generator. Exact API names\u002Fkwargs vary by\n# A2UI SDK version; consult your SDK's docs for real call shapes.\nasync def agent_generator():\n # agent re-emits createSurface operation on every state delta\n async for update in stream:\n yield a2ui.create_surface(surface_id=\"main\", ...) # every tick\n yield a2ui.update_components(...)\n```\n\nCorrect:\n\n```python\n# Pseudocode — inside your agent generator.\n# Emit createSurface once per surfaceId; use updateComponents \u002F updateDataModel\n# for changes.\nasync def agent_generator():\n yield a2ui.create_surface(surface_id=\"main\", ...) # once\n async for update in stream:\n yield a2ui.update_components(surface_id=\"main\", ...)\n```\n\nThe MessageProcessor dedups on `surfaceId` but re-emitting is an agent-side\nbug — the client re-runs reconciliation logic for nothing and flickers.\n\nSource: packages\u002Freact-core\u002Fsrc\u002Fv2\u002Fa2ui\u002FA2UIMessageRenderer.tsx:218-226\n\n### MEDIUM custom action bridge without a2uiAction cleanup\n\nWrong:\n\n```ts\ncopilotkit.setProperties({ ...copilotkit.properties, a2uiAction: msg });\nawait copilotkit.runAgent({ agent });\n\u002F\u002F no finally — a2uiAction leaks into the next run's properties\n```\n\nCorrect:\n\n```ts\ntry {\n copilotkit.setProperties({ ...copilotkit.properties, a2uiAction: msg });\n await copilotkit.runAgent({ agent });\n} finally {\n if (copilotkit.properties) {\n const { a2uiAction, ...rest } = copilotkit.properties;\n copilotkit.setProperties(rest);\n }\n}\n```\n\nThe built-in bridge always strips `a2uiAction` in `finally`, guarded by a\n`copilotkit.properties` null-check so it can't mask the original `runAgent`\nerror with a `TypeError` during destructuring. Skipping cleanup keeps the\nprevious action attached to subsequent runs.\n\nSource: packages\u002Freact-core\u002Fsrc\u002Fv2\u002Fa2ui\u002FA2UIMessageRenderer.tsx:146-167\n\n### MEDIUM installing @copilotkitnext\u002Fa2ui-renderer\n\nWrong:\n\n```ts\nimport { createA2UIMessageRenderer } from \"@copilotkitnext\u002Fa2ui-renderer\";\n```\n\nCorrect:\n\n```ts\n\u002F\u002F Low-level primitives (rarely needed — the CopilotKit provider's a2ui prop is the default path):\nimport {\n A2UIProvider,\n A2UIRenderer,\n createCatalog,\n} from \"@copilotkit\u002Fa2ui-renderer\";\n\u002F\u002F Auto-mounted renderer lives in react-core\u002Fv2:\nimport { createA2UIMessageRenderer } from \"@copilotkit\u002Freact-core\u002Fv2\";\n```\n\nThis package ships as `@copilotkit\u002Fa2ui-renderer`, not\n`@copilotkitnext\u002Fa2ui-renderer`. The `@copilotkitnext\u002F` scope is reserved\nfor other packages that ship under it separately — do not assume it applies\nhere.\n\nSource: packages\u002Fa2ui-renderer\u002Fpackage.json\n",{"data":55,"body":67},{"name":4,"description":6,"type":56,"library":8,"framework":45,"library_version":57,"requires":58,"sources":61},"framework","1.56.2",[59,60],"copilotkit\u002Freact-core","copilotkit\u002Fruntime",[62,63,64,65,66],"CopilotKit\u002FCopilotKit:packages\u002Fa2ui-renderer\u002Fsrc\u002Findex.ts","CopilotKit\u002FCopilotKit:packages\u002Fa2ui-renderer\u002Fsrc\u002Freact-renderer\u002Findex.ts","CopilotKit\u002FCopilotKit:packages\u002Freact-core\u002Fsrc\u002Fv2\u002Fa2ui\u002FA2UIMessageRenderer.tsx","CopilotKit\u002FCopilotKit:packages\u002Freact-core\u002Fsrc\u002Fv2\u002Fproviders\u002FCopilotKitProvider.tsx","CopilotKit\u002FCopilotKit:packages\u002Fruntime\u002Fsrc\u002Fv2\u002Fruntime\u002Fcore\u002Fruntime.ts",{"type":68,"children":69},"root",[70,86,93,122,137,1139,1153,1530,1536,1542,1563,2387,2406,2412,2615,2621,2627,2632,2764,2769,2910,2930,2935,2941,2945,3088,3092,3147,3173,3178,3184,3188,3253,3257,3318,3331,3336,3342,3346,3480,3484,3766,3810,3815,3821,3825,3872,3876,4012,4039,4044],{"type":71,"tag":72,"props":73,"children":74},"element","p",{},[75,78,84],{"type":76,"value":77},"text","This skill builds on copilotkit\u002Freact-core (for ",{"type":71,"tag":79,"props":80,"children":82},"code",{"className":81},[],[83],{"type":76,"value":9},{"type":76,"value":85}," provider fundamentals) and\ncopilotkit\u002Fruntime (for CopilotRuntime fundamentals). Read those first.",{"type":71,"tag":87,"props":88,"children":90},"h2",{"id":89},"setup",[91],{"type":76,"value":92},"Setup",{"type":71,"tag":72,"props":94,"children":95},{},[96,98,104,106,112,114,120],{"type":76,"value":97},"A2UI has two halves. The runtime declares a2ui middleware; the client enables\nthe a2ui prop on the provider. Once both are set, ",{"type":71,"tag":79,"props":99,"children":101},{"className":100},[],[102],{"type":76,"value":103},"\u002Finfo",{"type":76,"value":105}," flags A2UI and the\nclient auto-mounts ",{"type":71,"tag":79,"props":107,"children":109},{"className":108},[],[110],{"type":76,"value":111},"createA2UIMessageRenderer",{"type":76,"value":113}," — you do NOT wire\n",{"type":71,"tag":79,"props":115,"children":117},{"className":116},[],[118],{"type":76,"value":119},"renderActivityMessages",{"type":76,"value":121}," yourself.",{"type":71,"tag":123,"props":124,"children":126},"h3",{"id":125},"runtime-side-approutesapicopilotkittsx",[127,129,135],{"type":76,"value":128},"Runtime side (",{"type":71,"tag":79,"props":130,"children":132},{"className":131},[],[133],{"type":76,"value":134},"app\u002Froutes\u002Fapi.copilotkit.$.tsx",{"type":76,"value":136},")",{"type":71,"tag":138,"props":139,"children":144},"pre",{"className":140,"code":141,"language":142,"meta":143,"style":143},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import type { Route } from \".\u002F+types\u002Fapi.copilotkit.$\";\nimport {\n CopilotRuntime,\n createCopilotRuntimeHandler,\n BuiltInAgent,\n convertInputToTanStackAI,\n} from \"@copilotkit\u002Fruntime\u002Fv2\";\nimport { chat } from \"@tanstack\u002Fai\";\nimport { openaiText } from \"@tanstack\u002Fai-openai\";\n\nconst agent = new BuiltInAgent({\n type: \"tanstack\",\n factory: ({ input, abortController }) => {\n const { messages, systemPrompts } = convertInputToTanStackAI(input);\n return chat({\n adapter: openaiText(\"gpt-4o\"),\n messages,\n systemPrompts,\n abortController,\n });\n },\n});\n\nconst runtime = new CopilotRuntime({\n agents: { default: agent },\n \u002F\u002F Enabling this key causes \u002Finfo to advertise A2UI to the client.\n a2ui: {},\n});\n\nconst handler = createCopilotRuntimeHandler({\n runtime,\n basePath: \"\u002Fapi\u002Fcopilotkit\",\n});\n\nexport async function loader({ request }: Route.LoaderArgs) {\n return handler(request);\n}\nexport async function action({ request }: Route.ActionArgs) {\n return handler(request);\n}\n","tsx","",[145],{"type":71,"tag":79,"props":146,"children":147},{"__ignoreMap":143},[148,208,221,235,248,261,274,304,346,388,398,439,471,519,577,598,640,653,666,679,696,705,721,729,763,798,808,826,842,850,880,893,923,939,947,1009,1040,1049,1103,1131],{"type":71,"tag":149,"props":150,"children":153},"span",{"class":151,"line":152},"line",1,[154,160,165,171,177,182,187,192,198,203],{"type":71,"tag":149,"props":155,"children":157},{"style":156},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[158],{"type":76,"value":159},"import",{"type":71,"tag":149,"props":161,"children":162},{"style":156},[163],{"type":76,"value":164}," type",{"type":71,"tag":149,"props":166,"children":168},{"style":167},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[169],{"type":76,"value":170}," {",{"type":71,"tag":149,"props":172,"children":174},{"style":173},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[175],{"type":76,"value":176}," Route",{"type":71,"tag":149,"props":178,"children":179},{"style":167},[180],{"type":76,"value":181}," }",{"type":71,"tag":149,"props":183,"children":184},{"style":156},[185],{"type":76,"value":186}," from",{"type":71,"tag":149,"props":188,"children":189},{"style":167},[190],{"type":76,"value":191}," \"",{"type":71,"tag":149,"props":193,"children":195},{"style":194},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[196],{"type":76,"value":197},".\u002F+types\u002Fapi.copilotkit.$",{"type":71,"tag":149,"props":199,"children":200},{"style":167},[201],{"type":76,"value":202},"\"",{"type":71,"tag":149,"props":204,"children":205},{"style":167},[206],{"type":76,"value":207},";\n",{"type":71,"tag":149,"props":209,"children":211},{"class":151,"line":210},2,[212,216],{"type":71,"tag":149,"props":213,"children":214},{"style":156},[215],{"type":76,"value":159},{"type":71,"tag":149,"props":217,"children":218},{"style":167},[219],{"type":76,"value":220}," {\n",{"type":71,"tag":149,"props":222,"children":224},{"class":151,"line":223},3,[225,230],{"type":71,"tag":149,"props":226,"children":227},{"style":173},[228],{"type":76,"value":229}," CopilotRuntime",{"type":71,"tag":149,"props":231,"children":232},{"style":167},[233],{"type":76,"value":234},",\n",{"type":71,"tag":149,"props":236,"children":238},{"class":151,"line":237},4,[239,244],{"type":71,"tag":149,"props":240,"children":241},{"style":173},[242],{"type":76,"value":243}," createCopilotRuntimeHandler",{"type":71,"tag":149,"props":245,"children":246},{"style":167},[247],{"type":76,"value":234},{"type":71,"tag":149,"props":249,"children":251},{"class":151,"line":250},5,[252,257],{"type":71,"tag":149,"props":253,"children":254},{"style":173},[255],{"type":76,"value":256}," BuiltInAgent",{"type":71,"tag":149,"props":258,"children":259},{"style":167},[260],{"type":76,"value":234},{"type":71,"tag":149,"props":262,"children":264},{"class":151,"line":263},6,[265,270],{"type":71,"tag":149,"props":266,"children":267},{"style":173},[268],{"type":76,"value":269}," convertInputToTanStackAI",{"type":71,"tag":149,"props":271,"children":272},{"style":167},[273],{"type":76,"value":234},{"type":71,"tag":149,"props":275,"children":277},{"class":151,"line":276},7,[278,283,287,291,296,300],{"type":71,"tag":149,"props":279,"children":280},{"style":167},[281],{"type":76,"value":282},"}",{"type":71,"tag":149,"props":284,"children":285},{"style":156},[286],{"type":76,"value":186},{"type":71,"tag":149,"props":288,"children":289},{"style":167},[290],{"type":76,"value":191},{"type":71,"tag":149,"props":292,"children":293},{"style":194},[294],{"type":76,"value":295},"@copilotkit\u002Fruntime\u002Fv2",{"type":71,"tag":149,"props":297,"children":298},{"style":167},[299],{"type":76,"value":202},{"type":71,"tag":149,"props":301,"children":302},{"style":167},[303],{"type":76,"value":207},{"type":71,"tag":149,"props":305,"children":307},{"class":151,"line":306},8,[308,312,316,321,325,329,333,338,342],{"type":71,"tag":149,"props":309,"children":310},{"style":156},[311],{"type":76,"value":159},{"type":71,"tag":149,"props":313,"children":314},{"style":167},[315],{"type":76,"value":170},{"type":71,"tag":149,"props":317,"children":318},{"style":173},[319],{"type":76,"value":320}," chat",{"type":71,"tag":149,"props":322,"children":323},{"style":167},[324],{"type":76,"value":181},{"type":71,"tag":149,"props":326,"children":327},{"style":156},[328],{"type":76,"value":186},{"type":71,"tag":149,"props":330,"children":331},{"style":167},[332],{"type":76,"value":191},{"type":71,"tag":149,"props":334,"children":335},{"style":194},[336],{"type":76,"value":337},"@tanstack\u002Fai",{"type":71,"tag":149,"props":339,"children":340},{"style":167},[341],{"type":76,"value":202},{"type":71,"tag":149,"props":343,"children":344},{"style":167},[345],{"type":76,"value":207},{"type":71,"tag":149,"props":347,"children":349},{"class":151,"line":348},9,[350,354,358,363,367,371,375,380,384],{"type":71,"tag":149,"props":351,"children":352},{"style":156},[353],{"type":76,"value":159},{"type":71,"tag":149,"props":355,"children":356},{"style":167},[357],{"type":76,"value":170},{"type":71,"tag":149,"props":359,"children":360},{"style":173},[361],{"type":76,"value":362}," openaiText",{"type":71,"tag":149,"props":364,"children":365},{"style":167},[366],{"type":76,"value":181},{"type":71,"tag":149,"props":368,"children":369},{"style":156},[370],{"type":76,"value":186},{"type":71,"tag":149,"props":372,"children":373},{"style":167},[374],{"type":76,"value":191},{"type":71,"tag":149,"props":376,"children":377},{"style":194},[378],{"type":76,"value":379},"@tanstack\u002Fai-openai",{"type":71,"tag":149,"props":381,"children":382},{"style":167},[383],{"type":76,"value":202},{"type":71,"tag":149,"props":385,"children":386},{"style":167},[387],{"type":76,"value":207},{"type":71,"tag":149,"props":389,"children":391},{"class":151,"line":390},10,[392],{"type":71,"tag":149,"props":393,"children":395},{"emptyLinePlaceholder":394},true,[396],{"type":76,"value":397},"\n",{"type":71,"tag":149,"props":399,"children":401},{"class":151,"line":400},11,[402,408,413,418,423,429,434],{"type":71,"tag":149,"props":403,"children":405},{"style":404},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[406],{"type":76,"value":407},"const",{"type":71,"tag":149,"props":409,"children":410},{"style":173},[411],{"type":76,"value":412}," agent ",{"type":71,"tag":149,"props":414,"children":415},{"style":167},[416],{"type":76,"value":417},"=",{"type":71,"tag":149,"props":419,"children":420},{"style":167},[421],{"type":76,"value":422}," new",{"type":71,"tag":149,"props":424,"children":426},{"style":425},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[427],{"type":76,"value":428}," BuiltInAgent",{"type":71,"tag":149,"props":430,"children":431},{"style":173},[432],{"type":76,"value":433},"(",{"type":71,"tag":149,"props":435,"children":436},{"style":167},[437],{"type":76,"value":438},"{\n",{"type":71,"tag":149,"props":440,"children":442},{"class":151,"line":441},12,[443,449,454,458,463,467],{"type":71,"tag":149,"props":444,"children":446},{"style":445},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[447],{"type":76,"value":448}," type",{"type":71,"tag":149,"props":450,"children":451},{"style":167},[452],{"type":76,"value":453},":",{"type":71,"tag":149,"props":455,"children":456},{"style":167},[457],{"type":76,"value":191},{"type":71,"tag":149,"props":459,"children":460},{"style":194},[461],{"type":76,"value":462},"tanstack",{"type":71,"tag":149,"props":464,"children":465},{"style":167},[466],{"type":76,"value":202},{"type":71,"tag":149,"props":468,"children":469},{"style":167},[470],{"type":76,"value":234},{"type":71,"tag":149,"props":472,"children":474},{"class":151,"line":473},13,[475,480,484,489,495,500,505,510,515],{"type":71,"tag":149,"props":476,"children":477},{"style":425},[478],{"type":76,"value":479}," factory",{"type":71,"tag":149,"props":481,"children":482},{"style":167},[483],{"type":76,"value":453},{"type":71,"tag":149,"props":485,"children":486},{"style":167},[487],{"type":76,"value":488}," ({",{"type":71,"tag":149,"props":490,"children":492},{"style":491},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[493],{"type":76,"value":494}," input",{"type":71,"tag":149,"props":496,"children":497},{"style":167},[498],{"type":76,"value":499},",",{"type":71,"tag":149,"props":501,"children":502},{"style":491},[503],{"type":76,"value":504}," abortController",{"type":71,"tag":149,"props":506,"children":507},{"style":167},[508],{"type":76,"value":509}," })",{"type":71,"tag":149,"props":511,"children":512},{"style":404},[513],{"type":76,"value":514}," =>",{"type":71,"tag":149,"props":516,"children":517},{"style":167},[518],{"type":76,"value":220},{"type":71,"tag":149,"props":520,"children":522},{"class":151,"line":521},14,[523,528,532,537,541,546,550,555,560,564,569,573],{"type":71,"tag":149,"props":524,"children":525},{"style":404},[526],{"type":76,"value":527}," const",{"type":71,"tag":149,"props":529,"children":530},{"style":167},[531],{"type":76,"value":170},{"type":71,"tag":149,"props":533,"children":534},{"style":173},[535],{"type":76,"value":536}," messages",{"type":71,"tag":149,"props":538,"children":539},{"style":167},[540],{"type":76,"value":499},{"type":71,"tag":149,"props":542,"children":543},{"style":173},[544],{"type":76,"value":545}," systemPrompts",{"type":71,"tag":149,"props":547,"children":548},{"style":167},[549],{"type":76,"value":181},{"type":71,"tag":149,"props":551,"children":552},{"style":167},[553],{"type":76,"value":554}," =",{"type":71,"tag":149,"props":556,"children":557},{"style":425},[558],{"type":76,"value":559}," convertInputToTanStackAI",{"type":71,"tag":149,"props":561,"children":562},{"style":445},[563],{"type":76,"value":433},{"type":71,"tag":149,"props":565,"children":566},{"style":173},[567],{"type":76,"value":568},"input",{"type":71,"tag":149,"props":570,"children":571},{"style":445},[572],{"type":76,"value":136},{"type":71,"tag":149,"props":574,"children":575},{"style":167},[576],{"type":76,"value":207},{"type":71,"tag":149,"props":578,"children":580},{"class":151,"line":579},15,[581,586,590,594],{"type":71,"tag":149,"props":582,"children":583},{"style":156},[584],{"type":76,"value":585}," return",{"type":71,"tag":149,"props":587,"children":588},{"style":425},[589],{"type":76,"value":320},{"type":71,"tag":149,"props":591,"children":592},{"style":445},[593],{"type":76,"value":433},{"type":71,"tag":149,"props":595,"children":596},{"style":167},[597],{"type":76,"value":438},{"type":71,"tag":149,"props":599,"children":601},{"class":151,"line":600},16,[602,607,611,615,619,623,628,632,636],{"type":71,"tag":149,"props":603,"children":604},{"style":445},[605],{"type":76,"value":606}," adapter",{"type":71,"tag":149,"props":608,"children":609},{"style":167},[610],{"type":76,"value":453},{"type":71,"tag":149,"props":612,"children":613},{"style":425},[614],{"type":76,"value":362},{"type":71,"tag":149,"props":616,"children":617},{"style":445},[618],{"type":76,"value":433},{"type":71,"tag":149,"props":620,"children":621},{"style":167},[622],{"type":76,"value":202},{"type":71,"tag":149,"props":624,"children":625},{"style":194},[626],{"type":76,"value":627},"gpt-4o",{"type":71,"tag":149,"props":629,"children":630},{"style":167},[631],{"type":76,"value":202},{"type":71,"tag":149,"props":633,"children":634},{"style":445},[635],{"type":76,"value":136},{"type":71,"tag":149,"props":637,"children":638},{"style":167},[639],{"type":76,"value":234},{"type":71,"tag":149,"props":641,"children":643},{"class":151,"line":642},17,[644,649],{"type":71,"tag":149,"props":645,"children":646},{"style":173},[647],{"type":76,"value":648}," messages",{"type":71,"tag":149,"props":650,"children":651},{"style":167},[652],{"type":76,"value":234},{"type":71,"tag":149,"props":654,"children":656},{"class":151,"line":655},18,[657,662],{"type":71,"tag":149,"props":658,"children":659},{"style":173},[660],{"type":76,"value":661}," systemPrompts",{"type":71,"tag":149,"props":663,"children":664},{"style":167},[665],{"type":76,"value":234},{"type":71,"tag":149,"props":667,"children":669},{"class":151,"line":668},19,[670,675],{"type":71,"tag":149,"props":671,"children":672},{"style":173},[673],{"type":76,"value":674}," abortController",{"type":71,"tag":149,"props":676,"children":677},{"style":167},[678],{"type":76,"value":234},{"type":71,"tag":149,"props":680,"children":682},{"class":151,"line":681},20,[683,688,692],{"type":71,"tag":149,"props":684,"children":685},{"style":167},[686],{"type":76,"value":687}," }",{"type":71,"tag":149,"props":689,"children":690},{"style":445},[691],{"type":76,"value":136},{"type":71,"tag":149,"props":693,"children":694},{"style":167},[695],{"type":76,"value":207},{"type":71,"tag":149,"props":697,"children":699},{"class":151,"line":698},21,[700],{"type":71,"tag":149,"props":701,"children":702},{"style":167},[703],{"type":76,"value":704}," },\n",{"type":71,"tag":149,"props":706,"children":708},{"class":151,"line":707},22,[709,713,717],{"type":71,"tag":149,"props":710,"children":711},{"style":167},[712],{"type":76,"value":282},{"type":71,"tag":149,"props":714,"children":715},{"style":173},[716],{"type":76,"value":136},{"type":71,"tag":149,"props":718,"children":719},{"style":167},[720],{"type":76,"value":207},{"type":71,"tag":149,"props":722,"children":724},{"class":151,"line":723},23,[725],{"type":71,"tag":149,"props":726,"children":727},{"emptyLinePlaceholder":394},[728],{"type":76,"value":397},{"type":71,"tag":149,"props":730,"children":732},{"class":151,"line":731},24,[733,737,742,746,750,755,759],{"type":71,"tag":149,"props":734,"children":735},{"style":404},[736],{"type":76,"value":407},{"type":71,"tag":149,"props":738,"children":739},{"style":173},[740],{"type":76,"value":741}," runtime ",{"type":71,"tag":149,"props":743,"children":744},{"style":167},[745],{"type":76,"value":417},{"type":71,"tag":149,"props":747,"children":748},{"style":167},[749],{"type":76,"value":422},{"type":71,"tag":149,"props":751,"children":752},{"style":425},[753],{"type":76,"value":754}," CopilotRuntime",{"type":71,"tag":149,"props":756,"children":757},{"style":173},[758],{"type":76,"value":433},{"type":71,"tag":149,"props":760,"children":761},{"style":167},[762],{"type":76,"value":438},{"type":71,"tag":149,"props":764,"children":766},{"class":151,"line":765},25,[767,772,776,780,785,789,793],{"type":71,"tag":149,"props":768,"children":769},{"style":445},[770],{"type":76,"value":771}," agents",{"type":71,"tag":149,"props":773,"children":774},{"style":167},[775],{"type":76,"value":453},{"type":71,"tag":149,"props":777,"children":778},{"style":167},[779],{"type":76,"value":170},{"type":71,"tag":149,"props":781,"children":782},{"style":445},[783],{"type":76,"value":784}," default",{"type":71,"tag":149,"props":786,"children":787},{"style":167},[788],{"type":76,"value":453},{"type":71,"tag":149,"props":790,"children":791},{"style":173},[792],{"type":76,"value":412},{"type":71,"tag":149,"props":794,"children":795},{"style":167},[796],{"type":76,"value":797},"},\n",{"type":71,"tag":149,"props":799,"children":801},{"class":151,"line":800},26,[802],{"type":71,"tag":149,"props":803,"children":805},{"style":804},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[806],{"type":76,"value":807}," \u002F\u002F Enabling this key causes \u002Finfo to advertise A2UI to the client.\n",{"type":71,"tag":149,"props":809,"children":811},{"class":151,"line":810},27,[812,817,821],{"type":71,"tag":149,"props":813,"children":814},{"style":445},[815],{"type":76,"value":816}," a2ui",{"type":71,"tag":149,"props":818,"children":819},{"style":167},[820],{"type":76,"value":453},{"type":71,"tag":149,"props":822,"children":823},{"style":167},[824],{"type":76,"value":825}," {},\n",{"type":71,"tag":149,"props":827,"children":829},{"class":151,"line":828},28,[830,834,838],{"type":71,"tag":149,"props":831,"children":832},{"style":167},[833],{"type":76,"value":282},{"type":71,"tag":149,"props":835,"children":836},{"style":173},[837],{"type":76,"value":136},{"type":71,"tag":149,"props":839,"children":840},{"style":167},[841],{"type":76,"value":207},{"type":71,"tag":149,"props":843,"children":845},{"class":151,"line":844},29,[846],{"type":71,"tag":149,"props":847,"children":848},{"emptyLinePlaceholder":394},[849],{"type":76,"value":397},{"type":71,"tag":149,"props":851,"children":853},{"class":151,"line":852},30,[854,858,863,867,872,876],{"type":71,"tag":149,"props":855,"children":856},{"style":404},[857],{"type":76,"value":407},{"type":71,"tag":149,"props":859,"children":860},{"style":173},[861],{"type":76,"value":862}," handler ",{"type":71,"tag":149,"props":864,"children":865},{"style":167},[866],{"type":76,"value":417},{"type":71,"tag":149,"props":868,"children":869},{"style":425},[870],{"type":76,"value":871}," createCopilotRuntimeHandler",{"type":71,"tag":149,"props":873,"children":874},{"style":173},[875],{"type":76,"value":433},{"type":71,"tag":149,"props":877,"children":878},{"style":167},[879],{"type":76,"value":438},{"type":71,"tag":149,"props":881,"children":883},{"class":151,"line":882},31,[884,889],{"type":71,"tag":149,"props":885,"children":886},{"style":173},[887],{"type":76,"value":888}," runtime",{"type":71,"tag":149,"props":890,"children":891},{"style":167},[892],{"type":76,"value":234},{"type":71,"tag":149,"props":894,"children":896},{"class":151,"line":895},32,[897,902,906,910,915,919],{"type":71,"tag":149,"props":898,"children":899},{"style":445},[900],{"type":76,"value":901}," basePath",{"type":71,"tag":149,"props":903,"children":904},{"style":167},[905],{"type":76,"value":453},{"type":71,"tag":149,"props":907,"children":908},{"style":167},[909],{"type":76,"value":191},{"type":71,"tag":149,"props":911,"children":912},{"style":194},[913],{"type":76,"value":914},"\u002Fapi\u002Fcopilotkit",{"type":71,"tag":149,"props":916,"children":917},{"style":167},[918],{"type":76,"value":202},{"type":71,"tag":149,"props":920,"children":921},{"style":167},[922],{"type":76,"value":234},{"type":71,"tag":149,"props":924,"children":926},{"class":151,"line":925},33,[927,931,935],{"type":71,"tag":149,"props":928,"children":929},{"style":167},[930],{"type":76,"value":282},{"type":71,"tag":149,"props":932,"children":933},{"style":173},[934],{"type":76,"value":136},{"type":71,"tag":149,"props":936,"children":937},{"style":167},[938],{"type":76,"value":207},{"type":71,"tag":149,"props":940,"children":942},{"class":151,"line":941},34,[943],{"type":71,"tag":149,"props":944,"children":945},{"emptyLinePlaceholder":394},[946],{"type":76,"value":397},{"type":71,"tag":149,"props":948,"children":950},{"class":151,"line":949},35,[951,956,961,966,971,976,981,986,991,996,1001,1005],{"type":71,"tag":149,"props":952,"children":953},{"style":156},[954],{"type":76,"value":955},"export",{"type":71,"tag":149,"props":957,"children":958},{"style":404},[959],{"type":76,"value":960}," async",{"type":71,"tag":149,"props":962,"children":963},{"style":404},[964],{"type":76,"value":965}," function",{"type":71,"tag":149,"props":967,"children":968},{"style":425},[969],{"type":76,"value":970}," loader",{"type":71,"tag":149,"props":972,"children":973},{"style":167},[974],{"type":76,"value":975},"({",{"type":71,"tag":149,"props":977,"children":978},{"style":491},[979],{"type":76,"value":980}," request",{"type":71,"tag":149,"props":982,"children":983},{"style":167},[984],{"type":76,"value":985}," }:",{"type":71,"tag":149,"props":987,"children":989},{"style":988},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[990],{"type":76,"value":176},{"type":71,"tag":149,"props":992,"children":993},{"style":167},[994],{"type":76,"value":995},".",{"type":71,"tag":149,"props":997,"children":998},{"style":988},[999],{"type":76,"value":1000},"LoaderArgs",{"type":71,"tag":149,"props":1002,"children":1003},{"style":167},[1004],{"type":76,"value":136},{"type":71,"tag":149,"props":1006,"children":1007},{"style":167},[1008],{"type":76,"value":220},{"type":71,"tag":149,"props":1010,"children":1012},{"class":151,"line":1011},36,[1013,1018,1023,1027,1032,1036],{"type":71,"tag":149,"props":1014,"children":1015},{"style":156},[1016],{"type":76,"value":1017}," return",{"type":71,"tag":149,"props":1019,"children":1020},{"style":425},[1021],{"type":76,"value":1022}," handler",{"type":71,"tag":149,"props":1024,"children":1025},{"style":445},[1026],{"type":76,"value":433},{"type":71,"tag":149,"props":1028,"children":1029},{"style":173},[1030],{"type":76,"value":1031},"request",{"type":71,"tag":149,"props":1033,"children":1034},{"style":445},[1035],{"type":76,"value":136},{"type":71,"tag":149,"props":1037,"children":1038},{"style":167},[1039],{"type":76,"value":207},{"type":71,"tag":149,"props":1041,"children":1043},{"class":151,"line":1042},37,[1044],{"type":71,"tag":149,"props":1045,"children":1046},{"style":167},[1047],{"type":76,"value":1048},"}\n",{"type":71,"tag":149,"props":1050,"children":1052},{"class":151,"line":1051},38,[1053,1057,1061,1065,1070,1074,1078,1082,1086,1090,1095,1099],{"type":71,"tag":149,"props":1054,"children":1055},{"style":156},[1056],{"type":76,"value":955},{"type":71,"tag":149,"props":1058,"children":1059},{"style":404},[1060],{"type":76,"value":960},{"type":71,"tag":149,"props":1062,"children":1063},{"style":404},[1064],{"type":76,"value":965},{"type":71,"tag":149,"props":1066,"children":1067},{"style":425},[1068],{"type":76,"value":1069}," action",{"type":71,"tag":149,"props":1071,"children":1072},{"style":167},[1073],{"type":76,"value":975},{"type":71,"tag":149,"props":1075,"children":1076},{"style":491},[1077],{"type":76,"value":980},{"type":71,"tag":149,"props":1079,"children":1080},{"style":167},[1081],{"type":76,"value":985},{"type":71,"tag":149,"props":1083,"children":1084},{"style":988},[1085],{"type":76,"value":176},{"type":71,"tag":149,"props":1087,"children":1088},{"style":167},[1089],{"type":76,"value":995},{"type":71,"tag":149,"props":1091,"children":1092},{"style":988},[1093],{"type":76,"value":1094},"ActionArgs",{"type":71,"tag":149,"props":1096,"children":1097},{"style":167},[1098],{"type":76,"value":136},{"type":71,"tag":149,"props":1100,"children":1101},{"style":167},[1102],{"type":76,"value":220},{"type":71,"tag":149,"props":1104,"children":1106},{"class":151,"line":1105},39,[1107,1111,1115,1119,1123,1127],{"type":71,"tag":149,"props":1108,"children":1109},{"style":156},[1110],{"type":76,"value":1017},{"type":71,"tag":149,"props":1112,"children":1113},{"style":425},[1114],{"type":76,"value":1022},{"type":71,"tag":149,"props":1116,"children":1117},{"style":445},[1118],{"type":76,"value":433},{"type":71,"tag":149,"props":1120,"children":1121},{"style":173},[1122],{"type":76,"value":1031},{"type":71,"tag":149,"props":1124,"children":1125},{"style":445},[1126],{"type":76,"value":136},{"type":71,"tag":149,"props":1128,"children":1129},{"style":167},[1130],{"type":76,"value":207},{"type":71,"tag":149,"props":1132,"children":1134},{"class":151,"line":1133},40,[1135],{"type":71,"tag":149,"props":1136,"children":1137},{"style":167},[1138],{"type":76,"value":1048},{"type":71,"tag":123,"props":1140,"children":1142},{"id":1141},"client-side-approottsx-or-the-app-shell",[1143,1145,1151],{"type":76,"value":1144},"Client side (",{"type":71,"tag":79,"props":1146,"children":1148},{"className":1147},[],[1149],{"type":76,"value":1150},"app\u002Froot.tsx",{"type":76,"value":1152}," or the app shell)",{"type":71,"tag":138,"props":1154,"children":1156},{"className":140,"code":1155,"language":142,"meta":143,"style":143},"import { CopilotKit, CopilotChat } from \"@copilotkit\u002Freact-core\u002Fv2\";\nimport \"@copilotkit\u002Freact-core\u002Fv2\u002Fstyles.css\";\n\nexport default function App() {\n return (\n \u003CCopilotKit\n runtimeUrl=\"\u002Fapi\u002Fcopilotkit\"\n a2ui={{\n theme: {\n \u002F\u002F Theme object forwarded to A2UIProvider → ThemeProvider.\n \u002F\u002F Tokens map to A2UI's basic catalog CSS vars.\n colors: { primary: \"#0ea5e9\" },\n },\n }}\n >\n \u003CCopilotChat agentId=\"default\" className=\"h-full\" \u002F>\n \u003C\u002FCopilotKit>\n );\n}\n",[1157],{"type":71,"tag":79,"props":1158,"children":1159},{"__ignoreMap":143},[1160,1210,1234,1241,1270,1282,1295,1320,1333,1349,1357,1365,1408,1416,1424,1432,1494,1511,1523],{"type":71,"tag":149,"props":1161,"children":1162},{"class":151,"line":152},[1163,1167,1171,1176,1180,1185,1189,1193,1197,1202,1206],{"type":71,"tag":149,"props":1164,"children":1165},{"style":156},[1166],{"type":76,"value":159},{"type":71,"tag":149,"props":1168,"children":1169},{"style":167},[1170],{"type":76,"value":170},{"type":71,"tag":149,"props":1172,"children":1173},{"style":173},[1174],{"type":76,"value":1175}," CopilotKit",{"type":71,"tag":149,"props":1177,"children":1178},{"style":167},[1179],{"type":76,"value":499},{"type":71,"tag":149,"props":1181,"children":1182},{"style":173},[1183],{"type":76,"value":1184}," CopilotChat",{"type":71,"tag":149,"props":1186,"children":1187},{"style":167},[1188],{"type":76,"value":181},{"type":71,"tag":149,"props":1190,"children":1191},{"style":156},[1192],{"type":76,"value":186},{"type":71,"tag":149,"props":1194,"children":1195},{"style":167},[1196],{"type":76,"value":191},{"type":71,"tag":149,"props":1198,"children":1199},{"style":194},[1200],{"type":76,"value":1201},"@copilotkit\u002Freact-core\u002Fv2",{"type":71,"tag":149,"props":1203,"children":1204},{"style":167},[1205],{"type":76,"value":202},{"type":71,"tag":149,"props":1207,"children":1208},{"style":167},[1209],{"type":76,"value":207},{"type":71,"tag":149,"props":1211,"children":1212},{"class":151,"line":210},[1213,1217,1221,1226,1230],{"type":71,"tag":149,"props":1214,"children":1215},{"style":156},[1216],{"type":76,"value":159},{"type":71,"tag":149,"props":1218,"children":1219},{"style":167},[1220],{"type":76,"value":191},{"type":71,"tag":149,"props":1222,"children":1223},{"style":194},[1224],{"type":76,"value":1225},"@copilotkit\u002Freact-core\u002Fv2\u002Fstyles.css",{"type":71,"tag":149,"props":1227,"children":1228},{"style":167},[1229],{"type":76,"value":202},{"type":71,"tag":149,"props":1231,"children":1232},{"style":167},[1233],{"type":76,"value":207},{"type":71,"tag":149,"props":1235,"children":1236},{"class":151,"line":223},[1237],{"type":71,"tag":149,"props":1238,"children":1239},{"emptyLinePlaceholder":394},[1240],{"type":76,"value":397},{"type":71,"tag":149,"props":1242,"children":1243},{"class":151,"line":237},[1244,1248,1252,1256,1261,1266],{"type":71,"tag":149,"props":1245,"children":1246},{"style":156},[1247],{"type":76,"value":955},{"type":71,"tag":149,"props":1249,"children":1250},{"style":156},[1251],{"type":76,"value":784},{"type":71,"tag":149,"props":1253,"children":1254},{"style":404},[1255],{"type":76,"value":965},{"type":71,"tag":149,"props":1257,"children":1258},{"style":425},[1259],{"type":76,"value":1260}," App",{"type":71,"tag":149,"props":1262,"children":1263},{"style":167},[1264],{"type":76,"value":1265},"()",{"type":71,"tag":149,"props":1267,"children":1268},{"style":167},[1269],{"type":76,"value":220},{"type":71,"tag":149,"props":1271,"children":1272},{"class":151,"line":250},[1273,1277],{"type":71,"tag":149,"props":1274,"children":1275},{"style":156},[1276],{"type":76,"value":1017},{"type":71,"tag":149,"props":1278,"children":1279},{"style":445},[1280],{"type":76,"value":1281}," (\n",{"type":71,"tag":149,"props":1283,"children":1284},{"class":151,"line":263},[1285,1290],{"type":71,"tag":149,"props":1286,"children":1287},{"style":167},[1288],{"type":76,"value":1289}," \u003C",{"type":71,"tag":149,"props":1291,"children":1292},{"style":988},[1293],{"type":76,"value":1294},"CopilotKit\n",{"type":71,"tag":149,"props":1296,"children":1297},{"class":151,"line":276},[1298,1303,1307,1311,1315],{"type":71,"tag":149,"props":1299,"children":1300},{"style":404},[1301],{"type":76,"value":1302}," runtimeUrl",{"type":71,"tag":149,"props":1304,"children":1305},{"style":167},[1306],{"type":76,"value":417},{"type":71,"tag":149,"props":1308,"children":1309},{"style":167},[1310],{"type":76,"value":202},{"type":71,"tag":149,"props":1312,"children":1313},{"style":194},[1314],{"type":76,"value":914},{"type":71,"tag":149,"props":1316,"children":1317},{"style":167},[1318],{"type":76,"value":1319},"\"\n",{"type":71,"tag":149,"props":1321,"children":1322},{"class":151,"line":306},[1323,1328],{"type":71,"tag":149,"props":1324,"children":1325},{"style":404},[1326],{"type":76,"value":1327}," a2ui",{"type":71,"tag":149,"props":1329,"children":1330},{"style":167},[1331],{"type":76,"value":1332},"={{\n",{"type":71,"tag":149,"props":1334,"children":1335},{"class":151,"line":348},[1336,1341,1345],{"type":71,"tag":149,"props":1337,"children":1338},{"style":445},[1339],{"type":76,"value":1340}," theme",{"type":71,"tag":149,"props":1342,"children":1343},{"style":167},[1344],{"type":76,"value":453},{"type":71,"tag":149,"props":1346,"children":1347},{"style":167},[1348],{"type":76,"value":220},{"type":71,"tag":149,"props":1350,"children":1351},{"class":151,"line":390},[1352],{"type":71,"tag":149,"props":1353,"children":1354},{"style":804},[1355],{"type":76,"value":1356}," \u002F\u002F Theme object forwarded to A2UIProvider → ThemeProvider.\n",{"type":71,"tag":149,"props":1358,"children":1359},{"class":151,"line":400},[1360],{"type":71,"tag":149,"props":1361,"children":1362},{"style":804},[1363],{"type":76,"value":1364}," \u002F\u002F Tokens map to A2UI's basic catalog CSS vars.\n",{"type":71,"tag":149,"props":1366,"children":1367},{"class":151,"line":441},[1368,1373,1377,1381,1386,1390,1394,1399,1403],{"type":71,"tag":149,"props":1369,"children":1370},{"style":445},[1371],{"type":76,"value":1372}," colors",{"type":71,"tag":149,"props":1374,"children":1375},{"style":167},[1376],{"type":76,"value":453},{"type":71,"tag":149,"props":1378,"children":1379},{"style":167},[1380],{"type":76,"value":170},{"type":71,"tag":149,"props":1382,"children":1383},{"style":445},[1384],{"type":76,"value":1385}," primary",{"type":71,"tag":149,"props":1387,"children":1388},{"style":167},[1389],{"type":76,"value":453},{"type":71,"tag":149,"props":1391,"children":1392},{"style":167},[1393],{"type":76,"value":191},{"type":71,"tag":149,"props":1395,"children":1396},{"style":194},[1397],{"type":76,"value":1398},"#0ea5e9",{"type":71,"tag":149,"props":1400,"children":1401},{"style":167},[1402],{"type":76,"value":202},{"type":71,"tag":149,"props":1404,"children":1405},{"style":167},[1406],{"type":76,"value":1407}," },\n",{"type":71,"tag":149,"props":1409,"children":1410},{"class":151,"line":473},[1411],{"type":71,"tag":149,"props":1412,"children":1413},{"style":167},[1414],{"type":76,"value":1415}," },\n",{"type":71,"tag":149,"props":1417,"children":1418},{"class":151,"line":521},[1419],{"type":71,"tag":149,"props":1420,"children":1421},{"style":167},[1422],{"type":76,"value":1423}," }}\n",{"type":71,"tag":149,"props":1425,"children":1426},{"class":151,"line":579},[1427],{"type":71,"tag":149,"props":1428,"children":1429},{"style":167},[1430],{"type":76,"value":1431}," >\n",{"type":71,"tag":149,"props":1433,"children":1434},{"class":151,"line":600},[1435,1440,1445,1450,1454,1458,1463,1467,1472,1476,1480,1485,1489],{"type":71,"tag":149,"props":1436,"children":1437},{"style":167},[1438],{"type":76,"value":1439}," \u003C",{"type":71,"tag":149,"props":1441,"children":1442},{"style":988},[1443],{"type":76,"value":1444},"CopilotChat",{"type":71,"tag":149,"props":1446,"children":1447},{"style":404},[1448],{"type":76,"value":1449}," agentId",{"type":71,"tag":149,"props":1451,"children":1452},{"style":167},[1453],{"type":76,"value":417},{"type":71,"tag":149,"props":1455,"children":1456},{"style":167},[1457],{"type":76,"value":202},{"type":71,"tag":149,"props":1459,"children":1460},{"style":194},[1461],{"type":76,"value":1462},"default",{"type":71,"tag":149,"props":1464,"children":1465},{"style":167},[1466],{"type":76,"value":202},{"type":71,"tag":149,"props":1468,"children":1469},{"style":404},[1470],{"type":76,"value":1471}," className",{"type":71,"tag":149,"props":1473,"children":1474},{"style":167},[1475],{"type":76,"value":417},{"type":71,"tag":149,"props":1477,"children":1478},{"style":167},[1479],{"type":76,"value":202},{"type":71,"tag":149,"props":1481,"children":1482},{"style":194},[1483],{"type":76,"value":1484},"h-full",{"type":71,"tag":149,"props":1486,"children":1487},{"style":167},[1488],{"type":76,"value":202},{"type":71,"tag":149,"props":1490,"children":1491},{"style":167},[1492],{"type":76,"value":1493}," \u002F>\n",{"type":71,"tag":149,"props":1495,"children":1496},{"class":151,"line":642},[1497,1502,1506],{"type":71,"tag":149,"props":1498,"children":1499},{"style":167},[1500],{"type":76,"value":1501}," \u003C\u002F",{"type":71,"tag":149,"props":1503,"children":1504},{"style":988},[1505],{"type":76,"value":9},{"type":71,"tag":149,"props":1507,"children":1508},{"style":167},[1509],{"type":76,"value":1510},">\n",{"type":71,"tag":149,"props":1512,"children":1513},{"class":151,"line":655},[1514,1519],{"type":71,"tag":149,"props":1515,"children":1516},{"style":445},[1517],{"type":76,"value":1518}," )",{"type":71,"tag":149,"props":1520,"children":1521},{"style":167},[1522],{"type":76,"value":207},{"type":71,"tag":149,"props":1524,"children":1525},{"class":151,"line":668},[1526],{"type":71,"tag":149,"props":1527,"children":1528},{"style":167},[1529],{"type":76,"value":1048},{"type":71,"tag":87,"props":1531,"children":1533},{"id":1532},"core-patterns",[1534],{"type":76,"value":1535},"Core Patterns",{"type":71,"tag":123,"props":1537,"children":1539},{"id":1538},"custom-catalog",[1540],{"type":76,"value":1541},"Custom catalog",{"type":71,"tag":72,"props":1543,"children":1544},{},[1545,1547,1553,1555,1561],{"type":76,"value":1546},"Pass a custom catalog to extend the built-in component set. ",{"type":71,"tag":79,"props":1548,"children":1550},{"className":1549},[],[1551],{"type":76,"value":1552},"createCatalog",{"type":76,"value":1554},"\nand ",{"type":71,"tag":79,"props":1556,"children":1558},{"className":1557},[],[1559],{"type":76,"value":1560},"extractSchema",{"type":76,"value":1562}," let the agent see what components it may render.",{"type":71,"tag":138,"props":1564,"children":1566},{"className":140,"code":1565,"language":142,"meta":143,"style":143},"import { createCatalog } from \"@copilotkit\u002Fa2ui-renderer\";\nimport { z } from \"zod\";\n\nconst theme = { colors: { primary: \"#0ea5e9\" } };\n\n\u002F\u002F Definitions are platform-agnostic (Zod schemas + descriptions).\n\u002F\u002F Renderers are platform-specific (React components).\n\u002F\u002F TypeScript enforces that renderer keys match definition keys exactly.\nconst definitions = {\n ProductCard: {\n description: \"A product card with title and price\",\n props: z.object({ title: z.string(), price: z.number() }),\n },\n};\n\nconst catalog = createCatalog(\n definitions,\n {\n ProductCard: ({ props }) => (\n \u003Cdiv className=\"rounded-xl border p-3\">\n \u003Cdiv className=\"font-medium\">{props.title}\u003C\u002Fdiv>\n \u003Cdiv className=\"text-sm text-muted-foreground\">${props.price}\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n ),\n },\n { includeBasicCatalog: true },\n);\n\n\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\" a2ui={{ theme, catalog }}>\n \u003CCopilotChat agentId=\"default\" \u002F>\n\u003C\u002FCopilotKit>;\n",[1567],{"type":71,"tag":79,"props":1568,"children":1569},{"__ignoreMap":143},[1570,1611,1652,1659,1721,1728,1736,1744,1752,1772,1788,1817,1920,1927,1935,1942,1967,1979,1987,2020,2057,2122,2193,2209,2221,2228,2255,2266,2273,2334,2370],{"type":71,"tag":149,"props":1571,"children":1572},{"class":151,"line":152},[1573,1577,1581,1586,1590,1594,1598,1603,1607],{"type":71,"tag":149,"props":1574,"children":1575},{"style":156},[1576],{"type":76,"value":159},{"type":71,"tag":149,"props":1578,"children":1579},{"style":167},[1580],{"type":76,"value":170},{"type":71,"tag":149,"props":1582,"children":1583},{"style":173},[1584],{"type":76,"value":1585}," createCatalog",{"type":71,"tag":149,"props":1587,"children":1588},{"style":167},[1589],{"type":76,"value":181},{"type":71,"tag":149,"props":1591,"children":1592},{"style":156},[1593],{"type":76,"value":186},{"type":71,"tag":149,"props":1595,"children":1596},{"style":167},[1597],{"type":76,"value":191},{"type":71,"tag":149,"props":1599,"children":1600},{"style":194},[1601],{"type":76,"value":1602},"@copilotkit\u002Fa2ui-renderer",{"type":71,"tag":149,"props":1604,"children":1605},{"style":167},[1606],{"type":76,"value":202},{"type":71,"tag":149,"props":1608,"children":1609},{"style":167},[1610],{"type":76,"value":207},{"type":71,"tag":149,"props":1612,"children":1613},{"class":151,"line":210},[1614,1618,1622,1627,1631,1635,1639,1644,1648],{"type":71,"tag":149,"props":1615,"children":1616},{"style":156},[1617],{"type":76,"value":159},{"type":71,"tag":149,"props":1619,"children":1620},{"style":167},[1621],{"type":76,"value":170},{"type":71,"tag":149,"props":1623,"children":1624},{"style":173},[1625],{"type":76,"value":1626}," z",{"type":71,"tag":149,"props":1628,"children":1629},{"style":167},[1630],{"type":76,"value":181},{"type":71,"tag":149,"props":1632,"children":1633},{"style":156},[1634],{"type":76,"value":186},{"type":71,"tag":149,"props":1636,"children":1637},{"style":167},[1638],{"type":76,"value":191},{"type":71,"tag":149,"props":1640,"children":1641},{"style":194},[1642],{"type":76,"value":1643},"zod",{"type":71,"tag":149,"props":1645,"children":1646},{"style":167},[1647],{"type":76,"value":202},{"type":71,"tag":149,"props":1649,"children":1650},{"style":167},[1651],{"type":76,"value":207},{"type":71,"tag":149,"props":1653,"children":1654},{"class":151,"line":223},[1655],{"type":71,"tag":149,"props":1656,"children":1657},{"emptyLinePlaceholder":394},[1658],{"type":76,"value":397},{"type":71,"tag":149,"props":1660,"children":1661},{"class":151,"line":237},[1662,1666,1671,1675,1679,1684,1688,1692,1696,1700,1704,1708,1712,1716],{"type":71,"tag":149,"props":1663,"children":1664},{"style":404},[1665],{"type":76,"value":407},{"type":71,"tag":149,"props":1667,"children":1668},{"style":173},[1669],{"type":76,"value":1670}," theme ",{"type":71,"tag":149,"props":1672,"children":1673},{"style":167},[1674],{"type":76,"value":417},{"type":71,"tag":149,"props":1676,"children":1677},{"style":167},[1678],{"type":76,"value":170},{"type":71,"tag":149,"props":1680,"children":1681},{"style":445},[1682],{"type":76,"value":1683}," colors",{"type":71,"tag":149,"props":1685,"children":1686},{"style":167},[1687],{"type":76,"value":453},{"type":71,"tag":149,"props":1689,"children":1690},{"style":167},[1691],{"type":76,"value":170},{"type":71,"tag":149,"props":1693,"children":1694},{"style":445},[1695],{"type":76,"value":1385},{"type":71,"tag":149,"props":1697,"children":1698},{"style":167},[1699],{"type":76,"value":453},{"type":71,"tag":149,"props":1701,"children":1702},{"style":167},[1703],{"type":76,"value":191},{"type":71,"tag":149,"props":1705,"children":1706},{"style":194},[1707],{"type":76,"value":1398},{"type":71,"tag":149,"props":1709,"children":1710},{"style":167},[1711],{"type":76,"value":202},{"type":71,"tag":149,"props":1713,"children":1714},{"style":167},[1715],{"type":76,"value":181},{"type":71,"tag":149,"props":1717,"children":1718},{"style":167},[1719],{"type":76,"value":1720}," };\n",{"type":71,"tag":149,"props":1722,"children":1723},{"class":151,"line":250},[1724],{"type":71,"tag":149,"props":1725,"children":1726},{"emptyLinePlaceholder":394},[1727],{"type":76,"value":397},{"type":71,"tag":149,"props":1729,"children":1730},{"class":151,"line":263},[1731],{"type":71,"tag":149,"props":1732,"children":1733},{"style":804},[1734],{"type":76,"value":1735},"\u002F\u002F Definitions are platform-agnostic (Zod schemas + descriptions).\n",{"type":71,"tag":149,"props":1737,"children":1738},{"class":151,"line":276},[1739],{"type":71,"tag":149,"props":1740,"children":1741},{"style":804},[1742],{"type":76,"value":1743},"\u002F\u002F Renderers are platform-specific (React components).\n",{"type":71,"tag":149,"props":1745,"children":1746},{"class":151,"line":306},[1747],{"type":71,"tag":149,"props":1748,"children":1749},{"style":804},[1750],{"type":76,"value":1751},"\u002F\u002F TypeScript enforces that renderer keys match definition keys exactly.\n",{"type":71,"tag":149,"props":1753,"children":1754},{"class":151,"line":348},[1755,1759,1764,1768],{"type":71,"tag":149,"props":1756,"children":1757},{"style":404},[1758],{"type":76,"value":407},{"type":71,"tag":149,"props":1760,"children":1761},{"style":173},[1762],{"type":76,"value":1763}," definitions ",{"type":71,"tag":149,"props":1765,"children":1766},{"style":167},[1767],{"type":76,"value":417},{"type":71,"tag":149,"props":1769,"children":1770},{"style":167},[1771],{"type":76,"value":220},{"type":71,"tag":149,"props":1773,"children":1774},{"class":151,"line":390},[1775,1780,1784],{"type":71,"tag":149,"props":1776,"children":1777},{"style":445},[1778],{"type":76,"value":1779}," ProductCard",{"type":71,"tag":149,"props":1781,"children":1782},{"style":167},[1783],{"type":76,"value":453},{"type":71,"tag":149,"props":1785,"children":1786},{"style":167},[1787],{"type":76,"value":220},{"type":71,"tag":149,"props":1789,"children":1790},{"class":151,"line":400},[1791,1796,1800,1804,1809,1813],{"type":71,"tag":149,"props":1792,"children":1793},{"style":445},[1794],{"type":76,"value":1795}," description",{"type":71,"tag":149,"props":1797,"children":1798},{"style":167},[1799],{"type":76,"value":453},{"type":71,"tag":149,"props":1801,"children":1802},{"style":167},[1803],{"type":76,"value":191},{"type":71,"tag":149,"props":1805,"children":1806},{"style":194},[1807],{"type":76,"value":1808},"A product card with title and price",{"type":71,"tag":149,"props":1810,"children":1811},{"style":167},[1812],{"type":76,"value":202},{"type":71,"tag":149,"props":1814,"children":1815},{"style":167},[1816],{"type":76,"value":234},{"type":71,"tag":149,"props":1818,"children":1819},{"class":151,"line":441},[1820,1825,1829,1833,1837,1842,1846,1851,1856,1860,1864,1868,1873,1877,1881,1886,1890,1894,1898,1903,1908,1912,1916],{"type":71,"tag":149,"props":1821,"children":1822},{"style":445},[1823],{"type":76,"value":1824}," props",{"type":71,"tag":149,"props":1826,"children":1827},{"style":167},[1828],{"type":76,"value":453},{"type":71,"tag":149,"props":1830,"children":1831},{"style":173},[1832],{"type":76,"value":1626},{"type":71,"tag":149,"props":1834,"children":1835},{"style":167},[1836],{"type":76,"value":995},{"type":71,"tag":149,"props":1838,"children":1839},{"style":425},[1840],{"type":76,"value":1841},"object",{"type":71,"tag":149,"props":1843,"children":1844},{"style":173},[1845],{"type":76,"value":433},{"type":71,"tag":149,"props":1847,"children":1848},{"style":167},[1849],{"type":76,"value":1850},"{",{"type":71,"tag":149,"props":1852,"children":1853},{"style":445},[1854],{"type":76,"value":1855}," title",{"type":71,"tag":149,"props":1857,"children":1858},{"style":167},[1859],{"type":76,"value":453},{"type":71,"tag":149,"props":1861,"children":1862},{"style":173},[1863],{"type":76,"value":1626},{"type":71,"tag":149,"props":1865,"children":1866},{"style":167},[1867],{"type":76,"value":995},{"type":71,"tag":149,"props":1869,"children":1870},{"style":425},[1871],{"type":76,"value":1872},"string",{"type":71,"tag":149,"props":1874,"children":1875},{"style":173},[1876],{"type":76,"value":1265},{"type":71,"tag":149,"props":1878,"children":1879},{"style":167},[1880],{"type":76,"value":499},{"type":71,"tag":149,"props":1882,"children":1883},{"style":445},[1884],{"type":76,"value":1885}," price",{"type":71,"tag":149,"props":1887,"children":1888},{"style":167},[1889],{"type":76,"value":453},{"type":71,"tag":149,"props":1891,"children":1892},{"style":173},[1893],{"type":76,"value":1626},{"type":71,"tag":149,"props":1895,"children":1896},{"style":167},[1897],{"type":76,"value":995},{"type":71,"tag":149,"props":1899,"children":1900},{"style":425},[1901],{"type":76,"value":1902},"number",{"type":71,"tag":149,"props":1904,"children":1905},{"style":173},[1906],{"type":76,"value":1907},"() ",{"type":71,"tag":149,"props":1909,"children":1910},{"style":167},[1911],{"type":76,"value":282},{"type":71,"tag":149,"props":1913,"children":1914},{"style":173},[1915],{"type":76,"value":136},{"type":71,"tag":149,"props":1917,"children":1918},{"style":167},[1919],{"type":76,"value":234},{"type":71,"tag":149,"props":1921,"children":1922},{"class":151,"line":473},[1923],{"type":71,"tag":149,"props":1924,"children":1925},{"style":167},[1926],{"type":76,"value":704},{"type":71,"tag":149,"props":1928,"children":1929},{"class":151,"line":521},[1930],{"type":71,"tag":149,"props":1931,"children":1932},{"style":167},[1933],{"type":76,"value":1934},"};\n",{"type":71,"tag":149,"props":1936,"children":1937},{"class":151,"line":579},[1938],{"type":71,"tag":149,"props":1939,"children":1940},{"emptyLinePlaceholder":394},[1941],{"type":76,"value":397},{"type":71,"tag":149,"props":1943,"children":1944},{"class":151,"line":600},[1945,1949,1954,1958,1962],{"type":71,"tag":149,"props":1946,"children":1947},{"style":404},[1948],{"type":76,"value":407},{"type":71,"tag":149,"props":1950,"children":1951},{"style":173},[1952],{"type":76,"value":1953}," catalog ",{"type":71,"tag":149,"props":1955,"children":1956},{"style":167},[1957],{"type":76,"value":417},{"type":71,"tag":149,"props":1959,"children":1960},{"style":425},[1961],{"type":76,"value":1585},{"type":71,"tag":149,"props":1963,"children":1964},{"style":173},[1965],{"type":76,"value":1966},"(\n",{"type":71,"tag":149,"props":1968,"children":1969},{"class":151,"line":642},[1970,1975],{"type":71,"tag":149,"props":1971,"children":1972},{"style":173},[1973],{"type":76,"value":1974}," definitions",{"type":71,"tag":149,"props":1976,"children":1977},{"style":167},[1978],{"type":76,"value":234},{"type":71,"tag":149,"props":1980,"children":1981},{"class":151,"line":655},[1982],{"type":71,"tag":149,"props":1983,"children":1984},{"style":167},[1985],{"type":76,"value":1986}," {\n",{"type":71,"tag":149,"props":1988,"children":1989},{"class":151,"line":668},[1990,1995,1999,2003,2008,2012,2016],{"type":71,"tag":149,"props":1991,"children":1992},{"style":425},[1993],{"type":76,"value":1994}," ProductCard",{"type":71,"tag":149,"props":1996,"children":1997},{"style":167},[1998],{"type":76,"value":453},{"type":71,"tag":149,"props":2000,"children":2001},{"style":167},[2002],{"type":76,"value":488},{"type":71,"tag":149,"props":2004,"children":2005},{"style":491},[2006],{"type":76,"value":2007}," props",{"type":71,"tag":149,"props":2009,"children":2010},{"style":167},[2011],{"type":76,"value":509},{"type":71,"tag":149,"props":2013,"children":2014},{"style":404},[2015],{"type":76,"value":514},{"type":71,"tag":149,"props":2017,"children":2018},{"style":173},[2019],{"type":76,"value":1281},{"type":71,"tag":149,"props":2021,"children":2022},{"class":151,"line":681},[2023,2027,2032,2036,2040,2044,2049,2053],{"type":71,"tag":149,"props":2024,"children":2025},{"style":167},[2026],{"type":76,"value":1439},{"type":71,"tag":149,"props":2028,"children":2029},{"style":445},[2030],{"type":76,"value":2031},"div",{"type":71,"tag":149,"props":2033,"children":2034},{"style":404},[2035],{"type":76,"value":1471},{"type":71,"tag":149,"props":2037,"children":2038},{"style":167},[2039],{"type":76,"value":417},{"type":71,"tag":149,"props":2041,"children":2042},{"style":167},[2043],{"type":76,"value":202},{"type":71,"tag":149,"props":2045,"children":2046},{"style":194},[2047],{"type":76,"value":2048},"rounded-xl border p-3",{"type":71,"tag":149,"props":2050,"children":2051},{"style":167},[2052],{"type":76,"value":202},{"type":71,"tag":149,"props":2054,"children":2055},{"style":167},[2056],{"type":76,"value":1510},{"type":71,"tag":149,"props":2058,"children":2059},{"class":151,"line":698},[2060,2065,2069,2073,2077,2081,2086,2090,2095,2100,2104,2109,2114,2118],{"type":71,"tag":149,"props":2061,"children":2062},{"style":167},[2063],{"type":76,"value":2064}," \u003C",{"type":71,"tag":149,"props":2066,"children":2067},{"style":445},[2068],{"type":76,"value":2031},{"type":71,"tag":149,"props":2070,"children":2071},{"style":404},[2072],{"type":76,"value":1471},{"type":71,"tag":149,"props":2074,"children":2075},{"style":167},[2076],{"type":76,"value":417},{"type":71,"tag":149,"props":2078,"children":2079},{"style":167},[2080],{"type":76,"value":202},{"type":71,"tag":149,"props":2082,"children":2083},{"style":194},[2084],{"type":76,"value":2085},"font-medium",{"type":71,"tag":149,"props":2087,"children":2088},{"style":167},[2089],{"type":76,"value":202},{"type":71,"tag":149,"props":2091,"children":2092},{"style":167},[2093],{"type":76,"value":2094},">{",{"type":71,"tag":149,"props":2096,"children":2097},{"style":173},[2098],{"type":76,"value":2099},"props",{"type":71,"tag":149,"props":2101,"children":2102},{"style":167},[2103],{"type":76,"value":995},{"type":71,"tag":149,"props":2105,"children":2106},{"style":173},[2107],{"type":76,"value":2108},"title",{"type":71,"tag":149,"props":2110,"children":2111},{"style":167},[2112],{"type":76,"value":2113},"}\u003C\u002F",{"type":71,"tag":149,"props":2115,"children":2116},{"style":445},[2117],{"type":76,"value":2031},{"type":71,"tag":149,"props":2119,"children":2120},{"style":167},[2121],{"type":76,"value":1510},{"type":71,"tag":149,"props":2123,"children":2124},{"class":151,"line":707},[2125,2129,2133,2137,2141,2145,2150,2154,2159,2164,2168,2172,2176,2181,2185,2189],{"type":71,"tag":149,"props":2126,"children":2127},{"style":167},[2128],{"type":76,"value":2064},{"type":71,"tag":149,"props":2130,"children":2131},{"style":445},[2132],{"type":76,"value":2031},{"type":71,"tag":149,"props":2134,"children":2135},{"style":404},[2136],{"type":76,"value":1471},{"type":71,"tag":149,"props":2138,"children":2139},{"style":167},[2140],{"type":76,"value":417},{"type":71,"tag":149,"props":2142,"children":2143},{"style":167},[2144],{"type":76,"value":202},{"type":71,"tag":149,"props":2146,"children":2147},{"style":194},[2148],{"type":76,"value":2149},"text-sm text-muted-foreground",{"type":71,"tag":149,"props":2151,"children":2152},{"style":167},[2153],{"type":76,"value":202},{"type":71,"tag":149,"props":2155,"children":2156},{"style":167},[2157],{"type":76,"value":2158},">",{"type":71,"tag":149,"props":2160,"children":2161},{"style":173},[2162],{"type":76,"value":2163},"$",{"type":71,"tag":149,"props":2165,"children":2166},{"style":167},[2167],{"type":76,"value":1850},{"type":71,"tag":149,"props":2169,"children":2170},{"style":173},[2171],{"type":76,"value":2099},{"type":71,"tag":149,"props":2173,"children":2174},{"style":167},[2175],{"type":76,"value":995},{"type":71,"tag":149,"props":2177,"children":2178},{"style":173},[2179],{"type":76,"value":2180},"price",{"type":71,"tag":149,"props":2182,"children":2183},{"style":167},[2184],{"type":76,"value":2113},{"type":71,"tag":149,"props":2186,"children":2187},{"style":445},[2188],{"type":76,"value":2031},{"type":71,"tag":149,"props":2190,"children":2191},{"style":167},[2192],{"type":76,"value":1510},{"type":71,"tag":149,"props":2194,"children":2195},{"class":151,"line":723},[2196,2201,2205],{"type":71,"tag":149,"props":2197,"children":2198},{"style":167},[2199],{"type":76,"value":2200}," \u003C\u002F",{"type":71,"tag":149,"props":2202,"children":2203},{"style":445},[2204],{"type":76,"value":2031},{"type":71,"tag":149,"props":2206,"children":2207},{"style":167},[2208],{"type":76,"value":1510},{"type":71,"tag":149,"props":2210,"children":2211},{"class":151,"line":731},[2212,2217],{"type":71,"tag":149,"props":2213,"children":2214},{"style":173},[2215],{"type":76,"value":2216}," )",{"type":71,"tag":149,"props":2218,"children":2219},{"style":167},[2220],{"type":76,"value":234},{"type":71,"tag":149,"props":2222,"children":2223},{"class":151,"line":765},[2224],{"type":71,"tag":149,"props":2225,"children":2226},{"style":167},[2227],{"type":76,"value":704},{"type":71,"tag":149,"props":2229,"children":2230},{"class":151,"line":800},[2231,2236,2241,2245,2251],{"type":71,"tag":149,"props":2232,"children":2233},{"style":167},[2234],{"type":76,"value":2235}," {",{"type":71,"tag":149,"props":2237,"children":2238},{"style":445},[2239],{"type":76,"value":2240}," includeBasicCatalog",{"type":71,"tag":149,"props":2242,"children":2243},{"style":167},[2244],{"type":76,"value":453},{"type":71,"tag":149,"props":2246,"children":2248},{"style":2247},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[2249],{"type":76,"value":2250}," true",{"type":71,"tag":149,"props":2252,"children":2253},{"style":167},[2254],{"type":76,"value":1407},{"type":71,"tag":149,"props":2256,"children":2257},{"class":151,"line":810},[2258,2262],{"type":71,"tag":149,"props":2259,"children":2260},{"style":173},[2261],{"type":76,"value":136},{"type":71,"tag":149,"props":2263,"children":2264},{"style":167},[2265],{"type":76,"value":207},{"type":71,"tag":149,"props":2267,"children":2268},{"class":151,"line":828},[2269],{"type":71,"tag":149,"props":2270,"children":2271},{"emptyLinePlaceholder":394},[2272],{"type":76,"value":397},{"type":71,"tag":149,"props":2274,"children":2275},{"class":151,"line":844},[2276,2281,2285,2290,2294,2298,2302,2306,2311,2316,2321,2325,2329],{"type":71,"tag":149,"props":2277,"children":2278},{"style":167},[2279],{"type":76,"value":2280},"\u003C",{"type":71,"tag":149,"props":2282,"children":2283},{"style":988},[2284],{"type":76,"value":9},{"type":71,"tag":149,"props":2286,"children":2287},{"style":404},[2288],{"type":76,"value":2289}," runtimeUrl",{"type":71,"tag":149,"props":2291,"children":2292},{"style":167},[2293],{"type":76,"value":417},{"type":71,"tag":149,"props":2295,"children":2296},{"style":167},[2297],{"type":76,"value":202},{"type":71,"tag":149,"props":2299,"children":2300},{"style":194},[2301],{"type":76,"value":914},{"type":71,"tag":149,"props":2303,"children":2304},{"style":167},[2305],{"type":76,"value":202},{"type":71,"tag":149,"props":2307,"children":2308},{"style":404},[2309],{"type":76,"value":2310}," a2ui",{"type":71,"tag":149,"props":2312,"children":2313},{"style":167},[2314],{"type":76,"value":2315},"={{",{"type":71,"tag":149,"props":2317,"children":2318},{"style":173},[2319],{"type":76,"value":2320}," theme",{"type":71,"tag":149,"props":2322,"children":2323},{"style":167},[2324],{"type":76,"value":499},{"type":71,"tag":149,"props":2326,"children":2327},{"style":173},[2328],{"type":76,"value":1953},{"type":71,"tag":149,"props":2330,"children":2331},{"style":167},[2332],{"type":76,"value":2333},"}}>\n",{"type":71,"tag":149,"props":2335,"children":2336},{"class":151,"line":852},[2337,2342,2346,2350,2354,2358,2362,2366],{"type":71,"tag":149,"props":2338,"children":2339},{"style":167},[2340],{"type":76,"value":2341}," \u003C",{"type":71,"tag":149,"props":2343,"children":2344},{"style":988},[2345],{"type":76,"value":1444},{"type":71,"tag":149,"props":2347,"children":2348},{"style":404},[2349],{"type":76,"value":1449},{"type":71,"tag":149,"props":2351,"children":2352},{"style":167},[2353],{"type":76,"value":417},{"type":71,"tag":149,"props":2355,"children":2356},{"style":167},[2357],{"type":76,"value":202},{"type":71,"tag":149,"props":2359,"children":2360},{"style":194},[2361],{"type":76,"value":1462},{"type":71,"tag":149,"props":2363,"children":2364},{"style":167},[2365],{"type":76,"value":202},{"type":71,"tag":149,"props":2367,"children":2368},{"style":167},[2369],{"type":76,"value":1493},{"type":71,"tag":149,"props":2371,"children":2372},{"class":151,"line":882},[2373,2378,2382],{"type":71,"tag":149,"props":2374,"children":2375},{"style":167},[2376],{"type":76,"value":2377},"\u003C\u002F",{"type":71,"tag":149,"props":2379,"children":2380},{"style":988},[2381],{"type":76,"value":9},{"type":71,"tag":149,"props":2383,"children":2384},{"style":167},[2385],{"type":76,"value":2386},">;\n",{"type":71,"tag":72,"props":2388,"children":2389},{},[2390,2396,2398,2404],{"type":71,"tag":79,"props":2391,"children":2393},{"className":2392},[],[2394],{"type":76,"value":2395},"extractSchema(definitions)",{"type":76,"value":2397}," is available for passing a JSON-serializable\nview of the definitions to the runtime's ",{"type":71,"tag":79,"props":2399,"children":2401},{"className":2400},[],[2402],{"type":76,"value":2403},"a2ui.schema",{"type":76,"value":2405}," config — it is not\na generic type helper. Type parameters erase at runtime; the agent needs a\nreal runtime schema value (Zod).",{"type":71,"tag":123,"props":2407,"children":2409},{"id":2408},"override-the-loading-skeleton",[2410],{"type":76,"value":2411},"Override the loading skeleton",{"type":71,"tag":138,"props":2413,"children":2415},{"className":140,"code":2414,"language":142,"meta":143,"style":143},"\u003CCopilotKit\n runtimeUrl=\"\u002Fapi\u002Fcopilotkit\"\n a2ui={{\n theme,\n loadingComponent: () => \u003Cdiv className=\"animate-pulse\">Building UI…\u003C\u002Fdiv>,\n }}\n>\n \u003CCopilotChat agentId=\"default\" \u002F>\n\u003C\u002FCopilotKit>\n",[2416],{"type":71,"tag":79,"props":2417,"children":2418},{"__ignoreMap":143},[2419,2430,2454,2465,2477,2550,2558,2565,2600],{"type":71,"tag":149,"props":2420,"children":2421},{"class":151,"line":152},[2422,2426],{"type":71,"tag":149,"props":2423,"children":2424},{"style":167},[2425],{"type":76,"value":2280},{"type":71,"tag":149,"props":2427,"children":2428},{"style":988},[2429],{"type":76,"value":1294},{"type":71,"tag":149,"props":2431,"children":2432},{"class":151,"line":210},[2433,2438,2442,2446,2450],{"type":71,"tag":149,"props":2434,"children":2435},{"style":404},[2436],{"type":76,"value":2437}," runtimeUrl",{"type":71,"tag":149,"props":2439,"children":2440},{"style":167},[2441],{"type":76,"value":417},{"type":71,"tag":149,"props":2443,"children":2444},{"style":167},[2445],{"type":76,"value":202},{"type":71,"tag":149,"props":2447,"children":2448},{"style":194},[2449],{"type":76,"value":914},{"type":71,"tag":149,"props":2451,"children":2452},{"style":167},[2453],{"type":76,"value":1319},{"type":71,"tag":149,"props":2455,"children":2456},{"class":151,"line":223},[2457,2461],{"type":71,"tag":149,"props":2458,"children":2459},{"style":404},[2460],{"type":76,"value":816},{"type":71,"tag":149,"props":2462,"children":2463},{"style":167},[2464],{"type":76,"value":1332},{"type":71,"tag":149,"props":2466,"children":2467},{"class":151,"line":237},[2468,2473],{"type":71,"tag":149,"props":2469,"children":2470},{"style":173},[2471],{"type":76,"value":2472}," theme",{"type":71,"tag":149,"props":2474,"children":2475},{"style":167},[2476],{"type":76,"value":234},{"type":71,"tag":149,"props":2478,"children":2479},{"class":151,"line":250},[2480,2485,2489,2494,2498,2503,2507,2511,2515,2519,2524,2528,2532,2537,2541,2545],{"type":71,"tag":149,"props":2481,"children":2482},{"style":425},[2483],{"type":76,"value":2484}," loadingComponent",{"type":71,"tag":149,"props":2486,"children":2487},{"style":167},[2488],{"type":76,"value":453},{"type":71,"tag":149,"props":2490,"children":2491},{"style":167},[2492],{"type":76,"value":2493}," ()",{"type":71,"tag":149,"props":2495,"children":2496},{"style":404},[2497],{"type":76,"value":514},{"type":71,"tag":149,"props":2499,"children":2500},{"style":167},[2501],{"type":76,"value":2502}," \u003C",{"type":71,"tag":149,"props":2504,"children":2505},{"style":445},[2506],{"type":76,"value":2031},{"type":71,"tag":149,"props":2508,"children":2509},{"style":404},[2510],{"type":76,"value":1471},{"type":71,"tag":149,"props":2512,"children":2513},{"style":167},[2514],{"type":76,"value":417},{"type":71,"tag":149,"props":2516,"children":2517},{"style":167},[2518],{"type":76,"value":202},{"type":71,"tag":149,"props":2520,"children":2521},{"style":194},[2522],{"type":76,"value":2523},"animate-pulse",{"type":71,"tag":149,"props":2525,"children":2526},{"style":167},[2527],{"type":76,"value":202},{"type":71,"tag":149,"props":2529,"children":2530},{"style":167},[2531],{"type":76,"value":2158},{"type":71,"tag":149,"props":2533,"children":2534},{"style":173},[2535],{"type":76,"value":2536},"Building UI…",{"type":71,"tag":149,"props":2538,"children":2539},{"style":167},[2540],{"type":76,"value":2377},{"type":71,"tag":149,"props":2542,"children":2543},{"style":445},[2544],{"type":76,"value":2031},{"type":71,"tag":149,"props":2546,"children":2547},{"style":167},[2548],{"type":76,"value":2549},">,\n",{"type":71,"tag":149,"props":2551,"children":2552},{"class":151,"line":263},[2553],{"type":71,"tag":149,"props":2554,"children":2555},{"style":167},[2556],{"type":76,"value":2557}," }}\n",{"type":71,"tag":149,"props":2559,"children":2560},{"class":151,"line":276},[2561],{"type":71,"tag":149,"props":2562,"children":2563},{"style":167},[2564],{"type":76,"value":1510},{"type":71,"tag":149,"props":2566,"children":2567},{"class":151,"line":306},[2568,2572,2576,2580,2584,2588,2592,2596],{"type":71,"tag":149,"props":2569,"children":2570},{"style":167},[2571],{"type":76,"value":2341},{"type":71,"tag":149,"props":2573,"children":2574},{"style":988},[2575],{"type":76,"value":1444},{"type":71,"tag":149,"props":2577,"children":2578},{"style":404},[2579],{"type":76,"value":1449},{"type":71,"tag":149,"props":2581,"children":2582},{"style":167},[2583],{"type":76,"value":417},{"type":71,"tag":149,"props":2585,"children":2586},{"style":167},[2587],{"type":76,"value":202},{"type":71,"tag":149,"props":2589,"children":2590},{"style":194},[2591],{"type":76,"value":1462},{"type":71,"tag":149,"props":2593,"children":2594},{"style":167},[2595],{"type":76,"value":202},{"type":71,"tag":149,"props":2597,"children":2598},{"style":167},[2599],{"type":76,"value":1493},{"type":71,"tag":149,"props":2601,"children":2602},{"class":151,"line":348},[2603,2607,2611],{"type":71,"tag":149,"props":2604,"children":2605},{"style":167},[2606],{"type":76,"value":2377},{"type":71,"tag":149,"props":2608,"children":2609},{"style":988},[2610],{"type":76,"value":9},{"type":71,"tag":149,"props":2612,"children":2613},{"style":167},[2614],{"type":76,"value":1510},{"type":71,"tag":87,"props":2616,"children":2618},{"id":2617},"common-mistakes",[2619],{"type":76,"value":2620},"Common Mistakes",{"type":71,"tag":123,"props":2622,"children":2624},{"id":2623},"critical-forgetting-runtimea2ui",[2625],{"type":76,"value":2626},"CRITICAL forgetting runtime.a2ui",{"type":71,"tag":72,"props":2628,"children":2629},{},[2630],{"type":76,"value":2631},"Wrong:",{"type":71,"tag":138,"props":2633,"children":2635},{"className":140,"code":2634,"language":142,"meta":143,"style":143},"\u002F\u002F server\nnew CopilotRuntime({ agents: { default: agent } });\n\u002F\u002F client\n\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\" a2ui={{ theme }} \u002F>;\n",[2636],{"type":71,"tag":79,"props":2637,"children":2638},{"__ignoreMap":143},[2639,2647,2708,2716],{"type":71,"tag":149,"props":2640,"children":2641},{"class":151,"line":152},[2642],{"type":71,"tag":149,"props":2643,"children":2644},{"style":804},[2645],{"type":76,"value":2646},"\u002F\u002F server\n",{"type":71,"tag":149,"props":2648,"children":2649},{"class":151,"line":210},[2650,2655,2659,2663,2667,2672,2676,2680,2684,2688,2692,2696,2700,2704],{"type":71,"tag":149,"props":2651,"children":2652},{"style":167},[2653],{"type":76,"value":2654},"new",{"type":71,"tag":149,"props":2656,"children":2657},{"style":425},[2658],{"type":76,"value":754},{"type":71,"tag":149,"props":2660,"children":2661},{"style":173},[2662],{"type":76,"value":433},{"type":71,"tag":149,"props":2664,"children":2665},{"style":167},[2666],{"type":76,"value":1850},{"type":71,"tag":149,"props":2668,"children":2669},{"style":445},[2670],{"type":76,"value":2671}," agents",{"type":71,"tag":149,"props":2673,"children":2674},{"style":167},[2675],{"type":76,"value":453},{"type":71,"tag":149,"props":2677,"children":2678},{"style":167},[2679],{"type":76,"value":170},{"type":71,"tag":149,"props":2681,"children":2682},{"style":445},[2683],{"type":76,"value":784},{"type":71,"tag":149,"props":2685,"children":2686},{"style":167},[2687],{"type":76,"value":453},{"type":71,"tag":149,"props":2689,"children":2690},{"style":173},[2691],{"type":76,"value":412},{"type":71,"tag":149,"props":2693,"children":2694},{"style":167},[2695],{"type":76,"value":282},{"type":71,"tag":149,"props":2697,"children":2698},{"style":167},[2699],{"type":76,"value":181},{"type":71,"tag":149,"props":2701,"children":2702},{"style":173},[2703],{"type":76,"value":136},{"type":71,"tag":149,"props":2705,"children":2706},{"style":167},[2707],{"type":76,"value":207},{"type":71,"tag":149,"props":2709,"children":2710},{"class":151,"line":223},[2711],{"type":71,"tag":149,"props":2712,"children":2713},{"style":804},[2714],{"type":76,"value":2715},"\u002F\u002F client\n",{"type":71,"tag":149,"props":2717,"children":2718},{"class":151,"line":237},[2719,2723,2727,2731,2735,2739,2743,2747,2751,2755,2759],{"type":71,"tag":149,"props":2720,"children":2721},{"style":167},[2722],{"type":76,"value":2280},{"type":71,"tag":149,"props":2724,"children":2725},{"style":988},[2726],{"type":76,"value":9},{"type":71,"tag":149,"props":2728,"children":2729},{"style":404},[2730],{"type":76,"value":2289},{"type":71,"tag":149,"props":2732,"children":2733},{"style":167},[2734],{"type":76,"value":417},{"type":71,"tag":149,"props":2736,"children":2737},{"style":167},[2738],{"type":76,"value":202},{"type":71,"tag":149,"props":2740,"children":2741},{"style":194},[2742],{"type":76,"value":914},{"type":71,"tag":149,"props":2744,"children":2745},{"style":167},[2746],{"type":76,"value":202},{"type":71,"tag":149,"props":2748,"children":2749},{"style":404},[2750],{"type":76,"value":2310},{"type":71,"tag":149,"props":2752,"children":2753},{"style":167},[2754],{"type":76,"value":2315},{"type":71,"tag":149,"props":2756,"children":2757},{"style":173},[2758],{"type":76,"value":1670},{"type":71,"tag":149,"props":2760,"children":2761},{"style":167},[2762],{"type":76,"value":2763},"}} \u002F>;\n",{"type":71,"tag":72,"props":2765,"children":2766},{},[2767],{"type":76,"value":2768},"Correct:",{"type":71,"tag":138,"props":2770,"children":2772},{"className":140,"code":2771,"language":142,"meta":143,"style":143},"\u002F\u002F server\nnew CopilotRuntime({ agents: { default: agent }, a2ui: {} });\n\u002F\u002F client\n\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\" a2ui={{ theme }} \u002F>;\n",[2773],{"type":71,"tag":79,"props":2774,"children":2775},{"__ignoreMap":143},[2776,2783,2856,2863],{"type":71,"tag":149,"props":2777,"children":2778},{"class":151,"line":152},[2779],{"type":71,"tag":149,"props":2780,"children":2781},{"style":804},[2782],{"type":76,"value":2646},{"type":71,"tag":149,"props":2784,"children":2785},{"class":151,"line":210},[2786,2790,2794,2798,2802,2806,2810,2814,2818,2822,2826,2831,2835,2839,2844,2848,2852],{"type":71,"tag":149,"props":2787,"children":2788},{"style":167},[2789],{"type":76,"value":2654},{"type":71,"tag":149,"props":2791,"children":2792},{"style":425},[2793],{"type":76,"value":754},{"type":71,"tag":149,"props":2795,"children":2796},{"style":173},[2797],{"type":76,"value":433},{"type":71,"tag":149,"props":2799,"children":2800},{"style":167},[2801],{"type":76,"value":1850},{"type":71,"tag":149,"props":2803,"children":2804},{"style":445},[2805],{"type":76,"value":2671},{"type":71,"tag":149,"props":2807,"children":2808},{"style":167},[2809],{"type":76,"value":453},{"type":71,"tag":149,"props":2811,"children":2812},{"style":167},[2813],{"type":76,"value":170},{"type":71,"tag":149,"props":2815,"children":2816},{"style":445},[2817],{"type":76,"value":784},{"type":71,"tag":149,"props":2819,"children":2820},{"style":167},[2821],{"type":76,"value":453},{"type":71,"tag":149,"props":2823,"children":2824},{"style":173},[2825],{"type":76,"value":412},{"type":71,"tag":149,"props":2827,"children":2828},{"style":167},[2829],{"type":76,"value":2830},"},",{"type":71,"tag":149,"props":2832,"children":2833},{"style":445},[2834],{"type":76,"value":2310},{"type":71,"tag":149,"props":2836,"children":2837},{"style":167},[2838],{"type":76,"value":453},{"type":71,"tag":149,"props":2840,"children":2841},{"style":167},[2842],{"type":76,"value":2843}," {}",{"type":71,"tag":149,"props":2845,"children":2846},{"style":167},[2847],{"type":76,"value":181},{"type":71,"tag":149,"props":2849,"children":2850},{"style":173},[2851],{"type":76,"value":136},{"type":71,"tag":149,"props":2853,"children":2854},{"style":167},[2855],{"type":76,"value":207},{"type":71,"tag":149,"props":2857,"children":2858},{"class":151,"line":223},[2859],{"type":71,"tag":149,"props":2860,"children":2861},{"style":804},[2862],{"type":76,"value":2715},{"type":71,"tag":149,"props":2864,"children":2865},{"class":151,"line":237},[2866,2870,2874,2878,2882,2886,2890,2894,2898,2902,2906],{"type":71,"tag":149,"props":2867,"children":2868},{"style":167},[2869],{"type":76,"value":2280},{"type":71,"tag":149,"props":2871,"children":2872},{"style":988},[2873],{"type":76,"value":9},{"type":71,"tag":149,"props":2875,"children":2876},{"style":404},[2877],{"type":76,"value":2289},{"type":71,"tag":149,"props":2879,"children":2880},{"style":167},[2881],{"type":76,"value":417},{"type":71,"tag":149,"props":2883,"children":2884},{"style":167},[2885],{"type":76,"value":202},{"type":71,"tag":149,"props":2887,"children":2888},{"style":194},[2889],{"type":76,"value":914},{"type":71,"tag":149,"props":2891,"children":2892},{"style":167},[2893],{"type":76,"value":202},{"type":71,"tag":149,"props":2895,"children":2896},{"style":404},[2897],{"type":76,"value":2310},{"type":71,"tag":149,"props":2899,"children":2900},{"style":167},[2901],{"type":76,"value":2315},{"type":71,"tag":149,"props":2903,"children":2904},{"style":173},[2905],{"type":76,"value":1670},{"type":71,"tag":149,"props":2907,"children":2908},{"style":167},[2909],{"type":76,"value":2763},{"type":71,"tag":72,"props":2911,"children":2912},{},[2913,2915,2921,2923,2928],{"type":76,"value":2914},"Without ",{"type":71,"tag":79,"props":2916,"children":2918},{"className":2917},[],[2919],{"type":76,"value":2920},"runtime.a2ui",{"type":76,"value":2922},", ",{"type":71,"tag":79,"props":2924,"children":2926},{"className":2925},[],[2927],{"type":76,"value":103},{"type":76,"value":2929}," never flags A2UI and the provider's a2ui prop\nsilently no-ops — the renderer never mounts.",{"type":71,"tag":72,"props":2931,"children":2932},{},[2933],{"type":76,"value":2934},"Source: packages\u002Fruntime\u002Fsrc\u002Fv2\u002Fruntime\u002Fcore\u002Fruntime.ts:55-58,217,242",{"type":71,"tag":123,"props":2936,"children":2938},{"id":2937},"high-manually-wiring-renderactivitymessages-for-a2ui",[2939],{"type":76,"value":2940},"HIGH manually wiring renderActivityMessages for A2UI",{"type":71,"tag":72,"props":2942,"children":2943},{},[2944],{"type":76,"value":2631},{"type":71,"tag":138,"props":2946,"children":2948},{"className":140,"code":2947,"language":142,"meta":143,"style":143},"import { createA2UIMessageRenderer } from \"@copilotkit\u002Freact-core\u002Fv2\";\n\n\u003CCopilotKit\n runtimeUrl=\"\u002Fapi\u002Fcopilotkit\"\n renderActivityMessages={[createA2UIMessageRenderer({ theme })]}\n\u002F>;\n",[2949],{"type":71,"tag":79,"props":2950,"children":2951},{"__ignoreMap":143},[2952,2992,2999,3010,3033,3080],{"type":71,"tag":149,"props":2953,"children":2954},{"class":151,"line":152},[2955,2959,2963,2968,2972,2976,2980,2984,2988],{"type":71,"tag":149,"props":2956,"children":2957},{"style":156},[2958],{"type":76,"value":159},{"type":71,"tag":149,"props":2960,"children":2961},{"style":167},[2962],{"type":76,"value":170},{"type":71,"tag":149,"props":2964,"children":2965},{"style":173},[2966],{"type":76,"value":2967}," createA2UIMessageRenderer",{"type":71,"tag":149,"props":2969,"children":2970},{"style":167},[2971],{"type":76,"value":181},{"type":71,"tag":149,"props":2973,"children":2974},{"style":156},[2975],{"type":76,"value":186},{"type":71,"tag":149,"props":2977,"children":2978},{"style":167},[2979],{"type":76,"value":191},{"type":71,"tag":149,"props":2981,"children":2982},{"style":194},[2983],{"type":76,"value":1201},{"type":71,"tag":149,"props":2985,"children":2986},{"style":167},[2987],{"type":76,"value":202},{"type":71,"tag":149,"props":2989,"children":2990},{"style":167},[2991],{"type":76,"value":207},{"type":71,"tag":149,"props":2993,"children":2994},{"class":151,"line":210},[2995],{"type":71,"tag":149,"props":2996,"children":2997},{"emptyLinePlaceholder":394},[2998],{"type":76,"value":397},{"type":71,"tag":149,"props":3000,"children":3001},{"class":151,"line":223},[3002,3006],{"type":71,"tag":149,"props":3003,"children":3004},{"style":167},[3005],{"type":76,"value":2280},{"type":71,"tag":149,"props":3007,"children":3008},{"style":988},[3009],{"type":76,"value":1294},{"type":71,"tag":149,"props":3011,"children":3012},{"class":151,"line":237},[3013,3017,3021,3025,3029],{"type":71,"tag":149,"props":3014,"children":3015},{"style":404},[3016],{"type":76,"value":2437},{"type":71,"tag":149,"props":3018,"children":3019},{"style":167},[3020],{"type":76,"value":417},{"type":71,"tag":149,"props":3022,"children":3023},{"style":167},[3024],{"type":76,"value":202},{"type":71,"tag":149,"props":3026,"children":3027},{"style":194},[3028],{"type":76,"value":914},{"type":71,"tag":149,"props":3030,"children":3031},{"style":167},[3032],{"type":76,"value":1319},{"type":71,"tag":149,"props":3034,"children":3035},{"class":151,"line":250},[3036,3041,3046,3051,3055,3059,3063,3067,3071,3076],{"type":71,"tag":149,"props":3037,"children":3038},{"style":404},[3039],{"type":76,"value":3040}," renderActivityMessages",{"type":71,"tag":149,"props":3042,"children":3043},{"style":167},[3044],{"type":76,"value":3045},"={",{"type":71,"tag":149,"props":3047,"children":3048},{"style":173},[3049],{"type":76,"value":3050},"[",{"type":71,"tag":149,"props":3052,"children":3053},{"style":425},[3054],{"type":76,"value":111},{"type":71,"tag":149,"props":3056,"children":3057},{"style":173},[3058],{"type":76,"value":433},{"type":71,"tag":149,"props":3060,"children":3061},{"style":167},[3062],{"type":76,"value":1850},{"type":71,"tag":149,"props":3064,"children":3065},{"style":173},[3066],{"type":76,"value":1670},{"type":71,"tag":149,"props":3068,"children":3069},{"style":167},[3070],{"type":76,"value":282},{"type":71,"tag":149,"props":3072,"children":3073},{"style":173},[3074],{"type":76,"value":3075},")]",{"type":71,"tag":149,"props":3077,"children":3078},{"style":167},[3079],{"type":76,"value":1048},{"type":71,"tag":149,"props":3081,"children":3082},{"class":151,"line":263},[3083],{"type":71,"tag":149,"props":3084,"children":3085},{"style":167},[3086],{"type":76,"value":3087},"\u002F>;\n",{"type":71,"tag":72,"props":3089,"children":3090},{},[3091],{"type":76,"value":2768},{"type":71,"tag":138,"props":3093,"children":3095},{"className":140,"code":3094,"language":142,"meta":143,"style":143},"\u003CCopilotKit runtimeUrl=\"\u002Fapi\u002Fcopilotkit\" a2ui={{ theme }} \u002F>\n",[3096],{"type":71,"tag":79,"props":3097,"children":3098},{"__ignoreMap":143},[3099],{"type":71,"tag":149,"props":3100,"children":3101},{"class":151,"line":152},[3102,3106,3110,3114,3118,3122,3126,3130,3134,3138,3142],{"type":71,"tag":149,"props":3103,"children":3104},{"style":167},[3105],{"type":76,"value":2280},{"type":71,"tag":149,"props":3107,"children":3108},{"style":988},[3109],{"type":76,"value":9},{"type":71,"tag":149,"props":3111,"children":3112},{"style":404},[3113],{"type":76,"value":2289},{"type":71,"tag":149,"props":3115,"children":3116},{"style":167},[3117],{"type":76,"value":417},{"type":71,"tag":149,"props":3119,"children":3120},{"style":167},[3121],{"type":76,"value":202},{"type":71,"tag":149,"props":3123,"children":3124},{"style":194},[3125],{"type":76,"value":914},{"type":71,"tag":149,"props":3127,"children":3128},{"style":167},[3129],{"type":76,"value":202},{"type":71,"tag":149,"props":3131,"children":3132},{"style":404},[3133],{"type":76,"value":2310},{"type":71,"tag":149,"props":3135,"children":3136},{"style":167},[3137],{"type":76,"value":2315},{"type":71,"tag":149,"props":3139,"children":3140},{"style":173},[3141],{"type":76,"value":1670},{"type":71,"tag":149,"props":3143,"children":3144},{"style":167},[3145],{"type":76,"value":3146},"}} \u002F>\n",{"type":71,"tag":72,"props":3148,"children":3149},{},[3150,3152,3157,3159,3164,3166,3171],{"type":76,"value":3151},"The ",{"type":71,"tag":79,"props":3153,"children":3155},{"className":3154},[],[3156],{"type":76,"value":9},{"type":76,"value":3158}," provider auto-detects runtime A2UI via ",{"type":71,"tag":79,"props":3160,"children":3162},{"className":3161},[],[3163],{"type":76,"value":103},{"type":76,"value":3165}," and injects the\nbuilt-in renderer. Passing it through ",{"type":71,"tag":79,"props":3167,"children":3169},{"className":3168},[],[3170],{"type":76,"value":119},{"type":76,"value":3172}," duplicates the\nrenderer and can race with the auto-injected one.",{"type":71,"tag":72,"props":3174,"children":3175},{},[3176],{"type":76,"value":3177},"Source: packages\u002Freact-core\u002Fsrc\u002Fv2\u002Fproviders\u002FCopilotKitProvider.tsx:188-222,294-296",{"type":71,"tag":123,"props":3179,"children":3181},{"id":3180},"medium-re-emitting-createsurface-on-every-snapshot",[3182],{"type":76,"value":3183},"MEDIUM re-emitting createSurface on every snapshot",{"type":71,"tag":72,"props":3185,"children":3186},{},[3187],{"type":76,"value":2631},{"type":71,"tag":138,"props":3189,"children":3193},{"className":3190,"code":3191,"language":3192,"meta":143,"style":143},"language-python shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# Pseudocode — inside your agent generator. Exact API names\u002Fkwargs vary by\n# A2UI SDK version; consult your SDK's docs for real call shapes.\nasync def agent_generator():\n # agent re-emits createSurface operation on every state delta\n async for update in stream:\n yield a2ui.create_surface(surface_id=\"main\", ...) # every tick\n yield a2ui.update_components(...)\n","python",[3194],{"type":71,"tag":79,"props":3195,"children":3196},{"__ignoreMap":143},[3197,3205,3213,3221,3229,3237,3245],{"type":71,"tag":149,"props":3198,"children":3199},{"class":151,"line":152},[3200],{"type":71,"tag":149,"props":3201,"children":3202},{},[3203],{"type":76,"value":3204},"# Pseudocode — inside your agent generator. Exact API names\u002Fkwargs vary by\n",{"type":71,"tag":149,"props":3206,"children":3207},{"class":151,"line":210},[3208],{"type":71,"tag":149,"props":3209,"children":3210},{},[3211],{"type":76,"value":3212},"# A2UI SDK version; consult your SDK's docs for real call shapes.\n",{"type":71,"tag":149,"props":3214,"children":3215},{"class":151,"line":223},[3216],{"type":71,"tag":149,"props":3217,"children":3218},{},[3219],{"type":76,"value":3220},"async def agent_generator():\n",{"type":71,"tag":149,"props":3222,"children":3223},{"class":151,"line":237},[3224],{"type":71,"tag":149,"props":3225,"children":3226},{},[3227],{"type":76,"value":3228}," # agent re-emits createSurface operation on every state delta\n",{"type":71,"tag":149,"props":3230,"children":3231},{"class":151,"line":250},[3232],{"type":71,"tag":149,"props":3233,"children":3234},{},[3235],{"type":76,"value":3236}," async for update in stream:\n",{"type":71,"tag":149,"props":3238,"children":3239},{"class":151,"line":263},[3240],{"type":71,"tag":149,"props":3241,"children":3242},{},[3243],{"type":76,"value":3244}," yield a2ui.create_surface(surface_id=\"main\", ...) # every tick\n",{"type":71,"tag":149,"props":3246,"children":3247},{"class":151,"line":276},[3248],{"type":71,"tag":149,"props":3249,"children":3250},{},[3251],{"type":76,"value":3252}," yield a2ui.update_components(...)\n",{"type":71,"tag":72,"props":3254,"children":3255},{},[3256],{"type":76,"value":2768},{"type":71,"tag":138,"props":3258,"children":3260},{"className":3190,"code":3259,"language":3192,"meta":143,"style":143},"# Pseudocode — inside your agent generator.\n# Emit createSurface once per surfaceId; use updateComponents \u002F updateDataModel\n# for changes.\nasync def agent_generator():\n yield a2ui.create_surface(surface_id=\"main\", ...) # once\n async for update in stream:\n yield a2ui.update_components(surface_id=\"main\", ...)\n",[3261],{"type":71,"tag":79,"props":3262,"children":3263},{"__ignoreMap":143},[3264,3272,3280,3288,3295,3303,3310],{"type":71,"tag":149,"props":3265,"children":3266},{"class":151,"line":152},[3267],{"type":71,"tag":149,"props":3268,"children":3269},{},[3270],{"type":76,"value":3271},"# Pseudocode — inside your agent generator.\n",{"type":71,"tag":149,"props":3273,"children":3274},{"class":151,"line":210},[3275],{"type":71,"tag":149,"props":3276,"children":3277},{},[3278],{"type":76,"value":3279},"# Emit createSurface once per surfaceId; use updateComponents \u002F updateDataModel\n",{"type":71,"tag":149,"props":3281,"children":3282},{"class":151,"line":223},[3283],{"type":71,"tag":149,"props":3284,"children":3285},{},[3286],{"type":76,"value":3287},"# for changes.\n",{"type":71,"tag":149,"props":3289,"children":3290},{"class":151,"line":237},[3291],{"type":71,"tag":149,"props":3292,"children":3293},{},[3294],{"type":76,"value":3220},{"type":71,"tag":149,"props":3296,"children":3297},{"class":151,"line":250},[3298],{"type":71,"tag":149,"props":3299,"children":3300},{},[3301],{"type":76,"value":3302}," yield a2ui.create_surface(surface_id=\"main\", ...) # once\n",{"type":71,"tag":149,"props":3304,"children":3305},{"class":151,"line":263},[3306],{"type":71,"tag":149,"props":3307,"children":3308},{},[3309],{"type":76,"value":3236},{"type":71,"tag":149,"props":3311,"children":3312},{"class":151,"line":276},[3313],{"type":71,"tag":149,"props":3314,"children":3315},{},[3316],{"type":76,"value":3317}," yield a2ui.update_components(surface_id=\"main\", ...)\n",{"type":71,"tag":72,"props":3319,"children":3320},{},[3321,3323,3329],{"type":76,"value":3322},"The MessageProcessor dedups on ",{"type":71,"tag":79,"props":3324,"children":3326},{"className":3325},[],[3327],{"type":76,"value":3328},"surfaceId",{"type":76,"value":3330}," but re-emitting is an agent-side\nbug — the client re-runs reconciliation logic for nothing and flickers.",{"type":71,"tag":72,"props":3332,"children":3333},{},[3334],{"type":76,"value":3335},"Source: packages\u002Freact-core\u002Fsrc\u002Fv2\u002Fa2ui\u002FA2UIMessageRenderer.tsx:218-226",{"type":71,"tag":123,"props":3337,"children":3339},{"id":3338},"medium-custom-action-bridge-without-a2uiaction-cleanup",[3340],{"type":76,"value":3341},"MEDIUM custom action bridge without a2uiAction cleanup",{"type":71,"tag":72,"props":3343,"children":3344},{},[3345],{"type":76,"value":2631},{"type":71,"tag":138,"props":3347,"children":3350},{"className":3348,"code":3349,"language":47,"meta":143,"style":143},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","copilotkit.setProperties({ ...copilotkit.properties, a2uiAction: msg });\nawait copilotkit.runAgent({ agent });\n\u002F\u002F no finally — a2uiAction leaks into the next run's properties\n",[3351],{"type":71,"tag":79,"props":3352,"children":3353},{"__ignoreMap":143},[3354,3426,3472],{"type":71,"tag":149,"props":3355,"children":3356},{"class":151,"line":152},[3357,3361,3365,3370,3374,3378,3383,3387,3391,3396,3400,3405,3409,3414,3418,3422],{"type":71,"tag":149,"props":3358,"children":3359},{"style":173},[3360],{"type":76,"value":8},{"type":71,"tag":149,"props":3362,"children":3363},{"style":167},[3364],{"type":76,"value":995},{"type":71,"tag":149,"props":3366,"children":3367},{"style":425},[3368],{"type":76,"value":3369},"setProperties",{"type":71,"tag":149,"props":3371,"children":3372},{"style":173},[3373],{"type":76,"value":433},{"type":71,"tag":149,"props":3375,"children":3376},{"style":167},[3377],{"type":76,"value":1850},{"type":71,"tag":149,"props":3379,"children":3380},{"style":167},[3381],{"type":76,"value":3382}," ...",{"type":71,"tag":149,"props":3384,"children":3385},{"style":173},[3386],{"type":76,"value":8},{"type":71,"tag":149,"props":3388,"children":3389},{"style":167},[3390],{"type":76,"value":995},{"type":71,"tag":149,"props":3392,"children":3393},{"style":173},[3394],{"type":76,"value":3395},"properties",{"type":71,"tag":149,"props":3397,"children":3398},{"style":167},[3399],{"type":76,"value":499},{"type":71,"tag":149,"props":3401,"children":3402},{"style":445},[3403],{"type":76,"value":3404}," a2uiAction",{"type":71,"tag":149,"props":3406,"children":3407},{"style":167},[3408],{"type":76,"value":453},{"type":71,"tag":149,"props":3410,"children":3411},{"style":173},[3412],{"type":76,"value":3413}," msg ",{"type":71,"tag":149,"props":3415,"children":3416},{"style":167},[3417],{"type":76,"value":282},{"type":71,"tag":149,"props":3419,"children":3420},{"style":173},[3421],{"type":76,"value":136},{"type":71,"tag":149,"props":3423,"children":3424},{"style":167},[3425],{"type":76,"value":207},{"type":71,"tag":149,"props":3427,"children":3428},{"class":151,"line":210},[3429,3434,3439,3443,3448,3452,3456,3460,3464,3468],{"type":71,"tag":149,"props":3430,"children":3431},{"style":156},[3432],{"type":76,"value":3433},"await",{"type":71,"tag":149,"props":3435,"children":3436},{"style":173},[3437],{"type":76,"value":3438}," copilotkit",{"type":71,"tag":149,"props":3440,"children":3441},{"style":167},[3442],{"type":76,"value":995},{"type":71,"tag":149,"props":3444,"children":3445},{"style":425},[3446],{"type":76,"value":3447},"runAgent",{"type":71,"tag":149,"props":3449,"children":3450},{"style":173},[3451],{"type":76,"value":433},{"type":71,"tag":149,"props":3453,"children":3454},{"style":167},[3455],{"type":76,"value":1850},{"type":71,"tag":149,"props":3457,"children":3458},{"style":173},[3459],{"type":76,"value":412},{"type":71,"tag":149,"props":3461,"children":3462},{"style":167},[3463],{"type":76,"value":282},{"type":71,"tag":149,"props":3465,"children":3466},{"style":173},[3467],{"type":76,"value":136},{"type":71,"tag":149,"props":3469,"children":3470},{"style":167},[3471],{"type":76,"value":207},{"type":71,"tag":149,"props":3473,"children":3474},{"class":151,"line":223},[3475],{"type":71,"tag":149,"props":3476,"children":3477},{"style":804},[3478],{"type":76,"value":3479},"\u002F\u002F no finally — a2uiAction leaks into the next run's properties\n",{"type":71,"tag":72,"props":3481,"children":3482},{},[3483],{"type":76,"value":2768},{"type":71,"tag":138,"props":3485,"children":3487},{"className":3348,"code":3486,"language":47,"meta":143,"style":143},"try {\n copilotkit.setProperties({ ...copilotkit.properties, a2uiAction: msg });\n await copilotkit.runAgent({ agent });\n} finally {\n if (copilotkit.properties) {\n const { a2uiAction, ...rest } = copilotkit.properties;\n copilotkit.setProperties(rest);\n }\n}\n",[3488],{"type":71,"tag":79,"props":3489,"children":3490},{"__ignoreMap":143},[3491,3503,3572,3617,3633,3667,3719,3751,3759],{"type":71,"tag":149,"props":3492,"children":3493},{"class":151,"line":152},[3494,3499],{"type":71,"tag":149,"props":3495,"children":3496},{"style":156},[3497],{"type":76,"value":3498},"try",{"type":71,"tag":149,"props":3500,"children":3501},{"style":167},[3502],{"type":76,"value":220},{"type":71,"tag":149,"props":3504,"children":3505},{"class":151,"line":210},[3506,3511,3515,3519,3523,3527,3531,3535,3539,3543,3547,3551,3555,3560,3564,3568],{"type":71,"tag":149,"props":3507,"children":3508},{"style":173},[3509],{"type":76,"value":3510}," copilotkit",{"type":71,"tag":149,"props":3512,"children":3513},{"style":167},[3514],{"type":76,"value":995},{"type":71,"tag":149,"props":3516,"children":3517},{"style":425},[3518],{"type":76,"value":3369},{"type":71,"tag":149,"props":3520,"children":3521},{"style":445},[3522],{"type":76,"value":433},{"type":71,"tag":149,"props":3524,"children":3525},{"style":167},[3526],{"type":76,"value":1850},{"type":71,"tag":149,"props":3528,"children":3529},{"style":167},[3530],{"type":76,"value":3382},{"type":71,"tag":149,"props":3532,"children":3533},{"style":173},[3534],{"type":76,"value":8},{"type":71,"tag":149,"props":3536,"children":3537},{"style":167},[3538],{"type":76,"value":995},{"type":71,"tag":149,"props":3540,"children":3541},{"style":173},[3542],{"type":76,"value":3395},{"type":71,"tag":149,"props":3544,"children":3545},{"style":167},[3546],{"type":76,"value":499},{"type":71,"tag":149,"props":3548,"children":3549},{"style":445},[3550],{"type":76,"value":3404},{"type":71,"tag":149,"props":3552,"children":3553},{"style":167},[3554],{"type":76,"value":453},{"type":71,"tag":149,"props":3556,"children":3557},{"style":173},[3558],{"type":76,"value":3559}," msg",{"type":71,"tag":149,"props":3561,"children":3562},{"style":167},[3563],{"type":76,"value":181},{"type":71,"tag":149,"props":3565,"children":3566},{"style":445},[3567],{"type":76,"value":136},{"type":71,"tag":149,"props":3569,"children":3570},{"style":167},[3571],{"type":76,"value":207},{"type":71,"tag":149,"props":3573,"children":3574},{"class":151,"line":223},[3575,3580,3584,3588,3592,3596,3600,3605,3609,3613],{"type":71,"tag":149,"props":3576,"children":3577},{"style":156},[3578],{"type":76,"value":3579}," await",{"type":71,"tag":149,"props":3581,"children":3582},{"style":173},[3583],{"type":76,"value":3438},{"type":71,"tag":149,"props":3585,"children":3586},{"style":167},[3587],{"type":76,"value":995},{"type":71,"tag":149,"props":3589,"children":3590},{"style":425},[3591],{"type":76,"value":3447},{"type":71,"tag":149,"props":3593,"children":3594},{"style":445},[3595],{"type":76,"value":433},{"type":71,"tag":149,"props":3597,"children":3598},{"style":167},[3599],{"type":76,"value":1850},{"type":71,"tag":149,"props":3601,"children":3602},{"style":173},[3603],{"type":76,"value":3604}," agent",{"type":71,"tag":149,"props":3606,"children":3607},{"style":167},[3608],{"type":76,"value":181},{"type":71,"tag":149,"props":3610,"children":3611},{"style":445},[3612],{"type":76,"value":136},{"type":71,"tag":149,"props":3614,"children":3615},{"style":167},[3616],{"type":76,"value":207},{"type":71,"tag":149,"props":3618,"children":3619},{"class":151,"line":237},[3620,3624,3629],{"type":71,"tag":149,"props":3621,"children":3622},{"style":167},[3623],{"type":76,"value":282},{"type":71,"tag":149,"props":3625,"children":3626},{"style":156},[3627],{"type":76,"value":3628}," finally",{"type":71,"tag":149,"props":3630,"children":3631},{"style":167},[3632],{"type":76,"value":220},{"type":71,"tag":149,"props":3634,"children":3635},{"class":151,"line":250},[3636,3641,3646,3650,3654,3658,3663],{"type":71,"tag":149,"props":3637,"children":3638},{"style":156},[3639],{"type":76,"value":3640}," if",{"type":71,"tag":149,"props":3642,"children":3643},{"style":445},[3644],{"type":76,"value":3645}," (",{"type":71,"tag":149,"props":3647,"children":3648},{"style":173},[3649],{"type":76,"value":8},{"type":71,"tag":149,"props":3651,"children":3652},{"style":167},[3653],{"type":76,"value":995},{"type":71,"tag":149,"props":3655,"children":3656},{"style":173},[3657],{"type":76,"value":3395},{"type":71,"tag":149,"props":3659,"children":3660},{"style":445},[3661],{"type":76,"value":3662},") ",{"type":71,"tag":149,"props":3664,"children":3665},{"style":167},[3666],{"type":76,"value":438},{"type":71,"tag":149,"props":3668,"children":3669},{"class":151,"line":263},[3670,3674,3678,3682,3686,3690,3695,3699,3703,3707,3711,3715],{"type":71,"tag":149,"props":3671,"children":3672},{"style":404},[3673],{"type":76,"value":527},{"type":71,"tag":149,"props":3675,"children":3676},{"style":167},[3677],{"type":76,"value":170},{"type":71,"tag":149,"props":3679,"children":3680},{"style":173},[3681],{"type":76,"value":3404},{"type":71,"tag":149,"props":3683,"children":3684},{"style":167},[3685],{"type":76,"value":499},{"type":71,"tag":149,"props":3687,"children":3688},{"style":167},[3689],{"type":76,"value":3382},{"type":71,"tag":149,"props":3691,"children":3692},{"style":173},[3693],{"type":76,"value":3694},"rest",{"type":71,"tag":149,"props":3696,"children":3697},{"style":167},[3698],{"type":76,"value":181},{"type":71,"tag":149,"props":3700,"children":3701},{"style":167},[3702],{"type":76,"value":554},{"type":71,"tag":149,"props":3704,"children":3705},{"style":173},[3706],{"type":76,"value":3438},{"type":71,"tag":149,"props":3708,"children":3709},{"style":167},[3710],{"type":76,"value":995},{"type":71,"tag":149,"props":3712,"children":3713},{"style":173},[3714],{"type":76,"value":3395},{"type":71,"tag":149,"props":3716,"children":3717},{"style":167},[3718],{"type":76,"value":207},{"type":71,"tag":149,"props":3720,"children":3721},{"class":151,"line":276},[3722,3727,3731,3735,3739,3743,3747],{"type":71,"tag":149,"props":3723,"children":3724},{"style":173},[3725],{"type":76,"value":3726}," copilotkit",{"type":71,"tag":149,"props":3728,"children":3729},{"style":167},[3730],{"type":76,"value":995},{"type":71,"tag":149,"props":3732,"children":3733},{"style":425},[3734],{"type":76,"value":3369},{"type":71,"tag":149,"props":3736,"children":3737},{"style":445},[3738],{"type":76,"value":433},{"type":71,"tag":149,"props":3740,"children":3741},{"style":173},[3742],{"type":76,"value":3694},{"type":71,"tag":149,"props":3744,"children":3745},{"style":445},[3746],{"type":76,"value":136},{"type":71,"tag":149,"props":3748,"children":3749},{"style":167},[3750],{"type":76,"value":207},{"type":71,"tag":149,"props":3752,"children":3753},{"class":151,"line":306},[3754],{"type":71,"tag":149,"props":3755,"children":3756},{"style":167},[3757],{"type":76,"value":3758}," }\n",{"type":71,"tag":149,"props":3760,"children":3761},{"class":151,"line":348},[3762],{"type":71,"tag":149,"props":3763,"children":3764},{"style":167},[3765],{"type":76,"value":1048},{"type":71,"tag":72,"props":3767,"children":3768},{},[3769,3771,3777,3779,3785,3787,3793,3795,3800,3802,3808],{"type":76,"value":3770},"The built-in bridge always strips ",{"type":71,"tag":79,"props":3772,"children":3774},{"className":3773},[],[3775],{"type":76,"value":3776},"a2uiAction",{"type":76,"value":3778}," in ",{"type":71,"tag":79,"props":3780,"children":3782},{"className":3781},[],[3783],{"type":76,"value":3784},"finally",{"type":76,"value":3786},", guarded by a\n",{"type":71,"tag":79,"props":3788,"children":3790},{"className":3789},[],[3791],{"type":76,"value":3792},"copilotkit.properties",{"type":76,"value":3794}," null-check so it can't mask the original ",{"type":71,"tag":79,"props":3796,"children":3798},{"className":3797},[],[3799],{"type":76,"value":3447},{"type":76,"value":3801},"\nerror with a ",{"type":71,"tag":79,"props":3803,"children":3805},{"className":3804},[],[3806],{"type":76,"value":3807},"TypeError",{"type":76,"value":3809}," during destructuring. Skipping cleanup keeps the\nprevious action attached to subsequent runs.",{"type":71,"tag":72,"props":3811,"children":3812},{},[3813],{"type":76,"value":3814},"Source: packages\u002Freact-core\u002Fsrc\u002Fv2\u002Fa2ui\u002FA2UIMessageRenderer.tsx:146-167",{"type":71,"tag":123,"props":3816,"children":3818},{"id":3817},"medium-installing-copilotkitnexta2ui-renderer",[3819],{"type":76,"value":3820},"MEDIUM installing @copilotkitnext\u002Fa2ui-renderer",{"type":71,"tag":72,"props":3822,"children":3823},{},[3824],{"type":76,"value":2631},{"type":71,"tag":138,"props":3826,"children":3828},{"className":3348,"code":3827,"language":47,"meta":143,"style":143},"import { createA2UIMessageRenderer } from \"@copilotkitnext\u002Fa2ui-renderer\";\n",[3829],{"type":71,"tag":79,"props":3830,"children":3831},{"__ignoreMap":143},[3832],{"type":71,"tag":149,"props":3833,"children":3834},{"class":151,"line":152},[3835,3839,3843,3847,3851,3855,3859,3864,3868],{"type":71,"tag":149,"props":3836,"children":3837},{"style":156},[3838],{"type":76,"value":159},{"type":71,"tag":149,"props":3840,"children":3841},{"style":167},[3842],{"type":76,"value":170},{"type":71,"tag":149,"props":3844,"children":3845},{"style":173},[3846],{"type":76,"value":2967},{"type":71,"tag":149,"props":3848,"children":3849},{"style":167},[3850],{"type":76,"value":181},{"type":71,"tag":149,"props":3852,"children":3853},{"style":156},[3854],{"type":76,"value":186},{"type":71,"tag":149,"props":3856,"children":3857},{"style":167},[3858],{"type":76,"value":191},{"type":71,"tag":149,"props":3860,"children":3861},{"style":194},[3862],{"type":76,"value":3863},"@copilotkitnext\u002Fa2ui-renderer",{"type":71,"tag":149,"props":3865,"children":3866},{"style":167},[3867],{"type":76,"value":202},{"type":71,"tag":149,"props":3869,"children":3870},{"style":167},[3871],{"type":76,"value":207},{"type":71,"tag":72,"props":3873,"children":3874},{},[3875],{"type":76,"value":2768},{"type":71,"tag":138,"props":3877,"children":3879},{"className":3348,"code":3878,"language":47,"meta":143,"style":143},"\u002F\u002F Low-level primitives (rarely needed — the CopilotKit provider's a2ui prop is the default path):\nimport {\n A2UIProvider,\n A2UIRenderer,\n createCatalog,\n} from \"@copilotkit\u002Fa2ui-renderer\";\n\u002F\u002F Auto-mounted renderer lives in react-core\u002Fv2:\nimport { createA2UIMessageRenderer } from \"@copilotkit\u002Freact-core\u002Fv2\";\n",[3880],{"type":71,"tag":79,"props":3881,"children":3882},{"__ignoreMap":143},[3883,3891,3902,3914,3926,3938,3965,3973],{"type":71,"tag":149,"props":3884,"children":3885},{"class":151,"line":152},[3886],{"type":71,"tag":149,"props":3887,"children":3888},{"style":804},[3889],{"type":76,"value":3890},"\u002F\u002F Low-level primitives (rarely needed — the CopilotKit provider's a2ui prop is the default path):\n",{"type":71,"tag":149,"props":3892,"children":3893},{"class":151,"line":210},[3894,3898],{"type":71,"tag":149,"props":3895,"children":3896},{"style":156},[3897],{"type":76,"value":159},{"type":71,"tag":149,"props":3899,"children":3900},{"style":167},[3901],{"type":76,"value":220},{"type":71,"tag":149,"props":3903,"children":3904},{"class":151,"line":223},[3905,3910],{"type":71,"tag":149,"props":3906,"children":3907},{"style":173},[3908],{"type":76,"value":3909}," A2UIProvider",{"type":71,"tag":149,"props":3911,"children":3912},{"style":167},[3913],{"type":76,"value":234},{"type":71,"tag":149,"props":3915,"children":3916},{"class":151,"line":237},[3917,3922],{"type":71,"tag":149,"props":3918,"children":3919},{"style":173},[3920],{"type":76,"value":3921}," A2UIRenderer",{"type":71,"tag":149,"props":3923,"children":3924},{"style":167},[3925],{"type":76,"value":234},{"type":71,"tag":149,"props":3927,"children":3928},{"class":151,"line":250},[3929,3934],{"type":71,"tag":149,"props":3930,"children":3931},{"style":173},[3932],{"type":76,"value":3933}," createCatalog",{"type":71,"tag":149,"props":3935,"children":3936},{"style":167},[3937],{"type":76,"value":234},{"type":71,"tag":149,"props":3939,"children":3940},{"class":151,"line":263},[3941,3945,3949,3953,3957,3961],{"type":71,"tag":149,"props":3942,"children":3943},{"style":167},[3944],{"type":76,"value":282},{"type":71,"tag":149,"props":3946,"children":3947},{"style":156},[3948],{"type":76,"value":186},{"type":71,"tag":149,"props":3950,"children":3951},{"style":167},[3952],{"type":76,"value":191},{"type":71,"tag":149,"props":3954,"children":3955},{"style":194},[3956],{"type":76,"value":1602},{"type":71,"tag":149,"props":3958,"children":3959},{"style":167},[3960],{"type":76,"value":202},{"type":71,"tag":149,"props":3962,"children":3963},{"style":167},[3964],{"type":76,"value":207},{"type":71,"tag":149,"props":3966,"children":3967},{"class":151,"line":276},[3968],{"type":71,"tag":149,"props":3969,"children":3970},{"style":804},[3971],{"type":76,"value":3972},"\u002F\u002F Auto-mounted renderer lives in react-core\u002Fv2:\n",{"type":71,"tag":149,"props":3974,"children":3975},{"class":151,"line":306},[3976,3980,3984,3988,3992,3996,4000,4004,4008],{"type":71,"tag":149,"props":3977,"children":3978},{"style":156},[3979],{"type":76,"value":159},{"type":71,"tag":149,"props":3981,"children":3982},{"style":167},[3983],{"type":76,"value":170},{"type":71,"tag":149,"props":3985,"children":3986},{"style":173},[3987],{"type":76,"value":2967},{"type":71,"tag":149,"props":3989,"children":3990},{"style":167},[3991],{"type":76,"value":181},{"type":71,"tag":149,"props":3993,"children":3994},{"style":156},[3995],{"type":76,"value":186},{"type":71,"tag":149,"props":3997,"children":3998},{"style":167},[3999],{"type":76,"value":191},{"type":71,"tag":149,"props":4001,"children":4002},{"style":194},[4003],{"type":76,"value":1201},{"type":71,"tag":149,"props":4005,"children":4006},{"style":167},[4007],{"type":76,"value":202},{"type":71,"tag":149,"props":4009,"children":4010},{"style":167},[4011],{"type":76,"value":207},{"type":71,"tag":72,"props":4013,"children":4014},{},[4015,4017,4022,4024,4029,4031,4037],{"type":76,"value":4016},"This package ships as ",{"type":71,"tag":79,"props":4018,"children":4020},{"className":4019},[],[4021],{"type":76,"value":1602},{"type":76,"value":4023},", not\n",{"type":71,"tag":79,"props":4025,"children":4027},{"className":4026},[],[4028],{"type":76,"value":3863},{"type":76,"value":4030},". The ",{"type":71,"tag":79,"props":4032,"children":4034},{"className":4033},[],[4035],{"type":76,"value":4036},"@copilotkitnext\u002F",{"type":76,"value":4038}," scope is reserved\nfor other packages that ship under it separately — do not assume it applies\nhere.",{"type":71,"tag":72,"props":4040,"children":4041},{},[4042],{"type":76,"value":4043},"Source: packages\u002Fa2ui-renderer\u002Fpackage.json",{"type":71,"tag":4045,"props":4046,"children":4047},"style",{},[4048],{"type":76,"value":4049},"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":4051,"total":521},[4052,4059,4078,4095,4107,4120,4133,4147,4159,4171,4186,4201],{"slug":4,"name":4,"fn":5,"description":6,"org":4053,"tags":4054,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4055,4056,4057,4058],{"name":9,"slug":8,"type":13},{"name":21,"slug":22,"type":13},{"name":18,"slug":19,"type":13},{"name":15,"slug":16,"type":13},{"slug":4060,"name":4060,"fn":4061,"description":4062,"org":4063,"tags":4064,"stars":23,"repoUrl":24,"updatedAt":4077},"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},[4065,4067,4070,4073,4074],{"name":4066,"slug":32,"type":13},"Agents",{"name":4068,"slug":4069,"type":13},"API Development","api-development",{"name":4071,"slug":4072,"type":13},"Backend","backend",{"name":9,"slug":8,"type":13},{"name":4075,"slug":4076,"type":13},"Debugging","debugging","2026-07-12T08:06:22.179755",{"slug":4079,"name":4079,"fn":4080,"description":4081,"org":4082,"tags":4083,"stars":23,"repoUrl":24,"updatedAt":4094},"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},[4084,4085,4088,4091],{"name":9,"slug":8,"type":13},{"name":4086,"slug":4087,"type":13},"Engineering","engineering",{"name":4089,"slug":4090,"type":13},"GitHub","github",{"name":4092,"slug":4093,"type":13},"Pull Requests","pull-requests","2026-07-12T08:06:30.102192",{"slug":4096,"name":4096,"fn":4097,"description":4098,"org":4099,"tags":4100,"stars":23,"repoUrl":24,"updatedAt":4106},"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},[4101,4102,4103],{"name":9,"slug":8,"type":13},{"name":4075,"slug":4076,"type":13},{"name":4104,"slug":4105,"type":13},"Observability","observability","2026-07-12T08:06:23.407872",{"slug":4108,"name":4108,"fn":4109,"description":4110,"org":4111,"tags":4112,"stars":23,"repoUrl":24,"updatedAt":4119},"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},[4113,4114,4117,4118],{"name":4066,"slug":32,"type":13},{"name":4115,"slug":4116,"type":13},"AI Context","ai-context",{"name":9,"slug":8,"type":13},{"name":18,"slug":19,"type":13},"2026-07-12T08:06:28.856644",{"slug":4121,"name":4121,"fn":4122,"description":4123,"org":4124,"tags":4125,"stars":23,"repoUrl":24,"updatedAt":4132},"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},[4126,4127,4128,4129],{"name":4066,"slug":32,"type":13},{"name":4068,"slug":4069,"type":13},{"name":9,"slug":8,"type":13},{"name":4130,"slug":4131,"type":13},"Integrations","integrations","2026-07-12T08:06:32.560054",{"slug":4134,"name":4134,"fn":4135,"description":4136,"org":4137,"tags":4138,"stars":23,"repoUrl":24,"updatedAt":4146},"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},[4139,4140,4143],{"name":9,"slug":8,"type":13},{"name":4141,"slug":4142,"type":13},"Documentation","documentation",{"name":4144,"slug":4145,"type":13},"Productivity","productivity","2026-07-12T08:06:31.345052",{"slug":4148,"name":4148,"fn":4149,"description":4150,"org":4151,"tags":4152,"stars":23,"repoUrl":24,"updatedAt":4158},"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},[4153,4154,4155],{"name":9,"slug":8,"type":13},{"name":18,"slug":19,"type":13},{"name":4156,"slug":4157,"type":13},"Onboarding","onboarding","2026-07-12T08:06:25.534415",{"slug":4160,"name":4160,"fn":4161,"description":4162,"org":4163,"tags":4164,"stars":23,"repoUrl":24,"updatedAt":4170},"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},[4165,4166,4167],{"name":9,"slug":8,"type":13},{"name":4086,"slug":4087,"type":13},{"name":4168,"slug":4169,"type":13},"Migration","migration","2026-07-12T08:06:26.949801",{"slug":4172,"name":4172,"fn":4173,"description":4174,"org":4175,"tags":4176,"stars":23,"repoUrl":24,"updatedAt":4185},"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},[4177,4178,4179,4182,4184],{"name":9,"slug":8,"type":13},{"name":18,"slug":19,"type":13},{"name":4180,"slug":4181,"type":13},"Next.js","next-js",{"name":4183,"slug":45,"type":13},"React",{"name":15,"slug":16,"type":13},"2026-07-12T08:06:15.72619",{"slug":4187,"name":4187,"fn":4188,"description":4189,"org":4190,"tags":4191,"stars":23,"repoUrl":24,"updatedAt":4200},"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},[4192,4193,4194,4197],{"name":4071,"slug":4072,"type":13},{"name":9,"slug":8,"type":13},{"name":4195,"slug":4196,"type":13},"JavaScript","javascript",{"name":4198,"slug":4199,"type":13},"Middleware","middleware","2026-07-12T08:06:10.034875",{"slug":4202,"name":4203,"fn":4204,"description":4205,"org":4206,"tags":4207,"stars":4217,"repoUrl":4218,"updatedAt":4219},"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},[4208,4211,4212,4213,4216],{"name":4209,"slug":4210,"type":13},"Dashboards","dashboards",{"name":21,"slug":22,"type":13},{"name":18,"slug":19,"type":13},{"name":4214,"slug":4215,"type":13},"Generative Art","generative-art",{"name":15,"slug":16,"type":13},1440,"https:\u002F\u002Fgithub.com\u002FCopilotKit\u002FOpenGenerativeUI","2026-07-12T08:06:40.712754",{"items":4221,"total":400},[4222,4229,4237,4244,4250,4257,4264],{"slug":4,"name":4,"fn":5,"description":6,"org":4223,"tags":4224,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4225,4226,4227,4228],{"name":9,"slug":8,"type":13},{"name":21,"slug":22,"type":13},{"name":18,"slug":19,"type":13},{"name":15,"slug":16,"type":13},{"slug":4060,"name":4060,"fn":4061,"description":4062,"org":4230,"tags":4231,"stars":23,"repoUrl":24,"updatedAt":4077},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4232,4233,4234,4235,4236],{"name":4066,"slug":32,"type":13},{"name":4068,"slug":4069,"type":13},{"name":4071,"slug":4072,"type":13},{"name":9,"slug":8,"type":13},{"name":4075,"slug":4076,"type":13},{"slug":4079,"name":4079,"fn":4080,"description":4081,"org":4238,"tags":4239,"stars":23,"repoUrl":24,"updatedAt":4094},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4240,4241,4242,4243],{"name":9,"slug":8,"type":13},{"name":4086,"slug":4087,"type":13},{"name":4089,"slug":4090,"type":13},{"name":4092,"slug":4093,"type":13},{"slug":4096,"name":4096,"fn":4097,"description":4098,"org":4245,"tags":4246,"stars":23,"repoUrl":24,"updatedAt":4106},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4247,4248,4249],{"name":9,"slug":8,"type":13},{"name":4075,"slug":4076,"type":13},{"name":4104,"slug":4105,"type":13},{"slug":4108,"name":4108,"fn":4109,"description":4110,"org":4251,"tags":4252,"stars":23,"repoUrl":24,"updatedAt":4119},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4253,4254,4255,4256],{"name":4066,"slug":32,"type":13},{"name":4115,"slug":4116,"type":13},{"name":9,"slug":8,"type":13},{"name":18,"slug":19,"type":13},{"slug":4121,"name":4121,"fn":4122,"description":4123,"org":4258,"tags":4259,"stars":23,"repoUrl":24,"updatedAt":4132},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4260,4261,4262,4263],{"name":4066,"slug":32,"type":13},{"name":4068,"slug":4069,"type":13},{"name":9,"slug":8,"type":13},{"name":4130,"slug":4131,"type":13},{"slug":4134,"name":4134,"fn":4135,"description":4136,"org":4265,"tags":4266,"stars":23,"repoUrl":24,"updatedAt":4146},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4267,4268,4269],{"name":9,"slug":8,"type":13},{"name":4141,"slug":4142,"type":13},{"name":4144,"slug":4145,"type":13}]