@copilotkitnext/react 1.52.0-next.5 → 1.52.0-next.6

package/dist/components/chat/CopilotChatView.d.mts

@@ -61,7 +61,7 @@ declare function CopilotChatView({
   children,
   className,
   ...props
-}: CopilotChatViewProps): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+}: CopilotChatViewProps): react_jsx_runtime0.JSX.Element;
 declare namespace CopilotChatView {
   const ScrollView: React.FC<React.HTMLAttributes<HTMLDivElement> & {
     autoScroll?: boolean;

package/dist/components/chat/CopilotChatView.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatView.d.mts","names":[],"sources":["../../../src/components/chat/CopilotChatView.tsx"],"mappings":";;;;;;;;;;KA+BY,kBAAA,GAAqB,SAAA;EAE7B,cAAA,EAAgB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA;EAG9C,KAAA,EAAO,KAAA,CAAM,YAAA;EACb,cAAA,EAAgB,KAAA,CAAM,YAAA;AAAA,IACpB,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,KAGf,oBAAA,GAAuB,SAAA;EAE/B,WAAA,SAAoB,sBAAA;EACpB,UAAA,SAAmB,eAAA,CAAgB,UAAA;EACnC,KAAA,SAAc,gBAAA;EACd,cAAA,SAAuB,yBAAA;AAAA;EAGvB,QAAA,GAAW,OAAA;EACX,UAAA;EACA,SAAA;EACA,WAAA,GAAc,UAAA;EACd,wBAAA,GAA2B,aAAA;EAC3B,kBAAA,IAAsB,UAAA,EAAY,UAAA,EAAY,KAAA;EAC9C,aAAA,GAAgB,SAAA,CAAU,KAAA,CAAM,EAAA,CAAG,kBAAA;EAEnC,eAAA,IAAmB,KAAA;EACnB,MAAA;EACA,SAAA,GAAY,oBAAA;EACZ,UAAA;EACA,aAAA,IAAiB,KAAA;EACjB,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,2BAAA,IAA+B,SAAA,EAAW,IAAA,KAAS,OAAA;AAAA,IACjD,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,iBAGX,eAAA,CAAA;EACd,WAAA;EACA,KAAA;EACA,UAAA;EACA,cAAA;EACA,aAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,WAAA;EACA,wBAAA;EACA,kBAAA;EAEA,eAAA;EACA,MAAA;EACA,SAAA;EACA,UAAA;EACA,aAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,2BAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,oBAAA,wCAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA;AAAA,kBA0KN,eAAA;EAAA,MAwDF,UAAA,EAAY,KAAA,CAAM,EAAA,CAC7B,KAAA,CAAM,cAAA,CAAe,cAAA;IACnB,UAAA;IACA,oBAAA,GAAuB,SAAA,CACrB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,oBAAA,CAAqB,iBAAA;IAEtC,OAAA,GAAU,SAAA,CAAU,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,cAAA,CAAe,cAAA;IAClD,oBAAA;IACA,UAAA;EAAA;EAAA,MA6HS,oBAAA,EAAsB,KAAA,CAAM,EAAA,CACvC,KAAA,CAAM,oBAAA,CAAqB,iBAAA;EAAA,MAmBhB,OAAA,EAAS,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,cAAA,CAAe,cAAA;EAAA,MAiBvC,cAAA,EAAgB,KAAA,CAAM,EAAA,CACjC,KAAA,CAAM,cAAA,CAAe,cAAA;EAAA,MAkBV,aAAA,EAAe,KAAA,CAAM,EAAA,CAAG,kBAAA;AAAA"}
+{"version":3,"file":"CopilotChatView.d.mts","names":[],"sources":["../../../src/components/chat/CopilotChatView.tsx"],"mappings":";;;;;;;;;;KA+BY,kBAAA,GAAqB,SAAA;EAE7B,cAAA,EAAgB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA;EAG9C,KAAA,EAAO,KAAA,CAAM,YAAA;EACb,cAAA,EAAgB,KAAA,CAAM,YAAA;AAAA,IACpB,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,KAGf,oBAAA,GAAuB,SAAA;EAE/B,WAAA,SAAoB,sBAAA;EACpB,UAAA,SAAmB,eAAA,CAAgB,UAAA;EACnC,KAAA,SAAc,gBAAA;EACd,cAAA,SAAuB,yBAAA;AAAA;EAGvB,QAAA,GAAW,OAAA;EACX,UAAA;EACA,SAAA;EACA,WAAA,GAAc,UAAA;EACd,wBAAA,GAA2B,aAAA;EAC3B,kBAAA,IAAsB,UAAA,EAAY,UAAA,EAAY,KAAA;EAC9C,aAAA,GAAgB,SAAA,CAAU,KAAA,CAAM,EAAA,CAAG,kBAAA;EAEnC,eAAA,IAAmB,KAAA;EACnB,MAAA;EACA,SAAA,GAAY,oBAAA;EACZ,UAAA;EACA,aAAA,IAAiB,KAAA;EACjB,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,2BAAA,IAA+B,SAAA,EAAW,IAAA,KAAS,OAAA;AAAA,IACjD,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,iBAGX,eAAA,CAAA;EACd,WAAA;EACA,KAAA;EACA,UAAA;EACA,cAAA;EACA,aAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;EACA,WAAA;EACA,wBAAA;EACA,kBAAA;EAEA,eAAA;EACA,MAAA;EACA,SAAA;EACA,UAAA;EACA,aAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,2BAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,oBAAA,GAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAwLN,eAAA;EAAA,MAwDF,UAAA,EAAY,KAAA,CAAM,EAAA,CAC7B,KAAA,CAAM,cAAA,CAAe,cAAA;IACnB,UAAA;IACA,oBAAA,GAAuB,SAAA,CACrB,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,oBAAA,CAAqB,iBAAA;IAEtC,OAAA,GAAU,SAAA,CAAU,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,cAAA,CAAe,cAAA;IAClD,oBAAA;IACA,UAAA;EAAA;EAAA,MA6HS,oBAAA,EAAsB,KAAA,CAAM,EAAA,CACvC,KAAA,CAAM,oBAAA,CAAqB,iBAAA;EAAA,MAmBhB,OAAA,EAAS,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,cAAA,CAAe,cAAA;EAAA,MAiBvC,cAAA,EAAgB,KAAA,CAAM,EAAA,CACjC,KAAA,CAAM,cAAA,CAAe,cAAA;EAAA,MAkBV,aAAA,EAAe,KAAA,CAAM,EAAA,CAAG,kBAAA;AAAA"}

package/dist/components/chat/CopilotChatView.mjs

@@ -71,7 +71,7 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 		suggestions,
 		loadingIndexes: suggestionLoadingIndexes,
 		onSelectSuggestion,
-		className: "mb-3 lg:ml-4 lg:mr-4 ml-0 mr-0"
+		className: "cpk:mb-3 cpk:lg:ml-4 cpk:lg:mr-4 cpk:ml-0 cpk:mr-0"
 	}) : null;
 	const BoundScrollView = renderSlot(scrollView, CopilotChatView.ScrollView, {
 		autoScroll,
@@ -80,9 +80,9 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 		children: /* @__PURE__ */ jsx("div", {
 			style: { paddingBottom: `${inputContainerHeight + FEATHER_HEIGHT + (hasSuggestions ? 4 : 32)}px` },
 			children: /* @__PURE__ */ jsxs("div", {
-				className: "max-w-3xl mx-auto",
+				className: "cpk:max-w-3xl cpk:mx-auto",
 				children: [BoundMessageView, hasSuggestions ? /* @__PURE__ */ jsx("div", {
-					className: "pl-0 pr-4 sm:px-0 mt-4",
+					className: "cpk:pl-0 cpk:pr-4 cpk:sm:px-0 cpk:mt-4",
 					children: BoundSuggestionView
 				}) : null]
 			})
@@ -108,19 +108,25 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 			suggestionView: BoundSuggestionView ?? /* @__PURE__ */ jsx(Fragment, {})
 		});
 		return /* @__PURE__ */ jsx("div", {
-			className: twMerge("relative h-full flex flex-col", className),
+			"data-copilotkit": true,
+			className: twMerge("cpk:relative cpk:h-full cpk:flex cpk:flex-col", className),
 			...props,
 			children: BoundWelcomeScreen
 		});
 	}
-	if (children) return children({
-		messageView: BoundMessageView,
-		input: BoundInput,
-		scrollView: BoundScrollView,
-		suggestionView: BoundSuggestionView ?? /* @__PURE__ */ jsx(Fragment, {})
+	if (children) return /* @__PURE__ */ jsx("div", {
+		"data-copilotkit": true,
+		style: { display: "contents" },
+		children: children({
+			messageView: BoundMessageView,
+			input: BoundInput,
+			scrollView: BoundScrollView,
+			suggestionView: BoundSuggestionView ?? /* @__PURE__ */ jsx(Fragment, {})
+		})
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		className: twMerge("relative h-full", className),
+		"data-copilotkit": true,
+		className: twMerge("cpk:relative cpk:h-full", className),
 		...props,
 		children: [BoundScrollView, BoundInput]
 	});
@@ -131,19 +137,19 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 		const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});
 		return /* @__PURE__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx(StickToBottom.Content, {
-				className: "overflow-y-scroll overflow-x-hidden",
+				className: "cpk:overflow-y-scroll cpk:overflow-x-hidden",
 				style: {
 					flex: "1 1 0%",
 					minHeight: 0
 				},
 				children: /* @__PURE__ */ jsx("div", {
-					className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6",
+					className: "cpk:px-4 cpk:sm:px-0 cpk:[div[data-sidebar-chat]_&]:px-8 cpk:[div[data-popup-chat]_&]:px-6",
 					children
 				})
 			}),
 			BoundFeather,
 			!isAtBottom && !isResizing && /* @__PURE__ */ jsx("div", {
-				className: "absolute inset-x-0 flex justify-center z-30 pointer-events-none",
+				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` },
 				children: renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, { onClick: () => scrollToBottom() })
 			})
@@ -173,9 +179,9 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 			};
 		}, [scrollRef, autoScroll]);
 		if (!hasMounted) return /* @__PURE__ */ jsx("div", {
-			className: "h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden",
+			className: "cpk:h-full cpk:max-h-full cpk:flex cpk:flex-col cpk:min-h-0 cpk:overflow-y-scroll cpk:overflow-x-hidden",
 			children: /* @__PURE__ */ jsx("div", {
-				className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6",
+				className: "cpk:px-4 cpk:sm:px-0 cpk:[div[data-sidebar-chat]_&]:px-8 cpk:[div[data-popup-chat]_&]:px-6",
 				children
 			})
 		});
@@ -183,17 +189,17 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 			const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});
 			return /* @__PURE__ */ jsxs("div", {
 				ref: scrollRef,
-				className: cn("h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden relative", className),
+				className: cn("cpk:h-full cpk:max-h-full cpk:flex cpk:flex-col cpk:min-h-0 cpk:overflow-y-scroll cpk:overflow-x-hidden cpk:relative", className),
 				...props,
 				children: [
 					/* @__PURE__ */ jsx("div", {
 						ref: contentRef,
-						className: "px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6",
+						className: "cpk:px-4 cpk:sm:px-0 cpk:[div[data-sidebar-chat]_&]:px-8 cpk:[div[data-popup-chat]_&]:px-6",
 						children
 					}),
 					BoundFeather,
 					showScrollButton && !isResizing && /* @__PURE__ */ jsx("div", {
-						className: "absolute inset-x-0 flex justify-center z-30 pointer-events-none",
+						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` },
 						children: renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, { onClick: () => scrollToBottom() })
 					})
