@copilotkit/react-core 1.63.2 → 1.64.0

package/dist/v2/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_copilotkit = require('../copilotkit-DDVfoiRM.cjs');
+const require_copilotkit = require('../copilotkit-DiLTL1ZM.cjs');
 require("./index.css");
 let _copilotkit_a2ui_renderer = require("@copilotkit/a2ui-renderer");
 

package/dist/v2/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 
-import { $ as useCapabilities, A as CopilotChatMessageView, At as CopilotChatConfigurationProvider, B as CopilotChatAssistantMessage_default, C as CopilotModalHeader, Ct as CopilotKitInspector, D as CopilotChat, Dt as CopilotChatInput_default, E as DefaultOpenIcon, Et as CopilotKitCoreReact, F as CopilotChatSuggestionView, G as useLearnFromUserActionInCurrentThread, H as useLearningContainersInCurrentThread, I as CopilotChatSuggestionPill, J as useThreads, K as useLearnFromUserAction, L as CopilotChatReasoningMessage_default, M as IntelligenceIndicator, N as getIntelligenceTurnAnchors, O as CopilotChatView_default, Ot as AudioRecorderError, P as IntelligenceIndicatorView, Q as useAgentContext, R as CopilotChatUserMessage_default, S as CopilotSidebarView, St as ɵrunMcpFollowUp, T as DefaultCloseIcon, Tt as useCopilotKit, U as useLearningContainers, V as CopilotChatToolCallsView, W as useAttachments, X as useConfigureSuggestions, Y as useInterrupt, Z as useSuggestions, _ as WildcardToolCallRender, _t as SandboxFunctionsContext, at as useComponent, b as CopilotSidebar, bt as MCPAppsActivityRenderer, ct as useRenderCustomMessages, dt as createA2UIMessageRenderer, et as UseAgentUpdate, ft as GenerateSandboxedUiArgsSchema, gt as OpenGenerativeUIToolRenderer, ht as OpenGenerativeUIContentSchema, it as useRenderTool, j as INTELLIGENCE_TURN_HEAD, jt as useCopilotChatConfiguration, k as CopilotChatAttachmentQueue, kt as CopilotChatAudioRecorder, lt as CopilotKitProvider, mt as OpenGenerativeUIActivityType, nt as useHumanInTheLoop, ot as useFrontendTool, pt as OpenGenerativeUIActivityRenderer, q as useMemories, rt as useDefaultRenderTool, st as useRenderActivityMessage, t as CopilotKit, tt as useAgent, ut as defineToolCallRenderer, v as CopilotThreadsDrawer, vt as useSandboxFunctions, w as CopilotChatToggleButton, wt as useRenderToolCall, x as CopilotPopupView, xt as MCPAppsActivityType, y as CopilotPopup, yt as MCPAppsActivityContentSchema, z as CopilotChatAttachmentRenderer } from "../copilotkit-CN2JVeH3.mjs";
+import { $ as useCapabilities, A as CopilotChatMessageView, At as CopilotChatConfigurationProvider, B as CopilotChatAssistantMessage_default, C as CopilotModalHeader, Ct as CopilotKitInspector, D as CopilotChat, Dt as CopilotChatInput_default, E as DefaultOpenIcon, Et as CopilotKitCoreReact, F as CopilotChatSuggestionView, G as useLearnFromUserActionInCurrentThread, H as useLearningContainersInCurrentThread, I as CopilotChatSuggestionPill, J as useThreads, K as useLearnFromUserAction, L as CopilotChatReasoningMessage_default, M as IntelligenceIndicator, N as getIntelligenceTurnAnchors, O as CopilotChatView_default, Ot as AudioRecorderError, P as IntelligenceIndicatorView, Q as useAgentContext, R as CopilotChatUserMessage_default, S as CopilotSidebarView, St as ɵrunMcpFollowUp, T as DefaultCloseIcon, Tt as useCopilotKit, U as useLearningContainers, V as CopilotChatToolCallsView, W as useAttachments, X as useConfigureSuggestions, Y as useInterrupt, Z as useSuggestions, _ as WildcardToolCallRender, _t as SandboxFunctionsContext, at as useComponent, b as CopilotSidebar, bt as MCPAppsActivityRenderer, ct as useRenderCustomMessages, dt as createA2UIMessageRenderer, et as UseAgentUpdate, ft as GenerateSandboxedUiArgsSchema, gt as OpenGenerativeUIToolRenderer, ht as OpenGenerativeUIContentSchema, it as useRenderTool, j as INTELLIGENCE_TURN_HEAD, jt as useCopilotChatConfiguration, k as CopilotChatAttachmentQueue, kt as CopilotChatAudioRecorder, lt as CopilotKitProvider, mt as OpenGenerativeUIActivityType, nt as useHumanInTheLoop, ot as useFrontendTool, pt as OpenGenerativeUIActivityRenderer, q as useMemories, rt as useDefaultRenderTool, st as useRenderActivityMessage, t as CopilotKit, tt as useAgent, ut as defineToolCallRenderer, v as CopilotThreadsDrawer, vt as useSandboxFunctions, w as CopilotChatToggleButton, wt as useRenderToolCall, x as CopilotPopupView, xt as MCPAppsActivityType, y as CopilotPopup, yt as MCPAppsActivityContentSchema, z as CopilotChatAttachmentRenderer } from "../copilotkit-D_Ao1X-u.mjs";
 import "./index.css";
 import { defaultTheme as a2uiDefaultTheme } from "@copilotkit/a2ui-renderer";
 

