@copilotkit/react-core 1.63.2 → 1.64.0

package/dist/{copilotkit-DDVfoiRM.cjs → copilotkit-DiLTL1ZM.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;
@@ -4439,17 +4443,15 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 		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);
@@ -4461,17 +4463,15 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 		}
 		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);
@@ -4490,6 +4490,7 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 		copilotkit.runtimeConnectionStatus,
 		copilotkit.runtimeUrl,
 		copilotkit.runtimeTransport,
+		copilotkit.credentials,
 		JSON.stringify(copilotkit.headers)
 	]);
 	(0, react.useEffect)(() => {
@@ -4529,7 +4530,12 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 	]);
 	(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)(() => {
@@ -9092,27 +9098,35 @@ CopilotSidebar.displayName = "CopilotSidebar";
 
 //#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,
@@ -9120,11 +9134,14 @@ function CopilotPopup({ header, toggleButton, defaultOpen, width, height, clickO
 		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";
@@ -12172,4 +12189,4 @@ Object.defineProperty(exports, 'ɵrunMcpFollowUp', {
     return ɵrunMcpFollowUp;
   }
 });
-//# sourceMappingURL=copilotkit-DDVfoiRM.cjs.map
+//# sourceMappingURL=copilotkit-DiLTL1ZM.cjs.map