@glodon-aiot/agent-cli-ui 3.3.2-beta.10 → 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

@@ -0,0 +1,354 @@
+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, 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) => ue(r, ge(l));
+var R = (r, l, s) => new Promise((C, N) => {
+  var x = (u) => {
+    try {
+      h(s.next(u));
+    } catch (I) {
+      N(I);
+    }
+  }, w = (u) => {
+    try {
+      h(s.throw(u));
+    } catch (I) {
+      N(I);
+    }
+  }, h = (u) => u.done ? C(u.value) : Promise.resolve(u.value).then(x, w);
+  h((s = s.apply(r, l)).next());
+});
+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";
+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 Me } from "../../../packages/react-components/dist/es/components/Markdown/index.mjs";
+const Ee = ({
+  application: r,
+  sessionId: l
+}) => {
+  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: k,
+    beforeMessageSend: Te,
+    popupContainer: P,
+    icon: Ae,
+    token: ne,
+    apiUrl: te
+  } = ke(Se), se = (n, a, i, e) => {
+    const t = {
+      messageId: Ce(),
+      content: "",
+      role: 1,
+      sessionId: "",
+      reference: [],
+      messageTime: "",
+      llmModel: "",
+      searchReference: []
+    }, g = E(L({}, i), {
+      stream: !0
+    });
+    pe(`${te}/chat/v2/chat?applicationId=${n}&sessionId=${a}`, {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${ne}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(g),
+      openWhenHidden: !0,
+      onopen(d) {
+        return console.log("onopen"), d.ok && e != null && e.onopen && e.onopen(), Promise.resolve();
+      },
+      onmessage(d) {
+        if (!d.id && !d.data && !d.event && !d.retry)
+          return;
+        if (!d.data.includes('{"code": ')) {
+          t.content = t.content + d.data;
+          const V = {
+            content: t.content,
+            role: 1,
+            reference: t.reference,
+            messageId: t.messageId,
+            sessionId: a,
+            messageTime: we(/* @__PURE__ */ new Date()).format("YYYY-MM-DD HH:mm:ss"),
+            searchReference: []
+          };
+          return (e == null ? void 0 : e.onmessage) && e.onmessage(V);
+        }
+        const f = JSON.parse(d.data);
+        if (t.reference = f.data.reference, t.messageTime = f.data.messageTime, t.messageId = f.data.messageId, t.llmModel = f.data.llmModel, t.content = f.data.content, t.code = f.code, f.code === 200) {
+          const V = {
+            code: t.code,
+            content: t.content,
+            role: 1,
+            reference: t.reference,
+            messageId: t.messageId,
+            sessionId: a,
+            messageTime: t.messageTime,
+            searchReference: []
+          };
+          e != null && e.onmessage && e.onmessage(V);
+        } else
+          return xe.error({
+            message: f.message
+          });
+      },
+      onerror() {
+        e != null && e.onerror && e.onerror();
+      },
+      onclose() {
+        console.log("onclose");
+        const d = {
+          code: t.code,
+          content: t.content,
+          role: 1,
+          reference: t.reference,
+          messageId: t.messageId,
+          sessionId: a,
+          messageTime: t.messageTime,
+          comment: {
+            isAgree: 0
+          },
+          searchReference: []
+        };
+        e != null && e.onclose && e.onclose(d);
+      }
+    });
+  };
+  b(() => {
+    if (!(r != null && r.id))
+      return;
+    const n = r.arrange;
+    if (!(n != null && n.length))
+      return;
+    const i = n[0].knowledges || [];
+    W(i), O(i.length);
+    const e = i.map((t) => t.id);
+    H(e);
+  }, [r]), b(() => {
+    if (!(r != null && r.id) || !k)
+      return;
+    const n = k.questionContextMaxLength || 4e3;
+    ee(n), re();
+  }, [r, k]);
+  const re = () => R(void 0, null, function* () {
+    if (!y || !s)
+      return;
+    const n = yield y.postApplicationIdSession({
+      name: "AI 会话",
+      applicationId: s
+    });
+    debugger;
+    Y(n);
+  });
+  b(() => {
+    s && (y == null || y.getApplicationIdPromptVariables(s, {
+      status: 1
+    }).then((n) => {
+      const i = n.filter((e) => e.key !== "query").map((e) => ({
+        id: e.id,
+        key: e.key,
+        name: e.name,
+        value: ""
+      }));
+      M(i);
+    }));
+  }, [y]), b(() => {
+    if (!c)
+      return;
+    const n = {};
+    c == null || c.map((a) => {
+      a.key && (n[a.key] = a.value);
+    }), $.setFieldsValue(L({}, n)), Z(n);
+  }, [c]);
+  const oe = (n, a) => {
+  }, ae = (n) => {
+    N(n.target.value);
+  }, ce = () => R(void 0, null, function* () {
+    if (S(!0), !s || !y || !k)
+      return;
+    for (const e in A)
+      A[e] || (S(!1), F.config({
+        getContainer: () => (P == null ? void 0 : P.current) || document.body
+      }), F.error("变量值不能为空"), F.config({
+        getContainer: void 0
+      }));
+    const n = yield y.postApplicationIdSession({
+      name: "AI 会话",
+      applicationId: s
+    });
+    debugger;
+    Y(n);
+    const a = p == null ? void 0 : p.map((e) => e.toString()), i = {
+      content: C,
+      chatMode: 1,
+      knowledges: a,
+      promptVariables: A
+    };
+    se(s, n.id, i, {
+      onmessage: (e) => {
+        S(!0), u(void 0), w(e.content);
+      },
+      onclose: (e) => {
+        S(!1), e.code == 200 && (w(e.content), u(e));
+      },
+      onerror: () => {
+        S(!1);
+      }
+    }), c && y.getApplicationIdSessionIdPromptVariables(s, n.id).then((e) => {
+      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((g) => {
+        oe(g.id, g.value);
+      })), M(t);
+    });
+  });
+  b(() => {
+    if (!x)
+      return;
+    const n = B.current;
+    n && (n.scrollTop = n.scrollHeight);
+  }, [x]);
+  const le = (n) => {
+    H(n), O(n.length);
+  }, de = (n, a) => {
+    c && (c.map((i) => {
+      i.id === n && (i.value = a.target.value);
+    }), M([...c]));
+  }, ie = () => {
+    X(!T);
+  };
+  return /* @__PURE__ */ v("div", {
+    className: "text-main",
+    children: [/* @__PURE__ */ v("div", {
+      className: "text-left-sider",
+      children: [/* @__PURE__ */ v("div", {
+        className: "text-prompts",
+        children: [/* @__PURE__ */ o("div", {
+          className: "prompts-header",
+          children: /* @__PURE__ */ v(ve, {
+            children: [/* @__PURE__ */ o(K, {
+              className: "prompts-btn",
+              icon: T ? /* @__PURE__ */ o(U, {
+                type: "icon-biaoge-shouqi"
+              }) : /* @__PURE__ */ o(U, {
+                type: "icon-biaoge-zhankai"
+              }),
+              type: "link",
+              onClick: () => ie()
+            }), /* @__PURE__ */ o("span", {
+              className: "prompts-title",
+              children: "文本生成设置"
+            })]
+          })
+        }), !T && (c != null && c.length ? /* @__PURE__ */ o(q, {
+          autoComplete: "off",
+          form: $,
+          labelWrap: !0,
+          labelAlign: "left",
+          labelCol: {
+            style: {
+              width: 194
+            }
+          },
+          className: "prompts-form",
+          children: c == null ? void 0 : c.map((n) => /* @__PURE__ */ o(q.Item, {
+            label: n.name,
+            name: n.key,
+            style: {
+              marginBottom: 8
+            },
+            rules: [{
+              required: !0,
+              message: "请输入"
+            }],
+            children: /* @__PURE__ */ o(J, {
+              placeholder: "请输入",
+              maxLength: k == null ? void 0 : k.questionContextMaxLength,
+              onBlur: (a) => de(n.id, a)
+            })
+          }, n.key))
+        }) : null)]
+      }), /* @__PURE__ */ v("div", {
+        className: "sider-header",
+        children: [/* @__PURE__ */ o("span", {
+          className: "header-title",
+          children: "文本生成输入"
+        }), D.length !== 0 && /* @__PURE__ */ o(be, {
+          checkedValues: p,
+          currKnowledgeList: D,
+          selectCount: G,
+          onSelectChange: le,
+          disabled: !1
+        })]
+      }), /* @__PURE__ */ o("div", {
+        className: "sider-main",
+        children: /* @__PURE__ */ v("div", {
+          className: "sider-text",
+          children: [/* @__PURE__ */ o(J.TextArea, {
+            style: {
+              height: "100%",
+              resize: "none"
+            },
+            placeholder: "请输入你的问题，通过shift+enter换行",
+            maxLength: _,
+            showCount: !0,
+            bordered: !1,
+            onChange: ae,
+            value: C,
+            className: "left-input"
+          }), /* @__PURE__ */ o(K, {
+            type: "primary",
+            disabled: !C || I,
+            onClick: ce,
+            className: "sider-btn",
+            loading: I,
+            children: I ? "生成中" : "确认生成"
+          })]
+        })
+      })]
+    }), /* @__PURE__ */ o("div", {
+      className: "text-right-sider",
+      children: /* @__PURE__ */ o("div", {
+        className: "sider-main",
+        children: /* @__PURE__ */ o("div", {
+          className: "sider-text",
+          ref: B,
+          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: ""
+            })]
+          }) : /* @__PURE__ */ o("div", {
+            className: "text-pannel",
+            children: /* @__PURE__ */ o("span", {
+              children: "请在左侧输入需要 AI 生成的内容"
+            })
+          })
+        })
+      })
+    })]
+  });
+};
+export {
+  Ee as default
+};

