@copilotkitnext/react 1.54.1-next.5 → 1.54.1

package/dist/index.umd.js

@@ -79,8 +79,23 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			return (0, _copilotkitnext_shared.randomUUID)();
 		}, [threadId, parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.threadId]);
 		const [internalModalOpen, setInternalModalOpen] = (0, react.useState)(isModalDefaultOpen !== null && isModalDefaultOpen !== void 0 ? isModalDefaultOpen : true);
-		const resolvedIsModalOpen = (_parentConfig$isModal = parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.isModalOpen) !== null && _parentConfig$isModal !== void 0 ? _parentConfig$isModal : internalModalOpen;
-		const resolvedSetModalOpen = (_parentConfig$setModa = parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.setModalOpen) !== null && _parentConfig$setModa !== void 0 ? _parentConfig$setModa : setInternalModalOpen;
+		const hasExplicitDefault = isModalDefaultOpen !== void 0;
+		const setAndSync = (0, react.useCallback)((open) => {
+			setInternalModalOpen(open);
+			parentConfig === null || parentConfig === void 0 || parentConfig.setModalOpen(open);
+		}, [parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.setModalOpen]);
+		const isMounted = (0, react.useRef)(false);
+		(0, react.useEffect)(() => {
+			if (!hasExplicitDefault) return;
+			if (!isMounted.current) {
+				isMounted.current = true;
+				return;
+			}
+			if ((parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.isModalOpen) === void 0) return;
+			setInternalModalOpen(parentConfig.isModalOpen);
+		}, [parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.isModalOpen, hasExplicitDefault]);
+		const resolvedIsModalOpen = hasExplicitDefault ? internalModalOpen : (_parentConfig$isModal = parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.isModalOpen) !== null && _parentConfig$isModal !== void 0 ? _parentConfig$isModal : internalModalOpen;
+		const resolvedSetModalOpen = hasExplicitDefault ? setAndSync : (_parentConfig$setModa = parentConfig === null || parentConfig === void 0 ? void 0 : parentConfig.setModalOpen) !== null && _parentConfig$setModa !== void 0 ? _parentConfig$setModa : setInternalModalOpen;
 		const configurationValue = (0, react.useMemo)(() => ({
 			labels: mergedLabels,
 			agentId: resolvedAgentId,
@@ -3287,6 +3302,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		const { copilotkit } = useCopilotKit();
 		const { agent } = useAgent({ agentId: config.agentId });
 		const [pendingEvent, setPendingEvent] = (0, react.useState)(null);
+		const pendingEventRef = (0, react.useRef)(pendingEvent);
+		pendingEventRef.current = pendingEvent;
 		const [handlerResult, setHandlerResult] = (0, react.useState)(null);
 		(0, react.useEffect)(() => {
 			let localInterrupt = null;
@@ -3314,10 +3331,14 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			return () => subscription.unsubscribe();
 		}, [agent]);
 		const resolve = (0, react.useCallback)((response) => {
+			var _pendingEventRef$curr;
 			setPendingEvent(null);
 			copilotkit.runAgent({
 				agent,
-				forwardedProps: { command: { resume: response } }
+				forwardedProps: { command: {
+					resume: response,
+					interruptEvent: (_pendingEventRef$curr = pendingEventRef.current) === null || _pendingEventRef$curr === void 0 ? void 0 : _pendingEventRef$curr.value
+				} }
 			});
 		}, [agent, copilotkit]);
 		(0, react.useEffect)(() => {
@@ -3392,17 +3413,17 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	/**
 	* React hook for listing and managing Intelligence platform threads.
 	*
-	* On mount the hook fetches the thread list for the given `userId`/`agentId`
-	* pair. When the Intelligence platform exposes a WebSocket URL, it also opens
-	* a realtime subscription so the `threads` array stays current without
-	* polling — thread creates, renames, archives, and deletes from any client
-	* are reflected immediately.
+	* On mount the hook fetches the thread list for the runtime-authenticated user
+	* and the given `agentId`. When the Intelligence platform exposes a WebSocket
+	* URL, it also opens a realtime subscription so the `threads` array stays
+	* current without polling — thread creates, renames, archives, and deletes
+	* from any client are reflected immediately.
 	*
 	* Mutation methods (`renameThread`, `archiveThread`, `deleteThread`) return
 	* promises that resolve once the platform confirms the operation and reject
 	* with an `Error` on failure.
 	*
-	* @param input - User and agent identifiers that scope the thread list.
+	* @param input - Agent identifier and optional list controls.
 	* @returns Thread list state and stable mutation callbacks.
 	*
 	* @example
@@ -3411,7 +3432,6 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	*
 	* function ThreadList() {
 	*   const { threads, isLoading, renameThread, deleteThread } = useThreads({
-	*     userId: "user-1",
 	*     agentId: "agent-1",
 	*   });
 	*
@@ -3431,13 +3451,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 	* }
 	* ```
 	*/
-	function useThreads({ userId, agentId }) {
+	function useThreads({ agentId, includeArchived, limit }) {
 		var _copilotkit$intellige2;
 		const { copilotkit } = useCopilotKit();
 		const [store] = (0, react.useState)(() => (0, _copilotkitnext_core.ɵcreateThreadStore)({ fetch: globalThis.fetch }));
 		const threads = useThreadStoreSelector(store, _copilotkitnext_core.ɵselectThreads);
 		const storeIsLoading = useThreadStoreSelector(store, _copilotkitnext_core.ɵselectThreadsIsLoading);
 		const storeError = useThreadStoreSelector(store, _copilotkitnext_core.ɵselectThreadsError);
+		const hasNextPage = useThreadStoreSelector(store, _copilotkitnext_core.ɵselectHasNextPage);
+		const isFetchingNextPage = useThreadStoreSelector(store, _copilotkitnext_core.ɵselectIsFetchingNextPage);
 		const headersKey = (0, react.useMemo)(() => {
 			var _copilotkit$headers;
 			return JSON.stringify(Object.entries((_copilotkit$headers = copilotkit.headers) !== null && _copilotkit$headers !== void 0 ? _copilotkit$headers : {}).sort(([left], [right]) => left.localeCompare(right)));
@@ -3460,8 +3482,9 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				runtimeUrl: copilotkit.runtimeUrl,
 				headers: { ...copilotkit.headers },
 				wsUrl: (_copilotkit$intellige = copilotkit.intelligence) === null || _copilotkit$intellige === void 0 ? void 0 : _copilotkit$intellige.wsUrl,
-				userId,
-				agentId
+				agentId,
+				includeArchived,
+				limit
 			} : null;
 			store.setContext(context);
 		}, [
@@ -3469,17 +3492,24 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			copilotkit.runtimeUrl,
 			headersKey,
 			(_copilotkit$intellige2 = copilotkit.intelligence) === null || _copilotkit$intellige2 === void 0 ? void 0 : _copilotkit$intellige2.wsUrl,
-			userId,
 			agentId,
-			copilotkit.headers
+			copilotkit.headers,
+			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]);
 		return {
 			threads,
 			isLoading,
 			error,
-			renameThread: (0, react.useCallback)((threadId, name) => store.renameThread(threadId, name), [store]),
-			archiveThread: (0, react.useCallback)((threadId) => store.archiveThread(threadId), [store]),
-			deleteThread: (0, react.useCallback)((threadId) => store.deleteThread(threadId), [store])
+			hasNextPage,
+			isFetchingNextPage,
+			fetchNextPage: (0, react.useCallback)(() => store.fetchNextPage(), [store]),
+			renameThread,
+			archiveThread,
+			deleteThread
 		};
 	}
 
@@ -4735,7 +4765,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 
 //#endregion
 //#region src/components/chat/CopilotChat.tsx
-	function CopilotChat({ agentId, threadId, labels, chatView, onError, ...props }) {
+	function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, onError, ...props }) {
 		var _ref;
 		const existingConfig = useCopilotChatConfiguration();
 		const resolvedAgentId = (_ref = agentId !== null && agentId !== void 0 ? agentId : existingConfig === null || existingConfig === void 0 ? void 0 : existingConfig.agentId) !== null && _ref !== void 0 ? _ref : _copilotkitnext_shared.DEFAULT_AGENT_ID;
@@ -4791,7 +4821,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			return () => {
 				detached = true;
 				connectAbortController.abort();
-				agent.detachActiveRun();
+				agent.detachActiveRun().catch(() => {});
 			};
 		}, [
 			resolvedThreadId,
@@ -4926,6 +4956,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			agentId: resolvedAgentId,
 			threadId: resolvedThreadId,
 			labels,
+			isModalDefaultOpen,
 			children: [transcriptionError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				style: {
 					position: "absolute",
@@ -5395,6 +5426,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChat, {
 			welcomeScreen: CopilotSidebarView.WelcomeScreen,
 			...chatProps,
+			isModalDefaultOpen: defaultOpen,
 			chatView: SidebarViewOverride
 		});
 	}
@@ -5428,6 +5460,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChat, {
 			welcomeScreen: CopilotPopupView_default.WelcomeScreen,
 			...chatProps,
+			isModalDefaultOpen: defaultOpen,
 			chatView: PopupViewOverride
 		});
 	}