@glodon-aiot/agent-cli-ui 3.3.2 → 3.3.4-beta.1

package/dist/es/index.mjs

@@ -1,128 +1,155 @@
-var Z = Object.defineProperty, q = Object.defineProperties;
-var ee = Object.getOwnPropertyDescriptors;
-var J = Object.getOwnPropertySymbols;
-var ie = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
-var w = (g, i, s) => i in g ? Z(g, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : g[i] = s, o = (g, i) => {
-  for (var s in i || (i = {}))
-    ie.call(i, s) && w(g, s, i[s]);
-  if (J)
-    for (var s of J(i))
-      te.call(i, s) && w(g, s, i[s]);
-  return g;
-}, m = (g, i) => q(g, ee(i));
-var a = (g, i, s) => (w(g, typeof i != "symbol" ? i + "" : i, s), s);
-import { jsx as Q, Fragment as oe } from "react/jsx-runtime";
-import l from "lodash/merge";
-import G from "react-dom";
-import se from "./AgentClientUI.mjs";
-import { notification as K } from "antd";
-import ne from "axios";
-import { defaultUIConfig as re, defaultApiUrl as he, defaultDovViewerUrl as ae } from "./constant.mjs";
-import { ApiUrl as ge } from "./types.mjs";
-/* empty css             */import { BotClientApi as le } from "@glodon-aiot/apis";
-import { JWT as de, isExpired as fe } from "./utils/index.mjs";
-const b = {};
-class xe {
+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 {
+      C(n.next(h));
+    } catch (d) {
+      f(d);
+    }
+  }, u = (h) => {
+    try {
+      C(n.throw(h));
+    } catch (d) {
+      f(d);
+    }
+  }, 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 re } from "react/jsx-runtime";
+import ae from "react";
+import b from "lodash/merge";
+import x from "react-dom";
+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) {
-    a(this, "_token");
-    a(this, "_activeSession", null);
-    a(this, "_applicationId");
-    a(this, "_defaultInputText", "");
-    a(this, "_inputDisabled", !1);
-    a(this, "_defatulSessionId", "");
-    a(this, "apiUrl");
-    a(this, "docViewerUrl");
-    a(this, "env", "prod");
-    a(this, "service");
-    a(this, "rId", 0);
-    a(this, "_mode", "float");
-    a(this, "uiConfig", re);
-    a(this, "errorHandlers", {});
-    a(this, "wrapper", document.createElement("div"));
-    var _, y, x, U, S, B, H, z, L, M, V, A, N, E, F, D, j, T, R, W, $, O, P;
+    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", be.stream);
+    l(this, "service");
+    l(this, "rId", 0);
+    l(this, "_mode", "float");
+    l(this, "uiConfig", fe);
+    l(this, "errorHandlers", {});
+    l(this, "wrapper", document.createElement("div"));
+    l(this, "botClient", null);
+    var H, z, M, V, E, R, A, N, T, D, j, F, P, W, $, O, J, K, Q, G, X, Y;
     const {
-      env: s,
-      token: d,
+      env: n,
+      token: g,
       mode: f = "float",
-      triggerButton: p,
-      size: h,
-      apiUrl: n,
-      docViewerUrl: t,
-      errorHandlers: r,
+      triggerButton: c,
+      size: u,
+      apiUrl: C,
+      docViewerUrl: h,
+      errorHandlers: d,
       features: e,
-      sessionId: u,
-      icon: X,
-      logo: Y
-      // greeting,
+      sessionId: o,
+      icon: t,
+      logo: s,
+      stream: a
     } = i;
-    this.uiConfig.icon = X || this.uiConfig.icon, this.uiConfig.logo = Y || this.uiConfig.logo, (e == null ? void 0 : e.greeting) !== void 0 && (typeof e.greeting == "object" ? this.uiConfig.features = m(o({}, this.uiConfig.features), {
-      greeting: o(o({}, typeof ((_ = this.uiConfig.features) == null ? void 0 : _.greeting) != "object" ? {} : (y = this.uiConfig.features) == null ? void 0 : y.greeting), e.greeting)
-    }) : this.uiConfig.features = m(o({}, this.uiConfig.features), {
+    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
-    })), console.log("this.uiConfig.features?.greeting", (x = this.uiConfig.features) == null ? void 0 : x.greeting), this._token = d, this.rId = 0, this._defatulSessionId = u, this.errorHandlers = o(o({}, this.errorHandlers), r);
-    const k = {
+    })), this._token = g, this.rId = 0, this._defatulSessionId = o, this.errorHandlers = r(r({}, this.errorHandlers), d);
+    const m = {
       sessionOpen: f === "float",
       sessionList: f === "float"
-    }, I = (B = (S = (U = e == null ? void 0 : e.botMessageBox) == null ? void 0 : U.footer) == null ? void 0 : S.items) == null ? void 0 : B.find((c) => c.componentName === "AnswerAgain");
-    (L = (z = (H = e == null ? void 0 : e.botMessageBox) == null ? void 0 : H.footer) == null ? void 0 : z.items) == null || L.find((c) => c.componentName === "Copy");
-    const C = {
+    }, 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: e == null ? void 0 : e.sessionList,
       sessionOpen: e == null ? void 0 : e.newSession,
       fileUpload: e == null ? void 0 : e.fileUpload,
