@copilotkit/react-core 1.63.2 → 1.64.0

package/dist/v2/headless.cjs

@@ -30,13 +30,12 @@ let _copilotkit_react_core_v2_context = require("@copilotkit/react-core/v2/conte
 let react = require("react");
 react = __toESM(react);
 let _copilotkit_shared = require("@copilotkit/shared");
-let tailwind_merge = require("tailwind-merge");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ag_ui_client = require("@ag-ui/client");
 let _copilotkit_core = require("@copilotkit/core");
 let zod = require("zod");
 
-//#region src/v2/lib/slots.tsx
+//#region src/v2/lib/shallow-stable-ref.ts
 /**
 * Shallow equality comparison for objects.
 */
@@ -76,49 +75,6 @@ function useShallowStableRef(value) {
 	ref.current = value;
 	return ref.current;
 }
-/**
-* Check if a value is a React component type (function, class, forwardRef, memo, etc.)
-*/
-function isReactComponentType(value) {
-	if (typeof value === "function") return true;
-	if (value && typeof value === "object" && "$$typeof" in value && !react.default.isValidElement(value)) return true;
-	return false;
-}
-/**
-* Internal function to render a slot value as a React element (non-memoized).
-*/
-function renderSlotElement(slot, DefaultComponent, props) {
-	if (typeof slot === "string") {
-		const existingClassName = props.className;
-		return react.default.createElement(DefaultComponent, {
-			...props,
-			className: (0, tailwind_merge.twMerge)(existingClassName, slot)
-		});
-	}
-	if (isReactComponentType(slot)) return react.default.createElement(slot, props);
-	if (slot && typeof slot === "object" && !react.default.isValidElement(slot)) return react.default.createElement(DefaultComponent, {
-		...props,
-		...slot
-	});
-	return react.default.createElement(DefaultComponent, props);
-}
-/**
-* Internal memoized wrapper component for renderSlot.
-* Uses forwardRef to support ref forwarding.
-*/
-const MemoizedSlotWrapper = react.default.memo(react.default.forwardRef(function MemoizedSlotWrapper(props, ref) {
-	const { $slot, $component, ...rest } = props;
-	return renderSlotElement($slot, $component, ref !== null ? {
-		...rest,
-		ref
-	} : rest);
-}), (prev, next) => {
-	if (prev.$slot !== next.$slot) return false;
-	if (prev.$component !== next.$component) return false;
-	const { $slot: _ps, $component: _pc, ...prevRest } = prev;
-	const { $slot: _ns, $component: _nc, ...nextRest } = next;
-	return shallowEqual(prevRest, nextRest);
-});
 
 //#endregion
 //#region src/v2/providers/CopilotChatConfigurationProvider.tsx
@@ -358,17 +314,15 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 		const status = copilotkit.runtimeConnectionStatus;
 		if (isRuntimeConfigured && (status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Disconnected || status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Connecting)) {
 			const cached = provisionalAgentCache.current.get(resolvedAgentId);
-			if (cached) {
-				copilotkit.applyHeadersToAgent(cached);
-				return {
-					agent: cached,
-					isReady: false
-				};
-			}
+			if (cached) return {
+				agent: cached,
+				isReady: false
+			};
 			const provisional = new _copilotkit_core.ProxiedCopilotRuntimeAgent({
 				runtimeUrl: copilotkit.runtimeUrl,
 				agentId: resolvedAgentId,
 				transport: copilotkit.runtimeTransport,
+				credentials: copilotkit.credentials,
 				runtimeMode: "pending"
 			});
 			copilotkit.applyHeadersToAgent(provisional);
@@ -380,17 +334,15 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 		}
 		if (isRuntimeConfigured && status === _copilotkit_core.CopilotKitCoreRuntimeConnectionStatus.Error) {
 			const cached = provisionalAgentCache.current.get(resolvedAgentId);
-			if (cached) {
-				copilotkit.applyHeadersToAgent(cached);
-				return {
-					agent: cached,
-					isReady: false
-				};
-			}
+			if (cached) return {
+				agent: cached,
+				isReady: false
+			};
 			const provisional = new _copilotkit_core.ProxiedCopilotRuntimeAgent({
 				runtimeUrl: copilotkit.runtimeUrl,
 				agentId: resolvedAgentId,
 				transport: copilotkit.runtimeTransport,
+				credentials: copilotkit.credentials,
 				runtimeMode: "pending"
 			});
 			copilotkit.applyHeadersToAgent(provisional);
@@ -409,6 +361,7 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 		copilotkit.runtimeConnectionStatus,
 		copilotkit.runtimeUrl,
 		copilotkit.runtimeTransport,
+		copilotkit.credentials,
 		JSON.stringify(copilotkit.headers)
 	]);
 	(0, react.useEffect)(() => {
@@ -448,7 +401,12 @@ function useAgent({ agentId, updates, throttleMs } = {}) {
 	]);
 	(0, react.useEffect)(() => {
 		if (agent instanceof _ag_ui_client.HttpAgent) copilotkit.applyHeadersToAgent(agent);
-	}, [agent, JSON.stringify(copilotkit.headers)]);
+		if (agent instanceof _copilotkit_core.ProxiedCopilotRuntimeAgent) agent.credentials = copilotkit.credentials;
+	}, [
+		agent,
+		JSON.stringify(copilotkit.headers),
+		copilotkit.credentials
+	]);
 	const configThreadId = chatConfig?.threadId;
 	const configHasExplicitThreadId = chatConfig?.hasExplicitThreadId;
 	(0, react.useEffect)(() => {
@@ -1442,6 +1400,76 @@ function useRenderTool(config, deps) {
 	]);
 }
 
