@copilotkit/react-core 1.60.2 → 1.61.1

package/dist/v2/headless.cjs

@@ -431,49 +431,72 @@ function useComponent(config, deps) {
 function useHumanInTheLoop(tool, deps) {
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
 	const resolvePromiseRef = (0, react.useRef)(null);
+	const cleanupAbortRef = (0, react.useRef)(null);
 	const respond = (0, react.useCallback)(async (result) => {
 		if (resolvePromiseRef.current) {
+			cleanupAbortRef.current?.();
+			cleanupAbortRef.current = null;
 			resolvePromiseRef.current(result);
 			resolvePromiseRef.current = null;
 		}
 	}, []);
-	const handler = (0, react.useCallback)(async () => {
-		return new Promise((resolve) => {
+	const handler = (0, react.useCallback)(async (_args, context) => {
+		const signal = context?.signal;
+		return new Promise((resolve, reject) => {
+			if (signal?.aborted) {
+				reject(/* @__PURE__ */ new Error("Human-in-the-loop interaction aborted"));
+				return;
+			}
 			resolvePromiseRef.current = resolve;
+			if (signal) {
+				const onAbort = () => {
+					cleanupAbortRef.current = null;
+					resolvePromiseRef.current = null;
+					reject(/* @__PURE__ */ new Error("Human-in-the-loop interaction aborted"));
+				};
+				signal.addEventListener("abort", onAbort, { once: true });
+				cleanupAbortRef.current = () => {
+					signal.removeEventListener("abort", onAbort);
+				};
+			}
 		});
 	}, []);
 	const RenderComponent = (0, react.useCallback)((props) => {
 		const ToolComponent = tool.render;
-		if (props.status === "inProgress") {
+		if (props.status === _copilotkit_core.ToolCallStatus.InProgress) {
 			const enhancedProps = {
 				...props,
 				name: tool.name,
 				description: tool.description || "",
+				agentId: tool.agentId,
 				respond: void 0
 			};
 			return react.default.createElement(ToolComponent, enhancedProps);
-		} else if (props.status === "executing") {
+		} else if (props.status === _copilotkit_core.ToolCallStatus.Executing) {
 			const enhancedProps = {
 				...props,
 				name: tool.name,
 				description: tool.description || "",
+				agentId: tool.agentId,
 				respond
 			};
 			return react.default.createElement(ToolComponent, enhancedProps);
-		} else if (props.status === "complete") {
+		} else if (props.status === _copilotkit_core.ToolCallStatus.Complete) {
 			const enhancedProps = {
 				...props,
 				name: tool.name,
 				description: tool.description || "",
+				agentId: tool.agentId,
 				respond: void 0
 			};
 			return react.default.createElement(ToolComponent, enhancedProps);
 		}
-		return react.default.createElement(ToolComponent, props);
+		return props;
 	}, [
 		tool.render,
 		tool.name,
 		tool.description,
+		tool.agentId,
 		respond
 	]);
 	useFrontendTool({
@@ -999,21 +1022,32 @@ function useThreads({ agentId, includeArchived, limit }) {
 	const headersKey = (0, react.useMemo)(() => {
 		return JSON.stringify(Object.entries(copilotkit.headers ?? {}).sort(([left], [right]) => left.localeCompare(right)));
 	}, [copilotkit.headers]);
+	const runtimeStatus = copilotkit.runtimeConnectionStatus;
+	const threadListEndpointSupported = copilotkit.threadEndpoints?.list !== false;
+	const threadMutationsSupported = copilotkit.threadEndpoints?.mutations !== false;
+	const threadEndpointsUnavailable = !!copilotkit.runtimeUrl && runtimeStatus === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected && !threadListEndpointSupported;
 	const runtimeError = (0, react.useMemo)(() => {
 		if (copilotkit.runtimeUrl) return null;
 		return /* @__PURE__ */ new Error("Runtime URL is not configured");
 	}, [copilotkit.runtimeUrl]);
+	const threadEndpointsError = (0, react.useMemo)(() => {
+		if (!threadEndpointsUnavailable) return null;
+		return /* @__PURE__ */ new Error("Thread endpoints are not available on this CopilotKit runtime");
+	}, [threadEndpointsUnavailable]);
+	const threadMutationsError = (0, react.useMemo)(() => {
+		if (threadMutationsSupported) return null;
+		return /* @__PURE__ */ new Error("Thread mutations are not available on this CopilotKit runtime");
+	}, [threadMutationsSupported]);
 	const [hasDispatchedContext, setHasDispatchedContext] = (0, react.useState)(false);
-	const preConnectLoading = !!copilotkit.runtimeUrl && !hasDispatchedContext;
-	const isLoading = runtimeError ? false : preConnectLoading || storeIsLoading;
-	const error = runtimeError ?? storeError;
+	const preConnectLoading = !!copilotkit.runtimeUrl && !threadEndpointsUnavailable && !hasDispatchedContext;
+	const isLoading = runtimeError || threadEndpointsError ? false : preConnectLoading || storeIsLoading;
+	const error = runtimeError ?? threadEndpointsError ?? storeError;
 	(0, react.useEffect)(() => {
 		store.start();
 		return () => {
 			store.stop();
 		};
 	}, [store]);
-	const runtimeStatus = copilotkit.runtimeConnectionStatus;
 	(0, react.useEffect)(() => {
 		copilotkit.registerThreadStore(agentId, store);
 		return () => {
@@ -1027,9 +1061,15 @@ function useThreads({ agentId, includeArchived, limit }) {
 	(0, react.useEffect)(() => {
 		if (!copilotkit.runtimeUrl) {
 			store.setContext(null);
+			setHasDispatchedContext(false);
 			return;
 		}
 		if (runtimeStatus !== _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connected) return;
+		if (!threadListEndpointSupported) {
+			store.setContext(null);
+			setHasDispatchedContext(false);
+			return;
+		}
 		const context = {
 			runtimeUrl: copilotkit.runtimeUrl,
 			headers: { ...copilotkit.headers },
@@ -1046,13 +1086,20 @@ function useThreads({ agentId, includeArchived, limit }) {
 		runtimeStatus,
 		headersKey,
 		copilotkit.intelligence?.wsUrl,
+		threadListEndpointSupported,
 		agentId,
 		includeArchived,
 		limit
 	]);
-	const renameThread = (0, react.useCallback)((threadId, name) => store.renameThread(threadId, name), [store]);
-	const archiveThread = (0, react.useCallback)((threadId) => store.archiveThread(threadId), [store]);
-	const deleteThread = (0, react.useCallback)((threadId) => store.deleteThread(threadId), [store]);
+	const guardMutation = (0, react.useCallback)((mutation) => {
+		return (...args) => {
+			if (threadMutationsError) return Promise.reject(threadMutationsError);
+			return mutation(...args);
+		};
+	}, [threadMutationsError]);
+	const renameThread = (0, react.useMemo)(() => guardMutation((threadId, name) => store.renameThread(threadId, name)), [store, guardMutation]);
+	const archiveThread = (0, react.useMemo)(() => guardMutation((threadId) => store.archiveThread(threadId)), [store, guardMutation]);
+	const deleteThread = (0, react.useMemo)(() => guardMutation((threadId) => store.deleteThread(threadId)), [store, guardMutation]);
 	return {
 		threads,
 		isLoading,