@copilotkit/react-core 1.64.1 → 1.64.2-canary.rc-1

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_copilotkit = require('./copilotkit-DiLTL1ZM.cjs');
+const require_copilotkit = require('./copilotkit-2v7ami2b.cjs');
 let react = require("react");
 react = require_copilotkit.__toESM(react);
 let _copilotkit_core = require("@copilotkit/core");

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { $n as LangGraphInterruptRender, Gn as CopilotApiConfig, Jn as useCopilotContext, Kn as CopilotContext, Qn as LangGraphInterruptActionSetterArgs, Sr as RenderFunctionStatus, Wn as CoagentInChatRenderFunction, Xn as LangGraphInterruptAction, Y as useAgent, Yn as CoAgentStateRender, Zn as LangGraphInterruptActionSetter, _r as ActionRenderPropsWait, ar as CrewsResponseStatus, br as FrontendAction, cr as CrewsToolStateItem, dr as DocumentPointer, er as LangGraphInterruptRenderHandlerProps, fr as Tree, gr as ActionRenderPropsNoArgsWait, hr as ActionRenderPropsNoArgs, ir as CrewsResponse, lr as CopilotChatSuggestionConfiguration, mr as ActionRenderProps, n as defaultCopilotContextCategories, nr as QueuedInterruptEvent, or as CrewsStateItem, pr as TreeNode, qn as CopilotContextParams, r as CopilotKitProps, rr as CrewsAgentState, sr as CrewsTaskStateItem, t as CopilotKit, tr as LangGraphInterruptRenderProps, ur as SystemMessageFunction, vr as CatchAllActionRenderProps, vt as useRenderToolCall$1, xr as FrontendActionAvailability, yr as CatchAllFrontendAction } from "./copilotkit-CXvuYw_F.cjs";
+import { $n as LangGraphInterruptRender, Gn as CopilotApiConfig, Jn as useCopilotContext, Kn as CopilotContext, Qn as LangGraphInterruptActionSetterArgs, Sr as RenderFunctionStatus, Wn as CoagentInChatRenderFunction, Xn as LangGraphInterruptAction, Y as useAgent, Yn as CoAgentStateRender, Zn as LangGraphInterruptActionSetter, _r as ActionRenderPropsWait, ar as CrewsResponseStatus, br as FrontendAction, cr as CrewsToolStateItem, dr as DocumentPointer, er as LangGraphInterruptRenderHandlerProps, fr as Tree, gr as ActionRenderPropsNoArgsWait, hr as ActionRenderPropsNoArgs, ir as CrewsResponse, lr as CopilotChatSuggestionConfiguration, mr as ActionRenderProps, n as defaultCopilotContextCategories, nr as QueuedInterruptEvent, or as CrewsStateItem, pr as TreeNode, qn as CopilotContextParams, r as CopilotKitProps, rr as CrewsAgentState, sr as CrewsTaskStateItem, t as CopilotKit, tr as LangGraphInterruptRenderProps, ur as SystemMessageFunction, vr as CatchAllActionRenderProps, vt as useRenderToolCall$1, xr as FrontendActionAvailability, yr as CatchAllFrontendAction } from "./copilotkit-CBCT7BlL.cjs";
 import "./v2/index.cjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { CopilotRuntimeClient, CopilotRuntimeClientOptions, ForwardedParametersInput, Message } from "@copilotkit/runtime-client-gql";

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { $n as LangGraphInterruptRender, Gn as CopilotApiConfig, Jn as useCopilotContext, Kn as CopilotContext, Qn as LangGraphInterruptActionSetterArgs, Sr as RenderFunctionStatus, Wn as CoagentInChatRenderFunction, Xn as LangGraphInterruptAction, Y as useAgent, Yn as CoAgentStateRender, Zn as LangGraphInterruptActionSetter, _r as ActionRenderPropsWait, ar as CrewsResponseStatus, br as FrontendAction, cr as CrewsToolStateItem, dr as DocumentPointer, er as LangGraphInterruptRenderHandlerProps, fr as Tree, gr as ActionRenderPropsNoArgsWait, hr as ActionRenderPropsNoArgs, ir as CrewsResponse, lr as CopilotChatSuggestionConfiguration, mr as ActionRenderProps, n as defaultCopilotContextCategories, nr as QueuedInterruptEvent, or as CrewsStateItem, pr as TreeNode, qn as CopilotContextParams, r as CopilotKitProps, rr as CrewsAgentState, sr as CrewsTaskStateItem, t as CopilotKit, tr as LangGraphInterruptRenderProps, ur as SystemMessageFunction, vr as CatchAllActionRenderProps, vt as useRenderToolCall$1, xr as FrontendActionAvailability, yr as CatchAllFrontendAction } from "./copilotkit-BE1n5tSI.mjs";
+import { $n as LangGraphInterruptRender, Gn as CopilotApiConfig, Jn as useCopilotContext, Kn as CopilotContext, Qn as LangGraphInterruptActionSetterArgs, Sr as RenderFunctionStatus, Wn as CoagentInChatRenderFunction, Xn as LangGraphInterruptAction, Y as useAgent, Yn as CoAgentStateRender, Zn as LangGraphInterruptActionSetter, _r as ActionRenderPropsWait, ar as CrewsResponseStatus, br as FrontendAction, cr as CrewsToolStateItem, dr as DocumentPointer, er as LangGraphInterruptRenderHandlerProps, fr as Tree, gr as ActionRenderPropsNoArgsWait, hr as ActionRenderPropsNoArgs, ir as CrewsResponse, lr as CopilotChatSuggestionConfiguration, mr as ActionRenderProps, n as defaultCopilotContextCategories, nr as QueuedInterruptEvent, or as CrewsStateItem, pr as TreeNode, qn as CopilotContextParams, r as CopilotKitProps, rr as CrewsAgentState, sr as CrewsTaskStateItem, t as CopilotKit, tr as LangGraphInterruptRenderProps, ur as SystemMessageFunction, vr as CatchAllActionRenderProps, vt as useRenderToolCall$1, xr as FrontendActionAvailability, yr as CatchAllFrontendAction } from "./copilotkit-D0aAnD3i.mjs";
 import "./v2/index.mjs";
 import React, { ReactNode, RefObject, SetStateAction } from "react";
 import { StaticSuggestionsConfig, Suggestion } from "@copilotkit/core";

