@copilotkit/react-core 1.63.1 → 1.63.2-canary.1784918757

package/dist/{copilotkit-nu7NwzH6.cjs → copilotkit-rYTwMndy.cjs}

@@ -52,7 +52,7 @@ let _copilotkit_web_components_threads_drawer = require("@copilotkit/web-compone
 let react_markdown = require("react-markdown");
 react_markdown = __toESM(react_markdown);
 
-//#region src/v2/lib/slots.tsx
+//#region src/v2/lib/shallow-stable-ref.ts
 /**
 * Shallow equality comparison for objects.
 */
@@ -92,64 +92,6 @@ function useShallowStableRef(value) {
 	ref.current = value;
 	return ref.current;
 }
-/**
-* Check if a value is a React component type (function, class, forwardRef, memo, etc.)
-*/
-function isReactComponentType(value) {
-	if (typeof value === "function") return true;
-	if (value && typeof value === "object" && "$$typeof" in value && !react.default.isValidElement(value)) return true;
-	return false;
-}
-/**
-* Internal function to render a slot value as a React element (non-memoized).
-*/
-function renderSlotElement(slot, DefaultComponent, props) {
-	if (typeof slot === "string") {
-		const existingClassName = props.className;
-		return react.default.createElement(DefaultComponent, {
-			...props,
-			className: (0, tailwind_merge.twMerge)(existingClassName, slot)
-		});
-	}
-	if (isReactComponentType(slot)) return react.default.createElement(slot, props);
-	if (slot && typeof slot === "object" && !react.default.isValidElement(slot)) return react.default.createElement(DefaultComponent, {
-		...props,
-		...slot
-	});
-	return react.default.createElement(DefaultComponent, props);
-}
-/**
-* Internal memoized wrapper component for renderSlot.
-* Uses forwardRef to support ref forwarding.
-*/
-const MemoizedSlotWrapper = react.default.memo(react.default.forwardRef(function MemoizedSlotWrapper(props, ref) {
-	const { $slot, $component, ...rest } = props;
-	return renderSlotElement($slot, $component, ref !== null ? {
-		...rest,
-		ref
-	} : rest);
-}), (prev, next) => {
-	if (prev.$slot !== next.$slot) return false;
-	if (prev.$component !== next.$component) return false;
-	const { $slot: _ps, $component: _pc, ...prevRest } = prev;
-	const { $slot: _ns, $component: _nc, ...nextRest } = next;
-	return shallowEqual(prevRest, nextRest);
-});
-/**
-* Renders a slot value as a memoized React element.
-* Automatically prevents unnecessary re-renders using shallow prop comparison.
-* Supports ref forwarding.
-*
-* @example
-* renderSlot(customInput, CopilotChatInput, { onSubmit: handleSubmit })
-*/
-function renderSlot(slot, DefaultComponent, props) {
-	return react.default.createElement(MemoizedSlotWrapper, {
-		...props,
-		$slot: slot,
-		$component: DefaultComponent
-	});
-}
 
 //#endregion
 //#region src/v2/providers/CopilotChatConfigurationProvider.tsx
@@ -357,9 +299,9 @@ const useCopilotChatConfiguration = () => {
 
 //#endregion
 //#region src/v2/lib/utils.ts
-const twMerge$8 = (0, tailwind_merge.extendTailwindMerge)({ prefix: "cpk" });
+const twMerge$9 = (0, tailwind_merge.extendTailwindMerge)({ prefix: "cpk" });
 function cn(...inputs) {
-	return twMerge$8((0, clsx.clsx)(inputs));
+	return twMerge$9((0, clsx.clsx)(inputs));
 }
 
 //#endregion
@@ -453,12 +395,13 @@ function Tooltip({ ...props }) {
 		...props
 	}) });
 }
