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

package/es/locale/zh-CN/index.mjs

@@ -843,7 +843,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/es/panel-component/coop-pos/coop-pos.controller.mjs

@@ -32,6 +32,13 @@ class CoopPosController extends PanelItemController {
      * @memberof CoopPosController
      */
     __publicField(this, "showMode", "default");
+    /**
+     * 是否启用无权限
+     *
+     * @type {boolean}
+     * @memberof CoopPosController
+     */
+    __publicField(this, "enableNoAccess", false);
     /**
      * 消息模式映射
      * - 视图打开数据模式映射消息类型
@@ -53,6 +60,7 @@ class CoopPosController extends PanelItemController {
     await super.onInit();
     this.handleRawItemParams();
     this.showMode = this.rawItemParams.showmode;
+    this.enableNoAccess = this.rawItemParams.enablenoaccess === "true";
     await this.getOperator();
   }
   /**
@@ -152,7 +160,9 @@ class CoopPosController extends 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/es/panel-component/panel-app-title/panel-app-title.controller.mjs

@@ -56,7 +56,9 @@ class PanelAppTitleController extends 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/es/panel-component/panel-app-title/panel-app-title.mjs

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

package/es/util/ai-chat-util/ai-chat-util.mjs

@@ -185,7 +185,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) {
@@ -230,9 +231,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) {
@@ -249,7 +254,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();
@@ -504,7 +510,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) {
@@ -549,9 +556,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) {
@@ -568,7 +579,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();
@@ -756,54 +768,42 @@ class AIChatUtil {
       return resourceOptions;
     }
     const utilService = new 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) => {
@@ -823,23 +823,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";
+    }
+  }
 }
 
 export { AIChatUtil };

package/es/util/app-util/app-util.mjs

@@ -222,13 +222,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/es/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/es/util/inline-ai-util/inline-ai-textarea/common/ai-think/ai-think.mjs

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

package/es/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)}

package/es/util/inline-ai-util/inline-ai-textarea/common/ai-tool-call/ai-tool-call.mjs

@@ -0,0 +1,52 @@
+import { defineComponent, createVNode, ref, computed } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { AIToolCallItem } from '../ai-tool-call-item/ai-tool-call-item.mjs';
+import './ai-tool-call.css';
+
+"use strict";
+const AIToolCall = /* @__PURE__ */ defineComponent({
+  props: {
+    toolCalls: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("ai-tool-call");
+    const isExpanded = ref(false);
+    const showToggle = computed(() => {
+      return props.toolCalls.length > 4;
+    });
+    const items = 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 createVNode("div", {
+      "class": this.ns.b()
+    }, [this.items.map((item) => {
+      return createVNode(AIToolCallItem, {
+        "toolCall": item
+      }, null);
+    }), this.showToggle && 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
+    })])]);
+  }
+});
+
+export { AIToolCall };

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

