@glodon-aiot/agent-cli-ui 3.3.5-alpha.21 → 3.3.5-alpha.23

package/dist/es/AgentClientUI.mjs

@@ -1,149 +1,136 @@
-var z = Object.defineProperty, ee = Object.defineProperties;
-var te = Object.getOwnPropertyDescriptors;
+var Q = Object.defineProperty, T = Object.defineProperties;
+var X = Object.getOwnPropertyDescriptors;
 var y = Object.getOwnPropertySymbols;
-var oe = Object.prototype.hasOwnProperty, ne = Object.prototype.propertyIsEnumerable;
-var I = (n, t, e) => t in n ? z(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, f = (n, t) => {
+var Y = Object.prototype.hasOwnProperty, Z = Object.prototype.propertyIsEnumerable;
+var R = (o, t, e) => t in o ? Q(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, f = (o, t) => {
   for (var e in t || (t = {}))
-    oe.call(t, e) && I(n, e, t[e]);
+    Y.call(t, e) && R(o, e, t[e]);
   if (y)
     for (var e of y(t))
-      ne.call(t, e) && I(n, e, t[e]);
-  return n;
-}, h = (n, t) => ee(n, te(t));
+      Z.call(t, e) && R(o, e, t[e]);
+  return o;
+}, g = (o, t) => T(o, X(t));
 import { jsx as s, jsxs as x } from "react/jsx-runtime";
-import { forwardRef as ie, useRef as k, useState as d, useEffect as A, useImperativeHandle as se } from "react";
-/* empty css             */import { AgentClientProvider as le } from "./context.mjs";
-import { Resizable as ae } from "react-resizable";
-import re from "./Dialog/index.mjs";
-import { configure as de, BotClient as me } from "@glodon-aiot/bot-client-sdk";
-import { JWT as ce } from "./utils/index.mjs";
-import { ConfigProvider as L, Spin as fe, Button as U } from "antd";
-import he from "antd/es/locale/zh_CN";
-const ke = ie((n, t) => {
+import { forwardRef as _, useRef as U, useState as r, useEffect as k, useImperativeHandle as B } from "react";
+/* empty css             */import { AgentClientProvider as z } from "./context.mjs";
+import { Resizable as ee } from "react-resizable";
+import te from "./Dialog/index.mjs";
+import { ConfigProvider as A, Spin as ne, Button as L } from "antd";
+import oe from "antd/es/locale/zh_CN";
+const Ne = _((o, t) => {
   const {
     className: e,
     triggerButton: l,
-    size: o,
+    size: n,
     theme: $,
-    icon: g,
+    icon: p,
     docViewerUrl: H,
-    token: m,
-    debug: W,
-    env: j,
-    plugins: M,
-    mcp: P,
-    footer: S,
-    defaultInput: T,
-    onComment: D,
-    onSessionLoad: E,
-    onSessionUnload: J,
-    onMessage: O,
-    beforeMessageSend: V,
-    bodyStyle: p,
-    apiUrl: q,
-    sessionId: F,
-    disabled: G,
-    transform: K,
-    features: Q,
-    stream: X
-  } = n, u = k(null), [Y, ge] = d(!1), [C, Z] = d(), [b, _] = d(), [i, w] = d(o), [v, N] = d(n.open), c = k(null);
-  A(() => {
-    if (!m)
-      return;
-    const a = ce(m);
-    Z(a.rid), de({
-      debug: W,
-      env: j,
-      apiRoot: q
-    });
-    const r = new me(m, {
-      plugins: M,
-      mcp: P,
-      stream: X
-    });
-    _(r);
-  }, [m]), L.config({
+    token: ie,
+    debug: se,
+    env: le,
+    plugins: ae,
+    mcp: de,
+    footer: j,
+    defaultInput: M,
+    onComment: P,
+    onSessionLoad: S,
+    onSessionUnload: W,
+    onMessage: D,
+    beforeMessageSend: E,
+    bodyStyle: u,
+    apiUrl: re,
+    sessionId: O,
+    disabled: V,
+    transform: q,
+    features: F,
+    stream: me,
+    agentClient: m,
+    application: d
+  } = o, b = U(null), [G, ce] = r(!1), [C, J] = r(), [i, v] = r(n), [w, N] = r(o.open), c = U(null);
+  k(() => {
+    d && (console.log("[AgentClientUI] token", m, d), J(d.id));
+  }, [d]), A.config({
     theme: $
-  }), A(() => {
-    o && w(o);
-  }, [o]);
-  const B = (a, {
-    element: r,
-    size: R
+  }), k(() => {
+    n && v(n);
+  }, [n]);
+  const K = (a, {
+    element: h,
+    size: I
   }) => {
-    w({
-      width: Number(R.width),
-      height: R.height
+    v({
+      width: Number(I.width),
+      height: I.height
     });
   };
-  return se(t, () => ({
+  return B(t, () => ({
     sessionCreate: (a) => {
-      var r;
-      return (r = c.current) == null ? void 0 : r.sessionCreate(a);
+      var h;
+      return (h = c.current) == null ? void 0 : h.sessionCreate(a);
     },
     getSessionList: () => {
       var a;
       return (a = c.current) == null ? void 0 : a.getSessionList();
     }
-  })), /* @__PURE__ */ s(L, {
-    locale: he,
-    children: /* @__PURE__ */ x(le, {
-      value: h(f({}, n), {
-        popupContainer: u,
-        agentClient: b,
-        footer: S,
-        defaultInput: T,
-        onComment: D,
-        onSessionLoad: E,
-        onSessionUnload: J,
-        onMessage: O,
-        beforeMessageSend: V,
-        bodyStyle: p,
-        disabled: G,
-        transform: K,
-        features: Q
+  })), /* @__PURE__ */ s(A, {
+    locale: oe,
+    children: /* @__PURE__ */ x(z, {
+      value: g(f({}, o), {
+        popupContainer: b,
+        agentClient: m,
+        footer: j,
+        defaultInput: M,
+        onComment: P,
+        onSessionLoad: S,
+        onSessionUnload: W,
+        onMessage: D,
+        beforeMessageSend: E,
+        bodyStyle: u,
+        disabled: V,
+        transform: q,
+        features: F
       }),
-      children: [/* @__PURE__ */ s(ae, {
+      children: [/* @__PURE__ */ s(ee, {
         height: (i == null ? void 0 : i.height) || "100%",
         width: (i == null ? void 0 : i.width) || "100%",
         maxConstraints: [document.body.clientWidth - 45],
-        minConstraints: [Number(o == null ? void 0 : o.minWidth)],
-        onResize: B,
+        minConstraints: [Number(n == null ? void 0 : n.minWidth)],
+        onResize: K,
         handle: /* @__PURE__ */ s("span", {
           className: "resize-handle-ew"
         }),
         resizeHandles: e == "float" ? ["w"] : [],
         children: /* @__PURE__ */ x("div", {
           id: "dialog-modal",
-          className: `gbot-dialog-modal ${e} ${v ? "opened" : "closed"}`,
-          style: h(f({}, o), {
-            width: e == "float" ? i == null ? void 0 : i.width : o == null ? void 0 : o.width,
-            height: e === "float" ? i == null ? void 0 : i.height : o == null ? void 0 : o.height,
+          className: `gbot-dialog-modal ${e} ${w ? "opened" : "closed"}`,
+          style: g(f({}, n), {
+            width: e == "float" ? i == null ? void 0 : i.width : n == null ? void 0 : n.width,
+            height: e === "float" ? i == null ? void 0 : i.height : n == null ? void 0 : n.height,
             maxHeight: "100vh"
           }),
-          ref: u,
-          children: [Y ? /* @__PURE__ */ s("div", {
+          ref: b,
+          children: [G ? /* @__PURE__ */ s("div", {
             className: "loading",
-            children: /* @__PURE__ */ s(fe, {})
-          }) : C && b ? /* @__PURE__ */ s(re, {
+            children: /* @__PURE__ */ s(ne, {})
+          }) : C && m ? /* @__PURE__ */ s(te, {
             ref: c,
             appId: C,
             docViewerUrl: H,
-            bodyStyle: p,
-            sessionId: F
-          }) : null, (l == null ? void 0 : l.visible) && /* @__PURE__ */ s(U, {
+            bodyStyle: u,
+            sessionId: O
+          }) : null, (l == null ? void 0 : l.visible) && /* @__PURE__ */ s(L, {
             className: "trigger-btn close-btn",
             icon: /* @__PURE__ */ s("img", {
-              src: g
+              src: p
             }),
             onClick: () => N(!1)
           })]
         })
-      }), (l == null ? void 0 : l.visible) && !v && /* @__PURE__ */ s(U, {
+      }), (l == null ? void 0 : l.visible) && !w && /* @__PURE__ */ s(L, {
         className: `${e}-trigger-btn open-btn`,
         style: l.style,
         icon: /* @__PURE__ */ s("img", {
-          src: g
+          src: p
         }),
         onClick: () => N(!0)
       })]
@@ -151,5 +138,5 @@ const ke = ie((n, t) => {
   });
 });
 export {
-  ke as default
+  Ne as default
 };

package/dist/es/Dialog/index.mjs

@@ -17,17 +17,17 @@ var v = (i, o, n) => new Promise((l, g) => {
     } catch (u) {
       g(u);
     }
-  }, a = (e) => {
+  }, r = (e) => {
     try {
       f(n.throw(e));
     } catch (u) {
       g(u);
     }
-  }, f = (e) => e.done ? l(e.value) : Promise.resolve(e.value).then(s, a);
+  }, f = (e) => e.done ? l(e.value) : Promise.resolve(e.value).then(s, r);
   f((n = n.apply(i, o)).next());
 });
-import { jsx as r, jsxs as A } from "react/jsx-runtime";
-import { forwardRef as B, useState as p, useContext as F, useRef as G, useEffect as I, useImperativeHandle as J } from "react";
+import { jsx as a, jsxs as A } from "react/jsx-runtime";
+import { forwardRef as B, useState as p, useContext as F, useRef as G, useEffect as y, useImperativeHandle as J } from "react";
 import M from "../context.mjs";
 import Q from "./AgentChat/index.mjs";
 import T from "../components/KnowledgeList/index.mjs";
@@ -37,17 +37,17 @@ import W from "./SessionList/index.mjs";
     sessionId: n,
     appId: l,
     docViewerUrl: g
-  } = i, [s, a] = p(), {
+  } = i, [s, r] = p(), {
     showHeader: f,
     agentClient: e,
     sider: u,
     onSessionLoad: m,
     features: c
-  } = F(M), [h, H] = p(), y = G(null), [K, D] = p(""), [S, k] = p(), [b, N] = p(!1);
-  I(() => {
+  } = F(M), [h, H] = p(), I = G(null), [K, D] = p(""), [S, k] = p(), [b, N] = p(!1);
+  y(() => {
     var d;
     N(s ? !!((d = s.data) != null && d.netOpen) : typeof (c == null ? void 0 : c.connectNetwork) == "object" && typeof (c == null ? void 0 : c.connectNetwork.default) == "boolean" ? c.connectNetwork.default : !1);
-  }, [s]), I(() => {
+  }, [s]), y(() => {
     const d = () => v(void 0, null, function* () {
       const t = e == null ? void 0 : e.application;
       if (!(t != null && t.id))
@@ -58,18 +58,22 @@ import W from "./SessionList/index.mjs";
       const O = w[0].embeddingService;
       D(O), H(t);
     });
+    if (e != null && e.ready) {
+      d();
+      return;
+    }
     return e == null || e.addEventListener("ready", () => d()), () => {
       e == null || e.removeEventListener("ready", d);
     };
-  }, []), I(() => {
+  }, [e]), y(() => {
     e && n && (e.ready ? e == null || e.getSessions().then((d) => v(void 0, null, function* () {
-      a == null || a(d.find((t) => t.id === n));
+      r == null || r(d.find((t) => t.id === n));
     })) : e.addEventListener("ready", () => v(void 0, null, function* () {
       e == null || e.getSessions().then((d) => v(void 0, null, function* () {
-        a == null || a(d.find((t) => t.id === n));
+        r == null || r(d.find((t) => t.id === n));
       }));
     }), !0));
-  }, [e, n]), I(() => {
+  }, [e, n]), y(() => {
     if (!s) {
       m && m({
         applicationId: l,
@@ -95,7 +99,7 @@ import W from "./SessionList/index.mjs";
   }, [s]);
   const L = (d) => {
     var t;
-    return (t = y.current) == null ? void 0 : t.create(j(R({}, d), {
+    return (t = I.current) == null ? void 0 : t.create(j(R({}, d), {
       knowledges: S
     }));
   };
@@ -103,40 +107,40 @@ import W from "./SessionList/index.mjs";
     sessionCreate: (d) => L(d),
     getSessionList: () => {
       var t;
-      const d = ((t = y.current) == null ? void 0 : t.list()) || [];
+      const d = ((t = I.current) == null ? void 0 : t.list()) || [];
       return Promise.resolve(d);
     }
-  })), /* @__PURE__ */ r("div", {
+  })), /* @__PURE__ */ a("div", {
     className: "dialog",
     children: /* @__PURE__ */ A("div", {
       className: "dialog-pannel",
-      children: [/* @__PURE__ */ r("div", {
+      children: [/* @__PURE__ */ a("div", {
         className: "dialog-sider",
-        children: /* @__PURE__ */ r(W, {
-          ref: y,
+        children: /* @__PURE__ */ a(W, {
+          ref: I,
           sider: u,
           appId: l,
           networkStatus: b,
           currentSession: s,
           application: h,
-          setCurrentSession: a,
+          setCurrentSession: r,
           checkKnowledges: S,
           setCheckKnowledges: f ? k : void 0
         })
-      }), /* @__PURE__ */ r("div", {
+      }), /* @__PURE__ */ a("div", {
         className: "dialog-content",
         children: /* @__PURE__ */ A("div", {
           className: "dialog-chat",
-          children: [f && /* @__PURE__ */ r("div", {
+          children: [f && /* @__PURE__ */ a("div", {
             className: "dialog-chat-header",
-            children: /* @__PURE__ */ r(T, {
+            children: /* @__PURE__ */ a(T, {
               setCheckKnowledges: k,
               application: h,
               currentSession: s
             })
-          }), /* @__PURE__ */ r("div", {
+          }), /* @__PURE__ */ a("div", {
             className: "dialog-chat-content",
-            children: (h == null ? void 0 : h.id) && /* @__PURE__ */ r(Q, {
+            children: (h == null ? void 0 : h.id) && /* @__PURE__ */ a(Q, {
               setNetworkStatus: N,
               networkStatus: b,
               application: h,
@@ -144,7 +148,7 @@ import W from "./SessionList/index.mjs";
               onCreateSession: L,
               docViewerUrl: g,
               embeddingService: K,
-              setCurrentSession: a
+              setCurrentSession: r
             })
           })]
         })