@glodon-aiot/agent-cli-ui 3.3.2-beta.11 → 3.3.2-beta.12

package/dist/es/AgentClientUI.mjs

@@ -95,8 +95,8 @@ const ye = (n) => {
         features: G
       }),
       children: [/* @__PURE__ */ s(ne, {
-        height: i == null ? void 0 : i.height,
-        width: i == null ? void 0 : i.width,
+        height: (i == null ? void 0 : i.height) || "100%",
+        width: (i == null ? void 0 : i.width) || "100%",
         maxConstraints: [document.body.clientWidth - 45],
         minConstraints: [Number(t == null ? void 0 : t.minWidth)],
         onResize: Y,

package/dist/es/ReactTextGenerationUI/components/TextSiders/index.mjs

@@ -1,35 +1,35 @@
-var me = Object.defineProperty, ge = Object.defineProperties;
-var ue = Object.getOwnPropertyDescriptors;
+var me = Object.defineProperty, ue = Object.defineProperties;
+var ge = Object.getOwnPropertyDescriptors;
 var j = Object.getOwnPropertySymbols;
 var fe = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable;
-var z = (r, l, s) => l in r ? me(r, l, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[l] = s, R = (r, l) => {
+var z = (r, l, s) => l in r ? me(r, l, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[l] = s, L = (r, l) => {
   for (var s in l || (l = {}))
     fe.call(l, s) && z(r, s, l[s]);
   if (j)
     for (var s of j(l))
       he.call(l, s) && z(r, s, l[s]);
   return r;
-}, E = (r, l) => ge(r, ue(l));
-var F = (r, l, s) => new Promise((C, b) => {
-  var v = (g) => {
+}, E = (r, l) => ue(r, ge(l));
+var R = (r, l, s) => new Promise((C, N) => {
+  var x = (u) => {
     try {
-      h(s.next(g));
+      h(s.next(u));
     } catch (I) {
-      b(I);
+      N(I);
     }
-  }, N = (g) => {
+  }, w = (u) => {
     try {
-      h(s.throw(g));
+      h(s.throw(u));
     } catch (I) {
-      b(I);
+      N(I);
     }
-  }, h = (g) => g.done ? C(g.value) : Promise.resolve(g.value).then(v, N);
+  }, h = (u) => u.done ? C(u.value) : Promise.resolve(u.value).then(x, w);
   h((s = s.apply(r, l)).next());
 });
-import { jsxs as k, jsx as o, Fragment as ye } from "react/jsx-runtime";
-import { useState as m, useRef as Ie, useContext as ke, useEffect as S } from "react";
-import { Form as L, Space as ve, Button as K, Input as J, message as q, notification as Ce } from "antd";
-import { v4 as xe } from "uuid";
+import { jsxs as v, jsx as o, Fragment as ye } from "react/jsx-runtime";
+import { useState as m, useRef as Ie, useContext as ke, useEffect as b } from "react";
+import { Form as q, Space as ve, Button as K, Input as J, message as F, notification as xe } from "antd";
+import { v4 as Ce } from "uuid";
 import Se from "../../../context.mjs";
 import U from "../../../components/Iconfont/index.mjs";
 import be from "../../../components/KnowledgeList/KnowledgeSelect/index.mjs";
@@ -37,22 +37,22 @@ import "../../../packages/react-components/dist/es/index.mjs";
 import Ne from "../../../Dialog/AgentChat/HistoryItem/SessionRefer/index.mjs";
 import we from "../../../node_modules/moment/dist/moment.mjs";
 /* empty css             */import { fetchEventSource as pe } from "../fetchEventSource/fetch.mjs";
-import { Markdown as Te } from "../../../packages/react-components/dist/es/components/Markdown/index.mjs";
+import { Markdown as Me } from "../../../packages/react-components/dist/es/components/Markdown/index.mjs";
 const Ee = ({
   application: r,
   sessionId: l
 }) => {
-  const s = r.id, [C, b] = m(""), [v, N] = m(""), [h, g] = m(), [I, x] = m(!1), B = Ie(null), [D, W] = m([]), [w, H] = m([]), [G, O] = m(0), [Q, Y] = m(), [c, T] = m(), [$] = L.useForm(), [M, X] = m(!1), [A, Z] = m({}), [_, ee] = m(0), {
+  const s = r.id, [C, N] = m(""), [x, w] = m(""), [h, u] = m(), [I, S] = m(!1), B = Ie(null), [D, W] = m([]), [p, H] = m([]), [G, O] = m(0), [Q, Y] = m(), [c, M] = m(), [$] = q.useForm(), [T, X] = m(!1), [A, Z] = m({}), [_, ee] = m(0), {
     service: y,
-    agentClient: p,
-    beforeMessageSend: Me,
+    agentClient: k,
+    beforeMessageSend: Te,
     popupContainer: P,
     icon: Ae,
     token: ne,
     apiUrl: te
   } = ke(Se), se = (n, a, i, e) => {
     const t = {
-      messageId: xe(),
+      messageId: Ce(),
       content: "",
       role: 1,
       sessionId: "",
@@ -60,7 +60,7 @@ const Ee = ({
       messageTime: "",
       llmModel: "",
       searchReference: []
-    }, u = E(R({}, i), {
+    }, g = E(L({}, i), {
       stream: !0
     });
     pe(`${te}/chat/v2/chat?applicationId=${n}&sessionId=${a}`, {
@@ -69,7 +69,7 @@ const Ee = ({
         Authorization: `Bearer ${ne}`,
         "Content-Type": "application/json"
       },
-      body: JSON.stringify(u),
+      body: JSON.stringify(g),
       openWhenHidden: !0,
       onopen(d) {
         return console.log("onopen"), d.ok && e != null && e.onopen && e.onopen(), Promise.resolve();
@@ -104,7 +104,7 @@ const Ee = ({
           };
           e != null && e.onmessage && e.onmessage(V);
         } else
-          return Ce.error({
+          return xe.error({
             message: f.message
           });
       },
@@ -130,7 +130,7 @@ const Ee = ({
       }
     });
   };
-  S(() => {
+  b(() => {
     if (!(r != null && r.id))
       return;
     const n = r.arrange;
@@ -140,13 +140,13 @@ const Ee = ({
     W(i), O(i.length);
     const e = i.map((t) => t.id);
     H(e);
-  }, [r]), S(() => {
-    if (!(r != null && r.id) || !p)
+  }, [r]), b(() => {
+    if (!(r != null && r.id) || !k)
       return;
-    const n = p.questionContextMaxLength || 4e3;
+    const n = k.questionContextMaxLength || 4e3;
     ee(n), re();
-  }, [r, p]);
-  const re = () => F(void 0, null, function* () {
+  }, [r, k]);
+  const re = () => R(void 0, null, function* () {
     if (!y || !s)
       return;
     const n = yield y.postApplicationIdSession({
@@ -156,7 +156,7 @@ const Ee = ({
     debugger;
     Y(n);
   });
-  S(() => {
+  b(() => {
     s && (y == null || y.getApplicationIdPromptVariables(s, {
       status: 1
     }).then((n) => {
@@ -166,26 +166,26 @@ const Ee = ({
         name: e.name,
         value: ""
       }));
-      T(i);
+      M(i);
     }));
-  }, [y]), S(() => {
+  }, [y]), b(() => {
     if (!c)
       return;
     const n = {};
     c == null || c.map((a) => {
       a.key && (n[a.key] = a.value);
-    }), $.setFieldsValue(R({}, n)), Z(n);
+    }), $.setFieldsValue(L({}, n)), Z(n);
   }, [c]);
   const oe = (n, a) => {
   }, ae = (n) => {
-    b(n.target.value);
-  }, ce = () => F(void 0, null, function* () {
-    if (x(!0), !s || !y || !p)
+    N(n.target.value);
+  }, ce = () => R(void 0, null, function* () {
+    if (S(!0), !s || !y || !k)
       return;
     for (const e in A)
-      A[e] || (x(!1), q.config({
+      A[e] || (S(!1), F.config({
         getContainer: () => (P == null ? void 0 : P.current) || document.body
-      }), q.error("变量值不能为空"), q.config({
+      }), F.error("变量值不能为空"), F.config({
         getContainer: void 0
       }));
     const n = yield y.postApplicationIdSession({
@@ -194,7 +194,7 @@ const Ee = ({
     });
     debugger;
     Y(n);
-    const a = w == null ? void 0 : w.map((e) => e.toString()), i = {
+    const a = p == null ? void 0 : p.map((e) => e.toString()), i = {
       content: C,
       chatMode: 1,
       knowledges: a,
@@ -202,51 +202,51 @@ const Ee = ({
     };
     se(s, n.id, i, {
       onmessage: (e) => {
-        x(!0), g(void 0), N(e.content);
+        S(!0), u(void 0), w(e.content);
       },
       onclose: (e) => {
-        x(!1), e.code == 200 && (N(e.content), g(e));
+        S(!1), e.code == 200 && (w(e.content), u(e));
       },
       onerror: () => {
-        x(!1);
+        S(!1);
       }
     }), c && y.getApplicationIdSessionIdPromptVariables(s, n.id).then((e) => {
-      const t = e.filter((u) => u.key !== "query").map((u) => {
-        const d = c.filter((f) => f.key === u.key);
-        return u.value = d[0].value, u;
+      const t = e.filter((g) => g.key !== "query").map((g) => {
+        const d = c.filter((f) => f.key === g.key);
+        return g.value = d[0].value, g;
       });
-      Promise.all(t.map((u) => {
-        oe(u.id, u.value);
-      })), T(t);
+      Promise.all(t.map((g) => {
+        oe(g.id, g.value);
+      })), M(t);
     });
   });
-  S(() => {
-    if (!v)
+  b(() => {
+    if (!x)
       return;
     const n = B.current;
     n && (n.scrollTop = n.scrollHeight);
-  }, [v]);
+  }, [x]);
   const le = (n) => {
     H(n), O(n.length);
   }, de = (n, a) => {
     c && (c.map((i) => {
       i.id === n && (i.value = a.target.value);
-    }), T([...c]));
+    }), M([...c]));
   }, ie = () => {
-    X(!M);
+    X(!T);
   };
-  return /* @__PURE__ */ k("div", {
+  return /* @__PURE__ */ v("div", {
     className: "text-main",
-    children: [/* @__PURE__ */ k("div", {
+    children: [/* @__PURE__ */ v("div", {
       className: "text-left-sider",
-      children: [/* @__PURE__ */ k("div", {
+      children: [/* @__PURE__ */ v("div", {
         className: "text-prompts",
         children: [/* @__PURE__ */ o("div", {
           className: "prompts-header",
-          children: /* @__PURE__ */ k(ve, {
+          children: /* @__PURE__ */ v(ve, {
             children: [/* @__PURE__ */ o(K, {
               className: "prompts-btn",
-              icon: M ? /* @__PURE__ */ o(U, {
+              icon: T ? /* @__PURE__ */ o(U, {
                 type: "icon-biaoge-shouqi"
               }) : /* @__PURE__ */ o(U, {
                 type: "icon-biaoge-zhankai"
@@ -258,7 +258,7 @@ const Ee = ({
               children: "文本生成设置"
             })]
           })
-        }), !M && (c != null && c.length ? /* @__PURE__ */ o(L, {
+        }), !T && (c != null && c.length ? /* @__PURE__ */ o(q, {
           autoComplete: "off",
           form: $,
           labelWrap: !0,
@@ -269,7 +269,7 @@ const Ee = ({
             }
           },
           className: "prompts-form",
-          children: c == null ? void 0 : c.map((n) => /* @__PURE__ */ o(L.Item, {
+          children: c == null ? void 0 : c.map((n) => /* @__PURE__ */ o(q.Item, {
             label: n.name,
             name: n.key,
             style: {
@@ -281,18 +281,18 @@ const Ee = ({
             }],
             children: /* @__PURE__ */ o(J, {
               placeholder: "请输入",
-              maxLength: 1e3,
+              maxLength: k == null ? void 0 : k.questionContextMaxLength,
               onBlur: (a) => de(n.id, a)
             })
           }, n.key))
         }) : null)]
-      }), /* @__PURE__ */ k("div", {
+      }), /* @__PURE__ */ v("div", {
         className: "sider-header",
         children: [/* @__PURE__ */ o("span", {
           className: "header-title",
           children: "文本生成输入"
         }), D.length !== 0 && /* @__PURE__ */ o(be, {
-          checkedValues: w,
+          checkedValues: p,
           currKnowledgeList: D,
           selectCount: G,
           onSelectChange: le,
@@ -300,7 +300,7 @@ const Ee = ({
         })]
       }), /* @__PURE__ */ o("div", {
         className: "sider-main",
-        children: /* @__PURE__ */ k("div", {
+        children: /* @__PURE__ */ v("div", {
           className: "sider-text",
           children: [/* @__PURE__ */ o(J.TextArea, {
             style: {
@@ -331,9 +331,9 @@ const Ee = ({
         children: /* @__PURE__ */ o("div", {
           className: "sider-text",
           ref: B,
-          children: v ? /* @__PURE__ */ k(ye, {
-            children: [/* @__PURE__ */ o(Te, {
-              children: v
+          children: x ? /* @__PURE__ */ v(ye, {
+            children: [/* @__PURE__ */ o(Me, {
+              children: x
             }), h && (h == null ? void 0 : h.reference.length) !== 0 && /* @__PURE__ */ o(Ne, {
               history: h,
               docViewerUrl: ""

package/dist/es/ReactTextGenerationUI/index.mjs

@@ -1,76 +1,65 @@
-var z = Object.defineProperty, A = Object.defineProperties;
-var B = Object.getOwnPropertyDescriptors;
+var A = Object.defineProperty, L = Object.defineProperties;
+var M = Object.getOwnPropertyDescriptors;
 var i = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
-var s = (o, e, t) => e in o ? z(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, a = (o, e) => {
+var P = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var s = (o, e, t) => e in o ? A(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, a = (o, e) => {
   for (var t in e || (e = {}))
-    L.call(e, t) && s(o, t, e[t]);
+    P.call(e, t) && s(o, t, e[t]);
   if (i)
     for (var t of i(e))
-      M.call(e, t) && s(o, t, e[t]);
+      U.call(e, t) && s(o, t, e[t]);
   return o;
-}, l = (o, e) => A(o, B(e));
+}, d = (o, e) => L(o, M(e));
 import { jsx as n } from "react/jsx-runtime";
-import { useRef as P, useState as d, useEffect as j } from "react";
-/* empty css             */import { ConfigProvider as m } from "antd";
-import w from "antd/es/locale/zh_CN";
+import { useRef as j, useState as l, useEffect as z } from "react";
+/* empty css             */import { ConfigProvider as f } from "antd";
+import B from "antd/es/locale/zh_CN";
 import E from "./components/TextSiders/index.mjs";
 import { JWT as J } from "../utils/index.mjs";
-import { AgentClientProvider as V } from "../context.mjs";
-const ae = (o) => {
+import { AgentClientProvider as W } from "../context.mjs";
+const Y = (o) => {
   const {
     application: e,
-    className: t,
-    triggerButton: W,
-    size: q,
-    theme: c,
-    icon: D,
-    docViewerUrl: F,
+    theme: t,
     token: r,
-    debug: G,
-    env: H,
-    plugins: K,
-    mcp: O,
-    footer: p,
-    defaultInput: f,
-    onComment: u,
-    onSessionLoad: g,
-    onSessionUnload: h,
-    onMessage: v,
+    footer: m,
+    defaultInput: c,
+    onComment: p,
+    onSessionLoad: u,
+    onSessionUnload: g,
+    onMessage: h,
     beforeMessageSend: C,
     bodyStyle: S,
-    apiUrl: Q,
-    sessionId: x,
-    disabled: I,
-    transform: b,
-    features: N,
-    stream: X,
-    agentClient: U
-  } = o, R = P(null), [T, Y] = d(!1), [Z, k] = d();
-  return j(() => {
+    sessionId: v,
+    disabled: x,
+    transform: I,
+    features: b,
+    agentClient: N
+  } = o, R = j(null), [T, q] = l(!1), [w, k] = l();
+  return z(() => {
     if (!r)
       return;
     const y = J(r);
     k(y.rid);
-  }, [r]), m.config({
-    theme: c
-  }), /* @__PURE__ */ n(m, {
-    locale: w,
-    children: /* @__PURE__ */ n(V, {
-      value: l(a({}, o), {
+  }, [r]), f.config({
+    theme: t
+  }), /* @__PURE__ */ n(f, {
+    locale: B,
+    children: /* @__PURE__ */ n(W, {
+      value: d(a({}, o), {
         popupContainer: R,
-        agentClient: U,
-        footer: p,
-        defaultInput: f,
-        onComment: u,
-        onSessionLoad: g,
-        onSessionUnload: h,
-        onMessage: v,
+        agentClient: N,
+        footer: m,
+        defaultInput: c,
+        onComment: p,
+        onSessionLoad: u,
+        onSessionUnload: g,
+        onMessage: h,
         beforeMessageSend: C,
         bodyStyle: S,
-        disabled: I,
-        transform: b,
-        features: N
+        disabled: x,
+        transform: I,
+        features: b
       }),
       children: !T && /* @__PURE__ */ n("div", {
         className: "chat-text",
@@ -78,7 +67,7 @@ const ae = (o) => {
           className: "text-pannel",
           children: /* @__PURE__ */ n(E, {
             application: e,
-            sessionId: x
+            sessionId: v
           })
         })
       })
@@ -86,5 +75,5 @@ const ae = (o) => {
   });
 };
 export {
-  ae as default
+  Y as default
 };

package/dist/es/index.mjs

@@ -264,121 +264,6 @@ class Ei {
   enable() {
     this._inputDisabled = !1, this.render();
   }
-  // render() {
-  //   let containerParentH = this.wrapper.getBoundingClientRect().height;
-  //   this.wrapper.style.height = `${containerParentH}px`;
-  //   ReactDOM.render(
-  //     <AgentCliUIComponent
-  //       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={{ visible: true, ...this.uiConfig.triggerButton }}
-  //       history={this.uiConfig.history}
-  //       service={this.service}
-  //       docViewerUrl={this.docViewerUrl}
-  //       plugins={this.uiConfig.plugins}
-  //       mcp={this.uiConfig.mcp}
-  //       transform={{
-  //         ...this.uiConfig.transform,
-  //         knowledges:
-  //           this.uiConfig.features?.knowledges === true ||
-  //           (typeof this.uiConfig.features?.knowledges === 'object' &&
-  //             this.uiConfig.features?.knowledges?.visible !== false)
-  //             ? true
-  //             : false,
-  //       }}
-  //       features={this.uiConfig.features}
-  //       disabled={this._inputDisabled}
-  //       sider={this.uiConfig.sider}
-  //       footer={this.uiConfig.footer}
-  //       onComment={(payload) => {
-  //         try {
-  //           this.uiConfig.eventListeners?.comment?.(payload);
-  //         } catch (error) {
-  //           console.error(error);
-  //         }
-  //       }}
-  //       //TODO 流式响应
-  //       // onStreamMessage={(payload) => {
-  //       //   try {
-  //       //     this.uiConfig.eventListeners?.message?.(payload);
-  //       //   } catch (error) {
-  //       //     console.error(error);
-  //       //   }
-  //       // }}
-  //       onMessage={(payload) => {
-  //         if (!payload.message.messageId) return;
-  //         try {
-  //           this.uiConfig.eventListeners?.message?.(payload);
-  //         } catch (error) {
-  //           console.error(error);
-  //         }
-  //       }}
-  //       beforeMessageSend={(payload) => {
-  //         if (!this.uiConfig.eventListeners?.beforemessagesend) return true;
-  //         try {
-  //           return (
-  //             this.uiConfig.eventListeners?.beforemessagesend?.(payload) ||
-  //             false
-  //           );
-  //         } catch (error) {
-  //           console.error(error);
-  //           return false;
-  //         }
-  //       }}
-  //       onSessionUnload={(payload) => {
-  //         this._activeSession = null;
-  //         try {
-  //           this.uiConfig.eventListeners?.sessionunload?.(payload);
-  //         } catch (error) {
-  //           console.error(error);
-  //         }
-  //       }}
-  //       onSessionLoad={(payload) => {
-  //         if (this._activeSession?.id === payload.sessionId) {
-  //           this._activeSession = payload.session;
-  //         } else {
-  //           this._activeSession = payload.session;
-  //           try {
-  //             this.uiConfig.eventListeners?.sessionload?.(payload);
-  //           } catch (error) {
-  //             console.error(error);
-  //           }
-  //         }
-  //       }}
-  //       onHistoryLoad={(payload) => {
-  //         if (this._activeSession?.id === payload.sessionId) {
-  //           try {
-  //             this.uiConfig.eventListeners?.historyload?.(payload);
-  //           } catch (error) {
-  //             console.error(error);
-  //           }
-  //         }
-  //       }}
-  //       defaultInput={
-  //         this._defaultInputText !== undefined
-  //           ? { text: this._defaultInputText }
-  //           : undefined
-  //       }
-  //       bodyStyle={this.uiConfig.bodyStyle}
-  //       stream={this.stream}
-  //     />,
-  //     this.wrapper
-  //   );
-  //   this._defaultInputText = '';
-  // }
   createBotClientSDK() {
     return I(this, null, function* () {
       return new Promise((e, r) => {

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.11", 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.12", 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.11", s = "./dist/es/index
   webpack: "*"
 }, p = {
   "@ant-design/icons": "^5.3.4",
-  "@glodon-aiot/apis": "^3.3.2-beta.11",
-  "@glodon-aiot/bot-client-sdk": "^3.3.2-beta.11",
+  "@glodon-aiot/apis": "^3.3.2-beta.12",
+  "@glodon-aiot/bot-client-sdk": "^3.3.2-beta.12",
   "@matejmazur/react-mathjax": "^0.1.10",
   "@react-pdf-viewer/core": "^3.12.0",
   "@react-pdf-viewer/default-layout": "^3.12.0",