@@ -201,7 +207,7 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 			});
 		}
 		return /* @__PURE__ */ jsx(StickToBottom, {
-			className: cn("h-full max-h-full flex flex-col min-h-0 relative", className),
+			className: cn("cpk:h-full cpk:max-h-full cpk:flex cpk:flex-col cpk:min-h-0 cpk:relative", className),
 			resize: "smooth",
 			initial: "smooth",
 			...props,
@@ -217,48 +223,52 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 	_CopilotChatView.ScrollToBottomButton = ({ className, ...props }) => /* @__PURE__ */ jsx(Button, {
 		variant: "outline",
 		size: "sm",
-		className: twMerge("rounded-full w-10 h-10 p-0 pointer-events-auto", "bg-white dark:bg-gray-900", "shadow-lg border border-gray-200 dark:border-gray-700", "hover:bg-gray-50 dark:hover:bg-gray-800", "flex items-center justify-center cursor-pointer", className),
+		className: twMerge("cpk:rounded-full cpk:w-10 cpk:h-10 cpk:p-0 cpk:pointer-events-auto", "cpk:bg-white cpk:dark:bg-gray-900", "cpk:shadow-lg cpk:border cpk:border-gray-200 cpk:dark:border-gray-700", "cpk:hover:bg-gray-50 cpk:dark:hover:bg-gray-800", "cpk:flex cpk:items-center cpk:justify-center cpk:cursor-pointer", className),
 		...props,
-		children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4 text-gray-600 dark:text-white" })
+		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("absolute bottom-0 left-0 right-4 h-24 pointer-events-none z-10 bg-gradient-to-t", "from-white via-white to-transparent", "dark:from-[rgb(33,33,33)] dark:via-[rgb(33,33,33)]", className),
+		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,
 		...props
 	});
 	_CopilotChatView.WelcomeMessage = ({ className, ...props }) => {
 		const labels = useCopilotChatConfiguration()?.labels ?? CopilotChatDefaultLabels;
 		return /* @__PURE__ */ jsx("h1", {
-			className: cn("text-xl sm:text-2xl font-medium text-foreground text-center", className),
+			className: cn("cpk:text-xl cpk:sm:text-2xl cpk:font-medium cpk:text-foreground cpk:text-center", className),
 			...props,
 			children: labels.welcomeMessageText
 		});
 	};
 	_CopilotChatView.WelcomeScreen = ({ welcomeMessage, input, suggestionView, className, children, ...props }) => {
 		const BoundWelcomeMessage = renderSlot(welcomeMessage, CopilotChatView.WelcomeMessage, {});
-		if (children) return /* @__PURE__ */ jsx(Fragment, { children: children({
-			welcomeMessage: BoundWelcomeMessage,
-			input,
-			suggestionView,
-			className,
-			...props
-		}) });
+		if (children) return /* @__PURE__ */ jsx("div", {
+			"data-copilotkit": true,
+			style: { display: "contents" },
+			children: children({
+				welcomeMessage: BoundWelcomeMessage,
+				input,
+				suggestionView,
+				className,
+				...props
+			})
+		});
 		return /* @__PURE__ */ jsx("div", {
-			className: cn("flex-1 flex flex-col items-center justify-center px-4", className),
+			className: cn("cpk:flex-1 cpk:flex cpk:flex-col cpk:items-center cpk:justify-center cpk:px-4", className),
 			...props,
 			children: /* @__PURE__ */ jsxs("div", {
-				className: "w-full max-w-3xl flex flex-col items-center",
+				className: "cpk:w-full cpk:max-w-3xl cpk:flex cpk:flex-col cpk:items-center",
 				children: [
 					/* @__PURE__ */ jsx("div", {
-						className: "mb-6",
+						className: "cpk:mb-6",
 						children: BoundWelcomeMessage
 					}),
 					/* @__PURE__ */ jsx("div", {
-						className: "w-full",
+						className: "cpk:w-full",
 						children: input
 					}),
 					/* @__PURE__ */ jsx("div", {
-						className: "mt-4 flex justify-center",
+						className: "cpk:mt-4 cpk:flex cpk:justify-center",
 						children: suggestionView
 					})
 				]

package/dist/components/chat/CopilotChatView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatView.mjs","names":["CopilotChatInput"],"sources":["../../../src/components/chat/CopilotChatView.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\nimport { WithSlots, SlotValue, renderSlot } from \"@/lib/slots\";\nimport CopilotChatMessageView from \"./CopilotChatMessageView\";\nimport CopilotChatInput, {\n  CopilotChatInputProps,\n  CopilotChatInputMode,\n} from \"./CopilotChatInput\";\nimport CopilotChatSuggestionView, {\n  CopilotChatSuggestionViewProps,\n} from \"./CopilotChatSuggestionView\";\nimport { Suggestion } from \"@copilotkitnext/core\";\nimport { Message } from \"@ag-ui/core\";\nimport { twMerge } from \"tailwind-merge\";\nimport {\n  StickToBottom,\n  useStickToBottom,\n  useStickToBottomContext,\n} from \"use-stick-to-bottom\";\nimport { ChevronDown } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  useCopilotChatConfiguration,\n  CopilotChatDefaultLabels,\n} from \"@/providers/CopilotChatConfigurationProvider\";\nimport { useKeyboardHeight } from \"@/hooks/use-keyboard-height\";\n\n// Height of the feather gradient overlay (h-24 = 6rem = 96px)\nconst FEATHER_HEIGHT = 96;\n\n// Forward declaration for WelcomeScreen component type\nexport type WelcomeScreenProps = WithSlots<\n  {\n    welcomeMessage: React.FC<React.HTMLAttributes<HTMLDivElement>>;\n  },\n  {\n    input: React.ReactElement;\n    suggestionView: React.ReactElement;\n  } & React.HTMLAttributes<HTMLDivElement>\n>;\n\nexport type CopilotChatViewProps = WithSlots<\n  {\n    messageView: typeof CopilotChatMessageView;\n    scrollView: typeof CopilotChatView.ScrollView;\n    input: typeof CopilotChatInput;\n    suggestionView: typeof CopilotChatSuggestionView;\n  },\n  {\n    messages?: Message[];\n    autoScroll?: boolean;\n    isRunning?: boolean;\n    suggestions?: Suggestion[];\n    suggestionLoadingIndexes?: ReadonlyArray<number>;\n    onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;\n    welcomeScreen?: SlotValue<React.FC<WelcomeScreenProps>> | boolean;\n    // Input behavior props\n    onSubmitMessage?: (value: string) => void;\n    onStop?: () => void;\n    inputMode?: CopilotChatInputMode;\n    inputValue?: string;\n    onInputChange?: (value: string) => void;\n    onStartTranscribe?: () => void;\n    onCancelTranscribe?: () => void;\n    onFinishTranscribe?: () => void;\n    onFinishTranscribeWithAudio?: (audioBlob: Blob) => Promise<void>;\n  } & React.HTMLAttributes<HTMLDivElement>\n>;\n\nexport function CopilotChatView({\n  messageView,\n  input,\n  scrollView,\n  suggestionView,\n  welcomeScreen,\n  messages = [],\n  autoScroll = true,\n  isRunning = false,\n  suggestions,\n  suggestionLoadingIndexes,\n  onSelectSuggestion,\n  // Input behavior props\n  onSubmitMessage,\n  onStop,\n  inputMode,\n  inputValue,\n  onInputChange,\n  onStartTranscribe,\n  onCancelTranscribe,\n  onFinishTranscribe,\n  onFinishTranscribeWithAudio,\n  children,\n  className,\n  ...props\n}: CopilotChatViewProps) {\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const [inputContainerHeight, setInputContainerHeight] = useState(0);\n  const [isResizing, setIsResizing] = useState(false);\n  const resizeTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  // Track keyboard state for mobile\n  const { isKeyboardOpen, keyboardHeight, availableHeight } =\n    useKeyboardHeight();\n\n  // Track input container height changes\n  useEffect(() => {\n    const element = inputContainerRef.current;\n    if (!element) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newHeight = entry.contentRect.height;\n\n        // Update height and set resizing state\n        setInputContainerHeight((prevHeight) => {\n          if (newHeight !== prevHeight) {\n            setIsResizing(true);\n\n            // Clear existing timeout\n            if (resizeTimeoutRef.current) {\n              clearTimeout(resizeTimeoutRef.current);\n            }\n\n            // Set isResizing to false after a short delay\n            resizeTimeoutRef.current = setTimeout(() => {\n              setIsResizing(false);\n            }, 250);\n\n            return newHeight;\n          }\n          return prevHeight;\n        });\n      }\n    });\n\n    resizeObserver.observe(element);\n\n    // Set initial height\n    setInputContainerHeight(element.offsetHeight);\n\n    return () => {\n      resizeObserver.disconnect();\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const BoundMessageView = renderSlot(messageView, CopilotChatMessageView, {\n    messages,\n    isRunning,\n  });\n\n  const BoundInput = renderSlot(input, CopilotChatInput, {\n    onSubmitMessage,\n    onStop,\n    mode: inputMode,\n    value: inputValue,\n    onChange: onInputChange,\n    isRunning,\n    onStartTranscribe,\n    onCancelTranscribe,\n    onFinishTranscribe,\n    onFinishTranscribeWithAudio,\n    positioning: \"absolute\",\n    keyboardHeight: isKeyboardOpen ? keyboardHeight : 0,\n    containerRef: inputContainerRef,\n    showDisclaimer: true,\n  } as CopilotChatInputProps);\n\n  const hasSuggestions = Array.isArray(suggestions) && suggestions.length > 0;\n  const BoundSuggestionView = hasSuggestions\n    ? renderSlot(suggestionView, CopilotChatSuggestionView, {\n        suggestions,\n        loadingIndexes: suggestionLoadingIndexes,\n        onSelectSuggestion,\n        className: \"mb-3 lg:ml-4 lg:mr-4 ml-0 mr-0\",\n      })\n    : null;\n\n  const BoundScrollView = renderSlot(scrollView, CopilotChatView.ScrollView, {\n    autoScroll,\n    inputContainerHeight,\n    isResizing,\n    children: (\n      <div\n        style={{\n          paddingBottom: `${inputContainerHeight + FEATHER_HEIGHT + (hasSuggestions ? 4 : 32)}px`,\n        }}\n      >\n        <div className=\"max-w-3xl mx-auto\">\n          {BoundMessageView}\n          {hasSuggestions ? (\n            <div className=\"pl-0 pr-4 sm:px-0 mt-4\">{BoundSuggestionView}</div>\n          ) : null}\n        </div>\n      </div>\n    ),\n  });\n\n  // Welcome screen logic\n  const isEmpty = messages.length === 0;\n  // Type assertion needed because TypeScript doesn't fully propagate `| boolean` through WithSlots\n  const welcomeScreenDisabled = (welcomeScreen as unknown) === false;\n  const shouldShowWelcomeScreen = isEmpty && !welcomeScreenDisabled;\n\n  if (shouldShowWelcomeScreen) {\n    // Create a separate input for welcome screen with static positioning and disclaimer visible\n    const BoundInputForWelcome = renderSlot(input, CopilotChatInput, {\n      onSubmitMessage,\n      onStop,\n      mode: inputMode,\n      value: inputValue,\n      onChange: onInputChange,\n      isRunning,\n      onStartTranscribe,\n      onCancelTranscribe,\n      onFinishTranscribe,\n      onFinishTranscribeWithAudio,\n      positioning: \"static\",\n      showDisclaimer: true,\n    } as CopilotChatInputProps);\n\n    // Convert boolean `true` to undefined (use default), and exclude `false` since we've checked for it\n    const welcomeScreenSlot = (\n      welcomeScreen === true ? undefined : welcomeScreen\n    ) as SlotValue<React.FC<WelcomeScreenProps>> | undefined;\n    const BoundWelcomeScreen = renderSlot(\n      welcomeScreenSlot,\n      CopilotChatView.WelcomeScreen,\n      {\n        input: BoundInputForWelcome,\n        suggestionView: BoundSuggestionView ?? <></>,\n      },\n    );\n\n    return (\n      <div\n        className={twMerge(\"relative h-full flex flex-col\", className)}\n        {...props}\n      >\n        {BoundWelcomeScreen}\n      </div>\n    );\n  }\n\n  if (children) {\n    return children({\n      messageView: BoundMessageView,\n      input: BoundInput,\n      scrollView: BoundScrollView,\n      suggestionView: BoundSuggestionView ?? <></>,\n    });\n  }\n\n  return (\n    <div className={twMerge(\"relative h-full\", className)} {...props}>\n      {BoundScrollView}\n\n      {BoundInput}\n    </div>\n  );\n}\n\nexport namespace CopilotChatView {\n  // Inner component that has access to StickToBottom context\n  const ScrollContent: React.FC<{\n    children: React.ReactNode;\n    scrollToBottomButton?: SlotValue<\n      React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>\n    >;\n    feather?: SlotValue<React.FC<React.HTMLAttributes<HTMLDivElement>>>;\n    inputContainerHeight: number;\n    isResizing: boolean;\n  }> = ({\n    children,\n    scrollToBottomButton,\n    feather,\n    inputContainerHeight,\n    isResizing,\n  }) => {\n    const { isAtBottom, scrollToBottom } = useStickToBottomContext();\n\n    const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});\n\n    return (\n      <>\n        <StickToBottom.Content\n          className=\"overflow-y-scroll overflow-x-hidden\"\n          style={{ flex: \"1 1 0%\", minHeight: 0 }}\n        >\n          <div className=\"px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6\">\n            {children}\n          </div>\n        </StickToBottom.Content>\n\n        {/* Feather gradient overlay */}\n        {BoundFeather}\n\n        {/* Scroll to bottom button - hidden during resize */}\n        {!isAtBottom && !isResizing && (\n          <div\n            className=\"absolute inset-x-0 flex justify-center z-30 pointer-events-none\"\n            style={{\n              bottom: `${inputContainerHeight + FEATHER_HEIGHT + 16}px`,\n            }}\n          >\n            {renderSlot(\n              scrollToBottomButton,\n              CopilotChatView.ScrollToBottomButton,\n              {\n                onClick: () => scrollToBottom(),\n              },\n            )}\n          </div>\n        )}\n      </>\n    );\n  };\n\n  export const ScrollView: React.FC<\n    React.HTMLAttributes<HTMLDivElement> & {\n      autoScroll?: boolean;\n      scrollToBottomButton?: SlotValue<\n        React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>\n      >;\n      feather?: SlotValue<React.FC<React.HTMLAttributes<HTMLDivElement>>>;\n      inputContainerHeight?: number;\n      isResizing?: boolean;\n    }\n  > = ({\n    children,\n    autoScroll = true,\n    scrollToBottomButton,\n    feather,\n    inputContainerHeight = 0,\n    isResizing = false,\n    className,\n    ...props\n  }) => {\n    const [hasMounted, setHasMounted] = useState(false);\n    const { scrollRef, contentRef, scrollToBottom } = useStickToBottom();\n    const [showScrollButton, setShowScrollButton] = useState(false);\n\n    useEffect(() => {\n      setHasMounted(true);\n    }, []);\n\n    // Monitor scroll position for non-autoscroll mode\n    useEffect(() => {\n      if (autoScroll) return; // Skip for autoscroll mode\n\n      const scrollElement = scrollRef.current;\n      if (!scrollElement) return;\n\n      const checkScroll = () => {\n        const atBottom =\n          scrollElement.scrollHeight -\n            scrollElement.scrollTop -\n            scrollElement.clientHeight <\n          10;\n        setShowScrollButton(!atBottom);\n      };\n\n      checkScroll();\n      scrollElement.addEventListener(\"scroll\", checkScroll);\n\n      // Also check on resize\n      const resizeObserver = new ResizeObserver(checkScroll);\n      resizeObserver.observe(scrollElement);\n\n      return () => {\n        scrollElement.removeEventListener(\"scroll\", checkScroll);\n        resizeObserver.disconnect();\n      };\n    }, [scrollRef, autoScroll]);\n\n    if (!hasMounted) {\n      return (\n        <div className=\"h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden\">\n          <div className=\"px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6\">\n            {children}\n          </div>\n        </div>\n      );\n    }\n\n    // When autoScroll is false, we don't use StickToBottom\n    if (!autoScroll) {\n      const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});\n\n      return (\n        <div\n          ref={scrollRef}\n          className={cn(\n            \"h-full max-h-full flex flex-col min-h-0 overflow-y-scroll overflow-x-hidden relative\",\n            className,\n          )}\n          {...props}\n        >\n          <div\n            ref={contentRef}\n            className=\"px-4 sm:px-0 [div[data-sidebar-chat]_&]:px-8 [div[data-popup-chat]_&]:px-6\"\n          >\n            {children}\n          </div>\n\n          {/* Feather gradient overlay */}\n          {BoundFeather}\n\n          {/* Scroll to bottom button for manual mode */}\n          {showScrollButton && !isResizing && (\n            <div\n              className=\"absolute inset-x-0 flex justify-center z-30 pointer-events-none\"\n              style={{\n                bottom: `${inputContainerHeight + FEATHER_HEIGHT + 16}px`,\n              }}\n            >\n              {renderSlot(\n                scrollToBottomButton,\n                CopilotChatView.ScrollToBottomButton,\n                {\n                  onClick: () => scrollToBottom(),\n                },\n              )}\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <StickToBottom\n        className={cn(\n          \"h-full max-h-full flex flex-col min-h-0 relative\",\n          className,\n        )}\n        resize=\"smooth\"\n        initial=\"smooth\"\n        {...props}\n      >\n        <ScrollContent\n          scrollToBottomButton={scrollToBottomButton}\n          feather={feather}\n          inputContainerHeight={inputContainerHeight}\n          isResizing={isResizing}\n        >\n          {children}\n        </ScrollContent>\n      </StickToBottom>\n    );\n  };\n\n  export const ScrollToBottomButton: React.FC<\n    React.ButtonHTMLAttributes<HTMLButtonElement>\n  > = ({ className, ...props }) => (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      className={twMerge(\n        \"rounded-full w-10 h-10 p-0 pointer-events-auto\",\n        \"bg-white dark:bg-gray-900\",\n        \"shadow-lg border border-gray-200 dark:border-gray-700\",\n        \"hover:bg-gray-50 dark:hover:bg-gray-800\",\n        \"flex items-center justify-center cursor-pointer\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDown className=\"w-4 h-4 text-gray-600 dark:text-white\" />\n    </Button>\n  );\n\n  export const Feather: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n    className,\n    style,\n    ...props\n  }) => (\n    <div\n      className={cn(\n        \"absolute bottom-0 left-0 right-4 h-24 pointer-events-none z-10 bg-gradient-to-t\",\n        \"from-white via-white to-transparent\",\n        \"dark:from-[rgb(33,33,33)] dark:via-[rgb(33,33,33)]\",\n        className,\n      )}\n      style={style}\n      {...props}\n    />\n  );\n\n  export const WelcomeMessage: React.FC<\n    React.HTMLAttributes<HTMLDivElement>\n  > = ({ className, ...props }) => {\n    const config = useCopilotChatConfiguration();\n    const labels = config?.labels ?? CopilotChatDefaultLabels;\n\n    return (\n      <h1\n        className={cn(\n          \"text-xl sm:text-2xl font-medium text-foreground text-center\",\n          className,\n        )}\n        {...props}\n      >\n        {labels.welcomeMessageText}\n      </h1>\n    );\n  };\n\n  export const WelcomeScreen: React.FC<WelcomeScreenProps> = ({\n    welcomeMessage,\n    input,\n    suggestionView,\n    className,\n    children,\n    ...props\n  }) => {\n    // Render the welcomeMessage slot internally\n    const BoundWelcomeMessage = renderSlot(\n      welcomeMessage,\n      CopilotChatView.WelcomeMessage,\n      {},\n    );\n\n    if (children) {\n      return (\n        <>\n          {children({\n            welcomeMessage: BoundWelcomeMessage,\n            input,\n            suggestionView,\n            className,\n            ...props,\n          })}\n        </>\n      );\n    }\n\n    return (\n      <div\n        className={cn(\n          \"flex-1 flex flex-col items-center justify-center px-4\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"w-full max-w-3xl flex flex-col items-center\">\n          {/* Welcome message */}\n          <div className=\"mb-6\">{BoundWelcomeMessage}</div>\n\n          {/* Input */}\n          <div className=\"w-full\">{input}</div>\n\n          {/* Suggestions */}\n          <div className=\"mt-4 flex justify-center\">{suggestionView}</div>\n        </div>\n      </div>\n    );\n  };\n}\n\nexport default CopilotChatView;\n"],"mappings":"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"}
+{"version":3,"file":"CopilotChatView.mjs","names":["CopilotChatInput"],"sources":["../../../src/components/chat/CopilotChatView.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\nimport { WithSlots, SlotValue, renderSlot } from \"@/lib/slots\";\nimport CopilotChatMessageView from \"./CopilotChatMessageView\";\nimport CopilotChatInput, {\n  CopilotChatInputProps,\n  CopilotChatInputMode,\n} from \"./CopilotChatInput\";\nimport CopilotChatSuggestionView, {\n  CopilotChatSuggestionViewProps,\n} from \"./CopilotChatSuggestionView\";\nimport { Suggestion } from \"@copilotkitnext/core\";\nimport { Message } from \"@ag-ui/core\";\nimport { twMerge } from \"tailwind-merge\";\nimport {\n  StickToBottom,\n  useStickToBottom,\n  useStickToBottomContext,\n} from \"use-stick-to-bottom\";\nimport { ChevronDown } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  useCopilotChatConfiguration,\n  CopilotChatDefaultLabels,\n} from \"@/providers/CopilotChatConfigurationProvider\";\nimport { useKeyboardHeight } from \"@/hooks/use-keyboard-height\";\n\n// Height of the feather gradient overlay (h-24 = 6rem = 96px)\nconst FEATHER_HEIGHT = 96;\n\n// Forward declaration for WelcomeScreen component type\nexport type WelcomeScreenProps = WithSlots<\n  {\n    welcomeMessage: React.FC<React.HTMLAttributes<HTMLDivElement>>;\n  },\n  {\n    input: React.ReactElement;\n    suggestionView: React.ReactElement;\n  } & React.HTMLAttributes<HTMLDivElement>\n>;\n\nexport type CopilotChatViewProps = WithSlots<\n  {\n    messageView: typeof CopilotChatMessageView;\n    scrollView: typeof CopilotChatView.ScrollView;\n    input: typeof CopilotChatInput;\n    suggestionView: typeof CopilotChatSuggestionView;\n  },\n  {\n    messages?: Message[];\n    autoScroll?: boolean;\n    isRunning?: boolean;\n    suggestions?: Suggestion[];\n    suggestionLoadingIndexes?: ReadonlyArray<number>;\n    onSelectSuggestion?: (suggestion: Suggestion, index: number) => void;\n    welcomeScreen?: SlotValue<React.FC<WelcomeScreenProps>> | boolean;\n    // Input behavior props\n    onSubmitMessage?: (value: string) => void;\n    onStop?: () => void;\n    inputMode?: CopilotChatInputMode;\n    inputValue?: string;\n    onInputChange?: (value: string) => void;\n    onStartTranscribe?: () => void;\n    onCancelTranscribe?: () => void;\n    onFinishTranscribe?: () => void;\n    onFinishTranscribeWithAudio?: (audioBlob: Blob) => Promise<void>;\n  } & React.HTMLAttributes<HTMLDivElement>\n>;\n\nexport function CopilotChatView({\n  messageView,\n  input,\n  scrollView,\n  suggestionView,\n  welcomeScreen,\n  messages = [],\n  autoScroll = true,\n  isRunning = false,\n  suggestions,\n  suggestionLoadingIndexes,\n  onSelectSuggestion,\n  // Input behavior props\n  onSubmitMessage,\n  onStop,\n  inputMode,\n  inputValue,\n  onInputChange,\n  onStartTranscribe,\n  onCancelTranscribe,\n  onFinishTranscribe,\n  onFinishTranscribeWithAudio,\n  children,\n  className,\n  ...props\n}: CopilotChatViewProps) {\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const [inputContainerHeight, setInputContainerHeight] = useState(0);\n  const [isResizing, setIsResizing] = useState(false);\n  const resizeTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  // Track keyboard state for mobile\n  const { isKeyboardOpen, keyboardHeight, availableHeight } =\n    useKeyboardHeight();\n\n  // Track input container height changes\n  useEffect(() => {\n    const element = inputContainerRef.current;\n    if (!element) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newHeight = entry.contentRect.height;\n\n        // Update height and set resizing state\n        setInputContainerHeight((prevHeight) => {\n          if (newHeight !== prevHeight) {\n            setIsResizing(true);\n\n            // Clear existing timeout\n            if (resizeTimeoutRef.current) {\n              clearTimeout(resizeTimeoutRef.current);\n            }\n\n            // Set isResizing to false after a short delay\n            resizeTimeoutRef.current = setTimeout(() => {\n              setIsResizing(false);\n            }, 250);\n\n            return newHeight;\n          }\n          return prevHeight;\n        });\n      }\n    });\n\n    resizeObserver.observe(element);\n\n    // Set initial height\n    setInputContainerHeight(element.offsetHeight);\n\n    return () => {\n      resizeObserver.disconnect();\n      if (resizeTimeoutRef.current) {\n        clearTimeout(resizeTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const BoundMessageView = renderSlot(messageView, CopilotChatMessageView, {\n    messages,\n    isRunning,\n  });\n\n  const BoundInput = renderSlot(input, CopilotChatInput, {\n    onSubmitMessage,\n    onStop,\n    mode: inputMode,\n    value: inputValue,\n    onChange: onInputChange,\n    isRunning,\n    onStartTranscribe,\n    onCancelTranscribe,\n    onFinishTranscribe,\n    onFinishTranscribeWithAudio,\n    positioning: \"absolute\",\n    keyboardHeight: isKeyboardOpen ? keyboardHeight : 0,\n    containerRef: inputContainerRef,\n    showDisclaimer: true,\n  } as CopilotChatInputProps);\n\n  const hasSuggestions = Array.isArray(suggestions) && suggestions.length > 0;\n  const BoundSuggestionView = hasSuggestions\n    ? renderSlot(suggestionView, CopilotChatSuggestionView, {\n        suggestions,\n        loadingIndexes: suggestionLoadingIndexes,\n        onSelectSuggestion,\n        className: \"cpk:mb-3 cpk:lg:ml-4 cpk:lg:mr-4 cpk:ml-0 cpk:mr-0\",\n      })\n    : null;\n\n  const BoundScrollView = renderSlot(scrollView, CopilotChatView.ScrollView, {\n    autoScroll,\n    inputContainerHeight,\n    isResizing,\n    children: (\n      <div\n        style={{\n          paddingBottom: `${inputContainerHeight + FEATHER_HEIGHT + (hasSuggestions ? 4 : 32)}px`,\n        }}\n      >\n        <div className=\"cpk:max-w-3xl cpk:mx-auto\">\n          {BoundMessageView}\n          {hasSuggestions ? (\n            <div className=\"cpk:pl-0 cpk:pr-4 cpk:sm:px-0 cpk:mt-4\">\n              {BoundSuggestionView}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    ),\n  });\n\n  // Welcome screen logic\n  const isEmpty = messages.length === 0;\n  // Type assertion needed because TypeScript doesn't fully propagate `| boolean` through WithSlots\n  const welcomeScreenDisabled = (welcomeScreen as unknown) === false;\n  const shouldShowWelcomeScreen = isEmpty && !welcomeScreenDisabled;\n\n  if (shouldShowWelcomeScreen) {\n    // Create a separate input for welcome screen with static positioning and disclaimer visible\n    const BoundInputForWelcome = renderSlot(input, CopilotChatInput, {\n      onSubmitMessage,\n      onStop,\n      mode: inputMode,\n      value: inputValue,\n      onChange: onInputChange,\n      isRunning,\n      onStartTranscribe,\n      onCancelTranscribe,\n      onFinishTranscribe,\n      onFinishTranscribeWithAudio,\n      positioning: \"static\",\n      showDisclaimer: true,\n    } as CopilotChatInputProps);\n\n    // Convert boolean `true` to undefined (use default), and exclude `false` since we've checked for it\n    const welcomeScreenSlot = (\n      welcomeScreen === true ? undefined : welcomeScreen\n    ) as SlotValue<React.FC<WelcomeScreenProps>> | undefined;\n    const BoundWelcomeScreen = renderSlot(\n      welcomeScreenSlot,\n      CopilotChatView.WelcomeScreen,\n      {\n        input: BoundInputForWelcome,\n        suggestionView: BoundSuggestionView ?? <></>,\n      },\n    );\n\n    return (\n      <div\n        data-copilotkit\n        className={twMerge(\n          \"cpk:relative cpk:h-full cpk:flex cpk:flex-col\",\n          className,\n        )}\n        {...props}\n      >\n        {BoundWelcomeScreen}\n      </div>\n    );\n  }\n\n  if (children) {\n    return (\n      <div data-copilotkit style={{ display: \"contents\" }}>\n        {children({\n          messageView: BoundMessageView,\n          input: BoundInput,\n          scrollView: BoundScrollView,\n          suggestionView: BoundSuggestionView ?? <></>,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-copilotkit\n      className={twMerge(\"cpk:relative cpk:h-full\", className)}\n      {...props}\n    >\n      {BoundScrollView}\n\n      {BoundInput}\n    </div>\n  );\n}\n\nexport namespace CopilotChatView {\n  // Inner component that has access to StickToBottom context\n  const ScrollContent: React.FC<{\n    children: React.ReactNode;\n    scrollToBottomButton?: SlotValue<\n      React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>\n    >;\n    feather?: SlotValue<React.FC<React.HTMLAttributes<HTMLDivElement>>>;\n    inputContainerHeight: number;\n    isResizing: boolean;\n  }> = ({\n    children,\n    scrollToBottomButton,\n    feather,\n    inputContainerHeight,\n    isResizing,\n  }) => {\n    const { isAtBottom, scrollToBottom } = useStickToBottomContext();\n\n    const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});\n\n    return (\n      <>\n        <StickToBottom.Content\n          className=\"cpk:overflow-y-scroll cpk:overflow-x-hidden\"\n          style={{ flex: \"1 1 0%\", minHeight: 0 }}\n        >\n          <div className=\"cpk:px-4 cpk:sm:px-0 cpk:[div[data-sidebar-chat]_&]:px-8 cpk:[div[data-popup-chat]_&]:px-6\">\n            {children}\n          </div>\n        </StickToBottom.Content>\n\n        {/* Feather gradient overlay */}\n        {BoundFeather}\n\n        {/* Scroll to bottom button - hidden during resize */}\n        {!isAtBottom && !isResizing && (\n          <div\n            className=\"cpk:absolute cpk:inset-x-0 cpk:flex cpk:justify-center cpk:z-30 cpk:pointer-events-none\"\n            style={{\n              bottom: `${inputContainerHeight + FEATHER_HEIGHT + 16}px`,\n            }}\n          >\n            {renderSlot(\n              scrollToBottomButton,\n              CopilotChatView.ScrollToBottomButton,\n              {\n                onClick: () => scrollToBottom(),\n              },\n            )}\n          </div>\n        )}\n      </>\n    );\n  };\n\n  export const ScrollView: React.FC<\n    React.HTMLAttributes<HTMLDivElement> & {\n      autoScroll?: boolean;\n      scrollToBottomButton?: SlotValue<\n        React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>\n      >;\n      feather?: SlotValue<React.FC<React.HTMLAttributes<HTMLDivElement>>>;\n      inputContainerHeight?: number;\n      isResizing?: boolean;\n    }\n  > = ({\n    children,\n    autoScroll = true,\n    scrollToBottomButton,\n    feather,\n    inputContainerHeight = 0,\n    isResizing = false,\n    className,\n    ...props\n  }) => {\n    const [hasMounted, setHasMounted] = useState(false);\n    const { scrollRef, contentRef, scrollToBottom } = useStickToBottom();\n    const [showScrollButton, setShowScrollButton] = useState(false);\n\n    useEffect(() => {\n      setHasMounted(true);\n    }, []);\n\n    // Monitor scroll position for non-autoscroll mode\n    useEffect(() => {\n      if (autoScroll) return; // Skip for autoscroll mode\n\n      const scrollElement = scrollRef.current;\n      if (!scrollElement) return;\n\n      const checkScroll = () => {\n        const atBottom =\n          scrollElement.scrollHeight -\n            scrollElement.scrollTop -\n            scrollElement.clientHeight <\n          10;\n        setShowScrollButton(!atBottom);\n      };\n\n      checkScroll();\n      scrollElement.addEventListener(\"scroll\", checkScroll);\n\n      // Also check on resize\n      const resizeObserver = new ResizeObserver(checkScroll);\n      resizeObserver.observe(scrollElement);\n\n      return () => {\n        scrollElement.removeEventListener(\"scroll\", checkScroll);\n        resizeObserver.disconnect();\n      };\n    }, [scrollRef, autoScroll]);\n\n    if (!hasMounted) {\n      return (\n        <div className=\"cpk:h-full cpk:max-h-full cpk:flex cpk:flex-col cpk:min-h-0 cpk:overflow-y-scroll cpk:overflow-x-hidden\">\n          <div className=\"cpk:px-4 cpk:sm:px-0 cpk:[div[data-sidebar-chat]_&]:px-8 cpk:[div[data-popup-chat]_&]:px-6\">\n            {children}\n          </div>\n        </div>\n      );\n    }\n\n    // When autoScroll is false, we don't use StickToBottom\n    if (!autoScroll) {\n      const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});\n\n      return (\n        <div\n          ref={scrollRef}\n          className={cn(\n            \"cpk:h-full cpk:max-h-full cpk:flex cpk:flex-col cpk:min-h-0 cpk:overflow-y-scroll cpk:overflow-x-hidden cpk:relative\",\n            className,\n          )}\n          {...props}\n        >\n          <div\n            ref={contentRef}\n            className=\"cpk:px-4 cpk:sm:px-0 cpk:[div[data-sidebar-chat]_&]:px-8 cpk:[div[data-popup-chat]_&]:px-6\"\n          >\n            {children}\n          </div>\n\n          {/* Feather gradient overlay */}\n          {BoundFeather}\n\n          {/* Scroll to bottom button for manual mode */}\n          {showScrollButton && !isResizing && (\n            <div\n              className=\"cpk:absolute cpk:inset-x-0 cpk:flex cpk:justify-center cpk:z-30 cpk:pointer-events-none\"\n              style={{\n                bottom: `${inputContainerHeight + FEATHER_HEIGHT + 16}px`,\n              }}\n            >\n              {renderSlot(\n                scrollToBottomButton,\n                CopilotChatView.ScrollToBottomButton,\n                {\n                  onClick: () => scrollToBottom(),\n                },\n              )}\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <StickToBottom\n        className={cn(\n          \"cpk:h-full cpk:max-h-full cpk:flex cpk:flex-col cpk:min-h-0 cpk:relative\",\n          className,\n        )}\n        resize=\"smooth\"\n        initial=\"smooth\"\n        {...props}\n      >\n        <ScrollContent\n          scrollToBottomButton={scrollToBottomButton}\n          feather={feather}\n          inputContainerHeight={inputContainerHeight}\n          isResizing={isResizing}\n        >\n          {children}\n        </ScrollContent>\n      </StickToBottom>\n    );\n  };\n\n  export const ScrollToBottomButton: React.FC<\n    React.ButtonHTMLAttributes<HTMLButtonElement>\n  > = ({ className, ...props }) => (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      className={twMerge(\n        \"cpk:rounded-full cpk:w-10 cpk:h-10 cpk:p-0 cpk:pointer-events-auto\",\n        \"cpk:bg-white cpk:dark:bg-gray-900\",\n        \"cpk:shadow-lg cpk:border cpk:border-gray-200 cpk:dark:border-gray-700\",\n        \"cpk:hover:bg-gray-50 cpk:dark:hover:bg-gray-800\",\n        \"cpk:flex cpk:items-center cpk:justify-center cpk:cursor-pointer\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDown className=\"cpk:w-4 cpk:h-4 cpk:text-gray-600 cpk:dark:text-white\" />\n    </Button>\n  );\n\n  export const Feather: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n    className,\n    style,\n    ...props\n  }) => (\n    <div\n      className={cn(\n        \"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\",\n        \"cpk:from-white cpk:via-white cpk:to-transparent\",\n        \"cpk:dark:from-[rgb(33,33,33)] cpk:dark:via-[rgb(33,33,33)]\",\n        className,\n      )}\n      style={style}\n      {...props}\n    />\n  );\n\n  export const WelcomeMessage: React.FC<\n    React.HTMLAttributes<HTMLDivElement>\n  > = ({ className, ...props }) => {\n    const config = useCopilotChatConfiguration();\n    const labels = config?.labels ?? CopilotChatDefaultLabels;\n\n    return (\n      <h1\n        className={cn(\n          \"cpk:text-xl cpk:sm:text-2xl cpk:font-medium cpk:text-foreground cpk:text-center\",\n          className,\n        )}\n        {...props}\n      >\n        {labels.welcomeMessageText}\n      </h1>\n    );\n  };\n\n  export const WelcomeScreen: React.FC<WelcomeScreenProps> = ({\n    welcomeMessage,\n    input,\n    suggestionView,\n    className,\n    children,\n    ...props\n  }) => {\n    // Render the welcomeMessage slot internally\n    const BoundWelcomeMessage = renderSlot(\n      welcomeMessage,\n      CopilotChatView.WelcomeMessage,\n      {},\n    );\n\n    if (children) {\n      return (\n        <div data-copilotkit style={{ display: \"contents\" }}>\n          {children({\n            welcomeMessage: BoundWelcomeMessage,\n            input,\n            suggestionView,\n            className,\n            ...props,\n          })}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={cn(\n          \"cpk:flex-1 cpk:flex cpk:flex-col cpk:items-center cpk:justify-center cpk:px-4\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"cpk:w-full cpk:max-w-3xl cpk:flex cpk:flex-col cpk:items-center\">\n          {/* Welcome message */}\n          <div className=\"cpk:mb-6\">{BoundWelcomeMessage}</div>\n\n          {/* Input */}\n          <div className=\"cpk:w-full\">{input}</div>\n\n          {/* Suggestions */}\n          <div className=\"cpk:mt-4 cpk:flex cpk:justify-center\">\n            {suggestionView}\n          </div>\n        </div>\n      </div>\n    );\n  };\n}\n\nexport default CopilotChatView;\n"],"mappings":"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"}

package/dist/components/chat/CopilotModalHeader.cjs

@@ -25,21 +25,21 @@ function CopilotModalHeader({ title, titleContent, closeButton, children, classN
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
 		"data-slot": "copilot-modal-header",
-		className: require_utils.cn("flex items-center justify-between border-b border-border px-4 py-4", "bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80", className),
+		className: require_utils.cn("cpk:flex cpk:items-center cpk:justify-between cpk:border-b cpk:border-border cpk:px-4 cpk:py-4", "cpk:bg-background/95 cpk:backdrop-blur cpk:supports-[backdrop-filter]:bg-background/80", className),
 		...rest,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex w-full items-center gap-2",
+			className: "cpk:flex cpk:w-full cpk:items-center cpk:gap-2",
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "flex-1",
+					className: "cpk:flex-1",
 					"aria-hidden": "true"
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "flex flex-1 justify-center text-center",
+					className: "cpk:flex cpk:flex-1 cpk:justify-center cpk:text-center",
 					children: BoundTitle
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "flex flex-1 justify-end",
+					className: "cpk:flex cpk:flex-1 cpk:justify-end",
 					children: BoundCloseButton
 				})
 			]
@@ -49,17 +49,17 @@ function CopilotModalHeader({ title, titleContent, closeButton, children, classN
 CopilotModalHeader.displayName = "CopilotModalHeader";
 (function(_CopilotModalHeader) {
 	_CopilotModalHeader.Title = ({ children, className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_utils.cn("w-full text-base font-medium leading-none tracking-tight text-foreground", className),
+		className: require_utils.cn("cpk:w-full cpk:text-base cpk:font-medium cpk:leading-none cpk:tracking-tight cpk:text-foreground", className),
 		...props,
 		children
 	});
 	_CopilotModalHeader.CloseButton = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 		type: "button",
-		className: require_utils.cn("inline-flex size-8 items-center justify-center rounded-full text-muted-foreground transition cursor-pointer", "hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className),
+		className: require_utils.cn("cpk:inline-flex cpk:size-8 cpk:items-center cpk:justify-center cpk:rounded-full cpk:text-muted-foreground cpk:transition cpk:cursor-pointer", "cpk:hover:bg-muted cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring", className),
 		"aria-label": "Close",
 		...props,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
-			className: "h-4 w-4",
+			className: "cpk:h-4 cpk:w-4",
 			"aria-hidden": "true"
 		})
 	});

package/dist/components/chat/CopilotModalHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotModalHeader.cjs","names":["useCopilotChatConfiguration","CopilotChatDefaultLabels","renderSlot","cn","X"],"sources":["../../../src/components/chat/CopilotModalHeader.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport {\n  useCopilotChatConfiguration,\n  CopilotChatDefaultLabels,\n} from \"@/providers/CopilotChatConfigurationProvider\";\nimport { renderSlot, WithSlots } from \"@/lib/slots\";\nimport { X } from \"lucide-react\";\n\ntype HeaderSlots = {\n  titleContent: typeof CopilotModalHeader.Title;\n  closeButton: typeof CopilotModalHeader.CloseButton;\n};\n\ntype HeaderRestProps = {\n  title?: string;\n} & Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">;\n\nexport type CopilotModalHeaderProps = WithSlots<HeaderSlots, HeaderRestProps>;\n\nexport function CopilotModalHeader({\n  title,\n  titleContent,\n  closeButton,\n  children,\n  className,\n  ...rest\n}: CopilotModalHeaderProps) {\n  const configuration = useCopilotChatConfiguration();\n\n  const fallbackTitle =\n    configuration?.labels.modalHeaderTitle ??\n    CopilotChatDefaultLabels.modalHeaderTitle;\n  const resolvedTitle = title ?? fallbackTitle;\n\n  const handleClose = useCallback(() => {\n    configuration?.setModalOpen?.(false);\n  }, [configuration]);\n\n  const BoundTitle = renderSlot(titleContent, CopilotModalHeader.Title, {\n    children: resolvedTitle,\n  });\n\n  const BoundCloseButton = renderSlot(\n    closeButton,\n    CopilotModalHeader.CloseButton,\n    {\n      onClick: handleClose,\n    },\n  );\n\n  if (children) {\n    return children({\n      titleContent: BoundTitle,\n      closeButton: BoundCloseButton,\n      title: resolvedTitle,\n      ...rest,\n    });\n  }\n\n  return (\n    <header\n      data-slot=\"copilot-modal-header\"\n      className={cn(\n        \"flex items-center justify-between border-b border-border px-4 py-4\",\n        \"bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80\",\n        className,\n      )}\n      {...rest}\n    >\n      <div className=\"flex w-full items-center gap-2\">\n        <div className=\"flex-1\" aria-hidden=\"true\" />\n        <div className=\"flex flex-1 justify-center text-center\">\n          {BoundTitle}\n        </div>\n        <div className=\"flex flex-1 justify-end\">{BoundCloseButton}</div>\n      </div>\n    </header>\n  );\n}\n\nCopilotModalHeader.displayName = \"CopilotModalHeader\";\n\nexport namespace CopilotModalHeader {\n  export const Title: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n    children,\n    className,\n    ...props\n  }) => (\n    <div\n      className={cn(\n        \"w-full text-base font-medium leading-none tracking-tight text-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n\n  export const CloseButton: React.FC<\n    React.ButtonHTMLAttributes<HTMLButtonElement>\n  > = ({ className, ...props }) => (\n    <button\n      type=\"button\"\n      className={cn(\n        \"inline-flex size-8 items-center justify-center rounded-full text-muted-foreground transition cursor-pointer\",\n        \"hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        className,\n      )}\n      aria-label=\"Close\"\n      {...props}\n    >\n      <X className=\"h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n  );\n}\n\nCopilotModalHeader.Title.displayName = \"CopilotModalHeader.Title\";\nCopilotModalHeader.CloseButton.displayName = \"CopilotModalHeader.CloseButton\";\n\nexport default CopilotModalHeader;\n"],"mappings":";;;;;;;;;;AAqBA,SAAgB,mBAAmB,EACjC,OACA,cACA,aACA,UACA,WACA,GAAG,QACuB;CAC1B,MAAM,gBAAgBA,sEAA6B;CAEnD,MAAM,gBACJ,eAAe,OAAO,oBACtBC,kEAAyB;CAC3B,MAAM,gBAAgB,SAAS;CAE/B,MAAM,2CAAgC;AACpC,iBAAe,eAAe,MAAM;IACnC,CAAC,cAAc,CAAC;CAEnB,MAAM,aAAaC,yBAAW,cAAc,mBAAmB,OAAO,EACpE,UAAU,eACX,CAAC;CAEF,MAAM,mBAAmBA,yBACvB,aACA,mBAAmB,aACnB,EACE,SAAS,aACV,CACF;AAED,KAAI,SACF,QAAO,SAAS;EACd,cAAc;EACd,aAAa;EACb,OAAO;EACP,GAAG;EACJ,CAAC;AAGJ,QACE,2CAAC;EACC,aAAU;EACV,WAAWC,iBACT,sEACA,8EACA,UACD;EACD,GAAI;YAEJ,4CAAC;GAAI,WAAU;;IACb,2CAAC;KAAI,WAAU;KAAS,eAAY;MAAS;IAC7C,2CAAC;KAAI,WAAU;eACZ;MACG;IACN,2CAAC;KAAI,WAAU;eAA2B;MAAuB;;IAC7D;GACC;;AAIb,mBAAmB,cAAc;;8BAGuC,EACpE,UACA,WACA,GAAG,YAEH,2CAAC;EACC,WAAWA,iBACT,4EACA,UACD;EACD,GAAI;EAEH;GACG;oCAKH,EAAE,WAAW,GAAG,YACnB,2CAAC;EACC,MAAK;EACL,WAAWA,iBACT,+GACA,gHACA,UACD;EACD,cAAW;EACX,GAAI;YAEJ,2CAACC;GAAE,WAAU;GAAU,eAAY;IAAS;GACrC;;AAIb,mBAAmB,MAAM,cAAc;AACvC,mBAAmB,YAAY,cAAc"}
+{"version":3,"file":"CopilotModalHeader.cjs","names":["useCopilotChatConfiguration","CopilotChatDefaultLabels","renderSlot","cn","X"],"sources":["../../../src/components/chat/CopilotModalHeader.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport {\n  useCopilotChatConfiguration,\n  CopilotChatDefaultLabels,\n} from \"@/providers/CopilotChatConfigurationProvider\";\nimport { renderSlot, WithSlots } from \"@/lib/slots\";\nimport { X } from \"lucide-react\";\n\ntype HeaderSlots = {\n  titleContent: typeof CopilotModalHeader.Title;\n  closeButton: typeof CopilotModalHeader.CloseButton;\n};\n\ntype HeaderRestProps = {\n  title?: string;\n} & Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">;\n\nexport type CopilotModalHeaderProps = WithSlots<HeaderSlots, HeaderRestProps>;\n\nexport function CopilotModalHeader({\n  title,\n  titleContent,\n  closeButton,\n  children,\n  className,\n  ...rest\n}: CopilotModalHeaderProps) {\n  const configuration = useCopilotChatConfiguration();\n\n  const fallbackTitle =\n    configuration?.labels.modalHeaderTitle ??\n    CopilotChatDefaultLabels.modalHeaderTitle;\n  const resolvedTitle = title ?? fallbackTitle;\n\n  const handleClose = useCallback(() => {\n    configuration?.setModalOpen?.(false);\n  }, [configuration]);\n\n  const BoundTitle = renderSlot(titleContent, CopilotModalHeader.Title, {\n    children: resolvedTitle,\n  });\n\n  const BoundCloseButton = renderSlot(\n    closeButton,\n    CopilotModalHeader.CloseButton,\n    {\n      onClick: handleClose,\n    },\n  );\n\n  if (children) {\n    return children({\n      titleContent: BoundTitle,\n      closeButton: BoundCloseButton,\n      title: resolvedTitle,\n      ...rest,\n    });\n  }\n\n  return (\n    <header\n      data-slot=\"copilot-modal-header\"\n      className={cn(\n        \"cpk:flex cpk:items-center cpk:justify-between cpk:border-b cpk:border-border cpk:px-4 cpk:py-4\",\n        \"cpk:bg-background/95 cpk:backdrop-blur cpk:supports-[backdrop-filter]:bg-background/80\",\n        className,\n      )}\n      {...rest}\n    >\n      <div className=\"cpk:flex cpk:w-full cpk:items-center cpk:gap-2\">\n        <div className=\"cpk:flex-1\" aria-hidden=\"true\" />\n        <div className=\"cpk:flex cpk:flex-1 cpk:justify-center cpk:text-center\">\n          {BoundTitle}\n        </div>\n        <div className=\"cpk:flex cpk:flex-1 cpk:justify-end\">\n          {BoundCloseButton}\n        </div>\n      </div>\n    </header>\n  );\n}\n\nCopilotModalHeader.displayName = \"CopilotModalHeader\";\n\nexport namespace CopilotModalHeader {\n  export const Title: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n    children,\n    className,\n    ...props\n  }) => (\n    <div\n      className={cn(\n        \"cpk:w-full cpk:text-base cpk:font-medium cpk:leading-none cpk:tracking-tight cpk:text-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n\n  export const CloseButton: React.FC<\n    React.ButtonHTMLAttributes<HTMLButtonElement>\n  > = ({ className, ...props }) => (\n    <button\n      type=\"button\"\n      className={cn(\n        \"cpk:inline-flex cpk:size-8 cpk:items-center cpk:justify-center cpk:rounded-full cpk:text-muted-foreground cpk:transition cpk:cursor-pointer\",\n        \"cpk:hover:bg-muted cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring\",\n        className,\n      )}\n      aria-label=\"Close\"\n      {...props}\n    >\n      <X className=\"cpk:h-4 cpk:w-4\" aria-hidden=\"true\" />\n    </button>\n  );\n}\n\nCopilotModalHeader.Title.displayName = \"CopilotModalHeader.Title\";\nCopilotModalHeader.CloseButton.displayName = \"CopilotModalHeader.CloseButton\";\n\nexport default CopilotModalHeader;\n"],"mappings":";;;;;;;;;;AAqBA,SAAgB,mBAAmB,EACjC,OACA,cACA,aACA,UACA,WACA,GAAG,QACuB;CAC1B,MAAM,gBAAgBA,sEAA6B;CAEnD,MAAM,gBACJ,eAAe,OAAO,oBACtBC,kEAAyB;CAC3B,MAAM,gBAAgB,SAAS;CAE/B,MAAM,2CAAgC;AACpC,iBAAe,eAAe,MAAM;IACnC,CAAC,cAAc,CAAC;CAEnB,MAAM,aAAaC,yBAAW,cAAc,mBAAmB,OAAO,EACpE,UAAU,eACX,CAAC;CAEF,MAAM,mBAAmBA,yBACvB,aACA,mBAAmB,aACnB,EACE,SAAS,aACV,CACF;AAED,KAAI,SACF,QAAO,SAAS;EACd,cAAc;EACd,aAAa;EACb,OAAO;EACP,GAAG;EACJ,CAAC;AAGJ,QACE,2CAAC;EACC,aAAU;EACV,WAAWC,iBACT,kGACA,0FACA,UACD;EACD,GAAI;YAEJ,4CAAC;GAAI,WAAU;;IACb,2CAAC;KAAI,WAAU;KAAa,eAAY;MAAS;IACjD,2CAAC;KAAI,WAAU;eACZ;MACG;IACN,2CAAC;KAAI,WAAU;eACZ;MACG;;IACF;GACC;;AAIb,mBAAmB,cAAc;;8BAGuC,EACpE,UACA,WACA,GAAG,YAEH,2CAAC;EACC,WAAWA,iBACT,oGACA,UACD;EACD,GAAI;EAEH;GACG;oCAKH,EAAE,WAAW,GAAG,YACnB,2CAAC;EACC,MAAK;EACL,WAAWA,iBACT,+IACA,oIACA,UACD;EACD,cAAW;EACX,GAAI;YAEJ,2CAACC;GAAE,WAAU;GAAkB,eAAY;IAAS;GAC7C;;AAIb,mBAAmB,MAAM,cAAc;AACvC,mBAAmB,YAAY,cAAc"}

package/dist/components/chat/CopilotModalHeader.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotModalHeader.d.cts","names":[],"sources":["../../../src/components/chat/CopilotModalHeader.tsx"],"mappings":";;;;;KAUK,WAAA;EACH,YAAA,SAAqB,kBAAA,CAAmB,KAAA;EACxC,WAAA,SAAoB,kBAAA,CAAmB,WAAA;AAAA;AAAA,KAGpC,eAAA;EACH,KAAA;AAAA,IACE,IAAA,CAAK,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,KAElB,uBAAA,GAA0B,SAAA,CAAU,WAAA,EAAa,eAAA;AAAA,iBAE7C,kBAAA,CAAA;EACd,KAAA;EACA,YAAA;EACA,WAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,uBAAA,wCAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA;AAAA,kBAPV,kBAAA;EAAA,IAAkB,WAAA;AAAA;AAAA,kBA+DjB,kBAAA;EAAA,MACF,KAAA,EAAO,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,cAAA,CAAe,cAAA;EAAA,MAgBrC,WAAA,EAAa,KAAA,CAAM,EAAA,CAC9B,KAAA,CAAM,oBAAA,CAAqB,iBAAA;AAAA"}
+{"version":3,"file":"CopilotModalHeader.d.cts","names":[],"sources":["../../../src/components/chat/CopilotModalHeader.tsx"],"mappings":";;;;;KAUK,WAAA;EACH,YAAA,SAAqB,kBAAA,CAAmB,KAAA;EACxC,WAAA,SAAoB,kBAAA,CAAmB,WAAA;AAAA;AAAA,KAGpC,eAAA;EACH,KAAA;AAAA,IACE,IAAA,CAAK,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,KAElB,uBAAA,GAA0B,SAAA,CAAU,WAAA,EAAa,eAAA;AAAA,iBAE7C,kBAAA,CAAA;EACd,KAAA;EACA,YAAA;EACA,WAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,uBAAA,wCAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA;AAAA,kBAPV,kBAAA;EAAA,IAAkB,WAAA;AAAA;AAAA,kBAiEjB,kBAAA;EAAA,MACF,KAAA,EAAO,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,cAAA,CAAe,cAAA;EAAA,MAgBrC,WAAA,EAAa,KAAA,CAAM,EAAA,CAC9B,KAAA,CAAM,oBAAA,CAAqB,iBAAA;AAAA"}

package/dist/components/chat/CopilotModalHeader.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotModalHeader.d.mts","names":[],"sources":["../../../src/components/chat/CopilotModalHeader.tsx"],"mappings":";;;;;KAUK,WAAA;EACH,YAAA,SAAqB,kBAAA,CAAmB,KAAA;EACxC,WAAA,SAAoB,kBAAA,CAAmB,WAAA;AAAA;AAAA,KAGpC,eAAA;EACH,KAAA;AAAA,IACE,IAAA,CAAK,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,KAElB,uBAAA,GAA0B,SAAA,CAAU,WAAA,EAAa,eAAA;AAAA,iBAE7C,kBAAA,CAAA;EACd,KAAA;EACA,YAAA;EACA,WAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,uBAAA,wCAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA;AAAA,kBAPV,kBAAA;EAAA,IAAkB,WAAA;AAAA;AAAA,kBA+DjB,kBAAA;EAAA,MACF,KAAA,EAAO,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,cAAA,CAAe,cAAA;EAAA,MAgBrC,WAAA,EAAa,KAAA,CAAM,EAAA,CAC9B,KAAA,CAAM,oBAAA,CAAqB,iBAAA;AAAA"}
+{"version":3,"file":"CopilotModalHeader.d.mts","names":[],"sources":["../../../src/components/chat/CopilotModalHeader.tsx"],"mappings":";;;;;KAUK,WAAA;EACH,YAAA,SAAqB,kBAAA,CAAmB,KAAA;EACxC,WAAA,SAAoB,kBAAA,CAAmB,WAAA;AAAA;AAAA,KAGpC,eAAA;EACH,KAAA;AAAA,IACE,IAAA,CAAK,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,KAElB,uBAAA,GAA0B,SAAA,CAAU,WAAA,EAAa,eAAA;AAAA,iBAE7C,kBAAA,CAAA;EACd,KAAA;EACA,YAAA;EACA,WAAA;EACA,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,uBAAA,wCAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA;AAAA,kBAPV,kBAAA;EAAA,IAAkB,WAAA;AAAA;AAAA,kBAiEjB,kBAAA;EAAA,MACF,KAAA,EAAO,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,cAAA,CAAe,cAAA;EAAA,MAgBrC,WAAA,EAAa,KAAA,CAAM,EAAA,CAC9B,KAAA,CAAM,oBAAA,CAAqB,iBAAA;AAAA"}

package/dist/components/chat/CopilotModalHeader.mjs

@@ -23,21 +23,21 @@ function CopilotModalHeader({ title, titleContent, closeButton, children, classN
 	});
 	return /* @__PURE__ */ jsx("header", {
 		"data-slot": "copilot-modal-header",
-		className: cn("flex items-center justify-between border-b border-border px-4 py-4", "bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80", className),
+		className: cn("cpk:flex cpk:items-center cpk:justify-between cpk:border-b cpk:border-border cpk:px-4 cpk:py-4", "cpk:bg-background/95 cpk:backdrop-blur cpk:supports-[backdrop-filter]:bg-background/80", className),
 		...rest,
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex w-full items-center gap-2",
+			className: "cpk:flex cpk:w-full cpk:items-center cpk:gap-2",
 			children: [
 				/* @__PURE__ */ jsx("div", {
-					className: "flex-1",
+					className: "cpk:flex-1",
 					"aria-hidden": "true"
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: "flex flex-1 justify-center text-center",
+					className: "cpk:flex cpk:flex-1 cpk:justify-center cpk:text-center",
 					children: BoundTitle
 				}),
 				/* @__PURE__ */ jsx("div", {
-					className: "flex flex-1 justify-end",
+					className: "cpk:flex cpk:flex-1 cpk:justify-end",
 					children: BoundCloseButton
 				})
 			]
@@ -47,17 +47,17 @@ function CopilotModalHeader({ title, titleContent, closeButton, children, classN
 CopilotModalHeader.displayName = "CopilotModalHeader";
 (function(_CopilotModalHeader) {
 	_CopilotModalHeader.Title = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", {
-		className: cn("w-full text-base font-medium leading-none tracking-tight text-foreground", className),
+		className: cn("cpk:w-full cpk:text-base cpk:font-medium cpk:leading-none cpk:tracking-tight cpk:text-foreground", className),
 		...props,
 		children
 	});
 	_CopilotModalHeader.CloseButton = ({ className, ...props }) => /* @__PURE__ */ jsx("button", {
 		type: "button",
-		className: cn("inline-flex size-8 items-center justify-center rounded-full text-muted-foreground transition cursor-pointer", "hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className),
+		className: cn("cpk:inline-flex cpk:size-8 cpk:items-center cpk:justify-center cpk:rounded-full cpk:text-muted-foreground cpk:transition cpk:cursor-pointer", "cpk:hover:bg-muted cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring", className),
 		"aria-label": "Close",
 		...props,
 		children: /* @__PURE__ */ jsx(X, {
-			className: "h-4 w-4",
+			className: "cpk:h-4 cpk:w-4",
 			"aria-hidden": "true"
 		})
 	});

package/dist/components/chat/CopilotModalHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotModalHeader.mjs","names":[],"sources":["../../../src/components/chat/CopilotModalHeader.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport {\n  useCopilotChatConfiguration,\n  CopilotChatDefaultLabels,\n} from \"@/providers/CopilotChatConfigurationProvider\";\nimport { renderSlot, WithSlots } from \"@/lib/slots\";\nimport { X } from \"lucide-react\";\n\ntype HeaderSlots = {\n  titleContent: typeof CopilotModalHeader.Title;\n  closeButton: typeof CopilotModalHeader.CloseButton;\n};\n\ntype HeaderRestProps = {\n  title?: string;\n} & Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">;\n\nexport type CopilotModalHeaderProps = WithSlots<HeaderSlots, HeaderRestProps>;\n\nexport function CopilotModalHeader({\n  title,\n  titleContent,\n  closeButton,\n  children,\n  className,\n  ...rest\n}: CopilotModalHeaderProps) {\n  const configuration = useCopilotChatConfiguration();\n\n  const fallbackTitle =\n    configuration?.labels.modalHeaderTitle ??\n    CopilotChatDefaultLabels.modalHeaderTitle;\n  const resolvedTitle = title ?? fallbackTitle;\n\n  const handleClose = useCallback(() => {\n    configuration?.setModalOpen?.(false);\n  }, [configuration]);\n\n  const BoundTitle = renderSlot(titleContent, CopilotModalHeader.Title, {\n    children: resolvedTitle,\n  });\n\n  const BoundCloseButton = renderSlot(\n    closeButton,\n    CopilotModalHeader.CloseButton,\n    {\n      onClick: handleClose,\n    },\n  );\n\n  if (children) {\n    return children({\n      titleContent: BoundTitle,\n      closeButton: BoundCloseButton,\n      title: resolvedTitle,\n      ...rest,\n    });\n  }\n\n  return (\n    <header\n      data-slot=\"copilot-modal-header\"\n      className={cn(\n        \"flex items-center justify-between border-b border-border px-4 py-4\",\n        \"bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80\",\n        className,\n      )}\n      {...rest}\n    >\n      <div className=\"flex w-full items-center gap-2\">\n        <div className=\"flex-1\" aria-hidden=\"true\" />\n        <div className=\"flex flex-1 justify-center text-center\">\n          {BoundTitle}\n        </div>\n        <div className=\"flex flex-1 justify-end\">{BoundCloseButton}</div>\n      </div>\n    </header>\n  );\n}\n\nCopilotModalHeader.displayName = \"CopilotModalHeader\";\n\nexport namespace CopilotModalHeader {\n  export const Title: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n    children,\n    className,\n    ...props\n  }) => (\n    <div\n      className={cn(\n        \"w-full text-base font-medium leading-none tracking-tight text-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n\n  export const CloseButton: React.FC<\n    React.ButtonHTMLAttributes<HTMLButtonElement>\n  > = ({ className, ...props }) => (\n    <button\n      type=\"button\"\n      className={cn(\n        \"inline-flex size-8 items-center justify-center rounded-full text-muted-foreground transition cursor-pointer\",\n        \"hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        className,\n      )}\n      aria-label=\"Close\"\n      {...props}\n    >\n      <X className=\"h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n  );\n}\n\nCopilotModalHeader.Title.displayName = \"CopilotModalHeader.Title\";\nCopilotModalHeader.CloseButton.displayName = \"CopilotModalHeader.CloseButton\";\n\nexport default CopilotModalHeader;\n"],"mappings":";;;;;;;;AAqBA,SAAgB,mBAAmB,EACjC,OACA,cACA,aACA,UACA,WACA,GAAG,QACuB;CAC1B,MAAM,gBAAgB,6BAA6B;CAEnD,MAAM,gBACJ,eAAe,OAAO,oBACtB,yBAAyB;CAC3B,MAAM,gBAAgB,SAAS;CAE/B,MAAM,cAAc,kBAAkB;AACpC,iBAAe,eAAe,MAAM;IACnC,CAAC,cAAc,CAAC;CAEnB,MAAM,aAAa,WAAW,cAAc,mBAAmB,OAAO,EACpE,UAAU,eACX,CAAC;CAEF,MAAM,mBAAmB,WACvB,aACA,mBAAmB,aACnB,EACE,SAAS,aACV,CACF;AAED,KAAI,SACF,QAAO,SAAS;EACd,cAAc;EACd,aAAa;EACb,OAAO;EACP,GAAG;EACJ,CAAC;AAGJ,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sEACA,8EACA,UACD;EACD,GAAI;YAEJ,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;KAAS,eAAY;MAAS;IAC7C,oBAAC;KAAI,WAAU;eACZ;MACG;IACN,oBAAC;KAAI,WAAU;eAA2B;MAAuB;;IAC7D;GACC;;AAIb,mBAAmB,cAAc;;8BAGuC,EACpE,UACA,WACA,GAAG,YAEH,oBAAC;EACC,WAAW,GACT,4EACA,UACD;EACD,GAAI;EAEH;GACG;oCAKH,EAAE,WAAW,GAAG,YACnB,oBAAC;EACC,MAAK;EACL,WAAW,GACT,+GACA,gHACA,UACD;EACD,cAAW;EACX,GAAI;YAEJ,oBAAC;GAAE,WAAU;GAAU,eAAY;IAAS;GACrC;;AAIb,mBAAmB,MAAM,cAAc;AACvC,mBAAmB,YAAY,cAAc"}
+{"version":3,"file":"CopilotModalHeader.mjs","names":[],"sources":["../../../src/components/chat/CopilotModalHeader.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport {\n  useCopilotChatConfiguration,\n  CopilotChatDefaultLabels,\n} from \"@/providers/CopilotChatConfigurationProvider\";\nimport { renderSlot, WithSlots } from \"@/lib/slots\";\nimport { X } from \"lucide-react\";\n\ntype HeaderSlots = {\n  titleContent: typeof CopilotModalHeader.Title;\n  closeButton: typeof CopilotModalHeader.CloseButton;\n};\n\ntype HeaderRestProps = {\n  title?: string;\n} & Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">;\n\nexport type CopilotModalHeaderProps = WithSlots<HeaderSlots, HeaderRestProps>;\n\nexport function CopilotModalHeader({\n  title,\n  titleContent,\n  closeButton,\n  children,\n  className,\n  ...rest\n}: CopilotModalHeaderProps) {\n  const configuration = useCopilotChatConfiguration();\n\n  const fallbackTitle =\n    configuration?.labels.modalHeaderTitle ??\n    CopilotChatDefaultLabels.modalHeaderTitle;\n  const resolvedTitle = title ?? fallbackTitle;\n\n  const handleClose = useCallback(() => {\n    configuration?.setModalOpen?.(false);\n  }, [configuration]);\n\n  const BoundTitle = renderSlot(titleContent, CopilotModalHeader.Title, {\n    children: resolvedTitle,\n  });\n\n  const BoundCloseButton = renderSlot(\n    closeButton,\n    CopilotModalHeader.CloseButton,\n    {\n      onClick: handleClose,\n    },\n  );\n\n  if (children) {\n    return children({\n      titleContent: BoundTitle,\n      closeButton: BoundCloseButton,\n      title: resolvedTitle,\n      ...rest,\n    });\n  }\n\n  return (\n    <header\n      data-slot=\"copilot-modal-header\"\n      className={cn(\n        \"cpk:flex cpk:items-center cpk:justify-between cpk:border-b cpk:border-border cpk:px-4 cpk:py-4\",\n        \"cpk:bg-background/95 cpk:backdrop-blur cpk:supports-[backdrop-filter]:bg-background/80\",\n        className,\n      )}\n      {...rest}\n    >\n      <div className=\"cpk:flex cpk:w-full cpk:items-center cpk:gap-2\">\n        <div className=\"cpk:flex-1\" aria-hidden=\"true\" />\n        <div className=\"cpk:flex cpk:flex-1 cpk:justify-center cpk:text-center\">\n          {BoundTitle}\n        </div>\n        <div className=\"cpk:flex cpk:flex-1 cpk:justify-end\">\n          {BoundCloseButton}\n        </div>\n      </div>\n    </header>\n  );\n}\n\nCopilotModalHeader.displayName = \"CopilotModalHeader\";\n\nexport namespace CopilotModalHeader {\n  export const Title: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n    children,\n    className,\n    ...props\n  }) => (\n    <div\n      className={cn(\n        \"cpk:w-full cpk:text-base cpk:font-medium cpk:leading-none cpk:tracking-tight cpk:text-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n\n  export const CloseButton: React.FC<\n    React.ButtonHTMLAttributes<HTMLButtonElement>\n  > = ({ className, ...props }) => (\n    <button\n      type=\"button\"\n      className={cn(\n        \"cpk:inline-flex cpk:size-8 cpk:items-center cpk:justify-center cpk:rounded-full cpk:text-muted-foreground cpk:transition cpk:cursor-pointer\",\n        \"cpk:hover:bg-muted cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring\",\n        className,\n      )}\n      aria-label=\"Close\"\n      {...props}\n    >\n      <X className=\"cpk:h-4 cpk:w-4\" aria-hidden=\"true\" />\n    </button>\n  );\n}\n\nCopilotModalHeader.Title.displayName = \"CopilotModalHeader.Title\";\nCopilotModalHeader.CloseButton.displayName = \"CopilotModalHeader.CloseButton\";\n\nexport default CopilotModalHeader;\n"],"mappings":";;;;;;;;AAqBA,SAAgB,mBAAmB,EACjC,OACA,cACA,aACA,UACA,WACA,GAAG,QACuB;CAC1B,MAAM,gBAAgB,6BAA6B;CAEnD,MAAM,gBACJ,eAAe,OAAO,oBACtB,yBAAyB;CAC3B,MAAM,gBAAgB,SAAS;CAE/B,MAAM,cAAc,kBAAkB;AACpC,iBAAe,eAAe,MAAM;IACnC,CAAC,cAAc,CAAC;CAEnB,MAAM,aAAa,WAAW,cAAc,mBAAmB,OAAO,EACpE,UAAU,eACX,CAAC;CAEF,MAAM,mBAAmB,WACvB,aACA,mBAAmB,aACnB,EACE,SAAS,aACV,CACF;AAED,KAAI,SACF,QAAO,SAAS;EACd,cAAc;EACd,aAAa;EACb,OAAO;EACP,GAAG;EACJ,CAAC;AAGJ,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,kGACA,0FACA,UACD;EACD,GAAI;YAEJ,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;KAAa,eAAY;MAAS;IACjD,oBAAC;KAAI,WAAU;eACZ;MACG;IACN,oBAAC;KAAI,WAAU;eACZ;MACG;;IACF;GACC;;AAIb,mBAAmB,cAAc;;8BAGuC,EACpE,UACA,WACA,GAAG,YAEH,oBAAC;EACC,WAAW,GACT,oGACA,UACD;EACD,GAAI;EAEH;GACG;oCAKH,EAAE,WAAW,GAAG,YACnB,oBAAC;EACC,MAAK;EACL,WAAW,GACT,+IACA,oIACA,UACD;EACD,cAAW;EACX,GAAI;YAEJ,oBAAC;GAAE,WAAU;GAAkB,eAAY;IAAS;GAC7C;;AAIb,mBAAmB,MAAM,cAAc;AACvC,mBAAmB,YAAY,cAAc"}

package/dist/components/chat/CopilotPopupView.cjs

@@ -105,23 +105,24 @@ function CopilotPopupViewInternal({ header, toggleButton, width, height, clickOu
 		paddingLeft: "env(safe-area-inset-left)",
 		paddingRight: "env(safe-area-inset-right)"
 	}), [resolvedHeight, resolvedWidth]);
-	const popupAnimationClass = isPopupOpen && !isAnimatingOut ? "pointer-events-auto translate-y-0 opacity-100 md:scale-100" : "pointer-events-none translate-y-4 opacity-0 md:translate-y-5 md:scale-[0.95]";
+	const popupAnimationClass = isPopupOpen && !isAnimatingOut ? "cpk:pointer-events-auto cpk:translate-y-0 cpk:opacity-100 cpk:md:scale-100" : "cpk:pointer-events-none cpk:translate-y-4 cpk:opacity-0 cpk:md:translate-y-5 cpk:md:scale-[0.95]";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [toggleButtonElement, isRendered ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_utils.cn("fixed inset-0 z-[1200] flex max-w-full flex-col items-stretch", "md:inset-auto md:bottom-24 md:right-6 md:items-end md:gap-4"),
+		"data-copilotkit": true,
+		className: require_utils.cn("cpk:fixed cpk:inset-0 cpk:z-[1200] cpk:flex cpk:max-w-full cpk:flex-col cpk:items-stretch", "cpk:md:inset-auto cpk:md:bottom-24 cpk:md:right-6 cpk:md:items-end cpk:md:gap-4"),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			ref: containerRef,
 			tabIndex: -1,
 			role: "dialog",
 			"aria-label": labels.modalHeaderTitle,
 			"data-copilot-popup": true,
-			className: require_utils.cn("relative flex h-full w-full flex-col overflow-hidden bg-background text-foreground", "origin-bottom focus:outline-none transform-gpu transition-transform transition-opacity duration-200 ease-out", "md:transition-transform md:transition-opacity", "rounded-none border border-border/0 shadow-none ring-0", "md:h-[var(--copilot-popup-height)] md:w-[var(--copilot-popup-width)]", "md:max-h-[var(--copilot-popup-max-height)] md:max-w-[var(--copilot-popup-max-width)]", "md:origin-bottom-right md:rounded-2xl md:border-border md:shadow-xl md:ring-1 md:ring-border/40", popupAnimationClass),
+			className: require_utils.cn("cpk:relative cpk:flex cpk:h-full cpk:w-full cpk:flex-col cpk:overflow-hidden cpk:bg-background cpk:text-foreground", "cpk:origin-bottom cpk:focus:outline-none cpk:transform-gpu cpk:transition-transform cpk:transition-opacity cpk:duration-200 cpk:ease-out", "cpk:md:transition-transform cpk:md:transition-opacity", "cpk:rounded-none cpk:border cpk:border-border/0 cpk:shadow-none cpk:ring-0", "cpk:md:h-[var(--copilot-popup-height)] cpk:md:w-[var(--copilot-popup-width)]", "cpk:md:max-h-[var(--copilot-popup-max-height)] cpk:md:max-w-[var(--copilot-popup-max-width)]", "cpk:md:origin-bottom-right cpk:md:rounded-2xl cpk:md:border-border cpk:md:shadow-xl cpk:md:ring-1 cpk:md:ring-border/40", popupAnimationClass),
 			style: popupStyle,
 			children: [headerElement, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex-1 overflow-hidden",
+				className: "cpk:flex-1 cpk:overflow-hidden",
 				"data-popup-chat": true,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CopilotChatView.default, {
 					...restProps,
-					className: require_utils.cn("h-full min-h-0", className)
+					className: require_utils.cn("cpk:h-full cpk:min-h-0", className)
 				})
 			})]
 		})
@@ -131,21 +132,25 @@ CopilotPopupView.displayName = "CopilotPopupView";
 (function(_CopilotPopupView) {
 	_CopilotPopupView.WelcomeScreen = ({ welcomeMessage, input, suggestionView, className, children, ...props }) => {
 		const BoundWelcomeMessage = require_slots.renderSlot(welcomeMessage, require_CopilotChatView.default.WelcomeMessage, {});
-		if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children({
-			welcomeMessage: BoundWelcomeMessage,
-			input,
-			suggestionView,
-			className,
-			...props
-		}) });
+		if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-copilotkit": true,
+			style: { display: "contents" },
+			children: children({
+				welcomeMessage: BoundWelcomeMessage,
+				input,
+				suggestionView,
+				className,
+				...props
+			})
+		});
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_utils.cn("h-full flex flex-col", className),
+			className: require_utils.cn("cpk:h-full cpk:flex cpk:flex-col", className),
 			...props,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex-1 flex flex-col items-center justify-center px-4",
+				className: "cpk:flex-1 cpk:flex cpk:flex-col cpk:items-center cpk:justify-center cpk:px-4",
 				children: BoundWelcomeMessage
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "mb-4 flex justify-center px-4",
+				className: "cpk:mb-4 cpk:flex cpk:justify-center cpk:px-4",
 				children: suggestionView
 			}), input] })]
 		});