@yuku123/z-team-component 0.2.80 → 0.2.83

package/dist/index-C815hPWS.js

@@ -0,0 +1,430 @@
+import { jsxs as m, jsx as d } from "react/jsx-runtime";
+import { message as T } from "antd";
+import { useState as b, useRef as D, useCallback as K, useEffect as J } from "react";
+/* empty css                          */
+const X = "/z-team", Y = typeof window < "u" && window.ZTEAM_USE_KAPI === !0, Z = Y, G = window.ENV_TYPE || window.envType || "", x = `${Z ? "/kapi" : ""}${X}/api/chatdemo`, Q = G || "local", $ = {
+  Accept: "application/json",
+  "project-env": Q
+};
+async function U(e, a) {
+  const s = await e.text().catch(() => "");
+  let i = {};
+  if (s)
+    try {
+      i = JSON.parse(s);
+    } catch {
+      if (!e.ok) throw new Error(a);
+      return s;
+    }
+  if (typeof i.success == "boolean") {
+    if (i.success)
+      return i.data !== void 0 ? i.data : !0;
+    throw new Error(i.message || a);
+  }
+  if (!e.ok) throw new Error(a);
+  return i;
+}
+async function tt(e) {
+  const a = e != null && e.trim() ? `?model=${encodeURIComponent(e.trim())}` : "", s = await fetch(`${x}/sessions${a}`, {
+    method: "POST",
+    credentials: "include",
+    headers: $
+  });
+  return U(s, "创建会话失败");
+}
+async function et(e) {
+  const a = await fetch(`${x}/sessions/${encodeURIComponent(e)}`, {
+    credentials: "include",
+    headers: $
+  });
+  return U(a, "加载会话失败");
+}
+async function nt(e, a, s) {
+  const i = await fetch(
+    `${x}/sessions/${encodeURIComponent(e)}/chat`,
+    {
+      method: "POST",
+      credentials: "include",
+      headers: { Accept: "application/json", ...$, "Content-Type": "application/json" },
+      body: JSON.stringify({
+        message: a,
+        ...s != null && s.trim() ? { model: s.trim() } : {}
+      })
+    }
+  );
+  return U(i, "发送失败");
+}
+function st(e, a) {
+  const s = e.split(`
+
+`), i = s.pop() ?? "";
+  for (const g of s) {
+    let u = "";
+    for (const _ of g.split(`
+`))
+      _.startsWith("data:") && (u += _.slice(5).trim());
+    if (!(!u || u === "[DONE]"))
+      try {
+        a(JSON.parse(u));
+      } catch {
+        a({ type: "token", data: u });
+      }
+  }
+  return i;
+}
+async function ot(e, a, s, i) {
+  var N, p;
+  const g = await fetch(
+    `${x}/sessions/${encodeURIComponent(e)}/chat/stream`,
+    {
+      method: "POST",
+      credentials: "include",
+      headers: {
+        ...$,
+        "Content-Type": "application/json",
+        Accept: "text/event-stream"
+      },
+      body: JSON.stringify({
+        message: a,
+        ...i != null && i.trim() ? { model: i.trim() } : {}
+      }),
+      signal: s.signal
+    }
+  );
+  if (!g.ok || !g.body)
+    throw new Error(`流式请求失败 HTTP ${g.status}`);
+  const u = g.body.getReader(), _ = new TextDecoder();
+  let h = "";
+  try {
+    for (; ; ) {
+      const { done: f, value: w } = await u.read();
+      if (f) break;
+      h += _.decode(w, { stream: !0 }), h = st(h, s.onEvent);
+    }
+  } catch (f) {
+    if ((N = s.signal) != null && N.aborted) return;
+    throw (p = s.onError) == null || p.call(s, f instanceof Error ? f : new Error(String(f))), f;
+  }
+}
+const at = "_page_1u2ag_1", rt = "_header_1u2ag_9", ct = "_title_1u2ag_16", it = "_sub_1u2ag_22", lt = "_toolbar_1u2ag_29", ut = "_modelInput_1u2ag_37", dt = "_btn_1u2ag_47", gt = "_btnSecondary_1u2ag_57", pt = "_status_1u2ag_72", mt = "_panel_1u2ag_79", ft = "_messages_1u2ag_91", _t = "_empty_1u2ag_100", ht = "_msgOwn_1u2ag_107", yt = "_msgOwnBubble_1u2ag_112", bt = "_msgAgent_1u2ag_123", wt = "_avatar_1u2ag_129", vt = "_msgAgentBody_1u2ag_141", St = "_msgMeta_1u2ag_145", Nt = "_reasoning_1u2ag_151", At = "_msgAgentBubble_1u2ag_162", kt = "_toolHint_1u2ag_184", Et = "_inputArea_1u2ag_190", Ct = "_textarea_1u2ag_197", Tt = "_inputActions_1u2ag_215", xt = "_tokenUsage_1u2ag_222", o = {
+  page: at,
+  header: rt,
+  title: ct,
+  sub: it,
+  toolbar: lt,
+  modelInput: ut,
+  btn: dt,
+  btnSecondary: gt,
+  status: pt,
+  panel: mt,
+  messages: ft,
+  empty: _t,
+  msgOwn: ht,
+  msgOwnBubble: yt,
+  msgAgent: bt,
+  avatar: wt,
+  msgAgentBody: vt,
+  msgMeta: St,
+  reasoning: Nt,
+  msgAgentBubble: At,
+  toolHint: kt,
+  inputArea: Et,
+  textarea: Ct,
+  inputActions: Tt,
+  tokenUsage: xt
+};
+function $t(e, a, s) {
+  if (!s)
+    return { parts: e, lastKind: a };
+  if (a === "tool")
+    return {
+      parts: [...e, { kind: "tool", hint: s }],
+      lastKind: "tool"
+    };
+  const i = a === "thought" ? "reasoning" : "text", g = e[e.length - 1];
+  if (g && g.kind === i) {
+    const u = e.slice(0, -1);
+    return u.push({
+      kind: i,
+      content: g.content + s
+    }), { parts: u, lastKind: a };
+  }
+  return {
+    parts: [...e, { kind: i, content: s }],
+    lastKind: a
+  };
+}
+function L(e) {
+  const a = (e == null ? void 0 : e.trim()) ?? "";
+  return a ? [{ kind: "text", content: a }] : [];
+}
+const Ot = "deepseek-v4-flash";
+function S() {
+  return `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function Bt(e, a) {
+  return { id: e, role: "assistant", parts: [], streaming: a };
+}
+function Mt() {
+  const [e, a] = b(""), [s, i] = b(Ot), [g, u] = b([]), [_, h] = b(""), [N, p] = b(""), [f, w] = b(!1), [A, j] = b(!1), k = D(null), I = D(null), E = D(
+    /* @__PURE__ */ new Map()
+  ), M = K(() => {
+    var t;
+    (t = I.current) == null || t.scrollIntoView({ behavior: "smooth" });
+  }, []);
+  J(() => {
+    M();
+  }, [g, M]);
+  const P = (t) => {
+    u(
+      t.map(
+        (n) => n.role === "user" ? { id: S(), role: "user", content: n.content || "" } : {
+          id: S(),
+          role: "assistant",
+          parts: L(n.content || "")
+        }
+      )
+    );
+  }, R = K(async () => {
+    w(!0), p("创建会话…");
+    try {
+      const t = await tt(s);
+      a(t.sessionId), P(t.messages || []), p("");
+    } catch (t) {
+      const n = t instanceof Error ? t.message : "创建失败";
+      p(n), T.error(n);
+    } finally {
+      w(!1);
+    }
+  }, [s]);
+  J(() => {
+    R();
+  }, []);
+  const V = async () => {
+    if (e) {
+      p("刷新中…");
+      try {
+        const t = await et(e);
+        P(t.messages || []), p("");
+      } catch (t) {
+        T.error(t instanceof Error ? t.message : "刷新失败");
+      }
+    }
+  }, F = () => {
+    const t = S();
+    return E.current.set(t, null), u((n) => [...n, Bt(t, !0)]), t;
+  }, O = (t, n) => {
+    u(
+      (l) => l.map(
+        (r) => r.id === t && r.role === "assistant" ? { ...r, ...n } : r
+      )
+    );
+  }, v = (t, n, l) => {
+    u(
+      (r) => r.map((c) => {
+        if (c.id !== t || c.role !== "assistant")
+          return c;
+        const { parts: y, lastKind: B } = $t(
+          c.parts,
+          n,
+          l
+        );
+        return E.current.set(t, B), { ...c, parts: y };
+      })
+    );
+  }, W = (t, n) => {
+    const l = n.type, r = n.data;
+    if (l === "token" && typeof r == "string")
+      v(t, "token", r);
+    else if (l === "thought" && typeof r == "string")
+      v(t, "thought", r);
+    else if (l === "tool_call" && r && typeof r == "object") {
+      const c = String(r.tool ?? "tool");
+      v(t, "tool", `🔧 ${c} …`);
+    } else if (l === "tool_result" && r && typeof r == "object") {
+      const c = r, y = String(c.tool ?? ""), B = String(c.result ?? "").slice(0, 120), z = !!c.error;
+      v(
+        t,
+        "tool",
+        `${z ? "✗" : "✓"} ${y}: ${B}`
+      );
+    } else if (l === "error")
+      v(t, "token", `
+[错误] ${typeof r == "string" ? r : "error"}`);
+    else if (l === "done") {
+      E.current.delete(t);
+      const c = r && typeof r == "object" ? r.tokenUsage : void 0;
+      O(t, {
+        streaming: !1,
+        ...c && typeof c == "object" ? { tokenUsage: c } : {}
+      });
+    }
+  }, H = async () => {
+    var l, r;
+    const t = _.trim();
+    if (!t || !e || A) return;
+    h(""), u((c) => [
+      ...c,
+      { id: S(), role: "user", content: t }
+    ]);
+    const n = F();
+    j(!0), p("生成中…"), (l = k.current) == null || l.abort(), k.current = new AbortController();
+    try {
+      await ot(
+        e,
+        t,
+        {
+          signal: k.current.signal,
+          onEvent: (c) => W(n, c)
+        },
+        s
+      ), O(n, { streaming: !1 }), E.current.delete(n), p("");
+    } catch (c) {
+      if (!((r = k.current) != null && r.signal.aborted)) {
+        const y = c instanceof Error ? c.message : "流式失败";
+        T.error(y), v(n, "token", `[失败] ${y}`), O(n, { streaming: !1 }), p(y);
+      }
+    } finally {
+      j(!1);
+    }
+  }, q = async () => {
+    const t = _.trim();
+    if (!(!t || !e || A)) {
+      h(""), u((n) => [
+        ...n,
+        { id: S(), role: "user", content: t }
+      ]), w(!0), p("同步请求中…");
+      try {
+        const n = await nt(e, t, s);
+        u((l) => [
+          ...l,
+          {
+            id: S(),
+            role: "assistant",
+            parts: L(n.reply || "")
+          }
+        ]), p("");
+      } catch (n) {
+        T.error(n instanceof Error ? n.message : "发送失败");
+      } finally {
+        w(!1);
+      }
+    }
+  }, C = !e || f || A;
+  return /* @__PURE__ */ m("div", { className: o.page, children: [
+    /* @__PURE__ */ m("div", { className: o.header, children: [
+      /* @__PURE__ */ d("div", { className: o.title, children: "AINative Chat Demo" }),
+      /* @__PURE__ */ d("div", { className: o.sub, children: e ? `Session: ${e} · SSE（非 WebSocket）` : "正在初始化…" }),
+      /* @__PURE__ */ m("div", { className: o.toolbar, children: [
+        /* @__PURE__ */ d(
+          "input",
+          {
+            className: o.modelInput,
+            placeholder: "model / llmCode（可选）",
+            value: s,
+            onChange: (t) => i(t.target.value)
+          }
+        ),
+        /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: o.btnSecondary,
+            onClick: R,
+            disabled: f || A,
+            children: "新会话"
+          }
+        ),
+        /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: o.btnSecondary,
+            onClick: V,
+            disabled: C,
+            children: "刷新历史"
+          }
+        )
+      ] })
+    ] }),
+    N ? /* @__PURE__ */ d("div", { className: o.status, children: N }) : null,
+    /* @__PURE__ */ m("div", { className: o.panel, children: [
+      /* @__PURE__ */ m("div", { className: o.messages, children: [
+        g.length === 0 ? /* @__PURE__ */ d("div", { className: o.empty, children: "发送消息开始对话" }) : null,
+        g.map(
+          (t) => t.role === "user" ? /* @__PURE__ */ d("div", { className: o.msgOwn, children: /* @__PURE__ */ d("div", { className: o.msgOwnBubble, children: t.content }) }, t.id) : t.role === "assistant" ? /* @__PURE__ */ m("div", { className: o.msgAgent, children: [
+            /* @__PURE__ */ d("div", { className: o.avatar, children: "🤖" }),
+            /* @__PURE__ */ m("div", { className: o.msgAgentBody, children: [
+              /* @__PURE__ */ m("div", { className: o.msgMeta, children: [
+                "Assistant",
+                t.streaming ? " · 生成中" : ""
+              ] }),
+              t.parts.length === 0 && t.streaming ? /* @__PURE__ */ d("div", { className: o.msgAgentBubble, children: "…" }) : null,
+              t.parts.map((n, l) => {
+                const c = l === t.parts.length - 1 && t.streaming ? "…" : "";
+                return n.kind === "reasoning" ? /* @__PURE__ */ m("div", { className: o.reasoning, children: [
+                  n.content,
+                  c
+                ] }, l) : n.kind === "text" ? /* @__PURE__ */ m("div", { className: o.msgAgentBubble, children: [
+                  n.content,
+                  c
+                ] }, l) : /* @__PURE__ */ d("div", { className: o.toolHint, children: n.hint }, l);
+              }),
+              t.tokenUsage && !t.streaming ? /* @__PURE__ */ m("div", { className: o.tokenUsage, children: [
+                "Token in ",
+                t.tokenUsage.inputTokenCount ?? 0,
+                " / out",
+                " ",
+                t.tokenUsage.outputTokenCount ?? 0,
+                " / total",
+                " ",
+                t.tokenUsage.totalTokenCount ?? 0
+              ] }) : null
+            ] })
+          ] }, t.id) : null
+        ),
+        /* @__PURE__ */ d("div", { ref: I })
+      ] }),
+      /* @__PURE__ */ m("div", { className: o.inputArea, children: [
+        /* @__PURE__ */ d(
+          "textarea",
+          {
+            className: o.textarea,
+            placeholder: "输入消息，Enter 发送（Shift+Enter 换行）",
+            value: _,
+            disabled: C,
+            onChange: (t) => h(t.target.value),
+            onKeyDown: (t) => {
+              t.key === "Enter" && !t.shiftKey && (t.preventDefault(), H());
+            }
+          }
+        ),
+        /* @__PURE__ */ m("div", { className: o.inputActions, children: [
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: o.btnSecondary,
+              disabled: C,
+              onClick: q,
+              children: "同步"
+            }
+          ),
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: o.btn,
+              disabled: C,
+              onClick: H,
+              children: "发送（SSE）"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  Mt as default
+};

package/dist/index-CBQMS6rx.js

@@ -0,0 +1,178 @@
+import { AppLayout as v, ErrorBoundary as H, LoginPage as _, StatusTag as z, defaultStatusMap as F } from "@yuku123/z-frontend-common";
+import { a as y } from "./ComponentDoc-BFoF51we.js";
+import { c as J, E as Q, d as X, e as Y, f as Z, O as $, h as ee, R as te, j as re, k as ae, T as oe, l as ne, r as le, r as ie, m as se } from "./ComponentDoc-BFoF51we.js";
+import { jsxs as r, Fragment as h, jsx as e } from "react/jsx-runtime";
+import { useState as n, useEffect as T } from "react";
+import { Alert as I, Space as x, Button as l, Tag as c, Result as R } from "antd";
+import { ReloadOutlined as g, UserAddOutlined as E, TeamOutlined as b, PlusOutlined as w, CodeOutlined as A } from "@ant-design/icons";
+import { ListTable as f } from "@yuku123/z-frontend-common/ui";
+const G = y, O = {
+  LEADER: "red",
+  WORKER: "blue",
+  OBSERVER: "default"
+};
+function K() {
+  const [i] = n(!1), [s] = n([]);
+  return /* @__PURE__ */ r(h, { children: [
+    /* @__PURE__ */ e(
+      I,
+      {
+        type: "info",
+        showIcon: !0,
+        style: { marginBottom: 16 },
+        title: "IM 群组 (含 STOMP 实时消息) 后端服务尚未启动",
+        description: "当前展示群组列表占位。等 z-agent-team 后端就绪后切换为完整 IM 客户端。"
+      }
+    ),
+    /* @__PURE__ */ e(
+      f,
+      {
+        cardTitle: /* @__PURE__ */ r("span", { children: [
+          /* @__PURE__ */ e(b, { style: { marginRight: 8 } }),
+          "Agent 群组 IM"
+        ] }),
+        cardExtra: /* @__PURE__ */ r(x, { children: [
+          /* @__PURE__ */ e(l, { icon: /* @__PURE__ */ e(g, {}), loading: i, children: "刷新" }),
+          /* @__PURE__ */ e(l, { type: "primary", icon: /* @__PURE__ */ e(E, {}), disabled: !0, children: "创建群组" })
+        ] }),
+        rows: s,
+        columns: [
+          { title: "群组编码", dataIndex: "teamCode", width: 200, ellipsis: !0 },
+          { title: "群组名称", dataIndex: "teamName", width: 200 },
+          {
+            title: "我的角色",
+            dataIndex: "role",
+            width: 120,
+            render: (a) => /* @__PURE__ */ e(c, { color: O[a] || "default", children: a || "-" })
+          },
+          { title: "成员数", dataIndex: "memberCount", width: 100 },
+          { title: "最近消息", dataIndex: "lastMessage", width: 240, ellipsis: !0 },
+          { title: "更新时间", dataIndex: "updatedAt", width: 180 }
+        ],
+        rowKey: "teamCode",
+        loading: i,
+        searchKeys: ["teamCode", "teamName"],
+        searchPlaceholder: "按群组编码 / 名称过滤",
+        emptyTitle: "暂无群组",
+        emptyDescription: "当前还没有 IM 群组。"
+      }
+    )
+  ] });
+}
+const M = {
+  CREATING: { text: "创建中", color: "processing" },
+  RUNNING: { text: "运行中", color: "success" },
+  STOPPED: { text: "已停止", color: "default" },
+  ERROR: { text: "错误", color: "error" }
+}, D = {
+  GIT: { text: "GIT 模式", color: "blue" },
+  SHARED: { text: "SHARED 模式", color: "purple" }
+};
+function U() {
+  const [i, s] = n([]), [d, a] = n(!1), [u, m] = n(null), p = async () => {
+    a(!0), m(null);
+    try {
+      s([]);
+    } catch (t) {
+      m((t == null ? void 0 : t.message) || "加载失败");
+    } finally {
+      a(!1);
+    }
+  };
+  return T(() => {
+    p();
+  }, []), /* @__PURE__ */ r(h, { children: [
+    u && /* @__PURE__ */ e(
+      I,
+      {
+        type: "warning",
+        showIcon: !0,
+        style: { marginBottom: 16 },
+        title: "后端 API 暂未连接",
+        description: u
+      }
+    ),
+    /* @__PURE__ */ e(
+      f,
+      {
+        cardTitle: /* @__PURE__ */ r("span", { children: [
+          /* @__PURE__ */ e(A, { style: { marginRight: 8 } }),
+          "WebIDE 容器管理"
+        ] }),
+        cardExtra: /* @__PURE__ */ r(x, { children: [
+          /* @__PURE__ */ e(l, { icon: /* @__PURE__ */ e(g, {}), onClick: p, loading: d, children: "刷新" }),
+          /* @__PURE__ */ e(l, { type: "primary", icon: /* @__PURE__ */ e(w, {}), disabled: !0, children: "新建 WebIDE" })
+        ] }),
+        rows: i,
+        columns: [
+          { title: "容器ID", dataIndex: "containerId", width: 220, ellipsis: !0 },
+          {
+            title: "模式",
+            dataIndex: "mode",
+            width: 120,
+            render: (t) => {
+              const o = D[t] || { text: t, color: "default" };
+              return /* @__PURE__ */ e(c, { color: o.color, children: o.text });
+            }
+          },
+          { title: "Git URL", dataIndex: "gitUrl", width: 240, ellipsis: !0 },
+          { title: "分支", dataIndex: "branch", width: 120 },
+          {
+            title: "状态",
+            dataIndex: "status",
+            width: 120,
+            render: (t) => {
+              const o = M[t] || { text: t, color: "default" };
+              return /* @__PURE__ */ e(c, { color: o.color, children: o.text });
+            }
+          },
+          { title: "创建时间", dataIndex: "createdAt", width: 180 }
+        ],
+        rowKey: "containerId",
+        loading: d,
+        scroll: { x: 1e3 },
+        searchKeys: ["containerId", "branch"],
+        searchPlaceholder: "按容器 ID / 分支过滤",
+        emptyTitle: "暂无容器",
+        emptyDescription: "后端 z-webide 服务尚未启动"
+      }
+    )
+  ] });
+}
+function k() {
+  return /* @__PURE__ */ e(
+    R,
+    {
+      title: "Debug Playground",
+      subTitle: "AI 调试沙盒功能开发中...",
+      extra: /* @__PURE__ */ e(l, { type: "primary", children: "敬请期待" })
+    }
+  );
+}
+export {
+  K as AgentTeamIM,
+  v as AppLayout,
+  J as CurlImportModal,
+  k as DebugPlayground,
+  Q as EndpointsTab,
+  X as EnvironmentsTab,
+  H as ErrorBoundary,
+  _ as LoginPage,
+  Y as MockPlatform,
+  Z as MockTemplateHelper,
+  $ as OpenApiImportModal,
+  ee as Overview,
+  te as RecordingsTab,
+  re as RequestLogsTab,
+  ae as ScenariosTab,
+  z as StatusTag,
+  oe as TestCasesTab,
+  U as Webide,
+  y as authRequest,
+  ne as createRequest,
+  G as ctcRequest,
+  le as default,
+  F as defaultStatusMap,
+  ie as request,
+  se as setupInterceptors
+};