-function TooltipTrigger({ ...props }) {
+const TooltipTrigger = react.forwardRef(function TooltipTrigger({ ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Trigger, {
+		ref,
 		"data-slot": "tooltip-trigger",
 		...props
 	});
-}
+});
 function TooltipContent({ className, sideOffset = 0, children, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_tooltip.Content, {
 		"data-copilotkit": true,
@@ -478,12 +421,13 @@ function DropdownMenu({ ...props }) {
 		...props
 	});
 }
-function DropdownMenuTrigger({ ...props }) {
+const DropdownMenuTrigger = react.forwardRef(function DropdownMenuTrigger({ ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Trigger, {
+		ref,
 		"data-slot": "dropdown-menu-trigger",
 		...props
 	});
-}
+});
 function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Content, {
 		"data-copilotkit": true,
@@ -732,6 +676,67 @@ const CopilotChatAudioRecorder = (0, react.forwardRef)((props, ref) => {
 });
 CopilotChatAudioRecorder.displayName = "CopilotChatAudioRecorder";
 
+//#endregion
+//#region src/v2/lib/slots.tsx
+/**
+* Check if a value is a React component type (function, class, forwardRef, memo, etc.)
+*/
+function isReactComponentType(value) {
+	if (typeof value === "function") return true;
+	if (value && typeof value === "object" && "$$typeof" in value && !react.default.isValidElement(value)) return true;
+	return false;
+}
+/**
+* Internal function to render a slot value as a React element (non-memoized).
+*/
+function renderSlotElement(slot, DefaultComponent, props) {
+	if (typeof slot === "string") {
+		const existingClassName = props.className;
+		return react.default.createElement(DefaultComponent, {
+			...props,
+			className: (0, tailwind_merge.twMerge)(existingClassName, slot)
+		});
+	}
+	if (isReactComponentType(slot)) return react.default.createElement(slot, props);
+	if (slot && typeof slot === "object" && !react.default.isValidElement(slot)) return react.default.createElement(DefaultComponent, {
+		...props,
+		...slot
+	});
+	return react.default.createElement(DefaultComponent, props);
+}
+/**
+* Internal memoized wrapper component for renderSlot.
+* Uses forwardRef to support ref forwarding.
+*/
+const MemoizedSlotWrapper = react.default.memo(react.default.forwardRef(function MemoizedSlotWrapper(props, ref) {
+	const { $slot, $component, ...rest } = props;
+	return renderSlotElement($slot, $component, ref !== null ? {
+		...rest,
+		ref
+	} : rest);
+}), (prev, next) => {
+	if (prev.$slot !== next.$slot) return false;
+	if (prev.$component !== next.$component) return false;
+	const { $slot: _ps, $component: _pc, ...prevRest } = prev;
+	const { $slot: _ns, $component: _nc, ...nextRest } = next;
+	return shallowEqual(prevRest, nextRest);
+});
+/**
+* Renders a slot value as a memoized React element.
+* Automatically prevents unnecessary re-renders using shallow prop comparison.
+* Supports ref forwarding.
+*
+* @example
+* renderSlot(customInput, CopilotChatInput, { onSubmit: handleSubmit })
+*/
+function renderSlot(slot, DefaultComponent, props) {
+	return react.default.createElement(MemoizedSlotWrapper, {
+		...props,
+		$slot: slot,
+		$component: DefaultComponent
+	});
+}
+
 //#endregion
 //#region src/v2/components/chat/CopilotChatInput.tsx
 const SLASH_MENU_MAX_VISIBLE_ITEMS = 5;
@@ -1085,7 +1090,6 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 		}
 		if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
 			if (window.matchMedia("(max-width: 767px)").matches) {
-				ensureMeasurements();
 				adjustTextareaHeight();
 				updateLayout("expanded");
 				return;
@@ -4426,11 +4430,14 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 	const [, forceUpdate] = (0, react.useReducer)((x) => x + 1, 0);
 	const updateFlags = (0, react.useMemo)(() => updates ?? ALL_UPDATES, [JSON.stringify(updates)]);
 	const provisionalAgentCache = (0, react.useRef)(/* @__PURE__ */ new Map());
-	const agent = (0, react.useMemo)(() => {
+	const { agent, isReady } = (0, react.useMemo)(() => {
 		const existing = copilotkit.getAgent(resolvedAgentId);
 		if (existing) {
 			provisionalAgentCache.current.delete(resolvedAgentId);
-			return existing;
+			return {
+				agent: existing,
+				isReady: true
+			};
 		}
 		const isRuntimeConfigured = copilotkit.runtimeUrl !== void 0;
 		const status = copilotkit.runtimeConnectionStatus;
@@ -4438,7 +4445,10 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 			const cached = provisionalAgentCache.current.get(resolvedAgentId);
 			if (cached) {
 				copilotkit.applyHeadersToAgent(cached);
-				return cached;
+				return {
+					agent: cached,
+					isReady: false
+				};
 			}
 			const provisional = new _copilotkit_core.ProxiedCopilotRuntimeAgent({
 				runtimeUrl: copilotkit.runtimeUrl,
@@ -4448,13 +4458,19 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 			});
 			copilotkit.applyHeadersToAgent(provisional);
 			provisionalAgentCache.current.set(resolvedAgentId, provisional);
-			return provisional;
+			return {
+				agent: provisional,
+				isReady: false
+			};
 		}
 		if (isRuntimeConfigured && status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Error) {
 			const cached = provisionalAgentCache.current.get(resolvedAgentId);
 			if (cached) {
 				copilotkit.applyHeadersToAgent(cached);
-				return cached;
+				return {
+					agent: cached,
+					isReady: false
+				};
 			}
 			const provisional = new _copilotkit_core.ProxiedCopilotRuntimeAgent({
 				runtimeUrl: copilotkit.runtimeUrl,
@@ -4464,7 +4480,10 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 			});
 			copilotkit.applyHeadersToAgent(provisional);
 			provisionalAgentCache.current.set(resolvedAgentId, provisional);
-			return provisional;
+			return {
+				agent: provisional,
+				isReady: false
+			};
 		}
 		const knownAgents = Object.keys(copilotkit.agents ?? {});
 		const runtimePart = isRuntimeConfigured ? `runtimeUrl=${copilotkit.runtimeUrl}` : "no runtimeUrl";
@@ -4525,7 +4544,10 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 		configThreadId,
 		configHasExplicitThreadId
 	]);
-	return { agent };
+	return {
+		agent,
+		isReady
+	};
 }
 
 //#endregion
@@ -4833,8 +4855,9 @@ function useInterrupt(config) {
 	const pendingRef = (0, react.useRef)(pending);
 	pendingRef.current = pending;
 	const [handlerResult, setHandlerResult] = (0, react.useState)(null);
-	const responsesRef = (0, react.useRef)({});
+	const interruptStateRef = (0, react.useRef)(new _copilotkit_core.ɵInterruptState());
 	(0, react.useEffect)(() => {
+		const interruptState = interruptStateRef.current;
 		let localLegacy = null;
 		let localStandard = null;
 		const subscription = agent.subscribe({
@@ -4850,106 +4873,111 @@ function useInterrupt(config) {
 			onRunStartedEvent: () => {
 				localLegacy = null;
 				localStandard = null;
-				responsesRef.current = {};
+				interruptState.clear();
 				setPending(null);
 			},
 			onRunFinalized: () => {
-				if (localStandard && localStandard.length > 0) setPending({
-					kind: "standard",
-					interrupts: localStandard
-				});
-				else if (localLegacy) setPending({
-					kind: "legacy",
-					event: localLegacy
-				});
+				if (localStandard && localStandard.length > 0) {
+					interruptState.setStandard(localStandard);
+					setPending(interruptState.pending);
+				} else if (localLegacy) {
+					interruptState.setLegacy(localLegacy);
+					setPending(interruptState.pending);
+				}
 				localLegacy = null;
 				localStandard = null;
 			},
 			onRunFailed: () => {
 				localLegacy = null;
 				localStandard = null;
-				responsesRef.current = {};
+				interruptState.clear();
 				setPending(null);
 			}
 		});
-		return () => subscription.unsubscribe();
+		return () => {
+			subscription.unsubscribe();
+			interruptState.clear();
+		};
 	}, [agent]);
-	const submitStandardIfComplete = (0, react.useCallback)(async (interrupts) => {
-		if (!interrupts.every((i) => responsesRef.current[i.id])) return;
-		const expired = interrupts.find((i) => (0, _ag_ui_client.isInterruptExpired)(i));
-		if (expired) {
-			console.error(`[CopilotKit] useInterrupt: interrupt ${expired.id} expired at ${expired.expiresAt}; not resuming.`);
-			responsesRef.current = {};
-			setPending(null);
-			return;
-		}
-		const resume = (0, _ag_ui_client.buildResumeArray)(interrupts, responsesRef.current);
-		for (const i of interrupts) {
-			if (!i.toolCallId) continue;
-			const response = responsesRef.current[i.id];
-			const content = response.status === "cancelled" ? { status: "cancelled" } : response.payload ?? { status: "resolved" };
-			agent.addMessage({
-				id: (0, _ag_ui_client.randomUUID)(),
-				role: "tool",
-				toolCallId: i.toolCallId,
-				content: JSON.stringify(content)
-			});
-		}
-		responsesRef.current = {};
-		try {
+	const resolve = (0, react.useCallback)(async (payload, interruptId) => {
+		const current = pendingRef.current;
+		if (!current) return;
+		if (current.kind === "standard" && current.interrupts.length > 1 && interruptId === void 0) console.warn(`[CopilotKit] useInterrupt: resolve()/cancel() called without an interruptId while ${current.interrupts.length} interrupts are open; defaulting to the first. Pass an interruptId to address a specific interrupt.`);
+		const decision = interruptStateRef.current.resolve(payload, interruptId);
+		if (decision.kind === "legacy-resume") try {
 			return await copilotkit.runAgent({
 				agent,
-				resume
+				forwardedProps: { command: {
+					resume: decision.payload,
+					interruptEvent: decision.interruptValue
+				} }
 			});
 		} catch (err) {
 			console.error("[CopilotKit] useInterrupt resolve: runAgent rejected; clearing pending + rethrowing", err);
 			setPending(null);
 			throw err;
 		}
-	}, [agent, copilotkit]);
-	const resolve = (0, react.useCallback)(async (payload, interruptId) => {
-		const current = pendingRef.current;
-		if (!current) return;
-		if (current.kind === "legacy") try {
+		if (decision.kind === "expired") {
+			console.error(`[CopilotKit] useInterrupt: interrupt ${decision.interrupt.id} expired at ${decision.interrupt.expiresAt}; not resuming.`);
+			interruptStateRef.current.clear();
+			setPending(null);
+			return;
+		}
+		if (decision.kind !== "resume") return;
+		for (const toolResult of decision.toolResults) agent.addMessage({
+			id: (0, _ag_ui_client.randomUUID)(),
+			role: "tool",
+			toolCallId: toolResult.toolCallId,
+			content: toolResult.content
+		});
+		try {
 			return await copilotkit.runAgent({
 				agent,
-				forwardedProps: { command: {
-					resume: payload,
-					interruptEvent: current.event.value
-				} }
+				resume: decision.resume
 			});
 		} catch (err) {
 			console.error("[CopilotKit] useInterrupt resolve: runAgent rejected; clearing pending + rethrowing", err);
+			interruptStateRef.current.clear();
 			setPending(null);
 			throw err;
 		}
-		if (current.interrupts.length > 1 && interruptId === void 0) console.warn(`[CopilotKit] useInterrupt: resolve()/cancel() called without an interruptId while ${current.interrupts.length} interrupts are open; defaulting to the first. Pass an interruptId to address a specific interrupt.`);
-		const id = interruptId ?? current.interrupts[0]?.id;
-		if (!id) return;
-		responsesRef.current[id] = {
-			status: "resolved",
-			payload
-		};
-		return submitStandardIfComplete(current.interrupts);
-	}, [
-		agent,
-		copilotkit,
-		submitStandardIfComplete
-	]);
+	}, [agent, copilotkit]);
 	const cancel = (0, react.useCallback)(async (interruptId) => {
 		const current = pendingRef.current;
 		if (!current) return;
-		if (current.kind === "legacy") {
+		if (current.kind === "standard" && current.interrupts.length > 1 && interruptId === void 0) console.warn(`[CopilotKit] useInterrupt: resolve()/cancel() called without an interruptId while ${current.interrupts.length} interrupts are open; defaulting to the first. Pass an interruptId to address a specific interrupt.`);
+		const decision = interruptStateRef.current.cancel(interruptId);
+		if (decision.kind === "dismiss") {
 			console.warn("[CopilotKit] useInterrupt: cancel() is not supported for legacy on_interrupt interrupts; dismissing.");
+			interruptStateRef.current.clear();
 			setPending(null);
 			return;
 		}
-		if (current.interrupts.length > 1 && interruptId === void 0) console.warn(`[CopilotKit] useInterrupt: resolve()/cancel() called without an interruptId while ${current.interrupts.length} interrupts are open; defaulting to the first. Pass an interruptId to address a specific interrupt.`);
-		const id = interruptId ?? current.interrupts[0]?.id;
-		if (!id) return;
-		responsesRef.current[id] = { status: "cancelled" };
-		return submitStandardIfComplete(current.interrupts);
-	}, [submitStandardIfComplete]);
+		if (decision.kind === "expired") {
+			console.error(`[CopilotKit] useInterrupt: interrupt ${decision.interrupt.id} expired at ${decision.interrupt.expiresAt}; not resuming.`);
+			interruptStateRef.current.clear();
+			setPending(null);
+			return;
+		}
+		if (decision.kind !== "resume") return;
+		for (const toolResult of decision.toolResults) agent.addMessage({
+			id: (0, _ag_ui_client.randomUUID)(),
+			role: "tool",
+			toolCallId: toolResult.toolCallId,
+			content: toolResult.content
+		});
+		try {
+			return await copilotkit.runAgent({
+				agent,
+				resume: decision.resume
+			});
+		} catch (err) {
+			console.error("[CopilotKit] useInterrupt resolve: runAgent rejected; clearing pending + rethrowing", err);
+			interruptStateRef.current.clear();
+			setPending(null);
+			throw err;
+		}
+	}, [agent, copilotkit]);
 	const renderRef = (0, react.useRef)(config.render);
 	renderRef.current = config.render;
 	const enabledRef = (0, react.useRef)(config.enabled);
@@ -4991,7 +5019,7 @@ function useInterrupt(config) {
 			maybePromise = handler({
 				event: legacyEvent,
 				interrupt: pending.kind === "standard" ? pending.interrupts[0] : null,
-				interrupts: pending.kind === "standard" ? pending.interrupts : [],
+				interrupts: pending.kind === "standard" ? [...pending.interrupts] : [],
 				resolve: resolveRef.current,
 				cancel: cancelRef.current
 			});
@@ -5020,7 +5048,7 @@ function useInterrupt(config) {
 		return renderRef.current({
 			event: legacyEvent,
 			interrupt: pending.kind === "standard" ? pending.interrupts[0] : null,
-			interrupts: pending.kind === "standard" ? pending.interrupts : [],
+			interrupts: pending.kind === "standard" ? [...pending.interrupts] : [],
 			result: handlerResult,
 			resolve,
 			cancel
@@ -12148,4 +12176,4 @@ Object.defineProperty(exports, 'ɵrunMcpFollowUp', {
     return ɵrunMcpFollowUp;
   }
 });
-//# sourceMappingURL=copilotkit-nu7NwzH6.cjs.map
+//# sourceMappingURL=copilotkit-rYTwMndy.cjs.map