@copilotkit/react-ui 1.55.3 → 1.56.1

package/dist/index.umd.js

@@ -789,10 +789,11 @@ rehype_raw = __toESM(rehype_raw);
 			});
 		};
 		(0, react.useEffect)(() => {
+			if (!showDevConsole) return;
 			if (dontRunTwiceInDevMode.current === true) return;
 			dontRunTwiceInDevMode.current = true;
 			checkForUpdates();
-		}, []);
+		}, [showDevConsole]);
 		if (!showDevConsole) return null;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			ref: consoleRef,
@@ -834,11 +835,11 @@ rehype_raw = __toESM(rehype_raw);
 			`@copilotkit/react-textarea@${latestVersion}`,
 			`&& npm install @copilotkit/runtime@${latestVersion}`
 		].join(" ");
-		const handleCopyClick = () => {
-			navigator.clipboard.writeText(installCommand.trim()).then(() => {
+		const handleCopyClick = async () => {
+			if (await (0, _copilotkit_shared.copyToClipboard)(installCommand.trim())) {
 				setCopyStatus("Command copied to clipboard!");
 				setTimeout(() => setCopyStatus(""), 1e3);
-			});
+			}
 		};
 		if (versionStatus === "update-available" || versionStatus === "outdated") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "copilotKitVersionInfo",
@@ -1336,7 +1337,7 @@ rehype_raw = __toESM(rehype_raw);
 				language: match && match[1] || "",
 				value: String(children).replace(/\n$/, ""),
 				...props
-			}, Math.random());
+			});
 		},
 		h1: ({ children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
 			className: "copilotKitMarkdownElement",
@@ -1368,8 +1369,8 @@ rehype_raw = __toESM(rehype_raw);
 			...props,
 			children
 		}),
-		p: ({ children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			className: "copilotKitMarkdownElement",
+		p: ({ children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "copilotKitMarkdownElement copilotKitParagraph",
 			...props,
 			children
 		}),
@@ -1394,8 +1395,8 @@ rehype_raw = __toESM(rehype_raw);
 			children
 		})
 	};
-	const MemoizedReactMarkdown = (0, react.memo)(react_markdown.default, (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.components === nextProps.components);
-	const Markdown = ({ content, components }) => {
+	const MemoizedReactMarkdown = (0, react.memo)(react_markdown.default, (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.components === nextProps.components && prevProps.urlTransform === nextProps.urlTransform);
+	const Markdown = ({ content, components, urlTransform }) => {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "copilotKitMarkdown",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoizedReactMarkdown, {
@@ -1405,6 +1406,7 @@ rehype_raw = __toESM(rehype_raw);
 				}), [components]),
 				remarkPlugins: [remark_gfm.default, [remark_math.default, { singleDollarTextMath: false }]],
 				rehypePlugins: [rehype_raw.default],
+				...urlTransform !== void 0 ? { urlTransform } : {},
 				children: content
 			})
 		});
@@ -1417,16 +1419,12 @@ rehype_raw = __toESM(rehype_raw);
 		const { icons, labels } = useChatContext();
 		const { message, isLoading, onRegenerate, onCopy, onThumbsUp, onThumbsDown, isCurrentMessage, feedback, markdownTagRenderers } = props;
 		const [copied, setCopied] = (0, react.useState)(false);
-		const handleCopy = () => {
+		const handleCopy = async () => {
 			const content = (message === null || message === void 0 ? void 0 : message.content) || "";
-			if (content && onCopy) {
-				navigator.clipboard.writeText(content);
-				setCopied(true);
-				onCopy(content);
-				setTimeout(() => setCopied(false), 2e3);
-			} else if (content) {
-				navigator.clipboard.writeText(content);
+			if (!content) return;
+			if (await (0, _copilotkit_shared.copyToClipboard)(content)) {
 				setCopied(true);
+				if (onCopy) onCopy(content);
 				setTimeout(() => setCopied(false), 2e3);
 			}
 		};
@@ -1657,7 +1655,7 @@ rehype_raw = __toESM(rehype_raw);
 //#endregion
 //#region src/components/chat/Messages.tsx
 	const Messages = ({ inProgress, children, RenderMessage, AssistantMessage, UserMessage, ErrorMessage, ImageRenderer, onRegenerate, onCopy, onThumbsUp, onThumbsDown, messageFeedback, markdownTagRenderers, chatError, RenderTextMessage, RenderActionExecutionMessage, RenderAgentStateMessage, RenderResultMessage, RenderImageMessage }) => {
-		var _messages;
+		var _messages, _messages2;
 		const { labels, icons } = useChatContext();
 		const { messages: visibleMessages, interrupt } = (0, _copilotkit_react_core.useCopilotChatInternal)();
 		const messages = [...(0, react.useMemo)(() => makeInitialMessages(labels.initial), [labels.initial]), ...visibleMessages];
@@ -1708,7 +1706,7 @@ rehype_raw = __toESM(rehype_raw);
 							markdownTagRenderers
 						}, index);
 					}),
