@copilotkit/react-ui 1.60.2 → 1.61.1

package/dist/index.umd.js

@@ -1,10 +1,10 @@
 "use client";
 
 (function(global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('react'), require('react/jsx-runtime'), require('@copilotkit/react-core'), require('@copilotkit/shared'), require('@headlessui/react'), require('react-markdown'), require('react-syntax-highlighter'), require('remark-gfm'), require('remark-math'), require('rehype-raw'), require('@copilotkit/runtime-client-gql')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react/jsx-runtime', '@copilotkit/react-core', '@copilotkit/shared', '@headlessui/react', 'react-markdown', 'react-syntax-highlighter', 'remark-gfm', 'remark-math', 'rehype-raw', '@copilotkit/runtime-client-gql'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactUI = {}), global.React,global.ReactJsxRuntime,global.CopilotKitReactCore,global.CopilotKitShared,global.HeadlessUIReact,global.ReactMarkdown,global.ReactSyntaxHighlighter,global.remarkGfm,global.remarkMath,global.rehypeRaw,global.CopilotKitRuntimeClientGQL));
-})(this, function(exports, react, react_jsx_runtime, _copilotkit_react_core, _copilotkit_shared, _headlessui_react, react_markdown, react_syntax_highlighter, remark_gfm, remark_math, rehype_raw, _copilotkit_runtime_client_gql) {
+  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('react'), require('react/jsx-runtime'), require('@copilotkit/react-core'), require('@copilotkit/shared'), require('@headlessui/react'), require('react-markdown'), require('react-syntax-highlighter'), require('remark-gfm'), require('remark-math'), require('rehype-raw'), require('rehype-sanitize'), require('@copilotkit/runtime-client-gql')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react/jsx-runtime', '@copilotkit/react-core', '@copilotkit/shared', '@headlessui/react', 'react-markdown', 'react-syntax-highlighter', 'remark-gfm', 'remark-math', 'rehype-raw', 'rehype-sanitize', '@copilotkit/runtime-client-gql'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CopilotKitReactUI = {}), global.React,global.ReactJsxRuntime,global.CopilotKitReactCore,global.CopilotKitShared,global.HeadlessUIReact,global.ReactMarkdown,global.ReactSyntaxHighlighter,global.remarkGfm,global.remarkMath,global.rehypeRaw,global.rehype_sanitize,global.CopilotKitRuntimeClientGQL));
+})(this, function(exports, react, react_jsx_runtime, _copilotkit_react_core, _copilotkit_shared, _headlessui_react, react_markdown, react_syntax_highlighter, remark_gfm, remark_math, rehype_raw, rehype_sanitize, _copilotkit_runtime_client_gql) {
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 //#region \0rolldown/runtime.js
 	var __create = Object.create;
@@ -38,6 +38,7 @@ react_markdown = __toESM(react_markdown);
 remark_gfm = __toESM(remark_gfm);
 remark_math = __toESM(remark_math);
 rehype_raw = __toESM(rehype_raw);
+rehype_sanitize = __toESM(rehype_sanitize);
 
 //#region src/components/chat/Icons.tsx
 	const OpenIcon = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
@@ -1406,7 +1407,11 @@ rehype_raw = __toESM(rehype_raw);
 			[remark_math.default, { singleDollarTextMath: false }],
 			...remarkPlugins !== null && remarkPlugins !== void 0 ? remarkPlugins : []
 		], [remarkPlugins]);
-		const mergedRehypePlugins = (0, react.useMemo)(() => [rehype_raw.default, ...rehypePlugins !== null && rehypePlugins !== void 0 ? rehypePlugins : []], [rehypePlugins]);
+		const mergedRehypePlugins = (0, react.useMemo)(() => [
+			rehype_raw.default,
+			...rehypePlugins !== null && rehypePlugins !== void 0 ? rehypePlugins : [],
+			rehype_sanitize.default
+		], [rehypePlugins]);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "copilotKitMarkdown",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoizedReactMarkdown, {
@@ -1803,7 +1808,7 @@ rehype_raw = __toESM(rehype_raw);
 
 //#endregion
 //#region src/components/chat/Textarea.tsx
-	const AutoResizingTextarea = (0, react.forwardRef)(({ maxRows = 1, placeholder, value, onChange, onKeyDown, onCompositionStart, onCompositionEnd, autoFocus }, ref) => {
+	const AutoResizingTextarea = (0, react.forwardRef)(({ maxRows = 1, placeholder, value, onChange, onKeyDown, onCompositionStart, onCompositionEnd, autoFocus, "data-testid": dataTestId }, ref) => {
 		const internalTextareaRef = (0, react.useRef)(null);
 		const [maxHeight, setMaxHeight] = (0, react.useState)(0);
 		(0, react.useImperativeHandle)(ref, () => internalTextareaRef.current);
@@ -1828,6 +1833,7 @@ rehype_raw = __toESM(rehype_raw);
 		}, [value, maxHeight]);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
 			ref: internalTextareaRef,
+			"data-testid": dataTestId,
 			value,
 			onChange,
 			onKeyDown,
@@ -2037,6 +2043,7 @@ rehype_raw = __toESM(rehype_raw);
 					autoFocus: false,
 					maxRows: MAX_NEWLINES,
 					value: text,
+					"data-testid": "copilot-chat-textarea",
 					onChange: (event) => setText(event.target.value),
 					onCompositionStart: () => setIsComposing(true),
 					onCompositionEnd: () => setIsComposing(false),
@@ -2064,6 +2071,7 @@ rehype_raw = __toESM(rehype_raw);
 							disabled: sendDisabled,
 							onClick: isInProgress && !hideStopButton ? onStop : send,
 							"data-copilotkit-in-progress": inProgress,
+							"data-testid": "copilot-send-button",
 							"data-test-id": inProgress ? "copilot-chat-request-in-progress" : "copilot-chat-ready",
 							className: "copilotKitInputControlButton",
 							"aria-label": buttonAlt,