@copilotkitnext/react 1.54.0 → 1.54.1-next.0

package/dist/index.d.cts

@@ -41,6 +41,7 @@ import { AgentContextInput, JsonSerializable, useAgentContext } from "./hooks/us
 import { useSuggestions } from "./hooks/use-suggestions.cjs";
 import { useConfigureSuggestions } from "./hooks/use-configure-suggestions.cjs";
 import { UseInterruptConfig, useInterrupt } from "./hooks/use-interrupt.cjs";
+import { Thread, UseThreadsInput, UseThreadsResult, useThreads } from "./hooks/use-threads.cjs";
 import "./hooks/index.cjs";
 import { CopilotKitCoreReact, CopilotKitCoreReactConfig, CopilotKitCoreReactSubscriber } from "./lib/react-core.cjs";
 import { CopilotKitContextValue, CopilotKitProvider, CopilotKitProviderProps, useCopilotKit } from "./providers/CopilotKitProvider.cjs";
@@ -48,4 +49,4 @@ import "./providers/index.cjs";
 import { A2UIMessageRendererOptions, createA2UIMessageRenderer } from "./a2ui/A2UIMessageRenderer.cjs";
 import { Theme as A2UITheme } from "@copilotkit/a2ui-renderer";
 export * from "@ag-ui/client";
-export { type A2UIMessageRendererOptions, type A2UITheme, AgentContextInput, AudioRecorderError, AudioRecorderState, CopilotChat, CopilotChatAssistantMessage, CopilotChatAssistantMessageProps, CopilotChatAudioRecorder, CopilotChatConfigurationProvider, CopilotChatConfigurationProviderProps, CopilotChatConfigurationValue, CopilotChatInput, CopilotChatInputProps, CopilotChatLabels, CopilotChatMessageView, CopilotChatMessageViewProps, CopilotChatProps, CopilotChatReasoningMessage, CopilotChatReasoningMessageProps, CopilotChatSuggestionPill, CopilotChatSuggestionPillProps, CopilotChatSuggestionView, CopilotChatSuggestionViewProps, CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, CopilotChatToggleButtonProps, CopilotChatToolCallsView, CopilotChatToolCallsViewProps, CopilotChatUserMessage, CopilotChatUserMessageProps, CopilotChatView, CopilotChatViewProps, CopilotKitContextValue, CopilotKitCoreReact, CopilotKitCoreReactConfig, CopilotKitCoreReactSubscriber, CopilotKitInspector, CopilotKitInspectorProps, CopilotKitProvider, CopilotKitProviderProps, CopilotModalHeader, CopilotModalHeaderProps, CopilotPopup, CopilotPopupProps, CopilotPopupView, CopilotPopupViewProps, CopilotSidebar, CopilotSidebarProps, CopilotSidebarView, CopilotSidebarViewProps, InterruptEvent, InterruptHandlerProps, InterruptRenderProps, JsonSerializable, MCPAppsActivityContent, MCPAppsActivityContentSchema, MCPAppsActivityRenderer, MCPAppsActivityType, ReactActivityMessageRenderer, ReactCustomMessageRenderer, ReactCustomMessageRendererPosition, ReactFrontendTool, ReactHumanInTheLoop, ReactToolCallRenderer, ToolsMenuItem, UseAgentUpdate, UseInterruptConfig, WildcardToolCallRender, createA2UIMessageRenderer, defineToolCallRenderer, useAgent, useAgentContext, useComponent, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useDefaultRenderTool, useFrontendTool, useHumanInTheLoop, useInterrupt, useRenderActivityMessage, useRenderCustomMessages, useRenderTool, useRenderToolCall, useSuggestions };
+export { type A2UIMessageRendererOptions, type A2UITheme, AgentContextInput, AudioRecorderError, AudioRecorderState, CopilotChat, CopilotChatAssistantMessage, CopilotChatAssistantMessageProps, CopilotChatAudioRecorder, CopilotChatConfigurationProvider, CopilotChatConfigurationProviderProps, CopilotChatConfigurationValue, CopilotChatInput, CopilotChatInputProps, CopilotChatLabels, CopilotChatMessageView, CopilotChatMessageViewProps, CopilotChatProps, CopilotChatReasoningMessage, CopilotChatReasoningMessageProps, CopilotChatSuggestionPill, CopilotChatSuggestionPillProps, CopilotChatSuggestionView, CopilotChatSuggestionViewProps, CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, CopilotChatToggleButtonProps, CopilotChatToolCallsView, CopilotChatToolCallsViewProps, CopilotChatUserMessage, CopilotChatUserMessageProps, CopilotChatView, CopilotChatViewProps, CopilotKitContextValue, CopilotKitCoreReact, CopilotKitCoreReactConfig, CopilotKitCoreReactSubscriber, CopilotKitInspector, CopilotKitInspectorProps, CopilotKitProvider, CopilotKitProviderProps, CopilotModalHeader, CopilotModalHeaderProps, CopilotPopup, CopilotPopupProps, CopilotPopupView, CopilotPopupViewProps, CopilotSidebar, CopilotSidebarProps, CopilotSidebarView, CopilotSidebarViewProps, InterruptEvent, InterruptHandlerProps, InterruptRenderProps, JsonSerializable, MCPAppsActivityContent, MCPAppsActivityContentSchema, MCPAppsActivityRenderer, MCPAppsActivityType, ReactActivityMessageRenderer, ReactCustomMessageRenderer, ReactCustomMessageRendererPosition, ReactFrontendTool, ReactHumanInTheLoop, ReactToolCallRenderer, Thread, ToolsMenuItem, UseAgentUpdate, UseInterruptConfig, UseThreadsInput, UseThreadsResult, WildcardToolCallRender, createA2UIMessageRenderer, defineToolCallRenderer, useAgent, useAgentContext, useComponent, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useDefaultRenderTool, useFrontendTool, useHumanInTheLoop, useInterrupt, useRenderActivityMessage, useRenderCustomMessages, useRenderTool, useRenderToolCall, useSuggestions, useThreads };

