@yuku123/z-team-component 0.2.79 → 0.2.80

package/dist/index-Dm3wmB0K.js

@@ -1,435 +0,0 @@
-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
-};