@ibiz-template/vue3-components 0.7.41-alpha.40 → 0.7.41-alpha.41

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

@@ -0,0 +1,216 @@
+import { UtilService } from '@ibiz-template/runtime';
+import { StringUtil } from '@ibiz-template/core';
+
+"use strict";
+class AIChatUtil {
+  /**
+   * 获取AI聊天对象
+   */
+  async getAIChat() {
+    const module = await import('@ibiz-template-plugin/ai-chat');
+    const chatInstance = module.chat || module.default.chat;
+    return chatInstance;
+  }
+  /**
+   * 添加资源
+   * @param resource
+   */
+  addResource(resource) {
+    throw new Error("Method not implemented.");
+  }
+  /**
+   * 获取编辑器扩展AI聊天参数
+   * @param editorParams
+   * @param context
+   * @param params
+   * @param data
+   */
+  getEditorExAIChatParams(editorParams, context, params, data) {
+    const containerOptions = {};
+    if (editorParams.enableaiminimize) {
+      containerOptions.enableAIMinimize = editorParams.enableaiminimize === "true";
+    }
+    if (editorParams.openmode) {
+      containerOptions.openMode = containerOptions.enableAIMinimize ? editorParams.openmode : "default";
+    } else {
+      containerOptions.enableAIMinimize = ibiz.config.common.enableAIMinimize;
+    }
+    if (editorParams.autoclose) {
+      try {
+        const autoClose = JSON.parse(editorParams.autoclose);
+        if (!containerOptions.enableAIMinimize && autoClose && autoClose.mode === "minimize") {
+          autoClose.mode = "close";
+        }
+        containerOptions.autoClose = autoClose;
+      } catch (error) {
+        ibiz.log.error(error);
+      }
+    }
+    const chatOptions = {};
+    if (editorParams.srfaiappendcurdata) {
+      chatOptions.appendCurData = editorParams.srfaiappendcurdata === "true" ? data : void 0;
+    }
+    chatOptions.appendCurContent = editorParams.srfaiappendcurcontent ? StringUtil.fill(
+      editorParams.srfaiappendcurcontent,
+      context,
+      params,
+      data
+    ) : void 0;
+    chatOptions.autoQuestion = editorParams.autoquestion !== "false";
+    chatOptions.autoFill = editorParams.autofill === "true";
+    chatOptions.appendCurResource = editorParams.srfaiappendresource ? StringUtil.fill(editorParams.srfaiappendresource, context, params, data) : void 0;
+    if (editorParams.srfmode) {
+      chatOptions.srfMode = editorParams.srfmode;
+    }
+    return { containerOptions, chatOptions };
+  }
+  /**
+   * 获取界面行为扩展AI聊天参数
+   * @param context
+   * @param params
+   * @param data
+   */
+  getUIActionExAIChatParams(context, params, data) {
+    const containerOptions = {};
+    if (params.hasOwnProperty("enableaiminimize")) {
+      containerOptions.enableAIMinimize = params.enableaiminimize === "true";
+      delete params.disableminimize;
+    } else {
+      containerOptions.enableAIMinimize = ibiz.config.common.enableAIMinimize;
+    }
+    if (params.hasOwnProperty("openmode")) {
+      containerOptions.openMode = containerOptions.enableAIMinimize ? params.openmode : "default";
+      delete params.openmode;
+    }
+    if (params.hasOwnProperty("autoclose")) {
+      try {
+        const autoClose = JSON.parse(params.autoclose);
+        if (!containerOptions.enableAIMinimize && autoClose && autoClose.mode === "minimize") {
+          autoClose.mode = "close";
+        }
+        containerOptions.autoClose = autoClose;
+        delete params.autoclose;
+      } catch (error) {
+        ibiz.log.error(error);
+      }
+    }
+    const chatOptions = {};
+    if (context.srfaiappendcurdata === "true") {
+      chatOptions.appendCurData = data;
+    } else if (params.hasOwnProperty("srfaiappendcurdata")) {
+      chatOptions.appendCurData = params.srfaiappendcurdata === "true" ? data : void 0;
+      delete params.srfaiappendcurdata;
+    }
+    if (params.hasOwnProperty("srfaiappendcurcontent")) {
+      chatOptions.appendCurContent = StringUtil.fill(
+        params.srfaiappendcurcontent,
+        context,
+        params,
+        data
+      );
+      delete params.srfaiappendcurcontent;
+    }
+    if (params.hasOwnProperty("autoquestion")) {
+      chatOptions.autoQuestion = params.autoquestion !== "false";
+      delete params.autoquestion;
+    }
+    if (params.hasOwnProperty("srfaiappendresource")) {
+      chatOptions.appendCurResource = StringUtil.fill(
+        params.srfaiappendresource,
+        context,
+        params,
+        data
+      );
+      delete params.srfaiappendresource;
+    }
+    if (params.hasOwnProperty("srfmode")) {
+      chatOptions.srfMode = params.srfmode;
+      delete params.srfmode;
+    }
+    return { containerOptions, chatOptions };
+  }
+  /**
+   * 计算界面行为扩展AI聊天工具栏项
+   * @param deACMode 自填模式
+   */
+  calcAiToolbarItemsByAc(deACMode) {
+    var _a;
+    const contentToolbarItems = [];
+    const footerToolbarItems = [];
+    const questionToolbarItems = [];
+    const functionToolbarItems = [];
+    const inlineToolbarItems = [];
+    const otherToolbarItems = [];
+    if (!deACMode || !deACMode.deuiactionGroup) {
+      return {
+        contentToolbarItems,
+        footerToolbarItems,
+        questionToolbarItems,
+        otherToolbarItems,
+        functionToolbarItems,
+        inlineToolbarItems
+      };
+    }
+    (_a = deACMode.deuiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.forEach(
+      (item) => {
+        var _a2, _b, _c, _d, _e, _f, _g, _h;
+        const toolbarItem = {
+          appId: item.appId,
+          id: item.uiactionId,
+          label: item.showCaption ? item.caption : "",
+          title: item.tooltip,
+          icon: {
+            showIcon: item.showIcon,
+            cssClass: (_a2 = item.sysImage) == null ? void 0 : _a2.cssClass,
+            imagePath: (_b = item.sysImage) == null ? void 0 : _b.imagePath
+          }
+        };
+        if (item.sysImage && item.sysImage.imagePath && !item.sysImage.imagePath.startsWith("http")) {
+          toolbarItem.icon.imagePath = "".concat(ibiz.env.assetsUrl, "/images/").concat(item.sysImage.imagePath);
+        }
+        if ((_c = item.uiactionId) == null ? void 0 : _c.startsWith("msg_content_")) {
+          contentToolbarItems.push(toolbarItem);
+        } else if ((_d = item.uiactionId) == null ? void 0 : _d.startsWith("msg_footer_")) {
+          footerToolbarItems.push(toolbarItem);
+        } else if ((_e = item.uiactionId) == null ? void 0 : _e.startsWith("question_")) {
+          questionToolbarItems.push(toolbarItem);
+        } else if ((_f = item.uiactionId) == null ? void 0 : _f.startsWith("function_")) {
+          functionToolbarItems.push(toolbarItem);
+        } else if (((_g = item.uiactionId) == null ? void 0 : _g.startsWith("inline")) || item.refUIActionGroup && ((_h = item.refUIActionGroup.id) == null ? void 0 : _h.startsWith("inline"))) {
+          inlineToolbarItems.push(toolbarItem);
+        } else {
+          otherToolbarItems.push(toolbarItem);
+        }
+      }
+    );
+    return {
+      contentToolbarItems,
+      footerToolbarItems,
+      questionToolbarItems,
+      otherToolbarItems,
+      functionToolbarItems,
+      inlineToolbarItems
+    };
+  }
+  /**
+   * 获取AI代理列表
+   * @param context
+   * @param params
+   */
+  async getAIAgentList(context, params) {
+    const emptyList = [];
+    const app = ibiz.hub.getApp(ibiz.env.appId);
+    const aiAgentUtil = app.getAppUtil("DYNAMICAIGENT", "CUSTOM");
+    if (!aiAgentUtil) {
+      return emptyList;
+    }
+    const utilService = new UtilService(aiAgentUtil);
+    const data = await utilService.load("", context, params);
+    if (!data || data.length === 0) {
+      return emptyList;
+    }
+    return data;
+  }
+}
+
+export { AIChatUtil };

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

@@ -1,8 +1,7 @@
 import { getDeACMode, calcDeCodeNameById, UIActionUtil, SysUIActionTag, ConfigService } from '@ibiz-template/runtime';
 import { createUUID } from 'qx-util';
-import { StringUtil, IBizContext } from '@ibiz-template/core';
+import { IBizContext } from '@ibiz-template/core';
 import { route2routePath, useUIStore, routePath2string } from '@ibiz-template/vue3-util';
-import { getAIAgentList, calcAiToolbarItemsByAc } from '../ai-util/ai-util.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -184,42 +183,6 @@ class AppUtil {
     }
     return true;
   }