@@ -0,0 +1 @@
+.ibiz-ai-tool-call-item{--ibiz-ai-tool-call-item-bg-primary:#1e1e1e;--ibiz-ai-tool-call-item-bg-secondary:#2d2d2d;--ibiz-ai-tool-call-item-bg-tertiary:#3c3c3c;--ibiz-ai-tool-call-item-text-primary:#d4d4d4;--ibiz-ai-tool-call-item-text-secondary:#9cdcfe;--ibiz-ai-tool-call-item-text-error:#f44747;--ibiz-ai-tool-call-item-text-string:#ce9178;--ibiz-ai-tool-call-item-text-boolean:#569cd6;--ibiz-ai-tool-call-item-text-property:#9cdcfe;--ibiz-ai-tool-call-item-text-number:#b5cea8;--ibiz-ai-tool-call-item-accent-primary:#0e639c;--ibiz-ai-tool-call-item-accent-error:rgba(244, 71, 71, 0.2);--ibiz-ai-tool-call-item-color-bg:var(--ibiz-inline-ai-textarea-container-color-bg-1);--ibiz-ai-tool-call-item-color-border:var(--ibiz-inline-ai-textarea-container-color-border);margin-bottom:var(--ibiz-spacing-tight);background-color:var(--ibiz-ai-tool-call-item-color-bg);border:1px solid var(--ibiz-ai-tool-call-item-color-border);border-radius:var(--ibiz-border-radius-small)}.ibiz-ai-tool-call-item__header{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-spacing-tight)}.ibiz-ai-tool-call-item__header-left{display:flex;gap:var(--ibiz-spacing-tight);align-items:center}.ibiz-ai-tool-call-item__header-left--caption{flex-shrink:0}.ibiz-ai-tool-call-item__header-left--desc{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-ai-tool-call-item__header-right{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-tight);align-items:center}.ibiz-ai-tool-call-item__header-right--icon{display:flex;align-items:center;cursor:pointer}.ibiz-ai-tool-call-item__header-right--error-text{color:var(--ibiz-color-danger)}.ibiz-ai-tool-call-item__content{padding:var(--ibiz-spacing-tight) 0}.ibiz-ai-tool-call-item__code-line{display:flex;min-height:18px;margin-bottom:var(--ibiz-spacing-base-tight);font-family:Consolas,monospace;font-size:.95rem}.ibiz-ai-tool-call-item__code-line--line-number{min-width:20px;margin-right:15px;color:var(--ibiz-color-success);text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-ai-tool-call-item__property{color:var(--ibiz-ai-tool-call-item-text-property)}.ibiz-ai-tool-call-item__string{overflow:hidden;color:var(--ibiz-ai-tool-call-item-text-string);text-overflow:ellipsis;white-space:nowrap}.ibiz-ai-tool-call-item__boolean{color:var(--ibiz-ai-tool-call-item-text-boolean)}.ibiz-ai-tool-call-item__number{color:var(--ibiz-ai-tool-call-item-text-number)}.ibiz-ai-tool-call-item__null{color:var(--ibiz-ai-tool-call-item-text-boolean)}.ibiz-ai-tool-call-item__error{color:var(--ibiz-ai-tool-call-item-text-error)}

package/es/util/inline-ai-util/inline-ai-textarea/common/ai-tool-call-item/ai-tool-call-item.mjs

@@ -0,0 +1,143 @@
+import { defineComponent, createVNode, ref, onMounted } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { ErrorIcon, CopyIcon, DownIcon, RightIcon } from '../../icon.mjs';
+import './ai-tool-call-item.css';
+
+"use strict";
+const AIToolCallItem = /* @__PURE__ */ defineComponent({
+  props: {
+    toolCall: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("ai-tool-call-item");
+    const isExpanded = ref(false);
+    const handleExpandChange = () => {
+      isExpanded.value = !isExpanded.value;
+    };
+    const onCopy = (event) => {
+      event.stopPropagation();
+      ibiz.util.text.copy(JSON.stringify(props.toolCall, void 0, 2));
+      ibiz.message.success(ibiz.i18n.t("util.inlineAiUtil.copy"));
+    };
+    const formatValue = (value) => {
+      if (typeof value === "string") {
+        if (value.includes("Failed") || value.includes("Error") || value.includes("ERR_")) {
+          return '<span class="'.concat(ns.e("error"), '">"').concat(value, '"</span>');
+        }
+        return '<span class="'.concat(ns.e("string"), '">"').concat(value, '"</span>');
+      }
+      if (typeof value === "number") {
+        return '<span class="'.concat(ns.e("number"), '">').concat(value, "</span>");
+      }
+      if (typeof value === "boolean") {
+        return '<span class="'.concat(ns.e("boolean"), '">').concat(value, "</span>");
+      }
+      if (value === null) {
+        return '<span class="'.concat(ns.e("null"), '">null</span>');
+      }
+      return "";
+    };
+    const formatJSON = (data, indentLevel = 0) => {
+      const indent = "  ".repeat(indentLevel);
+      const lines2 = [];
+      if (Array.isArray(data)) {
+        if (data.length === 0) {
+          return ["".concat(indent, '<span class="').concat(ns.e("array"), '">[]</span>')];
+        }
+        lines2.push("".concat(indent, '<span class="').concat(ns.e("array"), '">[</span>'));
+        data.forEach((item, index) => {
+          const itemLines = formatJSON(item, indentLevel + 1);
+          const comma = index < data.length - 1 ? "," : "";
+          if (typeof item === "object" && item !== null) {
+            lines2.push(...itemLines.slice(0, -1));
+            lines2.push("".concat(itemLines[itemLines.length - 1]).concat(comma));
+          } else {
+            lines2.push("".concat(itemLines[0]).concat(comma));
+          }
+        });
+        lines2.push("".concat(indent, '<span class="').concat(ns.e("array"), '">]</span>'));
+      } else if (typeof data === "object" && data !== null) {
+        const keys = Object.keys(data);
+        if (keys.length === 0) {
+          return ["".concat(indent, '<span class="').concat(ns.e("property"), '">{}</span>')];
+        }
+        lines2.push("".concat(indent, '<span class="').concat(ns.e("property"), '">{</span>'));
+        keys.forEach((key, index) => {
+          const value = data[key];
+          const comma = index < keys.length - 1 ? "," : "";
+          const keyElement = '<span class="'.concat(ns.e("json-key"), '">"').concat(key, '":</span>');
+          if (typeof value === "object" && value !== null) {
+            const valueLines = formatJSON(value, indentLevel + 1);
+            lines2.push("".concat(indent, "  ").concat(keyElement, " ").concat(valueLines[0].trim()));
+            if (valueLines.length > 1) {
+              lines2.push(...valueLines.slice(1, -1));
+              lines2.push("".concat(valueLines[valueLines.length - 1]).concat(comma));
+            }
+          } else {
+            const valueElement = formatValue(value);
+            lines2.push("".concat(indent, "  ").concat(keyElement, " ").concat(valueElement).concat(comma));
+          }
+        });
+        lines2.push("".concat(indent, '<span class="').concat(ns.e("property"), '">}</span>'));
+      } else {
+        lines2.push("".concat(indent).concat(formatValue(data)));
+      }
+      return lines2;
+    };
+    const lines = ref([]);
+    const onInit = () => {
+      const items = formatJSON(props.toolCall, 0);
+      lines.value = items.map((item, index) => '<span class="'.concat(ns.em("code-line", "line-number"), '">').concat(index + 1, "</span>").concat(item));
+    };
+    onMounted(() => {
+      onInit();
+    });
+    return {
+      ns,
+      lines,
+      isExpanded,
+      onCopy,
+      handleExpandChange
+    };
+  },
+  render() {
+    var _a;
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": this.ns.e("header"),
+      "onClick": this.handleExpandChange
+    }, [createVNode("div", {
+      "class": this.ns.e("header-left")
+    }, [createVNode("div", {
+      "class": this.ns.em("header-left", "caption")
+    }, [this.toolCall.name]), createVNode("div", {
+      "class": this.ns.em("header-left", "desc")
+    }, [(_a = this.toolCall.parameters) == null ? void 0 : _a.desc])]), createVNode("div", {
+      "class": this.ns.e("header-right")
+    }, [this.toolCall.error && createVNode("div", {
+      "class": this.ns.em("header-right", "error")
+    }, [createVNode("span", {
+      "class": this.ns.em("header-right", "error-text")
+    }, [ibiz.i18n.t("util.inlineAiUtil.error")]), createVNode("div", {
+      "class": this.ns.em("header-right", "icon")
+    }, [ErrorIcon])]), createVNode("div", {
+      "onClick": this.onCopy,
+      "class": this.ns.em("header-right", "icon")
+    }, [CopyIcon]), createVNode("div", {
+      "class": this.ns.em("header-right", "icon")
+    }, [this.isExpanded ? DownIcon : RightIcon])])]), this.isExpanded && createVNode("div", {
+      "class": this.ns.e("content")
+    }, [this.lines.map((line) => {
+      return createVNode("div", {
+        "class": this.ns.e("code-line"),
+        "innerHTML": line
+      }, null);
+    })])]);
+  }
+});
+
+export { AIToolCallItem };