+//#endregion
+//#region src/v2/hooks/use-render-tool-call.tsx
+/**
+* Memoized component that renders a single tool call.
+* This prevents unnecessary re-renders when parent components update
+* but the tool call data hasn't changed.
+*/
+const ToolCallRenderer = react.default.memo(function ToolCallRenderer({ toolCall, toolMessage, RenderComponent, isExecuting }) {
+	const args = (0, react.useMemo)(() => (0, _copilotkit_shared.partialJSONParse)(toolCall.function.arguments), [toolCall.function.arguments]);
+	const toolName = toolCall.function.name;
+	if (toolMessage) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenderComponent, {
+		name: toolName,
+		toolCallId: toolCall.id,
+		args,
+		status: _copilotkit_core.ToolCallStatus.Complete,
+		result: toolMessage.content
+	});
+	else if (isExecuting) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenderComponent, {
+		name: toolName,
+		toolCallId: toolCall.id,
+		args,
+		status: _copilotkit_core.ToolCallStatus.Executing,
+		result: void 0
+	});
+	else return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenderComponent, {
+		name: toolName,
+		toolCallId: toolCall.id,
+		args,
+		status: _copilotkit_core.ToolCallStatus.InProgress,
+		result: void 0
+	});
+}, (prevProps, nextProps) => {
+	if (prevProps.toolCall.id !== nextProps.toolCall.id) return false;
+	if (prevProps.toolCall.function.name !== nextProps.toolCall.function.name) return false;
+	if (prevProps.toolCall.function.arguments !== nextProps.toolCall.function.arguments) return false;
+	if (prevProps.toolMessage?.content !== nextProps.toolMessage?.content) return false;
+	if (prevProps.isExecuting !== nextProps.isExecuting) return false;
+	if (prevProps.RenderComponent !== nextProps.RenderComponent) return false;
+	return true;
+});
+/**
+* Hook that returns a function to render tool calls based on the render functions
+* defined in CopilotKitProvider.
+*
+* @returns A function that takes a tool call and optional tool message and returns the rendered component
+*/
+function useRenderToolCall() {
+	const { copilotkit, executingToolCallIds } = (0, _copilotkit_react_core_v2_context.useCopilotKit)();
+	const agentId = useCopilotChatConfiguration()?.agentId ?? _copilotkit_shared.DEFAULT_AGENT_ID;
+	const renderToolCalls = (0, react.useSyncExternalStore)((callback) => {
+		return copilotkit.subscribe({ onRenderToolCallsChanged: callback }).unsubscribe;
+	}, () => copilotkit.renderToolCalls, () => copilotkit.renderToolCalls);
+	return (0, react.useCallback)(({ toolCall, toolMessage }) => {
+		const exactMatches = renderToolCalls.filter((rc) => rc.name === toolCall.function.name);
+		const renderConfig = exactMatches.find((rc) => rc.agentId === agentId) || exactMatches.find((rc) => !rc.agentId) || exactMatches[0] || renderToolCalls.find((rc) => rc.name === "*");
+		if (!renderConfig) return null;
+		const RenderComponent = renderConfig.render;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolCallRenderer, {
+			toolCall,
+			toolMessage,
+			RenderComponent,
+			isExecuting: executingToolCallIds.has(toolCall.id)
+		}, toolCall.id);
+	}, [
+		renderToolCalls,
+		executingToolCallIds,
+		agentId
+	]);
+}
+
 //#endregion
 //#region src/v2/hooks/use-capabilities.tsx
 /**
@@ -1471,6 +1499,7 @@ Object.defineProperty(exports, 'CopilotKitCoreReact', {
     return _copilotkit_react_core_v2_context.CopilotKitCoreReact;
   }
 });
+exports.UseAgentUpdate = UseAgentUpdate;
 exports.defineToolCallRenderer = defineToolCallRenderer;
 exports.useAgent = useAgent;
 exports.useAgentContext = useAgentContext;
@@ -1478,10 +1507,17 @@ exports.useCapabilities = useCapabilities;
 exports.useComponent = useComponent;
 exports.useConfigureSuggestions = useConfigureSuggestions;
 exports.useCopilotChatConfiguration = useCopilotChatConfiguration;
+Object.defineProperty(exports, 'useCopilotKit', {
+  enumerable: true,
+  get: function () {
+    return _copilotkit_react_core_v2_context.useCopilotKit;
+  }
+});
 exports.useFrontendTool = useFrontendTool;
 exports.useHumanInTheLoop = useHumanInTheLoop;
 exports.useInterrupt = useInterrupt;
 exports.useRenderTool = useRenderTool;
+exports.useRenderToolCall = useRenderToolCall;
 exports.useSuggestions = useSuggestions;
 exports.useThreads = useThreads;
 //# sourceMappingURL=headless.cjs.map