-      userCopy: (M = e == null ? void 0 : e.userMessageBox) == null ? void 0 : M.copy,
-      userEdit: (V = e == null ? void 0 : e.userMessageBox) == null ? void 0 : V.editAgain,
+      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: (A = e == null ? void 0 : e.botMessageBox) == null ? void 0 : A.relatedQuesions,
-      again: !(I && I.visible === !1),
+      relate: (j = e == null ? void 0 : e.botMessageBox) == null ? void 0 : j.relatedQuesions,
+      again: !(L && L.visible === !1),
       reference: {
-        iconVisible: (E = (N = e == null ? void 0 : e.botMessageBox) == null ? void 0 : N.reference) == null ? void 0 : E.file,
-        referenceFirst: (F = e == null ? void 0 : e.botMessageBox) == null ? void 0 : F.referenceFirst,
-        isExpand: (j = (D = e == null ? void 0 : e.botMessageBox) == null ? void 0 : D.reference) == null ? void 0 : j.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: (T = e == null ? void 0 : e.botMessageBox) == null ? void 0 : T.searchReference,
+      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 ? (R = this.uiConfig.transform) == null ? void 0 : R.promptVariables : (e == null ? void 0 : e.promptVariables) === !0 || typeof (e == null ? void 0 : e.promptVariables) == "object" && ((W = e == null ? void 0 : e.promptVariables) == null ? void 0 : W.visible) !== !1 ? ($ = this.uiConfig.transform) == null ? void 0 : $.promptVariables : !1,
-      connectNetwork: (e == null ? void 0 : e.connectNetwork) === void 0 ? (O = this.uiConfig.transform) == null ? void 0 : O.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 : (P = this.uiConfig.transform) == null ? void 0 : P.connectNetwork)
-    }, v = {
+      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 (i.header !== void 0 && (v.showHeader = !!i.header), i.sider !== void 0 && (v.sider = !!i.sider), Object.keys(C).forEach((c) => {
-      C[c] === void 0 && delete C[c];
+    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 c = {
-        triggerButton: l({
+      const v = {
+        triggerButton: b({
           visible: !1
-        }, p),
+        }, c),
         open: !0,
         resizable: !1,
-        size: l({
+        size: b({
           width: "100%",
           height: "100%",
           maxWidth: "100%",
           maxHeight: "100%",
           minWidth: "100%"
-        }, h),
-        theme: l(this.uiConfig.theme, b),
+        }, u),
+        theme: b(this.uiConfig.theme, I),
         history: !0
       };
-      this.uiConfig = m(o(o(o(o({}, this.uiConfig), i), c), v), {
-        transform: o(o(o(o({}, this.uiConfig.transform), k), i.transform), C)
+      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 c = {
-        triggerButton: l(this.uiConfig.triggerButton, p),
-        size: l(this.uiConfig.size, o({}, h)),
-        theme: l(this.uiConfig.theme, b)
+      const v = {
+        triggerButton: b(this.uiConfig.triggerButton, c),
+        size: b(this.uiConfig.size, r({}, u)),
+        theme: b(this.uiConfig.theme, I)
       };
-      this.uiConfig = m(o(o(o(o(o({}, this.uiConfig), i), c), v), C), {
-        transform: o(o(o(o({}, this.uiConfig.transform), k), i.transform), C)
+      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 = f, this.env = s || "prod", this._applicationId = de(d).rid, this.apiUrl = n || ge[this.env] || he, this.docViewerUrl = t || ae, this.service = this.setService(), this.render();
+    this._mode = f, this.env = n || "prod", this.stream = a, ee({
+      stream: this.stream
+    }), 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;
@@ -135,32 +162,32 @@ class xe {
   }
   set mode(i) {
     if (i === "inlay") {
-      const s = {
-        triggerButton: l({
+      const n = {
+        triggerButton: b({
           visible: !1
         }, this.uiConfig.triggerButton),
         open: !0,
         resizable: !1,
-        size: l({
+        size: b({
           width: "100%",
           height: "100%",
           maxWidth: "100%",
           maxHeight: "100%",
           minWidth: "100%"
         }, this.uiConfig.size),
-        theme: l(this.uiConfig.theme, b),
+        theme: b(this.uiConfig.theme, I),
         history: !0
       };
-      this.uiConfig = o(o({}, this.uiConfig), s), this.wrapper = this.uiConfig.getContainer();
+      this.uiConfig = r(r({}, this.uiConfig), n), this.wrapper = this.uiConfig.getContainer();
     } else {
-      const s = {
-        triggerButton: l(this.uiConfig.triggerButton, this.uiConfig.triggerButton),
-        size: l(this.uiConfig.size, o({}, this.uiConfig.size)),
-        theme: l(this.uiConfig.theme, b)
+      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 = o(o({}, this.uiConfig), s), 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 = i;
+    this._mode = i, this.render();
   }
   get activeSession() {
     return this._activeSession;
@@ -169,35 +196,35 @@ class xe {
     return this._applicationId;
   }
   setService() {
-    const i = this.apiUrl, s = (t) => {
+    const i = this.apiUrl, n = (h) => {
       var e;
-      const r = this.token;
-      if (!r)
-        return t;
-      if (fe(r)) {
-        const u = "token is timeout";
+      const d = this.token;
+      if (!d)
+        return h;
+      if (Ce(d)) {
+        const o = "token is timeout";
         this.errorHandlers.token ? typeof this.errorHandlers.token == "function" ? this.errorHandlers.token(
           // @ts-ignore
-          new Error(u, {
+          new Error(o, {
             cause: {
               status: 401,
-              message: u
+              message: o
             }
           })
-        ) : console.error("errorHandlers.token is not a function") : console.error(u);
+        ) : console.error("errorHandlers.token is not a function") : console.error(o);
       }
-      return t.headers = (e = t.headers) != null ? e : {}, t.headers = m(o({}, t.headers), {
-        Authorization: r ? `Bearer ${r}` : ""
-      }), t;
+      return h.headers = (e = h.headers) != null ? e : {}, h.headers = w(r({}, h.headers), {
+        Authorization: d ? `Bearer ${d}` : ""
+      }), h;
     };
-    function d(t, r = !0) {
-      const e = `${i}${t}`, u = ne.create({
+    function g(h, d = !0) {
+      const e = `${i}${h}`, o = ge.create({
         baseURL: e
       });
-      return r && u.interceptors.request.use(s), u;
+      return d && o.interceptors.request.use(n), o;
     }
-    const f = (t, r) => {
-      if (t === 401) {
+    const f = (h, d) => {
+      if (h === 401) {
         const e = "token is invalid";
         this.errorHandlers.token ? typeof this.errorHandlers.token == "function" ? this.errorHandlers.token(
           // @ts-ignore
@@ -209,16 +236,18 @@ class xe {
           })
         ) : console.error("errorHandlers.token is not a function") : console.error(e);
       }
-    }, p = (t, r, e) => {
-      t !== 10001 && t !== 10215 && (e || (K.config({
+    }, c = (h, d, e) => {
+      h !== 10001 && h !== 10215 && (e || (B.config({
         getContainer: this.uiConfig.getContainer
-      }), K.error({
-        message: r
+      }), B.error({
+        message: d
+      }), B.config({
+        getContainer: void 0
       })));
-    }, h = d("");
-    return new le(h, () => this.token, {
+    }, u = g("");
+    return new pe(u, () => this.token, {
       onHttpStatusError: f,
-      onAppStatusError: p
+      onAppStatusError: c
     });
   }
   reload() {
@@ -228,8 +257,8 @@ class xe {
     });
   }
   getMessageList(i) {
-    var s, d;
-    return i || (i = (s = this.activeSession) == null ? void 0 : s.id), !this.applicationId || !i ? Promise.resolve([]) : (d = this.service) == null ? void 0 : d.getChatHistorySessionId(this.applicationId, 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(i) {
     this._defaultInputText = i, this.render();
@@ -240,108 +269,264 @@ class xe {
   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 k(this, null, function* () {
+      return new Promise((i, n) => {
+        if (this.token)
+          ee({
+            debug: this.uiConfig.debug,
+            env: this.uiConfig.env,
+            apiRoot: this.apiUrl
+          }), this.botClient = new ve(this.token, {
+            plugins: this.uiConfig.plugins,
+            mcp: this.uiConfig.mcp,
+            stream: this.uiConfig.stream
+          }, void 0, {
+            analytics: {
+              enabled: !0
+            },
+            // 这里记录应用的名称和版本，以便后期数据分析
+            ui: {
+              name: "bot-client-ui",
+              version: le.version
+            }
+          }), 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");
+      });
+    });
+  }
   render() {
-    var s, d, f, p;
-    let i = this.wrapper.getBoundingClientRect().height;
-    this.wrapper.style.height = `${i}px`, G.render(/* @__PURE__ */ Q(se, {
-      rId: this.rId,
-      sessionId: this._defatulSessionId,
-      showHeader: this.uiConfig.showHeader,
-      apiUrl: this.apiUrl,
-      env: this.uiConfig.env,
-      debug: this.uiConfig.debug,
-      mode: this.mode,
-      token: this.token,
-      className: this.mode,
-      open: this.uiConfig.open,
-      theme: this.uiConfig.theme,
-      logo: this.uiConfig.logo,
-      icon: this.uiConfig.icon,
-      greeting: this.uiConfig.greeting,
-      size: this.uiConfig.size,
-      triggerButton: o({
-        visible: !0
-      }, this.uiConfig.triggerButton),
-      history: this.uiConfig.history,
-      service: this.service,
-      docViewerUrl: this.docViewerUrl,
-      plugins: this.uiConfig.plugins,
-      mcp: this.uiConfig.mcp,
-      transform: m(o({}, this.uiConfig.transform), {
-        knowledges: ((s = this.uiConfig.features) == null ? void 0 : s.knowledges) === !0 || typeof ((d = this.uiConfig.features) == null ? void 0 : d.knowledges) == "object" && ((p = (f = this.uiConfig.features) == null ? void 0 : f.knowledges) == null ? void 0 : p.visible) !== !1
-      }),
-      features: this.uiConfig.features,
-      disabled: this._inputDisabled,
-      sider: this.uiConfig.sider,
-      footer: this.uiConfig.footer,
-      onComment: (h) => {
-        var n, t;
-        try {
-          (t = (n = this.uiConfig.eventListeners) == null ? void 0 : n.comment) == null || t.call(n, h);
-        } catch (r) {
-          console.error(r);
-        }
-      },
-      onMessage: (h) => {
-        var n, t;
-        if (h.message.messageId)
+    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 === q.Text ? x.render(/* @__PURE__ */ U(we, {
+        rId: this.rId,
+        application: this.botClient.application,
+        sessionId: this._defatulSessionId,
+        showHeader: this.uiConfig.showHeader,
+        apiUrl: this.apiUrl,
+        env: this.uiConfig.env,
+        debug: this.uiConfig.debug,
+        mode: this.mode,
+        token: this.token,
+        className: this.mode,
+        open: this.uiConfig.open,
+        logo: this.uiConfig.logo,
+        icon: this.uiConfig.icon,
+        theme: this.uiConfig.theme,
+        greeting: this.uiConfig.greeting,
+        size: this.uiConfig.size,
+        triggerButton: r({
+          visible: !0
+        }, this.uiConfig.triggerButton),
+        history: this.uiConfig.history,
+        service: this.service,
+        docViewerUrl: this.docViewerUrl,
+        plugins: this.uiConfig.plugins,
+        mcp: this.uiConfig.mcp,
+        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,
+        sider: this.uiConfig.sider,
+        footer: this.uiConfig.footer,
+        onComment: (o) => {
+          var t, s;
           try {
-            (t = (n = this.uiConfig.eventListeners) == null ? void 0 : n.message) == null || t.call(n, h);
-          } catch (r) {
-            console.error(r);
+            (s = (t = this.uiConfig.eventListeners) == null ? void 0 : t.comment) == null || s.call(t, o);
+          } catch (a) {
+            console.error(a);
           }
-      },
-      beforeMessageSend: (h) => {
-        var n, t, r;
-        if (!((n = this.uiConfig.eventListeners) != null && n.beforemessagesend))
-          return !0;
-        try {
-          return ((r = (t = this.uiConfig.eventListeners) == null ? void 0 : t.beforemessagesend) == null ? void 0 : r.call(t, h)) || !1;
-        } catch (e) {
-          return console.error(e), !1;
-        }
-      },
-      onSessionUnload: (h) => {
-        var n, t;
-        this._activeSession = null;
-        try {
-          (t = (n = this.uiConfig.eventListeners) == null ? void 0 : n.sessionunload) == null || t.call(n, h);
-        } catch (r) {
-          console.error(r);
-        }
-      },
-      onSessionLoad: (h) => {
-        var n, t, r;
-        if (((n = this._activeSession) == null ? void 0 : n.id) === h.sessionId)
-          this._activeSession = h.session;
-        else {
-          this._activeSession = h.session;
+        },
+        agentClient: this.botClient,
+        onMessage: (o) => {
+          var t, s;
+          if (o.message.messageId)
+            try {
+              (s = (t = this.uiConfig.eventListeners) == null ? void 0 : t.message) == null || s.call(t, o);
+            } catch (a) {
+              console.error(a);
+            }
+        },
+        beforeMessageSend: (o) => {
+          var t, s, a;
+          if (!((t = this.uiConfig.eventListeners) != null && t.beforemessagesend))
+            return !0;
           try {
-            (r = (t = this.uiConfig.eventListeners) == null ? void 0 : t.sessionload) == null || r.call(t, h);
-          } catch (e) {
-            console.error(e);
+            return ((a = (s = this.uiConfig.eventListeners) == null ? void 0 : s.beforemessagesend) == null ? void 0 : a.call(s, o)) || !1;
+          } catch (m) {
+            return console.error(m), !1;
           }
-        }
-      },
-      onHistoryLoad: (h) => {
-        var n, t, r;
-        if (((n = this._activeSession) == null ? void 0 : n.id) === h.sessionId)
+        },
+        onSessionUnload: (o) => {
+          var t, s;
+          this._activeSession = null;
           try {
-            (r = (t = this.uiConfig.eventListeners) == null ? void 0 : t.historyload) == null || r.call(t, h);
-          } catch (e) {
-            console.error(e);
+            (s = (t = this.uiConfig.eventListeners) == null ? void 0 : t.sessionunload) == null || s.call(t, o);
+          } catch (a) {
+            console.error(a);
           }
-      },
-      defaultInput: this._defaultInputText !== void 0 ? {
-        text: this._defaultInputText
-      } : void 0,
-      bodyStyle: this.uiConfig.bodyStyle
-    }), this.wrapper), this._defaultInputText = "";
+        },
+        onSessionLoad: (o) => {
+          var t, s, a;
+          if (((t = this._activeSession) == null ? void 0 : t.id) === o.sessionId)
+            this._activeSession = o.session;
+          else {
+            this._activeSession = o.session;
+            try {
+              (a = (s = this.uiConfig.eventListeners) == null ? void 0 : s.sessionload) == null || a.call(s, o);
+            } catch (m) {
+              console.error(m);
+            }
+          }
+        },
+        onHistoryLoad: (o) => {
+          var t, s, a;
+          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 (m) {
+              console.error(m);
+            }
+        },
+        defaultInput: this._defaultInputText !== void 0 ? {
+          text: this._defaultInputText
+        } : void 0,
+        bodyStyle: this.uiConfig.bodyStyle,
+        stream: this.stream
+      }), this.wrapper) : x.render(/* @__PURE__ */ U(he, {
+        ref: this._agentClientRef,
+        rId: this.rId,
+        application: this.botClient.application,
+        agentClient: this.botClient,
+        sessionId: this._defatulSessionId,
+        showHeader: this.uiConfig.showHeader,
+        apiUrl: this.apiUrl,
+        env: this.uiConfig.env,
+        debug: this.uiConfig.debug,
+        mode: this.mode,
+        token: this.token,
+        className: this.mode,
+        open: this.uiConfig.open,
+        logo: this.uiConfig.logo,
+        icon: this.uiConfig.icon,
+        theme: this.uiConfig.theme,
+        greeting: this.uiConfig.greeting,
+        size: this.uiConfig.size,
+        triggerButton: r({
+          visible: !0
+        }, this.uiConfig.triggerButton),
+        history: this.uiConfig.history,
+        service: this.service,
+        docViewerUrl: this.docViewerUrl,
+        plugins: this.uiConfig.plugins,
+        mcp: this.uiConfig.mcp,
+        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,
+        sider: this.uiConfig.sider,
+        footer: this.uiConfig.footer,
+        onComment: (o) => {
+          var t, s;
+          try {
+            (s = (t = this.uiConfig.eventListeners) == null ? void 0 : t.comment) == null || s.call(t, o);
+          } catch (a) {
+            console.error(a);
+          }
+        },
+        onMessage: (o) => {
+          var t, s;
+          if (o.message.messageId)
+            try {
+              (s = (t = this.uiConfig.eventListeners) == null ? void 0 : t.message) == null || s.call(t, o);
+            } catch (a) {
+              console.error(a);
+            }
+        },
+        beforeMessageSend: (o) => {
+          var t, s, a;
+          if (!((t = this.uiConfig.eventListeners) != null && t.beforemessagesend))
+            return !0;
+          try {
+            return ((a = (s = this.uiConfig.eventListeners) == null ? void 0 : s.beforemessagesend) == null ? void 0 : a.call(s, o)) || !1;
+          } catch (m) {
+            return console.error(m), !1;
+          }
+        },
+        onSessionUnload: (o) => {
+          var t, s;
+          this._activeSession = null;
+          try {
+            (s = (t = this.uiConfig.eventListeners) == null ? void 0 : t.sessionunload) == null || s.call(t, o);
+          } catch (a) {
+            console.error(a);
+          }
+        },
+        onSessionLoad: (o) => {
+          var t, s, a;
+          if (((t = this._activeSession) == null ? void 0 : t.id) === o.sessionId)
+            this._activeSession = o.session;
+          else {
+            this._activeSession = o.session;
+            try {
+              (a = (s = this.uiConfig.eventListeners) == null ? void 0 : s.sessionload) == null || a.call(s, o);
+            } catch (m) {
+              console.error(m);
+            }
+          }
+        },
+        onHistoryLoad: (o) => {
+          var t, s, a;
+          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 (m) {
+              console.error(m);
+            }
+        },
+        defaultInput: this._defaultInputText !== void 0 ? {
+          text: this._defaultInputText
+        } : void 0,
+        bodyStyle: this.uiConfig.bodyStyle,
+        stream: this.stream
+      }), this.wrapper), this._defaultInputText = "";
+    });
   }
   destroy(i) {
-    G.render(/* @__PURE__ */ Q(oe, {}), this.wrapper, i);
+    x.render(/* @__PURE__ */ U(re, {}), this.wrapper, i);
   }
 }
 export {
-  xe as default
+  Ne as default
 };