@copilotkit/react-core 1.73.3 → 1.75.0

package/dist/v2/index.umd.js

@@ -1745,6 +1745,10 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		return renderToolCall;
 	}
 
+//#endregion
+//#region package.json
+	var version = "1.75.0";
+
 //#endregion
 //#region src/v2/components/CopilotKitInspector.tsx
 	const CopilotKitInspector = ({ core, openRequest, onVisibilityChange }) => {
@@ -1767,7 +1771,11 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 				if (!mounted || !mountRef.current) return;
 				mod.defineWebInspector?.();
 				inspector = mountRef.current.ownerDocument.createElement(mod.WEB_INSPECTOR_TAG);
-				mod.configureWebInspectorElement(inspector, latestCoreRef.current);
+				mod.configureWebInspectorElement(inspector, latestCoreRef.current, {
+					development: process.env.NODE_ENV === "development",
+					framework: "react",
+					sdkVersion: version
+				});
 				inspector.addEventListener("cpk-inspector-visibility-change", handleVisibilityChange);
 				mountRef.current.appendChild(inspector);
 				inspectorRef.current = inspector;
@@ -3876,8 +3884,8 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			if (aHasAgent === (b.agentId !== void 0)) return 0;
 			return aHasAgent ? -1 : 1;
 		});
+		if (!customMessageRenderers.length) return null;
 		return function(params) {
-			if (!customMessageRenderers.length) return null;
 			const { message, position } = params;
 			const resolvedRunId = copilotkit.getRunIdForMessage(agentId, threadId, message.id) ?? copilotkit.getRunIdsForThread(agentId, threadId).slice(-1)[0];
 			const runId = resolvedRunId ?? `missing-run-id:${message.id}`;
@@ -6372,7 +6380,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			})
 		});
 	}
-	function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp, onThumbsDown, onReadAloud, onRegenerate, additionalToolbarItems, toolbarVisible = true, markdownRenderer, toolbar, copyButton, inspectorButton, thumbsUpButton, thumbsDownButton, readAloudButton, regenerateButton, toolCallsView, children, className, ...props }) {
+	function CopilotChatAssistantMessage({ message, messages, isRunning, isLatest, onThumbsUp, onThumbsDown, onReadAloud, onRegenerate, additionalToolbarItems, toolbarVisible = true, markdownRenderer, toolbar, copyButton, inspectorButton, thumbsUpButton, thumbsDownButton, readAloudButton, regenerateButton, toolCallsView, children, className, ...props }) {
 		useKatexStyles();
 		const { isInspectorEnabled, openInspector } = useCopilotKitInspector();
 		const shortcutsHidden = useInspectorShortcutsHidden();
@@ -6408,7 +6416,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			messages
 		});
 		const hasContent = !!(message.content && message.content.trim().length > 0);
-		const isLatestAssistantMessage = message.role === "assistant" && messages?.[messages.length - 1]?.id === message.id;
+		const isLatestAssistantMessage = message.role === "assistant" && (isLatest ?? messages?.[messages.length - 1]?.id === message.id);
 		const shouldShowToolbar = toolbarVisible && (hasContent || showInspectorShortcut) && !(isRunning && isLatestAssistantMessage);
 		if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-copilotkit": true,
@@ -6922,8 +6930,8 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		if (secs === 0) return `${mins} minute${mins > 1 ? "s" : ""}`;
 		return `${mins}m ${secs}s`;
 	}
