@glodon-aiot/agent-cli-ui 3.3.5-alpha.27 → 3.3.5-alpha.29

package/dist/es/components/Recommend/index.mjs

@@ -1,58 +1,76 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { forwardRef as I, useState as r, useImperativeHandle as Q, useEffect as l } from "react";
-/* empty css             */import { Space as g, Row as w, Col as N } from "antd";
-import q from "./tip.svg.mjs";
-import v from "./RecommendItem.mjs";
-const x = I((a, u) => {
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { forwardRef as N, useState as l, useImperativeHandle as q, useEffect as m } from "react";
+/* empty css             */import { Space as O, Row as b, Col as j } from "antd";
+import k from "./tip.svg.mjs";
+import B from "./RecommendItem.mjs";
+const L = N((g, R) => {
   const {
-    onItemClick: f,
+    onItemClick: v,
     data: s,
-    isRecommendClearing: p
-  } = a, [e, d] = r(), [h, i] = r(), [R, m] = r(!1);
-  return Q(u, () => ({
+    isRecommendClearing: I,
+    layoutBreakpoints: a = [450]
+    // 默认临界值
+  } = g, [t, C] = l(), [x, u] = l(), [y, f] = l(!1), [z, Q] = l(2);
+  return q(R, () => ({
     clear() {
-      i(void 0);
+      u(void 0);
     }
-  })), l(() => {
+  })), m(() => {
+    const e = document.getElementById("dialog-modal");
+    if (!e)
+      return;
+    const n = (c) => {
+      const p = [...a].sort((d, E) => d - E), w = p.findIndex((d) => c < d);
+      return w === -1 ? p.length + 1 : w + 1;
+    }, i = () => {
+      const c = e.clientWidth;
+      Q(n(c));
+    };
+    i();
+    let o = null;
+    return window.ResizeObserver ? (o = new ResizeObserver(i), o.observe(e)) : window.addEventListener("resize", i), () => {
+      o == null || o.disconnect(), window.removeEventListener("resize", i);
+    };
+  }, [a]), m(() => {
     if (s != null && s.length) {
-      d(s);
+      C(s);
       return;
     }
-  }, [s]), l(() => {
-    if (!e)
+  }, [s]), m(() => {
+    if (!t)
       return;
-    const o = e.find((n) => n.file.url || n.icon || n.name);
-    m(!o);
-  }, [e]), /* @__PURE__ */ c("div", {
+    const e = t.find((n) => n.file.url || n.icon || n.name);
+    f(!e);
+  }, [t]), /* @__PURE__ */ h("div", {
     className: "questions",
-    children: [/* @__PURE__ */ c(g, {
+    children: [/* @__PURE__ */ h(O, {
       size: 8,
       className: "question-tip",
-      children: [/* @__PURE__ */ t("img", {
-        src: q,
+      children: [/* @__PURE__ */ r("img", {
+        src: k,
         alt: ""
-      }), /* @__PURE__ */ t("span", {
+      }), /* @__PURE__ */ r("span", {
         children: "请试试这样提问："
       })]
-    }), /* @__PURE__ */ t(w, {
+    }), /* @__PURE__ */ r(b, {
       gutter: [12, 12],
       wrap: !0,
       className: "question-row",
-      children: e == null ? void 0 : e.map((o, n) => /* @__PURE__ */ t(N, {
-        span: 12,
-        children: /* @__PURE__ */ t(v, {
-          item: o,
-          isRecommendClearing: p,
-          isOnlyQuestion: R,
-          question: h,
-          setQuestion: i,
-          onItemClick: f
+      children: t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(j, {
+        span: 24 / z,
+        children: /* @__PURE__ */ r(B, {
+          item: e,
+          isRecommendClearing: I,
+          isOnlyQuestion: y,
+          question: x,
+          setQuestion: u,
+          onItemClick: v
         })
       }, n))
     })]
   });
 });
-x.displayName = "Recommend";
+L.displayName = "Recommend";
 export {
-  x as default
+  L as default
 };

package/dist/es/constant.mjs

@@ -2,7 +2,7 @@ import e from "./assets/icon.svg.mjs";
 import t from "./assets/brand.svg.mjs";
 import o from "./assets/doc-icons/pdf.svg.mjs";
 import r from "./assets/doc-icons/doc.svg.mjs";
-import n from "./assets/doc-icons/docx.svg.mjs";
+import s from "./assets/doc-icons/docx.svg.mjs";
 const u = {
   triggerButton: {
     visible: !0
@@ -52,7 +52,11 @@ const u = {
     promptVariables: !0
   },
   features: {
-    greeting: !0,
+    greeting: {
+      questions: !0,
+      layoutBreakpoints: [450]
+      // 默认临界值
+    },
     sessionList: !0,
     newSession: !0,
     fileUpload: !0,
@@ -97,7 +101,7 @@ const u = {
   }
 }, c = "https://copilot.glodon.com/api/cvforcepd", f = "https://copilot.glodon.com/portal/_/aecpilot/fe/", m = 1024, d = 1024 * 1024, g = 1024 * 1024 * 1024, h = {
   doc: r,
-  docx: n,
+  docx: s,
   pdf: o
 };
 export {

package/dist/es/index.mjs

@@ -1,39 +1,40 @@
 var D = Object.defineProperty, j = Object.defineProperties;
 var F = Object.getOwnPropertyDescriptors;
-var A = Object.getOwnPropertySymbols;
-var P = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var L = (m, s, n) => s in m ? D(m, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : m[s] = n, h = (m, s) => {
+var z = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
+var L = (m, s, n) => s in m ? D(m, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : m[s] = n, a = (m, s) => {
   for (var n in s || (s = {}))
     P.call(s, n) && L(m, n, s[n]);
-  if (A)
-    for (var n of A(s))
-      O.call(s, n) && L(m, n, s[n]);
+  if (z)
+    for (var n of z(s))
+      W.call(s, n) && L(m, n, s[n]);
   return m;
 }, C = (m, s) => j(m, F(s));
-var c = (m, s, n) => (L(m, typeof s != "symbol" ? s + "" : s, n), n);
-var B = (m, s, n) => new Promise((e, d) => {
-  var f = (a) => {
+var f = (m, s, n) => (L(m, typeof s != "symbol" ? s + "" : s, n), n);
+var B = (m, s, n) => new Promise((e, c) => {
+  var d = (h) => {
     try {
-      u(n.next(a));
+      u(n.next(h));
     } catch (l) {
-      d(l);
+      c(l);
     }
-  }, g = (a) => {
+  }, g = (h) => {
     try {
-      u(n.throw(a));
+      u(n.throw(h));
     } catch (l) {
-      d(l);
+      c(l);
     }
-  }, u = (a) => a.done ? e(a.value) : Promise.resolve(a.value).then(f, g);
+  }, u = (h) => h.done ? e(h.value) : Promise.resolve(h.value).then(d, g);
   u((n = n.apply(m, s)).next());
 });
-import { jsx as H, Fragment as $ } from "react/jsx-runtime";
-import K from "react";
-import b from "lodash/merge";
-import E from "react-dom";
-import W from "./AgentClientUI.mjs";
-import { notification as M } from "antd";
-import J from "axios";
+import { jsx as A } from "react/jsx-runtime";
+import O from "react";
+import v from "lodash/merge";
+import H from "react-dom";
+import $ from "./AgentClientUI.mjs";
+import { notification as E } from "antd";
+import K from "axios";
+import { v4 as J } from "uuid";
 import Q from "./packages/agent-cli-ui/package.json.mjs";
 import { defaultUIConfig as N, defaultApiUrl as G, defaultDovViewerUrl as X } from "./constant.mjs";
 import { ApiUrl as Y } from "./types.mjs";
@@ -41,37 +42,39 @@ import { ApiUrl as Y } from "./types.mjs";
 import { JWT as q, isExpired as ee } from "./utils/index.mjs";
 import { configuration as ie, configure as T, BotClient as te } from "@glodon-aiot/bot-client-sdk";
 import se from "./ReactTextGenerationUI/index.mjs";
-const V = {};
+const M = {};
 class we {
   constructor(s) {
-    c(this, "_token");
-    c(this, "_activeSession", null);
-    c(this, "_applicationId");
-    c(this, "_defaultInputText", "");
-    c(this, "_inputDisabled", !1);
-    c(this, "_defatulSessionId", "");
-    c(this, "_agentClientRef", K.createRef());
-    c(this, "_config");
-    c(this, "apiUrl");
-    c(this, "docViewerUrl");
-    c(this, "env", "prod");
-    c(this, "stream", ie.stream);
-    c(this, "service");
-    c(this, "rId", 0);
-    c(this, "_mode", "float");
-    c(this, "uiConfig", N);
-    c(this, "errorHandlers", {});
-    c(this, "wrapper", document.createElement("div"));
-    c(this, "botClient", null);
-    var w, _, y, I, k;
+    f(this, "_token");
+    f(this, "_activeSession", null);
+    f(this, "_applicationId");
+    f(this, "_defaultInputText", "");
+    f(this, "_inputDisabled", !1);
+    f(this, "_defatulSessionId", "");
+    f(this, "_agentClientRef", O.createRef());
+    f(this, "_config");
+    f(this, "_uuid", "");
+    f(this, "apiUrl");
+    f(this, "docViewerUrl");
+    f(this, "env", "prod");
+    f(this, "stream", ie.stream);
+    f(this, "service");
+    f(this, "rId", 0);
+    f(this, "_mode", "float");
+    f(this, "uiConfig", N);
+    f(this, "errorHandlers", {});
+    f(this, "wrapper", document.createElement("div"));
+    f(this, "botClient", null);
+    var _, w, y, I, S;
+    this._uuid = J();
     const {
       env: n,
       token: e,
-      mode: d = "float",
-      triggerButton: f,
+      mode: c = "float",
+      triggerButton: d,
       size: g,
       apiUrl: u,
-      docViewerUrl: a,
+      docViewerUrl: h,
       errorHandlers: l,
       features: t,
       sessionId: i,
@@ -79,31 +82,31 @@ class we {
       logo: r,
       stream: p
     } = s;
-    this._config = s, this.uiConfig.icon = o || this.uiConfig.icon, this.uiConfig.logo = r || this.uiConfig.logo, (t == null ? void 0 : t.greeting) !== void 0 && (typeof t.greeting == "object" ? this.uiConfig.features = C(h({}, this.uiConfig.features), {
-      greeting: h(h({}, typeof ((w = this.uiConfig.features) == null ? void 0 : w.greeting) != "object" ? {} : (_ = this.uiConfig.features) == null ? void 0 : _.greeting), t.greeting)
-    }) : this.uiConfig.features = C(h({}, this.uiConfig.features), {
+    this._config = s, this.uiConfig.icon = o || this.uiConfig.icon, this.uiConfig.logo = r || this.uiConfig.logo, (t == null ? void 0 : t.greeting) !== void 0 && (typeof t.greeting == "object" ? this.uiConfig.features = C(a({}, this.uiConfig.features), {
+      greeting: a(a({}, typeof ((_ = this.uiConfig.features) == null ? void 0 : _.greeting) != "object" ? {} : (w = this.uiConfig.features) == null ? void 0 : w.greeting), t.greeting)
+    }) : this.uiConfig.features = C(a({}, this.uiConfig.features), {
       greeting: t.greeting
-    })), this._token = e, this.rId = 0, this._defatulSessionId = i, this.errorHandlers = h(h({}, this.errorHandlers), l), (k = (I = (y = t == null ? void 0 : t.botMessageBox) == null ? void 0 : y.footer) == null ? void 0 : I.items) == null || k.find((U) => U.componentName === "Copy");
-    const v = {};
-    s.header !== void 0 && (v.showHeader = !!s.header);
-    const S = {
-      triggerButton: b(this.uiConfig.triggerButton, f),
-      size: b(this.uiConfig.size, h({}, g)),
-      theme: b(this.uiConfig.theme, V)
+    })), this._token = e, this.rId = 0, this._defatulSessionId = i, this.errorHandlers = a(a({}, this.errorHandlers), l), (S = (I = (y = t == null ? void 0 : t.botMessageBox) == null ? void 0 : y.footer) == null ? void 0 : I.items) == null || S.find((U) => U.componentName === "Copy");
+    const b = {};
+    s.header !== void 0 && (b.showHeader = !!s.header);
+    const k = {
+      triggerButton: v(this.uiConfig.triggerButton, d),
+      size: v(this.uiConfig.size, a({}, g)),
+      theme: v(this.uiConfig.theme, M)
     };
-    this.updateUIConfig(S, v), this.env = n || "prod", this.stream = p, T({
+    this.updateUIConfig(k, b), this.env = n || "prod", this.stream = p, T({
       stream: this.stream
-    }), this._applicationId = q(e).rid, this.apiUrl = u || Y[this.env] || G, this.docViewerUrl = a || X, this.service = this.setService(), this.wrapper = document.createElement("div"), this.wrapper.style.height = "100%", this.wrapper.style.width = "100%", this.createBotClientSDK().then(() => {
-      this.mode = d;
+    }), this._applicationId = q(e).rid, this.apiUrl = u || Y[this.env] || G, this.docViewerUrl = h || X, this.service = this.setService(), this._initWrapper(), this.createBotClientSDK().then(() => {
+      this.mode = c;
     });
   }
   updateUIConfig(s, n) {
-    var u, a, l, t, i, o, r, p, v, S, w, _, y, I, k, U, z;
+    var u, h, l, t, i, o, r, p, b, k, _, w, y, I, S, U, V;
     let e = this._config.features;
-    const d = {
+    const c = {
       sessionOpen: this._mode === "float",
       sessionList: this._mode === "float"
-    }, f = (l = (a = (u = e == null ? void 0 : e.botMessageBox) == null ? void 0 : u.footer) == null ? void 0 : a.items) == null ? void 0 : l.find((x) => x.componentName === "AnswerAgain"), g = {
+    }, d = (l = (h = (u = e == null ? void 0 : e.botMessageBox) == null ? void 0 : u.footer) == null ? void 0 : h.items) == null ? void 0 : l.find((x) => x.componentName === "AnswerAgain"), g = {
       sessionList: e == null ? void 0 : e.sessionList,
       sessionOpen: e == null ? void 0 : e.newSession,
       fileUpload: e == null ? void 0 : e.fileUpload,
@@ -112,26 +115,29 @@ class we {
       userPrompt: e == null ? void 0 : e.fileUpload,
       prompt: e == null ? void 0 : e.prompts,
       relate: (o = e == null ? void 0 : e.botMessageBox) == null ? void 0 : o.relatedQuesions,
-      again: !(f && f.visible === !1),
+      again: !(d && d.visible === !1),
       reference: {
         iconVisible: (p = (r = e == null ? void 0 : e.botMessageBox) == null ? void 0 : r.reference) == null ? void 0 : p.file,
-        referenceFirst: (v = e == null ? void 0 : e.botMessageBox) == null ? void 0 : v.referenceFirst,
-        isExpand: (w = (S = e == null ? void 0 : e.botMessageBox) == null ? void 0 : S.reference) == null ? void 0 : w.itemExpanded
+        referenceFirst: (b = e == null ? void 0 : e.botMessageBox) == null ? void 0 : b.referenceFirst,
+        isExpand: (_ = (k = e == null ? void 0 : e.botMessageBox) == null ? void 0 : k.reference) == null ? void 0 : _.itemExpanded
       },
-      searchReference: (_ = e == null ? void 0 : e.botMessageBox) == null ? void 0 : _.searchReference,
+      searchReference: (w = e == null ? void 0 : e.botMessageBox) == null ? void 0 : w.searchReference,
       knowledges: !!(e != null && e.knowledges),
       metadata: e == null ? void 0 : e.metadata,
       greet: (e == null ? void 0 : e.greeting) !== !1,
       imageUpload: e == null ? void 0 : e.imageUpload,
-      promptVariables: (e == null ? void 0 : e.promptVariables) === void 0 ? (y = this.uiConfig.transform) == null ? void 0 : y.promptVariables : (e == null ? void 0 : e.promptVariables) === !0 || typeof (e == null ? void 0 : e.promptVariables) == "object" && ((I = e == null ? void 0 : e.promptVariables) == null ? void 0 : I.visible) !== !1 ? (k = this.uiConfig.transform) == null ? void 0 : k.promptVariables : !1,
-      connectNetwork: (e == null ? void 0 : e.connectNetwork) === void 0 ? (U = this.uiConfig.transform) == null ? void 0 : U.connectNetwork : (e == null ? void 0 : e.connectNetwork) === !0 || (typeof (e == null ? void 0 : e.connectNetwork) == "object" && typeof (e == null ? void 0 : e.connectNetwork.visible) == "boolean" ? e == null ? void 0 : e.connectNetwork.visible : (z = this.uiConfig.transform) == null ? void 0 : z.connectNetwork)
+      promptVariables: (e == null ? void 0 : e.promptVariables) === void 0 ? (y = this.uiConfig.transform) == null ? void 0 : y.promptVariables : (e == null ? void 0 : e.promptVariables) === !0 || typeof (e == null ? void 0 : e.promptVariables) == "object" && ((I = e == null ? void 0 : e.promptVariables) == null ? void 0 : I.visible) !== !1 ? (S = this.uiConfig.transform) == null ? void 0 : S.promptVariables : !1,
+      connectNetwork: (e == null ? void 0 : e.connectNetwork) === void 0 ? (U = this.uiConfig.transform) == null ? void 0 : U.connectNetwork : (e == null ? void 0 : e.connectNetwork) === !0 || (typeof (e == null ? void 0 : e.connectNetwork) == "object" && typeof (e == null ? void 0 : e.connectNetwork.visible) == "boolean" ? e == null ? void 0 : e.connectNetwork.visible : (V = this.uiConfig.transform) == null ? void 0 : V.connectNetwork)
     };
     Object.keys(g).forEach((x) => {
       g[x] === void 0 && delete g[x];
-    }), this.uiConfig = C(h(h(h(h(h({}, this.uiConfig), this._config), s), n), g), {
-      transform: h(h(h(h({}, this.uiConfig.transform), d), this._config.transform), g)
+    }), this.uiConfig = C(a(a(a(a(a({}, this.uiConfig), this._config), s), n), g), {
+      transform: a(a(a(a({}, this.uiConfig.transform), c), this._config.transform), g)
     });
   }
+  _initWrapper() {
+    this.wrapper.id !== this._uuid && (this.wrapper = document.createElement("div"), this.wrapper.style.height = "100%", this.wrapper.style.width = "100%", this.wrapper.id = this._uuid, this.uiConfig.getContainer().appendChild(this.wrapper));
+  }
   get token() {
     return this._token;
   }
@@ -142,33 +148,35 @@ class we {
     return this._mode;
   }
   set mode(s) {
+    var e;
+    this._defatulSessionId = (e = this.activeSession) == null ? void 0 : e.id;
     const n = {
       sider: s === "inlay"
     };
     if (s === "inlay") {
-      const e = {
-        triggerButton: b({
+      const c = {
+        triggerButton: v({
           visible: !1
         }, this.uiConfig.triggerButton),
         open: !0,
         resizable: !1,
-        size: b({
+        size: v({
           width: "100%",
           height: "100%",
           maxWidth: "100%",
           maxHeight: "100%",
           minWidth: "100%"
         }, this._config.size),
-        theme: b(this.uiConfig.theme, V),
+        theme: v(this.uiConfig.theme, M),
         history: !0
       };
-      this.updateUIConfig(e, n), this.uiConfig.getContainer().append(this.wrapper);
+      this.updateUIConfig(c, n);
     } else {
-      const e = {
-        size: h(h(h({}, this.uiConfig.size), N.size), this._config.size),
-        theme: b(this.uiConfig.theme, V)
+      const c = {
+        size: a(a(a({}, this.uiConfig.size), N.size), this._config.size),
+        theme: v(this.uiConfig.theme, M)
       };
-      this.updateUIConfig(e, n), this._mode === "inlay" && this.wrapper.remove(), this.uiConfig.getContainer().append(this.wrapper);
+      this.updateUIConfig(c, n);
     }
     this._mode = s, this.render();
   }
@@ -179,11 +187,11 @@ class we {
     return this._applicationId;
   }
   setService() {
-    const s = this.apiUrl, n = (a) => {
+    const s = this.apiUrl, n = (h) => {
       var t;
       const l = this.token;
       if (!l)
-        return a;
+        return h;
       if (ee(l)) {
         const i = "token is timeout";
         this.errorHandlers.token ? typeof this.errorHandlers.token == "function" ? this.errorHandlers.token(
@@ -196,18 +204,18 @@ class we {
           })
         ) : console.error("errorHandlers.token is not a function") : console.error(i);
       }
-      return a.headers = (t = a.headers) != null ? t : {}, a.headers = C(h({}, a.headers), {
+      return h.headers = (t = h.headers) != null ? t : {}, h.headers = C(a({}, h.headers), {
         Authorization: l ? `Bearer ${l}` : ""
-      }), a;
+      }), h;
     };
-    function e(a, l = !0) {
-      const t = `${s}${a}`, i = J.create({
+    function e(h, l = !0) {
+      const t = `${s}${h}`, i = K.create({
         baseURL: t
       });
       return l && i.interceptors.request.use(n), i;
     }
-    const d = (a, l) => {
-      if (a === 401) {
+    const c = (h, l) => {
+      if (h === 401) {
         const t = "token is invalid";
         this.errorHandlers.token ? typeof this.errorHandlers.token == "function" ? this.errorHandlers.token(
           // @ts-ignore
@@ -219,18 +227,18 @@ class we {
           })
         ) : console.error("errorHandlers.token is not a function") : console.error(t);
       }
-    }, f = (a, l, t) => {
-      a !== 10001 && a !== 10215 && (t || (M.config({
+    }, d = (h, l, t) => {
+      h !== 10001 && h !== 10215 && (t || (E.config({
         getContainer: this.uiConfig.getContainer
-      }), M.error({
+      }), E.error({
         message: l
-      }), M.config({
+      }), E.config({
         getContainer: void 0
       })));
     }, g = e("");
     return new Z(g, () => this.token, {
-      onHttpStatusError: d,
-      onAppStatusError: f
+      onHttpStatusError: c,
+      onAppStatusError: d
     });
   }
   reload() {
@@ -256,8 +264,8 @@ class we {
   }
   getSessionList() {
     return this._agentClientRef.current ? new Promise((n, e) => {
-      var d, f;
-      (f = (d = this._agentClientRef.current) == null ? void 0 : d.getSessionList()) == null || f.then((g) => {
+      var c, d;
+      (d = (c = this._agentClientRef.current) == null ? void 0 : c.getSessionList()) == null || d.then((g) => {
         n(g);
       }).catch((g) => {
         e(g);
@@ -265,14 +273,14 @@ class we {
     }) : Promise.reject(new Error("client is not loaded"));
   }
   createSession(s) {
-    return this._agentClientRef.current ? new Promise((e, d) => {
-      var f, g;
-      (g = (f = this._agentClientRef.current) == null ? void 0 : f.createSession(h({
+    return this._agentClientRef.current ? new Promise((e, c) => {
+      var d, g;
+      (g = (d = this._agentClientRef.current) == null ? void 0 : d.createSession(a({
         name: "新建会话"
       }, s))) == null || g.then((u) => {
         e(u);
       }).catch((u) => {
-        d(u);
+        c(u);
       });
     }) : Promise.reject(new Error("client is not loaded"));
   }
@@ -308,10 +316,10 @@ class we {
   }
   render() {
     return B(this, null, function* () {
-      var s, n, e, d, f, g, u, a, l;
+      var s, n, e, c, d, g, u, h, l;
       if (this.wrapper.style.height = "100%", !((s = this.botClient) != null && s.application))
         throw Error("application is required");
-      this.botClient.application.type === R.Text ? E.render(/* @__PURE__ */ H(se, {
+      this.botClient.application.type === R.Text ? H.render(/* @__PURE__ */ A(se, {
         rId: this.rId,
         application: this.botClient.application,
         sessionId: this._defatulSessionId,
@@ -328,7 +336,7 @@ class we {
         theme: this.uiConfig.theme,
         greeting: this.uiConfig.greeting,
         size: this.uiConfig.size,
-        triggerButton: h({
+        triggerButton: a({
           visible: !0
         }, this.uiConfig.triggerButton),
         history: this.uiConfig.history,
@@ -336,8 +344,8 @@ class we {
         docViewerUrl: this.docViewerUrl,
         plugins: this.uiConfig.plugins,
         mcp: this.uiConfig.mcp,
-        transform: C(h({}, this.uiConfig.transform), {
-          knowledges: ((n = this.uiConfig.features) == null ? void 0 : n.knowledges) === !0 || typeof ((e = this.uiConfig.features) == null ? void 0 : e.knowledges) == "object" && ((f = (d = this.uiConfig.features) == null ? void 0 : d.knowledges) == null ? void 0 : f.visible) !== !1
+        transform: C(a({}, this.uiConfig.transform), {
+          knowledges: ((n = this.uiConfig.features) == null ? void 0 : n.knowledges) === !0 || typeof ((e = this.uiConfig.features) == null ? void 0 : e.knowledges) == "object" && ((d = (c = this.uiConfig.features) == null ? void 0 : c.knowledges) == null ? void 0 : d.visible) !== !1
         }),
         features: this.uiConfig.features,
         disabled: this._inputDisabled,
@@ -407,7 +415,7 @@ class we {
         } : void 0,
         bodyStyle: this.uiConfig.bodyStyle,
         stream: this.stream
-      }), this.wrapper) : E.render(/* @__PURE__ */ H(W, {
+      }), this.wrapper) : H.render(/* @__PURE__ */ A($, {
         ref: this._agentClientRef,
         rId: this.rId,
         application: this.botClient.application,
@@ -426,7 +434,7 @@ class we {
         theme: this.uiConfig.theme,
         greeting: this.uiConfig.greeting,
         size: this.uiConfig.size,
-        triggerButton: h({
+        triggerButton: a({
           visible: !0
         }, this.uiConfig.triggerButton),
         history: this.uiConfig.history,
@@ -434,8 +442,8 @@ class we {
         docViewerUrl: this.docViewerUrl,
         plugins: this.uiConfig.plugins,
         mcp: this.uiConfig.mcp,
-        transform: C(h({}, this.uiConfig.transform), {
-          knowledges: ((g = this.uiConfig.features) == null ? void 0 : g.knowledges) === !0 || typeof ((u = this.uiConfig.features) == null ? void 0 : u.knowledges) == "object" && ((l = (a = this.uiConfig.features) == null ? void 0 : a.knowledges) == null ? void 0 : l.visible) !== !1
+        transform: C(a({}, this.uiConfig.transform), {
+          knowledges: ((g = this.uiConfig.features) == null ? void 0 : g.knowledges) === !0 || typeof ((u = this.uiConfig.features) == null ? void 0 : u.knowledges) == "object" && ((l = (h = this.uiConfig.features) == null ? void 0 : h.knowledges) == null ? void 0 : l.visible) !== !1
         }),
         features: this.uiConfig.features,
         disabled: this._inputDisabled,
@@ -508,7 +516,7 @@ class we {
     });
   }
   destroy(s) {
-    E.render(/* @__PURE__ */ H($, {}), this.wrapper, s);
+    H.unmountComponentAtNode(this.wrapper), this.wrapper && this.wrapper.remove(), s == null || s();
   }
 }
 export {

package/dist/es/packages/agent-cli-ui/package.json.mjs

@@ -1,4 +1,4 @@
-const e = "@glodon-aiot/agent-cli-ui", t = "3.3.5-alpha.27", s = "./dist/es/index.mjs", o = "./dist/lib/index.js", i = "./dist/src/index.d.ts", n = {
+const e = "@glodon-aiot/agent-cli-ui", t = "3.3.5-alpha.29", s = "./dist/es/index.mjs", o = "./dist/lib/index.js", i = "./dist/src/index.d.ts", n = {
   import: "./dist/es/index.mjs",
   require: "./dist/lib/index.js",
   types: "./dist/src/index.d.ts"
@@ -25,8 +25,8 @@ const e = "@glodon-aiot/agent-cli-ui", t = "3.3.5-alpha.27", s = "./dist/es/inde
   webpack: "*"
 }, p = {
   "@ant-design/icons": "^5.3.4",
-  "@glodon-aiot/apis": "^3.3.5-alpha.27",
-  "@glodon-aiot/bot-client-sdk": "^3.3.5-alpha.27",
+  "@glodon-aiot/apis": "^3.3.5-alpha.29",
+  "@glodon-aiot/bot-client-sdk": "^3.3.5-alpha.29",
   "@matejmazur/react-mathjax": "^0.1.10",
   "@react-pdf-viewer/core": "^3.12.0",
   "@react-pdf-viewer/default-layout": "^3.12.0",