@touchvue/chat 1.0.0-beta.4 → 1.0.0-beta.40

package/es/packages/components/touchchat/src/AiChat/TouchChat.vue2.mjs

@@ -1,66 +1,46 @@
-import { defineComponent, inject, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, provide, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode, Fragment, renderList, createBlock, withCtx, unref } from 'vue';
-import _sfc_main$2 from './UserMessage.vue2.mjs';
-import _sfc_main$3 from './AiMessage.vue2.mjs';
-import _sfc_main$5 from './ChatInput.vue2.mjs';
-import _sfc_main$4 from './Scene.vue2.mjs';
-import _sfc_main$1 from '../../component/HelloChat.vue2.mjs';
+import { defineComponent, inject, ref, watch, nextTick, onMounted, onBeforeUnmount, provide, openBlock, createElementBlock, withModifiers, createElementVNode, renderSlot, createVNode, createCommentVNode, Fragment, renderList, createBlock, unref, withCtx } from 'vue';
+import UserMessage from './UserMessage.vue.mjs';
+import AiMessage from './AiMessage.vue.mjs';
+import ChatInput from './ChatInput.vue.mjs';
+import HelloChat from '../../component/HelloChat.vue.mjs';
 import { throttle } from '../../../../../node_modules/.pnpm/throttle-debounce@5.0.2/node_modules/throttle-debounce/esm/index.mjs';
 import { FetchStream } from '../../utils/fetchStream.mjs';
-import { ChatRobot } from '../../utils/chatRobot.mjs';
 import markdown from '../../utils/markdown.mjs';
 import { showToast } from '../../utils/tools.mjs';
