@copilotkit/react-core 1.69.2 → 1.70.0

package/dist/index.umd.js

@@ -1,10 +1,10 @@
 "use client";
 
 (function(global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('react'), require('@copilotkit/core'), require('@ag-ui/client'), require('@copilotkit/shared'), require('react/jsx-runtime'), require('zod'), require('@lit-labs/react'), require('@copilotkit/a2ui-renderer'), require('zod-to-json-schema'), require('react-dom'), require('react-markdown'), require('@copilotkit/runtime-client-gql')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', '@copilotkit/core', '@ag-ui/client', '@copilotkit/shared', 'react/jsx-runtime', 'zod', '@lit-labs/react', '@copilotkit/a2ui-renderer', 'zod-to-json-schema', 'react-dom', 'react-markdown', '@copilotkit/runtime-client-gql'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactCore = {}), global.React,global.CopilotKitCore,global.AgUIClient,global.CopilotKitShared,global.ReactJsxRuntime,global.Zod,global._lit_labs_react,global.CopilotKitA2UIRenderer,global.zod_to_json_schema,global.ReactDOM,global.ReactMarkdown,global.CopilotKitRuntimeClientGQL));
-})(this, function(exports, react, _copilotkit_core, _ag_ui_client, _copilotkit_shared, react_jsx_runtime, zod, _lit_labs_react, _copilotkit_a2ui_renderer, zod_to_json_schema, react_dom, react_markdown, _copilotkit_runtime_client_gql) {
+  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('react'), require('@copilotkit/core'), require('@ag-ui/client'), require('@copilotkit/shared'), require('react/jsx-runtime'), require('zod'), require('@copilotkit/a2ui-renderer'), require('zod-to-json-schema'), require('react-dom'), require('react-markdown'), require('@copilotkit/runtime-client-gql')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', '@copilotkit/core', '@ag-ui/client', '@copilotkit/shared', 'react/jsx-runtime', 'zod', '@copilotkit/a2ui-renderer', 'zod-to-json-schema', 'react-dom', 'react-markdown', '@copilotkit/runtime-client-gql'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactCore = {}), global.React,global.CopilotKitCore,global.AgUIClient,global.CopilotKitShared,global.ReactJsxRuntime,global.Zod,global.CopilotKitA2UIRenderer,global.zod_to_json_schema,global.ReactDOM,global.ReactMarkdown,global.CopilotKitRuntimeClientGQL));
+})(this, function(exports, react, _copilotkit_core, _ag_ui_client, _copilotkit_shared, react_jsx_runtime, zod, _copilotkit_a2ui_renderer, zod_to_json_schema, react_dom, react_markdown, _copilotkit_runtime_client_gql) {
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 //#region \0rolldown/runtime.js
 	var __create = Object.create;
@@ -90,7 +90,7 @@ react_markdown = __toESM(react_markdown);
 		assistantMessageToolbarCopyCodeCopiedLabel: "Copied",
 		assistantMessageToolbarCopyMessageLabel: "Copy",
 		assistantMessageToolbarInspectorLabel: "View in Inspector",
-		assistantMessageToolbarInspectorLocalOnlyLabel: "Local Only",
+		assistantMessageToolbarInspectorLocalOnlyLabel: "Development Only",
 		assistantMessageToolbarThumbsUpLabel: "Good response",
 		assistantMessageToolbarThumbsDownLabel: "Bad response",
 		assistantMessageToolbarReadAloudLabel: "Read aloud",
@@ -480,32 +480,43 @@ react_markdown = __toESM(react_markdown);
 
 //#endregion
 //#region src/v2/components/CopilotKitInspector.tsx
-	const CopilotKitInspector = ({ core, openRequest, ...rest }) => {
-		const [InspectorComponent, setInspectorComponent] = react.useState(null);
+	const CopilotKitInspector = ({ core, openRequest }) => {
+		const mountRef = react.useRef(null);
 		const inspectorRef = react.useRef(null);
+		const latestCoreRef = react.useRef(core ?? null);
+		const latestOpenRequestRef = react.useRef(openRequest);
+		latestCoreRef.current = core ?? null;
+		latestOpenRequestRef.current = openRequest;
 		react.useEffect(() => {
 			let mounted = true;
+			let inspector = null;
 			import("@copilotkit/web-inspector").then((mod) => {
+				if (!mounted || !mountRef.current) return;
 				mod.defineWebInspector?.();
-				const Component = (0, _lit_labs_react.createComponent)({
-					tagName: mod.WEB_INSPECTOR_TAG,
-					elementClass: mod.WebInspectorElement,
-					react
-				});
-				if (mounted) setInspectorComponent(() => Component);
+				inspector = mountRef.current.ownerDocument.createElement(mod.WEB_INSPECTOR_TAG);
+				mod.configureWebInspectorElement(inspector, latestCoreRef.current);
+				mountRef.current.appendChild(inspector);
+				inspectorRef.current = inspector;
+				const request = latestOpenRequestRef.current;
+				if (request) inspector.openInspector("message_toolbar", request);
+			}).catch((error) => {
+				console.error("Failed to load CopilotKit inspector:", error);
 			});
 			return () => {
 				mounted = false;
+				inspector?.remove();
+				if (inspectorRef.current === inspector) inspectorRef.current = null;
 			};
 		}, []);
+		react.useEffect(() => {
+			if (inspectorRef.current) inspectorRef.current.core = core ?? null;
+		}, [core]);
 		react.useEffect(() => {
 			if (openRequest) inspectorRef.current?.openInspector("message_toolbar", openRequest);
-		}, [InspectorComponent, openRequest]);
-		if (!InspectorComponent) return null;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InspectorComponent, {
-			ref: inspectorRef,
-			...rest,
-			core: core ?? null
+		}, [openRequest]);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			ref: mountRef,
+			style: { display: "contents" }
 		});
 	};
 	CopilotKitInspector.displayName = "CopilotKitInspector";
