@zero-library/chat-copilot 3.1.2 → 3.1.3

package/dist/index.esm.js

@@ -1,7 +1,7 @@
-import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, LoadingOutlined, EnterOutlined, DownloadOutlined, CloseOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, PlayCircleOutlined, DotChartOutlined, ToolOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined } from '@ant-design/icons';
+import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, LoadingOutlined, EnterOutlined, DownloadOutlined, CloseOutlined, PlayCircleOutlined, CopyOutlined, DotChartOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined } from '@ant-design/icons';
 import { Attachments, Sender, FileCard, Bubble, Think, XProvider, Mermaid, CodeHighlighter, Welcome, Prompts, Conversations } from '@ant-design/x-v2';
-import { useRefState, useDebounce, useSyncInput, createTokenManager, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, getFileSuffixName, isBoolean, UserAvatar, htmlToMarkdown, copyText, FileIcon, LazyComponent, deepCopy, transforms, deepMerge, buildUrlParams, createRequest, HttpStatus, isArray, isString, isExternal, transform, emit, getWebSocketUrl, safeParseJson } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Image as Image$1, Popover, Skeleton, Alert, Modal, Checkbox, Input, Empty, message, Drawer, List, Card, Table, Progress as Progress$1, Switch as Switch$1 } from 'antd';
+import { useRefState, useDebounce, useSyncInput, createTokenManager, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, getFileSuffixName, FileIcon, copyText, LazyComponent, isBoolean, UserAvatar, htmlToMarkdown, buildUrlParams, isExternal, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, transform, emit, getWebSocketUrl, safeParseJson } from '@zero-library/common';
+import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, Image as Image$1, Popover, Skeleton, Alert, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Drawer, Empty, Modal, Checkbox, Input, message, List, Card, Table, Progress as Progress$1, Switch as Switch$1 } from 'antd';
 import React7, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, memo, useState, useContext, useCallback } from 'react';
 import { useSnapshot, proxy } from 'valtio';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -2278,16 +2278,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__ */ jsx(Component, { message: message2, ...rest, data: rawData, loading: streamStatus === "loading" });
+    const rawData = resolveMappedMarkdownPayload(children, payloadMapRef.current);
+    return /* @__PURE__ */ 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 = memo(({ message: message2, components = {}, content = "", ...rest }) => {
   const config = useMemo(() => getMarkdownConfig(), []);
   const formattedContent = useMemo(() => formatMixedContent(content), [content]);
   const newComponents = useMemo(
@@ -2307,13 +2307,16 @@ var XMarkdown_default = ({ message: message2, components = {}, content = "", ...
     }),
     [components]
   );
-  const componentKeys = useMemo(() => Object.keys(newComponents), [newComponents]);
-  const payloadTagPattern = useMemo(() => componentKeys.join("|"), [componentKeys]);
+  const payloadTagPattern = useMemo(() => Object.keys(newComponents).join("|"), [newComponents]);
   const { content: processedContent, payloadMap } = useMemo(
     () => preprocessCustomTagPayloads(formattedContent, payloadTagPattern),
     [formattedContent, payloadTagPattern]
   );
-  const markdownComponents = useMemo(() => adaptMarkdownComponents(newComponents, payloadMap, message2), [componentKeys, message2, payloadMap]);
+  const payloadMapRef = useRef(payloadMap);
+  const messageRef = useRef(message2);
+  payloadMapRef.current = payloadMap;
+  messageRef.current = message2;
+  const markdownComponents = useMemo(() => adaptMarkdownComponents(newComponents, payloadMapRef, messageRef), [payloadTagPattern]);
   return /* @__PURE__ */ jsx(
     XMarkdown,
     {
@@ -2324,7 +2327,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) {
@@ -4142,7 +4145,7 @@ var BubbleListItems_default = ({
   welcomeMessage = true,
   avatar = { user: false, agent: true },
   agentActions = false,
-  customComponents = {}
+  customComponents
 }) => {
   const chatStore = useChatStore();
   const agentState = useSnapshot(chatStore.agent);