@zero-library/chat-copilot 3.1.1 → 3.1.3

package/dist/index.cjs.js

@@ -2289,16 +2289,16 @@ function preprocessCustomTagPayloads(content = "", payloadTagPattern) {
     payloadMap
   };
 }
-var adaptMarkdownComponent = (Component, payloadMap = /* @__PURE__ */ new Map(), message2) => {
+var adaptMarkdownComponent = (Component, payloadMapRef, messageRef) => {
   const WrappedComponent = ({ children, streamStatus, ...rest }) => {
-    const rawData = resolveMappedMarkdownPayload(children, payloadMap);
-    return /* @__PURE__ */ jsxRuntime.jsx(Component, { message: message2, ...rest, data: rawData, loading: streamStatus === "loading" });
+    const rawData = resolveMappedMarkdownPayload(children, payloadMapRef.current);
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, { message: messageRef.current, ...rest, data: rawData, loading: streamStatus === "loading" });
   };
   WrappedComponent.displayName = `AdaptedMarkdownComponent(${Component.displayName || Component.name || "Anonymous"})`;
   return WrappedComponent;
 };
-var adaptMarkdownComponents = (components, payloadMap = /* @__PURE__ */ new Map(), message2) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, payloadMap, message2)]));
-var XMarkdown_default = ({ message: message2, components = {}, content = "", ...rest }) => {
+var adaptMarkdownComponents = (components, payloadMapRef, messageRef) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, payloadMapRef, messageRef)]));
+var XMarkdown_default = React7.memo(({ message: message2, components = {}, content = "", ...rest }) => {
   const config = React7.useMemo(() => getMarkdownConfig(), []);
   const formattedContent = React7.useMemo(() => formatMixedContent(content), [content]);
   const newComponents = React7.useMemo(
@@ -2318,13 +2318,16 @@ var XMarkdown_default = ({ message: message2, components = {}, content = "", ...
     }),
     [components]
   );
-  const componentKeys = React7.useMemo(() => Object.keys(newComponents), [newComponents]);
-  const payloadTagPattern = React7.useMemo(() => componentKeys.join("|"), [componentKeys]);
+  const payloadTagPattern = React7.useMemo(() => Object.keys(newComponents).join("|"), [newComponents]);
   const { content: processedContent, payloadMap } = React7.useMemo(
     () => preprocessCustomTagPayloads(formattedContent, payloadTagPattern),
     [formattedContent, payloadTagPattern]
   );
-  const markdownComponents = React7.useMemo(() => adaptMarkdownComponents(newComponents, payloadMap, message2), [componentKeys, message2, payloadMap]);
+  const payloadMapRef = React7.useRef(payloadMap);
+  const messageRef = React7.useRef(message2);
+  payloadMapRef.current = payloadMap;
+  messageRef.current = message2;
+  const markdownComponents = React7.useMemo(() => adaptMarkdownComponents(newComponents, payloadMapRef, messageRef), [payloadTagPattern]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     XMarkdown__default.default,
     {
@@ -2335,7 +2338,7 @@ var XMarkdown_default = ({ message: message2, components = {}, content = "", ...
       components: markdownComponents
     }
   );
-};
+});
 var ReportViewer = ({ artifactId, title, payload }) => {
   const markdown = typeof payload?.markdown === "string" ? payload.markdown : null;
   if (!markdown) {
@@ -3776,38 +3779,43 @@ var FilesNode = React7__default.default.memo(({ item }) => {
   }, [item.files]);
   return /* @__PURE__ */ jsxRuntime.jsx(xV2.FileCard.List, { items: fileItems });
 });
+
+// src/components/CustomComponents/MessageNode/style.module.less
+var style_module_default2 = {
+  runStartedNode: "style_module_runStartedNode"};
 var QuoteMsgNode = React7__default.default.memo(({ quoteMsg, role }) => {
   if (!quoteMsg || !quoteMsg.messageContent) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     xV2.Bubble,
     {
+      className: style_module_default2.quoteMsgNode,
       placement: role.placement,
       variant: "borderless",
-      content: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 8, children: /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Tooltip,
-        {
-          arrow: false,
-          title: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: quoteMsg.messageContent }),
-          getPopupContainer: (node) => node,
-          children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u3010\u5F15\u7528\u6D88\u606F\u3011\uFF1A" }),
-            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { flex: 1, className: "text-ellipsis-2", style: {
+      content: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 8, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { arrow: false, title: /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { content: quoteMsg.messageContent }), getPopupContainer: (node) => node, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u3010\u5F15\u7528\u6D88\u606F\u3011\uFF1A" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Flex,
+          {
+            flex: 1,
+            className: "text-ellipsis-2",
+            style: {
               color: "#666",
               background: "rgba(0,0,0,0.04)",
               padding: "2px 8px",
               borderRadius: "4px",
               fontSize: "12px",
               cursor: "pointer"
-            }, children: quoteMsg.messageContent })
-          ] })
-        }
-      ) })
+            },
+            children: quoteMsg.messageContent
+          }
+        )
+      ] }) }) })
     }
   );
 });
 var RunStartedNode = React7__default.default.memo(({ loading }) => {
   if (!loading) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", style: { minHeight: 24 }, children: /* @__PURE__ */ jsxRuntime.jsx(icons.LoadingOutlined, { style: { color: "#1677ff" } }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: style_module_default2.runStartedNode, children: /* @__PURE__ */ jsxRuntime.jsx(icons.LoadingOutlined, { style: { color: "#1677ff" } }) });
 });
 function QuestionSummary({ content }) {
   const answer = content.replace(/^Question:\s*/, "").trim() || "\u5DF2\u56DE\u7B54";
@@ -4148,7 +4156,7 @@ var BubbleListItems_default = ({
   welcomeMessage = true,
   avatar = { user: false, agent: true },
   agentActions = false,
-  customComponents = {}
+  customComponents
 }) => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);