package/es/util/inline-ai-util/inline-ai-textarea/common/index.mjs

@@ -0,0 +1,4 @@
+export { AIThink } from './ai-think/ai-think.mjs';
+export { AIToolCall } from './ai-tool-call/ai-tool-call.mjs';
+
+"use strict";

package/es/util/inline-ai-util/inline-ai-textarea/icon.mjs

@@ -212,5 +212,56 @@ const DownIcon = createVNode("svg", {
   "id": "abf\u5F62\u72B6\u7ED3\u5408",
   "transform": "rotate(-90 7.978 8.252)"
 }, null)])]);
+const RightIcon = createVNode("svg", {
+  "viewBox": "0 0 1024 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "p-id": "4832",
+  "width": "16",
+  "height": "16",
+  "fill": "currentColor"
+}, [createVNode("path", {
+  "d": "M707.61856 495.14624l-357.5296-357.5296c-9.30816-9.30688-24.40064-9.30688-33.70752 0-9.30816 9.30816-9.30816 24.40064 0 33.7088L657.056 512 316.38144 852.67456c-9.30816 9.30688-9.30816 24.40064 0 33.7088 4.65408 4.65536 10.75328 6.98112 16.85376 6.98112 6.10048 0 12.19968-2.32576 16.85376-6.98112l357.5296-357.5296C716.92672 519.5456 716.92672 504.4544 707.61856 495.14624z",
+  "p-id": "4833"
+}, null)]);
+const ErrorIcon = createVNode("svg", {
+  "xmlns": "http://www.w3.org/2000/svg",
+  "width": "16",
+  "height": "16",
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "stroke": "red",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, [createVNode("path", {
+  "d": "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
+}, null), createVNode("path", {
+  "d": "M12 9v4"
+}, null), createVNode("path", {
+  "d": "M12 17h.01"
+}, null)]);
+const CopyIcon = createVNode("svg", {
+  "xmlns": "http://www.w3.org/2000/svg",
+  "width": "16",
+  "height": "16",
+  "viewBox": "0 0 24 24",
+  "fill": "none",
+  "stroke": "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": "true"
+}, [createVNode("rect", {
+  "width": "14",
+  "height": "14",
+  "x": "8",
+  "y": "8",
+  "rx": "2",
+  "ry": "2"
+}, null), createVNode("path", {
+  "d": "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+}, null)]);
 
-export { AIIcon, CancelIcon, CopyTextIcon, DownIcon, LoadingIcon, RegenerateIcon, ReplaceTextIcon, SendIcon, StopIcon, ThinkSuccessIcon, UpIcon, insertTextIcon };
+export { AIIcon, CancelIcon, CopyIcon, CopyTextIcon, DownIcon, ErrorIcon, LoadingIcon, RegenerateIcon, ReplaceTextIcon, RightIcon, SendIcon, StopIcon, ThinkSuccessIcon, UpIcon, insertTextIcon };