package/dist/v2/index.umd.js

@@ -37,7 +37,7 @@ react = __toESM(react);
 _radix_ui_react_tooltip = __toESM(_radix_ui_react_tooltip);
 _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 
-//#region src/v2/lib/slots.tsx
+//#region src/v2/lib/shallow-stable-ref.ts
 /**
 	* Shallow equality comparison for objects.
 	*/
@@ -77,64 +77,6 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		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
@@ -342,9 +284,9 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 
 //#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
@@ -438,12 +380,13 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			...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,
@@ -463,12 +406,13 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			...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,
@@ -717,6 +661,67 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	});
 	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;
@@ -1070,7 +1075,6 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			}
 			if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
 				if (window.matchMedia("(max-width: 767px)").matches) {
-					ensureMeasurements();
 					adjustTextareaHeight();
 					updateLayout("expanded");
 					return;
@@ -4424,17 +4428,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			const status = copilotkit.runtimeConnectionStatus;
 			if (isRuntimeConfigured && (status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Disconnected || status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connecting)) {
 				const cached = provisionalAgentCache.current.get(resolvedAgentId);
-				if (cached) {
-					copilotkit.applyHeadersToAgent(cached);
-					return {
-						agent: cached,
-						isReady: false
-					};
-				}
+				if (cached) return {
+					agent: cached,
+					isReady: false
+				};
 				const provisional = new _copilotkit_core.ProxiedCopilotRuntimeAgent({
 					runtimeUrl: copilotkit.runtimeUrl,
 					agentId: resolvedAgentId,
 					transport: copilotkit.runtimeTransport,
+					credentials: copilotkit.credentials,
 					runtimeMode: "pending"
 				});
 				copilotkit.applyHeadersToAgent(provisional);
@@ -4446,17 +4448,15 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			}
 			if (isRuntimeConfigured && status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Error) {
 				const cached = provisionalAgentCache.current.get(resolvedAgentId);
-				if (cached) {
-					copilotkit.applyHeadersToAgent(cached);
-					return {
-						agent: cached,
-						isReady: false
-					};
-				}
+				if (cached) return {
+					agent: cached,
+					isReady: false
+				};
 				const provisional = new _copilotkit_core.ProxiedCopilotRuntimeAgent({
 					runtimeUrl: copilotkit.runtimeUrl,
 					agentId: resolvedAgentId,
 					transport: copilotkit.runtimeTransport,
+					credentials: copilotkit.credentials,
 					runtimeMode: "pending"
 				});
 				copilotkit.applyHeadersToAgent(provisional);
@@ -4475,6 +4475,7 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			copilotkit.runtimeConnectionStatus,
 			copilotkit.runtimeUrl,
 			copilotkit.runtimeTransport,
+			copilotkit.credentials,
 			JSON.stringify(copilotkit.headers)
 		]);
 		(0, react.useEffect)(() => {
@@ -4514,7 +4515,12 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 		]);
 		(0, react.useEffect)(() => {
 			if (agent instanceof _ag_ui_client.HttpAgent) copilotkit.applyHeadersToAgent(agent);
-		}, [agent, JSON.stringify(copilotkit.headers)]);
+			if (agent instanceof _copilotkit_core.ProxiedCopilotRuntimeAgent) agent.credentials = copilotkit.credentials;
+		}, [
+			agent,
+			JSON.stringify(copilotkit.headers),
+			copilotkit.credentials
+		]);
 		const configThreadId = chatConfig?.threadId;
 		const configHasExplicitThreadId = chatConfig?.hasExplicitThreadId;
 		(0, react.useEffect)(() => {
@@ -9077,27 +9083,35 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 
 //#endregion
 //#region src/v2/components/chat/CopilotPopup.tsx
+	const PopupShellPropsContext = react.default.createContext({});
+	const PopupViewOverride = (viewProps) => {
+		const { header: viewHeader, toggleButton: viewToggleButton, width: viewWidth, height: viewHeight, clickOutsideToClose: viewClickOutsideToClose, defaultOpen: viewDefaultOpen, ...restProps } = viewProps;
+		const shell = (0, react.useContext)(PopupShellPropsContext);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotPopupView_default, {
+			...restProps,
+			header: shell.header ?? viewHeader,
+			toggleButton: shell.toggleButton ?? viewToggleButton,
+			width: shell.width ?? viewWidth,
+			height: shell.height ?? viewHeight,
+			clickOutsideToClose: shell.clickOutsideToClose ?? viewClickOutsideToClose,
+			defaultOpen: shell.defaultOpen ?? viewDefaultOpen
+		});
+	};
+	const PopupViewOverrideWithStatics = Object.assign(PopupViewOverride, CopilotChatView_default);
 	function CopilotPopup({ header, toggleButton, defaultOpen, width, height, clickOutsideToClose, ...chatProps }) {
 		const { checkFeature } = useLicenseContext();
 		const isPopupLicensed = checkFeature("popup");
 		(0, react.useEffect)(() => {
 			if (!isPopupLicensed) console.warn("[CopilotKit] Warning: \"popup\" feature is not licensed. Visit copilotkit.ai/pricing");
 		}, [isPopupLicensed]);
-		const PopupViewOverride = (0, react.useMemo)(() => {
-			const Component = (viewProps) => {
-				const { header: viewHeader, toggleButton: viewToggleButton, width: viewWidth, height: viewHeight, clickOutsideToClose: viewClickOutsideToClose, defaultOpen: viewDefaultOpen, ...restProps } = viewProps;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotPopupView_default, {
-					...restProps,
-					header: header ?? viewHeader,
-					toggleButton: toggleButton ?? viewToggleButton,
-					width: width ?? viewWidth,
-					height: height ?? viewHeight,
-					clickOutsideToClose: clickOutsideToClose ?? viewClickOutsideToClose,
-					defaultOpen: defaultOpen ?? viewDefaultOpen
-				});
-			};
-			return Object.assign(Component, CopilotChatView_default);
-		}, [
+		const shellProps = (0, react.useMemo)(() => ({
+			header,
+			toggleButton,
+			width,
+			height,
+			clickOutsideToClose,
+			defaultOpen
+		}), [
 			clickOutsideToClose,
 			header,
 			toggleButton,
@@ -9105,11 +9119,14 @@ window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-
 			width,
 			defaultOpen
 		]);
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!isPopupLicensed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InlineFeatureWarning, { featureName: "Popup" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChat, {
-			welcomeScreen: CopilotPopupView_default.WelcomeScreen,
-			...chatProps,
-			isModalDefaultOpen: defaultOpen,
-			chatView: PopupViewOverride
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!isPopupLicensed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InlineFeatureWarning, { featureName: "Popup" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopupShellPropsContext.Provider, {
+			value: shellProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotChat, {
+				welcomeScreen: CopilotPopupView_default.WelcomeScreen,
+				...chatProps,
+				isModalDefaultOpen: defaultOpen,
+				chatView: PopupViewOverrideWithStatics
+			})
 		})] });
 	}
 	CopilotPopup.displayName = "CopilotPopup";