@yuku123/z-team-component 0.2.80 → 0.2.83

package/dist/index-Cwr5Slv1.js

@@ -0,0 +1,480 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { r as q, f as le } from "./ctc-sso-DtJHC-2M.js";
+import { r as de, h as K, s as X } from "./sso-user-ZUKv4XMX.js";
+import { ArrowLeftOutlined as ue, PlusOutlined as pe, LogoutOutlined as me, SearchOutlined as he } from "@ant-design/icons";
+import { Spin as O, Button as D, Input as fe, Empty as J, Tag as ge, message as be } from "antd";
+import Q from "query-string";
+import { useState as y, useRef as E, useEffect as w, useMemo as Y, useCallback as B } from "react";
+import { useLocation as ke } from "react-router-dom";
+import { h as A } from "./history-BlrA1eaW.js";
+import { c as we, C as Se } from "./createWorkspaceWsHandler-BWP5S5X3.js";
+import { u as i, f as ye, T as ve } from "./useAppStore-BBr_Fwsz.js";
+import { o as Te, q as Ne, v as je, w as Ce, e as ee } from "./api-CIhVblfa.js";
+import { l as Pe, j as xe } from "./instance-CDmueqyu.js";
+import { i as _e, s as Ee } from "./mobile-client-O3yr9h6t.js";
+/* empty css                          */
+import { s as Ae } from "./personal-Bn3RLYB8.js";
+const re = 2e4;
+function Ie(o, s = re, n = globalThis) {
+  let c = null;
+  return {
+    start() {
+      c == null && (c = n.setTimeout(() => {
+        c = null, o();
+      }, s));
+    },
+    stop() {
+      c != null && (n.clearTimeout(c), c = null);
+    }
+  };
+}
+function Le({ text: o, onRetry: s }) {
+  return /* @__PURE__ */ d("div", { style: { marginTop: 12, textAlign: "center" }, children: [
+    /* @__PURE__ */ t("div", { style: { marginBottom: 10 }, children: o }),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        onClick: s,
+        style: {
+          padding: "6px 16px",
+          borderRadius: 6,
+          border: "1px solid #1677ff",
+          background: "#1677ff",
+          color: "#fff",
+          cursor: "pointer"
+        },
+        children: "重新登录"
+      }
+    )
+  ] });
+}
+const Me = "统一登录接入超时（可能是网络抖动或服务正在重启），请重新登录。";
+function Oe({
+  loadingText: o,
+  timeoutText: s = Me,
+  onRetry: n,
+  timeoutMs: c = re,
+  className: a
+}) {
+  const [N, h] = y(!1), g = E(n);
+  return g.current = n, w(() => {
+    const m = Ie(
+      () => h(!0),
+      c
+    );
+    return m.start(), () => m.stop();
+  }, [c]), N ? /* @__PURE__ */ d("div", { className: a, children: [
+    /* @__PURE__ */ t(O, { description: "" }),
+    /* @__PURE__ */ t(
+      Le,
+      {
+        text: s,
+        onRetry: () => g.current()
+      }
+    )
+  ] }) : /* @__PURE__ */ t("div", { className: a, children: /* @__PURE__ */ t(O, { description: o }) });
+}
+function Re(o, s) {
+  w(() => {
+    if (o == null)
+      return;
+    i.getState().setObserverStatus(null);
+    const n = () => {
+      const m = i.getState();
+      m.loadMessages().catch(() => {
+      }), m.loadRunningExecutions().catch(() => {
+      });
+      const f = m.activeTaskChat;
+      f != null && f.taskId && m.loadTaskMessages(f.taskId).catch(() => {
+      }), m.loadFileTree(void 0, !0).catch(() => {
+      });
+    }, c = Te((m) => {
+      i.getState().setWsState(m);
+    });
+    Ne(o, s, n), i.getState().loadRunningExecutions().catch(() => {
+    });
+    const a = i.getState(), { handler: N, dispose: h } = we({
+      projectId: o,
+      token: s,
+      updateExecution: a.updateExecution,
+      registerExecutionStart: a.registerExecutionStart,
+      clearExecution: a.clearExecution,
+      applyExecutionCancelled: a.applyExecutionCancelled,
+      addMessage: a.addMessage,
+      addTaskMessage: a.addTaskMessage,
+      deleteMessage: a.deleteMessage,
+      updateMessageReadStatus: a.updateMessageReadStatus,
+      loadFileTree: a.loadFileTree
+    }), g = je(N);
+    return () => {
+      g(), h(), Ce(), c(), i.getState().setObserverStatus(null);
+    };
+  }, [o, s]);
+}
+const We = `${window.publicPath ?? "/"}logo.svg`;
+function te() {
+  const { pathname: o, search: s } = A.location, n = Q.parse(s);
+  if (!n.projectId && !n.project_id)
+    return;
+  delete n.projectId, delete n.project_id;
+  const c = Q.stringify(n);
+  A.replace({
+    pathname: o,
+    search: c ? `?${c}` : ""
+  });
+}
+function et() {
+  const o = ke(), [s, n] = y("list"), [c, a] = y("chat"), [N, h] = y("team"), [g, m] = y(""), [f, V] = y(!1), [ae, I] = y(!1), {
+    currentProject: v,
+    currentUser: R,
+    projects: L,
+    loading: ne,
+    members: W,
+    token: oe,
+    loadProjects: z,
+    expandProject: H,
+    updateCurrentUser: j,
+    requestChatScrollBottom: S
+  } = i(), k = Y(() => {
+    const e = Q.parse(o.search), r = String(e.projectId ?? e.project_id ?? "").trim();
+    if (!r)
+      return null;
+    const l = Number(r);
+    return Number.isFinite(l) && l > 0 ? l : null;
+  }, [o.search]), F = E(!1), C = E(!1), P = E(!1), Z = E(k);
+  Z.current = k, Re(v == null ? void 0 : v.id, oe), w(() => (document.body.classList.add("team-phone-workspace-route"), () => {
+    document.body.classList.remove("team-phone-workspace-route");
+  }), []), w(() => {
+    !_e(o.search) && Ee() || A.replace({
+      pathname: "/workspace",
+      search: o.search
+    });
+  }, [o.search]);
+  const se = B(
+    (e) => {
+      a("chat"), h(e), S(e, !0);
+    },
+    [S]
+  );
+  w(() => {
+    let e = !1, r = 0;
+    const l = 100;
+    let x = !1, U = 0;
+    const M = 3, T = (b) => {
+      const u = i.getState().token;
+      if (Z.current != null) {
+        e || (j(X(b)), V(!0)), ee().then((G) => {
+          e || j(G);
+        }).catch(() => {
+          !e && u && (localStorage.removeItem("z_team_token"), i.setState({ token: "" }));
+        });
+        return;
+      }
+      ee().then((G) => {
+        e || j(G);
+      }).catch(() => {
+        e || (u && (localStorage.removeItem("z_team_token"), i.setState({ token: "" })), j(X(b)));
+      }).finally(() => {
+        e || V(!0);
+      });
+    };
+    return (() => {
+      if (e)
+        return;
+      const b = async () => {
+        if (e)
+          return;
+        let u = de();
+        if ((!u || !K(u)) && !x) {
+          x = !0;
+          try {
+            const p = await le();
+            p.kind === "authenticated" ? u = p.user : p.kind === "unauthenticated" && (U += 1);
+          } catch {
+          } finally {
+            x = !1;
+          }
+        }
+        if (u && K(u)) {
+          T(u);
+          return;
+        }
+        if (U >= M) {
+          q();
+          return;
+        }
+        if (r += 1, r >= l) {
+          q();
+          return;
+        }
+        window.setTimeout(() => {
+          b();
+        }, 150);
+      };
+      b();
+    })(), () => {
+      e = !0;
+    };
+  }, [j]), w(() => {
+    R && z();
+  }, [R, z]), w(() => {
+    var l;
+    if (!f || k != null || s === "project" || P.current)
+      return;
+    const e = i.getState(), r = (l = e.currentProject) == null ? void 0 : l.id;
+    r == null || !e.expandedProjectIds.includes(String(r)) || (n("project"), a("chat"), h("team"), S("team", !0));
+  }, [f, k, s, S]);
+  const ce = B(
+    async (e) => {
+      P.current = !1, I(!0);
+      try {
+        await H(e), n("project"), a("chat"), h("team");
+        const r = i.getState();
+        r.currentProject && await r.refreshProjectPanels(
+          String(r.currentProject.id),
+          r.projectSwitchSeq,
+          !1
+        ), S("team", !0);
+      } finally {
+        I(!1);
+      }
+    },
+    [H, S]
+  );
+  w(() => {
+    var M;
+    if (!f || k == null || F.current || C.current)
+      return;
+    const e = k == null ? "" : String(k), r = i.getState();
+    if (String(((M = r.currentProject) == null ? void 0 : M.id) ?? "") === e && r.expandedProjectIds.includes(e)) {
+      F.current = !0, te(), P.current = !1, n("project"), a("chat"), h("team"), i.getState().loadMessages().catch(() => {
+      });
+      return;
+    }
+    let l = !1;
+    C.current = !0, I(!0);
+    const x = async () => {
+      const T = Date.now() + 4e3;
+      for (; Date.now() < T; ) {
+        if (l)
+          return;
+        const _ = i.getState();
+        if (!_.loading || _.projects.length > 0)
+          return;
+        await new Promise((b) => setTimeout(b, 50));
+      }
+    };
+    return (async () => {
+      try {
+        if (await x(), l)
+          return;
+        let {
+          token: T,
+          projects: _,
+          expandProject: b
+        } = i.getState(), u = _.find((p) => p.id === e);
+        if (!u) {
+          const p = await Pe(e, T);
+          if (l)
+            return;
+          if (p.status === "NOT_FOUND" || !p.scenarioInstance) {
+            be.info("无此工程");
+            return;
+          }
+          if (u = await xe(e, T), l)
+            return;
+        }
+        if (l || !u)
+          return;
+        if (F.current = !0, await b(u), !l) {
+          P.current = !1, n("project"), a("chat"), h("team"), te();
+          const p = i.getState();
+          p.currentProject && await p.refreshProjectPanels(
+            String(p.currentProject.id),
+            p.projectSwitchSeq,
+            !1
+          ), S("team", !0);
+        }
+      } catch {
+      } finally {
+        I(!1), C.current = !1, i.getState().loadProjects();
+      }
+    })(), () => {
+      l = !0, C.current && (C.current = !1);
+    };
+  }, [f, k]);
+  const $ = Y(() => {
+    const e = g.trim().toLowerCase();
+    return e ? L.filter(
+      (r) => r.name.toLowerCase().includes(e) || (r.scenario_name ?? "").toLowerCase().includes(e)
+    ) : L;
+  }, [g, L]), ie = B(() => {
+    P.current = !0, n("list"), a("chat");
+  }, []);
+  return !f || !R ? /* @__PURE__ */ t(
+    Oe,
+    {
+      className: "phone-workspace phone-workspace-loading",
+      loadingText: "正在接入 4A 统一登录…",
+      timeoutText: "4A 统一登录接入超时（可能是网络抖动或服务正在重启），请重新登录。",
+      onRetry: () => q()
+    }
+  ) : /* @__PURE__ */ d("div", { className: "phone-workspace", children: [
+    /* @__PURE__ */ d("header", { className: "phone-workspace-header", children: [
+      s === "project" ? /* @__PURE__ */ t(
+        D,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ t(ue, {}),
+          className: "phone-workspace-back",
+          onClick: ie,
+          "aria-label": "返回项目列表"
+        }
+      ) : /* @__PURE__ */ t(
+        "img",
+        {
+          src: We,
+          alt: "Z-OPC",
+          className: "phone-workspace-logo",
+          onClick: () => A.push("/welcome"),
+          style: { cursor: "pointer" }
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "phone-workspace-header-title", children: s === "list" ? /* @__PURE__ */ t(
+        "span",
+        {
+          className: "phone-workspace-brand",
+          onClick: () => A.push("/welcome"),
+          style: { cursor: "pointer" },
+          children: "Z-OPC"
+        }
+      ) : /* @__PURE__ */ t("span", { className: "phone-workspace-project-name", children: (v == null ? void 0 : v.name) ?? "工程" }) }),
+      /* @__PURE__ */ d("div", { className: "phone-workspace-header-actions", children: [
+        s === "list" ? /* @__PURE__ */ t(
+          D,
+          {
+            type: "text",
+            icon: /* @__PURE__ */ t(pe, {}),
+            onClick: () => {
+            },
+            "aria-label": "新建"
+          }
+        ) : null,
+        /* @__PURE__ */ t(
+          D,
+          {
+            type: "text",
+            icon: /* @__PURE__ */ t(me, {}),
+            onClick: () => {
+              Ae();
+            },
+            "aria-label": "退出"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t("main", { className: "phone-workspace-main", children: s === "list" ? /* @__PURE__ */ d("div", { className: "phone-workspace-list", children: [
+      /* @__PURE__ */ t("div", { className: "phone-workspace-search", children: /* @__PURE__ */ t(
+        fe,
+        {
+          allowClear: !0,
+          prefix: /* @__PURE__ */ t(he, {}),
+          placeholder: "搜索项目",
+          value: g,
+          onChange: (e) => m(e.target.value)
+        }
+      ) }),
+      ne && L.length === 0 ? /* @__PURE__ */ t("div", { className: "phone-workspace-list-loading", children: /* @__PURE__ */ t(O, { description: "加载项目…" }) }) : $.length === 0 ? /* @__PURE__ */ t(
+        J,
+        {
+          description: g ? "无匹配项目" : "暂无项目",
+          className: "phone-workspace-empty"
+        }
+      ) : /* @__PURE__ */ t("ul", { className: "phone-project-list", children: $.map((e) => {
+        const r = ye(
+          e.created_at
+        );
+        return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: "phone-project-item",
+            onClick: () => {
+              ce(e);
+            },
+            children: [
+              /* @__PURE__ */ d("div", { className: "phone-project-item-main", children: [
+                /* @__PURE__ */ t("span", { className: "phone-project-item-name", children: e.name }),
+                e.scenario_name || r ? /* @__PURE__ */ d("div", { className: "phone-project-item-meta", children: [
+                  e.scenario_name ? /* @__PURE__ */ t("span", { className: "phone-project-item-scenario", children: e.scenario_name }) : null,
+                  r ? /* @__PURE__ */ t("span", { className: "phone-project-item-time", children: r }) : null
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ t(
+                ge,
+                {
+                  color: e.role === "ADMIN" ? "blue" : "default",
+                  className: "phone-project-item-tag",
+                  children: e.role === "ADMIN" ? "我创建" : "参与"
+                }
+              )
+            ]
+          }
+        ) }, e.id);
+      }) })
+    ] }) : /* @__PURE__ */ d("div", { className: "phone-workspace-detail", children: [
+      /* @__PURE__ */ d("div", { className: "phone-project-toolbar", children: [
+        /* @__PURE__ */ t("div", { className: "phone-project-toolbar-main", children: /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: c === "chat" ? "phone-toolbar-tab phone-toolbar-active" : "phone-toolbar-tab",
+            onClick: () => se("team"),
+            children: "协作"
+          }
+        ) }),
+        /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: c === "members" ? "phone-toolbar-tab phone-toolbar-members phone-toolbar-active" : "phone-toolbar-tab phone-toolbar-members",
+            onClick: () => a("members"),
+            children: [
+              "成员 (",
+              W.length,
+              ")"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "phone-workspace-detail-body", children: c === "members" ? /* @__PURE__ */ t("ul", { className: "phone-member-list", children: W.length === 0 ? /* @__PURE__ */ t(J, { description: "暂无成员" }) : W.map((e) => /* @__PURE__ */ d("li", { className: "phone-member-item", children: [
+        /* @__PURE__ */ t("span", { className: "phone-member-avatar", children: e.member_type === "AGENT" ? "🤖" : "👤" }),
+        /* @__PURE__ */ d("div", { className: "phone-member-info", children: [
+          /* @__PURE__ */ t("span", { className: "phone-member-name", children: e.display_name }),
+          /* @__PURE__ */ d("span", { className: "phone-member-meta", children: [
+            e.member_type === "AGENT" ? "Agent" : "成员",
+            " ·",
+            " ",
+            e.role
+          ] })
+        ] })
+      ] }, e.id)) }) : /* @__PURE__ */ t("div", { className: "phone-chat-host", children: /* @__PURE__ */ t(
+        Se,
+        {
+          hideTabs: !0,
+          activeTab: N,
+          onActiveTabChange: (e) => (
+            // @ts-expect-error phase1 宽松化：tab 类型比 chatTab="team" 宽，业务代码未启用 content 模式
+            h(e)
+          )
+        }
+      ) }) })
+    ] }) }),
+    ae ? /* @__PURE__ */ t("div", { className: "phone-workspace-overlay", children: /* @__PURE__ */ t(O, { description: "正在打开工程…" }) }) : null,
+    /* @__PURE__ */ t(ve, {})
+  ] });
+}
+export {
+  et as default
+};