@copilotkit/react-core 1.56.3 → 1.56.4

package/dist/{copilotkit-PzJlPKcU.mjs → copilotkit-Bd0m5HFp.mjs}

@@ -5821,6 +5821,7 @@ CopilotChatMessageView.Cursor = function Cursor({ className, ...props }) {
 const CopilotChatAttachmentQueue = ({ attachments, onRemoveAttachment, className }) => {
 	if (attachments.length === 0) return null;
 	return /* @__PURE__ */ jsx("div", {
+		"data-testid": "copilot-attachment-queue",
 		className: cn("cpk:flex cpk:flex-wrap cpk:gap-2 cpk:p-2", className),
 		children: attachments.map((attachment) => {
 			const isMedia = attachment.type === "image" || attachment.type === "video";
@@ -6247,13 +6248,7 @@ function computeOffsetTop(el, stopAt) {
 
 //#endregion
 //#region src/v2/components/chat/CopilotChatView.tsx
-const FEATHER_HEIGHT = 96;
-const PIN_TO_SEND_FEATHER_HEIGHT = 48;
-const PinToSendSoftFeather = ({ className, style, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("cpk:absolute cpk:bottom-0 cpk:left-0 cpk:right-4 cpk:h-12 cpk:pointer-events-none cpk:z-10 cpk:bg-gradient-to-t", "cpk:from-white cpk:to-transparent", "cpk:dark:from-[rgb(33,33,33)]", className),
-	style,
-	...props
-});
+const SCROLL_BUTTON_OFFSET = 16;
 function DropOverlay() {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("cpk:absolute cpk:inset-0 cpk:z-50 cpk:pointer-events-none", "cpk:flex cpk:items-center cpk:justify-center", "cpk:bg-primary/5 cpk:backdrop-blur-[2px]", "cpk:border-2 cpk:border-dashed cpk:border-primary/40 cpk:rounded-lg cpk:m-2"),
@@ -6316,7 +6311,6 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 		onAddFile,
 		positioning: "static",
 		keyboardHeight: isKeyboardOpen ? keyboardHeight : 0,
-		containerRef: inputContainerRef,
 		showDisclaimer: true,
 		bottomAnchored: true,
 		...disclaimer !== void 0 ? { disclaimer } : {}
@@ -6333,7 +6327,8 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 		inputContainerHeight,
 		isResizing,
 		children: /* @__PURE__ */ jsx("div", {
-			style: { paddingBottom: `${hasSuggestions ? 4 : 32}px` },
+			"data-testid": "copilot-scroll-content",
+			style: { paddingBottom: `${inputContainerHeight + (hasSuggestions ? 4 : 32)}px` },
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "cpk:max-w-3xl cpk:mx-auto",
 				children: [BoundMessageView, hasSuggestions ? /* @__PURE__ */ jsx("div", {
@@ -6407,15 +6402,19 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 		children: [
 			dragOver && /* @__PURE__ */ jsx(DropOverlay, {}),
 			BoundScrollView,
-			/* @__PURE__ */ jsx("div", {
-				className: "cpk:max-w-3xl cpk:mx-auto cpk:w-full",
-				children: attachments && attachments.length > 0 && /* @__PURE__ */ jsx(CopilotChatAttachmentQueue, {
-					attachments,
-					onRemoveAttachment: (id) => onRemoveAttachment?.(id),
-					className: "cpk:px-4"
-				})
-			}),
-			BoundInput
+			/* @__PURE__ */ jsxs("div", {
+				ref: inputContainerRef,
+				"data-testid": "copilot-input-overlay",
+				className: "cpk:absolute cpk:bottom-0 cpk:left-0 cpk:right-0 cpk:z-20 cpk:pointer-events-none",
+				children: [attachments && attachments.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: "cpk:max-w-3xl cpk:mx-auto cpk:w-full cpk:pointer-events-auto",
+					children: /* @__PURE__ */ jsx(CopilotChatAttachmentQueue, {
+						attachments,
+						onRemoveAttachment: (id) => onRemoveAttachment?.(id),
+						className: "cpk:px-4"
+					})
+				}), BoundInput]
+			})
 		]
 	});
 }
@@ -6444,7 +6443,7 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 				BoundFeather,
 				!isAtBottom && !isResizing && /* @__PURE__ */ jsx("div", {
 					className: "cpk:absolute cpk:inset-x-0 cpk:flex cpk:justify-center cpk:z-30 cpk:pointer-events-none",
-					style: { bottom: `${inputContainerHeight + FEATHER_HEIGHT + 16}px` },
+					style: { bottom: `${inputContainerHeight + SCROLL_BUTTON_OFFSET}px` },
 					children: renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, { onClick: () => scrollToBottom() })
 				})
 			] })
@@ -6458,7 +6457,7 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 			spacerRef,
 			topOffset: 16
 		});
-		const BoundFeather = renderSlot(feather, PinToSendSoftFeather, {});
+		const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});
 		return /* @__PURE__ */ jsx(ScrollElementContext.Provider, {
 			value: nonAutoScrollEl,
 			children: /* @__PURE__ */ jsxs("div", {
@@ -6485,7 +6484,7 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 					BoundFeather,
 					showScrollButton && !isResizing && /* @__PURE__ */ jsx("div", {
 						className: "cpk:absolute cpk:inset-x-0 cpk:flex cpk:justify-center cpk:z-30 cpk:pointer-events-none",
-						style: { bottom: `${inputContainerHeight + PIN_TO_SEND_FEATHER_HEIGHT + 16}px` },
+						style: { bottom: `${inputContainerHeight + SCROLL_BUTTON_OFFSET}px` },
 						children: renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, { onClick: () => scrollToBottom() })
 					})
 				]
@@ -6553,7 +6552,7 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 						BoundFeather,
 						showScrollButton && !isResizing && /* @__PURE__ */ jsx("div", {
 							className: "cpk:absolute cpk:inset-x-0 cpk:flex cpk:justify-center cpk:z-30 cpk:pointer-events-none",
-							style: { bottom: `${inputContainerHeight + FEATHER_HEIGHT + 16}px` },
+							style: { bottom: `${inputContainerHeight + SCROLL_BUTTON_OFFSET}px` },
 							children: renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, { onClick: () => scrollToBottom() })
 						})
 					]
