@glodon-aiot/agent-cli-ui 3.3.2-beta.14 → 3.3.2-beta.16

package/dist/es/index.mjs

@@ -1,189 +1,193 @@
-var ii = Object.defineProperty, ei = Object.defineProperties;
-var ti = Object.getOwnPropertyDescriptors;
-var Y = Object.getOwnPropertySymbols;
-var si = Object.prototype.hasOwnProperty, oi = Object.prototype.propertyIsEnumerable;
-var S = (f, e, r) => e in f ? ii(f, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : f[e] = r, n = (f, e) => {
-  for (var r in e || (e = {}))
-    si.call(e, r) && S(f, r, e[r]);
-  if (Y)
-    for (var r of Y(e))
-      oi.call(e, r) && S(f, r, e[r]);
-  return f;
-}, w = (f, e) => ei(f, ti(e));
-var l = (f, e, r) => (S(f, typeof e != "symbol" ? e + "" : e, r), r);
-var I = (f, e, r) => new Promise((c, u) => {
-  var C = (h) => {
+var ie = Object.defineProperty, te = Object.defineProperties;
+var se = Object.getOwnPropertyDescriptors;
+var Z = Object.getOwnPropertySymbols;
+var oe = Object.prototype.hasOwnProperty, ne = Object.prototype.propertyIsEnumerable;
+var S = (p, i, n) => i in p ? ie(p, i, { enumerable: !0, configurable: !0, writable: !0, value: n }) : p[i] = n, r = (p, i) => {
+  for (var n in i || (i = {}))
+    oe.call(i, n) && S(p, n, i[n]);
+  if (Z)
+    for (var n of Z(i))
+      ne.call(i, n) && S(p, n, i[n]);
+  return p;
+}, w = (p, i) => te(p, se(i));
+var l = (p, i, n) => (S(p, typeof i != "symbol" ? i + "" : i, n), n);
+var k = (p, i, n) => new Promise((g, f) => {
+  var c = (h) => {
     try {
-      v(r.next(h));
-    } catch (g) {
-      u(g);
+      C(n.next(h));
+    } catch (d) {
+      f(d);
     }
-  }, b = (h) => {
+  }, u = (h) => {
     try {
-      v(r.throw(h));
-    } catch (g) {
-      u(g);
+      C(n.throw(h));
+    } catch (d) {
+      f(d);
     }
-  }, v = (h) => h.done ? c(h.value) : Promise.resolve(h.value).then(C, b);
-  v((r = r.apply(f, e)).next());
+  }, C = (h) => h.done ? g(h.value) : Promise.resolve(h.value).then(c, u);
+  C((n = n.apply(p, i)).next());
 });
-import { jsx as U, Fragment as ni } from "react/jsx-runtime";
-import p from "lodash/merge";
+import { jsx as U, Fragment as re } from "react/jsx-runtime";
+import ae from "react";
+import b from "lodash/merge";
 import x from "react-dom";
-import ri from "./AgentClientUI.mjs";
-import { notification as Z } from "antd";
-import ai from "axios";
-import hi from "./packages/agent-cli-ui/package.json.mjs";
-import { defaultUIConfig as gi, defaultApiUrl as li, defaultDovViewerUrl as fi } from "./constant.mjs";
-import { ApiUrl as di } from "./types.mjs";
-/* empty css             */import { BotClientApi as ui, ApplicationTypes as ci } from "@glodon-aiot/apis";
-import { JWT as pi, isExpired as mi } from "./utils/index.mjs";
-import { configuration as Ci, configure as q, BotClient as bi } from "@glodon-aiot/bot-client-sdk";
-import vi from "./ReactTextGenerationUI/index.mjs";
-const _ = {};
-class Ei {
-  constructor(e) {
+import he from "./AgentClientUI.mjs";
+import { notification as B } from "antd";
+import ge from "axios";
+import le from "./packages/agent-cli-ui/package.json.mjs";
+import { defaultUIConfig as fe, defaultApiUrl as de, defaultDovViewerUrl as ue } from "./constant.mjs";
+import { ApiUrl as ce } from "./types.mjs";
+/* empty css             */import { BotClientApi as pe, ApplicationTypes as q } from "@glodon-aiot/apis";
+import { JWT as me, isExpired as Ce } from "./utils/index.mjs";
+import { configuration as be, configure as ee, BotClient as ve } from "@glodon-aiot/bot-client-sdk";
+import we from "./ReactTextGenerationUI/index.mjs";
+const I = {};
+class Ne {
+  constructor(i) {
     l(this, "_token");
     l(this, "_activeSession", null);
     l(this, "_applicationId");
     l(this, "_defaultInputText", "");
     l(this, "_inputDisabled", !1);
     l(this, "_defatulSessionId", "");
+    l(this, "_agentClientRef", ae.createRef());
     l(this, "apiUrl");
     l(this, "docViewerUrl");
     l(this, "env", "prod");
-    l(this, "stream", Ci.stream);
+    l(this, "stream", be.stream);
     l(this, "service");
     l(this, "rId", 0);
     l(this, "_mode", "float");
-    l(this, "uiConfig", gi);
+    l(this, "uiConfig", fe);
     l(this, "errorHandlers", {});
     l(this, "wrapper", document.createElement("div"));
     l(this, "botClient", null);
-    var H, L, z, M, V, A, E, N, D, T, F, j, R, P, W, $, O, J, K, Q, G, X;
+    var H, z, M, V, E, R, A, N, T, D, j, F, P, W, $, O, J, K, Q, G, X, Y;
     const {
-      env: r,
-      token: c,
-      mode: u = "float",
-      triggerButton: C,
-      size: b,
-      apiUrl: v,
+      env: n,
+      token: g,
+      mode: f = "float",
+      triggerButton: c,
+      size: u,
+      apiUrl: C,
       docViewerUrl: h,
-      errorHandlers: g,
-      features: i,
+      errorHandlers: d,
+      features: e,
       sessionId: o,
       icon: t,
       logo: s,
       stream: a
-    } = e;
-    this.uiConfig.icon = t || this.uiConfig.icon, this.uiConfig.logo = s || this.uiConfig.logo, (i == null ? void 0 : i.greeting) !== void 0 && (typeof i.greeting == "object" ? this.uiConfig.features = w(n({}, this.uiConfig.features), {
-      greeting: n(n({}, typeof ((H = this.uiConfig.features) == null ? void 0 : H.greeting) != "object" ? {} : (L = this.uiConfig.features) == null ? void 0 : L.greeting), i.greeting)
-    }) : this.uiConfig.features = w(n({}, this.uiConfig.features), {
-      greeting: i.greeting
-    })), this._token = c, this.rId = 0, this._defatulSessionId = o, this.errorHandlers = n(n({}, this.errorHandlers), g);
-    const d = {
-      sessionOpen: u === "float",
-      sessionList: u === "float"
-    }, B = (V = (M = (z = i == null ? void 0 : i.botMessageBox) == null ? void 0 : z.footer) == null ? void 0 : M.items) == null ? void 0 : V.find((m) => m.componentName === "AnswerAgain");
-    (N = (E = (A = i == null ? void 0 : i.botMessageBox) == null ? void 0 : A.footer) == null ? void 0 : E.items) == null || N.find((m) => m.componentName === "Copy");
+    } = i;
+    this.uiConfig.icon = t || this.uiConfig.icon, this.uiConfig.logo = s || this.uiConfig.logo, (e == null ? void 0 : e.greeting) !== void 0 && (typeof e.greeting == "object" ? this.uiConfig.features = w(r({}, this.uiConfig.features), {
+      greeting: r(r({}, typeof ((H = this.uiConfig.features) == null ? void 0 : H.greeting) != "object" ? {} : (z = this.uiConfig.features) == null ? void 0 : z.greeting), e.greeting)
+    }) : this.uiConfig.features = w(r({}, this.uiConfig.features), {
+      greeting: e.greeting
+    })), this._token = g, this.rId = 0, this._defatulSessionId = o, this.errorHandlers = r(r({}, this.errorHandlers), d);
+    const m = {
+      sessionOpen: f === "float",
+      sessionList: f === "float"
+    }, L = (E = (V = (M = e == null ? void 0 : e.botMessageBox) == null ? void 0 : M.footer) == null ? void 0 : V.items) == null ? void 0 : E.find((v) => v.componentName === "AnswerAgain");
+    (N = (A = (R = e == null ? void 0 : e.botMessageBox) == null ? void 0 : R.footer) == null ? void 0 : A.items) == null || N.find((v) => v.componentName === "Copy");
     const y = {
-      sessionList: i == null ? void 0 : i.sessionList,
-      sessionOpen: i == null ? void 0 : i.newSession,
-      fileUpload: i == null ? void 0 : i.fileUpload,
-      userCopy: (D = i == null ? void 0 : i.userMessageBox) == null ? void 0 : D.copy,
-      userEdit: (T = i == null ? void 0 : i.userMessageBox) == null ? void 0 : T.editAgain,
-      userPrompt: i == null ? void 0 : i.fileUpload,
-      prompt: i == null ? void 0 : i.prompts,
-      relate: (F = i == null ? void 0 : i.botMessageBox) == null ? void 0 : F.relatedQuesions,
-      again: !(B && B.visible === !1),
+      sessionList: e == null ? void 0 : e.sessionList,
+      sessionOpen: e == null ? void 0 : e.newSession,
+      fileUpload: e == null ? void 0 : e.fileUpload,
+      userCopy: (T = e == null ? void 0 : e.userMessageBox) == null ? void 0 : T.copy,
+      userEdit: (D = e == null ? void 0 : e.userMessageBox) == null ? void 0 : D.editAgain,
+      userPrompt: e == null ? void 0 : e.fileUpload,
+      prompt: e == null ? void 0 : e.prompts,
+      relate: (j = e == null ? void 0 : e.botMessageBox) == null ? void 0 : j.relatedQuesions,
+      again: !(L && L.visible === !1),
       reference: {
-        iconVisible: (R = (j = i == null ? void 0 : i.botMessageBox) == null ? void 0 : j.reference) == null ? void 0 : R.file,
-        referenceFirst: (P = i == null ? void 0 : i.botMessageBox) == null ? void 0 : P.referenceFirst,
-        isExpand: ($ = (W = i == null ? void 0 : i.botMessageBox) == null ? void 0 : W.reference) == null ? void 0 : $.itemExpanded
+        iconVisible: (P = (F = e == null ? void 0 : e.botMessageBox) == null ? void 0 : F.reference) == null ? void 0 : P.file,
+        referenceFirst: (W = e == null ? void 0 : e.botMessageBox) == null ? void 0 : W.referenceFirst,
+        isExpand: (O = ($ = e == null ? void 0 : e.botMessageBox) == null ? void 0 : $.reference) == null ? void 0 : O.itemExpanded
       },
-      searchReference: (O = i == null ? void 0 : i.botMessageBox) == null ? void 0 : O.searchReference,
-      knowledges: !!(i != null && i.knowledges),
-      metadata: i == null ? void 0 : i.metadata,
-      greet: (i == null ? void 0 : i.greeting) !== !1,
-      imageUpload: i == null ? void 0 : i.imageUpload,
-      promptVariables: (i == null ? void 0 : i.promptVariables) === void 0 ? (J = this.uiConfig.transform) == null ? void 0 : J.promptVariables : (i == null ? void 0 : i.promptVariables) === !0 || typeof (i == null ? void 0 : i.promptVariables) == "object" && ((K = i == null ? void 0 : i.promptVariables) == null ? void 0 : K.visible) !== !1 ? (Q = this.uiConfig.transform) == null ? void 0 : Q.promptVariables : !1,
-      connectNetwork: (i == null ? void 0 : i.connectNetwork) === void 0 ? (G = this.uiConfig.transform) == null ? void 0 : G.connectNetwork : (i == null ? void 0 : i.connectNetwork) === !0 || (typeof (i == null ? void 0 : i.connectNetwork) == "object" && typeof (i == null ? void 0 : i.connectNetwork.visible) == "boolean" ? i == null ? void 0 : i.connectNetwork.visible : (X = this.uiConfig.transform) == null ? void 0 : X.connectNetwork)
-    }, k = {
-      sider: u === "inlay"
+      searchReference: (J = e == null ? void 0 : e.botMessageBox) == null ? void 0 : J.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 ? (K = this.uiConfig.transform) == null ? void 0 : K.promptVariables : (e == null ? void 0 : e.promptVariables) === !0 || typeof (e == null ? void 0 : e.promptVariables) == "object" && ((Q = e == null ? void 0 : e.promptVariables) == null ? void 0 : Q.visible) !== !1 ? (G = this.uiConfig.transform) == null ? void 0 : G.promptVariables : !1,
+      connectNetwork: (e == null ? void 0 : e.connectNetwork) === void 0 ? (X = this.uiConfig.transform) == null ? void 0 : X.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 : (Y = this.uiConfig.transform) == null ? void 0 : Y.connectNetwork)
+    }, _ = {
+      sider: f === "inlay"
     };
-    if (e.header !== void 0 && (k.showHeader = !!e.header), e.sider !== void 0 && (k.sider = !!e.sider), Object.keys(y).forEach((m) => {
-      y[m] === void 0 && delete y[m];
-    }), u === "inlay") {
-      const m = {
-        triggerButton: p({
+    if (i.header !== void 0 && (_.showHeader = !!i.header), i.sider !== void 0 && (_.sider = !!i.sider), Object.keys(y).forEach((v) => {
+      y[v] === void 0 && delete y[v];
+    }), f === "inlay") {
+      const v = {
+        triggerButton: b({
           visible: !1
-        }, C),
+        }, c),
         open: !0,
         resizable: !1,
-        size: p({
+        size: b({
           width: "100%",
           height: "100%",
           maxWidth: "100%",
           maxHeight: "100%",
           minWidth: "100%"
-        }, b),
-        theme: p(this.uiConfig.theme, _),
+        }, u),
+        theme: b(this.uiConfig.theme, I),
         history: !0
       };
-      this.uiConfig = w(n(n(n(n({}, this.uiConfig), e), m), k), {
-        transform: n(n(n(n({}, this.uiConfig.transform), d), e.transform), y)
+      this.uiConfig = w(r(r(r(r({}, this.uiConfig), i), v), _), {
+        transform: r(r(r(r({}, this.uiConfig.transform), m), i.transform), y)
       }), this.wrapper = this.uiConfig.getContainer();
     } else {
-      const m = {
-        triggerButton: p(this.uiConfig.triggerButton, C),
-        size: p(this.uiConfig.size, n({}, b)),
-        theme: p(this.uiConfig.theme, _)
+      const v = {
+        triggerButton: b(this.uiConfig.triggerButton, c),
+        size: b(this.uiConfig.size, r({}, u)),
+        theme: b(this.uiConfig.theme, I)
       };
-      this.uiConfig = w(n(n(n(n(n({}, this.uiConfig), e), m), k), y), {
-        transform: n(n(n(n({}, this.uiConfig.transform), d), e.transform), y)
+      this.uiConfig = w(r(r(r(r(r({}, this.uiConfig), i), v), _), y), {
+        transform: r(r(r(r({}, this.uiConfig.transform), m), i.transform), y)
       }), this.uiConfig.getContainer().append(this.wrapper);
     }
-    this._mode = u, this.env = r || "prod", this.stream = a, q({
+    this._mode = f, this.env = n || "prod", this.stream = a, ee({
       stream: this.stream
-    }), this._applicationId = pi(c).rid, this.apiUrl = v || di[this.env] || li, this.docViewerUrl = h || fi, this.service = this.setService(), this.render();
+    }), this._applicationId = me(g).rid, this.apiUrl = C || ce[this.env] || de, this.docViewerUrl = h || ue, this.service = this.setService(), this.createBotClientSDK().then(() => {
+      this.render();
+    });
   }
   get token() {
     return this._token;
   }
-  set token(e) {
-    this._token = e, this.reload();
+  set token(i) {
+    this._token = i, this.reload();
   }
   get mode() {
     return this._mode;
   }
-  set mode(e) {
-    if (e === "inlay") {
-      const r = {
-        triggerButton: p({
+  set mode(i) {
+    if (i === "inlay") {
+      const n = {
+        triggerButton: b({
           visible: !1
         }, this.uiConfig.triggerButton),
         open: !0,
         resizable: !1,
-        size: p({
+        size: b({
           width: "100%",
           height: "100%",
           maxWidth: "100%",
           maxHeight: "100%",
           minWidth: "100%"
         }, this.uiConfig.size),
-        theme: p(this.uiConfig.theme, _),
+        theme: b(this.uiConfig.theme, I),
         history: !0
       };
-      this.uiConfig = n(n({}, this.uiConfig), r), this.wrapper = this.uiConfig.getContainer();
+      this.uiConfig = r(r({}, this.uiConfig), n), this.wrapper = this.uiConfig.getContainer();
     } else {
-      const r = {
-        triggerButton: p(this.uiConfig.triggerButton, this.uiConfig.triggerButton),
-        size: p(this.uiConfig.size, n({}, this.uiConfig.size)),
-        theme: p(this.uiConfig.theme, _)
+      const n = {
+        triggerButton: b(this.uiConfig.triggerButton, this.uiConfig.triggerButton),
+        size: b(this.uiConfig.size, r({}, this.uiConfig.size)),
+        theme: b(this.uiConfig.theme, I)
       };
-      this.uiConfig = n(n({}, this.uiConfig), r), this._mode === "inlay" && this.wrapper.remove(), this.uiConfig.getContainer().append(this.wrapper);
+      this.uiConfig = r(r({}, this.uiConfig), n), this._mode === "inlay" && this.wrapper.remove(), this.uiConfig.getContainer().append(this.wrapper);
     }
-    this._mode = e;
+    this._mode = i, this.render();
   }
   get activeSession() {
     return this._activeSession;
@@ -192,12 +196,12 @@ class Ei {
     return this._applicationId;
   }
   setService() {
-    const e = this.apiUrl, r = (h) => {
-      var i;
-      const g = this.token;
-      if (!g)
+    const i = this.apiUrl, n = (h) => {
+      var e;
+      const d = this.token;
+      if (!d)
         return h;
-      if (mi(g)) {
+      if (Ce(d)) {
         const o = "token is timeout";
         this.errorHandlers.token ? typeof this.errorHandlers.token == "function" ? this.errorHandlers.token(
           // @ts-ignore
@@ -209,53 +213,55 @@ class Ei {
           })
         ) : console.error("errorHandlers.token is not a function") : console.error(o);
       }
-      return h.headers = (i = h.headers) != null ? i : {}, h.headers = w(n({}, h.headers), {
-        Authorization: g ? `Bearer ${g}` : ""
+      return h.headers = (e = h.headers) != null ? e : {}, h.headers = w(r({}, h.headers), {
+        Authorization: d ? `Bearer ${d}` : ""
       }), h;
     };
-    function c(h, g = !0) {
-      const i = `${e}${h}`, o = ai.create({
-        baseURL: i
+    function g(h, d = !0) {
+      const e = `${i}${h}`, o = ge.create({
+        baseURL: e
       });
-      return g && o.interceptors.request.use(r), o;
+      return d && o.interceptors.request.use(n), o;
     }
-    const u = (h, g) => {
+    const f = (h, d) => {
       if (h === 401) {
-        const i = "token is invalid";
+        const e = "token is invalid";
         this.errorHandlers.token ? typeof this.errorHandlers.token == "function" ? this.errorHandlers.token(
           // @ts-ignore
-          new Error(i, {
+          new Error(e, {
             cause: {
               status: 401,
-              message: i
+              message: e
             }
           })
-        ) : console.error("errorHandlers.token is not a function") : console.error(i);
+        ) : console.error("errorHandlers.token is not a function") : console.error(e);
       }
-    }, C = (h, g, i) => {
-      h !== 10001 && h !== 10215 && (i || (Z.config({
+    }, c = (h, d, e) => {
+      h !== 10001 && h !== 10215 && (e || (B.config({
         getContainer: this.uiConfig.getContainer
-      }), Z.error({
-        message: g
+      }), B.error({
+        message: d
+      }), B.config({
+        getContainer: void 0
       })));
-    }, b = c("");
-    return new ui(b, () => this.token, {
-      onHttpStatusError: u,
-      onAppStatusError: C
+    }, u = g("");
+    return new pe(u, () => this.token, {
+      onHttpStatusError: f,
+      onAppStatusError: c
     });
   }
   reload() {
-    var e;
-    this._defatulSessionId = (e = this.activeSession) == null ? void 0 : e.id, this.destroy(() => {
+    var i;
+    this._defatulSessionId = (i = this.activeSession) == null ? void 0 : i.id, this.destroy(() => {
       this.service = this.setService(), this.rId = this.rId + 1, this.render();
     });
   }
-  getMessageList(e) {
-    var r, c;
-    return e || (e = (r = this.activeSession) == null ? void 0 : r.id), !this.applicationId || !e ? Promise.resolve([]) : (c = this.service) == null ? void 0 : c.getChatHistorySessionId(this.applicationId, e);
+  getMessageList(i) {
+    var n, g;
+    return i || (i = (n = this.activeSession) == null ? void 0 : n.id), !this.applicationId || !i ? Promise.resolve([]) : (g = this.service) == null ? void 0 : g.getChatHistorySessionId(this.applicationId, i);
   }
-  input(e) {
-    this._defaultInputText = e, this.render();
+  input(i) {
+    this._defaultInputText = i, this.render();
   }
   disable() {
     this._inputDisabled = !0, this.render();
@@ -263,15 +269,37 @@ class Ei {
   enable() {
     this._inputDisabled = !1, this.render();
   }
+  getSessionList() {
+    return this._agentClientRef.current ? new Promise((n, g) => {
+      var f, c;
+      (c = (f = this._agentClientRef.current) == null ? void 0 : f.getSessionList()) == null || c.then((u) => {
+        n(u);
+      }).catch((u) => {
+        g(u);
+      });
+    }) : Promise.reject(new Error("client is not loaded"));
+  }
+  sessionCreate(i) {
+    return this._agentClientRef.current ? new Promise((g, f) => {
+      var c, u;
+      (u = (c = this._agentClientRef.current) == null ? void 0 : c.sessionCreate(r({
+        name: "新建会话"
+      }, i))) == null || u.then((C) => {
+        g(C);
+      }).catch((C) => {
+        f(C);
+      });
+    }) : Promise.reject(new Error("client is not loaded"));
+  }
   createBotClientSDK() {
-    return I(this, null, function* () {
-      return new Promise((e, r) => {
+    return k(this, null, function* () {
+      return new Promise((i, n) => {
         if (this.token)
-          q({
+          ee({
             debug: this.uiConfig.debug,
             env: this.uiConfig.env,
             apiRoot: this.apiUrl
-          }), this.botClient = new bi(this.token, {
+          }), this.botClient = new ve(this.token, {
             plugins: this.uiConfig.plugins,
             mcp: this.uiConfig.mcp,
             stream: this.uiConfig.stream
@@ -282,10 +310,11 @@ class Ei {
             // 这里记录应用的名称和版本，以便后期数据分析
             ui: {
               name: "bot-client-ui",
-              version: hi.version
+              version: le.version
             }
-          }), this.botClient.ready ? e(this.botClient) : this.botClient.addEventListener("ready", () => I(this, null, function* () {
-            this.botClient ? e(this.botClient) : r(this.botClient);
+          }), this.botClient.ready ? i(this.botClient) : this.botClient.addEventListener("ready", () => k(this, null, function* () {
+            var g;
+            this.botClient ? (((g = this.botClient.application) == null ? void 0 : g.type) === q.Text && (this.mode = "inlay"), i(this.botClient)) : n(this.botClient);
           }), !0);
         else
           throw Error("token is required");
@@ -293,12 +322,12 @@ class Ei {
     });
   }
   render() {
-    return I(this, null, function* () {
-      var r, c, u, C, b, v, h, g, i;
-      let e = this.wrapper.getBoundingClientRect().height;
-      if (this.wrapper.style.height = `${e}px`, yield this.createBotClientSDK(), !((r = this.botClient) != null && r.application))
+    return k(this, null, function* () {
+      var n, g, f, c, u, C, h, d, e;
+      let i = this.wrapper.getBoundingClientRect().height;
+      if (this.wrapper.style.height = `${i}px`, !((n = this.botClient) != null && n.application))
         throw Error("application is required");
-      this.botClient.application.type === ci.Text ? x.render(/* @__PURE__ */ U(vi, {
+      this.botClient.application.type === q.Text ? x.render(/* @__PURE__ */ U(we, {
         rId: this.rId,
         application: this.botClient.application,
         sessionId: this._defatulSessionId,
@@ -306,7 +335,7 @@ class Ei {
         apiUrl: this.apiUrl,
         env: this.uiConfig.env,
         debug: this.uiConfig.debug,
-        mode: "inlay",
+        mode: this.mode,
         token: this.token,
         className: this.mode,
         open: this.uiConfig.open,
@@ -315,7 +344,7 @@ class Ei {
         theme: this.uiConfig.theme,
         greeting: this.uiConfig.greeting,
         size: this.uiConfig.size,
-        triggerButton: n({
+        triggerButton: r({
           visible: !0
         }, this.uiConfig.triggerButton),
         history: this.uiConfig.history,
@@ -323,8 +352,8 @@ class Ei {
         docViewerUrl: this.docViewerUrl,
         plugins: this.uiConfig.plugins,
         mcp: this.uiConfig.mcp,
-        transform: w(n({}, this.uiConfig.transform), {
-          knowledges: ((c = this.uiConfig.features) == null ? void 0 : c.knowledges) === !0 || typeof ((u = this.uiConfig.features) == null ? void 0 : u.knowledges) == "object" && ((b = (C = this.uiConfig.features) == null ? void 0 : C.knowledges) == null ? void 0 : b.visible) !== !1
+        transform: w(r({}, this.uiConfig.transform), {
+          knowledges: ((g = this.uiConfig.features) == null ? void 0 : g.knowledges) === !0 || typeof ((f = this.uiConfig.features) == null ? void 0 : f.knowledges) == "object" && ((u = (c = this.uiConfig.features) == null ? void 0 : c.knowledges) == null ? void 0 : u.visible) !== !1
         }),
         features: this.uiConfig.features,
         disabled: this._inputDisabled,
@@ -354,8 +383,8 @@ class Ei {
             return !0;
           try {
             return ((a = (s = this.uiConfig.eventListeners) == null ? void 0 : s.beforemessagesend) == null ? void 0 : a.call(s, o)) || !1;
-          } catch (d) {
-            return console.error(d), !1;
+          } catch (m) {
+            return console.error(m), !1;
           }
         },
         onSessionUnload: (o) => {
@@ -375,8 +404,8 @@ class Ei {
             this._activeSession = o.session;
             try {
               (a = (s = this.uiConfig.eventListeners) == null ? void 0 : s.sessionload) == null || a.call(s, o);
-            } catch (d) {
-              console.error(d);
+            } catch (m) {
+              console.error(m);
             }
           }
         },
@@ -385,8 +414,8 @@ class Ei {
           if (((t = this._activeSession) == null ? void 0 : t.id) === o.sessionId)
             try {
               (a = (s = this.uiConfig.eventListeners) == null ? void 0 : s.historyload) == null || a.call(s, o);
-            } catch (d) {
-              console.error(d);
+            } catch (m) {
+              console.error(m);
             }
         },
         defaultInput: this._defaultInputText !== void 0 ? {
@@ -394,7 +423,8 @@ class Ei {
         } : void 0,
         bodyStyle: this.uiConfig.bodyStyle,
         stream: this.stream
-      }), this.wrapper) : x.render(/* @__PURE__ */ U(ri, {
+      }), this.wrapper) : x.render(/* @__PURE__ */ U(he, {
+        ref: this._agentClientRef,
         rId: this.rId,
         application: this.botClient.application,
         agentClient: this.botClient,
@@ -412,7 +442,7 @@ class Ei {
         theme: this.uiConfig.theme,
         greeting: this.uiConfig.greeting,
         size: this.uiConfig.size,
-        triggerButton: n({
+        triggerButton: r({
           visible: !0
         }, this.uiConfig.triggerButton),
         history: this.uiConfig.history,
@@ -420,8 +450,8 @@ class Ei {
         docViewerUrl: this.docViewerUrl,
         plugins: this.uiConfig.plugins,
         mcp: this.uiConfig.mcp,
-        transform: w(n({}, this.uiConfig.transform), {
-          knowledges: ((v = this.uiConfig.features) == null ? void 0 : v.knowledges) === !0 || typeof ((h = this.uiConfig.features) == null ? void 0 : h.knowledges) == "object" && ((i = (g = this.uiConfig.features) == null ? void 0 : g.knowledges) == null ? void 0 : i.visible) !== !1
+        transform: w(r({}, this.uiConfig.transform), {
+          knowledges: ((C = this.uiConfig.features) == null ? void 0 : C.knowledges) === !0 || typeof ((h = this.uiConfig.features) == null ? void 0 : h.knowledges) == "object" && ((e = (d = this.uiConfig.features) == null ? void 0 : d.knowledges) == null ? void 0 : e.visible) !== !1
         }),
         features: this.uiConfig.features,
         disabled: this._inputDisabled,
@@ -450,8 +480,8 @@ class Ei {
             return !0;
           try {
             return ((a = (s = this.uiConfig.eventListeners) == null ? void 0 : s.beforemessagesend) == null ? void 0 : a.call(s, o)) || !1;
-          } catch (d) {
-            return console.error(d), !1;
+          } catch (m) {
+            return console.error(m), !1;
           }
         },
         onSessionUnload: (o) => {
@@ -471,8 +501,8 @@ class Ei {
             this._activeSession = o.session;
             try {
               (a = (s = this.uiConfig.eventListeners) == null ? void 0 : s.sessionload) == null || a.call(s, o);
-            } catch (d) {
-              console.error(d);
+            } catch (m) {
+              console.error(m);
             }
           }
         },
@@ -481,8 +511,8 @@ class Ei {
           if (((t = this._activeSession) == null ? void 0 : t.id) === o.sessionId)
             try {
               (a = (s = this.uiConfig.eventListeners) == null ? void 0 : s.historyload) == null || a.call(s, o);
-            } catch (d) {
-              console.error(d);
+            } catch (m) {
+              console.error(m);
             }
         },
         defaultInput: this._defaultInputText !== void 0 ? {
@@ -493,10 +523,10 @@ class Ei {
       }), this.wrapper), this._defaultInputText = "";
     });
   }
-  destroy(e) {
-    x.render(/* @__PURE__ */ U(ni, {}), this.wrapper, e);
+  destroy(i) {
+    x.render(/* @__PURE__ */ U(re, {}), this.wrapper, i);
   }
 }
 export {
-  Ei as default
+  Ne as default
 };

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

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