@copilotkit/react-core 1.56.0 → 1.56.1

package/dist/{copilotkit-Cvb6WpAX.cjs → copilotkit-CSJw5BG8.cjs}

@@ -299,8 +299,9 @@ const buttonVariants = (0, class_variance_authority.cva)("cpk:inline-flex cpk:it
 		size: "default"
 	}
 });
-function Button({ className, variant, size, asChild = false, ...props }) {
+const Button = react.forwardRef(function Button({ className, variant, size, asChild = false, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? _radix_ui_react_slot.Slot : "button", {
+		ref,
 		"data-slot": "button",
 		className: cn(buttonVariants({
 			variant,
@@ -309,7 +310,7 @@ function Button({ className, variant, size, asChild = false, ...props }) {
 		})),
 		...props
 	});
-}
+});
 
 //#endregion
 //#region src/v2/components/ui/tooltip.tsx
@@ -751,6 +752,7 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 		});
 	}, [clearInputValue]);
 	const handleKeyDown = (e) => {
+		if (e.nativeEvent.isComposing || e.keyCode === 229) return;
 		if (commandQuery !== null && mode === "input") {
 			if (e.key === "ArrowDown") {
 				if (filteredCommands.length > 0) {
@@ -798,10 +800,8 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 		const trimmed = resolvedValue.trim();
 		if (!trimmed) return;
 		onSubmitMessage(trimmed);
-		if (!isControlled) {
-			setInternalValue("");
-			onChange?.("");
-		}
+		if (!isControlled) setInternalValue("");
+		onChange?.("");
 		if (inputRef.current) inputRef.current.focus();
 	};
 	const BoundTextArea = renderSlot(textArea, CopilotChatInput.TextArea, {
@@ -809,6 +809,12 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 		value: resolvedValue,
 		onChange: handleChange,
 		onKeyDown: handleKeyDown,
+		onCompositionStart: () => {
+			isComposingRef.current = true;
+		},
+		onCompositionEnd: () => {
+			isComposingRef.current = false;
+		},
 		autoFocus,
 		className: (0, tailwind_merge.twMerge)("cpk:w-full cpk:py-3", isExpanded ? "cpk:px-5" : "cpk:pr-5")
 	});
@@ -883,9 +889,10 @@ function CopilotChatInput({ mode = "input", onSubmitMessage, onStop, isRunning =
 		const target = e.target;
 		if (target.tagName !== "BUTTON" && !target.closest("button") && inputRef.current && mode === "input") inputRef.current.focus();
 	};
+	const isComposingRef = (0, react.useRef)(false);
 	const ensureMeasurements = (0, react.useCallback)(() => {
 		const textarea = inputRef.current;
-		if (!textarea) return;
+		if (!textarea || isComposingRef.current) return;
 		const previousValue = textarea.value;
 		const previousHeight = textarea.style.height;
 		textarea.style.height = "auto";
@@ -3433,18 +3440,21 @@ const ToolCallRenderer = react.default.memo(function ToolCallRenderer({ toolCall
 	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
@@ -3701,7 +3711,7 @@ function useRenderCustomMessages() {
 		const runId = resolvedRunId ?? `missing-run-id:${message.id}`;
 		const registryAgent = copilotkit.getAgent(agentId);
 		const agent = getThreadClone(registryAgent, threadId) ?? registryAgent;
-		if (!agent) throw new Error("Agent not found");
+		if (!agent) return null;
 		const messagesIdsInRun = resolvedRunId ? agent.messages.filter((msg) => copilotkit.getRunIdForMessage(agentId, threadId, msg.id) === resolvedRunId).map((msg) => msg.id) : [message.id];
 		const rawMessageIndex = agent.messages.findIndex((msg) => msg.id === message.id);
 		const messageIndex = rawMessageIndex >= 0 ? rawMessageIndex : 0;
@@ -4871,10 +4881,10 @@ function CopilotChatAssistantMessage({ message, messages, isRunning, onThumbsUp,
 		if (message.content) return await (0, _copilotkit_shared.copyToClipboard)(message.content);
 		return false;
 	} });
-	const boundThumbsUpButton = renderSlot(thumbsUpButton, CopilotChatAssistantMessage.ThumbsUpButton, { onClick: onThumbsUp });
-	const boundThumbsDownButton = renderSlot(thumbsDownButton, CopilotChatAssistantMessage.ThumbsDownButton, { onClick: onThumbsDown });
-	const boundReadAloudButton = renderSlot(readAloudButton, CopilotChatAssistantMessage.ReadAloudButton, { onClick: onReadAloud });
-	const boundRegenerateButton = renderSlot(regenerateButton, CopilotChatAssistantMessage.RegenerateButton, { onClick: onRegenerate });
+	const boundThumbsUpButton = renderSlot(thumbsUpButton, CopilotChatAssistantMessage.ThumbsUpButton, { onClick: onThumbsUp ? () => onThumbsUp(message) : void 0 });
+	const boundThumbsDownButton = renderSlot(thumbsDownButton, CopilotChatAssistantMessage.ThumbsDownButton, { onClick: onThumbsDown ? () => onThumbsDown(message) : void 0 });
+	const boundReadAloudButton = renderSlot(readAloudButton, CopilotChatAssistantMessage.ReadAloudButton, { onClick: onReadAloud ? () => onReadAloud(message) : void 0 });
+	const boundRegenerateButton = renderSlot(regenerateButton, CopilotChatAssistantMessage.RegenerateButton, { onClick: onRegenerate ? () => onRegenerate(message) : void 0 });
 	const boundToolbar = renderSlot(toolbar, CopilotChatAssistantMessage.Toolbar, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "cpk:flex cpk:items-center cpk:gap-1",
 		children: [
@@ -9043,12 +9053,17 @@ const usePredictStateSubscription = (agent) => {
 		};
 	}, [agent, getSubscriber]);
 };
-function CopilotListeners() {
-	const { copilotkit } = useCopilotKit();
+function CopilotListenersAgentSubscription() {
 	const resolvedAgentId = useCopilotChatConfiguration()?.agentId;
-	const { setBannerError } = useToast();
 	const { agent } = useAgent({ agentId: resolvedAgentId });
 	usePredictStateSubscription(agent);
+	return null;
+}
+function CopilotListeners() {
+	const { copilotkit } = useCopilotKit();
+	const { setBannerError } = useToast();
+	const hasAgents = Object.keys(copilotkit.agents ?? {}).length > 0;
+	const hasRuntime = copilotkit.runtimeUrl !== void 0;
 	(0, react.useEffect)(() => {
 		const subscription = copilotkit.subscribe({ onError: ({ error, code, context }) => {
 			if (error.name === "AbortError" || error.message === "Fetch is aborted" || error.message === "signal is aborted without reason" || error.message === "component unmounted" || !error.message) return;
@@ -9070,7 +9085,7 @@ function CopilotListeners() {
 			subscription.unsubscribe();
 		};
 	}, [copilotkit?.subscribe]);
-	return null;
+	return hasAgents || hasRuntime ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopilotListenersAgentSubscription, {}) : null;
 }
 
 //#endregion
@@ -10002,4 +10017,4 @@ Object.defineProperty(exports, 'useToast', {
     return useToast;
   }
 });
-//# sourceMappingURL=copilotkit-Cvb6WpAX.cjs.map
+//# sourceMappingURL=copilotkit-CSJw5BG8.cjs.map