@copilotkit/react-core 1.69.3 → 1.70.0

package/dist/v2/headless.cjs

@@ -484,7 +484,7 @@ const EMPTY_DEPS$1 = [];
 function useFrontendTool(tool, deps) {
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
 	const extraDeps = deps ?? EMPTY_DEPS$1;
-	(0, react.useEffect)(() => {
+	(0, react.useLayoutEffect)(() => {
 		const name = tool.name;
 		if (copilotkit.getTool({
 			toolName: name,
@@ -581,6 +581,8 @@ function useComponent(config, deps) {
 
 //#endregion
 //#region src/v2/hooks/use-human-in-the-loop.tsx
+/** Registration name of a catch-all tool: handles any otherwise-unhandled call. */
+const WILDCARD_TOOL_NAME = "*";
 function useHumanInTheLoop(tool, deps) {
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
 	const resolvePromiseRef = (0, react.useRef)(null);
@@ -616,10 +618,11 @@ function useHumanInTheLoop(tool, deps) {
 	}, []);
 	const RenderComponent = (0, react.useCallback)((props) => {
 		const ToolComponent = tool.render;
+		const name = tool.name === WILDCARD_TOOL_NAME ? props.name : tool.name;
 		if (props.status === _copilotkit_core.ToolCallStatus.InProgress) {
 			const enhancedProps = {
 				...props,
-				name: tool.name,
+				name,
 				description: tool.description || "",
 				agentId: tool.agentId,
 				respond: void 0
@@ -628,7 +631,7 @@ function useHumanInTheLoop(tool, deps) {
 		} else if (props.status === _copilotkit_core.ToolCallStatus.Executing) {
 			const enhancedProps = {
 				...props,
-				name: tool.name,
+				name,
 				description: tool.description || "",
 				agentId: tool.agentId,
 				respond
@@ -637,7 +640,7 @@ function useHumanInTheLoop(tool, deps) {
 		} else if (props.status === _copilotkit_core.ToolCallStatus.Complete) {
 			const enhancedProps = {
 				...props,
-				name: tool.name,
+				name,
 				description: tool.description || "",
 				agentId: tool.agentId,
 				respond: void 0
@@ -657,7 +660,7 @@ function useHumanInTheLoop(tool, deps) {
 		handler,
 		render: RenderComponent
 	}, deps);
-	(0, react.useEffect)(() => {
+	(0, react.useLayoutEffect)(() => {
 		return () => {
 			copilotkit.removeHookRenderToolCall(tool.name, tool.agentId);
 		};
@@ -669,8 +672,12 @@ function useHumanInTheLoop(tool, deps) {
 }
 
 //#endregion
-//#region src/v2/hooks/use-interrupt.tsx
+//#region src/v2/types/interrupt.ts
+/** Name of the legacy custom event agents emit to signal an interrupt. */
 const INTERRUPT_EVENT_NAME = "on_interrupt";
+
+//#endregion
+//#region src/v2/hooks/use-interrupt.tsx
 function isPromiseLike(value) {
 	return (typeof value === "object" || typeof value === "function") && value !== null && typeof Reflect.get(value, "then") === "function";
 }
@@ -1244,7 +1251,7 @@ function useThreadStoreSelector(store, selector) {
 */
 function useThreads({ agentId, includeArchived, limit, enabled = true }) {
 	const { copilotkit } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
-	const [store] = (0, react.useState)(() => (0, _copilotkit_core.ɵcreateThreadStore)({ fetch: globalThis.fetch }));
+	const [store] = (0, react.useState)(() => (0, _copilotkit_core.ɵcreateThreadStore)({ fetch: copilotkit.ɵruntimeFetch }));
 	const coreThreads = useThreadStoreSelector(store, _copilotkit_core.ɵselectThreads);
 	const threads = (0, react.useMemo)(() => coreThreads.map(({ id, agentId, name, archived, createdAt, updatedAt, lastRunAt }) => ({
 		id,