@@ -513,7 +524,7 @@ react_markdown = __toESM(react_markdown);
 //#endregion
 //#region src/v2/components/CopilotKitInspectorContext.tsx
 	const CopilotKitInspectorContext = react.createContext({
-		isLocalInspectorEnabled: false,
+		isInspectorEnabled: false,
 		openInspector: () => void 0
 	});
 	const CopilotKitInspectorContextProvider = CopilotKitInspectorContext.Provider;
@@ -2335,9 +2346,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		}, [value, warningMessage]);
 		return value;
 	}
-	const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY_HEADERS, credentials, publicApiKey, publicLicenseKey, licenseToken, properties = EMPTY_PROPERTIES, agents__unsafe_dev_only: agents = EMPTY_AGENTS, selfManagedAgents = EMPTY_AGENTS, renderToolCalls, renderActivityMessages, renderCustomMessages, frontendTools, humanInTheLoop, openGenerativeUI, showDevConsole = false, useSingleEndpoint, onError, a2ui, defaultThrottleMs, inspectorDefaultAnchor, debug }) => {
+	const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = EMPTY_HEADERS, credentials, publicApiKey, publicLicenseKey, licenseToken, properties = EMPTY_PROPERTIES, agents__unsafe_dev_only: agents = EMPTY_AGENTS, selfManagedAgents = EMPTY_AGENTS, renderToolCalls, renderActivityMessages, renderCustomMessages, frontendTools, humanInTheLoop, openGenerativeUI, enableInspector, useSingleEndpoint, onError, a2ui, defaultThrottleMs, debug }) => {
 		const [shouldRenderInspector, setShouldRenderInspector] = (0, react.useState)(false);
-		const [isLocalInspectorEnabled, setIsLocalInspectorEnabled] = (0, react.useState)(false);
+		(0, react.useEffect)(() => {
+			setShouldRenderInspector((0, _copilotkit_shared.shouldEnableInspector)({
+				enableInspector,
+				isBrowser: true,
+				isDevelopment: process.env.NODE_ENV === "development"
+			}));
+		}, [enableInspector]);
 		const [inspectorOpenRequest, setInspectorOpenRequest] = (0, react.useState)(null);
 		const [runtimeA2UIEnabled, setRuntimeA2UIEnabled] = (0, react.useState)(false);
 		const [runtimeOpenGenUIEnabled, setRuntimeOpenGenUIEnabled] = (0, react.useState)(false);
@@ -2346,32 +2363,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const a2uiCatalogProvided = !!a2ui?.catalog;
 		const a2uiActive = runtimeA2UIEnabled || a2uiCatalogProvided;
 		const [runtimeLicenseStatus, setRuntimeLicenseStatus] = (0, react.useState)(void 0);
-		(0, react.useEffect)(() => {
-			if (typeof window === "undefined") return;
-			const isLocalhost = new Set(["localhost", "127.0.0.1"]).has(window.location?.hostname ?? "");
-			const canShowLocalInspectorAction = process.env.NODE_ENV === "development" && isLocalhost;
-			if (showDevConsole === true) {
-				setShouldRenderInspector(true);
-				setIsLocalInspectorEnabled(canShowLocalInspectorAction);
-			} else if (showDevConsole === "auto") if (isLocalhost) {
-				setShouldRenderInspector(true);
-				setIsLocalInspectorEnabled(canShowLocalInspectorAction);
-			} else {
-				setShouldRenderInspector(false);
-				setIsLocalInspectorEnabled(false);
-			}
-			else {
-				setShouldRenderInspector(false);
-				setIsLocalInspectorEnabled(false);
-			}
-		}, [showDevConsole]);
+		const [runtimeEntitlements, setRuntimeEntitlements] = (0, react.useState)(void 0);
+		const [runtimeEntitlementRetryPending, setRuntimeEntitlementRetryPending] = (0, react.useState)(false);
 		const requestInspectorOpen = (0, react.useCallback)((request) => {
 			setInspectorOpenRequest({ ...request });
 		}, []);
 		const inspectorContextValue = (0, react.useMemo)(() => ({
-			isLocalInspectorEnabled,
+			isInspectorEnabled: shouldRenderInspector,
 			openInspector: requestInspectorOpen
-		}), [isLocalInspectorEnabled, requestInspectorOpen]);
+		}), [shouldRenderInspector, requestInspectorOpen]);
 		const renderToolCallsList = useStableArrayProp(renderToolCalls, "renderToolCalls must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead.", (initial, next) => {
 			const key = (rc) => `${rc?.agentId ?? ""}:${rc?.name ?? ""}`;
 			const setFrom = (arr) => new Set(arr.map(key));
@@ -2555,6 +2555,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				setRuntimeA2UIEnabled(copilotkit.a2uiEnabled);
 				setRuntimeOpenGenUIEnabled(copilotkit.openGenerativeUIEnabled);
 				setRuntimeLicenseStatus(copilotkit.licenseStatus);
+				setRuntimeEntitlements(copilotkit.runtimeEntitlements);
+				setRuntimeEntitlementRetryPending(copilotkit.runtimeEntitlementRetryPending);
 			};
 			const subscription = copilotkit.subscribe({ onRuntimeConnectionStatusChanged: syncRuntimeInfo });
 			syncRuntimeInfo();
@@ -2695,7 +2697,26 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			copilotkit,
 			executingToolCallIds
 		}), [copilotkit, executingToolCallIds]);