package/dist/index.d.mts

@@ -41,6 +41,7 @@ import { AgentContextInput, JsonSerializable, useAgentContext } from "./hooks/us
 import { useSuggestions } from "./hooks/use-suggestions.mjs";
 import { useConfigureSuggestions } from "./hooks/use-configure-suggestions.mjs";
 import { UseInterruptConfig, useInterrupt } from "./hooks/use-interrupt.mjs";
+import { Thread, UseThreadsInput, UseThreadsResult, useThreads } from "./hooks/use-threads.mjs";
 import "./hooks/index.mjs";
 import { CopilotKitCoreReact, CopilotKitCoreReactConfig, CopilotKitCoreReactSubscriber } from "./lib/react-core.mjs";
 import { CopilotKitContextValue, CopilotKitProvider, CopilotKitProviderProps, useCopilotKit } from "./providers/CopilotKitProvider.mjs";
@@ -48,4 +49,4 @@ import "./providers/index.mjs";
 import { A2UIMessageRendererOptions, createA2UIMessageRenderer } from "./a2ui/A2UIMessageRenderer.mjs";
 import { Theme as A2UITheme } from "@copilotkit/a2ui-renderer";
 export * from "@ag-ui/client";
-export { type A2UIMessageRendererOptions, type A2UITheme, AgentContextInput, AudioRecorderError, AudioRecorderState, CopilotChat, CopilotChatAssistantMessage, CopilotChatAssistantMessageProps, CopilotChatAudioRecorder, CopilotChatConfigurationProvider, CopilotChatConfigurationProviderProps, CopilotChatConfigurationValue, CopilotChatInput, CopilotChatInputProps, CopilotChatLabels, CopilotChatMessageView, CopilotChatMessageViewProps, CopilotChatProps, CopilotChatReasoningMessage, CopilotChatReasoningMessageProps, CopilotChatSuggestionPill, CopilotChatSuggestionPillProps, CopilotChatSuggestionView, CopilotChatSuggestionViewProps, CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, CopilotChatToggleButtonProps, CopilotChatToolCallsView, CopilotChatToolCallsViewProps, CopilotChatUserMessage, CopilotChatUserMessageProps, CopilotChatView, CopilotChatViewProps, CopilotKitContextValue, CopilotKitCoreReact, CopilotKitCoreReactConfig, CopilotKitCoreReactSubscriber, CopilotKitInspector, CopilotKitInspectorProps, CopilotKitProvider, CopilotKitProviderProps, CopilotModalHeader, CopilotModalHeaderProps, CopilotPopup, CopilotPopupProps, CopilotPopupView, CopilotPopupViewProps, CopilotSidebar, CopilotSidebarProps, CopilotSidebarView, CopilotSidebarViewProps, InterruptEvent, InterruptHandlerProps, InterruptRenderProps, JsonSerializable, MCPAppsActivityContent, MCPAppsActivityContentSchema, MCPAppsActivityRenderer, MCPAppsActivityType, ReactActivityMessageRenderer, ReactCustomMessageRenderer, ReactCustomMessageRendererPosition, ReactFrontendTool, ReactHumanInTheLoop, ReactToolCallRenderer, ToolsMenuItem, UseAgentUpdate, UseInterruptConfig, WildcardToolCallRender, createA2UIMessageRenderer, defineToolCallRenderer, useAgent, useAgentContext, useComponent, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useDefaultRenderTool, useFrontendTool, useHumanInTheLoop, useInterrupt, useRenderActivityMessage, useRenderCustomMessages, useRenderTool, useRenderToolCall, useSuggestions };
+export { type A2UIMessageRendererOptions, type A2UITheme, AgentContextInput, AudioRecorderError, AudioRecorderState, CopilotChat, CopilotChatAssistantMessage, CopilotChatAssistantMessageProps, CopilotChatAudioRecorder, CopilotChatConfigurationProvider, CopilotChatConfigurationProviderProps, CopilotChatConfigurationValue, CopilotChatInput, CopilotChatInputProps, CopilotChatLabels, CopilotChatMessageView, CopilotChatMessageViewProps, CopilotChatProps, CopilotChatReasoningMessage, CopilotChatReasoningMessageProps, CopilotChatSuggestionPill, CopilotChatSuggestionPillProps, CopilotChatSuggestionView, CopilotChatSuggestionViewProps, CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, CopilotChatToggleButtonProps, CopilotChatToolCallsView, CopilotChatToolCallsViewProps, CopilotChatUserMessage, CopilotChatUserMessageProps, CopilotChatView, CopilotChatViewProps, CopilotKitContextValue, CopilotKitCoreReact, CopilotKitCoreReactConfig, CopilotKitCoreReactSubscriber, CopilotKitInspector, CopilotKitInspectorProps, CopilotKitProvider, CopilotKitProviderProps, CopilotModalHeader, CopilotModalHeaderProps, CopilotPopup, CopilotPopupProps, CopilotPopupView, CopilotPopupViewProps, CopilotSidebar, CopilotSidebarProps, CopilotSidebarView, CopilotSidebarViewProps, InterruptEvent, InterruptHandlerProps, InterruptRenderProps, JsonSerializable, MCPAppsActivityContent, MCPAppsActivityContentSchema, MCPAppsActivityRenderer, MCPAppsActivityType, ReactActivityMessageRenderer, ReactCustomMessageRenderer, ReactCustomMessageRendererPosition, ReactFrontendTool, ReactHumanInTheLoop, ReactToolCallRenderer, Thread, ToolsMenuItem, UseAgentUpdate, UseInterruptConfig, UseThreadsInput, UseThreadsResult, WildcardToolCallRender, createA2UIMessageRenderer, defineToolCallRenderer, useAgent, useAgentContext, useComponent, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useDefaultRenderTool, useFrontendTool, useHumanInTheLoop, useInterrupt, useRenderActivityMessage, useRenderCustomMessages, useRenderTool, useRenderToolCall, useSuggestions, useThreads };