-					((_messages = messages[messages.length - 1]) === null || _messages === void 0 ? void 0 : _messages.role) === "user" && inProgress && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadingIcon, {}),
+					inProgress && (((_messages = messages[messages.length - 1]) === null || _messages === void 0 ? void 0 : _messages.role) === "user" || ((_messages2 = messages[messages.length - 1]) === null || _messages2 === void 0 ? void 0 : _messages2.role) === "tool") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadingIcon, {}),
 					interrupt,
 					chatError && ErrorMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorMessage, {
 						error: chatError,
@@ -1847,13 +1845,18 @@ rehype_raw = __toESM(rehype_raw);
 		};
 		mediaRecorderRef.current.onstop = onStop;
 	};
-	const stopRecording = (mediaRecorderRef) => {
+	const stopRecording = (mediaRecorderRef, mediaStreamRef) => {
 		if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") mediaRecorderRef.current.stop();
+		if (mediaStreamRef === null || mediaStreamRef === void 0 ? void 0 : mediaStreamRef.current) {
+			mediaStreamRef.current.getTracks().forEach((track) => track.stop());
+			mediaStreamRef.current = null;
+		}
 	};
-	const transcribeAudio = async (recordedChunks, transcribeAudioUrl) => {
-		const completeBlob = new Blob(recordedChunks, { type: "audio/mp4" });
+	const transcribeAudio = async (recordedChunks, transcribeAudioUrl, mediaType = "audio/mp4") => {
+		const extension = mediaType.split("/")[1] || "mp4";
+		const completeBlob = new Blob(recordedChunks, { type: mediaType });
 		const formData = new FormData();
-		formData.append("file", completeBlob, "recording.mp4");
+		formData.append("file", completeBlob, `recording.${extension}`);
 		const response = await fetch(transcribeAudioUrl, {
 			method: "POST",
 			body: formData
@@ -1872,7 +1875,7 @@ rehype_raw = __toESM(rehype_raw);
 			console.error("Error with decoding audio data", error);
 		});
 	};
-	const usePushToTalk = ({ sendFunction, inProgress }) => {
+	const usePushToTalk = ({ sendFunction, inProgress, mediaType = "audio/mp4" }) => {
 		const [pushToTalkState, setPushToTalkState] = (0, react.useState)("idle");
 		const mediaStreamRef = (0, react.useRef)(null);
 		const audioContextRef = (0, react.useRef)(null);
@@ -1890,15 +1893,16 @@ rehype_raw = __toESM(rehype_raw);
 				setPushToTalkState("transcribing");
 			});
 			else {
-				stopRecording(mediaRecorderRef);
-				if (pushToTalkState === "transcribing") transcribeAudio(recordedChunks.current, context.copilotApiConfig.transcribeAudioUrl).then(async (transcription) => {
+				stopRecording(mediaRecorderRef, mediaStreamRef);
+				if (pushToTalkState === "transcribing") transcribeAudio(recordedChunks.current, context.copilotApiConfig.transcribeAudioUrl, mediaType).then(async (transcription) => {
 					recordedChunks.current = [];
 					setPushToTalkState("idle");
-					setStartReadingFromMessageId((await sendFunction(transcription)).id);
+					const message = await sendFunction(transcription);
+					if (message) setStartReadingFromMessageId(message.id);
 				});
 			}
 			return () => {
-				stopRecording(mediaRecorderRef);
+				stopRecording(mediaRecorderRef, mediaStreamRef);
 			};
 		}, [pushToTalkState]);
 		(0, react.useEffect)(() => {
@@ -2994,6 +2998,7 @@ rehype_raw = __toESM(rehype_raw);
 exports.AssistantMessage = AssistantMessage;
 exports.CopilotChat = CopilotChat;
 exports.CopilotDevConsole = CopilotDevConsole;
+exports.CopilotModal = CopilotModal;
 exports.CopilotPopup = CopilotPopup;
 exports.CopilotSidebar = CopilotSidebar;
 exports.ImageRenderer = ImageRenderer;