@copilotkit/react-core 1.73.3 → 1.75.0

package/dist/{copilotkit-D_c2dJ9t.cjs → copilotkit-D2emzYuj.cjs}

@@ -1633,6 +1633,10 @@ function useRenderToolCall() {
 	return renderToolCall;
 }
 
+//#endregion
+//#region package.json
+var version = "1.75.0";
+
 //#endregion
 //#region src/v2/components/CopilotKitInspector.tsx
 const CopilotKitInspector = ({ core, openRequest, onVisibilityChange }) => {
@@ -1655,7 +1659,11 @@ const CopilotKitInspector = ({ core, openRequest, onVisibilityChange }) => {
 			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;
@@ -3860,8 +3868,8 @@ function useRenderCustomMessages() {
 		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}`;
@@ -6356,7 +6364,7 @@ function BoundInspectorButton({ inspectorButton, messageId, openInspector, ...pr
 		})
 	});
 }
-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();
@@ -6392,7 +6400,7 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp,
 		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,
@@ -6906,8 +6914,8 @@ function formatDuration(seconds) {
 	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);
@@ -7132,6 +7140,32 @@ CopilotChatSuggestionView.displayName = "CopilotChatSuggestionView";
 */
 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
 /**
@@ -7276,24 +7310,31 @@ const INTELLIGENCE_TURN_HEAD = "__cpk_turn_head__";
 * 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;
 }
 /**
@@ -7439,11 +7480,12 @@ function resolveSlotComponent(slot, DefaultComponent) {
 /**
 * 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) => {
@@ -7465,7 +7507,7 @@ const MemoizedAssistantMessage = react.default.memo(function MemoizedAssistantMe
 		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;
@@ -7499,20 +7541,19 @@ const MemoizedActivityMessage = react.default.memo(function MemoizedActivityMess
 /**
 * 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;
@@ -7596,7 +7637,8 @@ function deduplicateMessages(messages) {
 	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 } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
@@ -7628,13 +7670,27 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 		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 ??= (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;
@@ -7668,27 +7724,72 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 	(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,
@@ -7700,6 +7801,7 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 			message,
 			messages,
 			isRunning,
+			isLatest: message.id === latestRenderedId,
 			AssistantMessageComponent: AssistantComponent,
 			slotProps: assistantSlotPropsWithFeedback
 		}, rowKey));
@@ -7716,6 +7818,7 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 			message,
 			messages,
 			isRunning,
+			isLatest: message.id === latestRenderedId,
 			ReasoningMessageComponent: ReasoningComponent,
 			slotProps: reasoningSlotProps
 		}, rowKey));
@@ -7733,7 +7836,7 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 		}, `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" },
@@ -7744,7 +7847,7 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 			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,
@@ -7758,7 +7861,7 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 					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,
@@ -8325,7 +8428,7 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 }
 (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);
@@ -8333,25 +8436,28 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 		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 }) => {
@@ -10039,7 +10145,7 @@ function CopilotThreadsDrawer({ agentId, onThreadSelect, onNewThread, onLicensed
 	const { status, checkFeature } = (0, _copilotkit_react_core_v2_context.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 = (0, _copilotkit_react_core_v2_context.useDefaultAgentId)();
 	const resolvedAgentId = agentId ?? configuration?.agentId ?? providerAgentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
@@ -13009,4 +13115,4 @@ Object.defineProperty(exports, 'useToast', {
     return useToast;
   }
 });
-//# sourceMappingURL=copilotkit-D_c2dJ9t.cjs.map
+//# sourceMappingURL=copilotkit-D2emzYuj.cjs.map