@glodon-aiot/agent-cli-ui 3.3.2-beta.9 → 3.3.5-alpha.16

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/Dialog/AgentChat/PromptSetting/index.mjs

@@ -1,102 +1,87 @@
-var q = Object.defineProperty;
-var y = Object.getOwnPropertySymbols;
-var P = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
-var v = (r, t, e) => t in r ? q(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, g = (r, t) => {
-  for (var e in t || (t = {}))
-    P.call(t, e) && v(r, e, t[e]);
-  if (y)
-    for (var e of y(t))
-      B.call(t, e) && v(r, e, t[e]);
-  return r;
-};
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as L, useState as S, useContext as b, useImperativeHandle as w, useEffect as k } from "react";
-/* empty css             */import { Form as u, Space as C, Button as E, Popover as j, Input as A } from "antd";
-import z from "../../../context.mjs";
-import f from "../../../components/Iconfont/index.mjs";
-const D = L((r, t) => {
+import { jsx as n, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as C, useContext as L, useImperativeHandle as S, useEffect as h } from "react";
+/* empty css             */import { Form as i, Collapse as v, Input as g } from "antd";
+import { PromptVariableType as a } from "@glodon-aiot/apis";
+import q from "../../../context.mjs";
+const {
+  Panel: p
+} = v, B = C((k, P) => {
   const {
-    promptVariables: e,
-    setPromptVariables: h,
-    currentSession: s,
-    setCurrentSession: H
-  } = r, [c] = u.useForm(), [m, N] = S(!0), {
-    agentClient: d,
-    depId: M,
-    features: R
-  } = b(z);
-  w(t, () => ({
+    promptVariables: t,
+    setPromptVariables: d,
+    currentSession: o
+  } = k, [u] = i.useForm(), {
+    agentClient: m
+  } = L(q);
+  S(P, () => ({
     clear() {
-      c.resetFields();
+      u.resetFields();
     }
-  })), k(() => {
-    if (!s)
+  })), h(() => {
+    if (!o)
       return;
-    const o = () => {
-      const a = s.promptVariables.filter((i) => i.key !== "query");
-      h(a.sort((i, I) => i.key.localeCompare(I.key)));
+    const e = () => {
+      const r = o.promptVariables.filter((l) => !(l.type === a.User && l.key === "query") && !(l.type === a.System && l.key === "datetime"));
+      d(r.sort((l, x) => l.key.localeCompare(x.key)));
     };
-    return s.addEventListener("activated", o), () => {
-      s == null || s.removeEventListener("activated", o);
+    return o.addEventListener("activated", e), () => {
+      o == null || o.removeEventListener("activated", e);
     };
-  }, [s]), k(() => {
-    if (!e)
+  }, [o]), h(() => {
+    if (!t)
       return;
-    const o = e == null ? void 0 : e.reduce((l, a) => (l[a.key] = a.value, l), {});
-    c.setFieldsValue(g({}, o));
-  }, [e]);
-  const x = (o, l) => {
-    e.map((a) => {
-      a.id === o && (a.value = l.target.value);
-    }), h([...e].sort((a, i) => a.key.localeCompare(i.key)));
-  }, F = () => {
-    N(!m);
-  };
-  return e != null && e.length ? /* @__PURE__ */ n("div", {
-    className: "prompt-setting-panel",
-    children: /* @__PURE__ */ p("div", {
-      className: "agent-prompt",
-      children: [/* @__PURE__ */ n("div", {
-        className: "prompt-header",
-        children: /* @__PURE__ */ p(C, {
-          children: [/* @__PURE__ */ n(E, {
-            className: "prompt-action",
-            icon: m ? /* @__PURE__ */ n(f, {
-              type: "icon-biaoge-shouqi"
-            }) : /* @__PURE__ */ n(f, {
-              type: "icon-biaoge-zhankai"
-            }),
-            type: "link",
-            onClick: F
-          }), /* @__PURE__ */ p(C, {
-            className: "prompt-title",
-            children: [/* @__PURE__ */ n("span", {
-              children: "变量输入"
-            }), /* @__PURE__ */ n(j, {
-              placement: "top",
-              overlayClassName: "title-popover",
-              content: "填入变量的值，每次启动新会话时该变量将自动替换提示词中的变量",
-              children: /* @__PURE__ */ n(f, {
-                className: "icon-prompt-question",
-                type: "icon-wenti"
-              })
-            })]
-          })]
-        })
-      }), m && /* @__PURE__ */ n(u, {
-        autoComplete: "off",
-        form: c,
-        labelWrap: !0,
-        labelAlign: "left",
-        labelCol: {
+    const e = {}, s = {};
+    t.forEach((r) => {
+      r.type === a.System ? s[r.key] = r.value : e[r.key] = r.value;
+    }), u.setFieldsValue({
+      userPrompts: e,
+      systemPrompts: s
+    });
+  }, [t]);
+  const c = (e, s) => {
+    t.map((r) => {
+      r.id === e && (r.value = s.target.value);
+    }), d([...t].sort((r, l) => r.key.localeCompare(l.key)));
+  }, y = (t == null ? void 0 : t.filter((e) => e.type === a.System)) || [], f = (t == null ? void 0 : t.filter((e) => e.type === a.User)) || [];
+  return t != null && t.length ? /* @__PURE__ */ n(i, {
+    autoComplete: "off",
+    form: u,
+    labelWrap: !0,
+    labelAlign: "left",
+    labelCol: {
+      style: {
+        width: 120
+      }
+    },
+    className: "prompt-form",
+    children: /* @__PURE__ */ b(v, {
+      bordered: !1,
+      ghost: !0,
+      className: "prompt-variables-collapse",
+      defaultActiveKey: [a.System, a.User],
+      children: [y.length && /* @__PURE__ */ n(p, {
+        header: "角色设定变量",
+        children: y.map((e) => /* @__PURE__ */ n(i.Item, {
+          label: e.name,
+          name: ["systemPrompts", e.key],
           style: {
-            width: 120
-          }
-        },
-        className: "prompt-form",
-        children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ n(u.Item, {
-          label: o.name,
-          name: o.key,
+            marginBottom: 8
+          },
+          rules: [{
+            required: !0,
+            message: "请输入"
+          }],
+          children: /* @__PURE__ */ n(g, {
+            placeholder: "请输入",
+            maxLength: m == null ? void 0 : m.questionContextMaxLength,
+            onBlur: (s) => c(e.id, s)
+          })
+        }, e.key))
+      }, a.System), f.length && /* @__PURE__ */ n(p, {
+        header: "用户指令变量",
+        children: f.map((e) => /* @__PURE__ */ n(i.Item, {
+          label: e.name,
+          name: ["userPrompts", e.key],
           style: {
             marginBottom: 8
           },
@@ -104,17 +89,17 @@ const D = L((r, t) => {
             required: !0,
             message: "请输入"
           }],
-          children: /* @__PURE__ */ n(A, {
+          children: /* @__PURE__ */ n(g, {
             placeholder: "请输入",
-            maxLength: d == null ? void 0 : d.questionContextMaxLength,
-            onBlur: (l) => x(o.id, l)
+            maxLength: m == null ? void 0 : m.questionContextMaxLength,
+            onBlur: (s) => c(e.id, s)
           })
-        }, o.key))
-      })]
+        }, e.key))
+      }, a.User)]
     })
   }) : null;
 });
-D.displayName = "PromptSetting";
+B.displayName = "PromptSetting";
 export {
-  D as default
+  B as default
 };