-  /**
-   * 计算AI扩展参数
-   *
-   * @private
-   * @param {IData} params
-   * @return {*}  {IData}
-   */
-  computeAiExParams(context, params, data) {
-    const exParams = {};
-    if (params.hasOwnProperty("autoquestion")) {
-      exParams.autoQuestion = params.autoquestion !== "false";
-      delete params.autoquestion;
-    }
-    if (params.hasOwnProperty("openmode")) {
-      exParams.openMode = params.openmode;
-      delete params.openmode;
-    }
-    if (params.hasOwnProperty("autoclose")) {
-      try {
-        exParams.autoClose = JSON.parse(params.autoclose);
-        delete params.autoclose;
-      } catch (error) {
-        ibiz.log.error(error);
-      }
-    }
-    if (params.hasOwnProperty("srfaiappendcurcontent")) {
-      exParams.appendCurContent = StringUtil.fill(
-        params.srfaiappendcurcontent,
-        context,
-        params,
-        data
-      );
-      delete params.srfaiappendcurcontent;
-    }
-    return exParams;
-  }
   /**
    * 打开AI聊天
    *
@@ -237,8 +200,11 @@ class AppUtil {
       appDEACModeId,
       appDataEntityId
     } = chartParams;
-    const aiAgentlist = await getAIAgentList(context, params);
-    const exParams = this.computeAiExParams(context, params, data);
+    const { containerOptions, chatOptions } = ibiz.aiChatUtil.getUIActionExAIChatParams(context, params, data);
+    const aiAgentlist = await ibiz.aiChatUtil.getAIAgentList(
+      context,
+      params
+    );
     const deACMode = await getDeACMode(
       appDEACModeId,
       appDataEntityId,
@@ -251,9 +217,8 @@ class AppUtil {
       footerToolbarItems,
       questionToolbarItems,
       otherToolbarItems
-    } = calcAiToolbarItemsByAc(deACMode);
-    const module = await import('@ibiz-template-plugin/ai-chat');
-    const chatInstance = module.chat || module.default.chat;
+    } = ibiz.aiChatUtil.calcAiToolbarItemsByAc(deACMode);
+    const chatInstance = await ibiz.aiChatUtil.getAIChat();
     const messages = [];
     const appDataEntityName = calcDeCodeNameById(appDataEntityId);
     let topicId = "".concat(context.srfsystemid, "_").concat(context.srfappid, "_").concat(appDataEntityId, "_").concat(appDEACModeId, "_");
@@ -269,7 +234,8 @@ class AppUtil {
         mode: "TOPIC",
         containerOptions: {
           zIndex: containerZIndex,
-          enableBackFill: false
+          enableBackFill: false,
+          ...containerOptions
         },
         topicOptions: {
           appid: ibiz.env.appId,
@@ -303,15 +269,13 @@ class AppUtil {
           caption: deACMode.logicName,
           context: { ...context },
           params: tempParams,
-          // 界面行为导航上下文参数srfaiappendcurdata，是否传入对象参数，用于历史查询传参
-          appendCurData: context.srfaiappendcurdata === "true" ? data : void 0,
           appDataEntityId,
           contentToolbarItems,
           footerToolbarItems,
           questionToolbarItems,
           otherToolbarItems,
           aiAgentlist,
-          question: async (aiChat, ctx, param, other, arr, sessionid, srfaiagent) => {
+          question: async (aiChat, ctx, param, other, arr, sessionid, srfaiagent, srfmode) => {
             id = createUUID();
             abortController = new AbortController();
             const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
@@ -323,6 +287,9 @@ class AppUtil {
               if (srfaiagent) {
                 questionRequestData.srfaiagent = srfaiagent;
               }
+              if (srfmode) {
+                questionRequestData.mode = srfmode;
+              }
               await deService.aiChatSse(
                 (msg) => {
                   if (msg.actionstate === 20 && msg.actionresult) {
@@ -401,6 +368,11 @@ class AppUtil {
                 srfaiagent: other.srfaiagent
               });
             }
+            if (other.srfmode) {
+              Object.assign(historyRequestData, {
+                mode: other.srfmode
+              });
+            }
             const result = await deService.aiChatHistory(
               ctx,
               param,
@@ -504,7 +476,7 @@ class AppUtil {
             return result;
           },
           // 扩展参数
-          ...exParams
+          ...chatOptions
         }
       });
     });

package/es/util/index.mjs

@@ -12,9 +12,9 @@ export { AppUtil } from './app-util/app-util.mjs';
 export { FullscreenUtil } from './fullscreen/fullscreen-util.mjs';
 export { parseHtml } from './wang-editor-util/wang-editor-util.mjs';
 export { useFocusByEnter } from './keydown-util/keydown-util.mjs';
-export { calcAiToolbarItemsByAc } from './ai-util/ai-util.mjs';
 export { convertBtnType } from './button-util/button-util.mjs';
 export { ArrowLeftBold, ArrowRightBold } from './icon/icon.mjs';
 export { InLineAIUtil } from './inline-ai-util/inline-ai-util.mjs';
+export { AIChatUtil } from './ai-chat-util/ai-chat-util.mjs';
 
 "use strict";

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

@@ -138,5 +138,79 @@ const CancelIcon = createVNode("svg", {
   "d": "M4.002 3.403V1a1 1 0 011-1h6.003a1 1 0 011 1v2.403h3.396a.6.6 0 110 1.2h-1.395V15a1 1 0 01-1 1H3a1 1 0 01-1-1V4.603H.6a.6.6 0 110-1.2h3.4zm8.804 1.205H3.2V14.8h9.605V4.608zM5.202 1.2v2.155h5.603V1.2H5.202zm.6 6.417a.6.6 0 011.201 0v4.758a.6.6 0 01-1.2 0V7.617zm3.202 0a.6.6 0 011.2 0v4.758a.6.6 0 01-1.2 0V7.617z",
   "id": "bbh\u5220\u9664"
 }, null)])]);
+const LoadingIcon = createVNode("svg", {
+  "width": "16",
+  "height": "16",
+  "viewBox": "0 0 50 50",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [createVNode("circle", {
+  "cx": "25",
+  "cy": "25",
+  "r": "20",
+  "fill": "none",
+  "stroke": "currentColor",
+  "stroke-width": "5",
+  "stroke-dasharray": "31.415, 31.415",
+  "stroke-linecap": "round"
+}, [createVNode("animateTransform", {
+  "attributeName": "transform",
+  "type": "rotate",
+  "from": "0 25 25",
+  "to": "360 25 25",
+  "dur": "1s",
+  "repeatCount": "indefinite"
+}, null)])]);
+const ThinkSuccessIcon = createVNode("svg", {
+  "viewBox": "0 0 16 16",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "width": "16",
+  "height": "16",
+  "fill": "currentColor",
+  "preserveAspectRatio": "xMidYMid meet",
+  "focusable": "false"
+}, [createVNode("g", {
+  "id": "agptips/check-circle",
+  "stroke-width": "1",
+  "fill-rule": "evenodd"
+}, [createVNode("path", {
+  "d": "M8 16A8 8 0 118 0a8 8 0 010 16zm0-1.2A6.8 6.8 0 108 1.2a6.8 6.8 0 000 13.6zM5.666 7.207l1.8 1.845 3.482-3.554.857.84-4.34 4.43-2.658-2.723.86-.838z",
+  "id": "agp\u5F62\u72B6\u7ED3\u5408"
+}, null)])]);
+const UpIcon = createVNode("svg", {
+  "viewBox": "0 0 16 16",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "width": "16",
+  "height": "16",
+  "fill": "currentColor",
+  "preserveAspectRatio": "xMidYMid meet",
+  "focusable": "false",
+  "style": "transform: rotate(-90deg);"
+}, [createVNode("g", {
+  "id": "abfnavigation/angle-right",
+  "stroke-width": "1",
+  "fill-rule": "evenodd"
+}, [createVNode("path", {
+  "d": "M7.978 11.498l-.005.005L2.3 5.831 3.13 5l4.848 4.848L12.826 5l.83.831-5.673 5.672-.005-.005z",
+  "id": "abf\u5F62\u72B6\u7ED3\u5408",
+  "transform": "rotate(-90 7.978 8.252)"
+}, null)])]);
+const DownIcon = createVNode("svg", {
+  "viewBox": "0 0 16 16",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "width": "16",
+  "height": "16",
+  "fill": "currentColor",
+  "preserveAspectRatio": "xMidYMid meet",
+  "focusable": "false",
+  "style": "transform: rotate(90deg);"
+}, [createVNode("g", {
+  "id": "abfnavigation/angle-right",
+  "stroke-width": "1",
+  "fill-rule": "evenodd"
+}, [createVNode("path", {
+  "d": "M7.978 11.498l-.005.005L2.3 5.831 3.13 5l4.848 4.848L12.826 5l.83.831-5.673 5.672-.005-.005z",
+  "id": "abf\u5F62\u72B6\u7ED3\u5408",
+  "transform": "rotate(-90 7.978 8.252)"
+}, null)])]);
 
-export { AIIcon, CancelIcon, CopyTextIcon, RegenerateIcon, ReplaceTextIcon, SendIcon, StopIcon, insertTextIcon };
+export { AIIcon, CancelIcon, CopyTextIcon, DownIcon, LoadingIcon, RegenerateIcon, ReplaceTextIcon, SendIcon, StopIcon, ThinkSuccessIcon, UpIcon, insertTextIcon };

package/es/util/inline-ai-util/inline-ai-textarea/inline-ai-textarea.css

@@ -1 +1 @@
-.ibiz-inline-ai-container-context-menu{--ibiz-inline-ai-context-menu-color-bg:var(--ibiz-color-bg-2);--ibiz-inline-ai-context-menu-color-text:var(--ibiz-color-text-0);--ibiz-inline-ai-context-menu-color-bg-active:var(--ibiz-color-fill-0);--mx-menu-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-backgroud:var(--ibiz-inline-ai-context-menu-color-bg);--mx-menu-hover-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-hover-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-open-hover-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-hover-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-active-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-active-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-backgroud-radius:0}.ibiz-inline-ai-container-context-menu .scroll-content{pointer-events:unset}.ibiz-inline-ai-container-context-menu .mx-context-menu-item{cursor:pointer}.ibiz-inline-ai-textarea-container{--ibiz-inline-ai-textarea-container-color-bg-0:rgb(255, 255, 255);--ibiz-inline-ai-textarea-container-color-bg-1:rgb(249, 249, 249);--ibiz-inline-ai-textarea-container-color-border:rgba(29, 31, 35, 0.1);--ibiz-inline-ai-textarea-container-color-text-0:rgb(29, 31, 35);--ibiz-inline-ai-textarea-container-color-text-1:rgba(29, 31, 35, 0.35);--ibiz-inline-ai-textarea-container-color-text-2:rgb(85, 125, 165);--ibiz-inline-ai-textarea-container-color-text-hove-1:rgb(105, 148, 190);--ibiz-inline-ai-textarea-container-color-bg-hover-1:rgb(217, 236, 255);--ibiz-inline-ai-textarea-container-color-bg-hover-2:rgba(46, 50, 55, 0.05);--ibiz-inline-ai-textarea-container-color-loading:#65b3fc}.ibiz-inline-ai-textarea-container--dark{--ibiz-inline-ai-textarea-container-color-bg-0:rgb(28, 28, 28);--ibiz-inline-ai-textarea-container-color-bg-1:rgb(53, 54, 60);--ibiz-inline-ai-textarea-container-color-border:rgba(255, 255, 255, 0.08);--ibiz-inline-ai-textarea-container-color-text-0:rgb(255, 255, 255);--ibiz-inline-ai-textarea-container-color-text-1:rgba(249, 249, 249, 0.35);--ibiz-inline-ai-textarea-container-color-text-2:rgb(70, 107, 144);--ibiz-inline-ai-textarea-container-color-text-hove-1:rgb(105, 148, 190);--ibiz-inline-ai-textarea-container-color-bg-hover-1:rgba(85, 125, 165, 0.2);--ibiz-inline-ai-textarea-container-color-bg-hover-2:rgb(67, 68, 74);--ibiz-inline-ai-textarea-container-color-loading:rgba(204, 204, 204, 0.6)}.ibiz-inline-ai-textarea-container{position:absolute;z-index:2000;color:var(--ibiz-inline-ai-textarea-container-color-text-0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-inline-ai-textarea-container .ibiz-inline-ai-textarea-container__content{border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container.is-show-ai{border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container.is-show-ai .ibiz-inline-ai-textarea-container__content{border:none;border-radius:var(--ibiz-border-radius-small) var(--ibiz-border-radius-small) 0 0;box-shadow:none}.ibiz-inline-ai-textarea-container.is-show-ai .ibiz-inline-ai-textarea-container__footer{border-radius:0 0 var(--ibiz-border-radius-small) var(--ibiz-border-radius-small)}.ibiz-inline-ai-textarea-container__content{position:relative;display:flex;gap:var(--ibiz-spacing-tight);padding:var(--ibiz-spacing-base-tight);background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0)}.ibiz-inline-ai-textarea-container__content--prefix{flex-shrink:0;color:var(--ibiz-inline-ai-textarea-container-color-text-1)}.ibiz-inline-ai-textarea-container__content--textarea{position:relative;flex-grow:1}.ibiz-inline-ai-textarea-container__content--textarea textarea{width:100%;height:100%;padding:0;color:var(--ibiz-inline-ai-textarea-container-color-text-0);resize:none;background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0);border:none;outline:0}.ibiz-inline-ai-textarea-container__content--textarea textarea:disabled{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0)}.ibiz-inline-ai-textarea-container__content--suffix{display:flex;flex-direction:column-reverse;flex-shrink:0}.ibiz-inline-ai-textarea-container__content--sand-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--ibiz-inline-ai-textarea-container-color-text-2);cursor:pointer;border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-inline-ai-textarea-container__content--sand-icon:hover{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-hover-1)}.ibiz-inline-ai-textarea-container__content--stop-icon{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1);cursor:pointer}.ibiz-inline-ai-textarea-container__content--stop-icon:hover{color:var(--ibiz-inline-ai-textarea-container-color-text-hove-1)}.ibiz-inline-ai-textarea-container__footer{padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1);visibility:hidden;background-color:var(--ibiz-inline-ai-textarea-container-color-bg-1);border-top:1px solid var(--ibiz-inline-ai-textarea-container-color-border)}.ibiz-inline-ai-textarea-container__footer.is-show{visibility:visible}.ibiz-inline-ai-textarea-container__actions{position:absolute;width:240px;padding:var(--ibiz-spacing-base-tight) 0;font-size:var(--ibiz-font-size-regular);visibility:hidden;background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0);border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container__actions.is-show{visibility:visible}.ibiz-inline-ai-textarea-container__actions--action{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);cursor:pointer}.ibiz-inline-ai-textarea-container__actions--action:hover{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-hover-2)}.ibiz-inline-ai-textarea-container__actions--action.is-danger:hover{color:var(--ibiz-color-danger)}.ibiz-inline-ai-textarea-container__actions--divider{margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-loose);border-top:1px solid var(--ibiz-inline-ai-textarea-container-color-border)}.ibiz-inline-ai-textarea-container__loading{position:absolute;top:0;left:0;display:flex;gap:8px;align-items:center;width:100%;height:100%;overflow:hidden}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.ibiz-inline-ai-textarea-container__loading--dot{width:12px;height:12px;background:var(--ibiz-inline-ai-textarea-container-color-loading);border-radius:50%;animation:bounce 1.5s infinite ease-in-out}.ibiz-inline-ai-textarea-container__loading--dot:nth-child(2){animation-delay:.2s}.ibiz-inline-ai-textarea-container__loading--dot:nth-child(3){animation-delay:.4s}
+.ibiz-inline-ai-container-context-menu{--ibiz-inline-ai-context-menu-color-bg:var(--ibiz-color-bg-2);--ibiz-inline-ai-context-menu-color-text:var(--ibiz-color-text-0);--ibiz-inline-ai-context-menu-color-bg-active:var(--ibiz-color-fill-0);--mx-menu-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-backgroud:var(--ibiz-inline-ai-context-menu-color-bg);--mx-menu-hover-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-hover-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-open-hover-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-open-hover-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-active-backgroud:var(--ibiz-inline-ai-context-menu-color-bg-active);--mx-menu-active-text:var(--ibiz-inline-ai-context-menu-color-text);--mx-menu-backgroud-radius:0}.ibiz-inline-ai-container-context-menu .scroll-content{pointer-events:unset}.ibiz-inline-ai-container-context-menu .mx-context-menu-item{cursor:pointer}.ibiz-inline-ai-textarea-container{--ibiz-inline-ai-textarea-container-color-bg-0:rgb(255, 255, 255);--ibiz-inline-ai-textarea-container-color-bg-1:rgb(249, 249, 249);--ibiz-inline-ai-textarea-container-color-border:rgba(29, 31, 35, 0.1);--ibiz-inline-ai-textarea-container-color-text-0:rgb(29, 31, 35);--ibiz-inline-ai-textarea-container-color-text-1:rgba(0, 0, 0, 0.45);--ibiz-inline-ai-textarea-container-color-text-2:rgb(85, 125, 165);--ibiz-inline-ai-textarea-container-color-text-hove-1:rgb(105, 148, 190);--ibiz-inline-ai-textarea-container-color-bg-hover-1:rgb(217, 236, 255);--ibiz-inline-ai-textarea-container-color-bg-hover-2:rgba(46, 50, 55, 0.05);--ibiz-inline-ai-textarea-container-color-loading:#65b3fc}.ibiz-inline-ai-textarea-container--dark{--ibiz-inline-ai-textarea-container-color-bg-0:rgb(28, 28, 28);--ibiz-inline-ai-textarea-container-color-bg-1:rgb(53, 54, 60);--ibiz-inline-ai-textarea-container-color-border:rgba(255, 255, 255, 0.08);--ibiz-inline-ai-textarea-container-color-text-0:rgb(255, 255, 255);--ibiz-inline-ai-textarea-container-color-text-1:rgba(249, 249, 249, 0.35);--ibiz-inline-ai-textarea-container-color-text-2:rgb(70, 107, 144);--ibiz-inline-ai-textarea-container-color-text-hove-1:rgb(105, 148, 190);--ibiz-inline-ai-textarea-container-color-bg-hover-1:rgba(85, 125, 165, 0.2);--ibiz-inline-ai-textarea-container-color-bg-hover-2:rgb(67, 68, 74);--ibiz-inline-ai-textarea-container-color-loading:rgba(204, 204, 204, 0.6)}.ibiz-inline-ai-textarea-container{position:absolute;color:var(--ibiz-inline-ai-textarea-container-color-text-0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-inline-ai-textarea-container .ibiz-inline-ai-textarea-container__content{border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container.is-show-ai{border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container.is-show-ai .ibiz-inline-ai-textarea-container__content{border:none;border-radius:var(--ibiz-border-radius-small) var(--ibiz-border-radius-small) 0 0;box-shadow:none}.ibiz-inline-ai-textarea-container.is-show-ai .ibiz-inline-ai-textarea-container__footer{border-radius:0 0 var(--ibiz-border-radius-small) var(--ibiz-border-radius-small)}.ibiz-inline-ai-textarea-container__content{position:relative;display:flex;gap:var(--ibiz-spacing-tight);padding:var(--ibiz-spacing-base-tight);background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0)}.ibiz-inline-ai-textarea-container__content--prefix{flex-shrink:0;color:var(--ibiz-inline-ai-textarea-container-color-text-1)}.ibiz-inline-ai-textarea-container__content--textarea{position:relative;display:flex;flex-direction:column;flex-grow:1;gap:var(--ibiz-spacing-tight);overflow-y:auto}.ibiz-inline-ai-textarea-container__content--textarea textarea{flex-shrink:0;padding:0;overflow:hidden;color:var(--ibiz-inline-ai-textarea-container-color-text-0);resize:none;background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0);border:none;outline:0;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.ibiz-inline-ai-textarea-container__content--textarea textarea:disabled{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0)}.ibiz-inline-ai-textarea-container__content--textarea textarea.is-hidden{display:none}.ibiz-inline-ai-textarea-container__content--suffix{display:flex;flex-direction:column-reverse;flex-shrink:0}.ibiz-inline-ai-textarea-container__content--sand-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--ibiz-inline-ai-textarea-container-color-text-2);cursor:pointer;border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-inline-ai-textarea-container__content--sand-icon:hover{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-hover-1)}.ibiz-inline-ai-textarea-container__content--stop-icon{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1);cursor:pointer}.ibiz-inline-ai-textarea-container__content--stop-icon:hover{color:var(--ibiz-inline-ai-textarea-container-color-text-hove-1)}.ibiz-inline-ai-textarea-container__footer{padding:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1);background-color:var(--ibiz-inline-ai-textarea-container-color-bg-1);border-top:1px solid var(--ibiz-inline-ai-textarea-container-color-border)}.ibiz-inline-ai-textarea-container__actions{position:absolute;width:240px;padding:var(--ibiz-spacing-base-tight) 0;font-size:var(--ibiz-font-size-regular);background-color:var(--ibiz-inline-ai-textarea-container-color-bg-0);border:1px solid var(--ibiz-inline-ai-textarea-container-color-border);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 16px var(--ibiz-color-shadow)}.ibiz-inline-ai-textarea-container__actions--action{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);cursor:pointer}.ibiz-inline-ai-textarea-container__actions--action:hover{background-color:var(--ibiz-inline-ai-textarea-container-color-bg-hover-2)}.ibiz-inline-ai-textarea-container__actions--action.is-danger:hover{color:var(--ibiz-color-danger)}.ibiz-inline-ai-textarea-container__actions--divider{margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-loose);border-top:1px solid var(--ibiz-inline-ai-textarea-container-color-border)}.ibiz-inline-ai-textarea-container__error{flex-grow:1;color:var(--ibiz-color-danger)}.ibiz-inline-ai-textarea-container__think{flex-shrink:0;width:100%;height:auto;font-size:var(--ibiz-font-size-small);color:var(--ibiz-inline-ai-textarea-container-color-text-1)}.ibiz-inline-ai-textarea-container__think--header{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;margin-bottom:var(--ibiz-spacing-tight);cursor:pointer}.ibiz-inline-ai-textarea-container__think--header:hover{color:var(--ibiz-inline-ai-textarea-container-color-text-hove-1)}.ibiz-inline-ai-textarea-container__think--state-icon{display:flex;align-items:center;color:var(--ibiz-color-success)}.ibiz-inline-ai-textarea-container__think--state-icon.is-loading{color:var(--ibiz-inline-ai-textarea-container-color-loading)}.ibiz-inline-ai-textarea-container__think--collapse-icon{display:flex;align-items:center}.ibiz-inline-ai-textarea-container__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-inline-ai-textarea-container__think--content::before{position:absolute;top:0;bottom:0;left:0;width:2px;content:"";background-color:var(--ibiz-inline-ai-textarea-container-color-border)}.ibiz-inline-ai-textarea-container__loading{position:absolute;top:0;left:0;display:flex;gap:8px;align-items:center;width:100%;height:100%;overflow:hidden}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.ibiz-inline-ai-textarea-container__loading--dot{width:12px;height:12px;background:var(--ibiz-inline-ai-textarea-container-color-loading);border-radius:50%;animation:bounce 1.5s infinite ease-in-out}.ibiz-inline-ai-textarea-container__loading--dot:nth-child(2){animation-delay:.2s}.ibiz-inline-ai-textarea-container__loading--dot:nth-child(3){animation-delay:.4s}