@yuku123/z-team-component 0.2.80 → 0.2.83

package/dist/index-Dm3wmB0K.js

@@ -0,0 +1,435 @@
+import { jsxs as a, jsx as i, Fragment as B } from "react/jsx-runtime";
+import { useState as d, useRef as F, useCallback as D, useEffect as R } from "react";
+import { u as O } from "./useAppStore-BBr_Fwsz.js";
+/* empty css                          */
+import { T as P, g as U } from "./api-CIhVblfa.js";
+async function y(o, s) {
+  const n = await o.text().catch(() => "");
+  let t = {};
+  if (n)
+    try {
+      t = JSON.parse(n);
+    } catch {
+      if (!o.ok) throw new Error(s);
+      return n;
+    }
+  if (typeof t.success == "boolean") {
+    if (t.success)
+      return U(t.data !== void 0 ? t.data : !0);
+    throw new Error(t.message || s);
+  }
+  if (!o.ok) throw new Error(s);
+  return U(t);
+}
+const m = P;
+async function q(o, s) {
+  const n = s ? `?token=${encodeURIComponent(s)}` : "", t = { ...o, extend_params: { skip_init_task: "true" } }, r = await fetch(`${m}/scenario-instances${n}`, {
+    method: "POST",
+    credentials: "include",
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json",
+      "project-env": "local"
+    },
+    body: JSON.stringify(t)
+  });
+  return y(r, "Failed to create scenario instance");
+}
+async function K(o) {
+  const s = o ? `?token=${encodeURIComponent(o)}` : "", n = await fetch(`${m}/scenario-instances${s}`, {
+    credentials: "include",
+    headers: {
+      Accept: "application/json",
+      "project-env": "local"
+    }
+  });
+  return y(n, "Failed to list scenario instances");
+}
+async function G(o, s, n) {
+  const t = n ? `?token=${encodeURIComponent(n)}` : "", r = await fetch(
+    `${m}/scenario-instances/${o}/messages${t}`,
+    {
+      method: "POST",
+      credentials: "include",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        "project-env": "local"
+      },
+      body: JSON.stringify(s)
+    }
+  );
+  return y(r, "Failed to send message");
+}
+async function _(o, s = 50, n, t) {
+  const r = new URLSearchParams({ limit: String(s) });
+  t && r.set("token", t);
+  const h = await fetch(
+    `${m}/scenario-instances/${o}/messages?${r}`,
+    {
+      credentials: "include",
+      headers: {
+        Accept: "application/json",
+        "project-env": "local"
+      }
+    }
+  );
+  return y(h, "Failed to list messages");
+}
+async function J(o, s) {
+  const n = s ? `?token=${encodeURIComponent(s)}` : "", t = await fetch(
+    // 后端成员列表在 /team（TeamController），没有 /members
+    `${m}/scenario-instances/${o}/team${n}`,
+    {
+      credentials: "include",
+      headers: {
+        Accept: "application/json",
+        "project-env": "local"
+      }
+    }
+  );
+  return y(t, "Failed to list members");
+}
+const L = "dev_brain_scenario";
+function ee() {
+  var M;
+  const [o, s] = d([]), [n, t] = d(
+    null
+  ), [r, h] = d([]), [u, z] = d([]), [v, b] = d(""), [W, w] = d(!1), [g, S] = d(!1), [A, T] = d(""), C = F(null), { token: f } = O(), I = D(() => {
+    var e;
+    (e = C.current) == null || e.scrollIntoView({ behavior: "smooth" });
+  }, []);
+  R(() => {
+    I();
+  }, [r, I]), R(() => {
+    k();
+  }, []);
+  const k = async () => {
+    try {
+      const e = await K(f || void 0);
+      s(e || []);
+    } catch (e) {
+      console.error("Failed to load instances:", e);
+    }
+  }, N = async () => {
+    const e = A.trim();
+    if (e) {
+      S(!0);
+      try {
+        const c = await q(
+          { scenario_code: L, name: e },
+          f || void 0
+        );
+        T(""), await k(), $(c);
+      } catch (c) {
+        alert(c instanceof Error ? c.message : "Create failed");
+      } finally {
+        S(!1);
+      }
+    }
+  }, $ = async (e) => {
+    t(e), w(!0);
+    try {
+      const [c, p] = await Promise.all([
+        _(e.id, 50, void 0, f || void 0),
+        J(e.id, f || void 0)
+      ]);
+      h(c || []), z(p || []);
+    } catch (c) {
+      console.error("Failed to load instance data:", c);
+    } finally {
+      w(!1);
+    }
+  }, E = async () => {
+    const e = v.trim();
+    if (!e || !n) return;
+    const c = u.filter((l) => l.memberType === "AGENT");
+    let p, j = "TEXT";
+    for (const l of c)
+      if (e.includes(`@${l.displayName}`)) {
+        p = String(l.id), j = "AT_AGENT";
+        break;
+      }
+    b("");
+    try {
+      await G(
+        n.id,
+        {
+          content: e,
+          message_type: j,
+          ...p ? { at_agent_ref_id: p } : {}
+        },
+        f || void 0
+      );
+      const l = await _(
+        n.id,
+        50,
+        void 0,
+        f || void 0
+      );
+      h(l || []);
+    } catch (l) {
+      alert(l instanceof Error ? l.message : "Send failed");
+    }
+  }, x = u.filter((e) => e.memberType === "AGENT"), H = u.filter((e) => e.memberType === "HUMAN");
+  return /* @__PURE__ */ a("div", { style: { display: "flex", height: "100vh", fontFamily: "sans-serif" }, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          width: 260,
+          borderRight: "1px solid #e8e8e8",
+          display: "flex",
+          flexDirection: "column",
+          background: "#fafafa"
+        },
+        children: [
+          /* @__PURE__ */ a("div", { style: { padding: 16, borderBottom: "1px solid #e8e8e8" }, children: [
+            /* @__PURE__ */ i("h3", { style: { margin: "0 0 12px" }, children: "Scenario Instances" }),
+            /* @__PURE__ */ a("div", { style: { display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ i(
+                "input",
+                {
+                  style: {
+                    flex: 1,
+                    padding: "6px 8px",
+                    border: "1px solid #d9d9d9",
+                    borderRadius: 4
+                  },
+                  placeholder: "Instance name",
+                  value: A,
+                  onChange: (e) => T(e.target.value),
+                  onKeyDown: (e) => e.key === "Enter" && N()
+                }
+              ),
+              /* @__PURE__ */ i(
+                "button",
+                {
+                  style: {
+                    padding: "6px 12px",
+                    background: "#1677ff",
+                    color: "#fff",
+                    border: "none",
+                    borderRadius: 4,
+                    cursor: g ? "not-allowed" : "pointer"
+                  },
+                  disabled: g,
+                  onClick: N,
+                  children: g ? "..." : "+"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { style: { flex: 1, overflow: "auto" }, children: [
+            o.map((e) => /* @__PURE__ */ a(
+              "div",
+              {
+                onClick: () => $(e),
+                style: {
+                  padding: "10px 16px",
+                  cursor: "pointer",
+                  background: (n == null ? void 0 : n.id) === e.id ? "#e6f4ff" : "transparent",
+                  borderBottom: "1px solid #f0f0f0"
+                },
+                children: [
+                  /* @__PURE__ */ i("div", { style: { fontWeight: 500, fontSize: 13 }, children: e.name }),
+                  /* @__PURE__ */ a("div", { style: { fontSize: 11, color: "#999" }, children: [
+                    e.scenarioCode,
+                    " · ",
+                    e.status
+                  ] })
+                ]
+              },
+              e.id
+            )),
+            o.length === 0 ? /* @__PURE__ */ i("div", { style: { padding: 16, color: "#999", fontSize: 12 }, children: "No instances yet. Create one above." }) : null
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("div", { style: { flex: 1, display: "flex", flexDirection: "column" }, children: n ? /* @__PURE__ */ a(B, { children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            padding: "12px 20px",
+            borderBottom: "1px solid #e8e8e8",
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center"
+          },
+          children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ i("span", { style: { fontWeight: 600, fontSize: 15 }, children: n.name }),
+              /* @__PURE__ */ a("span", { style: { marginLeft: 8, fontSize: 12, color: "#999" }, children: [
+                "ID: ",
+                n.id
+              ] })
+            ] }),
+            /* @__PURE__ */ a("div", { style: { fontSize: 12, color: "#666" }, children: [
+              "Members: ",
+              H.length,
+              " human · ",
+              x.length,
+              " ",
+              "agent"
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            flex: 1,
+            overflow: "auto",
+            padding: "16px 20px",
+            background: "#fff"
+          },
+          children: [
+            r.length === 0 ? /* @__PURE__ */ i(
+              "div",
+              {
+                style: { color: "#999", textAlign: "center", marginTop: 80 },
+                children: "Send a message to start. Use @agent_name to mention an agent."
+              }
+            ) : null,
+            r.map((e) => /* @__PURE__ */ a(
+              "div",
+              {
+                style: {
+                  marginBottom: 12,
+                  display: "flex",
+                  flexDirection: e.senderType === "HUMAN" ? "row-reverse" : "row",
+                  gap: 8
+                },
+                children: [
+                  /* @__PURE__ */ i(
+                    "div",
+                    {
+                      style: {
+                        width: 32,
+                        height: 32,
+                        borderRadius: "50%",
+                        background: e.senderType === "HUMAN" ? "#1677ff" : "#52c41a",
+                        color: "#fff",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        fontSize: 14,
+                        flexShrink: 0
+                      },
+                      children: e.senderType === "HUMAN" ? "U" : "A"
+                    }
+                  ),
+                  /* @__PURE__ */ a("div", { style: { maxWidth: "70%" }, children: [
+                    /* @__PURE__ */ a(
+                      "div",
+                      {
+                        style: {
+                          fontSize: 11,
+                          color: "#999",
+                          marginBottom: 2,
+                          textAlign: e.senderType === "HUMAN" ? "right" : "left"
+                        },
+                        children: [
+                          e.senderType === "HUMAN" ? "You" : "Agent",
+                          " ·",
+                          " ",
+                          e.messageType
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ i(
+                      "div",
+                      {
+                        style: {
+                          padding: "8px 12px",
+                          borderRadius: 8,
+                          background: e.senderType === "HUMAN" ? "#1677ff" : "#f5f5f5",
+                          color: e.senderType === "HUMAN" ? "#fff" : "#333",
+                          fontSize: 13,
+                          whiteSpace: "pre-wrap",
+                          wordBreak: "break-word"
+                        },
+                        children: e.content
+                      }
+                    )
+                  ] })
+                ]
+              },
+              e.id
+            )),
+            /* @__PURE__ */ i("div", { ref: C })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            padding: "12px 20px",
+            borderTop: "1px solid #e8e8e8",
+            display: "flex",
+            gap: 8,
+            background: "#fafafa"
+          },
+          children: [
+            /* @__PURE__ */ i(
+              "textarea",
+              {
+                style: {
+                  flex: 1,
+                  padding: "8px 12px",
+                  border: "1px solid #d9d9d9",
+                  borderRadius: 4,
+                  resize: "none",
+                  minHeight: 40,
+                  maxHeight: 120,
+                  fontSize: 13
+                },
+                placeholder: x.length > 0 ? `Type message. @${(M = x[0]) == null ? void 0 : M.displayName} to mention agent.` : "Type message...",
+                value: v,
+                onChange: (e) => b(e.target.value),
+                onKeyDown: (e) => {
+                  e.key === "Enter" && !e.shiftKey && (e.preventDefault(), E());
+                }
+              }
+            ),
+            /* @__PURE__ */ i(
+              "button",
+              {
+                style: {
+                  padding: "8px 20px",
+                  background: "#1677ff",
+                  color: "#fff",
+                  border: "none",
+                  borderRadius: 4,
+                  cursor: "pointer",
+                  fontSize: 13
+                },
+                onClick: E,
+                children: "Send"
+              }
+            )
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ i(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: "#999"
+        },
+        children: "Select or create a scenario instance to start"
+      }
+    ) })
+  ] });
+}
+export {
+  ee as default
+};