@zero-library/chat-copilot 3.1.18 → 3.1.20

package/dist/index.esm.js

@@ -44,7 +44,7 @@ var styles_module_default = {
   chatAttachments: "styles_module_chatAttachments",
   chatSender: "styles_module_chatSender"};
 var Attachments_default = forwardRef(({ fileUpload, fileUploadConfig, fileList = [], onChange, extraParams }, ref) => {
-  const { message: message4 } = App.useApp();
+  const { message: message3 } = App.useApp();
   const chatStore = useChatStore();
   const configState = useSnapshot(chatStore.config);
   const fileListRef = useRef([]);
@@ -72,7 +72,7 @@ var Attachments_default = forwardRef(({ fileUpload, fileUploadConfig, fileList =
     onChange(files);
   }, [attachedFiles]);
   const onErrorTip = useDebounce((errorMsg) => {
-    message4.error(errorMsg);
+    message3.error(errorMsg);
   }, 300);
   const findConfig = (file) => {
     return fileUploadConfig?.allowedTypes?.find((type) => type === getFileSuffixName(file.name)) || "";
@@ -833,7 +833,7 @@ var ChatInput = React10.forwardRef(
               }
             }
           ),
-          placeholder: !stringValue ? /* @__PURE__ */ jsx("div", { className: index_module_default.promptEditorPlaceholder, children: placeholder || "\u4ECA\u5929\u5E2E\u4F60\u505A\u4E9B\u4EC0\u4E48\uFF1F\u8F93\u5165 '/' \u8C03\u7528\u6280\u80FD\u4E0E\u77E5\u8BC6\u5E93" }) : null,
+          placeholder: !stringValue ? /* @__PURE__ */ jsx("div", { className: index_module_default.promptEditorPlaceholder, children: placeholder || "\u4ECA\u5929\u5E2E\u4F60\u505A\u4E9B\u4EC0\u4E48\uFF1F" }) : null,
           ErrorBoundary: LexicalErrorBoundary
         }
       ),
@@ -1017,7 +1017,7 @@ var createChatService = (request, config) => {
     return request.put("/agents/conversations/favorite", { conversationIds: [conversationId], favorite: isFavorite });
   };
   const shareConversation = (conversationId) => {
-    return request.get(`/agents/conversations/${conversationId}/share/url`);
+    return request.post(`/agents/conversations/${conversationId}/share/url`);
   };
   return {
     fetchModelList,
@@ -1317,6 +1317,7 @@ function createChatStore() {
       id: data || "",
       title: "",
       agentId: agent.agentInfo?.id || "",
+      isFavorite: false,
       updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
       spec: newSpec
     });
@@ -1617,7 +1618,7 @@ function createChatStore() {
     }
     if (isMain) config.hooks?.onStepMessage?.(msg);
   }
