@glodon-aiot/agent-cli-ui 3.3.3 → 3.3.4-beta.2

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

@@ -0,0 +1,394 @@
+var ge = Object.defineProperty, he = Object.defineProperties;
+var ye = Object.getOwnPropertyDescriptors;
+var G = Object.getOwnPropertySymbols;
+var Ie = Object.prototype.hasOwnProperty, ke = Object.prototype.propertyIsEnumerable;
+var Q = (n, d, l) => d in n ? ge(n, d, { enumerable: !0, configurable: !0, writable: !0, value: l }) : n[d] = l, V = (n, d) => {
+  for (var l in d || (d = {}))
+    Ie.call(d, l) && Q(n, l, d[l]);
+  if (G)
+    for (var l of G(d))
+      ke.call(d, l) && Q(n, l, d[l]);
+  return n;
+}, X = (n, d) => he(n, ye(d));
+var p = (n, d, l) => new Promise((u, v) => {
+  var q = (f) => {
+    try {
+      x(l.next(f));
+    } catch (b) {
+      v(b);
+    }
+  }, S = (f) => {
+    try {
+      x(l.throw(f));
+    } catch (b) {
+      v(b);
+    }
+  }, x = (f) => f.done ? u(f.value) : Promise.resolve(f.value).then(q, S);
+  x((l = l.apply(n, d)).next());
+});
+import { jsxs as w, jsx as o, Fragment as ve } from "react/jsx-runtime";
+import { useState as h, useRef as Se, useContext as xe, useEffect as T } from "react";
+import { Form as M, Collapse as _, Input as K, Button as be, message as C, notification as Pe } from "antd";
+import { PromptVariableType as y } from "@glodon-aiot/apis";
+import { v4 as pe } from "uuid";
+import we from "../../../context.mjs";
+import Ce from "../../../components/KnowledgeList/KnowledgeSelect/index.mjs";
+import "../../../packages/react-components/dist/es/index.mjs";
+import Ne from "../../../Dialog/AgentChat/HistoryItem/SessionRefer/index.mjs";
+import Te from "../../../node_modules/moment/dist/moment.mjs";
+/* empty css             */import { fetchEventSource as Ae } from "../fetchEventSource/fetch.mjs";
+import { Markdown as Ve } from "../../../packages/react-components/dist/es/components/Markdown/index.mjs";
+const {
+  Panel: Z
+} = _, Ee = ({
+  application: n,
+  sessionId: d,
+  docViewerUrl: l
+}) => {
+  const u = n.id, [v, q] = h(""), [S, x] = h(""), [f, b] = h(), [L, N] = h(!1), D = Se(null), [H, ee] = h([]), [A, O] = h([]), [te, Y] = h(0), [$, j] = h(), [c, R] = h(), [E] = M.useForm(), [U, re] = h({}), [B, se] = h({}), [ne, ae] = h(0), {
+    service: g,
+    agentClient: I,
+    popupContainer: P,
+    token: oe,
+    apiUrl: ce
+  } = xe(we), le = (e, a, i, t) => {
+    const r = {
+      messageId: pe(),
+      content: "",
+      role: 1,
+      sessionId: "",
+      reference: [],
+      messageTime: "",
+      llmModel: "",
+      searchReference: []
+    }, s = X(V({}, i), {
+      stream: !0
+    });
+    Ae(`${ce}/chat/v2/chat?applicationId=${e}&sessionId=${a}`, {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${oe}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(s),
+      openWhenHidden: !0,
+      onopen(m) {
+        return console.log("onopen"), m.ok && t != null && t.onopen && t.onopen(), Promise.resolve();
+      },
+      onmessage(m) {
+        if (!m.id && !m.data && !m.event && !m.retry)
+          return;
+        if (!m.data.includes('{"code": ')) {
+          r.content = r.content + m.data;
+          const F = {
+            content: r.content,
+            role: 1,
+            reference: r.reference,
+            messageId: r.messageId,
+            sessionId: a,
+            messageTime: Te(/* @__PURE__ */ new Date()).format("YYYY-MM-DD HH:mm:ss"),
+            searchReference: []
+          };
+          return (t == null ? void 0 : t.onmessage) && t.onmessage(F);
+        }
+        const k = JSON.parse(m.data);
+        if (r.reference = k.data.reference, r.messageTime = k.data.messageTime, r.messageId = k.data.messageId, r.llmModel = k.data.llmModel, r.content = k.data.content, r.code = k.code, k.code === 200) {
+          const F = {
+            code: r.code,
+            content: r.content,
+            role: 1,
+            reference: r.reference,
+            messageId: r.messageId,
+            sessionId: a,
+            messageTime: r.messageTime,
+            searchReference: []
+          };
+          t != null && t.onmessage && t.onmessage(F);
+        } else
+          return Pe.error({
+            message: k.message
+          });
+      },
+      onerror() {
+        t != null && t.onerror && t.onerror();
+      },
+      onclose() {
+        console.log("onclose");
+        const m = {
+          code: r.code,
+          content: r.content,
+          role: 1,
+          reference: r.reference,
+          messageId: r.messageId,
+          sessionId: a,
+          messageTime: r.messageTime,
+          comment: {
+            isAgree: 0
+          },
+          searchReference: []
+        };
+        t != null && t.onclose && t.onclose(m);
+      }
+    });
+  };
+  T(() => {
+    if (!(n != null && n.id))
+      return;
+    const e = n.arrange;
+    if (!(e != null && e.length))
+      return;
+    const i = e[0].knowledges || [];
+    ee(i), Y(i.length);
+    const t = i.map((r) => r.id);
+    O(t);
+  }, [n]), T(() => {
+    if (!(n != null && n.id) || !I)
+      return;
+    const e = I.questionContextMaxLength || 4e3;
+    ae(e), de();
+  }, [n, I]);
+  const de = () => p(void 0, null, function* () {
+    if (!g || !u)
+      return;
+    const e = yield g.postApplicationIdSession({
+      name: "AI 会话",
+      applicationId: u
+    });
+    j(e);
+  });
+  T(() => {
+    !u || !g || Promise.all([g.getApplicationIdPromptVariables(u, {
+      type: y.User,
+      status: 1
+    }), g.getApplicationIdPromptVariables(u, {
+      type: y.System,
+      status: 1
+    })]).then(([e, a]) => {
+      const r = [...e, ...a].filter((s) => !(s.type === y.User && s.key === "query") && !(s.type === y.System && s.key === "datetime")).map((s) => ({
+        id: s.id,
+        key: s.key,
+        name: s.name,
+        value: "",
+        type: s.type
+      }));
+      R(r);
+    });
+  }, [g, u]), T(() => {
+    if (!c)
+      return;
+    const e = c.filter((r) => r.type === y.User), a = c.filter((r) => r.type === y.System), i = {};
+    e == null || e.map((r) => {
+      r.key && (i[r.key] = r.value);
+    });
+    const t = {};
+    a == null || a.map((r) => {
+      r.key && (t[r.key] = r.value);
+    }), E.setFieldsValue({
+      userPrompts: i,
+      systemPrompts: t
+    }), re(i), se(t);
+  }, [c]);
+  const ie = (e, a) => p(void 0, null, function* () {
+    !$ || !u || !g || (yield g.patchApplicationIdSessionpromptVariablesId(u, $.id, e, {
+      value: a
+    }));
+  }), me = (e) => {
+    q(e.target.value);
+  }, ue = () => p(void 0, null, function* () {
+    if (!u || !g || !I)
+      return;
+    N(!0);
+    for (const t in U)
+      U[t] || (C.config({
+        getContainer: () => (P == null ? void 0 : P.current) || document.body
+      }), C.error("变量值不能为空"), C.config({
+        getContainer: void 0
+      }));
+    for (const t in B)
+      B[t] || (C.config({
+        getContainer: () => (P == null ? void 0 : P.current) || document.body
+      }), C.error("变量值不能为空"), C.config({
+        getContainer: void 0
+      }));
+    const e = yield g.postApplicationIdSession({
+      name: "AI 会话",
+      applicationId: u
+    });
+    j(e);
+    const a = A == null ? void 0 : A.map((t) => t.toString());
+    yield g.getApplicationIdSessionIdPromptVariables(u, e.id).then((t) => p(void 0, null, function* () {
+      if (!c)
+        return;
+      const r = t.filter((s) => s.key !== "query").map((s) => {
+        const m = c.filter((k) => k.key === s.key);
+        return s.value = m[0].value, s;
+      });
+      yield Promise.all(r.map((s) => ie(s.id, s.value))), R(r);
+    })).finally(() => {
+      N(!1);
+    });
+    const i = {
+      content: v,
+      chatMode: 1,
+      knowledges: a,
+      promptVariables: U,
+      systemPromptVariables: B
+    };
+    le(u, e.id, i, {
+      onmessage: (t) => {
+        N(!0), b(void 0), x(t.content);
+      },
+      onclose: (t) => p(void 0, null, function* () {
+        if (N(!1), t.code == 200) {
+          x(t.content);
+          const r = yield Promise.all(t.reference.map((s) => g.getKnowledgeIdFileId(s.knowledgeId, s.docId)));
+          t.reference = t.reference.map((s, m) => V(V({}, s), r[m])), b(t);
+        }
+      }),
+      onerror: () => {
+        N(!1);
+      }
+    });
+  });
+  T(() => {
+    if (!S)
+      return;
+    const e = D.current;
+    e && (e.scrollTop = e.scrollHeight);
+  }, [S]);
+  const fe = (e) => {
+    O(e), Y(e.length);
+  }, z = (e, a) => {
+    c && (c.map((i) => {
+      i.id === e && (i.value = a.target.value);
+    }), R([...c]));
+  }, J = (c == null ? void 0 : c.filter((e) => e.type === y.System)) || [], W = (c == null ? void 0 : c.filter((e) => e.type === y.User)) || [];
+  return /* @__PURE__ */ w("div", {
+    className: "text-main",
+    children: [/* @__PURE__ */ w("div", {
+      className: "text-left-sider",
+      children: [!!(c != null && c.length) && /* @__PURE__ */ o(M, {
+        autoComplete: "off",
+        form: E,
+        labelWrap: !0,
+        labelAlign: "left",
+        labelCol: {
+          style: {
+            width: 120
+          }
+        },
+        className: "prompt-form",
+        children: /* @__PURE__ */ w(_, {
+          bordered: !1,
+          ghost: !0,
+          className: "prompt-variables-collapse",
+          defaultActiveKey: [y.System, y.User],
+          children: [J.length && /* @__PURE__ */ o(Z, {
+            header: "角色设定变量",
+            children: J.map((e) => /* @__PURE__ */ o(M.Item, {
+              label: e.name,
+              name: ["systemPrompts", e.key],
+              style: {
+                marginBottom: 8
+              },
+              rules: [{
+                required: !0,
+                message: "请输入"
+              }],
+              children: /* @__PURE__ */ o(K, {
+                placeholder: "请输入",
+                maxLength: I == null ? void 0 : I.questionContextMaxLength,
+                onBlur: (a) => z(e.id, a)
+              })
+            }, e.key))
+          }, y.System), W.length && /* @__PURE__ */ o(Z, {
+            header: "用户指令变量",
+            children: W.map((e) => /* @__PURE__ */ o(M.Item, {
+              label: e.name,
+              name: ["userPrompts", e.key],
+              style: {
+                marginBottom: 8
+              },
+              rules: [{
+                required: !0,
+                message: "请输入"
+              }],
+              children: /* @__PURE__ */ o(K, {
+                placeholder: "请输入",
+                maxLength: I == null ? void 0 : I.questionContextMaxLength,
+                onBlur: (a) => z(e.id, a)
+              })
+            }, e.key))
+          }, y.User)]
+        })
+      }), /* @__PURE__ */ w("div", {
+        className: "sider-header",
+        children: [/* @__PURE__ */ o("span", {
+          className: "header-title",
+          children: "文本生成输入"
+        }), H.length !== 0 && /* @__PURE__ */ o(Ce, {
+          checkedValues: A,
+          currKnowledgeList: H,
+          selectCount: te,
+          onSelectChange: fe,
+          disabled: !1
+        })]
+      }), /* @__PURE__ */ o("div", {
+        className: "sider-main",
+        children: /* @__PURE__ */ w("div", {
+          className: "sider-text",
+          children: [/* @__PURE__ */ o(K.TextArea, {
+            style: {
+              height: "100%",
+              resize: "none"
+            },
+            placeholder: "请输入你的问题，通过shift+enter换行",
+            maxLength: ne,
+            showCount: !0,
+            bordered: !1,
+            onChange: me,
+            value: v,
+            className: "left-input"
+          }), /* @__PURE__ */ o(be, {
+            type: "primary",
+            disabled: !v || L,
+            onClick: ue,
+            className: "sider-btn",
+            loading: L,
+            children: L ? "生成中" : "确认生成"
+          })]
+        })
+      })]
+    }), /* @__PURE__ */ o("div", {
+      className: "text-right-sider",
+      children: /* @__PURE__ */ o("div", {
+        className: "sider-main",
+        children: /* @__PURE__ */ o("div", {
+          className: "sider-text",
+          ref: D,
+          children: S ? /* @__PURE__ */ w(ve, {
+            children: [/* @__PURE__ */ o(Ve, {
+              children: S
+            }), f && (f == null ? void 0 : f.reference.length) !== 0 && /* @__PURE__ */ o("div", {
+              style: {
+                marginTop: 16
+              },
+              children: /* @__PURE__ */ o(Ne, {
+                history: f,
+                docViewerUrl: l
+              })
+            })]
+          }) : /* @__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,81 @@
+var A = Object.defineProperty, L = Object.defineProperties;
+var M = Object.getOwnPropertyDescriptors;
+var i = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, j = 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))
+      j.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 w, 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 V } from "../context.mjs";
+const Z = (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,
+    docViewerUrl: R
+  } = o, T = w(null), [U, W] = l(!1), [q, 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(V, {
+      value: d(a({}, o), {
+        popupContainer: T,
+        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: !U && /* @__PURE__ */ n("div", {
+        className: "gbot-dialog-modal chat-text",
+        children: /* @__PURE__ */ n("div", {
+          className: "text-pannel",
+          children: /* @__PURE__ */ n(E, {
+            application: e,
+            sessionId: v,
+            docViewerUrl: R
+          })
+        })
+      })
+    })
+  });
+};
+export {
+  Z as default
+};