@copilotkit/react-core 1.71.2 → 1.72.1-canary.sp-longthread-perf

package/dist/{copilotkit-qK-Q3rmE.mjs → copilotkit-B2TZRWwp.mjs}

@@ -3825,8 +3825,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}`;
@@ -6999,6 +6999,32 @@ CopilotChatSuggestionView.displayName = "CopilotChatSuggestionView";
 */
 const ScrollElementContext = React.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.createContext(false);
+
 //#endregion
 //#region src/v2/components/intelligence-indicator/IntelligenceIndicatorView.tsx
 /**
@@ -7464,6 +7490,7 @@ function deduplicateMessages(messages) {
 }
 const VIRTUALIZE_THRESHOLD = 50;
 function CopilotChatMessageView({ messages = [], assistantMessage, userMessage, reasoningMessage, cursor, intelligenceIndicator, isRunning = false, children, className, ...props }) {
+	const isPinnedToBottom = useContext(ScrollPinnedContext);
 	const renderCustomMessage = useRenderCustomMessages();
 	const { renderActivityMessage } = useRenderActivityMessage();
 	const { copilotkit } = useCopilotKit$1();
@@ -7529,17 +7556,36 @@ 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.useRef({
+		count: 0,
+		total: 0
+	});
+	const isPinnedToBottomRef = React.useRef(isPinnedToBottom);
+	const shouldAdjustScrollOnResize = React.useCallback(() => !isPinnedToBottomRef.current, []);
+	const estimateRowSize = React.useCallback(() => {
+		const { count, total } = measuredRef.current;
+		return count > 0 ? Math.max(1, Math.round(total / count)) : 100;
+	}, []);
 	const virtualizer = useVirtualizer({
 		count: shouldVirtualize ? deduplicatedMessages.length : 0,
 		getScrollElement: () => scrollElement,
-		estimateSize: () => 100,
+		estimateSize: estimateRowSize,
 		overscan: 5,
-		measureElement: (el) => el?.getBoundingClientRect().height ?? 0,
+		measureElement: (el) => {
+			const height = el?.getBoundingClientRect().height ?? 0;
+			if (height > 0) {
+				measuredRef.current.count += 1;
+				measuredRef.current.total += height;
+			}
+			return height;
+		},
 		initialRect: {
 			width: 0,
 			height: 600
 		}
 	});
+	isPinnedToBottomRef.current = isPinnedToBottom;
+	virtualizer.shouldAdjustScrollPositionOnItemSizeChange = shouldAdjustScrollOnResize;
 	const firstMessageId = deduplicatedMessages[0]?.id;
 	useLayoutEffect(() => {
 		if (!shouldVirtualize || !deduplicatedMessages.length) return;
@@ -7548,7 +7594,7 @@ function CopilotChatMessageView({ messages = [], assistantMessage, userMessage,
 	const intelligenceTurnAnchors = useMemo(() => getIntelligenceTurnAnchors(deduplicatedMessages), [deduplicatedMessages]);
 	const renderMessageBlock = (message) => {
 		const elements = [];
-		const stateSnapshot = getStateSnapshotForMessage(message.id);
+		const stateSnapshot = renderCustomMessage ? getStateSnapshotForMessage(message.id) : void 0;
 		if (renderCustomMessage) elements.push(/* @__PURE__ */ jsx(MemoizedCustomMessage, {
 			message,
 			position: "before",
@@ -8192,25 +8238,28 @@ function CopilotChatView({ messageView, input, scrollView, suggestionView, welco
 		const BoundFeather = renderSlot(feather, CopilotChatView.Feather, {});
 		return /* @__PURE__ */ jsx(ScrollElementContext.Provider, {
 			value: scrollEl,
-			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-				/* @__PURE__ */ jsx(StickToBottom.Content, {
-					className: "cpk:overflow-y-auto cpk:overflow-x-hidden",
-					style: {
-						flex: "1 1 0%",
-						minHeight: 0
-					},
-					children: /* @__PURE__ */ 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__ */ jsx(ScrollPinnedContext.Provider, {
+				value: isAtBottom,
+				children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					/* @__PURE__ */ jsx(StickToBottom.Content, {
+						className: "cpk:overflow-y-auto cpk:overflow-x-hidden",
+						style: {
+							flex: "1 1 0%",
+							minHeight: 0
+						},
+						children: /* @__PURE__ */ 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__ */ 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__ */ 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 }) => {
@@ -11944,6 +11993,7 @@ function CopilotKitErrorBridge() {
 }
 function CopilotKitInternal(cpkProps) {
 	const { children, ...props } = cpkProps;
+	const { copilotkit } = useCopilotKit$1();
 	/**
 	* This will throw an error if the props are invalid.
 	*/
@@ -11979,10 +12029,14 @@ function CopilotKitInternal(cpkProps) {
 		});
 	}, []);
 	const getContextString = useCallback((documents, categories) => {
-		return `${documents.map((document) => {
+		const documentsString = documents.map((document) => {
 			return `${document.name} (${document.sourceApplication}):\n${document.getContents()}`;
-		}).join("\n\n")}\n\n${printTree(categories)}`;
-	}, [printTree]);
+		}).join("\n\n");
+		const nonDocumentStrings = printTree(categories);
+		const readableContextString = copilotkit.getContextForAgent().map(({ description, value }) => `${description}:\n${value}`).join("\n\n");
+		const existingContextString = `${documentsString}\n\n${nonDocumentStrings}`;
+		return readableContextString ? `${existingContextString}\n\n${readableContextString}` : existingContextString;
+	}, [copilotkit, printTree]);
 	const addContext = useCallback((context, parentId, categories = defaultCopilotContextCategories) => {
 		return addElement(context, categories, parentId);
 	}, [addElement]);
@@ -12367,4 +12421,4 @@ function validateProps(props) {
 
 //#endregion
 export { useAgentContext as $, CopilotChatMessageView as A, AudioRecorderError as At, CopilotChatAssistantMessage_default as B, CopilotModalHeader as C, MCPAppsActivityContentSchema as Ct, CopilotChat as D, CopilotKitInspector as Dt, DefaultOpenIcon as E, ɵrunMcpFollowUp as Et, CopilotChatSuggestionView as F, useLearnFromUserActionInCurrentThread as G, useLearningContainersInCurrentThread as H, CopilotChatSuggestionPill as I, useThreads$1 as J, useLearnFromUserAction as K, CopilotChatReasoningMessage_default as L, IntelligenceIndicator as M, CopilotChatConfigurationProvider as Mt, getIntelligenceTurnAnchors as N, useCopilotChatConfiguration as Nt, CopilotChatView_default as O, useRenderToolCall as Ot, IntelligenceIndicatorView as P, useSuggestions as Q, CopilotChatUserMessage_default as R, CopilotSidebarView as S, useSandboxFunctions as St, DefaultCloseIcon as T, MCPAppsActivityType as Tt, useLearningContainers as U, CopilotChatToolCallsView as V, useAttachments as W, INTERRUPT_EVENT_NAME as X, useInterrupt as Y, useConfigureSuggestions as Z, WildcardToolCallRender as _, OpenGenerativeUIActivityRenderer as _t, ThreadsProvider as a, useRenderTool as at, CopilotSidebar as b, OpenGenerativeUIToolRenderer as bt, CoAgentStateRendersProvider as c, useRenderActivityMessage as ct, shouldShowDevConsole as d, useCopilotKit$1 as dt, useCapabilities as et, useToast as f, useLicenseContext$1 as ft, useCopilotContext as g, GenerateSandboxedUiArgsSchema as gt, CopilotContext as h, createA2UIMessageRenderer as ht, ThreadsContext as i, useDefaultRenderTool as it, INTELLIGENCE_TURN_HEAD as j, CopilotChatAudioRecorder as jt, CopilotChatAttachmentQueue as k, CopilotChatInput_default as kt, useCoAgentStateRenders as l, useRenderCustomMessages as lt, useCopilotMessagesContext as m, defineToolCallRenderer as mt, defaultCopilotContextCategories as n, useAgent as nt, useThreads as o, useComponent as ot, CopilotMessagesContext as p, CopilotKitCoreReact as pt, useMemories as q, CoAgentStateRenderBridge as r, useHumanInTheLoop as rt, CoAgentStateRendersContext as s, useFrontendTool as st, CopilotKit as t, UseAgentUpdate as tt, useAsyncCallback as u, CopilotKitProvider as ut, CopilotThreadsDrawer as v, OpenGenerativeUIActivityType as vt, CopilotChatToggleButton as w, MCPAppsActivityRenderer as wt, CopilotPopupView as x, SandboxFunctionsContext as xt, CopilotPopup as y, OpenGenerativeUIContentSchema as yt, CopilotChatAttachmentRenderer as z };
-//# sourceMappingURL=copilotkit-qK-Q3rmE.mjs.map
+//# sourceMappingURL=copilotkit-B2TZRWwp.mjs.map