@@ -6597,9 +6596,8 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 		...props,
 		children: /* @__PURE__ */ jsx(ChevronDown, { className: "cpk:w-4 cpk:h-4 cpk:text-gray-600 cpk:dark:text-white" })
 	});
-	_CopilotChatView.Feather = ({ className, style, ...props }) => /* @__PURE__ */ jsx("div", {
-		className: cn("cpk:absolute cpk:bottom-0 cpk:left-0 cpk:right-4 cpk:h-24 cpk:pointer-events-none cpk:z-10 cpk:bg-gradient-to-t", "cpk:from-white cpk:via-white cpk:to-transparent", "cpk:dark:from-[rgb(33,33,33)] cpk:dark:via-[rgb(33,33,33)]", className),
-		style,
+	_CopilotChatView.Feather = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+		className,
 		...props
 	});
 	_CopilotChatView.WelcomeMessage = ({ className, ...props }) => {
@@ -9755,4 +9753,4 @@ function validateProps(props) {
 
 //#endregion
 export { CopilotKitProvider as $, CopilotChatSuggestionView as A, useConfigureSuggestions as B, CopilotChatToggleButton as C, CopilotChatView_default as D, CopilotChat as E, CopilotChatAssistantMessage_default as F, useRenderTool as G, useCapabilities as H, CopilotChatToolCallsView as I, useRenderActivityMessage as J, useComponent as K, useAttachments as L, CopilotChatReasoningMessage_default as M, CopilotChatUserMessage_default as N, CopilotChatAttachmentQueue as O, CopilotChatAttachmentRenderer as P, useRenderToolCall as Q, useThreads$1 as R, CopilotModalHeader as S, DefaultOpenIcon as T, useHumanInTheLoop as U, useSuggestions as V, useDefaultRenderTool as W, UseAgentUpdate as X, useRenderCustomMessages as Y, useAgent as Z, WildcardToolCallRender as _, ThreadsProvider as a, SandboxFunctionsContext as at, CopilotPopupView as b, CoAgentStateRendersProvider as c, MCPAppsActivityRenderer as ct, shouldShowDevConsole as d, CopilotChatInput_default as dt, useCopilotKit as et, useToast as f, AudioRecorderError as ft, useCopilotContext as g, CopilotContext as h, useCopilotChatConfiguration as ht, ThreadsContext as i, createA2UIMessageRenderer as it, CopilotChatSuggestionPill as j, CopilotChatMessageView as k, useCoAgentStateRenders as l, MCPAppsActivityType as lt, useCopilotMessagesContext as m, CopilotChatConfigurationProvider as mt, defaultCopilotContextCategories as n, useAgentContext as nt, useThreads as o, useSandboxFunctions as ot, CopilotMessagesContext as p, CopilotChatAudioRecorder as pt, useFrontendTool as q, CoAgentStateRenderBridge as r, defineToolCallRenderer as rt, CoAgentStateRendersContext as s, MCPAppsActivityContentSchema as st, CopilotKit as t, CopilotKitCoreReact as tt, useAsyncCallback as u, CopilotKitInspector as ut, CopilotPopup as v, DefaultCloseIcon as w, CopilotSidebarView as x, CopilotSidebar as y, useInterrupt as z };
-//# sourceMappingURL=copilotkit-PzJlPKcU.mjs.map
+//# sourceMappingURL=copilotkit-Bd0m5HFp.mjs.map