@touchvue/chat 1.0.0-beta.5 → 1.0.0-beta.50

package/lib/packages/components/touchchat/src/AiChat/TouchChat.vue2.js

@@ -3,613 +3,100 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var UserMessage_vue_vue_type_script_setup_true_lang = require('./UserMessage.vue2.js');
-var AiMessage_vue_vue_type_script_setup_true_lang = require('./AiMessage.vue2.js');
-var ChatInput_vue_vue_type_script_setup_true_lang = require('./ChatInput.vue2.js');
-var HelloChat_vue_vue_type_script_setup_true_lang = require('../../component/HelloChat.vue2.js');
-var index = require('../../../../../node_modules/.pnpm/throttle-debounce@5.0.2/node_modules/throttle-debounce/esm/index.js');
-var fetchStream = require('../../utils/fetchStream.js');
-var chatRobot = require('../../utils/chatRobot.js');
-var markdown = require('../../utils/markdown.js');
-var tools = require('../../utils/tools.js');
+var UserMessage = require('./UserMessage.vue.js');
+var AiMessage = require('./AiMessage.vue.js');
+var ChatInput = require('./ChatInput.vue.js');
+var HelloChat = require('../../component/HelloChat.vue.js');
+var types = require('./Chat/types.js');
+var useChat = require('./Chat/useChat.js');
+var useCopy = require('./Chat/useCopy.js');
 
 var _sfc_main = /* @__PURE__ */ vue.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"],