-		const licenseContextValue = (0, react.useMemo)(() => (0, _copilotkit_shared.createLicenseContextValue)(runtimeLicenseStatus), [runtimeLicenseStatus]);
+		const retryableRuntimeEntitlementFailure = runtimeEntitlements?.status !== "ready" && runtimeEntitlements?.error.retryable === true;
+		const hasNonReadyRuntimeEntitlement = runtimeEntitlements !== void 0 && runtimeEntitlements.status !== "ready";
+		const hasLegacyRuntimeEntitlementFallback = runtimeLicenseStatus === "valid" || runtimeLicenseStatus === "expiring";
+		const runtimeEntitlementRetryInProgress = retryableRuntimeEntitlementFailure && runtimeEntitlementRetryPending && !hasLegacyRuntimeEntitlementFallback;
+		const runtimeEntitlementFailureSettled = hasNonReadyRuntimeEntitlement && !runtimeEntitlementRetryInProgress && !hasLegacyRuntimeEntitlementFallback;
+		const licenseContextValue = (0, react.useMemo)(() => {
+			const runtimeLicenseContext = (0, _copilotkit_shared.createLicenseContextValue)(runtimeEntitlementRetryInProgress ? void 0 : runtimeLicenseStatus, runtimeEntitlements);
+			if (!runtimeEntitlementFailureSettled) return runtimeLicenseContext;
+			return {
+				...runtimeLicenseContext,
+				checkFeature: () => false,
+				getLimit: () => null
+			};
+		}, [
+			runtimeEntitlementFailureSettled,
+			runtimeEntitlementRetryInProgress,
+			runtimeEntitlements,
+			runtimeLicenseStatus
+		]);
+		const runtimeLicenseWarningStatus = runtimeEntitlementRetryInProgress ? void 0 : licenseContextValue.status ?? void 0;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SandboxFunctionsContext.Provider, {
 			value: sandboxFunctionsList,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitContext.Provider, {
@@ -2712,14 +2733,13 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 							value: inspectorContextValue,
 							children: [children, shouldRenderInspector ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitInspector, {
 								core: copilotkit,
-								defaultAnchor: inspectorDefaultAnchor,
 								openRequest: inspectorOpenRequest
 							}) : null]
 						}),