+import { MessageAction, ThinkStatus } from './Chat/TouchChat.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TouchChat",
   props: {
-    model: {
-      type: String,
-      default: "deepseek-v3"
-    },
     value: {
       type: Array,
       default: () => []
-    },
-    placeholder: {
-      type: String,
-      default: "\u5FEB\u6765\u548C\u6211\u804A\u5929\u5427~"
-    },
-    components: {
-      type: Object,
-      default: () => ({})
-    },
-    openSSECallback: {
-      type: Function,
-      default: null
     }
   },
   emits: ["sendMessage", "toggleSidebar", "beforeSendMessage"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const emit = __emit;
-    const action = inject("action", "");
-    const headers = inject("headers", void 0);
-    const body = inject("body", void 0);
-    const token = inject("token", "");
-    const wsUrl = inject("wsUrl", "");
-    const connectionType = inject("connectionType");
-    const isDeepSeek = inject(
-      "isDeepSeek",
-      computed(() => true)
-    );
-    const aiChatType = inject("aiChatType", "Flow");
     const scripts = inject("scripts", []);
-    const robotUnmatched = inject("robotUnmatched", "\u60A8\u7684\u6D88\u606F\u672A\u5339\u914D\u5230\u4EFB\u4F55\u5185\u5BB9");
-    const currentScriptIndex = ref(0);
-    const selectedScriptName = ref("");
-    const afterSendMessage = inject("afterSendMessage", () => {
-      console.warn("\u672A\u63D0\u4F9BafterSendMessage\u51FD\u6570");
+    const activeScript = ref(null);
+    const resultItem = ref(null);
+    const unmatchText = inject("unmatchText", "\u60A8\u7684\u6D88\u606F\u672A\u5339\u914D\u5230\u4EFB\u4F55\u5185\u5BB9");
+    const modules = inject("modules", []);
+    const afterSend = inject("afterSend", () => {
+      console.warn("\u672A\u63D0\u4F9BafterSend\u51FD\u6570");
     });
-    const sendMessageInject = inject("handleSend", () => {
+    const sendMessageInject = inject("send", () => {
       console.warn("\u672A\u63D0\u4F9BhandleSend\u51FD\u6570");
     });
     const beforeSend = inject("beforeSend", () => ({
-      result: true
+      result: true,
+      componentName: ""
     }));
+    const bottom = inject("bottom", () => {
+      console.warn("\u672A\u63D0\u4F9Bbottom\u51FD\u6570");
+    });
+    const stop = inject("stop", () => {
+      console.warn("\u672A\u63D0\u4F9Bstop\u51FD\u6570");
+    });
     const props = __props;
     const chatContainer = ref(null);
     const htmlContentRef = ref([]);
@@ -78,6 +58,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const TouchChatRobot = ref();
     const isUnmounting = ref(false);
     const currentComponentName = ref("");
+    const fileData = ref([]);
+    const activeAgentsName = ref("");
+    const moduleInfo = ref(modules[0]);
+    const ChatInputRef = ref(null);
+    const isDragging = ref(false);
+    const typeFlag = ref("");
+    const currentMessageProcessor = ref(null);
+    watch(
+      () => activeAgentsName,
+      (val) => {
+        if (!val) {
+          activeAgentsName.value = localStorage.getItem("activeAgentsName");
+        }
+      },
+      { immediate: true }
+    );
     const messageUtils = {
       updateMessage: (index, updates) => {
         if (index < 0 || index >= chatList.value.length)
@@ -99,14 +95,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       deleteMessageChain: (index) => {
         if (index < 0 || index >= chatList.value.length)
           return;
-        const nextIndex = index + 1;
-        const deleteCount = nextIndex < chatList.value.length && chatList.value[nextIndex].user === "ai" ? 2 : 1;
-        chatList.value.splice(index, deleteCount);
+        if (chatList.value[index].user === "u") {
+          let deleteCount = 1;
+          for (let i = index + 1; i < chatList.value.length; i++) {
+            if (chatList.value[i].user === "ai") {
+              deleteCount++;
+            } else {
+              break;
+            }
+          }
+          chatList.value.splice(index, deleteCount);
+        } else {
+          chatList.value.splice(index, 1);
+        }
       },
       createStandardMessage: (data) => {
         var _a, _b, _c, _d, _e;
         return {
-          chatId: data.chatId || "ai_" + crypto.randomUUID().replace(/-/gi, ""),
+          // chatId: data.chatId || 'ai_' + crypto.randomUUID().replace(/-/gi, ''),
+          chatId: data.chatId || "ai_" + Math.random().toString(36).slice(2).padEnd(10, "0").slice(0, 10),
           user: data.user || "ai",
           type: data.type || "text",
           content: data.content || "",
@@ -120,33 +127,38 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         };
       }
     };
-    const sceneClick = (script) => {
-      selectedScriptName.value = script.name;
-      const findAndSendFirstUserMessage = (dataSource) => {
-        var _a;
-        const targetScript = dataSource.find((item) => item.name === script.name);
-        if (targetScript && targetScript.content.length) {
-          const firstUserMessage = (_a = targetScript.content.find((citem) => citem.user === "i")) == null ? void 0 : _a.data;
-          if (firstUserMessage) {
-            sendMessage({
-              name: firstUserMessage
-            });
-          }
-        }
-      };
-      if (scripts.length) {
-        findAndSendFirstUserMessage(scripts);
-      }
+    const update = (index, message) => {
+      chatList.value[index] = { ...chatList.value[index], ...message };
+      console.log("update", chatList.value[index]);
+    };
+    const markdownToHtml = (markdownContent) => {
+      var _a;
+      return ((_a = markdown) == null ? void 0 : _a.render(markdownContent, { isReasoning: false })) || "";
+    };
+    const updateModule = (info) => {
+      moduleInfo.value = info;
+    };
+    const handleAgentSelect = (item) => {
+      localStorage.setItem("activeAgentsName", item.name);
+      const aiMessage = item.intro;
+      messageUtils.updateMessage(0, {
+        content: "",
+        isChating: false
+      });
+      simulateStreamOutput(0, aiMessage);
     };
-    const completeRendered = () => {
-      console.log("completeRendered", "\u6E32\u67D3\u5B8C\u6210");
+    const completeRendered = (chatId) => {
+      console.log("completeRendered", "\u6E32\u67D3\u5B8C\u6210", chatId);
+      if (currentMessageProcessor.value) {
+        currentMessageProcessor.value.handleMessageComplete(chatId);
+      }
     };
     const toggleSidebarClick = (item, index) => {
       emit("toggleSidebar", item, index);
     };
     const init = () => {
       try {
-        if (Array.isArray(props.value) && props.value.length && isDeepSeek.value) {
+        if (Array.isArray(props.value) && props.value.length && !scripts.length) {
           chatList.value = props.value.map((item) => ({
             ...item,
             content: item.thinkContent ? item.content || "" : item.content || "",
@@ -154,89 +166,229 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }));
           nextTick(() => {
             requestAnimationFrame(() => {
-              chatList.value.forEach((item, index) => {
-                currIndex.value = index;
-                if (item.thinkContent) {
-                  renderContent(item.thinkContent, "thinking");
-                }
-                if (item.reasoningContent) {
-                  renderContent(item.reasoningContent, "reasoning");
-                }
-                if (item.content) {
-                  renderContent(item.content, "main");
-                }
-              });
+              if (activeAgentsName.value && chatList.value.length > 0 && chatList.value[0].user === "ai") {
+                const aiMessage = chatList.value[0];
+                messageUtils.updateMessage(0, {
+                  content: "",
+                  isChating: true
+                });
+                simulateStreamOutput(0, aiMessage.content);
+              } else {
+                chatList.value.forEach((item) => {
+                  if (item.thinkContent) {
+                    renderContent(item.thinkContent, "thinking");
+                  }
+                  if (item.reasoningContent) {
+                    renderContent(item.reasoningContent, "reasoning");
+                  }
+                  if (item.content) {
+                    renderContent(item.content, "main");
+                  }
+                });
+                nextTick(() => {
+                  scrollToBottom();
+                });
+              }
             });
           });
         }
-        if (connectionType === "Websocket" && isDeepSeek.value) {
-          openWebsocket();
-        }
       } catch (error) {
         console.error("\u521D\u59CB\u5316\u5931\u8D25:", error);
       }
     };
+    const onScrollToBottom = () => {
+      bottom();
+    };
+    const throttledScrollToBottom = throttle(300, onScrollToBottom);
+    const handleScroll = () => {
+      if (!chatContainer.value)
+        return;
+      const { scrollTop, scrollHeight, clientHeight } = chatContainer.value;
+      if (scrollTop + clientHeight >= scrollHeight) {
+        throttledScrollToBottom();
+      }
+    };
+    const simulateStreamOutput = (aiIndex, msg, callback) => {
+      const message = typeof msg === "string" ? msg : msg.content;
+      const componentName = typeof msg === "string" ? "" : msg.needSequenceProcessing ? msg.needSequenceType : "";
+      const isNeedSequenceProcessing = typeof msg === "string" ? false : msg.needSequenceProcessing;
+      const fn = () => {
+        clearInterval(interval);
+        emit("sendMessage", [...chatList.value]);
+        if (componentName) {
+          chatList.value[aiIndex].componentName = componentName;
+        }
+        messageUtils.updateMessage(aiIndex, {
+          isChating: false
+        });
+        nextTick(() => {
+          renderContent(message, "main", aiIndex);
+          nextTick(() => {
+            scrollToBottom();
+            if (!isNeedSequenceProcessing && callback) {
+              callback();
+            }
+          });
+        });
+      };
+      let index = 0;
+      const interval = setInterval(() => {
+        if (index < message.length) {
+          const newContent = message;
+          messageUtils.updateMessage(aiIndex, {
+            content: newContent
+          });
+          nextTick(() => {
+            renderContent(newContent, "main", aiIndex);
+            nextTick(() => {
+              scrollToBottom();
+            });
+          });
+          index++;
+        } else {
+          fn();
+        }
+      }, 50);
+    };
     const findMatchingScriptContent = (userInput) => {
       if (!scripts || scripts.length === 0)
         return null;
-      let currentScript = scripts.find((item) => item.name === selectedScriptName.value);
-      if (!currentScript && scripts.length > 0) {
-        currentScript = scripts[0];
-        selectedScriptName.value = currentScript.name;
-      }
-      if (!currentScript)
-        return null;
-      const firstItem = currentScript.content[0];
-      if (firstItem.user === "i") {
-        const isDataMatch2 = firstItem.data && userInput.includes(firstItem.data);
-        let isSubDataMatch2 = false;
-        if (firstItem.subData) {
-          if (Array.isArray(firstItem.subData)) {
-            isSubDataMatch2 = firstItem.subData.some((item) => userInput.includes(item));
+      const agentName = activeAgentsName.value ? activeAgentsName.value : localStorage.getItem("activeAgentsName") || "";
+      if (agentName) {
+        const agentMatchedScripts = scripts.filter((script) => {
+          return script.content.some((item) => item.agents === agentName);
+        });
+        if (agentMatchedScripts.length > 0) {
+          const fileTypeItems = agentMatchedScripts.flatMap((script) => script.content.filter((item) => item.file));
+          const fileTypes = fileTypeItems.map((item) => item.file);
+          const isFileTypeMatched = fileData.value.some((file) => {
+            const nameArr = file.name.split(".");
+            const name = nameArr[nameArr.length - 1];
+            const isMatched = fileTypes.includes(name);
+            return isMatched;
+          });
+          let matchedScriptContentIndex = -1;
+          if (!activeScript.value && isFileTypeMatched) {
+            activeScript.value = agentMatchedScripts[0];
           }
-        }
-        if (isDataMatch2 || isSubDataMatch2) {
-          currentScriptIndex.value = 0;
-          const responses = [];
-          let nextIndex = currentScript.content.length;
-          for (let i = 1; i < currentScript.content.length; i++) {
-            const item = currentScript.content[i];
-            if (item.user === "i") {
-              nextIndex = i;
-              break;
+          if (isFileTypeMatched) {
+            for (const script of agentMatchedScripts) {
+              for (let i = 0; i < script.content.length; i++) {
+                const item = script.content[i];
+                if (item.file) {
+                  const nameArr = fileData.value.map((file) => {
+                    const fileExtArr = file.name.split(".");
+                    return fileExtArr[fileExtArr.length - 1];
+                  });
+                  if (nameArr.includes(item.file)) {
+                    matchedScriptContentIndex = i;
+                    break;
+                  }
+                }
+              }
+              if (matchedScriptContentIndex !== -1) {
+                break;
+              }
             }
-            if (item.user === "ai") {
-              responses.push(item);
+            const responses = [];
+            const matchContent = agentMatchedScripts[0].content;
+            for (let j = matchedScriptContentIndex + 1; j < matchContent.length; j++) {
+              const nextItem = matchContent[j];
+              if (nextItem.user === "i") {
+                break;
+              }
+              if (nextItem.user === "ai") {
+                if (nextItem.data && nextItem.type) {
+                  responses.push({
+                    ...nextItem,
+                    // 标记需要先流式输出文字，再调用组件
+                    needSequenceProcessing: true
+                  });
+                } else {
+                  responses.push(nextItem);
+                }
+              }
             }
+            const nextIndex = matchContent.findIndex((contentItem, index) => index > matchedScriptContentIndex && contentItem.user === "i");
+            return {
+              responses,
+              nextIndex: nextIndex === -1 ? matchContent.length : nextIndex
+            };
           }
-          return { responses, nextIndex };
+        } else {
+          return {
+            responses: [
+              {
+                user: "ai",
+                data: unmatchText
+              }
+            ],
+            nextIndex: -1
+          };
         }
       }
-      const currentItem = currentScript.content[currentScriptIndex.value];
-      if (!currentItem || currentItem.user !== "i") {
-        return null;
+      if (activeScript.value) {
+        const result = searchInScript(activeScript.value, userInput);
+        if (result) {
+          return result;
+        }
       }
-      const isDataMatch = currentItem.data && userInput.includes(currentItem.data);
-      let isSubDataMatch = false;
-      if (currentItem.subData) {
-        if (Array.isArray(currentItem.subData)) {
-          isSubDataMatch = currentItem.subData.some((item) => userInput.includes(item));
+      for (const script of scripts) {
+        const result = searchInScript(script, userInput);
+        if (result) {
+          activeScript.value = script;
+          return result;
         }
       }
-      if (isDataMatch || isSubDataMatch) {
-        const responses = [];
-        let nextIndex = currentScript.content.length;
-        for (let i = currentScriptIndex.value + 1; i < currentScript.content.length; i++) {
-          const item = currentScript.content[i];
-          if (item.user === "i") {
-            nextIndex = i;
-            break;
+      return null;
+    };
+    const searchInScript = (script, userInput) => {
+      for (let i = 0; i < script.content.length; i++) {
+        const item = script.content[i];
+        if (item.user === "i") {
+          const isDataMatch = item.data && userInput.includes(item.data);
+          let isSubDataMatch = false;
+          if (item.alias) {
+            if (Array.isArray(item.alias)) {
+              isSubDataMatch = item.alias.some((subItem) => subItem === userInput);
+            }
           }
-          if (item.user === "ai") {
-            responses.push(item);
+          if (isDataMatch || isSubDataMatch) {
+            const responses = [];
+            for (let j = i + 1; j < script.content.length; j++) {
+              const nextItem = script.content[j];
+              if (nextItem.user === "i") {
+                break;
+              }
+              if (nextItem.user === "ai") {
+                if (nextItem.data && nextItem.type) {
+                  responses.push({
+                    ...nextItem,
+                    // 标记需要先流式输出文字，再调用组件
+                    needSequenceProcessing: true
+                  });
+                } else {
+                  responses.push(nextItem);
+                }
+              }
+            }
+            const nextIndex = script.content.findIndex((contentItem, index) => index > i && contentItem.user === "i");
+            return { responses, nextIndex: nextIndex === -1 ? script.content.length : nextIndex };
           }
+        } else if (item.user === "ai") {
+          scripts.forEach((script2) => {
+            if (script2.content.length) {
+              const contents = script2.content;
+              contents.forEach((item2) => {
+                if (item2.agents) {
+                  if (item2.agents === activeAgentsName.value) {
+                    activeScript.value = script2;
+                  }
+                }
+              });
+            }
+          });
         }
-        return { responses, nextIndex };
       }
       return null;
     };
@@ -253,8 +405,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }));
           nextTick(() => {
             requestAnimationFrame(() => {
-              chatList.value.forEach((item, index) => {
-                currIndex.value = index;
+              chatList.value.forEach((item) => {
                 if (item.thinkContent) {
                   renderContent(item.thinkContent, "thinking");
                 }
@@ -265,69 +416,28 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   renderContent(item.content, "main");
                 }
               });
+              nextTick(() => {
+                scrollToBottom();
+              });
             });
           });
         }
       },
       { deep: true, immediate: true }
     );
-    const openWebsocket = () => {
-      if (!wsUrl) {
-        throw new Error("wsUrl is required");
-      }
-      if (!token) {
-        throw new Error("token is required");
-      }
-      let config = {
-        token,
-        wsUrl
-      };
-      TouchChatRobot.value = new ChatRobot(config);
-      TouchChatRobot.value && TouchChatRobot.value.addListener("chatCrmSuccess", {
-        msgCallback: chatCrmSuccess,
-        statusCallback: () => {
-        }
-      });
-      TouchChatRobot.value && TouchChatRobot.value.addListener("onMessageError", {
-        msgCallback: () => {
-        }
-      });
-      TouchChatRobot.value && TouchChatRobot.value.addListener("chatCrmError", {
-        msgCallback: (data) => {
-          console.log("AI \u5BF9\u8BDD\u8FDE\u63A5\u9519\u8BEF\u56DE\u8C03", data);
-        }
-      });
-      TouchChatRobot.value.connect();
-    };
-    const chatCrmSuccess = (data) => {
-      if (data && data.chatType === "response") {
-        if (Array.isArray(data.chatInfo)) {
-          let msgContentList = data.chatInfo.map((item) => item.msgContent);
-          let msgContent = msgContentList.length ? msgContentList[0] : "";
-          chatList.value.push({
-            user: "u",
-            type: "text",
-            content: msgContent
-          });
-        }
-      }
-    };
     const openSSE = (userContent, insertIndex, type) => {
+      var _a, _b, _c, _d, _e, _f, _g;
       try {
         if (isUnmounting.value)
           return;
         isChating.value = true;
-        if (props.openSSECallback) {
-          props.openSSECallback(FetchStream);
-          return;
-        }
         const currentAiMessage = chatList.value.find((item) => item.isChating);
         if (currentAiMessage) {
           currentAiMessage.isShowLike = true;
           currentAiMessage.isShowCopy = true;
           currentAiMessage.componentName = currentComponentName.value;
         }
-        const chatId = (currentAiMessage == null ? void 0 : currentAiMessage.chatId) || "ai_" + crypto.randomUUID().replace(/-/gi, "");
+        const chatId = (currentAiMessage == null ? void 0 : currentAiMessage.chatId) || "ai_" + Math.random().toString(36).slice(2).padEnd(10, "0").slice(0, 10);
         let aiContent = (currentAiMessage == null ? void 0 : currentAiMessage.content) || "";
         let reasoningContent = (currentAiMessage == null ? void 0 : currentAiMessage.reasoningContent) || "";
         let allAiContent = "";
@@ -340,11 +450,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             content: "",
             thinkContent: "",
             reasoningContent: "",
-            thinkStatus: "thinking" /* THINKING */,
+            thinkStatus: ThinkStatus.THINKING,
             thinkStartTime: Date.now(),
             isShowLike: true,
             isShowCopy: true,
-            componentName: currentComponentName.value
+            componentName: currentComponentName.value,
+            typeFlag: typeFlag.value
           };
           if (insertIndex !== void 0 && insertIndex <= chatList.value.length) {
             chatList.value.splice(insertIndex, 0, chatItem);
@@ -352,68 +463,109 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             chatList.value.push(chatItem);
           }
         }
-        currIndex.value = chatList.value.findIndex((ele) => ele.chatId === chatId);
+        currIndex.value = insertIndex != null ? insertIndex : chatList.value.length - 1;
+        const BodyConfig = (_b = (_a = moduleInfo.value) == null ? void 0 : _a.config) == null ? void 0 : _b.body();
+        if (!inputValue.value && ((_c = BodyConfig == null ? void 0 : BodyConfig.messages) == null ? void 0 : _c.length)) {
+          BodyConfig.messages[0].content = userContent;
+          BodyConfig.model = enableDeepThinking.value ? "deepseek-reasoner" : "deepseek-v3";
+        }
         fetchStream.value = new FetchStream({
-          url: action != null ? action : "https://api.apiyi.com/v1/chat/completions",
+          url: ((_e = (_d = moduleInfo.value) == null ? void 0 : _d.config) == null ? void 0 : _e.action) ? moduleInfo.value.config.action : "https://api.apiyi.com/v1/chat/completions",
           requestInit: {
-            headers: headers != null ? headers : {
+            headers: ((_g = (_f = moduleInfo.value) == null ? void 0 : _f.config) == null ? void 0 : _g.headers) ? new Headers(moduleInfo.value.config.headers()) : new Headers({
               "Content-Type": "application/json",
               Authorization: "Bearer sk-fe9MtODvds8wpzz05f3417Fe3e9641C1926e6fC588425dEd"
-            },
-            body: !isDeepSeek ? JSON.stringify(body) : JSON.stringify({
-              model: enableDeepThinking.value ? "deepseek-reasoner" : "deepseek-v3",
-              messages: [
-                {
-                  role: "user",
-                  content: userContent
-                }
-              ],
-              stream: true
-            })
+            }),
+            // body: moduleInfo.value?.config?.body
+            // 	? JSON.stringify(BodyConfig as Record<string, any>)
+            // 	: JSON.stringify({
+            // 			model: enableDeepThinking.value ? 'deepseek-reasoner' : 'deepseek-v3',
+            // 			messages: [
+            // 				{
+            // 					role: 'user',
+            // 					content: userContent
+            // 				}
+            // 			],
+            // 			stream: true
+            // 		})
+            body: JSON.stringify(BodyConfig)
           },
           onmessage: (line) => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j;
             if (isUnmounting.value)
               return;
             let dataString = "";
             if (line.length) {
               if (line.includes("data:")) {
-                dataString = line.split("data:")[1];
+                const match = line.match(/\{[\s\S]*\}/);
+                dataString = match ? match[0] : "";
               } else if (line.startsWith("{") && line.endsWith("}")) {
                 dataString = line;
               }
             }
             dataString = dataString.trim();
-            if (dataString && dataString.startsWith("{") && dataString.endsWith("}")) {
+            const respoKey = (_b2 = (_a2 = moduleInfo.value) == null ? void 0 : _a2.config) == null ? void 0 : _b2.respoKey();
+            if (dataString && (dataString.startsWith("{") && dataString.endsWith("}") || !(respoKey == null ? void 0 : respoKey.content))) {
               try {
-                const result = JSON.parse(dataString);
+                const result = !(respoKey == null ? void 0 : respoKey.content) && moduleInfo.value ? dataString : JSON.parse(dataString);
                 const newAiMessage = chatList.value[currIndex.value];
-                if (isDeepSeek) {
-                  if ((_c = (_b = (_a = result == null ? void 0 : result.choices) == null ? void 0 : _a[0]) == null ? void 0 : _b.delta) == null ? void 0 : _c.content) {
+                const deepseekFlag = ((_c2 = moduleInfo.value) == null ? void 0 : _c2.name) === "deepseek-v3";
+                if (deepseekFlag || !moduleInfo.value) {
+                  if ((_f2 = (_e2 = (_d2 = result == null ? void 0 : result.choices) == null ? void 0 : _d2[0]) == null ? void 0 : _e2.delta) == null ? void 0 : _f2.content) {
                     aiContent += result.choices[0].delta.content;
-                    if ((newAiMessage == null ? void 0 : newAiMessage.thinkStatus) === "thinking" /* THINKING */) {
-                      newAiMessage.thinkStatus = "completed" /* COMPLETED */;
+                    if ((newAiMessage == null ? void 0 : newAiMessage.thinkStatus) === ThinkStatus.THINKING) {
+                      newAiMessage.thinkStatus = ThinkStatus.COMPLETED;
                       newAiMessage.thinkTime = Date.now() - (newAiMessage.thinkStartTime || Date.now());
                     }
                   }
-                  if ((_f = (_e = (_d = result == null ? void 0 : result.choices) == null ? void 0 : _d[0]) == null ? void 0 : _e.delta) == null ? void 0 : _f.reasoning_content) {
+                  if ((_i = (_h = (_g2 = result == null ? void 0 : result.choices) == null ? void 0 : _g2[0]) == null ? void 0 : _h.delta) == null ? void 0 : _i.reasoning_content) {
                     reasoningContent += result.choices[0].delta.reasoning_content;
                     if (!(newAiMessage == null ? void 0 : newAiMessage.thinkStatus)) {
-                      newAiMessage.thinkStatus = "thinking" /* THINKING */;
+                      newAiMessage.thinkStatus = ThinkStatus.THINKING;
                       newAiMessage.thinkStartTime = Date.now();
                     }
                   }
+                  allAiContent = reasoningContent + aiContent;
                 } else {
-                  if (aiChatType === "Flow") {
-                    if ((result == null ? void 0 : result.message) && (result == null ? void 0 : result.category) === "answer") {
-                      aiContent += result.message;
-                    }
-                  } else if (aiChatType === "Intelligent") {
-                    if ((result == null ? void 0 : result.content) && (result == null ? void 0 : result.category) === "task_stream_content") {
-                      aiContent += result.content;
+                  if (respoKey && result && result[respoKey.content] && (result[respoKey.category] === respoKey.contentCategory || !result[respoKey.category])) {
+                    aiContent += result[respoKey.content];
+                  }
+                  if (result && result[respoKey.category] === "done") {
+                    resultItem.value = result;
+                  }
+                  if (result && result[respoKey.category] === "error") {
+                    const errorMessage = (_j = result[respoKey.all]) != null ? _j : "\u5F53\u524D\u7F51\u7EDC\u5F02\u5E38";
+                    const currentAiMessage2 = chatList.value[currIndex.value];
+                    if (currentAiMessage2.chatId) {
+                      currentAiMessage2.content = `<div style="color: red; display: flex; align-items: center;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
+										<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 15.5C11.6421 15.5 15 12.1421 15 8C15 3.85786 11.6421 0.5 7.5 0.5C3.35786 0.5 0 3.85786 0 8C0 12.1421 3.35786 15.5 7.5 15.5ZM9.7539 4.9506L10.5494 5.7461L8.2951 8.0001L10.5494 10.2539L9.7539 11.0494L7.5001 8.7951L5.2461 11.0494L4.4506 10.2539L6.7051 8.0001L4.4506 5.7461L5.2461 4.9506L7.5001 7.2051L9.7539 4.9506Z" fill="#F93920"/>
+										</svg>${errorMessage}</div>`;
+                      currentAiMessage2.isChating = false;
+                      currentAiMessage2.componentName = "";
+                      currentAiMessage2.isShowLike = false;
+                      currentAiMessage2.isShowCopy = false;
+                      currentAiMessage2.isError = true;
+                      nextTick(() => {
+                        emit("sendMessage", [...chatList.value]);
+                      });
+                      afterSend(result);
                     }
-                    if ((result == null ? void 0 : result.message) && (result == null ? void 0 : result.category) === "answer") {
-                      allAiContent = result.message;
+                  }
+                  if (aiContent || reasoningContent) {
+                    allAiContent = aiContent + reasoningContent;
+                  }
+                  if (respoKey && result && result[respoKey.all] && result[respoKey.category] === respoKey.allCategory) {
+                    allAiContent = result[respoKey.all];
+                  }
+                  if (respoKey && result && typeof result === "string" && result !== "[DONE]") {
+                    aiContent += result;
+                  }
+                  if (respoKey && result && typeof result === "string" && result === "[DONE]") {
+                    const index = chatList.value.findIndex((ele) => ele.chatId === chatId);
+                    if (index !== -1 && chatList.value[index]) {
+                      isChating.value = false;
+                      chatList.value[index].isChating = false;
+                      emit("sendMessage", JSON.parse(JSON.stringify(chatList.value)));
                     }
                   }
                 }
@@ -425,7 +577,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   });
                 }
                 if (type === 1) {
-                  scrollToBottom();
+                  nextTick(() => {
+                    renderContent(aiContent, "main");
+                    renderContent(reasoningContent, "reasoning");
+                    nextTick(() => {
+                      scrollToBottom();
+                    });
+                  });
                 }
               } catch (error) {
                 console.error("\u89E3\u6790SSE\u6D88\u606F\u5931\u8D25:", error);
@@ -441,12 +599,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               if (index !== -1 && chatList.value[index]) {
                 chatList.value[index].isChating = false;
                 chatList.value[index].componentName = currentComponentName.value;
-                if (aiChatType === "Intelligent" && allAiContent) {
-                  afterSendMessage(allAiContent);
+                chatList.value[index].html = markdownToHtml(allAiContent);
+                if (allAiContent) {
+                  if (resultItem.value) {
+                    resultItem.value.allAiContent = allAiContent;
+                    afterSend(resultItem.value);
+                  } else {
+                    afterSend({ allAiContent });
+                  }
                 }
                 const waitForRenderComplete = () => {
                   if (renderQueue.value.length === 0 && !isRendering.value) {
-                    if (chatList.value.length > 0 && isDeepSeek) {
+                    if (chatList.value.length > 0) {
                       emit("sendMessage", JSON.parse(JSON.stringify(chatList.value)));
                     }
                   } else {
@@ -467,6 +631,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       } catch (error) {
         console.error("OpenSSE\u9519\u8BEF:", error);
         isChating.value = false;
+        chatList.value[currIndex.value].content = `<div style="color: red; display: flex; align-items: center;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
+			<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 15.5C11.6421 15.5 15 12.1421 15 8C15 3.85786 11.6421 0.5 7.5 0.5C3.35786 0.5 0 3.85786 0 8C0 12.1421 3.35786 15.5 7.5 15.5ZM9.7539 4.9506L10.5494 5.7461L8.2951 8.0001L10.5494 10.2539L9.7539 11.0494L7.5001 8.7951L5.2461 11.0494L4.4506 10.2539L6.7051 8.0001L4.4506 5.7461L5.2461 4.9506L7.5001 7.2051L9.7539 4.9506Z" fill="#F93920"/>
+		</svg>${"\u8BF7\u6C42\u5931\u8D25"}</div>`;
+        chatList.value[currIndex.value].isChating = false;
+        chatList.value[currIndex.value].isShowCopy = false;
+        chatList.value[currIndex.value].isShowLike = false;
         showToast("\u8BF7\u6C42\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5", "error", 3e3);
       }
     };
@@ -475,10 +645,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (isUnmounting.value)
         return;
       const currentAiMessage = chatList.value[currIndex.value];
+      stop(chatList.value[currIndex.value], currIndex.value);
       const hasContent = currentAiMessage && (currentAiMessage.content || currentAiMessage.thinkContent || currentAiMessage.reasoningContent);
       if (currentAiMessage) {
-        if (currentAiMessage.thinkStatus === "thinking" /* THINKING */) {
-          currentAiMessage.thinkStatus = "stopped" /* STOPPED */;
+        if (currentAiMessage.thinkStatus === ThinkStatus.THINKING) {
+          currentAiMessage.thinkStatus = ThinkStatus.STOPPED;
           currentAiMessage.thinkTime = Date.now() - (currentAiMessage.thinkStartTime || Date.now());
         }
         if (!hasContent) {
@@ -493,10 +664,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           const updatedAiMessage = {
             ...currentAiMessage,
             isChating: false,
-            content: currentAiMessage.content ? currentAiMessage.content + "\u3002\u3002\u3002" : "",
-            thinkContent: currentAiMessage.thinkContent ? currentAiMessage.thinkContent + "\u3002\u3002\u3002" : void 0,
-            reasoningContent: currentAiMessage.reasoningContent ? currentAiMessage.reasoningContent + "\u3002\u3002\u3002" : void 0,
-            thinkStatus: currentAiMessage.thinkStatus
+            content: currentAiMessage.content ? currentAiMessage.content + "..." : "",
+            thinkContent: currentAiMessage.thinkContent ? currentAiMessage.thinkContent + "..." : void 0,
+            reasoningContent: currentAiMessage.reasoningContent ? currentAiMessage.reasoningContent + "..." : void 0,
+            thinkStatus: currentAiMessage.thinkStatus,
+            stop: true
           };
           chatList.value.splice(currIndex.value, 1, updatedAiMessage);
           nextTick(() => {
@@ -533,6 +705,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         currentAiMessage.componentName = "";
         currentAiMessage.isShowLike = false;
         currentAiMessage.isShowCopy = false;
+        currentAiMessage.isError = true;
         nextTick(() => {
           renderContent(currentAiMessage.content || "", "main");
           emit("sendMessage", [...chatList.value]);
@@ -577,13 +750,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (currIndex.value < 0 || currIndex.value >= chatList.value.length)
         return;
       const currentItem = chatList.value[currIndex.value];
-      currentItem.thinkContent = data.thinkContent;
-      currentItem.content = data.mainContent;
-      currentItem.reasoningContent = data.reasoningContent;
+      if (!currentItem.isError) {
+        currentItem.thinkContent = data.thinkContent;
+        currentItem.content = data.mainContent;
+        currentItem.reasoningContent = data.reasoningContent;
+      }
       nextTick(() => {
         const thinkingContainer = thinkingContentRef.value[currIndex.value];
         if (thinkingContainer) {
-          if (data.thinkContent) {
+          if (data.thinkContent && !currentItem.isError) {
             renderContent(data.thinkContent, "thinking");
             thinkingContainer.style.display = "block";
             thinkingContainer.style.visibility = "visible";
@@ -594,7 +769,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
         const reasoningContainer = reasoningContentRef.value[currIndex.value];
         if (reasoningContainer) {
-          if (data.reasoningContent) {
+          if (data.reasoningContent && !currentItem.isError) {
             renderContent(data.reasoningContent, "reasoning");
             reasoningContainer.style.display = "block";
             reasoningContainer.style.visibility = "visible";
@@ -603,7 +778,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             reasoningContainer.style.visibility = "hidden";
           }
         }
-        renderContent(data.mainContent, "main");
+        renderContent(currentItem.isError ? currentItem.content : data.mainContent, "main");
       });
     };
     const attachCopyButtons = (container) => {
@@ -660,18 +835,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       container.innerHTML = processors[type](content || "");
       attachCopyButtons(container);
     };
-    const sendMessage = (item) => {
-      inputValue.value = item.name || "";
-      handleBeforeSend();
+    const sendMessage = (content, fileList, auto, type) => {
+      inputValue.value = content || "";
+      handleBeforeSend(content, fileList, auto, type);
     };
-    const handleBeforeSend = () => {
+    const handleBeforeSend = (content, fileList, auto, type) => {
+      fileData.value = fileList || [];
       if (beforeSend) {
         const fn = beforeSend();
         if (fn && typeof fn.then === "function") {
           Promise.resolve(fn).then((res) => {
             if (res.result) {
               currentComponentName.value = res.componentName || "";
-              handleSend();
+              handleSend(content, fileList, auto, type);
             }
           }).catch((error) => {
             console.log(error);
@@ -679,17 +855,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         } else {
           if (fn.result) {
             currentComponentName.value = fn.componentName || "";
-            handleSend();
+            handleSend(content, fileList, auto, type);
           }
         }
       }
     };
-    const handleSend = (content) => {
-      var _a;
+    const handleSend = (content, fileList, auto, type) => {
       emit("beforeSendMessage");
-      if (!isDeepSeek.value && scripts && Array.isArray(scripts) && scripts.length > 0) {
-        const userInput = content != null ? content : inputValue.value.trim();
-        if (!userInput)
+      sendMessageInject(inputValue.value, fileData.value);
+      typeFlag.value = type || "";
+      if (scripts && Array.isArray(scripts) && scripts.length > 0) {
+        const userInput = content ? content.replace(/\n/g, "") : inputValue.value.replace(/\n/g, "").trim();
+        if (!userInput && !(fileList == null ? void 0 : fileList.length) && auto)
           return;
         const userChatId = `user_${Date.now()}`;
         const userMessage = {
@@ -698,17 +875,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           type: "text",
           content: userInput,
           isShowLike: false,
-          isShowCopy: true
+          isShowCopy: true,
+          files: fileList || [],
+          typeFlag: type,
+          auto: auto || false
         };
         chatList.value.push(userMessage);
         emit("sendMessage", [...chatList.value]);
         nextTick(() => {
-          scrollToBottom();
           renderContent(userMessage.content, "main", chatList.value.length - 1);
+          nextTick(() => {
+            scrollToBottom();
+          });
         });
         const result = findMatchingScriptContent(userInput);
         if (result && result.responses.length > 0) {
-          currentScriptIndex.value = result.nextIndex;
           const newAiMessages = [];
           result.responses.forEach((response, idx) => {
             const pauseMarker = Array.isArray(response.data) ? "\u200B".repeat(20) : "";
@@ -719,39 +900,81 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               user: "ai",
               type: "text",
               content: content2 || "",
+              // componentName: response.needSequenceProcessing ? '' : response.type || '',
               componentName: response.type || "",
               isShowLike: true,
-              isShowCopy: true
+              isShowCopy: true,
+              needSequenceType: response.type || "",
+              needSequenceProcessing: response.needSequenceProcessing || false,
+              typeFlag: type
             };
             newAiMessages.push(aiMessage);
           });
-          chatList.value.push(...newAiMessages);
-          emit("sendMessage", [...chatList.value]);
-          nextTick(() => {
-            scrollToBottom();
-            newAiMessages.forEach((msg) => {
-              const msgIndex = chatList.value.findIndex((item) => item.chatId === msg.chatId);
-              if (msgIndex !== -1) {
-                renderContent(msg.content, "main", msgIndex);
+          let messageQueue = [...newAiMessages];
+          let isProcessing = false;
+          let currentMessage = null;
+          const processNextMessage = () => {
+            if (messageQueue.length > 0 && !isProcessing) {
+              isProcessing = true;
+              const nextMessage = messageQueue.shift();
+              if (nextMessage) {
+                currentMessage = nextMessage;
+                console.log("\u5F00\u59CB\u5904\u7406\u6D88\u606F:", currentMessage.chatId);
+                chatList.value.push(currentMessage);
+                emit("sendMessage", [...chatList.value]);
+                const msgIndex = chatList.value.length - 1;
+                nextTick(() => {
+                  renderContent((currentMessage == null ? void 0 : currentMessage.content) || "", "main", msgIndex);
+                  nextTick(() => {
+                    scrollToBottom();
+                    if (currentMessage) {
+                      const messageToProcess = {
+                        ...currentMessage,
+                        needSequenceProcessing: true
+                      };
+                      simulateStreamOutput(msgIndex, messageToProcess);
+                    }
+                  });
+                });
               }
-            });
-          });
+            }
+          };
+          const handleMessageComplete = (chatId) => {
+            if (currentMessage && currentMessage.chatId === chatId) {
+              console.log("\u5E8F\u5217\u6D88\u606F\u5904\u7406\u5B8C\u6210\uFF0C\u5904\u7406\u4E0B\u4E00\u6761:", chatId);
+              currentMessage = null;
+              isProcessing = false;
+              processNextMessage();
+            }
+          };
+          const processorObj = {
+            messageQueue,
+            isProcessing,
+            currentMessage,
+            processNextMessage,
+            handleMessageComplete
+          };
+          currentMessageProcessor.value = processorObj;
+          processNextMessage();
         } else {
           const defaultAiChatId = `ai_${Date.now()}`;
           const defaultAiMessage = {
             chatId: defaultAiChatId,
             user: "ai",
             type: "text",
-            content: robotUnmatched,
+            content: unmatchText,
             isShowLike: true,
             isShowCopy: true
           };
           chatList.value.push(defaultAiMessage);
+          emit("sendMessage", [...chatList.value]);
           nextTick(() => {
-            scrollToBottom();
             const msgIndex = chatList.value.findIndex((item) => item.chatId === defaultAiChatId);
             if (msgIndex !== -1) {
               renderContent(defaultAiMessage.content, "main", msgIndex);
+              nextTick(() => {
+                scrollToBottom();
+              });
             }
           });
         }
@@ -760,33 +983,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (content) {
           inputValue.value = content;
         }
-        if (isChating.value || !inputValue.value.trim())
+        if ((isChating.value || !inputValue.value.trim() && !(fileList == null ? void 0 : fileList.length)) && !auto)
           return;
-        const userChatId = "user_" + crypto.randomUUID().replace(/-/gi, "");
+        const userChatId = "user_" + Math.random().toString(36).slice(2).padEnd(10, "0").slice(0, 10);
         const userMessage = {
           chatId: userChatId,
           user: "u",
           type: "text",
-          content: inputValue.value
+          content: inputValue.value,
+          files: fileList || []
         };
-        sendMessageInject(inputValue.value);
         chatList.value.push(userMessage);
         const index = chatList.value.length - 1;
         nextTick(() => {
           renderContent(userMessage.content, "main", index);
           scrollToBottom();
         });
-        if (connectionType === "SSE") {
-          openSSE(inputValue.value, index + 1, 1);
-        } else if (connectionType === "Websocket") {
-          let chatInfo = [
-            {
-              type: "text",
-              msgContent: inputValue.value
-            }
-          ];
-          (_a = TouchChatRobot.value) == null ? void 0 : _a.send(chatInfo);
-        }
+        openSSE(inputValue.value, index + 1, 1);
         inputValue.value = "";
       }
     };
@@ -826,36 +1039,72 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
       isChating.value = false;
     };
-    const scrollToBottom = throttle(300, () => {
-      if (!isMounted.value || isUnmounting.value)
+    const scrollObserver = ref(null);
+    const scrollToBottom = () => {
+      if (!isMounted.value || isUnmounting.value || !chatContainer.value)
         return;
-      const endEl = document.querySelector(".to-chat-item:last-child");
-      if (endEl == null ? void 0 : endEl.scrollIntoView) {
-        endEl.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
-      }
-    });
-    const handleMessageAction = (action2, index) => {
+      nextTick(() => {
+        requestAnimationFrame(() => {
+          const chatContainerEl = chatContainer.value;
+          const lastMessage = chatContainerEl.querySelector(".touchchat-dialog-content > *:last-child");
+          if (lastMessage) {
+            const { height: messageHeight } = lastMessage.getBoundingClientRect();
+            const containerHeight = chatContainerEl.clientHeight;
+            const messageBottom = lastMessage.offsetTop + lastMessage.offsetHeight;
+            if (messageHeight > containerHeight) {
+              chatContainerEl.scrollTop = lastMessage.offsetTop;
+            } else {
+              chatContainerEl.scrollTop = messageBottom - containerHeight;
+            }
+            if (scrollObserver.value) {
+              scrollObserver.value.disconnect();
+            }
+            scrollObserver.value = new MutationObserver(() => {
+              const updatedMessageBottom = lastMessage.offsetTop + lastMessage.offsetHeight;
+              chatContainerEl.scrollTop = Math.max(updatedMessageBottom - containerHeight, chatContainerEl.scrollTop);
+            });
+            scrollObserver.value.observe(lastMessage, {
+              childList: true,
+              subtree: true,
+              characterData: true,
+              attributes: true,
+              // 新增监听属性变化（如高度）
+              attributeFilter: ["style", "class"]
+              // 只监听样式相关属性
+            });
+          } else {
+            chatContainerEl.scrollTo({
+              top: chatContainerEl.scrollHeight,
+              behavior: "smooth"
+            });
+          }
+        });
+      });
+    };
+    const handleMessageAction = (action, index) => {
       const message = chatList.value[index];
       if (!message)
         return;
-      switch (action2) {
-        case "copy" /* COPY */:
-          navigator.clipboard.writeText(message.content).then(() => {
+      switch (action) {
+        case MessageAction.COPY: {
+          const textContent = message.content;
+          navigator.clipboard.writeText(textContent).then(() => {
             showToast("\u590D\u5236\u6210\u529F", "info");
           }).catch((err) => {
             console.error("\u590D\u5236\u5931\u8D25:", err);
             showToast("\u590D\u5236\u5931\u8D25", "error");
           });
           break;
-        case "edit" /* EDIT */:
+        }
+        case MessageAction.EDIT:
           message.isEditing = true;
           message.editContent = message.content;
           break;
-        case "delete" /* DELETE */:
+        case MessageAction.DELETE:
           messageUtils.deleteMessageChain(index);
           emit("sendMessage", chatList.value);
           break;
-        case "retry" /* RETRY */: {
+        case MessageAction.RETRY: {
           const aiMessage = chatList.value[index];
           const userMessageIndex = index - 1;
           const userMessage = chatList.value[userMessageIndex];
@@ -871,7 +1120,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               chatId: aiMessage.chatId,
               user: aiMessage.user,
               type: aiMessage.type,
-              thinkStatus: "completed" /* COMPLETED */,
+              thinkStatus: ThinkStatus.COMPLETED,
               thinkStartTime: 0,
               thinkEndTime: 0
             };
@@ -890,13 +1139,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
           break;
         }
-        case "like" /* LIKE */:
+        case MessageAction.LIKE:
           messageUtils.updateMessage(index, {
             isLiked: true,
             isDisliked: false
           });
           break;
-        case "dislike" /* DISLIKE */:
+        case MessageAction.DISLIKE:
           messageUtils.updateMessage(index, {
             isLiked: false,
             isDisliked: true
@@ -934,21 +1183,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     onMounted(async () => {
-      init();
+      if (isMounted.value) {
+        init();
+      }
       isMounted.value = true;
-      watch(
-        isDeepSeek,
-        () => {
-          init();
-        },
-        { immediate: false }
-      );
       watch(
         () => scripts,
         () => {
-          if (!isDeepSeek.value) {
-            init();
-          }
+          init();
         },
         { deep: true, immediate: false }
       );
@@ -970,103 +1212,230 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         thinkingContentRef.value = [];
         reasoningContentRef.value = [];
       }
+      if (scrollObserver.value) {
+        scrollObserver.value.disconnect();
+        scrollObserver.value = null;
+      }
     });
-    provide("parentContext", {
-      methods: {
-        sendMessage,
-        handleMessageAction
+    const handleDragEnter = () => {
+      if (ChatInputRef.value) {
+        ChatInputRef.value.openMarkLayer();
+      }
+      isDragging.value = true;
+    };
+    const handleDragLeave = (e) => {
+      const rect = e.target.getBoundingClientRect();
+      if (e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom) {
+        isDragging.value = false;
+      }
+    };
+    const handleDrop = async (e) => {
+      var _a;
+      isDragging.value = false;
+      const files = (_a = e.dataTransfer) == null ? void 0 : _a.files;
+      if (files && files.length > 0) {
+        const fileList = await Promise.all(
+          Array.from(files).map(async (file) => {
+            let base64 = "";
+            if (file.type.startsWith("image/")) {
+              base64 = await new Promise((resolve) => {
+                const reader = new FileReader();
+                reader.onload = (e2) => {
+                  var _a2;
+                  resolve((_a2 = e2.target) == null ? void 0 : _a2.result);
+                };
+                reader.readAsDataURL(file);
+              });
+            }
+            return {
+              // id: crypto.randomUUID().replace(/-/gi, ''),
+              id: Math.random().toString(36).slice(2).padEnd(10, "0").slice(0, 10),
+              file,
+              name: file.name,
+              fileType: file.type,
+              fileSize: file.size,
+              lastModified: file.lastModified,
+              preview: URL.createObjectURL(file),
+              base64
+            };
+          })
+        );
+        if (ChatInputRef.value) {
+          ChatInputRef.value.handlePaste(fileList, "drop");
+        }
+      }
+      if (ChatInputRef.value) {
+        ChatInputRef.value.colseMarkLayer();
       }
+    };
+    const itemUploadFile = (item, index) => {
+      console.log("itemUploadFile", item, index);
+      if (ChatInputRef.value) {
+        ChatInputRef.value.itemUploadFile(index, "drop");
+      }
+    };
+    provide("touchchat", {
+      send: sendMessage,
+      retry: handleMessageAction
     });
     __expose({
-      handleSendOut: (value) => {
-        handleSend(value);
-      }
+      send: (value, fileList, auto, type) => {
+        handleSend(value, fileList, auto, type);
+      },
+      handleAgentSelect,
+      retry: (index) => {
+        handleMessageAction(MessageAction.RETRY, index);
+      },
+      update
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", { class: "touchchat-main" }, [
-        createElementVNode("div", {
-          ref_key: "chatContainer",
-          ref: chatContainer,
-          class: "touchchat-dialog"
-        }, [
-          chatList.value.length === 0 ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "touchchat-welcome"
-          }, [
-            renderSlot(_ctx.$slots, "welcome", {}, () => [
-              createVNode(_sfc_main$1, { onSendMessage: sendMessage })
+      return openBlock(), createElementBlock("div", {
+        class: "touchchat-main",
+        onDragover: withModifiers(() => {
+        }, ["prevent"]),
+        onDragenter: withModifiers(handleDragEnter, ["prevent"]),
+        onDragleave: handleDragLeave,
+        onDrop: withModifiers(handleDrop, ["prevent"])
+      }, [
+        createElementVNode(
+          "div",
+          {
+            ref_key: "chatContainer",
+            ref: chatContainer,
+            class: "touchchat-dialog",
+            onScroll: handleScroll
+          },
+          [
+            renderSlot(_ctx.$slots, "top"),
+            chatList.value.length === 0 ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "touchchat-welcome"
+            }, [
+              renderSlot(_ctx.$slots, "welcome", {}, () => [
+                createVNode(HelloChat, { onSendMessage: sendMessage })
+              ])
+            ])) : createCommentVNode("v-if", true),
+            createElementVNode("div", { class: "touchchat-dialog-content" }, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(chatList.value, (item, index) => {
+                  return openBlock(), createElementBlock(
+                    Fragment,
+                    {
+                      key: item.chatId
+                    },
+                    [
+                      item.user === "u" ? (openBlock(), createBlock(UserMessage, {
+                        key: 0,
+                        item,
+                        index,
+                        onUserMessageFileList: itemUploadFile,
+                        onCopy: ($event) => handleMessageAction(unref(MessageAction).COPY, index),
+                        onEdit: ($event) => handleMessageAction(unref(MessageAction).EDIT, index),
+                        onDelete: ($event) => handleMessageAction(unref(MessageAction).DELETE, index),
+                        onSaveEdit: saveEdit,
+                        onCancelEdit: ($event) => cancelEdit(index)
+                      }, {
+                        userAvatar: withCtx(() => [
+                          renderSlot(_ctx.$slots, "userAvatar")
+                        ]),
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "fn", {
+                            item,
+                            index
+                          })
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["item", "index", "onCopy", "onEdit", "onDelete", "onCancelEdit"])) : (openBlock(), createBlock(AiMessage, {
+                        key: 1,
+                        item,
+                        index,
+                        "enable-deep-thinking": enableDeepThinking.value,
+                        "has-retry": activeAgentsName.value || unref(scripts).length > 0 ? false : true,
+                        onCopy: ($event) => handleMessageAction(unref(MessageAction).COPY, index),
+                        onRetry: ($event) => handleMessageAction(unref(MessageAction).RETRY, index),
+                        onLike: ($event) => handleMessageAction(unref(MessageAction).LIKE, index),
+                        onDislike: ($event) => handleMessageAction(unref(MessageAction).DISLIKE, index),
+                        onContentRendered: attachCopyButtons,
+                        onCompleteRendered: (chatId) => completeRendered(chatId),
+                        onToggleSidebar: toggleSidebarClick
+                      }, {
+                        aimsg: withCtx(() => [
+                          renderSlot(_ctx.$slots, "aimsg", {
+                            item,
+                            index
+                          })
+                        ]),
+                        msg: withCtx(() => [
+                          renderSlot(_ctx.$slots, "msg", {
+                            item,
+                            index
+                          })
+                        ]),
+                        aiAvatar: withCtx(() => [
+                          renderSlot(_ctx.$slots, "aiAvatar")
+                        ]),
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "fn", {
+                            item,
+                            index
+                          })
+                        ]),
+                        extendsFn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "extendsFn", {
+                            item,
+                            index
+                          })
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["item", "index", "enable-deep-thinking", "has-retry", "onCopy", "onRetry", "onLike", "onDislike", "onCompleteRendered"]))
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
             ])
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", { class: "touchchat-dialog-content" }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(chatList.value, (item, index) => {
-              return openBlock(), createElementBlock(Fragment, {
-                key: item.chatId
-              }, [
-                item.user === "u" ? (openBlock(), createBlock(_sfc_main$2, {
-                  key: 0,
-                  item,
-                  index,
-                  onCopy: ($event) => handleMessageAction("copy" /* COPY */, index),
-                  onEdit: ($event) => handleMessageAction("edit" /* EDIT */, index),
-                  onDelete: ($event) => handleMessageAction("delete" /* DELETE */, index),
-                  onSaveEdit: saveEdit,
-                  onCancelEdit: ($event) => cancelEdit(index)
-                }, {
-                  userAvatar: withCtx(() => [
-                    renderSlot(_ctx.$slots, "userAvatar")
-                  ]),
-                  _: 2
-                }, 1032, ["item", "index", "onCopy", "onEdit", "onDelete", "onCancelEdit"])) : (openBlock(), createBlock(_sfc_main$3, {
-                  key: 1,
-                  item,
-                  index,
-                  "enable-deep-thinking": enableDeepThinking.value,
-                  onCopy: ($event) => handleMessageAction("copy" /* COPY */, index),
-                  onRetry: ($event) => handleMessageAction("retry" /* RETRY */, index),
-                  onLike: ($event) => handleMessageAction("like" /* LIKE */, index),
-                  onDislike: ($event) => handleMessageAction("dislike" /* DISLIKE */, index),
-                  onContentRendered: attachCopyButtons,
-                  onCompleteRendered: completeRendered,
-                  onToggleSidebar: toggleSidebarClick
-                }, {
-                  aiMessageContent: withCtx(() => [
-                    renderSlot(_ctx.$slots, "aiMessageContent", {
-                      item,
-                      index
-                    })
-                  ]),
-                  aiAvatar: withCtx(() => [
-                    renderSlot(_ctx.$slots, "aiAvatar")
-                  ]),
-                  _: 2
-                }, 1032, ["item", "index", "enable-deep-thinking", "onCopy", "onRetry", "onLike", "onDislike"]))
-              ], 64);
-            }), 128))
-          ])
-        ], 512),
-        unref(scripts).length > 0 ? (openBlock(), createBlock(_sfc_main$4, {
+          ],
+          544
+          /* NEED_HYDRATION, NEED_PATCH */
+        ),
+        _ctx.$slots.shortcut ? (openBlock(), createElementBlock("div", {
           key: 0,
-          scripts: unref(scripts),
-          "selected-script-name": selectedScriptName.value,
-          "btn-disable": false,
-          onSceneClick: sceneClick
-        }, null, 8, ["scripts", "selected-script-name"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$5, {
-          "input-value": inputValue.value,
-          "onUpdate:inputValue": ($event) => inputValue.value = $event,
-          "enable-deep-thinking": enableDeepThinking.value,
-          "onUpdate:enableDeepThinking": ($event) => enableDeepThinking.value = $event,
-          "is-chating": isChating.value,
-          onSend: handleBeforeSend,
-          onStop: handleStop,
-          onToggleDeepThinking: (val) => enableDeepThinking.value = val
-        }, {
-          input: withCtx(({ disabled }) => [
-            renderSlot(_ctx.$slots, "input", { disabled })
-          ]),
-          _: 3
-        }, 8, ["input-value", "onUpdate:inputValue", "enable-deep-thinking", "onUpdate:enableDeepThinking", "is-chating", "onToggleDeepThinking"])
-      ]);
+          class: "touchchat-edit-shortcut"
+        }, [
+          renderSlot(_ctx.$slots, "shortcut")
+        ])) : createCommentVNode("v-if", true),
+        renderSlot(_ctx.$slots, "edit", {}, () => [
+          createVNode(ChatInput, {
+            ref_key: "ChatInputRef",
+            ref: ChatInputRef,
+            "input-value": inputValue.value,
+            "onUpdate:inputValue": ($event) => inputValue.value = $event,
+            "enable-deep-thinking": enableDeepThinking.value,
+            "onUpdate:enableDeepThinking": ($event) => enableDeepThinking.value = $event,
+            "is-chating": isChating.value,
+            onSend: handleBeforeSend,
+            onStop: handleStop,
+            onToggleDeepThinking: (val) => enableDeepThinking.value = val,
+            onModuleInfo: updateModule
+          }, {
+            editTop: withCtx(() => [
+              renderSlot(_ctx.$slots, "editTop")
+            ]),
+            editFn: withCtx(() => [
+              renderSlot(_ctx.$slots, "editFn")
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["input-value", "onUpdate:inputValue", "enable-deep-thinking", "onUpdate:enableDeepThinking", "is-chating", "onToggleDeepThinking"])
+        ])
+      ], 40, ["onDragover"]);
     };
   }
 });