@copilotkit/react-ui 1.79.2-canary.1792172552 → 1.81.0

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('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) {
+  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('@copilotkit/react-core/v2/generative-ui'), 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', '@copilotkit/react-core/v2/generative-ui', '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._copilotkit_react_core_v2_generative_ui,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, _copilotkit_react_core_v2_generative_ui, 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;
@@ -1397,7 +1397,9 @@ rehype_sanitize = __toESM(rehype_sanitize);
 		})
 	};
 	const MemoizedReactMarkdown = (0, react.memo)(react_markdown.default);
-	const Markdown = ({ content, components, remarkPlugins, rehypePlugins, ...rest }) => {
+	const Markdown = ({ content, components, remarkPlugins, rehypePlugins, messageId, ...rest }) => {
+		const generativeUI = (0, _copilotkit_react_core_v2_generative_ui.useGenerativeUIRuntime)();
+		const rendersSurfaces = (generativeUI === null || generativeUI === void 0 ? void 0 : generativeUI.transport) === "markdown" && messageId !== void 0;
 		const mergedComponents = (0, react.useMemo)(() => ({
 			...defaultComponents,
 			...components
@@ -1412,6 +1414,16 @@ rehype_sanitize = __toESM(rehype_sanitize);
 			...rehypePlugins !== null && rehypePlugins !== void 0 ? rehypePlugins : [],
 			rehype_sanitize.default
 		], [rehypePlugins]);
+		if (rendersSurfaces) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "copilotKitMarkdown",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_copilotkit_react_core_v2_generative_ui.MarkdownSurfaces, {
+				content,
+				messageId,
+				components: mergedComponents,
+				remarkPlugins: mergedRemarkPlugins,
+				rehypePlugins: mergedRehypePlugins
+			})
+		});
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "copilotKitMarkdown",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoizedReactMarkdown, {
@@ -1497,7 +1509,8 @@ rehype_sanitize = __toESM(rehype_sanitize);
 				className: "copilotKitMessage copilotKitAssistantMessage",
 				children: [content && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Markdown, {
 					content,
-					components: markdownTagRenderers
+					components: markdownTagRenderers,
+					messageId: message === null || message === void 0 ? void 0 : message.id
 				}), content && !isLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: `copilotKitMessageControls ${isCurrentMessage ? "currentMessage" : ""}`,
 					children: [