@copilotkit/react-core 1.52.0-next.6 → 1.52.0-next.8

package/dist/index.umd.js

@@ -2054,120 +2054,6 @@ react_markdown = __toESM(react_markdown);
 		if (cloudFeatures.length > 0 && !hasApiKey) throw new _copilotkit_shared.MissingPublicApiKeyError(`Missing required prop: 'publicApiKey' or 'publicLicenseKey' to use cloud features: ${cloudFeatures.map(formatFeatureName).join(", ")}`);
 	}
 
-//#endregion
-//#region src/hooks/use-agent-nodename.ts
-	function useAgentNodeName(agentName) {
-		const { agent } = (0, _copilotkitnext_react.useAgent)({ agentId: agentName });
-		const nodeNameRef = (0, react.useRef)("start");
-		(0, react.useEffect)(() => {
-			if (!agent) return;
-			const subscription = agent.subscribe({
-				onStepStartedEvent: ({ event }) => {
-					nodeNameRef.current = event.stepName;
-				},
-				onRunStartedEvent: () => {
-					nodeNameRef.current = "start";
-				},
-				onRunFinishedEvent: () => {
-					nodeNameRef.current = "end";
-				}
-			});
-			return () => {
-				subscription.unsubscribe();
-			};
-		}, [agent]);
-		return nodeNameRef.current;
-	}
-
-//#endregion
-//#region src/hooks/use-langgraph-interrupt-render.ts
-	const InterruptRenderer = ({ event, result, render, resolve }) => {
-		return render({
-			event,
-			result,
-			resolve
-		});
-	};
-	function useLangGraphInterruptRender(agent) {
-		var _existingConfig$agent;
-		const { interruptActions, agentSession, threadId, interruptEventQueue, addInterruptEvent, resolveInterruptEvent } = useCopilotContext();
-		const existingConfig = (0, _copilotkitnext_react.useCopilotChatConfiguration)();
-		const nodeName = useAgentNodeName((_existingConfig$agent = existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.agentId) !== null && _existingConfig$agent !== void 0 ? _existingConfig$agent : "default");
-		(0, react.useEffect)(() => {
-			if (!agent) return;
-			let localInterrupt = null;
-			const { unsubscribe } = agent.subscribe({
-				onCustomEvent: ({ event }) => {
-					if (event.name === "on_interrupt") {
-						const eventData = {
-							name: _copilotkit_runtime_client_gql.MetaEventName.LangGraphInterruptEvent,
-							type: event.type,
-							value: (0, _copilotkit_shared.parseJson)(event.value, event.value)
-						};
-						localInterrupt = {
-							eventId: (0, _copilotkit_shared.dataToUUID)(eventData, "interruptEvents"),
-							threadId,
-							event: eventData
-						};
-					}
-				},
-				onRunStartedEvent: () => {
-					localInterrupt = null;
-				},
-				onRunFinalized: () => {
-					if (localInterrupt) {
-						addInterruptEvent(localInterrupt);
-						localInterrupt = null;
-					}
-				}
-			});
-			return () => {
-				unsubscribe();
-			};
-		}, [agent, threadId]);
-		const handleResolve = (0, react.useCallback)((eventId, response) => {
-			agent === null || agent === void 0 || agent.runAgent({ forwardedProps: { command: { resume: response } } });
-			resolveInterruptEvent(threadId, eventId, response !== null && response !== void 0 ? response : "");
-		}, [agent, threadId]);
-		return (0, react.useMemo)(() => {
-			const currentQueuedEvent = (interruptEventQueue[threadId] || []).find((qe) => !qe.event.response);
-			if (!currentQueuedEvent || !agentSession) return null;
-			const matchingAction = Object.values(interruptActions).find((action) => {
-				if (!action.enabled) return true;
-				return action.enabled({
-					eventValue: currentQueuedEvent.event.value,
-					agentMetadata: {
-						...agentSession,
-						nodeName
-					}
-				});
-			});
-			if (!matchingAction) return null;
-			const { render, handler } = matchingAction;
-			const resolveInterrupt = (response) => {
-				handleResolve(currentQueuedEvent.eventId, response);
-			};
-			let result = null;
-			if (handler) result = handler({
-				event: currentQueuedEvent.event,
-				resolve: resolveInterrupt
-			});
-			if (!render) return null;
-			return react.default.createElement(InterruptRenderer, {
-				event: currentQueuedEvent.event,
-				result,
-				render,
-				resolve: resolveInterrupt
-			});
-		}, [
-			interruptActions,
-			interruptEventQueue,
-			threadId,
-			agentSession,
-			handleResolve
-		]);
-	}
-
 //#endregion
 //#region src/hooks/use-lazy-tool-renderer.tsx
 	function useLazyToolRenderer() {
@@ -2219,7 +2105,14 @@ react_markdown = __toESM(react_markdown);
 		(0, react.useEffect)(() => {
 			onInProgress === null || onInProgress === void 0 || onInProgress(Boolean(agent === null || agent === void 0 ? void 0 : agent.isRunning));
 		}, [agent === null || agent === void 0 ? void 0 : agent.isRunning, onInProgress]);
-		const interrupt = useLangGraphInterruptRender(agent);
+		const [interrupt, setInterrupt] = (0, react.useState)(null);
+		(0, react.useEffect)(() => {
+			setInterrupt(copilotkit.interruptElement);
+			const subscription = copilotkit.subscribe({ onInterruptElementChanged: ({ interruptElement }) => {
+				setInterrupt(interruptElement);
+			} });
+			return () => subscription.unsubscribe();
+		}, [copilotkit]);
 		const reset = () => {
 			agent === null || agent === void 0 || agent.setMessages([]);
 			agent === null || agent === void 0 || agent.setState(null);
@@ -3366,6 +3259,31 @@ react_markdown = __toESM(react_markdown);
 		return ctxIdRef.current;
 	}
 
+//#endregion
+//#region src/hooks/use-agent-nodename.ts
+	function useAgentNodeName(agentName) {
+		const { agent } = (0, _copilotkitnext_react.useAgent)({ agentId: agentName });
+		const nodeNameRef = (0, react.useRef)("start");
+		(0, react.useEffect)(() => {
+			if (!agent) return;
+			const subscription = agent.subscribe({
+				onStepStartedEvent: ({ event }) => {
+					nodeNameRef.current = event.stepName;
+				},
+				onRunStartedEvent: () => {
+					nodeNameRef.current = "start";
+				},
+				onRunFinishedEvent: () => {
+					nodeNameRef.current = "end";
+				}
+			});
+			return () => {
+				subscription.unsubscribe();
+			};
+		}, [agent]);
+		return nodeNameRef.current;
+	}
+
 //#endregion
 //#region src/hooks/use-coagent.ts
 /**
@@ -3727,26 +3645,64 @@ react_markdown = __toESM(react_markdown);
 
 //#endregion
 //#region src/hooks/use-langgraph-interrupt.ts
-	function useLangGraphInterrupt(action, dependencies) {
-		const { setInterruptAction, removeInterruptAction, interruptActions, threadId } = (0, react.useContext)(CopilotContext);
-		const { addToast } = useToast();
-		const actionId = (0, _copilotkit_shared.dataToUUID)(action, "lgAction");
-		(0, react.useEffect)(() => {
-			if (!action) return;
-			setInterruptAction({
-				...action,
-				id: actionId
-			});
-			return () => {
-				removeInterruptAction(actionId);
-			};
-		}, [
-			setInterruptAction,
-			removeInterruptAction,
+/**
+	* Transforms a v2 InterruptEvent into the v1 LangGraphInterruptEvent shape
+	* expected by existing useLangGraphInterrupt callbacks.
+	*/
+	function toV1Event(event) {
+		const value = typeof event.value === "string" ? (0, _copilotkit_shared.parseJson)(event.value, event.value) : event.value;
+		return {
+			name: _copilotkit_runtime_client_gql.MetaEventName.LangGraphInterruptEvent,
+			type: "MetaEvent",
+			value
+		};
+	}
+	function useLangGraphInterrupt(action, _dependencies) {
+		var _existingConfig$agent;
+		const actionRef = (0, react.useRef)(action);
+		actionRef.current = action;
+		const existingConfig = (0, _copilotkitnext_react.useCopilotChatConfiguration)();
+		const resolvedAgentId = (_existingConfig$agent = existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.agentId) !== null && _existingConfig$agent !== void 0 ? _existingConfig$agent : "default";
+		const threadId = existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.threadId;
+		const nodeName = useAgentNodeName(resolvedAgentId);
+		const metadataRef = (0, react.useRef)({
+			agentName: resolvedAgentId,
 			threadId,
-			actionId,
-			...dependencies || []
-		]);
+			nodeName
+		});
+		metadataRef.current = {
+			agentName: resolvedAgentId,
+			threadId,
+			nodeName
+		};
+		(0, _copilotkitnext_react.useInterrupt)({
+			render: (0, react.useCallback)(({ event, result, resolve }) => {
+				const renderFn = actionRef.current.render;
+				if (!renderFn) return react.default.createElement(react.default.Fragment);
+				const rendered = renderFn({
+					event: toV1Event(event),
+					result,
+					resolve: (r) => resolve(r)
+				});
+				if (typeof rendered === "string") return react.default.createElement(react.default.Fragment, null, rendered);
+				return rendered;
+			}, []),
+			handler: (0, react.useCallback)(({ event, resolve }) => {
+				var _actionRef$current$ha, _actionRef$current;
+				return (_actionRef$current$ha = (_actionRef$current = actionRef.current).handler) === null || _actionRef$current$ha === void 0 ? void 0 : _actionRef$current$ha.call(_actionRef$current, {
+					event: toV1Event(event),
+					resolve: (r) => resolve(r)
+				});
+			}, []),
+			enabled: (0, react.useCallback)((event) => {
+				if (!actionRef.current.enabled) return true;
+				return actionRef.current.enabled({
+					eventValue: toV1Event(event).value,
+					agentMetadata: metadataRef.current
+				});
+			}, []),
+			agentId: resolvedAgentId
+		});
 	}
 
 //#endregion
@@ -4066,7 +4022,6 @@ exports.useDefaultTool = useDefaultTool;
 exports.useFrontendTool = useFrontendTool;
 exports.useHumanInTheLoop = useHumanInTheLoop;
 exports.useLangGraphInterrupt = useLangGraphInterrupt;
-exports.useLangGraphInterruptRender = useLangGraphInterruptRender;
 exports.useLazyToolRenderer = useLazyToolRenderer;
 exports.useMakeCopilotDocumentReadable = useMakeCopilotDocumentReadable;
 exports.useRenderToolCall = useRenderToolCall;