@copilotkit/react-core 1.59.0 → 1.59.2

package/dist/{copilotkit-L4mM_JqG.mjs → copilotkit-B5RsC6la.mjs}

@@ -1502,6 +1502,47 @@ function useRenderTool(config, deps) {
 //#endregion
 //#region src/v2/hooks/use-default-render-tool.tsx
 /**
+* Module-level dedup set so an unknown status value only emits a console
+* warning the FIRST time we encounter it. Otherwise a stuck/unmapped status
+* would log on every re-render (potentially many per second).
+*/
+const warnedUnknownStatuses = /* @__PURE__ */ new Set();
+/**
+* Map a {@link ToolCallStatus} enum value to the documented string-union
+* status the {@link DefaultRenderProps} contract exposes. Unknown / future
+* enum members log a warning (once per distinct value) and fall back to
+* `"inProgress"`.
+*/
+function mapToolCallStatus(status) {
+	switch (status) {
+		case ToolCallStatus.Complete: return "complete";
+		case ToolCallStatus.Executing: return "executing";
+		case ToolCallStatus.InProgress: return "inProgress";
+		default: {
+			const key = String(status);
+			if (!warnedUnknownStatuses.has(key)) {
+				warnedUnknownStatuses.add(key);
+				console.warn(`[CopilotKit] Unknown ToolCallStatus "${key}" in default tool-call renderer; falling back to "inProgress".`);
+			}
+			return "inProgress";
+		}
+	}
+}
+/**
+* Convert the framework-internal renderer props (`args`, enum status) into
+* the documented {@link DefaultRenderProps} shape (`parameters`, string-union
+* status) so a user `config.render` always sees the documented contract.
+*/
+function adaptRendererProps(props) {
+	return {
+		name: props.name,
+		toolCallId: props.toolCallId,
+		parameters: props.args,
+		status: mapToolCallStatus(props.status),
+		result: props.result
+	};
+}
+/**
 * Registers a wildcard (`"*"`) tool-call renderer via `useRenderTool`.
 *
 * - Call with no config to use CopilotKit's built-in default tool-call card.
@@ -1538,16 +1579,33 @@ function useRenderTool(config, deps) {
 * ```
 */
 function useDefaultRenderTool(config, deps) {
+	const userRender = config?.render;
 	useRenderTool({
 		name: "*",
-		render: config?.render ?? DefaultToolCallRenderer
+		render: userRender ? (raw) => userRender(adaptRendererProps(raw)) : (raw) => /* @__PURE__ */ jsx(DefaultToolCallRenderer, { ...adaptRendererProps(raw) })
 	}, deps);
 }
-function DefaultToolCallRenderer({ name, parameters, status, result }) {
+/**
+* Guarded JSON.stringify used inside the expanded `<pre>` blocks. A circular
+* reference would otherwise crash the entire React tree on render.
+*/
+function safeStringifyForPre(value) {
+	try {
+		return JSON.stringify(value, null, 2);
+	} catch (err) {
+		console.warn("[CopilotKit] Failed to JSON.stringify tool-call payload for default renderer; falling back to String():", err);
+		try {
+			return String(value);
+		} catch (innerErr) {
+			console.warn("[CopilotKit] safeStringifyForPre: value could not be stringified:", innerErr);
+			return "[unserializable]";
+		}
+	}
+}
+function DefaultToolCallRenderer({ name, toolCallId, parameters, status, result }) {
 	const [isExpanded, setIsExpanded] = useState(false);
-	const statusString = String(status);
-	const isActive = statusString === "inProgress" || statusString === "executing";
-	const isComplete = statusString === "complete";
+	const isActive = status === "inProgress" || status === "executing";
+	const isComplete = status === "complete";
 	const statusLabel = isActive ? "Running" : isComplete ? "Done" : status;
 	const dotColor = isActive ? "#f59e0b" : isComplete ? "#10b981" : "#a1a1aa";
 	const badgeBg = isActive ? "#fef3c7" : isComplete ? "#d1fae5" : "#f4f4f5";
@@ -1555,7 +1613,8 @@ function DefaultToolCallRenderer({ name, parameters, status, result }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "copilot-tool-render",
 		"data-tool-name": name,
-		"data-status": statusString,
+		"data-tool-call-id": toolCallId,
+		"data-status": status,
 		"data-args": safeStringifyForAttr(parameters),
 		"data-result": safeStringifyForAttr(result),
 		style: {
@@ -1569,7 +1628,9 @@ function DefaultToolCallRenderer({ name, parameters, status, result }) {
 				backgroundColor: "#fafafa",
 				padding: "14px 16px"
 			},
-			children: [/* @__PURE__ */ jsxs("div", {
+			children: [/* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"aria-expanded": isExpanded,
 				onClick: () => setIsExpanded(!isExpanded),
 				style: {
 					display: "flex",
@@ -1577,7 +1638,15 @@ function DefaultToolCallRenderer({ name, parameters, status, result }) {
 					justifyContent: "space-between",
 					gap: "10px",
 					cursor: "pointer",
-					userSelect: "none"
+					userSelect: "none",
+					width: "100%",
+					border: "none",
+					padding: 0,
+					margin: 0,
+					background: "transparent",
+					textAlign: "left",
+					font: "inherit",
+					color: "inherit"
 				},
 				children: [/* @__PURE__ */ jsxs("div", {
 					style: {
@@ -1670,7 +1739,7 @@ function DefaultToolCallRenderer({ name, parameters, status, result }) {
 						whiteSpace: "pre-wrap",
 						wordBreak: "break-word"
 					},
-					children: JSON.stringify(parameters ?? {}, null, 2)
+					children: safeStringifyForPre(parameters ?? {})
 				})] }), result !== void 0 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 					style: {
 						fontSize: "10px",
@@ -1693,7 +1762,7 @@ function DefaultToolCallRenderer({ name, parameters, status, result }) {
 						whiteSpace: "pre-wrap",
 						wordBreak: "break-word"
 					},
-					children: typeof result === "string" ? result : JSON.stringify(result, null, 2)
+					children: typeof result === "string" ? result : safeStringifyForPre(result)
 				})] })]
 			})]
 		})