-	function CopilotChatReasoningMessage({ message, messages, isRunning, header, contentView, toggle, children, className, ...props }) {
-		const isLatest = messages?.[messages.length - 1]?.id === message.id;
+	function CopilotChatReasoningMessage({ message, messages, isRunning, isLatest: isLatestProp, header, contentView, toggle, children, className, ...props }) {
+		const isLatest = isLatestProp ?? messages?.[messages.length - 1]?.id === message.id;
 		const isStreaming = !!(isRunning && isLatest);
 		const hasContent = !!(message.content && message.content.length > 0);
 		const startTimeRef = (0, react.useRef)(null);
@@ -7148,6 +7156,32 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	*/
 	const ScrollElementContext = react.default.createContext(null);
 
+//#endregion
+//#region src/v2/components/chat/scroll-pinned-context.ts
+/**
+	* True while the pin-to-bottom behaviour is actively following the bottom of
+	* the thread — i.e. `use-stick-to-bottom` will animate the scroll position to
+	* the bottom the next time the content grows.
+	*
+	* Only CopilotChatView's pin-to-bottom branch provides this. The other scroll
+	* modes leave it `false`, which is correct: nothing else writes the scroll
+	* position on its own, so no one is competing with the virtualizer.
+	*
+	* Why this exists: the virtualizer and `use-stick-to-bottom` both write
+	* `scrollTop` on the same element. The virtualizer writes it to compensate
+	* when a row above the viewport turns out taller than its estimate, so that
+	* what the reader is looking at does not shift. That compensation is essential
+	* while the reader is scrolled up — and pointless while pinned to the bottom,
+	* because the pin is about to move the scroll position anyway. Worse than
+	* pointless: the compensation changes the virtual container's height, the pin
+	* reads that as content growth and animates, the animation brings unmeasured
+	* rows into view, they measure, and the two keep shoving each other.
+	*
+	* Consumed by CopilotChatMessageView to stand the virtualizer down while the
+	* pin owns the scroll position.
+	*/
+	const ScrollPinnedContext = react.default.createContext(false);
+
 //#endregion
 //#region src/v2/components/intelligence-indicator/IntelligenceIndicatorView.tsx
 /**
@@ -7292,24 +7326,31 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	* emits exactly one `IntelligenceIndicator` per entry, keyed by the turn id and
 	* positioned at the anchor; the per-turn key also lets every past turn keep its
 	* own indicator in scroll-back.
+	*
+	* `visibleMessages` is what actually renders, when that differs from
+	* `messages` (the chat's `transformMessages`). Turns are still read from the
+	* full list, so hiding a user message does not merge its turn into the one
+	* before it, and anchors are only chosen among visible messages. A message the
+	* transform built itself joins the turn of the visible message before it.
 	*/
-	function getIntelligenceTurnAnchors(messages) {
-		const anchors = /* @__PURE__ */ new Map();
+	function getIntelligenceTurnAnchors(messages, visibleMessages = messages) {
+		const turnOfMessage = /* @__PURE__ */ new Map();
 		let turnId = INTELLIGENCE_TURN_HEAD;
-		let anchorId = null;
-		const commit = () => {
-			if (anchorId !== null) anchors.set(anchorId, turnId);
-			anchorId = null;
-		};
 		for (const m of messages) {
-			if (m.role === "user") {
-				commit();
-				turnId = m.id;
-				continue;
+			if (m.role === "user") turnId = m.id;
+			turnOfMessage.set(m.id, turnId);
+		}
+		const anchors = /* @__PURE__ */ new Map();
+		const anchoredTurns = /* @__PURE__ */ new Set();
+		let currentTurn = INTELLIGENCE_TURN_HEAD;
+		for (const m of visibleMessages) {
+			currentTurn = turnOfMessage.get(m.id) ?? currentTurn;
+			if (m.role === "user") continue;
+			if (!anchoredTurns.has(currentTurn) && messageHasMatchingToolCall(m)) {
+				anchors.set(m.id, currentTurn);
+				anchoredTurns.add(currentTurn);
 			}
-			if (anchorId === null && messageHasMatchingToolCall(m)) anchorId = m.id;
 		}
-		commit();
 		return anchors;
 	}
 	/**
@@ -7455,11 +7496,12 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	/**
 	* Memoized wrapper for assistant messages to prevent re-renders when other messages change.
 	*/
-	const MemoizedAssistantMessage = react.default.memo(function MemoizedAssistantMessage({ message, messages, isRunning, AssistantMessageComponent, slotProps }) {
+	const MemoizedAssistantMessage = react.default.memo(function MemoizedAssistantMessage({ message, messages, isRunning, isLatest, AssistantMessageComponent, slotProps }) {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssistantMessageComponent, {
 			message,
 			messages,
 			isRunning,
+			isLatest,
 			...slotProps
 		});
 	}, (prevProps, nextProps) => {
@@ -7481,7 +7523,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			if (prevToolResults.length !== nextToolResults.length) return false;
 			for (let i = 0; i < prevToolResults.length; i++) if (prevToolResults[i].content !== nextToolResults[i].content) return false;
 		}
-		if (nextProps.messages[nextProps.messages.length - 1]?.id === nextProps.message.id && prevProps.isRunning !== nextProps.isRunning) return false;
+		if ((prevProps.isRunning && prevProps.isLatest) !== (nextProps.isRunning && nextProps.isLatest)) return false;
 		if (prevProps.AssistantMessageComponent !== nextProps.AssistantMessageComponent) return false;
 		if (prevProps.slotProps !== nextProps.slotProps) return false;
 		return true;
@@ -7515,20 +7557,19 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	/**
 	* Memoized wrapper for reasoning messages to prevent re-renders when other messages change.
 	*/
-	const MemoizedReasoningMessage = react.default.memo(function MemoizedReasoningMessage({ message, messages, isRunning, ReasoningMessageComponent, slotProps }) {
+	const MemoizedReasoningMessage = react.default.memo(function MemoizedReasoningMessage({ message, messages, isRunning, isLatest, ReasoningMessageComponent, slotProps }) {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReasoningMessageComponent, {
 			message,
 			messages,
 			isRunning,
+			isLatest,
 			...slotProps
 		});
 	}, (prevProps, nextProps) => {
 		if (prevProps.message.id !== nextProps.message.id) return false;
 		if (prevProps.message.content !== nextProps.message.content) return false;
-		const prevIsLatest = prevProps.messages[prevProps.messages.length - 1]?.id === prevProps.message.id;
-		const nextIsLatest = nextProps.messages[nextProps.messages.length - 1]?.id === nextProps.message.id;
-		if (prevIsLatest !== nextIsLatest) return false;
-		if (nextIsLatest && prevProps.isRunning !== nextProps.isRunning) return false;
+		if (prevProps.isLatest !== nextProps.isLatest) return false;
+		if (nextProps.isLatest && prevProps.isRunning !== nextProps.isRunning) return false;
 		if (prevProps.ReasoningMessageComponent !== nextProps.ReasoningMessageComponent) return false;
 		if (prevProps.slotProps !== nextProps.slotProps) return false;
 		return true;
@@ -7612,7 +7653,8 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		return [...acc.values()];
 	}
 	const VIRTUALIZE_THRESHOLD = 50;
-	function CopilotChatMessageView({ messages = [], assistantMessage, userMessage, reasoningMessage, cursor, intelligenceIndicator, isRunning = false, children, className, ...props }) {
+	function CopilotChatMessageView({ messages = [], assistantMessage, userMessage, reasoningMessage, cursor, intelligenceIndicator, isRunning = false, transformMessages, children, className, ...props }) {
+		const isPinnedToBottom = (0, react.useContext)(ScrollPinnedContext);
 		const renderCustomMessage = useRenderCustomMessages();
 		const { renderActivityMessage } = useRenderActivityMessage();
 		const { copilotkit } = useCopilotKit();
@@ -7644,13 +7686,27 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			return copilotkit.getStateByRun(config.agentId, config.threadId, resolvedRunId);
 		};
 		const deduplicatedMessages = (0, react.useMemo)(() => deduplicateMessages(messages), [messages]);
+		const renderedMessages = (0, react.useMemo)(() => transformMessages ? transformMessages(deduplicatedMessages) : deduplicatedMessages, [deduplicatedMessages, transformMessages]);
+		const latestRenderedId = renderedMessages[renderedMessages.length - 1]?.id;
+		const transformDuplicateId = (0, react.useMemo)(() => {
+			if (process.env.NODE_ENV === "production" || !transformMessages) return;
+			const seen = /* @__PURE__ */ new Set();
+			for (const message of renderedMessages) {
+				if (seen.has(message.id)) return message.id;
+				seen.add(message.id);
+			}
+		}, [renderedMessages, transformMessages]);
+		(0, react.useEffect)(() => {
+			if (transformDuplicateId === void 0) return;
+			console.warn(`[CopilotKit] CopilotChatMessageView: \`transformMessages\` returned more than one message with id "${transformDuplicateId}". Return each id at most once; a message you create needs its own id, stable across renders.`);
+		}, [transformDuplicateId]);
 		const rowKeyStoreRef = (0, react.useRef)(null);
 		rowKeyStoreRef.current ?? (rowKeyStoreRef.current = (0, _copilotkit_shared.createRowKeyStore)());
 		const rowKeyStore = rowKeyStoreRef.current;
-		const rowRenderKeys = (0, react.useMemo)(() => (0, _copilotkit_shared.resolveRowRenderKeysById)(rowKeyStore, deduplicatedMessages), [rowKeyStore, deduplicatedMessages]);
+		const rowRenderKeys = (0, react.useMemo)(() => (0, _copilotkit_shared.resolveRowRenderKeysById)(rowKeyStore, renderedMessages), [rowKeyStore, renderedMessages]);
 		(0, react.useLayoutEffect)(() => {
-			(0, _copilotkit_shared.commitRowKeyStore)(rowKeyStore, deduplicatedMessages);
-		}, [rowKeyStore, deduplicatedMessages]);
+			(0, _copilotkit_shared.commitRowKeyStore)(rowKeyStore, renderedMessages);
+		}, [rowKeyStore, renderedMessages]);
 		if (process.env.NODE_ENV === "development" && deduplicatedMessages.length < messages.length) console.warn(`CopilotChatMessageView: Merged ${messages.length - deduplicatedMessages.length} message(s) with duplicate IDs.`);
 		const { Component: AssistantComponent, slotProps: assistantSlotProps } = (0, react.useMemo)(() => resolveSlotComponent(assistantMessage, CopilotChatAssistantMessage_default), [assistantMessage]);
 		const agentId = config?.agentId;
@@ -7684,27 +7740,72 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		(0, react.useEffect)(() => {
 			if (process.env.NODE_ENV !== "production" && scrollElementFromCtx && scrollElementFromCtx.clientHeight === 0) console.warn("[CopilotKit] Chat scroll container has clientHeight=0 — virtualization disabled. Ensure the chat is rendered in a visible container with a non-zero height.");
 		}, [scrollElementFromCtx]);
-		const shouldVirtualize = !!scrollElement && !children && deduplicatedMessages.length > VIRTUALIZE_THRESHOLD;
+		const shouldVirtualize = !!scrollElement && !children && renderedMessages.length > VIRTUALIZE_THRESHOLD;
+		const childrenDisabledVirtualization = !!children && !!scrollElement && renderedMessages.length > VIRTUALIZE_THRESHOLD;
+		const warnedChildrenRef = (0, react.useRef)(false);
+		(0, react.useEffect)(() => {
+			if (process.env.NODE_ENV === "production" || !childrenDisabledVirtualization || warnedChildrenRef.current) return;
+			warnedChildrenRef.current = true;
+			console.warn(`[CopilotKit] CopilotChatMessageView: the \`children\` render prop disables virtualization, so all ${renderedMessages.length} messages are mounted. ` + (transformMessages ? "`transformMessages` keeps virtualization on by itself; drop `children` to use it." : "To reshape the list and keep virtualization, use `transformMessages` instead."));
+		}, [
+			childrenDisabledVirtualization,
+			renderedMessages.length,
+			transformMessages
+		]);
+		const measuredRef = react.default.useRef({
+			total: 0,
+			sizes: /* @__PURE__ */ new Map()
+		});
+		const firstMessageId = deduplicatedMessages[0]?.id;
+		const measuredThreadRef = react.default.useRef(firstMessageId);
+		if (measuredThreadRef.current !== firstMessageId) {
+			measuredThreadRef.current = firstMessageId;
+			measuredRef.current = {
+				total: 0,
+				sizes: /* @__PURE__ */ new Map()
+			};
+		}
+		const estimateRowSize = react.default.useCallback(() => {
+			const { total, sizes } = measuredRef.current;
+			return sizes.size > 0 ? Math.max(1, Math.round(total / sizes.size)) : 100;
+		}, []);
+		const measureRowElement = react.default.useCallback((el) => {
+			const height = el?.getBoundingClientRect().height ?? 0;
+			const index = Number(el?.dataset?.index);
+			if (height > 0 && Number.isInteger(index)) {
+				const { total, sizes } = measuredRef.current;
+				measuredRef.current.total = total - (sizes.get(index) ?? 0) + height;
+				sizes.set(index, height);
+			}
+			return height;
+		}, []);
+		const isPinnedToBottomRef = react.default.useRef(isPinnedToBottom);
+		const shouldAdjustScrollOnResize = react.default.useCallback((item, _delta, instance) => {
+			if (isPinnedToBottomRef.current) return false;
+			const scrollAdjustments = instance.scrollAdjustments ?? 0;
+			return item.start < (instance.scrollOffset ?? 0) + scrollAdjustments;
+		}, []);
 		const virtualizer = (0, _tanstack_react_virtual.useVirtualizer)({
-			count: shouldVirtualize ? deduplicatedMessages.length : 0,
+			count: shouldVirtualize ? renderedMessages.length : 0,
 			getScrollElement: () => scrollElement,
-			estimateSize: () => 100,
+			estimateSize: estimateRowSize,
 			overscan: 5,
-			measureElement: (el) => el?.getBoundingClientRect().height ?? 0,
+			measureElement: measureRowElement,
 			initialRect: {
 				width: 0,
 				height: 600
 			}
 		});
-		const firstMessageId = deduplicatedMessages[0]?.id;
+		isPinnedToBottomRef.current = isPinnedToBottom;
+		virtualizer.shouldAdjustScrollPositionOnItemSizeChange = shouldAdjustScrollOnResize;
 		(0, react.useLayoutEffect)(() => {
-			if (!shouldVirtualize || !deduplicatedMessages.length) return;
-			virtualizer.scrollToIndex(deduplicatedMessages.length - 1, { align: "end" });
+			if (!shouldVirtualize || !renderedMessages.length) return;
+			virtualizer.scrollToIndex(renderedMessages.length - 1, { align: "end" });
 		}, [shouldVirtualize, firstMessageId]);
-		const intelligenceTurnAnchors = (0, react.useMemo)(() => getIntelligenceTurnAnchors(deduplicatedMessages), [deduplicatedMessages]);
+		const intelligenceTurnAnchors = (0, react.useMemo)(() => getIntelligenceTurnAnchors(deduplicatedMessages, renderedMessages), [deduplicatedMessages, renderedMessages]);
 		const renderMessageBlock = (message) => {
 			const elements = [];
-			const stateSnapshot = getStateSnapshotForMessage(message.id);
+			const stateSnapshot = renderCustomMessage ? getStateSnapshotForMessage(message.id) : void 0;
 			const rowKey = rowRenderKeys.get(message.id) ?? message.id;
 			if (renderCustomMessage) elements.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoizedCustomMessage, {
 				message,
@@ -7716,6 +7817,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 				message,
 				messages,
 				isRunning,
+				isLatest: message.id === latestRenderedId,
 				AssistantMessageComponent: AssistantComponent,
 				slotProps: assistantSlotPropsWithFeedback
 			}, rowKey));
@@ -7732,6 +7834,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 				message,
 				messages,
 				isRunning,
+				isLatest: message.id === latestRenderedId,
 				ReasoningMessageComponent: ReasoningComponent,
 				slotProps: reasoningSlotProps
 			}, rowKey));
@@ -7749,7 +7852,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			}, `intelligence-${intelligenceTurnId}`));
 			return elements.filter(Boolean);
 		};
