@copilotkit/react-core 1.73.2 → 1.74.0

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

@@ -1633,6 +1633,10 @@ function useRenderToolCall() {
 	return renderToolCall;
 }
 
+//#endregion
+//#region package.json
+var version = "1.74.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}`;
@@ -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
 /**
@@ -7597,6 +7631,7 @@ function deduplicateMessages(messages) {
 }
 const VIRTUALIZE_THRESHOLD = 50;
 function CopilotChatMessageView({ messages = [], assistantMessage, userMessage, reasoningMessage, cursor, intelligenceIndicator, isRunning = false, children, className, ...props }) {
+	const isPinnedToBottom = (0, react.useContext)(ScrollPinnedContext);
 	const renderCustomMessage = useRenderCustomMessages();
 	const { renderActivityMessage } = useRenderActivityMessage();
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
@@ -7669,18 +7704,52 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 		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 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,
 		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" });
@@ -7688,7 +7757,7 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 	const intelligenceTurnAnchors = (0, react.useMemo)(() => getIntelligenceTurnAnchors(deduplicatedMessages), [deduplicatedMessages]);
 	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,
@@ -8325,7 +8394,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 +8402,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 +10111,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 +13081,4 @@ Object.defineProperty(exports, 'useToast', {
     return useToast;
   }
 });
-//# sourceMappingURL=copilotkit-D_c2dJ9t.cjs.map
+//# sourceMappingURL=copilotkit-C5FS3iDK.cjs.map