@@ -1704,8 +1773,14 @@ function safeStringifyForAttr(value) {
 	if (typeof value === "string") return value;
 	try {
 		return JSON.stringify(value);
-	} catch {
-		return String(value);
+	} catch (err) {
+		console.warn("[CopilotKit] Failed to JSON.stringify tool-call payload for data-* attribute; falling back to String():", err);
+		try {
+			return String(value);
+		} catch (innerErr) {
+			console.warn("[CopilotKit] safeStringifyForAttr: value could not be stringified:", innerErr);
+			return "";
+		}
 	}
 }
 
@@ -1776,11 +1851,11 @@ function useRenderToolCall() {
 	]);
 }
 function defaultToolCallRenderAdapter(props) {
-	const status = props.status === ToolCallStatus.Complete ? "complete" : props.status === ToolCallStatus.Executing ? "executing" : "inProgress";
 	return /* @__PURE__ */ jsx(DefaultToolCallRenderer, {
 		name: props.name,
+		toolCallId: props.toolCallId,
 		parameters: props.args,
-		status,
+		status: mapToolCallStatus(props.status),
 		result: props.result
 	});
 }
@@ -3420,6 +3495,9 @@ function A2UICatalogContext({ catalog, includeSchema }) {
 //#region src/v2/providers/CopilotKitProvider.tsx
 const HEADER_NAME = "X-CopilotCloud-Public-Api-Key";
 const COPILOT_CLOUD_CHAT_URL$1 = "https://api.cloud.copilotkit.ai/copilotkit/v1";
+const EMPTY_HEADERS = Object.freeze({});
+const EMPTY_PROPERTIES = Object.freeze({});
+const EMPTY_AGENTS = Object.freeze({});
 const DEFAULT_DESIGN_SKILL = `When generating UI with generateSandboxedUi, follow these design principles inspired by shadcn/ui:
 
 - Use a minimal, flat aesthetic. Avoid drop shadows and gradients — rely on subtle borders (1px solid, light gray like #e5e7eb) to define surfaces.
@@ -3440,7 +3518,7 @@ function useStableArrayProp(prop, warningMessage, isMeaningfulChange) {
 	}, [value, warningMessage]);
 	return value;
 }
-const CopilotKitProvider = ({ children, runtimeUrl, headers: headersProp = {}, credentials, publicApiKey, publicLicenseKey, licenseToken, properties = {}, agents__unsafe_dev_only: agents = {}, selfManagedAgents = {}, 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, showDevConsole = false, useSingleEndpoint, onError, a2ui, defaultThrottleMs, inspectorDefaultAnchor, debug }) => {
 	const [shouldRenderInspector, setShouldRenderInspector] = useState(false);
 	const [runtimeA2UIEnabled, setRuntimeA2UIEnabled] = useState(false);
 	const [runtimeOpenGenUIEnabled, setRuntimeOpenGenUIEnabled] = useState(false);
@@ -4472,7 +4550,6 @@ function useInterrupt(config) {
 		return () => subscription.unsubscribe();
 	}, [agent]);
 	const resolve = useCallback((response) => {
-		setPendingEvent(null);
 		copilotkit.runAgent({
 			agent,
 			forwardedProps: { command: {
@@ -4481,44 +4558,67 @@ function useInterrupt(config) {
 			} }
 		});
 	}, [agent, copilotkit]);
+	const renderRef = useRef(config.render);
+	renderRef.current = config.render;
+	const enabledRef = useRef(config.enabled);
+	enabledRef.current = config.enabled;
+	const handlerRef = useRef(config.handler);
+	handlerRef.current = config.handler;
+	const resolveRef = useRef(resolve);
+	resolveRef.current = resolve;
+	const isEnabled = (event) => {
+		const predicate = enabledRef.current;
+		if (!predicate) return true;
+		try {
+			return predicate(event);
+		} catch (err) {
+			console.error("[CopilotKit] useInterrupt enabled predicate threw; treating interrupt as disabled:", err);
+			return false;
+		}
+	};
 	useEffect(() => {
 		if (!pendingEvent) {
 			setHandlerResult(null);
 			return;
 		}
-		if (config.enabled && !config.enabled(pendingEvent)) {
+		if (!isEnabled(pendingEvent)) {
 			setHandlerResult(null);
 			return;
 		}
-		const handler = config.handler;
+		const handler = handlerRef.current;
 		if (!handler) {
 			setHandlerResult(null);
 			return;
 		}
 		let cancelled = false;
-		const maybePromise = handler({
-			event: pendingEvent,
-			resolve
-		});
+		let maybePromise;
+		try {
+			maybePromise = handler({
+				event: pendingEvent,
+				resolve: resolveRef.current
+			});
+		} catch (err) {
+			console.error("[CopilotKit] useInterrupt handler threw; result will be null:", err);
+			if (!cancelled) setHandlerResult(null);
+			return () => {
+				cancelled = true;
+			};
+		}
 		if (isPromiseLike(maybePromise)) Promise.resolve(maybePromise).then((resolved) => {
 			if (!cancelled) setHandlerResult(resolved);
-		}).catch(() => {
+		}).catch((err) => {
+			console.error("[CopilotKit] useInterrupt handler rejected; result will be null:", err);
 			if (!cancelled) setHandlerResult(null);
 		});
 		else setHandlerResult(maybePromise);
 		return () => {
 			cancelled = true;
 		};
-	}, [
-		pendingEvent,
-		config.enabled,
-		config.handler,
-		resolve
-	]);
+	}, [pendingEvent]);
 	const element = useMemo(() => {
 		if (!pendingEvent) return null;
-		if (config.enabled && !config.enabled(pendingEvent)) return null;
-		return config.render({
+		if (!isEnabled(pendingEvent)) return null;
+		return renderRef.current({
 			event: pendingEvent,
 			result: handlerResult,
 			resolve
@@ -4526,19 +4626,22 @@ function useInterrupt(config) {
 	}, [
 		pendingEvent,
 		handlerResult,
-		config.enabled,
-		config.render,
 		resolve
 	]);
 	useEffect(() => {
 		if (config.renderInChat === false) return;
 		copilotkit.setInterruptElement(element);
-		return () => copilotkit.setInterruptElement(null);
 	}, [
 		element,
 		config.renderInChat,
 		copilotkit
 	]);
+	useEffect(() => {
+		if (config.renderInChat === false) return;
+		return () => {
+			copilotkit.setInterruptElement(null);
+		};
+	}, []);
 	if (config.renderInChat === false) return element;
 }
 
@@ -7026,14 +7129,14 @@ function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen,
 	const [lastConnectedThreadId, setLastConnectedThreadId] = useState(null);
 	const isConnecting = hasExplicitThreadId && lastConnectedThreadId !== resolvedThreadId;
 	useEffect(() => {
+		agent.threadId = resolvedThreadId;
 		if (!hasExplicitThreadId) return;
 		let detached = false;
 		const connectAbortController = new AbortController();
 		if (agent instanceof HttpAgent) agent.abortController = connectAbortController;
-		agent.threadId = resolvedThreadId;
-		const connect = async (agent) => {
+		const connect = async (agentToConnect) => {
 			try {
-				await copilotkit.connectAgent({ agent });
+				await copilotkit.connectAgent({ agent: agentToConnect });
 			} catch (error) {
 				if (detached) return;
 				console.error("CopilotChat: connectAgent failed", error);
@@ -8187,6 +8290,7 @@ function BannerErrorDisplay({ bannerError, onDismiss }) {
 	const details = bannerError.details;
 	const link = extractUrl(bannerError.message);
 	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "copilot-error-banner",
 		style: {
 			position: "fixed",
 			bottom: "20px",
@@ -8387,7 +8491,7 @@ function ToastProvider({ enabled, children }) {
 	}, []);
 	const addToast = useCallback((toast) => {
 		if (!enabled) return;
-		const id = toast.id ?? Math.random().toString(36).substring(2, 9);
+		const id = toast.id ?? Math.random().toString(36).slice(2, 9);
 		setToasts((currentToasts) => {
 			if (currentToasts.find((toast) => toast.id === id)) return currentToasts;
 			return [...currentToasts, {
@@ -8744,6 +8848,7 @@ function UsageBanner({ severity = Severity.CRITICAL, message = "", onClose, acti
           }
         ` }), /* @__PURE__ */ jsx("div", {
 		className: "usage-banner",
+		"data-testid": "copilot-error-banner",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "banner-content",
 			children: [
@@ -9982,4 +10087,4 @@ function validateProps(props) {
 
 //#endregion
 export { createA2UIMessageRenderer as $, IntelligenceIndicator as A, useInterrupt as B, CopilotChatToggleButton as C, CopilotChatView_default as D, CopilotChat as E, CopilotChatAttachmentRenderer as F, useAgent as G, useSuggestions as H, CopilotChatAssistantMessage_default as I, useFrontendTool as J, useHumanInTheLoop as K, CopilotChatToolCallsView as L, CopilotChatSuggestionPill as M, CopilotChatReasoningMessage_default as N, CopilotChatAttachmentQueue as O, CopilotChatUserMessage_default as P, useAgentContext as Q, useAttachments as R, CopilotModalHeader as S, DefaultOpenIcon as T, useCapabilities as U, useConfigureSuggestions as V, UseAgentUpdate as W, useRenderCustomMessages as X, useRenderActivityMessage as Y, CopilotKitProvider as Z, WildcardToolCallRender as _, ThreadsProvider as a, CopilotKitInspector as at, CopilotPopupView as b, CoAgentStateRendersProvider as c, useRenderTool as ct, shouldShowDevConsole as d, CopilotKitCoreReact as dt, SandboxFunctionsContext as et, useToast as f, CopilotChatInput_default as ft, useCopilotContext as g, useCopilotChatConfiguration as gt, CopilotContext as h, CopilotChatConfigurationProvider as ht, ThreadsContext as i, MCPAppsActivityType as it, CopilotChatSuggestionView as j, CopilotChatMessageView as k, useCoAgentStateRenders as l, defineToolCallRenderer as lt, useCopilotMessagesContext as m, CopilotChatAudioRecorder as mt, defaultCopilotContextCategories as n, MCPAppsActivityContentSchema as nt, useThreads as o, useRenderToolCall as ot, CopilotMessagesContext as p, AudioRecorderError as pt, useComponent as q, CoAgentStateRenderBridge as r, MCPAppsActivityRenderer as rt, CoAgentStateRendersContext as s, useDefaultRenderTool as st, CopilotKit as t, useSandboxFunctions as tt, useAsyncCallback as u, useCopilotKit as ut, CopilotPopup as v, DefaultCloseIcon as w, CopilotSidebarView as x, CopilotSidebar as y, useThreads$1 as z };
-//# sourceMappingURL=copilotkit-L4mM_JqG.mjs.map
+//# sourceMappingURL=copilotkit-B5RsC6la.mjs.map