@copilotkit/react-ui 1.8.13-next.0 → 1.8.13-next.2

package/dist/components/chat/Sidebar.mjs

@@ -1,7 +1,7 @@
 import {
   CopilotSidebar
-} from "../../chunk-KCV67665.mjs";
-import "../../chunk-WN46UIN3.mjs";
+} from "../../chunk-756IINQI.mjs";
+import "../../chunk-3R6CEFJE.mjs";
 import "../../chunk-TIDV74OE.mjs";
 import "../../chunk-UH2UFL5W.mjs";
 import "../../chunk-V7W6IM2V.mjs";
@@ -12,22 +12,22 @@ import "../../chunk-KXE2JCUH.mjs";
 import "../../chunk-NRA3CFEE.mjs";
 import "../../chunk-BH6PCAAL.mjs";
 import "../../chunk-UFN2VWSR.mjs";
-import "../../chunk-JZAMNIUD.mjs";
-import "../../chunk-DSQGQJI4.mjs";
-import "../../chunk-24TDU7MY.mjs";
-import "../../chunk-LUPGADWY.mjs";
-import "../../chunk-XFCMZH2H.mjs";
-import "../../chunk-RVLCPPEL.mjs";
-import "../../chunk-OZXUB3V7.mjs";
+import "../../chunk-ZRW27A32.mjs";
+import "../../chunk-MPZAMNCN.mjs";
+import "../../chunk-ALWZ35SI.mjs";
+import "../../chunk-UKWBNVMQ.mjs";
+import "../../chunk-6VUDBDUN.mjs";
+import "../../chunk-5INP2EWU.mjs";
+import "../../chunk-XMNTLIK5.mjs";
 import "../../chunk-HWMFMBJC.mjs";
 import "../../chunk-XZNY26GH.mjs";
 import "../../chunk-PLHTVHUW.mjs";
 import "../../chunk-EMIYIMQ6.mjs";
 import "../../chunk-CGEAG65D.mjs";
 import "../../chunk-YQFVRDNC.mjs";
-import "../../chunk-ABHUX6T6.mjs";
+import "../../chunk-YTXEWDNC.mjs";
 import "../../chunk-KENCH7RN.mjs";
-import "../../chunk-IIRQWGWV.mjs";
+import "../../chunk-B3D7U7TJ.mjs";
 import "../../chunk-IEMQ2SQW.mjs";
 import "../../chunk-XWG3L6QC.mjs";
 import "../../chunk-54JAUBUJ.mjs";

package/dist/components/chat/Suggestion.d.ts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CopilotContextParams, CopilotMessagesContextParams, CopilotChatSuggestionConfiguration } from '@copilotkit/react-core';
 import { SuggestionsProps } from './props.js';
 import '@copilotkit/runtime-client-gql';
