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

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

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var TouchChat_vue_vue_type_script_setup_true_lang = require('./TouchChat.vue2.js');
-var HistorySidebar_vue_vue_type_script_setup_true_lang = require('./HistorySidebar.vue2.js');
-var SiderBarView_vue_vue_type_script_setup_true_lang = require('./SiderBarView.vue2.js');
+var TouchChat = require('./TouchChat.vue.js');
+var TouchAgent = require('./TouchAgent.vue.js');
+var HistorySidebar = require('./HistorySidebar.vue.js');
+var SiderBarView = require('./SiderBarView.vue.js');
 
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "TouchHistory",
@@ -16,66 +17,164 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       isSidebarCollapsed: false,
       actionMenuVisible: {},
       mockMessages: [],
-      toggleSidebarFlag: false
+      toggleSidebarFlag: false,
+      agentsType: "",
+      clickCreateNum: 0
     });
-    const historyContainer = vue.ref(null);
+    const watchHistoryData = vue.ref([]);
+    const watchHistoryDetail = vue.ref([]);
     const chatComponent = vue.ref();
-    const isNotHeader = vue.inject("isNotHeader", false);
-    const isDeepSeek = vue.inject("isDeepSeek", true);
-    const scripts = vue.inject("scripts", []);
-    const getIsDeepSeekValue = () => {
-      return scripts.length > 0 ? false : typeof isDeepSeek === "boolean" ? isDeepSeek : isDeepSeek.value;
+    const layout = vue.inject("layout", "side, think, upload, chain");
+    const isNotHeader = !layout.includes("side");
+    const scripts = vue.inject("scripts", vue.ref([]));
+    const agents = vue.inject("agents", []);
+    const agentsInfo = vue.ref();
+    const agentInfo = vue.inject("agentInfo", vue.ref({ list: [], url: "", headers: {} }));
+    const iIsAgent = vue.ref(false);
+    vue.watch(
+      agentInfo,
+      (newVal) => {
+        iIsAgent.value = newVal.list.length > 0;
+      },
+      { immediate: true, deep: true }
+    );
+    const updateSharedData = (item) => {
+      var _a, _b;
+      agentsInfo.value = item;
+      if (chatComponent.value) {
+        (_b = (_a = chatComponent.value) == null ? void 0 : _a.handleAgentSelect) == null ? void 0 : _b.call(_a, item);
+      }
+    };
+    vue.provide("updateSharedData", updateSharedData);
+    const STORAGE_KEYS = {
+      CHAT_HISTORY: scripts.value.length === 0 ? "chatHistory" : "robotHistory",
+      SIDEBAR_STATE: "sidebarCollapsed"
+    };
+    const saveToLocalStorage = () => {
+      localStorage.setItem(STORAGE_KEYS.CHAT_HISTORY, JSON.stringify(state.chatHistory));
+      localStorage.setItem(STORAGE_KEYS.SIDEBAR_STATE, JSON.stringify(state.isSidebarCollapsed));
+    };
+    const createNewChat = (title = "\u65B0\u5BF9\u8BDD", messageList = [], type) => {
+      var _a;
+      let agentsId = "";
+      if (agents.length > 0) {
+        agentsId = ((_a = agents.find((item) => item.name === title)) == null ? void 0 : _a.id) || "";
+      }
+      const newChat = {
+        // id: Date.now().toString(),
+        id: agentsId ? agentsId : (Math.floor(Math.random() * 89999999) + 1e7).toString(),
+        title,
+        time: /* @__PURE__ */ new Date(),
+        messages: messageList,
+        type: type ? type : ""
+      };
+      state.chatHistory.unshift(newChat);
+      saveToLocalStorage();
+      return newChat;
     };
     const loadFromLocalStorage = () => {
+      var _a, _b;
       const savedCollapseState = localStorage.getItem(STORAGE_KEYS.SIDEBAR_STATE);
       if (savedCollapseState) {
         state.isSidebarCollapsed = JSON.parse(savedCollapseState);
       }
+      if (scripts.value.length > 0) {
+        localStorage.setItem(STORAGE_KEYS.CHAT_HISTORY, "[]");
+        localStorage.setItem("activeAgentsName", "");
+      }
       const savedHistory = localStorage.getItem(STORAGE_KEYS.CHAT_HISTORY);
-      if (!getIsDeepSeekValue()) {
-        state.chatHistory = setHistoryData.value;
-        if (state.chatHistory.length > 0) {
-          state.activeChat = state.chatHistory[0].id;
-        }
-      } else if (savedHistory && getIsDeepSeekValue()) {
-        state.chatHistory = JSON.parse(savedHistory);
-        if (state.chatHistory.length > 0) {
+      const historyData = JSON.parse(savedHistory || "[]");
+      if (agents.length > 0 && !historyData.length) {
+        agents.forEach((item) => {
+          const agentsList = [
+            {
+              chatId: item.id,
+              user: "ai",
+              type: "text",
+              isShowLike: true,
+              content: (item == null ? void 0 : item.intro) || "\u6211\u662FAI\u52A9\u624B\uFF0C\u6211\u53EF\u4EE5\u56DE\u7B54\u4F60\u7684\u95EE\u9898\uFF0C\u4F60\u53EF\u4EE5\u548C\u6211\u804A\u5929\uFF0C\u4E5F\u53EF\u4EE5\u95EE\u6211\u95EE\u9898\u3002",
+              msgList: []
+            }
+          ];
+          createNewChat(item.name, agentsList, item.name);
+        });
+      }
+      if (watchHistoryData.value.length > 0) {
+        state.chatHistory = watchHistoryData.value;
+      } else if (historyData.length > 0) {
+        state.chatHistory = historyData;
+      }
+      if (!state.activeChat && state.chatHistory.length > 0) {
+        if (agents.length > 0) {
+          const firstId = agents[0].id;
+          state.activeChat = (_b = (_a = state.chatHistory.find((h) => h.id === firstId)) == null ? void 0 : _a.id) != null ? _b : state.chatHistory[state.chatHistory.length - 1].id;
+        } else {
           state.activeChat = state.chatHistory[0].id;
         }
-      } else {
-        createNewChat("AI\u57FA\u7840\u95EE\u7B54");
+      }
+      if (scripts.value.length > 0 && agents.length === 0 && state.chatHistory.length === 0) {
+        const seeded = createNewChat("\u5BF9\u8BDD");
+        state.activeChat = seeded.id;
       }
     };
-    const currentChatMessages = vue.computed(() => {
-      if (!getIsDeepSeekValue() && scripts.length === 0) {
+    const historyList = vue.inject("historyList", []);
+    const setHistoryData = vue.ref(Array.isArray(historyList) ? historyList : typeof historyList === "object" && historyList ? historyList : []);
+    const computedHistoryData = vue.computed(() => {
+      if (setHistoryData.value.length) {
+        return setHistoryData.value;
+      }
+      return [];
+    });
+    vue.watch(
+      computedHistoryData,
+      (newVal) => {
+        watchHistoryData.value = newVal;
+        state.chatHistory = newVal;
+        loadFromLocalStorage();
+      },
+      { immediate: true }
+    );
+    const historyDetail = vue.inject("historyDetail", []);
+    const setMessageDetail = vue.ref(Array.isArray(historyDetail) ? historyDetail : typeof historyDetail === "object" && historyDetail ? historyDetail : []);
+    const computedHistoryDetail = vue.computed(() => {
+      if (setMessageDetail.value.length) {
         return setMessageDetail.value;
       }
-      if (!state.activeChat && getIsDeepSeekValue())
+      return [];
+    });
+    vue.watch(
+      computedHistoryDetail,
+      (newVal) => {
+        watchHistoryDetail.value = newVal;
+      },
+      { immediate: true }
+    );
+    const messageItem = vue.ref({ user: "u", type: "", content: "", msgList: [] });
+    const messageIndex = vue.ref(0);
+    const currentChatMessages = vue.computed(() => {
+      if (watchHistoryDetail.value.length) {
+        return watchHistoryDetail.value;
+      }
+      if (!state.activeChat)
         return [];
-      if (!setMessageDetail.value.length && !setHistoryData.value.length && getIsDeepSeekValue() || scripts.length > 0 && !getIsDeepSeekValue()) {
+      if (!watchHistoryDetail.value.length && !watchHistoryData.value.length || watchHistoryData.value.length) {
         const currentChat = state.chatHistory.find((item) => item.id === state.activeChat);
         return (currentChat == null ? void 0 : currentChat.messages) || [];
       } else {
-        return setMessageDetail.value;
+        return watchHistoryDetail.value;
       }
     });
-    const historyData = vue.inject("historyData", []);
-    const setHistoryData = vue.ref(Array.isArray(historyData) ? historyData : typeof historyData === "object" && (historyData == null ? void 0 : historyData.value) ? historyData.value : []);
-    const messageDetail = vue.inject("messageDetail", []);
-    const setMessageDetail = vue.ref(Array.isArray(messageDetail) ? messageDetail : typeof messageDetail === "object" && (messageDetail == null ? void 0 : messageDetail.value) ? messageDetail.value : []);
-    const messageItem = vue.ref({ user: "", type: "", content: "" });
-    const messageIndex = vue.ref(0);
     vue.watch(
       () => {
-        if (typeof historyData === "object" && (historyData == null ? void 0 : historyData.value) !== void 0) {
-          return historyData.value;
+        if (typeof historyList === "object" && historyList !== void 0) {
+          return historyList;
         }
-        return historyData;
+        return historyList;
       },
       (newVal) => {
-        if (newVal && Array.isArray(newVal)) {
-          setHistoryData.value = newVal;
-          if (!isDeepSeek && scripts.length === 0) {
+        if (newVal && Array.isArray(newVal) && newVal.length) {
+          watchHistoryData.value = newVal;
+          if (!scripts.value.length) {
             state.chatHistory = newVal;
             if (state.chatHistory.length > 0 && !state.activeChat) {
               state.activeChat = state.chatHistory[0].id;
@@ -87,14 +186,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     );
     vue.watch(
       () => {
-        if (typeof messageDetail === "object" && (messageDetail == null ? void 0 : messageDetail.value) !== void 0) {
-          return messageDetail.value;
+        if (typeof historyDetail === "object" && historyDetail !== void 0) {
+          return historyDetail;
         }
-        return messageDetail;
+        return historyDetail;
       },
       (newVal) => {
         if (newVal && Array.isArray(newVal)) {
-          setMessageDetail.value = JSON.parse(JSON.stringify(newVal));
+          watchHistoryDetail.value = JSON.parse(JSON.stringify(newVal));
           if (chatComponent.value) {
             setTimeout(() => {
               var _a, _b;
@@ -104,27 +203,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       },
       { deep: true, immediate: true }
-      // 添加immediate: true，确保在watch创建时立即执行一次
     );
     vue.onMounted(() => {
       loadFromLocalStorage();
-      initEventListeners();
     });
-    const STORAGE_KEYS = {
-      CHAT_HISTORY: scripts.length === 0 ? "chatHistory" : "historyData",
-      SIDEBAR_STATE: "sidebarCollapsed"
-    };
-    function saveToLocalStorage() {
-      localStorage.setItem(STORAGE_KEYS.CHAT_HISTORY, JSON.stringify(state.chatHistory));
-      localStorage.setItem(STORAGE_KEYS.SIDEBAR_STATE, JSON.stringify(state.isSidebarCollapsed));
-    }
-    function initEventListeners() {
-      document.addEventListener("click", () => {
-        Object.keys(state.actionMenuVisible).forEach((key) => {
-          state.actionMenuVisible[key] = false;
-        });
-      });
-    }
     const toggleSidebarOut = (item, index) => {
       messageItem.value = item;
       messageIndex.value = index;
@@ -135,48 +217,73 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       state.isSidebarCollapsed = false;
       toggleSidebar();
     };
-    function toggleSidebar() {
+    const toggleSidebar = () => {
       state.isSidebarCollapsed = !state.isSidebarCollapsed;
       saveToLocalStorage();
-    }
-    function createNewChat(title = "\u65B0\u5BF9\u8BDD", messageList = []) {
-      const newChat = {
-        id: Date.now().toString(),
-        title,
-        time: /* @__PURE__ */ new Date(),
-        messages: messageList
-      };
-      state.chatHistory.unshift(newChat);
-      state.activeChat = newChat.id;
-      saveToLocalStorage();
-      return newChat;
-    }
-    function startNewChat() {
-      var _a, _b, _c, _d, _e, _f;
+    };
+    const startNewChat = () => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      localStorage.setItem("activeAgentsName", "");
+      const robotHistory = localStorage.getItem(STORAGE_KEYS.CHAT_HISTORY) || "[]";
+      const robotHistoryData = JSON.parse(robotHistory);
+      let messageList = [];
+      let messageItem2 = {};
+      let firstMessageList = [];
+      if (robotHistoryData.length) {
+        messageItem2 = robotHistoryData.find((item) => item.id === state.activeChat) || {};
+        messageList = (messageItem2 == null ? void 0 : messageItem2.messages) || [];
+        firstMessageList = ((_a = robotHistoryData == null ? void 0 : robotHistoryData[0]) == null ? void 0 : _a.messages) || [];
+      }
       state.toggleSidebarFlag = false;
-      if (state.chatHistory.length > 0 && !((_c = (_b = (_a = state.chatHistory) == null ? void 0 : _a[0]) == null ? void 0 : _b.messages) == null ? void 0 : _c.length)) {
+      if (watchHistoryData.value.length > 0 && firstMessageList.length > 0 && (watchHistoryDetail.value.length > 0 || currentChatMessages.value.length > 0 || messageList.length > 0) || !(messageItem2 == null ? void 0 : messageItem2.messages) && firstMessageList.length > 0 || !state.clickCreateNum) {
+        const newChat2 = createNewChat("\u65B0\u5BF9\u8BDD" + (state.chatHistory.length + 1));
+        state.activeChat = newChat2.id;
+        change("");
+        state.clickCreateNum++;
+        return;
+      }
+      if (state.chatHistory.length > 0 && !((_d = (_c = (_b = state.chatHistory) == null ? void 0 : _b[0]) == null ? void 0 : _c.messages) == null ? void 0 : _d.length)) {
         state.activeChat = state.chatHistory[0].id;
+        change("");
         return;
       }
       if (!currentChatMessages.value.length && state.chatHistory.length > 0) {
-        state.activeChat = (_f = (_e = (_d = state.chatHistory) == null ? void 0 : _d[0]) == null ? void 0 : _e.id) != null ? _f : "";
+        state.activeChat = (_g = (_f = (_e = state.chatHistory) == null ? void 0 : _e[0]) == null ? void 0 : _f.id) != null ? _g : "";
+        change("");
         return;
       }
-      createNewChat("\u65B0\u5BF9\u8BDD" + (state.chatHistory.length + 1));
-    }
-    const handleActiveChat = vue.inject("handleActiveChat", () => {
-      console.warn("\u672A\u63D0\u4F9BhandleActiveChat\u51FD\u6570");
+      const newChat = createNewChat("\u65B0\u5BF9\u8BDD" + (state.chatHistory.length + 1));
+      state.activeChat = newChat.id;
+      change("");
+    };
+    const change = vue.inject("change", () => {
+      console.warn("\u672A\u63D0\u4F9Bchange\u51FD\u6570");
     });
-    function selectChat(id) {
-      state.toggleSidebarFlag = false;
+    const changeChatHistory = (index) => {
+      state.activeChat = state.chatHistory[index].id;
+      change(state.chatHistory[index].id);
+    };
+    const clearChatHistory = () => {
+      state.chatHistory = [];
+      state.activeChat = "";
+      localStorage.setItem(STORAGE_KEYS.CHAT_HISTORY, JSON.stringify([]));
+    };
+    const selectChat = (id, type) => {
       state.activeChat = id;
-      handleActiveChat(id);
+      state.toggleSidebarFlag = false;
+      state.agentsType = type;
+      if (!type) {
+        localStorage.setItem("activeAgentsName", "");
+      }
+      change(id);
       resetAllMenus();
-    }
-    const handleDeleteChat = vue.inject("handleDeleteChat", () => {
-      console.warn("\u672A\u63D0\u4F9BhandleDeleteChat\u51FD\u6570");
+    };
+    const historyRemove = vue.inject("historyRemove", () => {
+      console.warn("\u672A\u63D0\u4F9Bremove\u51FD\u6570");
+    });
+    const openSideBar = vue.inject("openSideBar", () => {
     });
-    function deleteChat(id) {
+    const deleteChat = (id) => {
       const index = state.chatHistory.findIndex((item) => item.id === id);
       if (index === -1)
         return;
@@ -187,17 +294,21 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         state.activeChat = "";
         state.mockMessages = [];
       }
-      handleDeleteChat(id);
+      historyRemove(id);
       saveToLocalStorage();
-    }
+    };
     const beforeSendMessage = () => {
       state.toggleSidebarFlag = false;
     };
-    function sendMessage(messageList) {
+    const sendMessage = (messageList, type) => {
       state.mockMessages = messageList;
+      if (type) {
+        return;
+      }
       if (!state.activeChat) {
         const newChat = createNewChat("AI\u57FA\u7840\u95EE\u7B54", messageList);
         newChat.messages = messageList;
+        state.activeChat = newChat.id;
       } else {
         const currentChat = state.chatHistory.find((item) => item.id === state.activeChat);
         if (currentChat) {
@@ -206,12 +317,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
         saveToLocalStorage();
       }
-    }
-    function resetAllMenus() {
+    };
+    const resetAllMenus = () => {
       Object.keys(state.actionMenuVisible).forEach((key) => {
         state.actionMenuVisible[key] = false;
       });
-    }
+    };
     const handleRenameChat = (id, newTitle) => {
       const item = state.chatHistory.find((item2) => item2.id === id);
       if (item) {
@@ -228,21 +339,36 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       { deep: true }
     );
     __expose({
-      handleSend: (value) => {
+      send: (value, fileList, auto, type) => {
         var _a;
-        (_a = chatComponent.value) == null ? void 0 : _a.handleSendOut(value);
+        (_a = chatComponent.value) == null ? void 0 : _a.send(value, fileList, auto, type);
       },
-      handleSiderBarClose: () => {
+      closeExtend: () => {
         state.toggleSidebarFlag = false;
+      },
+      create: () => {
+        const newChat = createNewChat("\u65B0\u5BF9\u8BDD" + (state.chatHistory.length + 1));
+        state.activeChat = newChat.id;
+        change("");
+      },
+      retry: (index) => {
+        var _a;
+        (_a = chatComponent.value) == null ? void 0 : _a.retry(index);
+      },
+      update: (index, message) => {
+        var _a;
+        (_a = chatComponent.value) == null ? void 0 : _a.update(index, message);
+      },
+      changeChat: (index) => {
+        changeChatHistory(index);
+      },
+      clearChat: () => {
+        clearChatHistory();
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "historyContainer",
-        ref: historyContainer,
-        class: "touchchat"
-      }, [
-        state.isSidebarCollapsed && !vue.unref(isNotHeader) ? (vue.openBlock(), vue.createElementBlock("div", {
+      return vue.openBlock(), vue.createElementBlock("div", { class: "touchchat" }, [
+        state.isSidebarCollapsed && !isNotHeader ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "touchchat-header"
         }, [
@@ -259,9 +385,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", { class: "touchchat-add-lite-icon" }),
             vue.createElementVNode("span", null, "\u65B0\u5BF9\u8BDD")
           ])
-        ])) : vue.createCommentVNode("", true),
+        ])) : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("div", { class: "touchchat-content" }, [
-          !vue.unref(isNotHeader) && !state.isSidebarCollapsed ? (vue.openBlock(), vue.createBlock(HistorySidebar_vue_vue_type_script_setup_true_lang.default, {
+          !isNotHeader && !state.isSidebarCollapsed ? (vue.openBlock(), vue.createBlock(HistorySidebar.default, {
             key: 0,
             "is-sidebar-collapsed": state.isSidebarCollapsed,
             "active-chat": state.activeChat,
@@ -271,18 +397,25 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             onSelectChat: selectChat,
             onRenameChat: handleRenameChat,
             onDeleteChat: deleteChat
-          }, null, 8, ["is-sidebar-collapsed", "active-chat", "chat-history"])) : vue.createCommentVNode("", true),
-          (vue.openBlock(), vue.createBlock(TouchChat_vue_vue_type_script_setup_true_lang.default, {
-            key: state.activeChat,
+          }, null, 8, ["is-sidebar-collapsed", "active-chat", "chat-history"])) : vue.createCommentVNode("v-if", true),
+          !iIsAgent.value ? (vue.openBlock(), vue.createBlock(TouchChat.default, {
             ref_key: "chatComponent",
             ref: chatComponent,
+            key: state.activeChat + "-chat",
             value: currentChatMessages.value,
             onSendMessage: sendMessage,
             onToggleSidebar: toggleSidebarOut,
-            onBeforeSendMessage: beforeSendMessage
+            onBeforeSendMessage: beforeSendMessage,
+            onOpenSideBar: vue.unref(openSideBar)
           }, {
-            aiMessageContent: vue.withCtx(({ item, index }) => [
-              vue.renderSlot(_ctx.$slots, "aiMessageContent", {
+            aimsg: vue.withCtx(({ item, index }) => [
+              vue.renderSlot(_ctx.$slots, "aimsg", {
+                item,
+                index
+              })
+            ]),
+            msg: vue.withCtx(({ item, index }) => [
+              vue.renderSlot(_ctx.$slots, "msg", {
                 item,
                 index
               })
@@ -296,37 +429,128 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             welcome: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "welcome")
             ]),
-            chatInput: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "chatInput")
+            edit: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "edit")
+            ]),
+            shortcut: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "shortcut")
+            ]),
+            top: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "top")
+            ]),
+            fn: vue.withCtx(({ item, index }) => [
+              vue.renderSlot(_ctx.$slots, "fn", {
+                item,
+                index
+              })
+            ]),
+            extendsFn: vue.withCtx(({ item, index }) => [
+              vue.renderSlot(_ctx.$slots, "extendsFn", {
+                item,
+                index
+              })
+            ]),
+            editTop: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "editTop")
+            ]),
+            editFn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "editFn")
+            ]),
+            editSubmitRight: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "editSubmitRight")
             ]),
-            tabView: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "tabView")
+            editSubmitLeft: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "editSubmitLeft")
             ]),
-            messageActions: vue.withCtx(({ item, index }) => [
-              vue.renderSlot(_ctx.$slots, "messageActions", {
+            mayLike: vue.withCtx(({ item, index }) => [
+              vue.renderSlot(_ctx.$slots, "mayLike", {
                 item,
                 index
               })
             ]),
             _: 3
-          }, 8, ["value"])),
-          vue.withDirectives(vue.createVNode(SiderBarView_vue_vue_type_script_setup_true_lang.default, {
+            /* FORWARDED */
+          }, 8, ["value", "onOpenSideBar"])) : (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 2 },
+            [
+              vue.createCommentVNode(' :key="state.activeChat"  '),
+              (vue.openBlock(), vue.createBlock(TouchAgent.default, {
+                ref_key: "chatComponent",
+                ref: chatComponent,
+                key: state.activeChat + "-agent",
+                value: currentChatMessages.value,
+                onSendMessage: sendMessage,
+                onToggleSidebar: toggleSidebarOut,
+                onBeforeSendMessage: beforeSendMessage
+              }, {
+                aimsg: vue.withCtx(({ item, index }) => [
+                  vue.renderSlot(_ctx.$slots, "aimsg", {
+                    item,
+                    index
+                  })
+                ]),
+                msg: vue.withCtx(({ item, index }) => [
+                  vue.renderSlot(_ctx.$slots, "msg", {
+                    item,
+                    index
+                  })
+                ]),
+                aiAvatar: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "aiAvatar")
+                ]),
+                userAvatar: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "userAvatar")
+                ]),
+                welcome: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "welcome")
+                ]),
+                edit: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "edit")
+                ]),
+                shortcut: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "shortcut")
+                ]),
+                top: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "top")
+                ]),
+                fn: vue.withCtx(({ item, index }) => [
+                  vue.renderSlot(_ctx.$slots, "fn", {
+                    item,
+                    index
+                  })
+                ]),
+                extendsFn: vue.withCtx(({ item, index }) => [
+                  vue.renderSlot(_ctx.$slots, "extendsFn", {
+                    item,
+                    index
+                  })
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["value"]))
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )),
+          vue.withDirectives(vue.createVNode(SiderBarView.default, {
             flag: state.isSidebarCollapsed,
             item: messageItem.value,
             index: messageIndex.value
           }, {
-            siderBarView: vue.withCtx(({ item: slotMessageItem, index: slotMessageIndex }) => [
-              vue.renderSlot(_ctx.$slots, "siderBarView", {
+            extend: vue.withCtx(({ item: slotMessageItem, index: slotMessageIndex }) => [
+              vue.renderSlot(_ctx.$slots, "extend", {
                 item: slotMessageItem,
                 index: slotMessageIndex
               })
             ]),
             _: 3
+            /* FORWARDED */
           }, 8, ["flag", "item", "index"]), [
             [vue.vShow, state.toggleSidebarFlag]
           ])
         ])
-      ], 512);
+      ]);
     };
   }
 });