-		const messageElements = shouldVirtualize ? [] : deduplicatedMessages.flatMap(renderMessageBlock);
+		const messageElements = shouldVirtualize ? [] : renderedMessages.flatMap(renderMessageBlock);
 		if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-copilotkit": true,
 			style: { display: "contents" },
@@ -7760,7 +7863,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 				interruptElement
 			})
 		});
-		const lastMessage = messages[messages.length - 1];
+		const lastMessage = renderedMessages[renderedMessages.length - 1];
 		const showCursor = isRunning && lastMessage?.role !== "reasoning";
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			"data-copilotkit": true,
@@ -7774,7 +7877,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 						position: "relative"
 					},
 					children: virtualizer.getVirtualItems().map((virtualItem) => {
-						const message = deduplicatedMessages[virtualItem.index];
+						const message = renderedMessages[virtualItem.index];
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							"data-index": virtualItem.index,
 							ref: virtualizer.measureElement,
@@ -8341,7 +8444,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	}
 	(function(_CopilotChatView) {
 		const ScrollContent = ({ children, scrollToBottomButton, feather, inputContainerHeight, isResizing }) => {
-			const { isAtBottom, scrollToBottom, scrollRef } = (0, use_stick_to_bottom.useStickToBottomContext)();
+			const { isAtBottom, scrollToBottom, scrollRef, state } = (0, use_stick_to_bottom.useStickToBottomContext)();
 			const [scrollEl, setScrollEl] = (0, react.useState)(null);
 			(0, react.useLayoutEffect)(() => {
 				setScrollEl(scrollRef.current ?? null);
@@ -8349,25 +8452,28 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollElementContext.Provider, {
 				value: scrollEl,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(use_stick_to_bottom.StickToBottom.Content, {
-						className: "cpk:overflow-y-auto cpk:overflow-x-hidden",
-						style: {
-							flex: "1 1 0%",
-							minHeight: 0
-						},
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "cpk:px-4 cpk:@3xl:px-0 cpk:[div[data-sidebar-chat]_&]:px-8 cpk:[div[data-popup-chat]_&]:px-6",
-							children
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollPinnedContext.Provider, {
+					value: state.isAtBottom,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(use_stick_to_bottom.StickToBottom.Content, {
+							className: "cpk:overflow-y-auto cpk:overflow-x-hidden",
+							style: {
+								flex: "1 1 0%",
+								minHeight: 0
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "cpk:px-4 cpk:@3xl:px-0 cpk:[div[data-sidebar-chat]_&]:px-8 cpk:[div[data-popup-chat]_&]:px-6",
+								children
+							})
+						}),
+						BoundFeather,
+						!isAtBottom && !isResizing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "cpk:absolute cpk:inset-x-0 cpk:flex cpk:justify-center cpk:z-30 cpk:pointer-events-none",
+							style: { bottom: `${inputContainerHeight + SCROLL_BUTTON_OFFSET}px` },
+							children: renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, { onClick: () => scrollToBottom() })
 						})
-					}),
-					BoundFeather,
-					!isAtBottom && !isResizing && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "cpk:absolute cpk:inset-x-0 cpk:flex cpk:justify-center cpk:z-30 cpk:pointer-events-none",
-						style: { bottom: `${inputContainerHeight + SCROLL_BUTTON_OFFSET}px` },
-						children: renderSlot(scrollToBottomButton, CopilotChatView.ScrollToBottomButton, { onClick: () => scrollToBottom() })
-					})
-				] })
+					] })
+				})
 			});
 		};
 		const PinToSendScrollContainer = ({ children, scrollRef, contentRef, scrollToBottom, scrollToBottomButton, feather, inputContainerHeight, isResizing, nonAutoScrollEl, nonAutoScrollRefCallback, showScrollButton, className, ...props }) => {
@@ -10055,7 +10161,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		const { status, checkFeature } = useLicenseContext();
 		const licensePresent = status === "valid" || status === "expiring";
 		const featureLicensed = checkFeature("threads");
-		const licensed = licensePresent && featureLicensed;
+		const licensed = status === "unknown" || licensePresent && featureLicensed;
 		const licensePending = status === null;
 		const providerAgentId = useDefaultAgentId();
 		const resolvedAgentId = agentId ?? configuration?.agentId ?? providerAgentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;