package/dist/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 
-import { Tt as useCopilotKit, X as useConfigureSuggestions, Y as useInterrupt, Z as useSuggestions, a as ThreadsProvider, c as CoAgentStateRendersProvider, ct as useRenderCustomMessages, d as shouldShowDevConsole, f as useToast, g as useCopilotContext, h as CopilotContext, i as ThreadsContext, jt as useCopilotChatConfiguration, l as useCoAgentStateRenders, m as useCopilotMessagesContext, n as defaultCopilotContextCategories, nt as useHumanInTheLoop$1, o as useThreads, ot as useFrontendTool$1, p as CopilotMessagesContext, r as CoAgentStateRenderBridge, s as CoAgentStateRendersContext, t as CopilotKit, tt as useAgent, u as useAsyncCallback, ut as defineToolCallRenderer, wt as useRenderToolCall$1 } from "./copilotkit-D_Ao1X-u.mjs";
+import { Tt as useCopilotKit, X as useConfigureSuggestions, Y as useInterrupt, Z as useSuggestions, a as ThreadsProvider, c as CoAgentStateRendersProvider, ct as useRenderCustomMessages, d as shouldShowDevConsole, f as useToast, g as useCopilotContext, h as CopilotContext, i as ThreadsContext, jt as useCopilotChatConfiguration, l as useCoAgentStateRenders, m as useCopilotMessagesContext, n as defaultCopilotContextCategories, nt as useHumanInTheLoop$1, o as useThreads, ot as useFrontendTool$1, p as CopilotMessagesContext, r as CoAgentStateRenderBridge, s as CoAgentStateRendersContext, t as CopilotKit, tt as useAgent, u as useAsyncCallback, ut as defineToolCallRenderer, wt as useRenderToolCall$1 } from "./copilotkit-DnlgZWST.mjs";
 import React, { Fragment, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { CopilotKitCoreRuntimeConnectionStatus, ToolCallStatus } from "@copilotkit/core";
 import { AGUIConnectNotImplementedError, HttpAgent } from "@ag-ui/client";

package/dist/index.umd.js

@@ -916,6 +916,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					iframe.style.backgroundColor = "transparent";
 					iframe.style.display = "block";
 					iframe.setAttribute("sandbox", "allow-scripts allow-same-origin allow-forms");
+					iframe.setAttribute("data-testid", "mcp-app-iframe");
+					iframe.setAttribute("title", "Interactive MCP application");
 					const sandboxReady = new Promise((resolve) => {
 						initialListener = (event) => {
 							if (event.source === iframe.contentWindow) {
@@ -2322,6 +2324,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const [shouldRenderInspector, setShouldRenderInspector] = (0, react.useState)(false);
 		const [runtimeA2UIEnabled, setRuntimeA2UIEnabled] = (0, react.useState)(false);
 		const [runtimeOpenGenUIEnabled, setRuntimeOpenGenUIEnabled] = (0, react.useState)(false);
+		const [catalogToggleVersion, setCatalogToggleVersion] = (0, react.useState)(0);
 		const openGenUIActive = runtimeOpenGenUIEnabled || !!openGenerativeUI;
 		const a2uiCatalogProvided = !!a2ui?.catalog;
 		const a2uiActive = runtimeA2UIEnabled || a2uiCatalogProvided;
@@ -2344,6 +2347,14 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		});
 		const renderCustomMessagesList = useStableArrayProp(renderCustomMessages, "renderCustomMessages must be a stable array.");
 		const renderActivityMessagesList = useStableArrayProp(renderActivityMessages, "renderActivityMessages must be a stable array.");
+		const copilotkitRef = (0, react.useRef)(null);
+		const rawCatalog = a2ui?.catalog;
+		const filteredCatalog = (0, react.useMemo)(() => {
+			if (!rawCatalog) return rawCatalog;
+			if (!(rawCatalog instanceof _copilotkit_a2ui_renderer.Catalog)) return rawCatalog;
+			const core = copilotkitRef.current;
+			return (0, _copilotkit_a2ui_renderer.filterCatalog)(rawCatalog, (name) => core ? core.isCatalogComponentEnabled(name) : true);
+		}, [rawCatalog, catalogToggleVersion]);
 		const builtInActivityRenderers = (0, react.useMemo)(() => {
 			const renderers = [{
 				activityType: MCPAppsActivityType,
@@ -2357,7 +2368,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			});
 			if (a2uiActive) renderers.unshift(createA2UIMessageRenderer({
 				theme: a2ui?.theme ?? _copilotkit_a2ui_renderer.viewerTheme,
-				catalog: a2ui?.catalog,
+				catalog: filteredCatalog,
 				loadingComponent: a2ui?.loadingComponent,
 				recovery: a2ui?.recovery
 			}));
@@ -2365,7 +2376,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		}, [
 			a2uiActive,
 			openGenUIActive,
-			a2ui
+			a2ui,
+			filteredCatalog
 		]);
 		const allActivityRenderers = (0, react.useMemo)(() => {
 			return [...renderActivityMessagesList, ...builtInActivityRenderers];
@@ -2470,7 +2482,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			builtInFrontendTools,
 			processedHumanInTheLoopTools
 		]);
-		const copilotkitRef = (0, react.useRef)(null);
 		if (copilotkitRef.current === null) {
 			copilotkitRef.current = new CopilotKitCoreReact({
 				runtimeUrl: chatApiEndpoint,
@@ -2489,6 +2500,20 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			if (defaultThrottleMs !== void 0) copilotkitRef.current.setDefaultThrottleMs(defaultThrottleMs);
 		}
 		const copilotkit = copilotkitRef.current;
+		(0, react.useEffect)(() => {
+			if (!rawCatalog) return;
+			if (!(rawCatalog instanceof _copilotkit_a2ui_renderer.Catalog)) return;
+			const components = Array.from(rawCatalog.components.values()).map((comp) => ({
+				name: comp.name,
+				description: void 0,
+				schema: comp.schema
+			}));
+			copilotkit.setCatalogComponents(components);
+			const subscription = copilotkit.subscribe({ onCatalogComponentsChanged: () => {
+				setCatalogToggleVersion((v) => v + 1);
+			} });
+			return () => subscription.unsubscribe();
+		}, [copilotkit, rawCatalog]);
 		(0, react.useEffect)(() => {
 			const syncRuntimeInfo = () => {
 				setRuntimeA2UIEnabled(copilotkit.a2uiEnabled);
@@ -2644,7 +2669,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					children: [
 						a2uiActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(A2UIBuiltInToolCallRenderer, {}),
 						a2uiActive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(A2UICatalogContext, {
-							catalog: a2ui?.catalog,
+							catalog: filteredCatalog,
 							includeSchema: a2ui?.includeSchema
 						}),
 						children,
@@ -2842,7 +2867,10 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		UseAgentUpdate.OnStateChanged,
 		UseAgentUpdate.OnRunStatusChanged
 	];
-	function useAgent({ agentId, updates, throttleMs } = {}) {
+	function useAgent({ agentId, threadId, runtimeAgentId, updates, throttleMs } = {}) {
+		if (threadId != null && runtimeAgentId == null) throw new Error(`useAgent: \`threadId\` requires \`runtimeAgentId\`. A threadId is written onto a single agent, but an agent resolved by agentId alone is shared, so scoping a thread to it would clobber other useAgent callers. Pass a distinct local \`agentId\` and the runtime agent to route to, e.g. useAgent({ agentId: "chat-1", runtimeAgentId: "${agentId ?? "default"}", threadId }).`);
+		if (runtimeAgentId != null && threadId == null) throw new Error(`useAgent: \`runtimeAgentId\` requires \`threadId\`. A proxied agent exists to scope a thread to a private instance; without a threadId it behaves like the shared agent while adding a registration and a local agentId to keep unique. Either pass the thread, e.g. useAgent({ agentId: "${agentId ?? "chat-1"}", runtimeAgentId: "${runtimeAgentId}", threadId }), or bind to the agent directly with useAgent({ agentId: "${runtimeAgentId}" }).`);
+		if (runtimeAgentId != null && agentId == null) throw new Error(`useAgent: \`runtimeAgentId\` requires an explicit \`agentId\`. The proxied agent is registered under \`agentId\`, and the usual fallbacks (chat configuration, then "${_copilotkit_shared.DEFAULT_AGENT_ID}") name agents that already exist — registering over one throws or shadows it. Pick a local id for this hook, e.g. useAgent({ agentId: "chat-1", runtimeAgentId: "${runtimeAgentId}", threadId }).`);
 		const chatConfig = useCopilotChatConfiguration();
 		const resolvedAgentId = agentId ?? chatConfig?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
 		const { copilotkit } = useCopilotKit();
@@ -2850,7 +2878,58 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const [, forceUpdate] = (0, react.useReducer)((x) => x + 1, 0);
 		const updateFlags = (0, react.useMemo)(() => updates ?? ALL_UPDATES, [JSON.stringify(updates)]);
 		const provisionalAgentCache = (0, react.useRef)(/* @__PURE__ */ new Map());
+		const [registeredProxyAgent, setRegisteredProxyAgent] = (0, react.useState)(null);
+		(0, react.useEffect)(() => {
+			if (runtimeAgentId == null) {
+				setRegisteredProxyAgent(null);
+				return;
+			}
+			const { agent: proxy, unregister } = copilotkit.registerProxiedAgent({
+				agentId: resolvedAgentId,
+				runtimeAgentId
+			});
+			provisionalAgentCache.current.delete(resolvedAgentId);
+			setRegisteredProxyAgent(proxy);
+			return () => {
+				unregister();
+				setRegisteredProxyAgent(null);
+			};
+		}, [
+			copilotkit,
+			resolvedAgentId,
+			runtimeAgentId
+		]);
 		const { agent, isReady } = (0, react.useMemo)(() => {
+			if (runtimeAgentId != null) {
+				if (registeredProxyAgent) {
+					provisionalAgentCache.current.delete(resolvedAgentId);
+					return {
+						agent: registeredProxyAgent,
+						isReady: true
+					};
+				}
+				const cached = provisionalAgentCache.current.get(resolvedAgentId);
+				if (cached) {
+					copilotkit.applyHeadersToAgent(cached);
+					return {
+						agent: cached,
+						isReady: false
+					};
+				}
+				const provisional = new _copilotkit_core.ProxiedCopilotRuntimeAgent({
+					runtimeUrl: copilotkit.runtimeUrl,
+					agentId: resolvedAgentId,
+					runtimeAgentId,
+					transport: copilotkit.runtimeTransport,
+					runtimeMode: "pending"
+				});
+				copilotkit.applyHeadersToAgent(provisional);
+				provisionalAgentCache.current.set(resolvedAgentId, provisional);
+				return {
+					agent: provisional,
+					isReady: false
+				};
+			}
 			const existing = copilotkit.getAgent(resolvedAgentId);
 			if (existing) {
 				provisionalAgentCache.current.delete(resolvedAgentId);
@@ -2906,6 +2985,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			throw new Error(`useAgent: Agent '${resolvedAgentId}' not found after runtime sync (${runtimePart}). ` + (knownAgents.length ? `Known agents: [${knownAgents.join(", ")}]` : "No agents registered.") + " Verify your runtime /info and/or agents__unsafe_dev_only.");
 		}, [
 			resolvedAgentId,
+			runtimeAgentId,
+			registeredProxyAgent,
 			copilotkit.agents,
 			copilotkit.runtimeConnectionStatus,
 			copilotkit.runtimeUrl,
@@ -2958,14 +3039,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		]);
 		const configThreadId = chatConfig?.threadId;
 		const configHasExplicitThreadId = chatConfig?.hasExplicitThreadId;
+		const resolvedThreadId = threadId ?? (configHasExplicitThreadId ? configThreadId : void 0);
 		(0, react.useEffect)(() => {
-			if (!configHasExplicitThreadId || !configThreadId) return;
-			agent.threadId = configThreadId;
-		}, [
-			agent,
-			configThreadId,
-			configHasExplicitThreadId
-		]);
+			if (!resolvedThreadId) return;
+			agent.threadId = resolvedThreadId;
+		}, [agent, resolvedThreadId]);
 		return {
 			agent,
 			isReady