package/dist/es/ReactTextGenerationUI/components/fetchEventSource/fetch.mjs

@@ -0,0 +1,112 @@
+var W = Object.defineProperty, j = Object.defineProperties;
+var k = Object.getOwnPropertyDescriptors;
+var v = Object.getOwnPropertySymbols;
+var A = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
+var I = (t, e, a) => e in t ? W(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, E = (t, e) => {
+  for (var a in e || (e = {}))
+    A.call(e, a) && I(t, a, e[a]);
+  if (v)
+    for (var a of v(e))
+      R.call(e, a) && I(t, a, e[a]);
+  return t;
+}, $ = (t, e) => j(t, k(e));
+var q = (t, e) => {
+  var a = {};
+  for (var n in t)
+    A.call(t, n) && e.indexOf(n) < 0 && (a[n] = t[n]);
+  if (t != null && v)
+    for (var n of v(t))
+      e.indexOf(n) < 0 && R.call(t, n) && (a[n] = t[n]);
+  return a;
+};
+var B = (t, e, a) => new Promise((n, w) => {
+  var o = (r) => {
+    try {
+      c(a.next(r));
+    } catch (d) {
+      w(d);
+    }
+  }, i = (r) => {
+    try {
+      c(a.throw(r));
+    } catch (d) {
+      w(d);
+    }
+  }, c = (r) => r.done ? n(r.value) : Promise.resolve(r.value).then(o, i);
+  c((a = a.apply(t, e)).next());
+});
+import { getBytes as z, getLines as G, getMessages as H } from "./parse.mjs";
+const g = "text/event-stream", J = 1e3, D = "last-event-id";
+function X(t, N) {
+  var u = N, {
+    signal: e,
+    headers: a,
+    onopen: n,
+    onmessage: w,
+    onclose: o,
+    onerror: i,
+    openWhenHidden: c,
+    fetch: r
+  } = u, d = q(u, [
+    "signal",
+    "headers",
+    "onopen",
+    "onmessage",
+    "onclose",
+    "onerror",
+    "openWhenHidden",
+    "fetch"
+  ]);
+  return new Promise((L, M) => {
+    const f = E({}, a);
+    f.accept || (f.accept = g);
+    let l;
+    function C() {
+      l.abort(), document.hidden || b();
+    }
+    c || document.addEventListener("visibilitychange", C);
+    let T = J, y = 0;
+    function h() {
+      document.removeEventListener("visibilitychange", C), window.clearTimeout(y), l.abort();
+    }
+    e == null || e.addEventListener("abort", () => {
+      h(), L();
+    });
+    const P = r != null ? r : window.fetch, V = n != null ? n : K;
+    function b() {
+      return B(this, null, function* () {
+        var x;
+        l = new AbortController();
+        try {
+          const m = yield P(t, $(E({}, d), {
+            headers: f,
+            signal: l.signal
+          }));
+          yield V(m), yield z(m.body, G(H((s) => {
+            s ? f[D] = s : delete f[D];
+          }, (s) => {
+            T = s;
+          }, w))), o == null || o(), h(), L();
+        } catch (m) {
+          if (!l.signal.aborted)
+            try {
+              const s = (x = i == null ? void 0 : i(m)) != null ? x : T;
+              window.clearTimeout(y), y = window.setTimeout(b, s);
+            } catch (s) {
+              h(), M(s);
+            }
+        }
+      });
+    }
+    b();
+  });
+}
+function K(t) {
+  const e = t.headers.get("content-type");
+  if (!(e != null && e.startsWith(g)))
+    throw new Error(`Expected content-type to be ${g}, Actual: ${e}`);
+}
+export {
+  g as EventStreamContentType,
+  X as fetchEventSource
+};

package/dist/es/ReactTextGenerationUI/components/fetchEventSource/parse.mjs

@@ -0,0 +1,97 @@
+var b = (s, t, e) => new Promise((a, c) => {
+  var f = (r) => {
+    try {
+      i(e.next(r));
+    } catch (n) {
+      c(n);
+    }
+  }, l = (r) => {
+    try {
+      i(e.throw(r));
+    } catch (n) {
+      c(n);
+    }
+  }, i = (r) => r.done ? a(r.value) : Promise.resolve(r.value).then(f, l);
+  i((e = e.apply(s, t)).next());
+});
+function w(s, t) {
+  return b(this, null, function* () {
+    const e = s.getReader();
+    let a;
+    for (; !(a = yield e.read()).done; )
+      t(a.value);
+  });
+}
+function g(s) {
+  let t, e, a, c = !1, f;
+  return function(i) {
+    t === void 0 ? (t = i, e = 0, a = -1, f = !1) : t = h(t, i);
+    const r = t.length;
+    let n = 0;
+    for (; e < r; ) {
+      c && (t[e] === 10 && (n = ++e), c = !1);
+      let o = -1;
+      for (; e < r && o === -1; ++e)
+        switch (t[e]) {
+          case 58:
+            a === -1 && (a = e - n);
+            break;
+          case 13:
+            c = !1, e + 4 < r && t[e + 1] === 10 && t[e + 2] !== 13 && t[e - 1] !== 10 && t[e - 2] !== 13 && (f = !0);
+          case 10:
+            o = e;
+            break;
+        }
+      if (o === -1)
+        break;
+      s(t.subarray(n, o), a, f), n = e, a = -1, f = !1;
+    }
+    n === r ? t = void 0 : n !== 0 && (t = t.subarray(n), e -= n);
+  };
+}
+function k(s, t, e) {
+  let a = y();
+  const c = new TextDecoder();
+  return function(l, i, r) {
+    if (l.length === 0)
+      e == null || e(a), a = y();
+    else if (i > 0) {
+      const n = c.decode(l.subarray(0, i)), o = i + (l[i + 1] === 32 ? 2 : 1);
+      let d = c.decode(l.subarray(o));
+      switch (r && (d += `
+`), n) {
+        case "data":
+          a.data = a.data ? a.data + `
+` + d : d;
+          break;
+        case "event":
+          a.event = d;
+          break;
+        case "id":
+          s(a.id = d);
+          break;
+        case "retry":
+          const u = parseInt(d, 10);
+          isNaN(u) || t(a.retry = u);
+          break;
+      }
+    }
+  };
+}
+function h(s, t) {
+  const e = new Uint8Array(s.length + t.length);
+  return e.set(s), e.set(t, s.length), e;
+}
+function y() {
+  return {
+    data: "",
+    event: "",
+    id: "",
+    retry: void 0
+  };
+}
+export {
+  w as getBytes,
+  g as getLines,
+  k as getMessages
+};

package/dist/es/ReactTextGenerationUI/index.mjs

@@ -0,0 +1,79 @@
+var A = Object.defineProperty, L = Object.defineProperties;
+var M = Object.getOwnPropertyDescriptors;
+var i = Object.getOwnPropertySymbols;
+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 = {}))
+    P.call(e, t) && s(o, t, e[t]);
+  if (i)
+    for (var t of i(e))
+      U.call(e, t) && s(o, t, e[t]);
+  return o;
+}, d = (o, e) => L(o, M(e));
+import { jsx as n } from "react/jsx-runtime";
+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 W } from "../context.mjs";
+const Y = (o) => {
+  const {
+    application: e,
+    theme: t,
+    token: r,
+    footer: m,
+    defaultInput: c,
+    onComment: p,
+    onSessionLoad: u,
+    onSessionUnload: g,
+    onMessage: h,
+    beforeMessageSend: C,
+    bodyStyle: S,
+    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]), f.config({
+    theme: t
+  }), /* @__PURE__ */ n(f, {
+    locale: B,
+    children: /* @__PURE__ */ n(W, {
+      value: d(a({}, o), {
+        popupContainer: R,
+        agentClient: N,
+        footer: m,
+        defaultInput: c,
+        onComment: p,
+        onSessionLoad: u,
+        onSessionUnload: g,
+        onMessage: h,
+        beforeMessageSend: C,
+        bodyStyle: S,
+        disabled: x,
+        transform: I,
+        features: b
+      }),
+      children: !T && /* @__PURE__ */ n("div", {
+        className: "chat-text",
+        children: /* @__PURE__ */ n("div", {
+          className: "text-pannel",
+          children: /* @__PURE__ */ n(E, {
+            application: e,
+            sessionId: v
+          })
+        })
+      })
+    })
+  });
+};
+export {
+  Y as default
+};