@ibiz-template/vue3-components 0.7.41-alpha.43 → 0.7.41-alpha.44

package/lib/editor/text-box/signature/signature.cjs

@@ -13,6 +13,7 @@ const IBizSignature = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = vue3Util.useNamespace("signature");
     const c = props.controller;
     const editorModel = c.model;
@@ -25,6 +26,7 @@ const IBizSignature = /* @__PURE__ */ vue.defineComponent({
     const fullScreen = vue.ref(false);
     const currentDataURL = vue.ref("");
     const currentVal = vue.ref("");
+    let enableNoAccess = ((_a = c == null ? void 0 : c.editorParams) == null ? void 0 : _a.enablenoaccess) === "true";
     let saveMode = "img";
     let buttons = [{
       label: ibiz.i18n.t("editor.signature.undo"),
@@ -48,6 +50,9 @@ const IBizSignature = /* @__PURE__ */ vue.defineComponent({
           ibiz.log.error(error);
         }
       }
+      if (editorModel.editorParams.enablenoaccess) {
+        enableNoAccess = editorModel.editorParams.enablenoaccess === "true";
+      }
     }
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
@@ -56,12 +61,12 @@ const IBizSignature = /* @__PURE__ */ vue.defineComponent({
       return false;
     });
     const restCavans = () => {
-      var _a;
-      (_a = signatureRef.value) == null ? void 0 : _a.updateSignaturePad(() => {
+      var _a2;
+      (_a2 = signatureRef.value) == null ? void 0 : _a2.updateSignaturePad(() => {
         vue.nextTick(() => {
-          var _a2, _b;
+          var _a3, _b;
           if (currentDataURL.value) {
-            (_a2 = signatureRef.value) == null ? void 0 : _a2.signaturePad.fromDataURL(currentDataURL.value);
+            (_a3 = signatureRef.value) == null ? void 0 : _a3.signaturePad.fromDataURL(currentDataURL.value);
           } else {
             (_b = signatureRef.value) == null ? void 0 : _b.signaturePad.clear();
           }
@@ -69,7 +74,7 @@ const IBizSignature = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const handleCurrentVal = async () => {
-      var _a, _b;
+      var _a2, _b;
       if (currentVal.value) {
         ibiz.loading.showRedirect();
         if (saveMode === "img") {
@@ -79,7 +84,8 @@ const IBizSignature = /* @__PURE__ */ vue.defineComponent({
           const _url = downloadUrl.value.replace("%fileId%", fileData.id);
           try {
             const editorParams = {
-              ...c.editorParams
+              ...c.editorParams,
+              enableNoAccess
             };
             if (editorParams.exportparams) {
               editorParams.exportParams = JSON.parse(editorParams.exportparams);
@@ -93,8 +99,8 @@ const IBizSignature = /* @__PURE__ */ vue.defineComponent({
               },
               extraParams: editorParams,
               downloadTicketParams: c.downloadTicketParams
-            });
-            const dataUrl = await ((_a = signatureRef.value) == null ? void 0 : _a.signaturePad.blobToDataURL(fileBlob));
+            }, void 0, enableNoAccess);
+            const dataUrl = await ((_a2 = signatureRef.value) == null ? void 0 : _a2.signaturePad.blobToDataURL(fileBlob));
             currentDataURL.value = dataUrl;
           } catch (error) {
             ibiz.log.error(error);
@@ -108,7 +114,14 @@ const IBizSignature = /* @__PURE__ */ vue.defineComponent({
     };
     vue.watch(() => props.data, (newVal) => {
       if (newVal) {
-        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
+        const editorParams = {
+          ...c.editorParams,
+          enableNoAccess
+        };
+        if (editorParams.uploadparams) {
+          editorParams.uploadParams = JSON.parse(editorParams.uploadparams);
+        }
+        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, editorParams);
         uploadUrl.value = urls.uploadUrl;
         downloadUrl.value = urls.downloadUrl;
       }
@@ -151,8 +164,8 @@ const IBizSignature = /* @__PURE__ */ vue.defineComponent({
       return fileInfo;
     };
     const handleRemove = () => {
-      var _a;
-      (_a = signatureRef.value) == null ? void 0 : _a.signaturePad.clear();
+      var _a2;
+      (_a2 = signatureRef.value) == null ? void 0 : _a2.signaturePad.clear();
       currentDataURL.value = "";
       handleEmit(null);
     };
@@ -164,9 +177,9 @@ const IBizSignature = /* @__PURE__ */ vue.defineComponent({
       }]));
     };
     const handleConfirm = () => {
-      var _a, _b, _c;
+      var _a2, _b, _c;
       fullScreen.value = false;
-      if (!((_a = signatureRef.value) == null ? void 0 : _a.signaturePad.isRedrawn()))
+      if (!((_a2 = signatureRef.value) == null ? void 0 : _a2.signaturePad.isRedrawn()))
         return;
       if ((_b = signatureRef.value) == null ? void 0 : _b.signaturePad.isEmpty()) {
         handleRemove();
@@ -187,10 +200,10 @@ const IBizSignature = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const handleButtonClick = (_type) => {
-      var _a, _b;
+      var _a2, _b;
       switch (_type) {
         case "undo":
-          (_a = signatureRef.value) == null ? void 0 : _a.signaturePad.undoLastStep();
+          (_a2 = signatureRef.value) == null ? void 0 : _a2.signaturePad.undoLastStep();
           break;
         case "rewrite":
           (_b = signatureRef.value) == null ? void 0 : _b.signaturePad.clear();

package/lib/editor/upload/upload-editor.controller.cjs

@@ -52,6 +52,13 @@ class UploadEditorController extends runtime.EditorController {
      * @memberof UploadEditorController
      */
     __publicField(this, "autoPreview", false);
+    /**
+     * 是否启用无权限
+     *
+     * @type {boolean}
+     * @memberof UploadEditorController
+     */
+    __publicField(this, "enableNoAccess", false);
     /**
      * 根据配置的映射关系转换对象属性
      * 将源对象的指定属性，按照映射规则映射到新对象的目标属性
@@ -115,7 +122,8 @@ class UploadEditorController extends runtime.EditorController {
         uploadparams,
         exportparams,
         autopreview,
-        infomap
+        infomap,
+        enablenoaccess
       } = this.editorParams;
       if (isDrag) {
         this.isDrag = Boolean(isDrag);
@@ -141,6 +149,9 @@ class UploadEditorController extends runtime.EditorController {
       if (infomap) {
         this.infoMap = infomap;
       }
+      if (enablenoaccess) {
+        this.enableNoAccess = enablenoaccess === "true";
+      }
       if (uploadParams) {
         try {
           this.uploadParams = JSON.parse(uploadParams);

package/lib/editor/upload/use/use-iview-upload.cjs

@@ -23,7 +23,10 @@ function useIViewUpload(props, valueChange, c) {
     { immediate: true }
   );
   const getDownloadUrl = (data, file) => {
-    const editorParams = { ...c.editorParams };
+    const editorParams = {
+      ...c.editorParams,
+      enableNoAccess: c.enableNoAccess
+    };
     if (editorParams.exportparams) {
       editorParams.exportParams = JSON.parse(editorParams.exportparams);
     }
@@ -42,7 +45,10 @@ function useIViewUpload(props, valueChange, c) {
     () => props.data,
     (newVal) => {
       if (newVal) {
-        const editorParams = { ...c.editorParams };
+        const editorParams = {
+          ...c.editorParams,
+          enableNoAccess: c.enableNoAccess
+        };
         if (editorParams.uploadparams) {
           editorParams.uploadParams = JSON.parse(editorParams.uploadparams);
         }
@@ -101,7 +107,7 @@ function useIViewUpload(props, valueChange, c) {
         newVal.forEach((file) => {
           const downloadUrl = getDownloadUrl(props.data, file);
           file.url = file.url || downloadUrl.replace("%fileId%", file.id);
-          if (ibiz.config.common.enableDownloadTicket) {
+          if (ibiz.config.common.enableDownloadTicket && !c.enableNoAccess) {
             ibiz.util.file.getDownloadTicket(
               c.context,
               c.params,
@@ -161,7 +167,7 @@ function useIViewUpload(props, valueChange, c) {
     if (!response) {
       return;
     }
-    if (ibiz.config.common.enableDownloadTicket && response.ticket) {
+    if (ibiz.config.common.enableDownloadTicket && !c.enableNoAccess && response.ticket) {
       ibiz.util.file.setDownloadTicket(response.id, response.ticket);
     }
     uploadCache.cacheFiles.push({
@@ -202,18 +208,27 @@ function useIViewUpload(props, valueChange, c) {
   const onDownload = (file) => {
     const downloadUrl = getDownloadUrl(props.data, file);
     const url = file.url || downloadUrl.replace("%fileId%", file.id);
-    const editorParams = { ...c.editorParams };
+    const editorParams = {
+      ...c.editorParams,
+      enableNoAccess: c.enableNoAccess
+    };
     if (editorParams.exportparams) {
       editorParams.exportParams = JSON.parse(editorParams.exportparams);
     }
-    ibiz.util.file.fileDownload(url, file.name, {
-      context: c.context,
-      params: c.params,
-      data: props.data,
-      file: { fileId: file.id, ...file },
-      extraParams: editorParams,
-      downloadTicketParams: c.downloadTicketParams
-    });
+    ibiz.util.file.fileDownload(
+      url,
+      file.name,
+      {
+        context: c.context,
+        params: c.params,
+        data: props.data,
+        file: { fileId: file.id, ...file },
+        extraParams: editorParams,
+        downloadTicketParams: c.downloadTicketParams
+      },
+      void 0,
+      c.enableNoAccess
+    );
   };
   const limit = vue.computed(() => {
     return c.multiple ? 9999 : 1;

package/lib/locale/en/index.cjs

@@ -851,7 +851,11 @@ var index = {
       warningTitle: "Confirm termination",
       warningDesc: "Are you sure to terminate the creation?",
       thinking: "In depth thinking",
-      thinked: "Deeply pondered"
+      thinked: "Deeply pondered",
+      collapseToolCall: "Retract tool calls",
+      expandToolCall: "Expand all {number} tool calls",
+      error: "An error occurred",
+      copy: "Copied"
     },
     aiChartUtil: {
       feedback: "Feedback",

package/lib/locale/zh-CN/index.cjs

@@ -847,7 +847,11 @@ var index = {
       warningTitle: "\u786E\u8BA4\u4E2D\u6B62",
       warningDesc: "\u786E\u8BA4\u4E2D\u6B62\u521B\u4F5C\u5417\uFF1F",
       thinking: "\u6DF1\u5EA6\u601D\u8003\u4E2D",
-      thinked: "\u5DF2\u6DF1\u5EA6\u601D\u8003"
+      thinked: "\u5DF2\u6DF1\u5EA6\u601D\u8003",
+      collapseToolCall: "\u6536\u8D77\u5DE5\u5177\u8C03\u7528",
+      expandToolCall: "\u5C55\u5F00\u5168\u90E8 {number} \u4E2A\u5DE5\u5177\u8C03\u7528",
+      error: "\u53D1\u751F\u9519\u8BEF",
+      copy: "\u5DF2\u590D\u5236"
     },
     aiChartUtil: {
       feedback: "\u53CD\u9988",

package/lib/panel-component/coop-pos/coop-pos.controller.cjs

@@ -34,6 +34,13 @@ class CoopPosController extends runtime.PanelItemController {
      * @memberof CoopPosController
      */
     __publicField(this, "showMode", "default");
+    /**
+     * 是否启用无权限
+     *
+     * @type {boolean}
+     * @memberof CoopPosController
+     */
+    __publicField(this, "enableNoAccess", false);
     /**
      * 消息模式映射
      * - 视图打开数据模式映射消息类型
@@ -55,6 +62,7 @@ class CoopPosController extends runtime.PanelItemController {
     await super.onInit();
     this.handleRawItemParams();
     this.showMode = this.rawItemParams.showmode;
+    this.enableNoAccess = this.rawItemParams.enablenoaccess === "true";
     await this.getOperator();
   }
   /**
@@ -154,7 +162,9 @@ class CoopPosController extends runtime.PanelItemController {
     }
     const { downloadUrl } = ibiz.util.file.calcFileUpDownUrl(
       this.panel.context,
-      this.panel.params
+      this.panel.params,
+      {},
+      { enableNoAccess: this.enableNoAccess }
     );
     return downloadUrl.replace("%fileId%", urlConfig[0].id);
   }

package/lib/panel-component/panel-app-title/panel-app-title.cjs

@@ -89,6 +89,7 @@ const PanelAppTitle = /* @__PURE__ */ vue.defineComponent({
   render() {
     const {
       icon,
+      icon2,
       caption,
       caption2,
       subCaption,
@@ -104,13 +105,14 @@ const PanelAppTitle = /* @__PURE__ */ vue.defineComponent({
     } else {
       if (this.menuAlign === "LEFT") {
         if (this.isCollapse) {
-          if (icon) {
+          const collapseIcon = icon2 || icon;
+          if (collapseIcon) {
             iconVNode = vue.createVNode("div", {
               "class": this.ns.e("collpase-icon")
             }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
               "class": this.ns.e("logo"),
               "icon": {
-                rawContent: icon
+                rawContent: collapseIcon
               }
             }, null)]);
           } else {

package/lib/panel-component/panel-app-title/panel-app-title.controller.cjs

@@ -58,7 +58,9 @@ class PanelAppTitleController extends runtime.PanelItemController {
     } else if (indexViewModel.appIconPath) {
       this.state.icon = indexViewModel.appIconPath;
     }
-    if (indexViewModel.appIconPath2) {
+    if (indexViewModel.sysImage && indexViewModel.sysImage.rawContent) {
+      this.state.icon2 = indexViewModel.sysImage.rawContent;
+    } else if (indexViewModel.appIconPath2) {
       this.state.icon2 = indexViewModel.appIconPath2;
     }
     if (indexViewModel.caption) {

package/lib/util/ai-chat-util/ai-chat-util.cjs

@@ -187,7 +187,8 @@ class AIChatUtil {
                   state: msg.actionstate,
                   type: "DEFAULT",
                   role: "ASSISTANT",
-                  content: choices[0].content || ""
+                  content: choices[0].content || "",
+                  realmessageid: choices[0].messageid
                 });
               }
             } else if (msg.actionstate === 40) {
@@ -232,9 +233,13 @@ class AIChatUtil {
     };
     chatOptions.recommendPrompt = async (ctx, param, other) => {
       const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+      const tempParams = { ...param };
+      if (other.srfaiagent) {
+        tempParams.srfaiagent = other.srfaiagent;
+      }
       const result = await deService.aiChatRecommendPrompt(
         ctx,
-        param,
+        tempParams,
         other.message
       );
       if (result.ok && result.data) {
@@ -251,7 +256,8 @@ class AIChatUtil {
         const fileMeata = ibiz.util.file.calcFileUpDownUrl(
           (options == null ? void 0 : options.context) || context,
           (options == null ? void 0 : options.params) || params,
-          {}
+          {},
+          { enableNoAccess: true }
         );
         const fielUploadHeaders = ibiz.util.file.getUploadHeaders();
         const formData = new FormData();
@@ -506,7 +512,8 @@ class AIChatUtil {
                   state: msg.actionstate,
                   type: "DEFAULT",
                   role: "ASSISTANT",
-                  content: choices[0].content || ""
+                  content: choices[0].content || "",
+                  realmessageid: choices[0].messageid
                 });
               }
             } else if (msg.actionstate === 40) {
@@ -551,9 +558,13 @@ class AIChatUtil {
     };
     chatOptions.recommendPrompt = async (ctx, param, other) => {
       const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+      const tempParams = { ...param };
+      if (other.srfaiagent) {
+        tempParams.srfaiagent = other.srfaiagent;
+      }
       const result = await deService.aiChatRecommendPrompt(
         ctx,
-        param,
+        tempParams,
         other.message
       );
       if (result.ok && result.data) {
@@ -570,7 +581,8 @@ class AIChatUtil {
         const { uploadUrl } = ibiz.util.file.calcFileUpDownUrl(
           (options == null ? void 0 : options.context) || context,
           (options == null ? void 0 : options.params) || params,
-          {}
+          {},
+          { enableNoAccess: true }
         );
         const headers = ibiz.util.file.getUploadHeaders();
         const formData = new FormData();
@@ -758,54 +770,42 @@ class AIChatUtil {
       return resourceOptions;
     }
     const utilService = new runtime.AIUtilService(aiSessionUtil);
-    resourceOptions.getSessionList = async () => {
-      const result = await utilService.getSessionList(context, params);
+    resourceOptions.getSessionList = async (args = {}) => {
+      const tempParams = { ...params, page: 0, size: 1e3, ...args };
+      const result = await utilService.getSessionList(context, tempParams);
       return result;
     };
-    resourceOptions.updateSession = async (sessionID, data) => {
+    resourceOptions.updateSession = async (realID, data) => {
       const result = await utilService.updateSession(
         context,
         params,
-        sessionID,
+        realID,
         data
       );
       return result;
     };
-    resourceOptions.deleteSession = async (sessionID) => {
-      const result = await utilService.deleteSession(
-        context,
-        params,
-        sessionID
-      );
+    resourceOptions.deleteSession = async (realID) => {
+      const result = await utilService.deleteSession(context, params, realID);
       return result;
     };
-    resourceOptions.getMessages = async (sessionID) => {
-      const result = await utilService.getMessageList(
-        context,
-        params,
-        sessionID
-      );
+    resourceOptions.getMessages = async (args = {}) => {
+      const tempParams = { ...params, page: 0, size: 1e3, ...args };
+      const result = await utilService.getMessageList(context, tempParams);
       return result;
     };
-    resourceOptions.deleteMessage = async (sessionID, messageID) => {
+    resourceOptions.deleteMessage = async (messageID) => {
       const result = await utilService.deleteMessage(
         context,
         params,
-        sessionID,
         messageID
       );
       return result;
     };
-    resourceOptions.likeMessage = async (sessionID, messageID) => {
-      const result = await utilService.likeMessage(
-        context,
-        params,
-        sessionID,
-        messageID
-      );
+    resourceOptions.likeMessage = async (messageID) => {
+      const result = await utilService.likeMessage(context, params, messageID);
       return result;
     };
-    resourceOptions.dislikeMessage = async (sessionID, messageID, feedbackContent) => {
+    resourceOptions.dislikeMessage = async (messageID, feedbackContent) => {
       var _a, _b;
       const overlay = ibiz.overlay.createModal(
         (modal) => {
@@ -825,23 +825,58 @@ class AIChatUtil {
       const _result = await utilService.dislikeMessage(
         context,
         params,
-        sessionID,
         messageID,
         content
       );
       return _result;
     };
-    resourceOptions.cancelFeedback = async (sessionID, messageID) => {
+    resourceOptions.cancelFeedback = async (messageID) => {
       const result = await utilService.cancelFeedback(
         context,
         params,
-        sessionID,
         messageID
       );
       return result;
     };
+    resourceOptions.clearAllSession = async (excludeSessionID) => {
+      const result = await utilService.clearAllSession(
+        context,
+        params,
+        excludeSessionID
+      );
+      return result;
+    };
+    resourceOptions.clearAllMessageBySessionId = async (realID) => {
+      const result = await utilService.clearAllMessageBySessionId(
+        context,
+        params,
+        realID
+      );
+      return result;
+    };
     return resourceOptions;
   }
+  /**
+   * 获取AI聊天模式
+   * @param type 场景类型：UIACTION:界面行为；EDITOR:编辑器
+   * @param context
+   * @param params
+   * @param editorParams
+   */
+  getAIChatMode(type, context, params, editorParams) {
+    switch (type) {
+      case "UIACTION":
+        if (params.srfenabletempmode && params.srfenabletempmode === "true") {
+          delete params.srfenabletempmode;
+          return "DEFAULT";
+        }
+        return "TOPIC";
+      case "EDITOR":
+        return "DEFAULT";
+      default:
+        return "DEFAULT";
+    }
+  }
 }
 
 exports.AIChatUtil = AIChatUtil;

package/lib/util/app-util/app-util.cjs

@@ -224,13 +224,14 @@ class AppUtil {
       deACMode,
       { chatInstance, view, ctrl }
     );
+    const chatMode = ibiz.aiChatUtil.getAIChatMode("UIACTION", context, params);
     const resourceOptions = await ibiz.aiChatUtil.getAIResourceOptions(
       context,
       params
     );
     return new Promise((resolve) => {
       chatInstance.create({
-        mode: "TOPIC",
+        mode: chatMode,
         resourceOptions,
         containerOptions: {
           zIndex: containerZIndex,

package/lib/util/inline-ai-util/inline-ai-textarea/common/ai-think/ai-think.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var icon = require('../../icon.cjs');
+require('./ai-think.css');
+
+"use strict";
+const AIThink = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    think: {
+      type: String
+    },
+    isLoading: {
+      type: Boolean,
+      required: true
+    },
+    isCollapse: {
+      type: Boolean,
+      required: true
+    }
+  },
+  emits: {
+    collapseChange: (_value) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("ai-think");
+    const onCollapseChange = () => {
+      emit("collapseChange", !props.isCollapse);
+    };
+    return {
+      ns,
+      onCollapseChange
+    };
+  },
+  render() {
+    if (!this.think)
+      return;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("header"),
+      "onClick": this.onCollapseChange
+    }, [vue.createVNode("div", {
+      "class": [this.ns.em("header", "state-icon"), this.ns.is("loading", this.isLoading)]
+    }, [this.isLoading ? icon.LoadingIcon : icon.ThinkSuccessIcon]), vue.createVNode("div", {
+      "class": this.ns.em("header", "title")
+    }, [this.isLoading ? ibiz.i18n.t("util.inlineAiUtil.thinking") : ibiz.i18n.t("util.inlineAiUtil.thinked")]), vue.createVNode("div", {
+      "class": this.ns.em("header", "collapse-icon")
+    }, [this.isCollapse ? icon.DownIcon : icon.UpIcon])]), !this.isCollapse && vue.createVNode("div", {
+      "class": this.ns.e("content")
+    }, [this.think])]);
+  }
+});
+
+exports.AIThink = AIThink;

package/lib/util/inline-ai-util/inline-ai-textarea/common/ai-think/ai-think.css

@@ -0,0 +1 @@
+.ibiz-ai-think{width:100%;height:auto;font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1)}.ibiz-ai-think__header{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;margin-bottom:var(--ibiz-spacing-tight);cursor:pointer}.ibiz-ai-think__header:hover{color:var(--ibiz-inline-ai-textarea-container-color-text-hove-1)}.ibiz-ai-think__header--state-icon{display:flex;align-items:center;color:var(--ibiz-color-success)}.ibiz-ai-think__header--state-icon.is-loading{color:var(--ibiz-inline-ai-textarea-container-color-loading)}.ibiz-ai-think__header--collapse-icon{display:flex;align-items:center}.ibiz-ai-think__content{position:relative;padding-left:var(--ibiz-spacing-tight);word-wrap:break-word;white-space:pre-wrap;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.ibiz-ai-think__content::before{position:absolute;top:0;bottom:0;left:0;width:2px;content:"";background-color:var(--ibiz-inline-ai-textarea-container-color-border)}

package/lib/util/inline-ai-util/inline-ai-textarea/common/ai-tool-call/ai-tool-call.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var aiToolCallItem = require('../ai-tool-call-item/ai-tool-call-item.cjs');
+require('./ai-tool-call.css');
+
+"use strict";
+const AIToolCall = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    toolCalls: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("ai-tool-call");
+    const isExpanded = vue.ref(false);
+    const showToggle = vue.computed(() => {
+      return props.toolCalls.length > 4;
+    });
+    const items = vue.computed(() => {
+      return showToggle.value && !isExpanded.value ? props.toolCalls.slice(0, 4) : props.toolCalls;
+    });
+    const handleToggle = () => {
+      isExpanded.value = !isExpanded.value;
+    };
+    return {
+      ns,
+      items,
+      showToggle,
+      isExpanded,
+      handleToggle
+    };
+  },
+  render() {
+    if (!this.toolCalls.length)
+      return;
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.items.map((item) => {
+      return vue.createVNode(aiToolCallItem.AIToolCallItem, {
+        "toolCall": item
+      }, null);
+    }), this.showToggle && vue.createVNode("div", {
+      "class": this.ns.e("toggle"),
+      "onClick": this.handleToggle
+    }, [this.isExpanded ? ibiz.i18n.t("util.inlineAiUtil.collapseToolCall") : ibiz.i18n.t("util.inlineAiUtil.expandToolCall", {
+      number: this.toolCalls.length
+    })])]);
+  }
+});
+
+exports.AIToolCall = AIToolCall;

package/lib/util/inline-ai-util/inline-ai-textarea/common/ai-tool-call/ai-tool-call.css

@@ -0,0 +1 @@
+.ibiz-ai-tool-call{color:var(--ibiz-inline-ai-textarea-container-color-text-0)}.ibiz-ai-tool-call__toggle{display:block;padding:var(--ibiz-spacing-tight) 0;margin-top:var(--ibiz-spacing-tight);text-align:center;cursor:pointer;background-color:var(--ibiz-inline-ai-textarea-container-color-bg-1);border-radius:var(--ibiz-border-radius-small)}.ibiz-ai-tool-call__toggle:hover{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-hover-1)}