@copilotkit/react-core 1.79.1 → 1.79.2-canary.1792172552

package/dist/v2/index.umd.js

@@ -180,7 +180,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	* Returns true only for plain JS objects (`{}`), excluding arrays, Dates,
 	* class instances, and other exotic objects that happen to have typeof "object".
 	*/
-	function isPlainObject(obj) {
+	function isPlainObject$1(obj) {
 		return obj !== null && typeof obj === "object" && Object.prototype.toString.call(obj) === "[object Object]";
 	}
 	/**
@@ -199,7 +199,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	function useShallowStableRef(value) {
 		const ref = (0, react.useRef)(value);
 		if (ref.current === value) return ref.current;
-		if (isPlainObject(ref.current) && isPlainObject(value)) {
+		if (isPlainObject$1(ref.current) && isPlainObject$1(value)) {
 			if (shallowEqual(ref.current, value)) return ref.current;
 		}
 		ref.current = value;
@@ -1766,7 +1766,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 
 //#endregion
 //#region package.json
-	var version = "1.79.1";
+	var version = "1.79.2-canary.1792172552";
 
 //#endregion
 //#region src/v2/components/CopilotKitInspector.tsx
@@ -4035,12 +4035,86 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		}), [renderActivityMessage, findRenderer]);
 	}
 
+//#endregion
+//#region src/v2/hooks/tool-registration.ts
+/**
+	* Deps comparison shared by `useFrontendTool` (and through it
+	* `useHumanInTheLoop` and `useComponent`) and `useRenderTool`. Not part of the
+	* public API.
+	*/
+	const EMPTY_DEPS$1 = [];
+	function isPlainObject(value) {
+		const proto = Object.getPrototypeOf(value);
+		return proto === Object.prototype || proto === null;
+	}
+	/**
+	* Plain data (primitives, plain objects, arrays, dates) compares by value.
+	* Functions always compare equal: these hooks used to compare
+	* `JSON.stringify(deps)`, which turns every function into `null`, and a
+	* function that counted as changed would re-register on every render when it
+	* is written inline (and loop in a component that also reads
+	* `useRenderToolCall`). Everything else (class instances, maps, sets) compares
+	* by identity. A cycle inside plain data is safe: a pair already being
+	* compared counts as equal for that branch.
+	*/
+	function depEqual(a, b, seen) {
+		if (Object.is(a, b)) return true;
+		if (typeof a === "function" && typeof b === "function") return true;
+		if (typeof a !== "object" || typeof b !== "object" || a === null || b === null) return false;
+		if (a instanceof Date && b instanceof Date) return Object.is(a.getTime(), b.getTime());
+		const aIsArray = Array.isArray(a);
+		if (aIsArray !== Array.isArray(b)) return false;
+		if (!aIsArray && !(isPlainObject(a) && isPlainObject(b))) return false;
+		if (seen.get(a) === b) return true;
+		seen.set(a, b);
+		if (aIsArray) {
+			const left = a;
+			const right = b;
+			if (left.length !== right.length) return false;
+			for (let i = 0; i < left.length; i++) if (!depEqual(left[i], right[i], seen)) return false;
+			return true;
+		}
+		const left = a;
+		const right = b;
+		const leftKeys = Object.keys(left);
+		if (leftKeys.length !== Object.keys(right).length) return false;
+		for (const key of leftKeys) {
+			if (!Object.prototype.hasOwnProperty.call(right, key)) return false;
+			if (!depEqual(left[key], right[key], seen)) return false;
+		}
+		return true;
+	}
+	/** Whether two deps arrays are equal. A change in length is always a change. */
+	function depsEqual(prev, next) {
+		if (prev.length !== next.length) return false;
+		const seen = /* @__PURE__ */ new Map();
+		for (let i = 0; i < prev.length; i++) if (!depEqual(prev[i], next[i], seen)) return false;
+		return true;
+	}
+	/**
+	* Turns a caller's `deps` array into a number that changes exactly when the
+	* deps change, by the rules of {@link depsEqual}. Put the number, not the
+	* array, in the registration effect's dependency list: that keeps the list a
+	* constant length and never serializes a value.
+	*/
+	function useDepsVersion(deps) {
+		const next = deps ?? EMPTY_DEPS$1;
+		const ref = (0, react.useRef)({
+			deps: next,
+			version: 0
+		});
+		if (ref.current.deps !== next && !depsEqual(ref.current.deps, next)) ref.current = {
+			deps: next,
+			version: ref.current.version + 1
+		};
+		return ref.current.version;
+	}
+
 //#endregion
 //#region src/v2/hooks/use-frontend-tool.tsx
-	const EMPTY_DEPS$2 = [];
 	function useFrontendTool(tool, deps) {
 		const { copilotkit } = useCopilotKit();
-		const extraDeps = deps ?? EMPTY_DEPS$2;
+		const depsVersion = useDepsVersion(deps);
 		(0, react.useLayoutEffect)(() => {
 			const name = tool.name;
 			if (copilotkit.getTool({
@@ -4064,14 +4138,14 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			tool.name,
 			tool.available,
 			copilotkit,
-			JSON.stringify(extraDeps),
+			depsVersion,
 			JSON.stringify(tool.webmcp ?? null)
 		]);
 	}
 
 //#endregion
 //#region src/v2/hooks/use-frontend-tools.tsx
-	const EMPTY_DEPS$1 = [];
+	const EMPTY_DEPS = [];
 	const EMPTY_TOOLS = [];
 	/**
 	* Register a list of frontend tools whose length can change between renders.
@@ -4125,7 +4199,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	function useFrontendTools(tools, deps) {
 		const { copilotkit } = useCopilotKit();
 		const toolList = tools ?? EMPTY_TOOLS;
-		const extraDeps = deps ?? EMPTY_DEPS$1;
+		const extraDeps = deps ?? EMPTY_DEPS;
 		(0, react.useLayoutEffect)(() => {
 			const deduped = /* @__PURE__ */ new Map();
 			for (const tool of toolList) {
@@ -4236,8 +4310,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 
 //#endregion
 //#region src/v2/hooks/use-render-tool.tsx
-	const EMPTY_DEPS = [];
-	/**
+/**
 	* Registers a renderer entry in CopilotKit's `renderToolCalls` registry.
 	*
 	* Key behavior:
@@ -4280,7 +4353,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 	*/
 	function useRenderTool(config, deps) {
 		const { copilotkit } = useCopilotKit();
-		const extraDeps = deps ?? EMPTY_DEPS;
+		const depsVersion = useDepsVersion(deps);
 		(0, react.useEffect)(() => {
 			const renderer = config.name === "*" && !config.parameters ? defineToolCallRenderer({
 				name: "*",
@@ -4312,7 +4385,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		}, [
 			config.name,
 			copilotkit,
-			JSON.stringify(extraDeps)
+			depsVersion
 		]);
 	}
 
@@ -7810,6 +7883,8 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			(0, _copilotkit_shared.commitRowKeyStore)(rowKeyStore, renderedMessages);
 		}, [rowKeyStore, renderedMessages]);
 		const stableGroupKey = (key) => rowRenderKeys.get(key) ?? key;
+		const rowKey = (row) => row.type === "group" ? `${GROUP_ROW_KEY_PREFIX}${stableGroupKey(row.key)}` : rowRenderKeys.get(row.message.id) ?? row.message.id;
+		const rowKeys = (0, react.useMemo)(() => rows.map(rowKey), [rows, rowRenderKeys]);
 		const groupStateRef = (0, react.useRef)(/* @__PURE__ */ new Map());
 		const groupSettersRef = (0, react.useRef)(/* @__PURE__ */ new Map());
 		const groupStateThreadRef = (0, react.useRef)(config?.threadId);
@@ -7883,6 +7958,8 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			total: 0,
 			sizes: /* @__PURE__ */ new Map()
 		});
+		const rowKeysRef = react.default.useRef(rowKeys);
+		rowKeysRef.current = rowKeys;
 		const firstMessageId = deduplicatedMessages[0]?.id;
 		const measuredThreadRef = react.default.useRef(firstMessageId);
 		if (measuredThreadRef.current !== firstMessageId) {
@@ -7892,6 +7969,16 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 				sizes: /* @__PURE__ */ new Map()
 			};
 		}
+		const measuredKeysRef = react.default.useRef(rowKeys);
+		if (measuredKeysRef.current !== rowKeys) {
+			measuredKeysRef.current = rowKeys;
+			const live = new Set(rowKeys);
+			const measured = measuredRef.current;
+			for (const [key, height] of measured.sizes) if (!live.has(key)) {
+				measured.sizes.delete(key);
+				measured.total -= height;
+			}
+		}
 		const estimateRowSize = react.default.useCallback(() => {
 			const { total, sizes } = measuredRef.current;
 			return sizes.size > 0 ? Math.max(1, Math.round(total / sizes.size)) : 100;
@@ -7899,13 +7986,15 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 		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 key = Number.isInteger(index) ? rowKeysRef.current[index] : void 0;
+			if (height > 0 && key !== void 0) {
 				const { total, sizes } = measuredRef.current;
-				measuredRef.current.total = total - (sizes.get(index) ?? 0) + height;
-				sizes.set(index, height);
+				measuredRef.current.total = total - (sizes.get(key) ?? 0) + height;
+				sizes.set(key, height);
 			}
 			return height;
 		}, []);
+		const getRowKey = react.default.useCallback((index) => rowKeys[index] ?? index, [rowKeys]);
 		const isPinnedToBottomRef = react.default.useRef(isPinnedToBottom);
 		const shouldAdjustScrollOnResize = react.default.useCallback((item, _delta, instance) => {
 			if (isPinnedToBottomRef.current) return false;
@@ -7916,6 +8005,7 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			count: shouldVirtualize ? rows.length : 0,
 			getScrollElement: () => scrollElement,
 			estimateSize: estimateRowSize,
+			getItemKey: getRowKey,
 			overscan: 5,
 			measureElement: measureRowElement,
 			initialRect: {
@@ -7979,7 +8069,6 @@ _radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu);
 			}, `intelligence-${intelligenceTurnId}`));
 			return elements.filter(Boolean);
 		};
-		const rowKey = (row) => row.type === "group" ? `${GROUP_ROW_KEY_PREFIX}${stableGroupKey(row.key)}` : rowRenderKeys.get(row.message.id) ?? row.message.id;
 		const renderRow = (row) => {
 			if (row.type === "message") return renderMessageBlock(row.message);
 			const Wrapper = row.wrapper;
@@ -13186,6 +13275,12 @@ Object.defineProperty(exports, 'IntelligenceAgent', {
 });
 exports.IntelligenceIndicator = IntelligenceIndicator;
 exports.IntelligenceIndicatorView = IntelligenceIndicatorView;
+Object.defineProperty(exports, 'IntelligenceReplayFailedError', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_core.IntelligenceReplayFailedError;
+  }
+});
 Object.defineProperty(exports, 'InterruptSchema', {
   enumerable: true,
   get: function () {