-  function doneCallback(msg, message4, isMain) {
+  function doneCallback(msg, message3, isMain) {
     conversation.messages[msg.conversationId].loading = false;
     const messages = conversation.messages[msg.conversationId]?.message;
     if (messages) {
@@ -1910,9 +1911,9 @@ function createChatStore() {
       }
     }
   }
-  function processMessageContent(message4, targetMessages) {
+  function processMessageContent(message3, targetMessages) {
     const newMessage = {
-      ...message4,
+      ...message3,
       agentId: agent.agentInfo.id
     };
     const isMain = !targetMessages;
@@ -1980,13 +1981,13 @@ function createChatStore() {
     }
     processMessageContent(newMessage);
   };
-  const sendMessage = async (message4, msgFiles = [], params) => {
+  const sendMessage = async (message3, msgFiles = [], params) => {
     const conversationId = conversation.active.id;
     if (conversation.messages[conversationId].loading) return;
     let msgContent = "", files;
     const references = conversation.messages[conversationId].references;
-    if (message4) {
-      msgContent = message4;
+    if (message3) {
+      msgContent = message3;
       files = [...msgFiles, ...conversation.messages[conversationId].files || []];
     } else {
       if (references?.type === 1 && references?.content?.msgContent) {
@@ -2033,9 +2034,9 @@ function createChatStore() {
     };
     const extraParams = deepCopy(config.params?.params || {});
     const userInputParams = variablesToObject(conversation.active.userInput || []);
-    Object.assign(extraParams, message4 ? {} : { ...references?.params }, params, userInputParams);
+    Object.assign(extraParams, message3 ? {} : { ...references?.params }, params, userInputParams);
     sendParams.params = extraParams;
-    if (!message4) {
+    if (!message3) {
       setContent("");
       setContentParams();
       setReferences();
@@ -2236,7 +2237,7 @@ var ConversationFavoritesBtn_default = ({ icon, ...rest }) => {
   const activeConversation = useMemo(() => {
     return conversationsState.list.items.find((item) => item.id === conversationState.active.id);
   }, [conversationsState.list.items, conversationState.active.id]);
-  const isFavorite = activeConversation?.isFavorite === true;
+  const isFavorite = activeConversation?.isFavorite;
   const handleToggleFavorite = () => {
     if (!conversationState.active.id) return;
     chatStore.collectConversation(conversationState.active.id, !isFavorite);
@@ -2259,14 +2260,9 @@ var ConversationShareBtn_default = ({ icon, ...rest }) => {
   const conversationState = useSnapshot(chatStore.conversation);
   const configState = useSnapshot(chatStore.config);
   const handleShareConversation = async () => {
-    try {
-      const { data } = await configState.services.request.shareConversation(conversationState.active.id);
-      if (data) {
-        copyText(data);
-        message.success("\u5206\u4EAB\u94FE\u63A5\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F");
-      }
-    } catch (error) {
-      message.error("\u5206\u4EAB\u4F1A\u8BDD\u5931\u8D25");
+    const { data } = await configState.services.request.shareConversation(conversationState.active.id);
+    if (data) {
+      copyText(data.url);
     }
   };
   return /* @__PURE__ */ jsx(
@@ -2296,6 +2292,7 @@ var styles_module_default2 = {
   chatHeaderBtnGroup: "styles_module_chatHeaderBtnGroup",
   conversationListPanel: "styles_module_conversationListPanel",
   createConversationButton: "styles_module_createConversationButton",
+  conversationListContent: "styles_module_conversationListContent",
   conversations: "styles_module_conversations",
   conversationTabs: "styles_module_conversationTabs",
   conversationTabPane: "styles_module_conversationTabPane",
@@ -2592,9 +2589,9 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
-    /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(ConversationList_default, {}) })
+    /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationListContent, children: /* @__PURE__ */ jsx(ConversationList_default, {}) })
   ] });
 };
 var ConversationListPanel_default = ConversationListPanel;
@@ -3144,12 +3141,12 @@ var DocDrawer_default = ({ title, open, onClose, paramsStr }) => {
   }, [paramsStr]);
   return /* @__PURE__ */ jsx(Drawer, { title, push: false, size: "100%", open, onClose, children: /* @__PURE__ */ jsx(Spin, { spinning: loading, children: content ? /* @__PURE__ */ jsx(XMarkdown, { content }) : /* @__PURE__ */ jsx(Empty, { className: "m-t-32" }) }) });
 };
-var IndexQuote_default = ({ data, loading, message: message4 }) => {
+var IndexQuote_default = ({ data, loading, message: message3 }) => {
   const [open, setOpen] = useState(false);
   const citation = useMemo(() => {
-    const citations = message4.content?.find((item) => item.type === "citation")?.citations ?? [];
+    const citations = message3.content?.find((item) => item.type === "citation")?.citations ?? [];
     return citations?.find((item) => String(item.citationId) === String(data.citationId));
-  }, [data.citationId, message4.content]);
+  }, [data.citationId, message3.content]);
   const onClick = () => {
     if (!citation?.citationUrl) return;
     if (isExternal(citation.citationUrl)) {
@@ -3164,7 +3161,7 @@ var IndexQuote_default = ({ data, loading, message: message4 }) => {
     open && /* @__PURE__ */ jsx(DocDrawer_default, { paramsStr: citation?.citationUrl, title: citation?.citationName, open, onClose: () => setOpen(false) })
   ] });
 };
-var MarkImg_default = ({ data, loading, message: message4, ...rest }) => {
+var MarkImg_default = ({ data, loading, message: message3, ...rest }) => {
   const getPreviewFileUrl = (src) => {
     return buildUrlParams({ [TOKEN_KEY]: tokenManager.get() || "" }, src);
   };
@@ -3191,9 +3188,9 @@ var MdEdit_default = ({ data, loading }) => {
     !loading && /* @__PURE__ */ jsx(Flex, { justify: "end", className: "m-t-16", children: /* @__PURE__ */ jsx(Button, { color: "primary", variant: "outlined", onClick: onOk, children: btnText }) })
   ] });
 };
-var PreviewLink_default = ({ data, loading, message: message4, ...rest }) => {
+var PreviewLink_default = ({ data, loading, message: message3, ...rest }) => {
   const chatStore = useChatStore();
-  const conversationWorkspacePrefix = "/workspace/conversation/";
+  const conversationWorkspacePrefix = "/workspace";
   const getLinkFileName = (path) => {
     const lastSegment = path.split("/").pop();
     if (!lastSegment) {
@@ -3212,9 +3209,6 @@ var PreviewLink_default = ({ data, loading, message: message4, ...rest }) => {
     if (path.startsWith(conversationWorkspacePrefix)) {
       return path;
     }
-    if (path.startsWith(conversationWorkspacePrefix.slice(1))) {
-      return `/${path}`;
-    }
     const fileName = getLinkFileName(path);
     return `${conversationWorkspacePrefix}${fileName}`;
   };
@@ -3225,7 +3219,7 @@ var PreviewLink_default = ({ data, loading, message: message4, ...rest }) => {
     chatStore.setPreview({
       fileUrl: chatStore.config.services.request.getPreviewUrl({
         path: normalizedPath,
-        workspaceId: message4.conversationId
+        workspaceId: message3.conversationId
       }),
       fileName,
       suffix
@@ -3338,7 +3332,7 @@ var adaptMarkdownComponent = (Component, payloadMapRef, messageRef) => {
   return WrappedComponent;
 };
 var adaptMarkdownComponents = (components, payloadMapRef, messageRef) => Object.fromEntries(Object.entries(components ?? {}).map(([key, Component]) => [key, adaptMarkdownComponent(Component, payloadMapRef, messageRef)]));
-var XMarkdown_default = memo(({ message: message4, components = {}, content = "", ...rest }) => {
+var XMarkdown_default = memo(({ message: message3, components = {}, content = "", ...rest }) => {
   const config = useMemo(() => getMarkdownConfig(), []);
   const formattedContent = useMemo(() => formatMixedContent(content), [content]);
   const newComponents = useMemo(
@@ -3364,9 +3358,9 @@ var XMarkdown_default = memo(({ message: message4, components = {}, content = ""
     [formattedContent, payloadTagPattern]
   );
   const payloadMapRef = useRef(payloadMap);
-  const messageRef = useRef(message4);
+  const messageRef = useRef(message3);
   payloadMapRef.current = payloadMap;
-  messageRef.current = message4;
+  messageRef.current = message3;
   const markdownComponents = useMemo(() => adaptMarkdownComponents(newComponents, payloadMapRef, messageRef), [payloadTagPattern]);
   return /* @__PURE__ */ jsx(
     XMarkdown,
@@ -3793,10 +3787,10 @@ function extractDismissedSurfaceIdsFromMessages(messages) {
   const lastCreateIndexBySurface = /* @__PURE__ */ new Map();
   const lastActionIndexBySurface = /* @__PURE__ */ new Map();
   for (let messageIndex = 0; messageIndex < messages.length; messageIndex++) {
-    const message4 = messages[messageIndex];
-    const items = Array.isArray(message4?.content) ? message4.content : [];
+    const message3 = messages[messageIndex];
+    const items = Array.isArray(message3?.content) ? message3.content : [];
     for (const item of items) {
-      if (message4?.role !== 1) {
+      if (message3?.role !== 1) {
         if (item?.type === "a2uiCommand" && item.command) {
           const surfaceId = String(item.command?.createSurface?.surfaceId || "").trim();
           if (surfaceId) lastCreateIndexBySurface.set(surfaceId, messageIndex);
@@ -3812,7 +3806,7 @@ function extractDismissedSurfaceIdsFromMessages(messages) {
           }
         }
       }
-      if (message4?.role === 1 && item?.type === "text") {
+      if (message3?.role === 1 && item?.type === "text") {
         const text = item.messageContent || item.text || "";
         if (typeof text !== "string" || !text.includes("a2ui_action.v1")) continue;
         try {
@@ -4395,9 +4389,9 @@ function diffConversationMessages(messages, prevCursors) {
   const nextCursors = [];
   const pendingItems = [];
   for (let messageIndex = 0; messageIndex < messages.length; messageIndex += 1) {
-    const message4 = messages[messageIndex];
-    const messageId = String(message4?.messageId ?? messageIndex);
-    const items = Array.isArray(message4?.content) ? message4.content : [];
+    const message3 = messages[messageIndex];
+    const messageId = String(message3?.messageId ?? messageIndex);
+    const items = Array.isArray(message3?.content) ? message3.content : [];
     const prevCursor = prevCursors[messageIndex];
     const startIndex = prevCursor ? prevCursor.contentLength : 0;
     if (prevCursor && (prevCursor.messageId !== messageId || items.length < prevCursor.contentLength)) {
@@ -4414,9 +4408,9 @@ function scanA2uiTagsFromMessages(messages, processedTagIds) {
   const newTags = [];
   const newTagIds = [];
   for (let messageIndex = 0; messageIndex < messages.length; messageIndex += 1) {
-    const message4 = messages[messageIndex];
-    const messageId = String(message4?.messageId ?? messageIndex);
-    const items = Array.isArray(message4?.content) ? message4.content : [];
+    const message3 = messages[messageIndex];
+    const messageId = String(message3?.messageId ?? messageIndex);
+    const items = Array.isArray(message3?.content) ? message3.content : [];
     for (const item of items) {
       const text = extractItemTextForA2ui(item);
       if (typeof text !== "string" || !text.includes("<A2UI")) continue;
@@ -4472,9 +4466,9 @@ function reduceA2uiRuntimeMessages(state, messages) {
       processA2uiCommand(cmd, messageIndex, messageId, nextState, effects, deletedSurfaceIds, nextWizardSteps);
     }
   });
-  nextState.processedMessageCursors = shouldReplayAll ? messages.map((message4, messageIndex) => ({
-    messageId: String(message4?.messageId ?? messageIndex),
-    contentLength: Array.isArray(message4?.content) ? message4.content.length : 0
+  nextState.processedMessageCursors = shouldReplayAll ? messages.map((message3, messageIndex) => ({
+    messageId: String(message3?.messageId ?? messageIndex),
+    contentLength: Array.isArray(message3?.content) ? message3.content.length : 0
   })) : nextCursors;
   nextState.wizardStepBySurface = { ...nextState.wizardStepBySurface, ...nextWizardSteps };
   if (deletedSurfaceIds.size) {
@@ -4822,8 +4816,8 @@ function readContextModelPath(context) {
 function buildLatestCommandIndexBySurface(messages) {
   const indexBySurface = {};
   let commandIndex = -1;
-  for (const message4 of messages) {
-    const items = Array.isArray(message4?.content) ? message4.content : [];
+  for (const message3 of messages) {
+    const items = Array.isArray(message3?.content) ? message3.content : [];
     for (const item of items) {
       if (item?.type === "a2uiCommand" && item.command) {
         commandIndex += 1;
@@ -5011,7 +5005,7 @@ var TextNode2 = React10__default.memo(
     item,
     role,
     customComponents,
-    message: message4
+    message: message3
   }) => {
     const content = toA2uiDisplayText(role, item?.messageContent);
     const markdownComponents = {
@@ -5024,7 +5018,7 @@ var TextNode2 = React10__default.memo(
     const markdownContent = typeof content === "string" ? transformResourceText(content) : content;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       !!item.reasoningContent && /* @__PURE__ */ jsx(Think, { title: "\u6DF1\u5EA6\u601D\u8003", style: { marginBottom: "16px" }, children: item.reasoningContent }),
-      !!markdownContent && /* @__PURE__ */ jsx(XMarkdown_default, { message: message4, components: markdownComponents, content: markdownContent })
+      !!markdownContent && /* @__PURE__ */ jsx(XMarkdown_default, { message: message3, components: markdownComponents, content: markdownContent })
     ] });
   }
 );
@@ -5352,9 +5346,9 @@ var ToolCallItem = ({ item }) => {
 };
 var tool_call_item_default = ToolCallItem;
 var RENDERABLE_MESSAGE_TYPES = ["runStarted", "toolCall", "toolResult", "text", "stepError", "runFailed", "files", "plan"];
-var MessageRender_default = React10__default.memo(({ role, message: message4, messageIndex = -1, loading, containerRef, customComponents }) => {
+var MessageRender_default = React10__default.memo(({ role, message: message3, messageIndex = -1, loading, containerRef, customComponents }) => {
   const content = useMemo(() => {
-    return (message4.content || []).filter((item) => {
+    return (message3.content || []).filter((item) => {
       if (!RENDERABLE_MESSAGE_TYPES.includes(item.type)) {
         return false;
       }
@@ -5367,12 +5361,12 @@ var MessageRender_default = React10__default.memo(({ role, message: message4, me
       }
       return true;
     });
-  }, [message4.content]);
+  }, [message3.content]);
   const quoteMsg = useMemo(() => {
     const quoteMsg2 = {};
-    if (message4.params) {
+    if (message3.params) {
       try {
-        const citation = JSON.parse(message4.params).citation;
+        const citation = JSON.parse(message3.params).citation;
         if (citation) {
           quoteMsg2.messageContent = citation;
         }
@@ -5380,7 +5374,7 @@ var MessageRender_default = React10__default.memo(({ role, message: message4, me
       }
     }
     return isEmptyObj(quoteMsg2) ? null : quoteMsg2;
-  }, [message4.params, message4.quoteMsg]);
+  }, [message3.params, message3.quoteMsg]);
   const showPending = loading && (content.length === 0 || content[content.length - 1].type !== "text");
   if (content.length === 0 && !showPending) return null;
   const lastToolCallIndex = (() => {
@@ -5404,20 +5398,20 @@ var MessageRender_default = React10__default.memo(({ role, message: message4, me
               TextNode2,
               {
                 item,
-                role: message4.role,
+                role: message3.role,
                 customComponents,
-                message: message4,
+                message: message3,
                 messageIndex
               },
               `message-${index}`
             ),
-            (item.type === "stepError" || item.type === "runFailed") && (item.errorMessage ? /* @__PURE__ */ jsx(XMarkdown_default, { message: message4, components: customComponents, content: item.errorMessage }) : null),
+            (item.type === "stepError" || item.type === "runFailed") && (item.errorMessage ? /* @__PURE__ */ jsx(XMarkdown_default, { message: message3, components: customComponents, content: item.errorMessage }) : null),
             item.type === "files" && /* @__PURE__ */ jsx(FilesNode, { item }, `files-${index}`),
             item.type === "plan" && /* @__PURE__ */ jsx(A2uiPlanNode, { item }, `plan-${index}`)
           ] })
         }
       ),
-      index === lastToolCallIndex && messageIndex >= 0 ? /* @__PURE__ */ jsx(A2uiMessageCards, { messageIndex, message: message4 }) : null
+      index === lastToolCallIndex && messageIndex >= 0 ? /* @__PURE__ */ jsx(A2uiMessageCards, { messageIndex, message: message3 }) : null
     ] }, `message-${index}`)),
     showPending && role.user === "agent" && /* @__PURE__ */ jsx(Bubble, { role: role.user, placement: role.placement, content: /* @__PURE__ */ jsx(RunStartedNode, {}) }),
     quoteMsg && /* @__PURE__ */ jsx(QuoteMsgNode, { quoteMsg, role })
@@ -5513,13 +5507,13 @@ var BubbleListItems_default = ({
   const messageRefs = useRef({});
   const chatRecords = useMemo(() => {
     const chatRecords2 = [];
-    conversationMessages.forEach((message4, messageIndex) => {
-      const role = getRole(message4.role);
+    conversationMessages.forEach((message3, messageIndex) => {
+      const role = getRole(message3.role);
       const isLeftBubble = role.user === "agent";
-      const isMessageLoading = !!message4.generating;
-      const baseKey = `${message4.executionId}-${messageIndex}`;
+      const isMessageLoading = !!message3.generating;
+      const baseKey = `${message3.executionId}-${messageIndex}`;
       const footerNode = !isMessageLoading ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, children: [
-        message4.stopFlag && isLeftBubble && /* @__PURE__ */ jsx(Text3, { type: "secondary", style: { flex: "none" }, children: "\u5DF2\u505C\u6B62" }),
+        message3.stopFlag && isLeftBubble && /* @__PURE__ */ jsx(Text3, { type: "secondary", style: { flex: "none" }, children: "\u5DF2\u505C\u6B62" }),
         /* @__PURE__ */ jsx(Flex, { align: "center", gap: 4, children: role.user === "agent" && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -5539,21 +5533,21 @@ var BubbleListItems_default = ({
           /* @__PURE__ */ jsx(
             Button,
             {
-              color: message4.feedback === 1 ? "primary" : "default",
+              color: message3.feedback === 1 ? "primary" : "default",
               size: "small",
               variant: "text",
               icon: /* @__PURE__ */ jsx(LikeOutlined, {}),
-              onClick: () => chatStore.feedback(message4.executionId, 1, messageIndex)
+              onClick: () => chatStore.feedback(message3.executionId, 1, messageIndex)
             }
           ),
           /* @__PURE__ */ jsx(
             Button,
             {
-              color: message4.feedback === 2 ? "primary" : "default",
+              color: message3.feedback === 2 ? "primary" : "default",
               size: "small",
               variant: "text",
               icon: /* @__PURE__ */ jsx(DislikeOutlined, {}),
-              onClick: () => chatStore.feedback(message4.executionId, 2, messageIndex)
+              onClick: () => chatStore.feedback(message3.executionId, 2, messageIndex)
             }
           ),
           /* @__PURE__ */ jsx(
@@ -5561,7 +5555,7 @@ var BubbleListItems_default = ({
             {
               control: agentActions,
               ctx: {
-                message: message4,
+                message: message3,
                 get dom() {
                   return messageRefs.current[baseKey];
                 }
@@ -5579,7 +5573,7 @@ var BubbleListItems_default = ({
           MessageRender_default,
           {
             role,
-            message: message4,
+            message: message3,
             messageIndex,
             customComponents,
             loading: isMessageLoading,
@@ -6055,7 +6049,8 @@ var ChatSender_default2 = forwardRef(
     skillsBtn = false,
     knowledgeBtn = false,
     modelSelect = false,
-    commandConfig = {}
+    commandConfig,
+    uploadConfig
   }, ref) => {
     const chatStore = useChatStore();
     const configState = useSnapshot(chatStore.config);
@@ -6102,7 +6097,7 @@ var ChatSender_default2 = forwardRef(
         onFocus: chatStore.config.hooks?.onSenderFocus,
         fileUpload: {
           request: fileUploadRequest,
-          config: agentState.agentInfo.config?.options?.fileUpload
+          config: uploadConfig || agentState.agentInfo.config?.options?.fileUpload
         },
         sendBtnProps: isFunction(sendBtnProps) ? sendBtnProps() : {},
         extraFooterBelow: /* @__PURE__ */ jsx(RenderWrapper, { control: footerBelow }),
@@ -6652,13 +6647,13 @@ var layouts_default = forwardRef(({ theme: theme5, params, hooks, layout, config
   }, [hasPreView]);
   useWebSocket({
     url: configState.services.websocketUrls?.[0],
-    onMessage: (message4) => chatStore.acceptMessage(message4.payload),
+    onMessage: (message3) => chatStore.acceptMessage(message3.payload),
     clientHeartbeat: false,
     reconnectInterval: 1e4
   });
   useWebSocket({
     url: configState.services.websocketUrls?.[1],
-    onMessage: (message4) => chatStore.acceptMessage(message4.payload),
+    onMessage: (message3) => chatStore.acceptMessage(message3.payload),
     clientHeartbeat: false,
     reconnectInterval: 1e4
   });