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

package/dist/{copilotkit-DiLTL1ZM.cjs → copilotkit-2v7ami2b.cjs}

@@ -2116,6 +2116,8 @@ const MCPAppsActivityRenderer = function MCPAppsActivityRenderer({ content, agen
 				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) {
@@ -3522,6 +3524,7 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 	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;
@@ -3544,6 +3547,14 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 	});
 	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,
@@ -3557,7 +3568,7 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 		});
 		if (a2uiActive) renderers.unshift(createA2UIMessageRenderer({
 			theme: a2ui?.theme ?? _copilotkit_a2ui_renderer.viewerTheme,
-			catalog: a2ui?.catalog,
+			catalog: filteredCatalog,
 			loadingComponent: a2ui?.loadingComponent,
 			recovery: a2ui?.recovery
 		}));
@@ -3565,7 +3576,8 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 	}, [
 		a2uiActive,
 		openGenUIActive,
-		a2ui
+		a2ui,
+		filteredCatalog
 	]);
 	const allActivityRenderers = (0, react.useMemo)(() => {
 		return [...renderActivityMessagesList, ...builtInActivityRenderers];
@@ -3670,7 +3682,6 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 		builtInFrontendTools,
 		processedHumanInTheLoopTools
 	]);
-	const copilotkitRef = (0, react.useRef)(null);
 	if (copilotkitRef.current === null) {
 		copilotkitRef.current = new CopilotKitCoreReact({
 			runtimeUrl: chatApiEndpoint,
@@ -3689,6 +3700,20 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 		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);
@@ -3844,7 +3869,7 @@ const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY
 				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,
@@ -4422,7 +4447,10 @@ const ALL_UPDATES = [
 	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();
@@ -4430,7 +4458,58 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 	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);
@@ -4486,6 +4565,8 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 		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,
@@ -4538,14 +4619,11 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 	]);
 	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
@@ -12189,4 +12267,4 @@ Object.defineProperty(exports, 'ɵrunMcpFollowUp', {
     return ɵrunMcpFollowUp;
   }
 });
-//# sourceMappingURL=copilotkit-DiLTL1ZM.cjs.map
+//# sourceMappingURL=copilotkit-2v7ami2b.cjs.map