+import 'react';
 
 declare function Suggestion({ title, message, onClick, partial, className }: SuggestionsProps): react_jsx_runtime.JSX.Element;
 declare const reloadSuggestions: (context: CopilotContextParams & CopilotMessagesContextParams, chatSuggestionConfiguration: {

package/dist/components/chat/Window.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { WindowProps } from './props.js';
 import '@copilotkit/runtime-client-gql';
+import 'react';
 
 declare const Window: ({ children, clickOutsideToClose, shortcut, hitEscapeToClose, }: WindowProps) => react_jsx_runtime.JSX.Element;
 

package/dist/components/chat/index.d.ts

@@ -1,4 +1,4 @@
-export { AssistantMessageProps, ButtonProps, HeaderProps, InputProps, MessagesProps, RenderMessageProps, Renderer, SuggestionsProps, UserMessageProps, WindowProps } from './props.js';
+export { AssistantMessageProps, ButtonProps, ComponentsMap, HeaderProps, InputProps, MessagesProps, RenderMessageProps, Renderer, SuggestionsProps, UserMessageProps, WindowProps } from './props.js';
 export { CopilotPopup } from './Popup.js';
 export { CopilotSidebar } from './Sidebar.js';
 export { CopilotChat } from './Chat.js';
@@ -8,8 +8,9 @@ export { UserMessage } from './messages/UserMessage.js';
 export { useChatContext } from './ChatContext.js';
 export { RenderImageMessage } from './messages/RenderImageMessage.js';
 import '@copilotkit/runtime-client-gql';
+import 'react';
 import 'react/jsx-runtime';
 import './Modal.js';
-import 'react';
 import '@copilotkit/react-core';
 import '../../types/suggestions.js';
+import 'react-markdown';

package/dist/components/chat/index.js

@@ -1065,7 +1065,8 @@ var Messages = ({
   onRegenerate,
   onCopy,
   onThumbsUp,
-  onThumbsDown
+  onThumbsDown,
+  markdownTagRenderers
 }) => {
   const context = useChatContext();
   const initialMessages = (0, import_react6.useMemo)(
@@ -1104,7 +1105,8 @@ var Messages = ({
               onRegenerate,
               onCopy,
               onThumbsUp,
-              onThumbsDown
+              onThumbsDown,
+              markdownTagRenderers
             },
             index
           );
@@ -1933,31 +1935,17 @@ var highlightStyle = {
 // src/components/chat/Markdown.tsx
 var import_remark_gfm = __toESM(require("remark-gfm"));
 var import_remark_math = __toESM(require("remark-math"));
+var import_rehype_raw = __toESM(require("rehype-raw"));
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var MemoizedReactMarkdown = (0, import_react11.memo)(
-  import_react_markdown.default,
-  (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.className === nextProps.className
-);
-var Markdown = ({ content }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "copilotKitMarkdown", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MemoizedReactMarkdown, { components, remarkPlugins: [import_remark_gfm.default, import_remark_math.default], children: content }) });
-};
-var components = {
+var defaultComponents = {
   a(_a) {
     var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      "a",
-      __spreadProps(__spreadValues({
-        style: { color: "blue", textDecoration: "underline" }
-      }, props), {
-        target: "_blank",
-        rel: "noopener noreferrer",
-        children
-      })
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("a", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { target: "_blank", rel: "noopener noreferrer", children }));
   },
+  // @ts-expect-error -- inline
   code(_c) {
     var _d = _c, { children, className, inline } = _d, props = __objRest(_d, ["children", "className", "inline"]);
-    if (children.length) {
+    if (Array.isArray(children) && children.length) {
       if (children[0] == "\u258D") {
         return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "span",
@@ -1970,7 +1958,7 @@ var components = {
           }
         );
       }
-      children[0] = children[0].replace("`\u258D`", "\u258D");
+      children[0] = (children == null ? void 0 : children[0]).replace("`\u258D`", "\u258D");
     }
     const match = /language-(\w+)/.exec(className || "");
     if (inline) {
@@ -1984,8 +1972,67 @@ var components = {
       }, props),
       Math.random()
     );
+  },
+  h1: (_e) => {
+    var _f = _e, { children } = _f, props = __objRest(_f, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h1", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
+  },
+  h2: (_g) => {
+    var _h = _g, { children } = _h, props = __objRest(_h, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
+  },
+  h3: (_i) => {
+    var _j = _i, { children } = _j, props = __objRest(_j, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
+  },
+  h4: (_k) => {
+    var _l = _k, { children } = _l, props = __objRest(_l, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h4", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
+  },
+  h5: (_m) => {
+    var _n = _m, { children } = _n, props = __objRest(_n, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h5", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
+  },
+  h6: (_o) => {
+    var _p = _o, { children } = _p, props = __objRest(_p, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h6", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
+  },
+  p: (_q) => {
+    var _r = _q, { children } = _r, props = __objRest(_r, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
+  },
+  pre: (_s) => {
+    var _t = _s, { children } = _t, props = __objRest(_t, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("pre", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
+  },
+  blockquote: (_u) => {
+    var _v = _u, { children } = _v, props = __objRest(_v, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("blockquote", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
+  },
+  ul: (_w) => {
+    var _x = _w, { children } = _x, props = __objRest(_x, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
+  },
+  li: (_y) => {
+    var _z = _y, { children } = _z, props = __objRest(_z, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
   }
 };
+var MemoizedReactMarkdown = (0, import_react11.memo)(
+  import_react_markdown.default,
+  (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.components === nextProps.components
+);
+var Markdown = ({ content, components }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "copilotKitMarkdown", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    MemoizedReactMarkdown,
+    {
+      components: __spreadValues(__spreadValues({}, defaultComponents), components),
+      remarkPlugins: [import_remark_gfm.default, import_remark_math.default],
+      rehypePlugins: [import_rehype_raw.default],
+      children: content
+    }
+  ) });
+};
 
 // src/components/chat/messages/AssistantMessage.tsx
 var import_react12 = require("react");
@@ -2000,7 +2047,8 @@ var AssistantMessage = (props) => {
     onCopy,
     onThumbsUp,
     onThumbsDown,
-    isCurrentMessage
+    isCurrentMessage,
+    markdownTagRenderers
   } = props;
   const [copied, setCopied] = (0, import_react12.useState)(false);
   const handleCopy = () => {
@@ -2033,7 +2081,7 @@ var AssistantMessage = (props) => {
   const LoadingIcon = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: icons.activityIcon });
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
     (message || isLoading) && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
-      message && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Markdown, { content: message || "" }),
+      message && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Markdown, { content: message || "", components: markdownTagRenderers }),
       isLoading && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LoadingIcon, {}),
       message && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         "div",
@@ -2106,7 +2154,8 @@ function RenderTextMessage(_a) {
     onRegenerate,
     onCopy,
     onThumbsUp,
-    onThumbsDown
+    onThumbsDown,
+    markdownTagRenderers
   } = props;
   if (message.isTextMessage()) {
     if (message.role === "user") {
@@ -2132,7 +2181,8 @@ function RenderTextMessage(_a) {
           onRegenerate: () => onRegenerate == null ? void 0 : onRegenerate(message.id),
           onCopy,
           onThumbsUp,
-          onThumbsDown
+          onThumbsDown,
+          markdownTagRenderers
         },
         index
       );
@@ -2631,6 +2681,7 @@ function CopilotChat({
   onCopy,
   onThumbsUp,
   onThumbsDown,
+  markdownTagRenderers,
   Messages: Messages2 = Messages,
   RenderTextMessage: RenderTextMessage2 = RenderTextMessage,
   RenderActionExecutionMessage: RenderActionExecutionMessage2 = RenderActionExecutionMessage,
@@ -2793,6 +2844,7 @@ function CopilotChat({
         onCopy: handleCopy,
         onThumbsUp,
         onThumbsDown,
+        markdownTagRenderers,
         children: currentSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "suggestions", children: currentSuggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           Suggestion,
           {
@@ -3057,6 +3109,7 @@ var CopilotModal = ({
   onThumbsDown,
   onCopy,
   onRegenerate,
+  markdownTagRenderers,
   className,
   children
 }) => {
@@ -3093,7 +3146,8 @@ var CopilotModal = ({
                 onThumbsUp,
                 onThumbsDown,
                 onCopy,
-                onRegenerate
+                onRegenerate,
+                markdownTagRenderers
               }
             )
           ]