package/dist/index.mjs

@@ -23,6 +23,7 @@ import { useAgentContext } from "./hooks/use-agent-context.mjs";
 import { useSuggestions } from "./hooks/use-suggestions.mjs";
 import { useConfigureSuggestions } from "./hooks/use-configure-suggestions.mjs";
 import { useInterrupt } from "./hooks/use-interrupt.mjs";
+import { useThreads } from "./hooks/use-threads.mjs";
 import "./hooks/index.mjs";
 import CopilotChatToolCallsView from "./components/chat/CopilotChatToolCallsView.mjs";
 import CopilotChatAssistantMessage_default from "./components/chat/CopilotChatAssistantMessage.mjs";
@@ -45,4 +46,4 @@ import "./types/index.mjs";
 
 export * from "@ag-ui/client"
 
-export { AudioRecorderError, CopilotChat, CopilotChatAssistantMessage_default as CopilotChatAssistantMessage, CopilotChatAudioRecorder, CopilotChatConfigurationProvider, CopilotChatInput_default as CopilotChatInput, CopilotChatMessageView, CopilotChatReasoningMessage_default as CopilotChatReasoningMessage, CopilotChatSuggestionPill, CopilotChatSuggestionView, CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, CopilotChatToolCallsView, CopilotChatUserMessage_default as CopilotChatUserMessage, CopilotChatView_default as CopilotChatView, CopilotKitCoreReact, CopilotKitInspector, CopilotKitProvider, CopilotModalHeader, CopilotPopup, CopilotPopupView, CopilotSidebar, CopilotSidebarView, MCPAppsActivityContentSchema, MCPAppsActivityRenderer, MCPAppsActivityType, UseAgentUpdate, WildcardToolCallRender, createA2UIMessageRenderer, defineToolCallRenderer, useAgent, useAgentContext, useComponent, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useDefaultRenderTool, useFrontendTool, useHumanInTheLoop, useInterrupt, useRenderActivityMessage, useRenderCustomMessages, useRenderTool, useRenderToolCall, useSuggestions };
+export { AudioRecorderError, CopilotChat, CopilotChatAssistantMessage_default as CopilotChatAssistantMessage, CopilotChatAudioRecorder, CopilotChatConfigurationProvider, CopilotChatInput_default as CopilotChatInput, CopilotChatMessageView, CopilotChatReasoningMessage_default as CopilotChatReasoningMessage, CopilotChatSuggestionPill, CopilotChatSuggestionView, CopilotChatToggleButton, DefaultCloseIcon as CopilotChatToggleButtonCloseIcon, DefaultOpenIcon as CopilotChatToggleButtonOpenIcon, CopilotChatToolCallsView, CopilotChatUserMessage_default as CopilotChatUserMessage, CopilotChatView_default as CopilotChatView, CopilotKitCoreReact, CopilotKitInspector, CopilotKitProvider, CopilotModalHeader, CopilotPopup, CopilotPopupView, CopilotSidebar, CopilotSidebarView, MCPAppsActivityContentSchema, MCPAppsActivityRenderer, MCPAppsActivityType, UseAgentUpdate, WildcardToolCallRender, createA2UIMessageRenderer, defineToolCallRenderer, useAgent, useAgentContext, useComponent, useConfigureSuggestions, useCopilotChatConfiguration, useCopilotKit, useDefaultRenderTool, useFrontendTool, useHumanInTheLoop, useInterrupt, useRenderActivityMessage, useRenderCustomMessages, useRenderTool, useRenderToolCall, useSuggestions, useThreads };