+  emits: ["sendMessage", "toggleSidebar", "beforeSendMessage", "openSideBar"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const emit = __emit;
-    const action = vue.inject("action", "");
-    const headers = vue.inject("headers", void 0);
-    const body = vue.inject("body", void 0);
-    const token = vue.inject("token", "");
-    const wsUrl = vue.inject("wsUrl", "");
-    const connectionType = vue.inject("connectionType");
-    const isDeepSeek = vue.inject(
-      "isDeepSeek",
-      vue.computed(() => true)
-    );
-    const aiChatType = vue.inject("aiChatType", "Flow");
-    const scripts = vue.inject("scripts", []);
-    const robotUnmatched = vue.inject("robotUnmatched", "\u60A8\u7684\u6D88\u606F\u672A\u5339\u914D\u5230\u4EFB\u4F55\u5185\u5BB9");
-    const currentScriptIndex = vue.ref(0);
-    const selectedScriptName = vue.ref("");
-    const afterSendMessage = vue.inject("afterSendMessage", () => {
-      console.warn("\u672A\u63D0\u4F9BafterSendMessage\u51FD\u6570");
+    const scripts = vue.inject("scripts", vue.ref([]));
+    const unmatchText = vue.inject("unmatchText", "\u60A8\u7684\u6D88\u606F\u672A\u5339\u914D\u5230\u4EFB\u4F55\u5185\u5BB9");
+    const modules = vue.inject("modules", vue.ref([]));
+    const afterSend = vue.inject("afterSend", () => {
+      console.warn("\u672A\u63D0\u4F9BafterSend\u51FD\u6570");
     });
-    const sendMessageInject = vue.inject("handleSend", () => {
+    const sendMessageInject = vue.inject("send", () => {
       console.warn("\u672A\u63D0\u4F9BhandleSend\u51FD\u6570");
     });
     const beforeSend = vue.inject("beforeSend", () => ({
-      result: true
+      result: true,
+      componentName: ""
     }));
+    const bottom = vue.inject("bottom", () => {
+      console.warn("\u672A\u63D0\u4F9Bbottom\u51FD\u6570");
+    });
+    const stop = vue.inject("stop", () => {
+      console.warn("\u672A\u63D0\u4F9Bstop\u51FD\u6570");
+    });
+    const isSelectMode = vue.inject(
+      "isSelectMode",
+      vue.computed(() => false)
+    );
+    const scriptsLength = vue.computed(() => {
+      var _a;
+      return ((_a = scripts.value) == null ? void 0 : _a.length) || 0;
+    });
     const props = __props;
     const chatContainer = vue.ref(null);
-    const htmlContentRef = vue.ref([]);
-    const thinkingContentRef = vue.ref([]);
-    const reasoningContentRef = vue.ref([]);
-    const isMounted = vue.ref(false);
-    const isChating = vue.ref(false);
-    const inputValue = vue.ref("");
-    const enableDeepThinking = vue.ref(false);
-    const chatList = vue.ref([]);
-    const renderQueue = vue.ref([]);
-    const isRendering = vue.ref(false);
-    const currIndex = vue.ref(0);
-    const fetchStream$1 = vue.ref(null);
-    const TouchChatRobot = vue.ref();
-    const isUnmounting = vue.ref(false);
-    const currentComponentName = vue.ref("");
-    const messageUtils = {
-      updateMessage: (index, updates) => {
-        if (index < 0 || index >= chatList.value.length)
-          return;
-        chatList.value.splice(index, 1, { ...chatList.value[index], ...updates });
-        vue.nextTick(() => {
-          const message = chatList.value[index];
-          if (message) {
-            renderContent(message.content, "main", index);
-            if (message.thinkContent) {
-              renderContent(message.thinkContent, "thinking", index);
-            }
-            if (message.reasoningContent) {
-              renderContent(message.reasoningContent, "reasoning", index);
-            }
-          }
-        });
-      },
-      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);
-      },
-      createStandardMessage: (data) => {
-        var _a, _b, _c, _d, _e;
-        return {
-          chatId: data.chatId || "ai_" + crypto.randomUUID().replace(/-/gi, ""),
-          user: data.user || "ai",
-          type: data.type || "text",
-          content: data.content || "",
-          isChating: (_a = data.isChating) != null ? _a : false,
-          thinkContent: data.thinkContent || "",
-          reasoningContent: data.reasoningContent || "",
-          isLiked: (_b = data.isLiked) != null ? _b : false,
-          isDisliked: (_c = data.isDisliked) != null ? _c : false,
-          isEditing: (_d = data.isEditing) != null ? _d : false,
-          editContent: (_e = data.editContent) != null ? _e : ""
-        };
-      }
-    };
-    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);
-      }
-    };
-    console.log("sceneClick", sceneClick);
-    const completeRendered = () => {
-      console.log("completeRendered", "\u6E32\u67D3\u5B8C\u6210");
-    };
-    const toggleSidebarClick = (item, index) => {
-      emit("toggleSidebar", item, index);
-    };
-    const init = () => {
-      try {
-        if (Array.isArray(props.value) && props.value.length && isDeepSeek.value) {
-          chatList.value = props.value.map((item) => ({
-            ...item,
-            content: item.thinkContent ? item.content || "" : item.content || "",
-            thinkContent: item.thinkContent || ""
-          }));
-          vue.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 (connectionType === "Websocket" && isDeepSeek.value) {
-          openWebsocket();
-        }
-      } catch (error) {
-        console.error("\u521D\u59CB\u5316\u5931\u8D25:", error);
-      }
-    };
-    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));
-          }
-        }
-        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 (item.user === "ai") {
-              responses.push(item);
-            }
-          }
-          return { responses, nextIndex };
-        }
-      }
-      const currentItem = currentScript.content[currentScriptIndex.value];
-      if (!currentItem || currentItem.user !== "i") {
-        return null;
-      }
-      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));
-        }
-      }
-      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;
-          }
-          if (item.user === "ai") {
-            responses.push(item);
-          }
-        }
-        return { responses, nextIndex };
-      }
-      return null;
-    };
-    vue.watch(
-      () => props.value,
-      (newVal, oldVal) => {
-        if (!Array.isArray(newVal))
-          return;
-        if (newVal.length && JSON.stringify(newVal) !== JSON.stringify(oldVal)) {
-          chatList.value = newVal.map((item) => ({
-            ...item,
-            content: item.thinkContent ? item.content || "" : item.content || "",
-            thinkContent: item.thinkContent || ""
-          }));
-          vue.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");
-                }
-              });
-            });
-          });
-        }
-      },
-      { 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.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) => {
-      try {
-        if (isUnmounting.value)
-          return;
-        isChating.value = true;
-        if (props.openSSECallback) {
-          props.openSSECallback(fetchStream.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, "");
-        let aiContent = (currentAiMessage == null ? void 0 : currentAiMessage.content) || "";
-        let reasoningContent = (currentAiMessage == null ? void 0 : currentAiMessage.reasoningContent) || "";
-        let allAiContent = "";
-        if (!currentAiMessage) {
-          const chatItem = {
-            chatId,
-            user: "ai",
-            type: "text",
-            isChating: true,
-            content: "",
-            thinkContent: "",
-            reasoningContent: "",
-            thinkStatus: "thinking" /* THINKING */,
-            thinkStartTime: Date.now(),
-            isShowLike: true,
-            isShowCopy: true,
-            componentName: currentComponentName.value
-          };
-          if (insertIndex !== void 0 && insertIndex <= chatList.value.length) {
-            chatList.value.splice(insertIndex, 0, chatItem);
-          } else {
-            chatList.value.push(chatItem);
-          }
-        }
-        currIndex.value = chatList.value.findIndex((ele) => ele.chatId === chatId);
-        fetchStream$1.value = new fetchStream.FetchStream({
-          url: action != null ? action : "https://api.apiyi.com/v1/chat/completions",
-          requestInit: {
-            headers: headers != null ? 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
-            })
-          },
-          onmessage: (line) => {
-            var _a, _b, _c, _d, _e, _f;
-            if (isUnmounting.value)
-              return;
-            let dataString = "";
-            if (line.length) {
-              if (line.includes("data:")) {
-                dataString = line.split("data:")[1];
-              } else if (line.startsWith("{") && line.endsWith("}")) {
-                dataString = line;
-              }
-            }
-            dataString = dataString.trim();
-            if (dataString && dataString.startsWith("{") && dataString.endsWith("}")) {
-              try {
-                const result = 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) {
-                    aiContent += result.choices[0].delta.content;
-                    if ((newAiMessage == null ? void 0 : newAiMessage.thinkStatus) === "thinking" /* THINKING */) {
-                      newAiMessage.thinkStatus = "completed" /* 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) {
-                    reasoningContent += result.choices[0].delta.reasoning_content;
-                    if (!(newAiMessage == null ? void 0 : newAiMessage.thinkStatus)) {
-                      newAiMessage.thinkStatus = "thinking" /* THINKING */;
-                      newAiMessage.thinkStartTime = Date.now();
-                    }
-                  }
-                } 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 ((result == null ? void 0 : result.message) && (result == null ? void 0 : result.category) === "answer") {
-                      allAiContent = result.message;
-                    }
-                  }
-                }
-                if (chatList.value.some((ele) => ele.chatId === chatId)) {
-                  enqueueRender({
-                    mainContent: aiContent,
-                    thinkContent: "",
-                    reasoningContent
-                  });
-                }
-                if (type === 1) {
-                  scrollToBottom();
-                }
-              } catch (error) {
-                console.error("\u89E3\u6790SSE\u6D88\u606F\u5931\u8D25:", error);
-              }
-            }
-          },
-          ondone: () => {
-            vue.nextTick(() => {
-              isChating.value = false;
-              if (isUnmounting.value || !isMounted.value)
-                return;
-              const index = chatList.value.findIndex((ele) => ele.chatId === chatId);
-              if (index !== -1 && chatList.value[index]) {
-                chatList.value[index].isChating = false;
-                chatList.value[index].componentName = currentComponentName.value;
-                if (aiChatType === "Intelligent" && allAiContent) {
-                  afterSendMessage(allAiContent);
-                }
-                const waitForRenderComplete = () => {
-                  if (renderQueue.value.length === 0 && !isRendering.value) {
-                    if (chatList.value.length > 0 && isDeepSeek) {
-                      emit("sendMessage", JSON.parse(JSON.stringify(chatList.value)));
-                    }
-                  } else {
-                    requestAnimationFrame(waitForRenderComplete);
-                  }
-                };
-                waitForRenderComplete();
-              }
-            });
-          },
-          onabort: () => {
-            handleAbort();
-          },
-          onerror: (response) => {
-            handleError(response);
-          }
-        });
-      } catch (error) {
-        console.error("OpenSSE\u9519\u8BEF:", error);
-        isChating.value = false;
-        tools.showToast("\u8BF7\u6C42\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5", "error", 3e3);
-      }
-    };
-    const handleAbort = () => {
-      isChating.value = false;
-      if (isUnmounting.value)
-        return;
-      const currentAiMessage = chatList.value[currIndex.value];
-      const hasContent = currentAiMessage && (currentAiMessage.content || currentAiMessage.thinkContent || currentAiMessage.reasoningContent);
-      if (currentAiMessage) {
-        if (currentAiMessage.thinkStatus === "thinking" /* THINKING */) {
-          currentAiMessage.thinkStatus = "stopped" /* STOPPED */;
-          currentAiMessage.thinkTime = Date.now() - (currentAiMessage.thinkStartTime || Date.now());
-        }
-        if (!hasContent) {
-          const userMessageIndex = currIndex.value - 1;
-          if (userMessageIndex >= 0 && chatList.value[userMessageIndex].user === "u") {
-            chatList.value.splice(currIndex.value, 1);
-            chatList.value.splice(userMessageIndex, 1);
-          } else {
-            chatList.value.splice(currIndex.value, 1);
-          }
-        } else {
-          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
-          };
-          chatList.value.splice(currIndex.value, 1, updatedAiMessage);
-          vue.nextTick(() => {
-            renderContent(updatedAiMessage.thinkContent || "", "thinking");
-            renderContent(updatedAiMessage.reasoningContent || "", "reasoning");
-            renderContent(updatedAiMessage.content || "", "main");
-            emit("sendMessage", [...chatList.value]);
-          });
-          return;
-        }
-      }
-      if (chatList.value.length > 0) {
-        emit("sendMessage", [...chatList.value]);
-      }
-    };
-    const handleError = (response) => {
-      if (isUnmounting.value)
-        return;
-      isChating.value = false;
-      let errorMessage = "\u672A\u77E5\u9519\u8BEF";
-      if (response instanceof Error) {
-        console.error("API\u8BF7\u6C42\u9519\u8BEF:", response);
-        errorMessage = response.message;
-      } else if (response instanceof Response) {
-        console.error("API\u8BF7\u6C42\u9519\u8BEF, \u54CD\u5E94\u72B6\u6001:", response.status, response.statusText);
-        errorMessage = `\u8BF7\u6C42\u5931\u8D25: ${response.status} ${response.statusText}`;
-      }
-      const currentAiMessage = chatList.value[currIndex.value];
-      if (currentAiMessage) {
-        currentAiMessage.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>`;
-        currentAiMessage.isChating = false;
-        currentAiMessage.componentName = "";
-        currentAiMessage.isShowLike = false;
-        currentAiMessage.isShowCopy = false;
-        vue.nextTick(() => {
-          renderContent(currentAiMessage.content || "", "main");
-          emit("sendMessage", [...chatList.value]);
-        });
-      } else {
-        tools.showToast(errorMessage, "error", 3e3);
-        emit("sendMessage", [...chatList.value]);
-      }
-    };
-    const enqueueRender = (data) => {
-      if (isUnmounting.value || !isMounted.value)
-        return;
-      if (currIndex.value < 0 || currIndex.value >= chatList.value.length)
-        return;
-      renderQueue.value.push(data);
-      if (!isRendering.value) {
-        isRendering.value = true;
-        processRenderQueue();
-      }
-    };
-    const processRenderQueue = () => {
-      if (isUnmounting.value || !isMounted.value) {
-        renderQueue.value = [];
-        isRendering.value = false;
-        return;
-      }
-      if (renderQueue.value.length === 0) {
-        isRendering.value = false;
-        return;
-      }
-      requestAnimationFrame(() => {
-        const data = renderQueue.value.shift();
-        if (data) {
-          formatMarkdown(data);
-        }
-        processRenderQueue();
-      });
-    };
-    const formatMarkdown = (data) => {
-      if (!isMounted.value)
-        return;
-      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;
-      vue.nextTick(() => {
-        const thinkingContainer = thinkingContentRef.value[currIndex.value];
-        if (thinkingContainer) {
-          if (data.thinkContent) {
-            renderContent(data.thinkContent, "thinking");
-            thinkingContainer.style.display = "block";
-            thinkingContainer.style.visibility = "visible";
-          } else {
-            thinkingContainer.style.display = "none";
-            thinkingContainer.style.visibility = "hidden";
-          }
-        }
-        const reasoningContainer = reasoningContentRef.value[currIndex.value];
-        if (reasoningContainer) {
-          if (data.reasoningContent) {
-            renderContent(data.reasoningContent, "reasoning");
-            reasoningContainer.style.display = "block";
-            reasoningContainer.style.visibility = "visible";
-          } else {
-            reasoningContainer.style.display = "none";
-            reasoningContainer.style.visibility = "hidden";
-          }
-        }
-        renderContent(data.mainContent, "main");
-      });
-    };
+    const ChatInputRef = vue.ref(null);
+    const {
+      chatList,
+      isChating,
+      inputValue,
+      enableDeepThinking,
+      activeAgentsName,
+      init,
+      sendMessage,
+      handleBeforeSend,
+      handleSend,
+      handleStop,
+      handleMessageAction,
+      saveEdit,
+      cancelEdit,
+      completeRendered,
+      handleAgentSelect,
+      update,
+      updateModule,
+      handleDragEnter,
+      handleDragLeave,
+      handleDrop,
+      handleScroll,
+      onMounted: chatOnMounted,
+      onBeforeUnmount: chatOnBeforeUnmount
+    } = useChat.useChat({
+      props,
+      emit,
+      scripts: scripts.value,
+      unmatchText,
+      modules: modules.value,
+      afterSend,
+      sendMessageInject,
+      beforeSend,
+      bottom,
+      stop,
+      chatContainer,
+      chatInputRef: ChatInputRef
+    });
+    const { copyWithFeedback } = useCopy.useCopy();
+    const modelChangeExternal = vue.inject("modelChange", () => {
+    });
+    vue.provide("modelChange", (item, index) => {
+      modelChangeExternal(item, index);
+      updateModule(item);
+    });
     const attachCopyButtons = (container) => {
       const codeBlocks = container.querySelectorAll("pre code");
       codeBlocks.forEach((codeBlock) => {
@@ -619,462 +106,247 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           copyBtn.className = "touchchat-code-copy";
           copyBtn.addEventListener("click", () => {
             const code = codeBlock.textContent || "";
-            navigator.clipboard.writeText(code).then(() => {
-              tools.showToast("\u590D\u5236\u6210\u529F", "info", 2e3);
-              copyBtn.textContent = "\u5DF2\u590D\u5236";
-              setTimeout(() => {
-                copyBtn.textContent = "";
-              }, 2e3);
-            }).catch((err) => {
-              console.error("\u590D\u5236\u5931\u8D25:", err);
-              tools.showToast("\u590D\u5236\u5931\u8D25", "error", 2e3);
-            });
+            copyWithFeedback(code, copyBtn, "", "\u5DF2\u590D\u5236", 2e3);
           });
           pre.style.position = "relative";
           pre.appendChild(copyBtn);
         }
       });
     };
-    const renderContent = (content, type, index) => {
-      const renderIndex = index != null ? index : currIndex.value;
-      if (renderIndex < 0 || renderIndex >= chatList.value.length)
-        return;
-      const refArrays = {
-        main: htmlContentRef,
-        thinking: thinkingContentRef,
-        reasoning: reasoningContentRef
-      };
-      const processors = {
-        main: (content2) => {
-          var _a;
-          return ((_a = markdown.default) == null ? void 0 : _a.render(content2, { isReasoning: false })) || "";
-        },
-        thinking: (content2) => {
-          var _a;
-          return ((_a = markdown.default) == null ? void 0 : _a.render(content2, { isReasoning: false })) || "";
-        },
-        reasoning: (content2) => {
-          var _a;
-          return ((_a = markdown.default) == null ? void 0 : _a.render(content2, { isReasoning: false })) || "";
-        }
-      };
-      const container = refArrays[type].value[renderIndex];
-      if (!container)
-        return;
-      container.innerHTML = processors[type](content || "");
-      attachCopyButtons(container);
-    };
-    const sendMessage = (item) => {
-      inputValue.value = item.name || "";
-      handleBeforeSend();
+    const handleLikeSend = (value, idx) => {
+      handleSend(value);
+      vue.nextTick(() => {
+        chatList.value[idx].likeList = [];
+      });
     };
-    const handleBeforeSend = () => {
-      if (beforeSend) {
-        const fn = beforeSend();
-        if (fn && typeof fn.then === "function") {
-          Promise.resolve(fn).then((res) => {
-            if (res.result) {
-              currentComponentName.value = res.componentName || "";
-              handleSend();
-            }
-          }).catch((error) => {
-            console.log(error);
-          });
-        } else {
-          if (fn.result) {
-            currentComponentName.value = fn.componentName || "";
-            handleSend();
-          }
-        }
+    const handleSelectChange = (idx) => {
+      if (isSelectMode.value) {
+        chatList.value[idx].selecting = !chatList.value[idx].selecting;
       }
     };
-    const handleSend = (content) => {
-      var _a;
-      emit("beforeSendMessage");
-      if (!isDeepSeek.value && scripts && Array.isArray(scripts) && scripts.length > 0) {
-        const userInput = content != null ? content : inputValue.value.trim();
-        if (!userInput)
-          return;
-        const userChatId = `user_${Date.now()}`;
-        const userMessage = {
-          chatId: userChatId,
-          user: "u",
-          type: "text",
-          content: userInput,
-          isShowLike: false,
-          isShowCopy: true
-        };
-        chatList.value.push(userMessage);
-        emit("sendMessage", [...chatList.value]);
-        vue.nextTick(() => {
-          scrollToBottom();
-          renderContent(userMessage.content, "main", chatList.value.length - 1);
-        });
-        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) : "";
-            const content2 = Array.isArray(response.data) ? response.data.join(pauseMarker) : response.data;
-            const aiChatId = `ai_${Date.now()}_${idx}`;
-            const aiMessage = {
-              chatId: aiChatId,
-              user: "ai",
-              type: "text",
-              content: content2 || "",
-              componentName: response.type || "",
-              isShowLike: true,
-              isShowCopy: true
-            };
-            newAiMessages.push(aiMessage);
-          });
-          chatList.value.push(...newAiMessages);
-          emit("sendMessage", [...chatList.value]);
-          vue.nextTick(() => {
-            scrollToBottom();
-            newAiMessages.forEach((msg) => {
-              const msgIndex = chatList.value.findIndex((item) => item.chatId === msg.chatId);
-              if (msgIndex !== -1) {
-                renderContent(msg.content, "main", msgIndex);
-              }
-            });
-          });
-        } else {
-          const defaultAiChatId = `ai_${Date.now()}`;
-          const defaultAiMessage = {
-            chatId: defaultAiChatId,
-            user: "ai",
-            type: "text",
-            content: robotUnmatched,
-            isShowLike: true,
-            isShowCopy: true
-          };
-          chatList.value.push(defaultAiMessage);
-          emit("sendMessage", [...chatList.value]);
-          vue.nextTick(() => {
-            scrollToBottom();
-            const msgIndex = chatList.value.findIndex((item) => item.chatId === defaultAiChatId);
-            if (msgIndex !== -1) {
-              renderContent(defaultAiMessage.content, "main", msgIndex);
-            }
-          });
-        }
-        inputValue.value = "";
-      } else {
-        if (content) {
-          inputValue.value = content;
-        }
-        if (isChating.value || !inputValue.value.trim())
-          return;
-        const userChatId = "user_" + crypto.randomUUID().replace(/-/gi, "");
-        const userMessage = {
-          chatId: userChatId,
-          user: "u",
-          type: "text",
-          content: inputValue.value
-        };
-        sendMessageInject(inputValue.value);
-        chatList.value.push(userMessage);
-        const index = chatList.value.length - 1;
-        vue.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);
-        }
-        inputValue.value = "";
-      }
+    const toggleSidebarClick = (item, index) => {
+      emit("toggleSidebar", item, index);
     };
-    const handleStop = () => {
-      var _a, _b;
-      (_a = fetchStream$1.value) == null ? void 0 : _a.abort();
-      const aiIndex = chatList.value.findIndex((item) => item.isChating);
-      if (aiIndex !== -1) {
-        const currentAiMessage = chatList.value[aiIndex];
-        if ((_b = currentAiMessage.content) == null ? void 0 : _b.trim()) {
-          vue.nextTick(() => {
-            chatList.value[aiIndex] = {
-              ...currentAiMessage,
-              content: currentAiMessage.content + "...",
-              isChating: false
-            };
-            renderContent(chatList.value[aiIndex].content, "main", aiIndex);
-            emit("sendMessage", chatList.value);
-          });
-        } else {
-          if (aiIndex > 0) {
-            const userMessageIndex = aiIndex - 1;
-            if (chatList.value[userMessageIndex].user === "u") {
-              chatList.value.splice(userMessageIndex, 2);
-            } else {
-              chatList.value.splice(aiIndex, 1);
-            }
-          } else {
-            chatList.value.splice(aiIndex, 1);
-          }
-        }
-      } else {
-        const lastIndex = chatList.value.length - 1;
-        if (lastIndex >= 0 && chatList.value[lastIndex].user === "u") {
-          chatList.value.pop();
-        }
-      }
-      isChating.value = false;
+    const openSideBar = (item, index) => {
+      emit("openSideBar", item, index);
     };
-    const scrollToBottom = index.throttle(300, () => {
-      if (!isMounted.value || isUnmounting.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) => {
-      const message = chatList.value[index];
-      if (!message)
-        return;
-      switch (action2) {
-        case "copy" /* COPY */:
-          navigator.clipboard.writeText(message.content).then(() => {
-            tools.showToast("\u590D\u5236\u6210\u529F", "info");
-          }).catch((err) => {
-            console.error("\u590D\u5236\u5931\u8D25:", err);
-            tools.showToast("\u590D\u5236\u5931\u8D25", "error");
-          });
-          break;
-        case "edit" /* EDIT */:
-          message.isEditing = true;
-          message.editContent = message.content;
-          break;
-        case "delete" /* DELETE */:
-          messageUtils.deleteMessageChain(index);
-          emit("sendMessage", chatList.value);
-          break;
-        case "retry" /* RETRY */: {
-          const aiMessage = chatList.value[index];
-          const userMessageIndex = index - 1;
-          const userMessage = chatList.value[userMessageIndex];
-          if (userMessage && userMessage.user === "u") {
-            const updatedAiMessage = {
-              ...aiMessage,
-              content: "",
-              thinkContent: "",
-              reasoningContent: "",
-              isLiked: false,
-              isDisliked: false,
-              isChating: true,
-              chatId: aiMessage.chatId,
-              user: aiMessage.user,
-              type: aiMessage.type,
-              thinkStatus: "completed" /* COMPLETED */,
-              thinkStartTime: 0,
-              thinkEndTime: 0
-            };
-            chatList.value.splice(index, 1, updatedAiMessage);
-            vue.nextTick(() => {
-              if (htmlContentRef.value[index])
-                htmlContentRef.value[index].innerHTML = "";
-              if (thinkingContentRef.value[index])
-                thinkingContentRef.value[index].innerHTML = "";
-              if (reasoningContentRef.value[index])
-                reasoningContentRef.value[index].innerHTML = "";
-              setTimeout(() => {
-                openSSE(userMessage.content || "", index, 2);
-              }, 50);
-            });
-          }
-          break;
-        }
-        case "like" /* LIKE */:
-          messageUtils.updateMessage(index, {
-            isLiked: true,
-            isDisliked: false
-          });
-          break;
-        case "dislike" /* DISLIKE */:
-          messageUtils.updateMessage(index, {
-            isLiked: false,
-            isDisliked: true
-          });
-          break;
+    const handleMessageQuote = (item, index) => {
+      if (ChatInputRef.value) {
+        ChatInputRef.value.updateQuoteData(item, index);
       }
     };
-    const saveEdit = (index, newContent) => {
-      const message = chatList.value[index];
-      if (!message || !message.editContent)
-        return;
-      chatList.value[index] = {
-        ...message,
-        content: newContent,
-        isEditing: false,
-        editContent: void 0
-      };
-      vue.nextTick(() => {
-        renderContent(message.content, "main", index);
-      });
-      if (index + 1 < chatList.value.length && chatList.value[index + 1].user === "ai") {
-        chatList.value.splice(index + 1, 1);
+    const itemUploadFile = (_item, index) => {
+      if (ChatInputRef.value) {
+        ChatInputRef.value.itemUploadFile(index, "drop");
       }
-      openSSE(newContent, index + 1);
-      emit("sendMessage", chatList.value);
-    };
-    const cancelEdit = (index) => {
-      const message = chatList.value[index];
-      if (!message)
-        return;
-      message.isEditing = false;
-      message.editContent = "";
-      vue.nextTick(() => {
-        renderContent(message.content, "main", index);
-      });
     };
-    vue.onMounted(async () => {
-      init();
-      isMounted.value = true;
-      vue.watch(
-        isDeepSeek,
-        () => {
-          init();
-        },
-        { immediate: false }
-      );
+    const setInputValue = vue.inject("setInput");
+    vue.onMounted(() => {
+      setInputValue.value = (value) => {
+        inputValue.value = value;
+      };
+      chatOnMounted();
       vue.watch(
         () => scripts,
         () => {
-          if (!isDeepSeek.value) {
-            init();
-          }
+          init();
         },
         { deep: true, immediate: false }
       );
     });
     vue.onBeforeUnmount(() => {
-      if (!isUnmounting.value) {
-        isUnmounting.value = true;
-        if (fetchStream$1.value) {
-          fetchStream$1.value.abort();
-          fetchStream$1.value = null;
-        }
-        if (TouchChatRobot.value) {
-          TouchChatRobot.value.close();
-          TouchChatRobot.value = void 0;
-        }
-        isMounted.value = false;
-        renderQueue.value = [];
-        htmlContentRef.value = [];
-        thinkingContentRef.value = [];
-        reasoningContentRef.value = [];
-      }
+      chatOnBeforeUnmount();
     });
-    vue.provide("parentContext", {
-      methods: {
-        sendMessage,
-        handleMessageAction
-      }
+    vue.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(types.MessageAction.RETRY, index);
+      },
+      update
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", { class: "touchchat-main" }, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "touchchat-main",
+        onDragover: vue.withModifiers(() => {
+        }, ["prevent"]),
+        onDragenter: vue.withModifiers(vue.unref(handleDragEnter), ["prevent"]),
+        onDragleave: vue.unref(handleDragLeave),
+        onDrop: vue.withModifiers(vue.unref(handleDrop), ["prevent"])
+      }, [
         vue.createElementVNode("div", {
           ref_key: "chatContainer",
           ref: chatContainer,
-          class: "touchchat-dialog"
+          class: "touchchat-dialog",
+          onScroll: vue.unref(handleScroll)
         }, [
-          vue.renderSlot(_ctx.$slots, "tabView"),
-          chatList.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+          vue.renderSlot(_ctx.$slots, "top"),
+          vue.unref(chatList).length === 0 ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: "touchchat-welcome"
           }, [
             vue.renderSlot(_ctx.$slots, "welcome", {}, () => [
-              vue.createVNode(HelloChat_vue_vue_type_script_setup_true_lang.default, { onSendMessage: sendMessage })
+              vue.createVNode(HelloChat.default, { onSendMessage: vue.unref(sendMessage) }, null, 8, ["onSendMessage"])
             ])
-          ])) : vue.createCommentVNode("", true),
+          ])) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", { class: "touchchat-dialog-content" }, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(chatList.value, (item, index) => {
-              return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                key: item.chatId
-              }, [
-                item.user === "u" ? (vue.openBlock(), vue.createBlock(UserMessage_vue_vue_type_script_setup_true_lang.default, {
-                  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: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "userAvatar")
-                  ]),
-                  messageActions: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "messageActions", {
-                      item,
-                      index
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["item", "index", "onCopy", "onEdit", "onDelete", "onCancelEdit"])) : (vue.openBlock(), vue.createBlock(AiMessage_vue_vue_type_script_setup_true_lang.default, {
-                  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: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "aiMessageContent", {
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(vue.unref(chatList), (item, index) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: item.chatId,
+                  class: "touchchat-list-box"
+                }, [
+                  vue.unref(isSelectMode) ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    class: "touchchat-list-check"
+                  }, [
+                    vue.withDirectives(vue.createElementVNode("input", {
+                      "onUpdate:modelValue": ($event) => item.selecting = $event,
+                      class: "input-check",
+                      type: "checkbox"
+                    }, null, 8, ["onUpdate:modelValue"]), [
+                      [vue.vModelCheckbox, item.selecting]
+                    ])
+                  ])) : vue.createCommentVNode("v-if", true),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(["touchchat-list-content", [item.selecting ? "status-select" : "", vue.unref(isSelectMode) ? "select-mode" : ""]]),
+                    onClick: ($event) => handleSelectChange(index)
+                  }, [
+                    item.user === "u" ? (vue.openBlock(), vue.createBlock(UserMessage.default, {
+                      key: 0,
                       item,
-                      index
-                    })
-                  ]),
-                  aiAvatar: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "aiAvatar")
-                  ]),
-                  messageActions: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "messageActions", {
+                      index,
+                      onUserMessageFileList: itemUploadFile,
+                      onCopy: ($event) => vue.unref(handleMessageAction)(vue.unref(types.MessageAction).COPY, index),
+                      onEdit: ($event) => vue.unref(handleMessageAction)(vue.unref(types.MessageAction).EDIT, index),
+                      onDelete: ($event) => vue.unref(handleMessageAction)(vue.unref(types.MessageAction).DELETE, index),
+                      onSaveEdit: vue.unref(saveEdit),
+                      onCancelEdit: ($event) => vue.unref(cancelEdit)(index),
+                      onWithDraw: ($event) => vue.unref(handleMessageAction)(vue.unref(types.MessageAction).WITHDRAW, index)
+                    }, {
+                      userAvatar: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "userAvatar")
+                      ]),
+                      fn: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "fn", {
+                          item,
+                          index
+                        })
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["item", "index", "onCopy", "onEdit", "onDelete", "onSaveEdit", "onCancelEdit", "onWithDraw"])) : vue.createCommentVNode("v-if", true),
+                    item.user === "withDraw" ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 1,
+                      class: "touchchat-dialog-withDraw"
+                    }, "\u4F60\u64A4\u56DE\u4E86\u4E00\u6761\u6D88\u606F")) : vue.createCommentVNode("v-if", true),
+                    item.user === "ai" ? (vue.openBlock(), vue.createBlock(AiMessage.default, {
+                      key: 2,
                       item,
-                      index
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["item", "index", "enable-deep-thinking", "onCopy", "onRetry", "onLike", "onDislike"]))
-              ], 64);
-            }), 128))
+                      index,
+                      "enable-deep-thinking": vue.unref(enableDeepThinking),
+                      "has-retry": vue.unref(activeAgentsName) || scriptsLength.value > 0 ? false : true,
+                      onCopy: ($event) => vue.unref(handleMessageAction)(vue.unref(types.MessageAction).COPY, index),
+                      onRetry: ($event) => vue.unref(handleMessageAction)(vue.unref(types.MessageAction).RETRY, index),
+                      onLike: ($event) => vue.unref(handleMessageAction)(vue.unref(types.MessageAction).LIKE, index),
+                      onQuote: handleMessageQuote,
+                      onDislike: ($event) => vue.unref(handleMessageAction)(vue.unref(types.MessageAction).DISLIKE, index),
+                      onContentRendered: attachCopyButtons,
+                      onCompleteRendered: vue.unref(completeRendered),
+                      onToggleSidebar: toggleSidebarClick,
+                      onOpenSideBar: openSideBar,
+                      onSend: (value) => handleLikeSend(value, index)
+                    }, {
+                      aimsg: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "aimsg", {
+                          item,
+                          index
+                        })
+                      ]),
+                      msg: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "msg", {
+                          item,
+                          index
+                        })
+                      ]),
+                      aiAvatar: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "aiAvatar")
+                      ]),
+                      fn: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "fn", {
+                          item,
+                          index
+                        })
+                      ]),
+                      extendsFn: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "extendsFn", {
+                          item,
+                          index
+                        })
+                      ]),
+                      mayLike: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "mayLike", {
+                          item,
+                          index
+                        })
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["item", "index", "enable-deep-thinking", "has-retry", "onCopy", "onRetry", "onLike", "onDislike", "onCompleteRendered", "onSend"])) : vue.createCommentVNode("v-if", true)
+                  ], 10, ["onClick"])
+                ]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
           ])
-        ], 512),
-        vue.renderSlot(_ctx.$slots, "chatInput", {}, () => [
-          vue.createVNode(ChatInput_vue_vue_type_script_setup_true_lang.default, {
-            "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
-          }, null, 8, ["input-value", "onUpdate:inputValue", "enable-deep-thinking", "onUpdate:enableDeepThinking", "is-chating", "onToggleDeepThinking"])
+        ], 40, ["onScroll"]),
+        _ctx.$slots.shortcut ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "touchchat-edit-shortcut"
+        }, [
+          vue.renderSlot(_ctx.$slots, "shortcut")
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.renderSlot(_ctx.$slots, "edit", {}, () => [
+          vue.createVNode(ChatInput.default, {
+            ref_key: "ChatInputRef",
+            ref: ChatInputRef,
+            "input-value": vue.unref(inputValue),
+            "onUpdate:inputValue": ($event) => vue.isRef(inputValue) ? inputValue.value = $event : null,
+            "enable-deep-thinking": vue.unref(enableDeepThinking),
+            "onUpdate:enableDeepThinking": ($event) => vue.isRef(enableDeepThinking) ? enableDeepThinking.value = $event : null,
+            "is-chating": vue.unref(isChating),
+            onSend: vue.unref(handleBeforeSend),
+            onStop: vue.unref(handleStop),
+            onToggleDeepThinking: (val) => enableDeepThinking.value = val,
+            onModuleInfo: (_info) => {
+            }
+          }, {
+            editTop: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "editTop")
+            ]),
+            editFn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "editFn")
+            ]),
+            editSubmitRight: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "editSubmitRight")
+            ]),
+            editSubmitLeft: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "editSubmitLeft")
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["input-value", "onUpdate:inputValue", "enable-deep-thinking", "onUpdate:enableDeepThinking", "is-chating", "onSend", "onStop", "onToggleDeepThinking"])
         ])
-      ]);
+      ], 40, ["onDragover", "onDragenter", "onDragleave", "onDrop"]);
     };
   }
 });