@glodon-aiot/agent-cli-ui 0.0.0-20251106104234

package/dist/es/QuillEditor/index.mjs

@@ -0,0 +1,231 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as X, useState as o, useRef as B, useImperativeHandle as Y, useEffect as v } from "react";
+import { Popover as Z, Space as ee, Button as te } from "antd";
+import { useKeyPress as O } from "ahooks";
+import C from "classnames";
+import ne from "react-quill";
+import re from "../components/Iconfont/index.mjs";
+import { shortCutEnum as x } from "../utils/index.mjs";
+import "react-quill/dist/quill.snow.css";
+/* empty css             */const ie = X((z, F) => {
+  var _, P, q;
+  const {
+    text: d,
+    onTextSend: a,
+    disabled: M,
+    maxLength: c = 0,
+    onChange: y,
+    networkStatus: h,
+    clearAction: L,
+    loading: E
+  } = z, [b, w] = o(!0), [f, l] = o(), [g, p] = o(), [j, Q] = o(15), [S, U] = o(12), [k, $] = o(0), [D, T] = o(!1), A = B(null), n = B(null);
+  Y(F, () => ({
+    clear: V,
+    prevent: W,
+    focus: N,
+    update: H,
+    // 新增：获取当前输入框内容
+    getCurrentText: () => g
+  })), v(() => {
+    if (l(d), d) {
+      const e = document.createElement("div");
+      e.innerHTML = d;
+      const t = e.textContent || e.innerText || "";
+      p(t.replace(/[\n\s]+$/, ""));
+    } else
+      p(void 0);
+    n.current && (m(), N());
+  }, [d]);
+  const H = (e) => {
+    l(e);
+  }, V = () => {
+    l(void 0), p(void 0);
+  }, W = () => {
+  }, N = () => {
+    if (!n.current || b)
+      return;
+    const e = n.current.getEditor();
+    e.focus(), setTimeout(() => {
+      e.getLength() > 0 && e.setSelection(e.getLength(), e.getLength());
+    });
+  };
+  v(() => {
+    if (!n.current)
+      return;
+    const e = n.current.getEditor();
+    c && (e.on("text-change", () => {
+      e.getLength() > c && e.deleteText(c, e.getLength()), m(), I(), N();
+    }), e.on("selection-change", I));
+  }, [n, c]);
+  const m = () => {
+    if (!n.current)
+      return;
+    const e = n.current.getEditor();
+    Q(e.getBounds(e.getLength() - 1, e.getLength()).left), U(e.getBounds(e.getLength() - 1, e.getLength()).top);
+  }, I = (e) => {
+    if (!n.current)
+      return;
+    const t = n.current.getEditor(), i = e || t.getSelection();
+    (i == null ? void 0 : i.index) !== void 0 && $(i == null ? void 0 : i.index);
+  };
+  O("1", () => {
+    var t;
+    const e = (t = n.current) == null ? void 0 : t.getEditor();
+    D && h && (e == null || e.blur(), setTimeout(() => K()));
+  }), O("2", () => {
+    var t;
+    const e = (t = n.current) == null ? void 0 : t.getEditor();
+    D && (e == null || e.blur(), setTimeout(() => R()));
+  });
+  const K = () => {
+    var t;
+    if (!h)
+      return;
+    const e = (t = n.current) == null ? void 0 : t.getEditor();
+    e == null || e.focus(), T(!1), setTimeout(() => e == null ? void 0 : e.insertText(k, x.NETWORK));
+  }, R = () => {
+    var t;
+    const e = (t = n.current) == null ? void 0 : t.getEditor();
+    e == null || e.focus(), T(!1), setTimeout(() => e == null ? void 0 : e.insertText(k, x.DOCUMENT));
+  }, G = () => {
+    var t, i, u;
+    const e = (t = n.current) == null ? void 0 : t.getEditor();
+    return e && (e == null ? void 0 : e.getLength()) > 2 && !((i = e.getText()) != null && i.includes(x.NETWORK)) && !((u = e.getText()) != null && u.includes(x.DOCUMENT));
+  };
+  return v(() => {
+    var e, t;
+    E ? (e = n.current) == null || e.getEditor().disable() : (t = n.current) == null || t.getEditor().enable();
+  }, [E]), v(() => (window.addEventListener("resize", m), () => {
+    window.removeEventListener("resize", m);
+  }), []), /* @__PURE__ */ s("div", {
+    className: C({
+      "quill-editor": !0,
+      "quill-editor__active": b
+    }),
+    children: [/* @__PURE__ */ s("div", {
+      className: C({
+        "quill-editor-wrapper": !0,
+        "quill-editor-wrapper__scroll": S >= 200
+      }),
+      onKeyDownCapture: (e) => {
+        !e.shiftKey && e.code === "Enter" && e.preventDefault();
+      },
+      children: [/* @__PURE__ */ r(ne, {
+        theme: "snow",
+        placeholder: "输入你想问的，shift+enter 换行。",
+        ref: n,
+        onFocus: () => w(!0),
+        onBlur: () => w(!1),
+        onKeyDown: (e) => {
+          if (!e.shiftKey && e.keyCode == 13) {
+            const t = f == null ? void 0 : f.replace(/[\n\s]+$/, "");
+            l(t), a && a(g);
+          }
+        },
+        value: f,
+        modules: {
+          toolbar: !1
+        },
+        onChange: (e, t, i, u) => {
+          if (!t)
+            return;
+          l(e);
+          const J = u.getText().replace(/[\n\s]+$/, "");
+          p(J), y && y(e, u);
+        }
+      }), /* @__PURE__ */ r("div", {
+        className: "shortcut-direct",
+        ref: A,
+        style: {
+          position: "absolute",
+          left: j + 4,
+          top: S,
+          cursor: "pointer",
+          visibility: G() ? "visible" : "hidden"
+        },
+        children: /* @__PURE__ */ r(Z, {
+          autoAdjustOverflow: !0,
+          placement: "top",
+          trigger: "hover",
+          getPopupContainer: (e) => e.parentNode,
+          onVisibleChange: (e) => {
+            T(e);
+          },
+          content: /* @__PURE__ */ s("div", {
+            className: "shortcut-direct-pannel",
+            children: [/* @__PURE__ */ s("div", {
+              className: C({
+                "shortcut-direct-item": h,
+                "shortcut-direct-item__disabled": !h
+              }),
+              onClick: K,
+              children: [/* @__PURE__ */ r("span", {
+                className: "title",
+                children: "指定联网回答"
+              }), /* @__PURE__ */ r("span", {
+                className: "text",
+                children: "快捷键1"
+              })]
+            }), /* @__PURE__ */ s("div", {
+              className: "shortcut-direct-item",
+              onClick: R,
+              children: [/* @__PURE__ */ r("span", {
+                className: "title",
+                children: "指定文档回答"
+              }), /* @__PURE__ */ r("span", {
+                className: "text",
+                children: "快捷键2"
+              })]
+            })]
+          })
+        })
+      })]
+    }), /* @__PURE__ */ s("div", {
+      className: "quill-editor-send",
+      children: [/* @__PURE__ */ r("div", {
+        style: {
+          height: 32
+        },
+        children: L || /* @__PURE__ */ r("span", {})
+      }), /* @__PURE__ */ s("div", {
+        style: {
+          height: 32,
+          display: "flex",
+          alignItems: "center"
+        },
+        children: [/* @__PURE__ */ s(ee, {
+          size: 2,
+          style: {
+            color: "#84868C"
+          },
+          children: [/* @__PURE__ */ r("span", {
+            children: ((_ = n.current) == null ? void 0 : _.getEditor()) && ((q = (P = n.current) == null ? void 0 : P.getEditor()) == null ? void 0 : q.getLength()) - 1
+          }), /* @__PURE__ */ r("span", {
+            children: "/"
+          }), /* @__PURE__ */ r("span", {
+            children: c
+          })]
+        }), /* @__PURE__ */ r(te, {
+          type: "link",
+          ghost: !0,
+          disabled: M || !g,
+          loading: E,
+          icon: /* @__PURE__ */ r(re, {
+            className: "icon-sendMsg",
+            style: {
+              fontSize: 24
+            },
+            type: "icon-fasong"
+          }),
+          onClick: () => {
+            a && a(g);
+          }
+        })]
+      })]
+    })]
+  });
+});
+ie.displayName = "QuillEditor";
+export {
+  ie as default
+};

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

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