package/dist/index.umd.js

@@ -2943,7 +2943,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				const provisional = new _copilotkitnext_core.ProxiedCopilotRuntimeAgent({
 					runtimeUrl: copilotkit.runtimeUrl,
 					agentId,
-					transport: copilotkit.runtimeTransport
+					transport: copilotkit.runtimeTransport,
+					runtimeMode: "pending"
 				});
 				provisional.headers = { ...copilotkit.headers };
 				provisionalAgentCache.current.set(agentId, provisional);
@@ -2953,7 +2954,8 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 				const provisional = new _copilotkitnext_core.ProxiedCopilotRuntimeAgent({
 					runtimeUrl: copilotkit.runtimeUrl,
 					agentId,
-					transport: copilotkit.runtimeTransport
+					transport: copilotkit.runtimeTransport,
+					runtimeMode: "pending"
 				});
 				provisional.headers = { ...copilotkit.headers };
 				return provisional;
@@ -3378,6 +3380,108 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		if (config.renderInChat === false) return element;
 	}
 
+//#endregion
+//#region src/hooks/use-threads.tsx
+	function useThreadStoreSelector(store, selector) {
+		return (0, react.useSyncExternalStore)((0, react.useCallback)((onStoreChange) => {
+			const subscription = store.select(selector).subscribe(onStoreChange);
+			return () => subscription.unsubscribe();
+		}, [store, selector]), () => selector(store.getState()));
+	}
+	/**
+	* 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.
+	*
+	* 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.
+	* @returns Thread list state and stable mutation callbacks.
+	*
+	* @example
+	* ```tsx
+	* import { useThreads } from "@copilotkitnext/react";
+	*
+	* function ThreadList() {
+	*   const { threads, isLoading, renameThread, deleteThread } = useThreads({
+	*     userId: "user-1",
+	*     agentId: "agent-1",
+	*   });
+	*
+	*   if (isLoading) return <p>Loading…</p>;
+	*
+	*   return (
+	*     <ul>
+	*       {threads.map((t) => (
+	*         <li key={t.id}>
+	*           {t.name ?? "Untitled"}
+	*           <button onClick={() => renameThread(t.id, "New name")}>Rename</button>
+	*           <button onClick={() => deleteThread(t.id)}>Delete</button>
+	*         </li>
+	*       ))}
+	*     </ul>
+	*   );
+	* }
+	* ```
+	*/
+	function useThreads({ userId, agentId }) {
+		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 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)));
+		}, [copilotkit.headers]);
+		const runtimeError = (0, react.useMemo)(() => {
+			if (copilotkit.runtimeUrl) return null;
+			return /* @__PURE__ */ new Error("Runtime URL is not configured");
+		}, [copilotkit.runtimeUrl]);
+		const isLoading = runtimeError ? false : storeIsLoading;
+		const error = runtimeError !== null && runtimeError !== void 0 ? runtimeError : storeError;
+		(0, react.useEffect)(() => {
+			store.start();
+			return () => {
+				store.stop();
+			};
+		}, [store]);
+		(0, react.useEffect)(() => {
+			var _copilotkit$intellige;
+			const context = copilotkit.runtimeUrl ? {
+				runtimeUrl: copilotkit.runtimeUrl,
+				headers: { ...copilotkit.headers },
+				wsUrl: (_copilotkit$intellige = copilotkit.intelligence) === null || _copilotkit$intellige === void 0 ? void 0 : _copilotkit$intellige.wsUrl,
+				userId,
+				agentId
+			} : null;
+			store.setContext(context);
+		}, [
+			store,
+			copilotkit.runtimeUrl,
+			headersKey,
+			(_copilotkit$intellige2 = copilotkit.intelligence) === null || _copilotkit$intellige2 === void 0 ? void 0 : _copilotkit$intellige2.wsUrl,
+			userId,
+			agentId,
+			copilotkit.headers
+		]);
+		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])
+		};
+	}
+
 //#endregion
 //#region src/components/chat/CopilotChatToolCallsView.tsx
 	function CopilotChatToolCallsView({ message, messages = [] }) {
@@ -5455,6 +5559,7 @@ exports.useRenderCustomMessages = useRenderCustomMessages;
 exports.useRenderTool = useRenderTool;
 exports.useRenderToolCall = useRenderToolCall;
 exports.useSuggestions = useSuggestions;
+exports.useThreads = useThreads;
 Object.keys(_ag_ui_client).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,