-						runtimeLicenseStatus === "none" && !resolvedPublicKey && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "no_license" }),
-						runtimeLicenseStatus === "expired" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "expired" }),
-						runtimeLicenseStatus === "invalid" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "invalid" }),
-						runtimeLicenseStatus === "expiring" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "expiring" })
+						runtimeLicenseWarningStatus === "none" && !resolvedPublicKey && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "no_license" }),
+						runtimeLicenseWarningStatus === "expired" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "expired" }),
+						runtimeLicenseWarningStatus === "invalid" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "invalid" }),
+						runtimeLicenseWarningStatus === "expiring" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseWarningBanner, { type: "expiring" })
 					]
 				})
 			})
@@ -2777,7 +2797,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	function useFrontendTool$1(tool, deps) {
 		const { copilotkit } = useCopilotKit();
 		const extraDeps = deps ?? EMPTY_DEPS;
-		(0, react.useEffect)(() => {
+		(0, react.useLayoutEffect)(() => {
 			const name = tool.name;
 			if (copilotkit.getTool({
 				toolName: name,
@@ -2806,6 +2826,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 
 //#endregion
 //#region src/v2/hooks/use-human-in-the-loop.tsx
+/** Registration name of a catch-all tool: handles any otherwise-unhandled call. */
+	const WILDCARD_TOOL_NAME = "*";
 	function useHumanInTheLoop$1(tool, deps) {
 		const { copilotkit } = useCopilotKit();
 		const resolvePromiseRef = (0, react.useRef)(null);
@@ -2841,10 +2863,11 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		}, []);
 		const RenderComponent = (0, react.useCallback)((props) => {
 			const ToolComponent = tool.render;
+			const name = tool.name === WILDCARD_TOOL_NAME ? props.name : tool.name;
 			if (props.status === _copilotkit_core.ToolCallStatus.InProgress) {
 				const enhancedProps = {
 					...props,
-					name: tool.name,
+					name,
 					description: tool.description || "",
 					agentId: tool.agentId,
 					respond: void 0
@@ -2853,7 +2876,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			} else if (props.status === _copilotkit_core.ToolCallStatus.Executing) {
 				const enhancedProps = {
 					...props,
-					name: tool.name,
+					name,
 					description: tool.description || "",
 					agentId: tool.agentId,
 					respond
@@ -2862,7 +2885,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			} else if (props.status === _copilotkit_core.ToolCallStatus.Complete) {
 				const enhancedProps = {
 					...props,
-					name: tool.name,
+					name,
 					description: tool.description || "",
 					agentId: tool.agentId,
 					respond: void 0
@@ -2882,7 +2905,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			handler,
 			render: RenderComponent
 		}, deps);
-		(0, react.useEffect)(() => {
+		(0, react.useLayoutEffect)(() => {
 			return () => {
 				copilotkit.removeHookRenderToolCall(tool.name, tool.agentId);
 			};
@@ -3302,8 +3325,12 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	}
 
 //#endregion
-//#region src/v2/hooks/use-interrupt.tsx
+//#region src/v2/types/interrupt.ts
+/** Name of the legacy custom event agents emit to signal an interrupt. */
 	const INTERRUPT_EVENT_NAME = "on_interrupt";
+
+//#endregion
+//#region src/v2/hooks/use-interrupt.tsx
 	function isPromiseLike(value) {
 		return (typeof value === "object" || typeof value === "function") && value !== null && typeof Reflect.get(value, "then") === "function";
 	}
@@ -5163,20 +5190,42 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 
 //#endregion
 //#region src/v1-deprecated/components/CopilotListeners.tsx
-	const usePredictStateSubscription = (agent) => {
-		const predictStateToolsRef = (0, react.useRef)([]);
-		const getSubscriber = (0, react.useCallback)((agent) => ({
+	function isPredictStateTool(value) {
+		if (value === null || typeof value !== "object") return false;
+		const config = value;
+		return typeof config.tool === "string" && typeof config.state_key === "string" && (config.tool_argument === void 0 || typeof config.tool_argument === "string");
+	}
+	function getPredictStateUpdate(config, toolCallName, partialToolCallArgs) {
+		if (config.tool !== toolCallName) return void 0;
+		const emittedState = typeof partialToolCallArgs === "string" ? (0, _copilotkit_shared.partialJSONParse)(partialToolCallArgs) : partialToolCallArgs;
+		if (emittedState === null || typeof emittedState !== "object") return;
+		if (config.tool_argument) {
+			if (!(config.tool_argument in emittedState)) return void 0;
+			return { [config.state_key]: emittedState[config.tool_argument] };
+		}
+		return { [config.state_key]: emittedState };
+	}
+	function createPredictStateSubscriber(agent, predictStateToolsRef) {
+		return {
 			onCustomEvent: ({ event }) => {
-				if (event.name === "PredictState") predictStateToolsRef.current = event.value;
+				if (event.name === "PredictState") predictStateToolsRef.current = Array.isArray(event.value) ? event.value.filter(isPredictStateTool) : [];
 			},
 			onToolCallArgsEvent: ({ partialToolCallArgs, toolCallName }) => {
-				predictStateToolsRef.current.forEach((t) => {
-					if (t?.tool !== toolCallName) return;
-					const emittedState = typeof partialToolCallArgs === "string" ? (0, _copilotkit_shared.parseJson)(partialToolCallArgs, partialToolCallArgs) : partialToolCallArgs;
-					agent.setState({ [t.state_key]: emittedState[t.state_key] });
+				const updates = {};
+				predictStateToolsRef.current.forEach((config) => {
+					const update = getPredictStateUpdate(config, toolCallName, partialToolCallArgs);
+					if (update) Object.assign(updates, update);
+				});
+				if (Object.keys(updates).length > 0) agent.setState({
+					...agent.state,
+					...updates
 				});
 			}
-		}), []);
+		};
+	}
+	const usePredictStateSubscription = (agent) => {
+		const predictStateToolsRef = (0, react.useRef)([]);
+		const getSubscriber = (0, react.useCallback)((subscriptionAgent) => createPredictStateSubscriber(subscriptionAgent, predictStateToolsRef), []);
 		(0, react.useEffect)(() => {
 			if (!agent) return;
 			const subscriber = getSubscriber(agent);
@@ -5235,7 +5284,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 //#region src/v1-deprecated/components/copilot-provider/copilotkit.tsx
 	function CopilotKit({ children, ...props }) {
 		const enabled = shouldShowDevConsole(props.showDevConsole);
-		const showInspector = shouldShowDevConsole(props.enableInspector);
 		const publicApiKey = props.publicApiKey || props.publicLicenseKey;
 		const renderArr = (0, react.useMemo)(() => [{ render: CoAgentStateRenderBridge }], []);
 		const { onError: _onError, ...v2Props } = props;
@@ -5248,7 +5296,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 					threadId: props.threadId,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitProvider, {
 						...v2Props,
-						showDevConsole: showInspector,
+						enableInspector: props.enableInspector,
 						renderCustomMessages: renderArr,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotKitInternal, {
 							...props,
@@ -5735,13 +5783,18 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const renderToolCall = useRenderToolCall$1();
 		return (0, react.useCallback)((message, messages) => {
 			if (!message?.toolCalls?.length) return null;
-			const toolCall = message.toolCalls[0];
-			if (!toolCall) return null;
-			const toolMessage = messages?.find((m) => m.role === "tool" && m.toolCallId === toolCall.id);
-			return () => renderToolCall({
-				toolCall,
-				toolMessage
-			});
+			const toolCalls = message.toolCalls;
+			return () => {
+				const renderedToolCalls = toolCalls.map((toolCall) => {
+					const toolMessage = messages?.find((m) => m.role === "tool" && m.toolCallId === toolCall.id);
+					return renderToolCall({
+						toolCall,
+						toolMessage
+					});
+				}).filter((renderedToolCall) => renderedToolCall !== null);
+				if (!renderedToolCalls.length) return null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: renderedToolCalls });
+			};
 		}, [renderToolCall]);
 	}
 
@@ -6436,20 +6489,24 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				if (!render) return null;
 				const rendered = render((() => {
 					const mappedArgs = args.args;
+					const toolCallName = args.name;
 					switch (args.status) {
 						case _copilotkit_core.ToolCallStatus.InProgress: return {
+							name: toolCallName,
 							args: mappedArgs,
 							respond: args.respond,
 							status: args.status,
 							handler: void 0
 						};
 						case _copilotkit_core.ToolCallStatus.Executing: return {
+							name: toolCallName,
 							args: mappedArgs,
 							respond: args.respond,
 							status: args.status,
 							handler: () => {}
 						};
 						case _copilotkit_core.ToolCallStatus.Complete: return {
+							name: toolCallName,
 							args: mappedArgs,
 							respond: args.respond,
 							status: args.status,
@@ -6609,10 +6666,21 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	* This hooks enables you to dynamically generate UI elements and render them in the copilot chat. For more information, check out the [Generative UI](/guides/generative-ui) page.
 	*/
 	function getActionConfig(action) {
-		if (action.name === "*") return {
-			type: "render",
-			action
-		};
+		if (action.name === "*") {
+			const catchAll = action;
+			const waitRender = catchAll.renderAndWaitForResponse ?? catchAll.renderAndWait;
+			if (waitRender) return {
+				type: "hitl",
+				action: {
+					...catchAll,
+					render: waitRender
+				}
+			};
+			return {
+				type: "render",
+				action
+			};
+		}
 		if ("renderAndWaitForResponse" in action || "renderAndWait" in action) {
 			let render = action.render;
 			if (!render && "renderAndWaitForResponse" in action) render = action.renderAndWaitForResponse;
@@ -6923,37 +6991,87 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 
 //#endregion
 //#region src/v1-deprecated/hooks/use-agent-nodename.ts
-/**
+	const initialAgentNodeNameState = {
+		nodeName: "start",
+		lastActiveNodeName: "start",
+		hasLegacyInterrupt: false
+	};
+	const transitionAgentNodeName = (state, event) => {
+		switch (event.type) {
+			case "reset":
+			case "runStarted": return initialAgentNodeNameState;
+			case "stepStarted": return {
+				...state,
+				nodeName: event.nodeName,
+				lastActiveNodeName: event.nodeName
+			};
+			case "legacyInterruptReceived": return {
+				...state,
+				hasLegacyInterrupt: true
+			};
+			case "runFinished":
+				if (event.outcome === "interrupt" || state.hasLegacyInterrupt) return {
+					...state,
+					nodeName: state.lastActiveNodeName,
+					hasLegacyInterrupt: false
+				};
+				return {
+					...state,
+					nodeName: "end",
+					hasLegacyInterrupt: false
+				};
+			case "runError": return {
+				...state,
+				nodeName: "end",
+				hasLegacyInterrupt: false
+			};
+		}
+	};
+	/**
 	* Tracks the node the agent is currently executing.
 	*
 	* Backed by state rather than a ref: mutating a ref schedules no render, so
 	* consumers such as `useCoAgent().nodeName` kept reporting whichever node was
-	* current at their last render and never updated on their own.
+	* current at their last render and never updated on their own. Interrupt-aware
+	* transitions keep the last active node available while an interrupt is pending.
 	*/
 	function useAgentNodeName(agentName) {
 		const { agent } = useAgent({ agentId: agentName });
-		const [nodeName, setNodeName] = (0, react.useState)("start");
+		const [nodeNameState, setNodeNameState] = (0, react.useState)(initialAgentNodeNameState);
 		(0, react.useEffect)(() => {
+			const transition = (event) => {
+				setNodeNameState((state) => transitionAgentNodeName(state, event));
+			};
+			transition({ type: "reset" });
 			if (!agent) return;
 			const subscription = agent.subscribe({
 				onStepStartedEvent: ({ event }) => {
-					setNodeName(event.stepName);
+					transition({
+						type: "stepStarted",
+						nodeName: event.stepName
+					});
 				},
 				onRunStartedEvent: () => {
-					setNodeName("start");
+					transition({ type: "runStarted" });
 				},
-				onRunFinishedEvent: () => {
-					setNodeName("end");
+				onRunFinishedEvent: ({ outcome }) => {
+					transition({
+						type: "runFinished",
+						outcome
+					});
 				},
 				onRunErrorEvent: () => {
-					setNodeName("end");
+					transition({ type: "runError" });
+				},
+				onCustomEvent: ({ event }) => {
+					if (event.name === INTERRUPT_EVENT_NAME) transition({ type: "legacyInterruptReceived" });
 				}
 			});
 			return () => {
 				subscription.unsubscribe();
 			};
-		}, [agent]);
-		return nodeName;
+		}, [agent, agentName]);
+		return nodeNameState.nodeName;
 	}
 
 //#endregion
@@ -7156,6 +7274,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			agent?.threadId,
 			agent?.isRunning,
 			agent?.agentId,
+			nodeName,
 			handleStateUpdate,
 			options.name
 		]);