@glodon-aiot/agent-cli-ui 3.3.2-beta.2 → 3.3.2-beta.20

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

@@ -0,0 +1,363 @@
+var me = Object.defineProperty, ue = Object.defineProperties;
+var ge = Object.getOwnPropertyDescriptors;
+var $ = Object.getOwnPropertySymbols;
+var fe = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable;
+var j = (s, l, t) => l in s ? me(s, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[l] = t, S = (s, l) => {
+  for (var t in l || (l = {}))
+    fe.call(l, t) && j(s, t, l[t]);
+  if ($)
+    for (var t of $(l))
+      he.call(l, t) && j(s, t, l[t]);
+  return s;
+}, z = (s, l) => ue(s, ge(l));
+var A = (s, l, t) => new Promise((C, N) => {
+  var x = (g) => {
+    try {
+      I(t.next(g));
+    } catch (y) {
+      N(y);
+    }
+  }, p = (g) => {
+    try {
+      I(t.throw(g));
+    } catch (y) {
+      N(y);
+    }
+  }, I = (g) => g.done ? C(g.value) : Promise.resolve(g.value).then(x, p);
+  I((t = t.apply(s, l)).next());
+});
+import { jsxs as v, jsx as o, Fragment as Ie } from "react/jsx-runtime";
+import { useState as u, useRef as ye, useContext as ke, useEffect as b } from "react";
+import { Form as R, Space as ve, Button as E, Input as J, message as q, notification as xe } from "antd";
+import { v4 as Ce } from "uuid";
+import we from "../../../context.mjs";
+import U from "../../../components/Iconfont/index.mjs";
+import Se from "../../../components/KnowledgeList/KnowledgeSelect/index.mjs";
+import "../../../packages/react-components/dist/es/index.mjs";
+import be from "../../../Dialog/AgentChat/HistoryItem/SessionRefer/index.mjs";
+import Ne 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";
+const ze = ({
+  application: s,
+  sessionId: l
+}) => {
+  const t = s.id, [C, N] = u(""), [x, p] = u(""), [I, g] = u(), [y, w] = u(!1), B = ye(null), [D, W] = u([]), [T, H] = u([]), [G, K] = u(0), [Q, O] = u(), [c, P] = u(), [Y] = R.useForm(), [M, X] = u(!1), [V, Z] = u({}), [_, ee] = u(0), {
+    service: f,
+    agentClient: k,
+    beforeMessageSend: Ae,
+    popupContainer: F,
+    icon: Pe,
+    token: ne,
+    apiUrl: re
+  } = ke(we), te = (n, a, m, e) => {
+    const r = {
+      messageId: Ce(),
+      content: "",
+      role: 1,
+      sessionId: "",
+      reference: [],
+      messageTime: "",
+      llmModel: "",
+      searchReference: []
+    }, d = z(S({}, m), {
+      stream: !0
+    });
+    pe(`${re}/chat/v2/chat?applicationId=${n}&sessionId=${a}`, {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${ne}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(d),
+      openWhenHidden: !0,
+      onopen(i) {
+        return console.log("onopen"), i.ok && e != null && e.onopen && e.onopen(), Promise.resolve();
+      },
+      onmessage(i) {
+        if (!i.id && !i.data && !i.event && !i.retry)
+          return;
+        if (!i.data.includes('{"code": ')) {
+          r.content = r.content + i.data;
+          const L = {
+            content: r.content,
+            role: 1,
+            reference: r.reference,
+            messageId: r.messageId,
+            sessionId: a,
+            messageTime: Ne(/* @__PURE__ */ new Date()).format("YYYY-MM-DD HH:mm:ss"),
+            searchReference: []
+          };
+          return (e == null ? void 0 : e.onmessage) && e.onmessage(L);
+        }
+        const h = JSON.parse(i.data);
+        if (r.reference = h.data.reference, r.messageTime = h.data.messageTime, r.messageId = h.data.messageId, r.llmModel = h.data.llmModel, r.content = h.data.content, r.code = h.code, h.code === 200) {
+          const L = {
+            code: r.code,
+            content: r.content,
+            role: 1,
+            reference: r.reference,
+            messageId: r.messageId,
+            sessionId: a,
+            messageTime: r.messageTime,
+            searchReference: []
+          };
+          e != null && e.onmessage && e.onmessage(L);
+        } else
+          return xe.error({
+            message: h.message
+          });
+      },
+      onerror() {
+        e != null && e.onerror && e.onerror();
+      },
+      onclose() {
+        console.log("onclose");
+        const i = {
+          code: r.code,
+          content: r.content,
+          role: 1,
+          reference: r.reference,
+          messageId: r.messageId,
+          sessionId: a,
+          messageTime: r.messageTime,
+          comment: {
+            isAgree: 0
+          },
+          searchReference: []
+        };
+        e != null && e.onclose && e.onclose(i);
+      }
+    });
+  };
+  b(() => {
+    if (!(s != null && s.id))
+      return;
+    const n = s.arrange;
+    if (!(n != null && n.length))
+      return;
+    const m = n[0].knowledges || [];
+    W(m), K(m.length);
+    const e = m.map((r) => r.id);
+    H(e);
+  }, [s]), b(() => {
+    if (!(s != null && s.id) || !k)
+      return;
+    const n = k.questionContextMaxLength || 4e3;
+    ee(n), se();
+  }, [s, k]);
+  const se = () => A(void 0, null, function* () {
+    if (!f || !t)
+      return;
+    const n = yield f.postApplicationIdSession({
+      name: "AI 会话",
+      applicationId: t
+    });
+    debugger;
+    O(n);
+  });
+  b(() => {
+    t && (f == null || f.getApplicationIdPromptVariables(t, {
+      status: 1
+    }).then((n) => {
+      const m = n.filter((e) => e.key !== "query").map((e) => ({
+        id: e.id,
+        key: e.key,
+        name: e.name,
+        value: ""
+      }));
+      P(m);
+    }));
+  }, [f]), b(() => {
+    if (!c)
+      return;
+    const n = {};
+    c == null || c.map((a) => {
+      a.key && (n[a.key] = a.value);
+    }), Y.setFieldsValue(S({}, n)), Z(n);
+  }, [c]);
+  const oe = (n, a) => {
+  }, ae = (n) => {
+    N(n.target.value);
+  }, ce = () => A(void 0, null, function* () {
+    if (w(!0), !t || !f || !k)
+      return;
+    for (const e in V)
+      V[e] || (w(!1), q.config({
+        getContainer: () => (F == null ? void 0 : F.current) || document.body
+      }), q.error("变量值不能为空"), q.config({
+        getContainer: void 0
+      }));
+    const n = yield f.postApplicationIdSession({
+      name: "AI 会话",
+      applicationId: t
+    });
+    debugger;
+    O(n);
+    const a = T == null ? void 0 : T.map((e) => e.toString()), m = {
+      content: C,
+      chatMode: 1,
+      knowledges: a,
+      promptVariables: V
+    };
+    te(t, n.id, m, {
+      onmessage: (e) => {
+        w(!0), g(void 0), p(e.content);
+      },
+      onclose: (e) => A(void 0, null, function* () {
+        if (w(!1), e.code == 200) {
+          p(e.content);
+          const r = yield Promise.all(e.reference.map((d) => f.getKnowledgeIdFileId(d.knowledgeId, d.docId)));
+          e.reference = e.reference.map((d, i) => S(S({}, d), r[i])), g(e);
+        }
+      }),
+      onerror: () => {
+        w(!1);
+      }
+    }), c && f.getApplicationIdSessionIdPromptVariables(t, n.id).then((e) => {
+      const r = e.filter((d) => d.key !== "query").map((d) => {
+        const i = c.filter((h) => h.key === d.key);
+        return d.value = i[0].value, d;
+      });
+      Promise.all(r.map((d) => {
+        oe(d.id, d.value);
+      })), P(r);
+    });
+  });
+  b(() => {
+    if (!x)
+      return;
+    const n = B.current;
+    n && (n.scrollTop = n.scrollHeight);
+  }, [x]);
+  const le = (n) => {
+    H(n), K(n.length);
+  }, de = (n, a) => {
+    c && (c.map((m) => {
+      m.id === n && (m.value = a.target.value);
+    }), P([...c]));
+  }, ie = () => {
+    X(!M);
+  };
+  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(E, {
+              className: "prompts-btn",
+              icon: M ? /* @__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: "文本生成设置"
+            })]
+          })
+        }), !M && (c != null && c.length ? /* @__PURE__ */ o(R, {
+          autoComplete: "off",
+          form: Y,
+          labelWrap: !0,
+          labelAlign: "left",
+          labelCol: {
+            style: {
+              width: 194
+            }
+          },
+          className: "prompts-form",
+          children: c == null ? void 0 : c.map((n) => /* @__PURE__ */ o(R.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(Se, {
+          checkedValues: T,
+          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(E, {
+            type: "primary",
+            disabled: !C || y,
+            onClick: ce,
+            className: "sider-btn",
+            loading: y,
+            children: y ? "生成中" : "确认生成"
+          })]
+        })
+      })]
+    }), /* @__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(Ie, {
+            children: [/* @__PURE__ */ o(Te, {
+              children: x
+            }), I && (I == null ? void 0 : I.reference.length) !== 0 && /* @__PURE__ */ o("div", {
+              style: {
+                marginTop: 16
+              },
+              children: /* @__PURE__ */ o(be, {
+                history: I,
+                docViewerUrl: ""
+              })
+            })]
+          }) : /* @__PURE__ */ o("div", {
+            className: "text-pannel",
+            children: /* @__PURE__ */ o("span", {
+              children: "请在左侧输入需要 AI 生成的内容"
+            })
+          })
+        })
+      })
+    })]
+  });
+};
+export {
+  ze 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 m } 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: f,
+    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]), m.config({
+    theme: t
+  }), /* @__PURE__ */ n(m, {
+    locale: B,
+    children: /* @__PURE__ */ n(W, {
+      value: d(a({}, o), {
+        popupContainer: R,
+        agentClient: N,
+        footer: f,
+        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: "gbot-dialog-modal chat-text",
+        children: /* @__PURE__ */ n("div", {
+          className: "text-pannel",
+          children: /* @__PURE__ */ n(E, {
+            application: e,
+            sessionId: v
+          })
+        })
+      })
+    })
+  });
+};
+export {
+  Y as default
+};