@yuku123/z-team-component 0.2.26 → 0.2.29

package/dist/index-CjtT4p5I.js

@@ -1,1327 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { CopyOutlined as Y, ReloadOutlined as Ne, PlusOutlined as pe, DeleteOutlined as Ae, ClearOutlined as we, CloseOutlined as Te, SendOutlined as Ce, RobotOutlined as he, CloudServerOutlined as xe, MessageOutlined as Pe, KeyOutlined as Se, AppstoreOutlined as be, GiftOutlined as Ie, ApiOutlined as Me, ToolOutlined as Ke, BarChartOutlined as Oe, DesktopOutlined as Ee } from "@ant-design/icons";
-import { useState as k, useCallback as $, useEffect as X, useRef as ne, useMemo as Be } from "react";
-import { Tooltip as G, Tabs as De, Button as B, Modal as se, Input as ue, Drawer as $e, Spin as Q, Statistic as j, Table as Le, message as _, Tag as F, Select as _e, Checkbox as ze } from "antd";
-import { s as t } from "./SmartWorkbench.module-DzQskKT0.js";
-import { AgentAppList as Re, AgentInstanceManager as Ue, TemplateMarket as qe, McpPage as je, SkillMarket as Fe, AgentDashboard as He } from "@yuku123/z-agent-component";
-import "@yuku123/z-frontend-common";
-import "./ProjectApp-DQPIDWGP.js";
-import { D as Ge } from "./DebugPlayground-cxffrMgF.js";
-const oe = "ft_gateway_default_ak", Je = typeof window < "u" && window.ZTEAM_USE_KAPI === !0, ge = Je, We = `${ge ? "/kapi" : ""}/z-team`, z = ge ? "/kapi/z-team-agent-gateway" : "/gateway-api";
-function Ye(a) {
-  return {
-    modelName: String(a.modelName ?? a.model_name ?? a.service ?? ""),
-    service: String(a.service ?? a.modelName ?? ""),
-    endpoint: String(a.endpoint ?? ""),
-    modelProvider: a.modelProvider ?? a.model_provider ?? null,
-    apiType: String(a.apiType ?? a.api_type ?? "OpenAPI")
-  };
-}
-async function fe() {
-  try {
-    const a = await fetch(`${We}/api/scenario-instances/0/models`, {
-      credentials: "include",
-      headers: {
-        Accept: "application/json",
-        "project-env": window.ENV_TYPE ?? "local"
-      }
-    });
-    if (a.ok) {
-      const o = await a.json(), c = o != null && o.success ? o.data : (o == null ? void 0 : o.data) ?? o;
-      if (Array.isArray(c) && c.length > 0)
-        return c.map(Ye);
-    }
-  } catch {
-  }
-  return [...Ze];
-}
-const Ze = [
-  {
-    modelName: "qwen3.6-flash",
-    service: "qwen3.6-flash",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "Aliyun",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "qwen3.6-plus",
-    service: "qwen3.6-plus",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "Aliyun",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "qwen3.7-plus",
-    service: "qwen3.7-plus",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "Aliyun",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "qwen3.7-flash",
-    service: "qwen3.7-flash",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: null,
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "qwen3.7-max",
-    service: "qwen3.7-max",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "Aliyun",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "qwen3.8-max",
-    service: "qwen3.8-max",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "Aliyun",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "deepseek-v4-flash",
-    service: "deepseek-v4-flash",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "Aliyun",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "deepseek-v4-flash-0731",
-    service: "deepseek-v4-flash-0731",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "Aliyun",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "deepseek-v4-pro",
-    service: "deepseek-v4-pro",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "Aliyun",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "deepseek-v3.2",
-    service: "deepseek-v3.2",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "Aliyun",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "glm-5",
-    service: "glm-5",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "ZhipuAI",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "glm-5.1",
-    service: "glm-5.1",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "ZhipuAI",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "glm-5.2",
-    service: "glm-5.2",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "ZhipuAI",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "kimi-k2.5",
-    service: "kimi-k2.5",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "MoonshotAI",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "kimi-k2.6",
-    service: "kimi-k2.6",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "MoonshotAI",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "kimi-k2.7-code",
-    service: "kimi-k2.7-code",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "MoonshotAI",
-    apiType: "OpenAPI"
-  },
-  {
-    modelName: "MiniMax-M2.5",
-    service: "MiniMax-M2.5",
-    endpoint: "https://dashscope.aliyuncs.com/compatible-mode/v1",
-    modelProvider: "MiniMax",
-    apiType: "OpenAPI"
-  }
-];
-async function Ve(a, o, c, d) {
-  var C, x, b, P;
-  const g = await fetch(`${z}/v1/chat/completions`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${a}`,
-      Accept: "text/event-stream"
-    },
-    body: JSON.stringify({
-      model: o,
-      messages: c,
-      stream: !0
-    }),
-    signal: d.signal
-  });
-  if (!g.ok || !g.body) {
-    const l = await g.text().catch(() => "");
-    let p = `HTTP ${g.status}`;
-    try {
-      const h = JSON.parse(l);
-      p = ((C = h == null ? void 0 : h.error) == null ? void 0 : C.message) ?? p;
-    } catch {
-      l && (p = l);
-    }
-    throw new Error(p);
-  }
-  const D = g.body.getReader(), w = new TextDecoder();
-  let T = "";
-  try {
-    for (; ; ) {
-      const { done: l, value: p } = await D.read();
-      if (l) break;
-      T += w.decode(p, { stream: !0 });
-      const h = T.split(`
-
-`);
-      T = h.pop() ?? "";
-      for (const I of h) {
-        let M = "";
-        for (const u of I.split(`
-`))
-          u.startsWith("data:") && (M += u.slice(5).trim());
-        if (!M || M === "[DONE]") {
-          if (M === "[DONE]") {
-            d.onDone();
-            return;
-          }
-          continue;
-        }
-        try {
-          const u = JSON.parse(M), N = u == null ? void 0 : u.choices;
-          if (Array.isArray(N) && N.length > 0) {
-            const K = (x = N[0]) == null ? void 0 : x.delta;
-            if (K != null && K.content && d.onDelta(K.content), (b = N[0]) == null ? void 0 : b.finish_reason) {
-              const R = u != null && u.usage ? {
-                promptTokens: u.usage.prompt_tokens ?? 0,
-                completionTokens: u.usage.completion_tokens ?? 0,
-                totalTokens: u.usage.total_tokens ?? 0
-              } : void 0;
-              d.onDone(R);
-              return;
-            }
-          }
-          if (u != null && u.usage) {
-            const K = {
-              promptTokens: u.usage.prompt_tokens ?? 0,
-              completionTokens: u.usage.completion_tokens ?? 0,
-              totalTokens: u.usage.total_tokens ?? 0
-            };
-            d.onDone(K);
-            return;
-          }
-        } catch {
-        }
-      }
-    }
-    d.onDone();
-  } catch (l) {
-    if ((P = d.signal) != null && P.aborted) return;
-    throw d.onError(l instanceof Error ? l : new Error(String(l))), l;
-  }
-}
-async function ye(a, o, c) {
-  const d = await fetch(`${z}/v1/api-keys`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ userId: a, userName: o, description: c })
-  });
-  if (!d.ok) {
-    const g = await d.text().catch(() => "");
-    throw new Error(`创建 AK 失败: ${g || d.status}`);
-  }
-  return d.json();
-}
-async function ce(a) {
-  const o = await fetch(
-    `${z}/v1/api-keys?userId=${encodeURIComponent(a)}`,
-    { headers: { "Content-Type": "application/json" } }
-  );
-  if (!o.ok) throw new Error(`获取 AK 列表失败 HTTP ${o.status}`);
-  const c = await o.json(), d = (c == null ? void 0 : c.apiKeys) ?? c;
-  return Array.isArray(d) ? d : [];
-}
-async function Xe(a) {
-  const o = await fetch(`${z}/v1/api-keys/${a}`, {
-    method: "DELETE"
-  });
-  if (!o.ok) throw new Error(`吊销 AK 失败 HTTP ${o.status}`);
-}
-async function Qe(a) {
-  const o = await fetch(`${z}/v1/api-keys/${a}/usage`);
-  if (!o.ok) throw new Error(`获取用量统计失败 HTTP ${o.status}`);
-  const c = await o.json();
-  return (c == null ? void 0 : c.data) ?? c;
-}
-function et() {
-  return typeof window < "u" ? `${window.location.origin}${z}` : z;
-}
-const le = "ft_gateway_ak_cache";
-function tt(a, o) {
-  try {
-    const c = JSON.parse(localStorage.getItem(le) || "{}");
-    c[a] = o, localStorage.setItem(le, JSON.stringify(c));
-  } catch {
-  }
-}
-function at(a) {
-  try {
-    return JSON.parse(localStorage.getItem(le) || "{}")[a] || null;
-  } catch {
-    return null;
-  }
-}
-async function nt() {
-  try {
-    const o = localStorage.getItem(oe);
-    if (o) return o;
-  } catch {
-  }
-  const a = await ye(
-    "system-default",
-    "系统默认",
-    "智能工作台默认AK（自动创建）"
-  );
-  try {
-    localStorage.setItem(oe, a.apiKey);
-  } catch {
-  }
-  return a.apiKey;
-}
-function ke() {
-  try {
-    localStorage.removeItem(oe);
-  } catch {
-  }
-}
-const de = 1e7;
-function me(a) {
-  return a >= 1e6 ? `${(a / 1e6).toFixed(1)}M` : a >= 1e3 ? `${(a / 1e3).toFixed(1)}K` : `${a}`;
-}
-function st(a) {
-  return `# OpenAI 兼容
-curl -X POST ${a}/v1/chat/completions \\
-  -H "Content-Type: application/json" \\
-  -H "Authorization: Bearer ft-xxx" \\
-  -d '{
-    "model": "qwen3.6-flash",
-    "messages": [{"role":"user","content":"你好"}],
-    "stream": true
-  }'`;
-}
-function ot(a) {
-  return `# Anthropic 兼容
-curl -X POST ${a}/v1/messages \\
-  -H "Content-Type: application/json" \\
-  -H "x-api-key: ft-xxx" \\
-  -d '{
-    "model": "qwen3.6-flash",
-    "messages": [{"role":"user","content":"你好"}]
-  }'`;
-}
-function lt() {
-  const [a, o] = k("personal"), [c, d] = k([]), [g, D] = k([]), [w, T] = k(!0), [C, x] = k(!1), [b, P] = k(!1), [l, p] = k(""), [h, I] = k({ open: !1 }), [M, u] = k(null), [N, K] = k(null), [J, R] = k(!1), H = "zifang", ee = "zifang", n = et(), r = $(async () => {
-    T(!0);
-    try {
-      const [i, f] = await Promise.all([
-        ce("system-default").catch(() => []),
-        ce(H).catch(() => [])
-      ]);
-      d(i), D(f);
-    } finally {
-      T(!1);
-    }
-  }, [H]);
-  X(() => {
-    r();
-  }, [r]);
-  const A = () => {
-    p(""), P(!0);
-  }, y = async () => {
-    if (!l.trim()) {
-      _.warning("请输入 AK 名称");
-      return;
-    }
-    x(!0);
-    try {
-      const i = await ye(H, ee, l.trim());
-      tt(i.akPrefix, i.apiKey), P(!1), I({
-        open: !0,
-        apiKey: i.apiKey,
-        akPrefix: i.akPrefix
-      }), r();
-    } catch (i) {
-      _.error(i instanceof Error ? i.message : "创建 AK 失败");
-    } finally {
-      x(!1);
-    }
-  }, L = (i) => {
-    se.confirm({
-      title: "确认吊销此 AK？",
-      content: "吊销后此 AK 将立即失效，无法恢复。",
-      okText: "确认吊销",
-      okType: "danger",
-      cancelText: "取消",
-      onOk: async () => {
-        try {
-          await Xe(i), _.success("AK 已吊销"), r(), ke();
-        } catch (f) {
-          _.error(f instanceof Error ? f.message : "吊销失败");
-        }
-      }
-    });
-  }, v = (i) => {
-    navigator.clipboard.writeText(i).then(() => _.success("已复制到剪贴板")).catch(() => _.warning("复制失败，请手动复制"));
-  }, U = (i) => {
-    const f = at(i.akPrefix);
-    f ? v(f) : (v(i.akPrefix), _.info("完整 AK 未在本地缓存（可能在本设备外创建），已复制前缀"));
-  }, te = async (i) => {
-    u(i), R(!0), K(null);
-    try {
-      const f = await Qe(i.id);
-      K(f);
-    } catch (f) {
-      _.error(f instanceof Error ? f.message : "获取用量失败");
-    } finally {
-      R(!1);
-    }
-  }, S = () => {
-    u(null), K(null);
-  }, O = (i) => {
-    const f = Object.entries(i);
-    if (f.length === 0)
-      return /* @__PURE__ */ e("span", { className: t.usageEmpty, children: "暂无数据" });
-    const q = Math.max(...f.map(([, m]) => m[1] + m[2]), 1);
-    return /* @__PURE__ */ e("div", { className: t.usageBarChart, children: f.map(([m, E]) => {
-      const re = E[1] + E[2], ve = re / q * 100;
-      return /* @__PURE__ */ s("div", { className: t.usageBarCol, children: [
-        /* @__PURE__ */ e(G, { title: `${m}: ${E[0]}次 / ${re} tokens`, children: /* @__PURE__ */ e(
-          "div",
-          {
-            className: t.usageBar,
-            style: { height: `${Math.max(ve, 2)}%` }
-          }
-        ) }),
-        /* @__PURE__ */ e("span", { className: t.usageBarLabel, children: m })
-      ] }, m);
-    }) });
-  }, W = (i) => {
-    const f = Object.entries(i);
-    if (f.length === 0)
-      return /* @__PURE__ */ e("span", { className: t.usageEmpty, children: "暂无数据" });
-    const q = Math.max(...f.map(([, m]) => m[0]), 1);
-    return /* @__PURE__ */ e("div", { className: t.modelBreakdown, children: f.sort((m, E) => E[1][0] - m[1][0]).map(([m, E]) => /* @__PURE__ */ s("div", { className: t.modelBreakdownRow, children: [
-      /* @__PURE__ */ e("span", { className: t.modelBreakdownName, children: m }),
-      /* @__PURE__ */ e("div", { className: t.modelBreakdownBar, children: /* @__PURE__ */ e(
-        "div",
-        {
-          className: t.modelBreakdownFill,
-          style: { width: `${E[0] / q * 100}%` }
-        }
-      ) }),
-      /* @__PURE__ */ s("span", { className: t.modelBreakdownCount, children: [
-        E[0],
-        "次 / ",
-        E[1],
-        "tokens"
-      ] })
-    ] }, m)) });
-  }, ae = [
-    {
-      title: "时间",
-      dataIndex: "createTime",
-      key: "createTime",
-      width: 160,
-      render: (i) => i ? new Date(i).toLocaleString("zh-CN") : "-"
-    },
-    { title: "模型", dataIndex: "model", key: "model", width: 140 },
-    {
-      title: "协议",
-      dataIndex: "protocol",
-      key: "protocol",
-      width: 90,
-      render: (i) => /* @__PURE__ */ e(F, { children: i })
-    },
-    {
-      title: "输入",
-      dataIndex: "promptTokens",
-      key: "promptTokens",
-      width: 70
-    },
-    {
-      title: "输出",
-      dataIndex: "completionTokens",
-      key: "completionTokens",
-      width: 70
-    },
-    {
-      title: "总Token",
-      dataIndex: "totalTokens",
-      key: "totalTokens",
-      width: 80
-    },
-    {
-      title: "耗时",
-      dataIndex: "latencyMs",
-      key: "latencyMs",
-      width: 70,
-      render: (i) => i ? `${i}ms` : "-"
-    },
-    {
-      title: "状态",
-      dataIndex: "statusCode",
-      key: "statusCode",
-      width: 60,
-      render: (i) => i ? /* @__PURE__ */ e(F, { color: i < 400 ? "green" : "red", children: i }) : "-"
-    }
-  ], ie = (i, f) => {
-    const q = Array.isArray(i) ? i : [];
-    return w ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 40 }, children: /* @__PURE__ */ e(Q, { description: "加载中..." }) }) : q.length === 0 ? /* @__PURE__ */ e("div", { className: t.akEmpty, children: f ? "暂无应用 AK" : "暂无个人 AK，点击上方按钮生成" }) : /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: q.map((m) => /* @__PURE__ */ s(
-      "div",
-      {
-        className: t.akCard,
-        onClick: () => te(m),
-        children: [
-          /* @__PURE__ */ s("div", { className: t.akCardRow, children: [
-            /* @__PURE__ */ e("span", { className: t.akTitle, children: m.description || m.akPrefix.replace("...", "**") }),
-            /* @__PURE__ */ e("code", { className: t.akPrefixSmall, children: m.akPrefix.replace("...", "**") }),
-            /* @__PURE__ */ e(
-              "span",
-              {
-                className: `${t.akStatus} ${m.active ? t.akStatusActive : t.akStatusRevoked}`,
-                children: m.active ? "活跃" : "已吊销"
-              }
-            ),
-            m.defaultModel && /* @__PURE__ */ s(F, { style: { fontSize: 11 }, children: [
-              "默认: ",
-              m.defaultModel
-            ] }),
-            /* @__PURE__ */ s(
-              "div",
-              {
-                className: t.akCardActions,
-                onClick: (E) => E.stopPropagation(),
-                children: [
-                  /* @__PURE__ */ e(G, { title: "复制完整 AK", children: /* @__PURE__ */ e(
-                    B,
-                    {
-                      size: "small",
-                      icon: /* @__PURE__ */ e(Y, {}),
-                      onClick: () => U(m),
-                      children: "复制"
-                    }
-                  ) }),
-                  !f && m.active && /* @__PURE__ */ e(
-                    B,
-                    {
-                      size: "small",
-                      danger: !0,
-                      icon: /* @__PURE__ */ e(Ae, {}),
-                      onClick: () => L(m.id),
-                      children: "吊销"
-                    }
-                  )
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ s("div", { className: t.akCardRow2, children: [
-            /* @__PURE__ */ e("div", { className: t.akMiniBar, children: /* @__PURE__ */ e(
-              "div",
-              {
-                className: t.akMiniBarFill,
-                style: {
-                  width: `${Math.min(
-                    (m.totalTokens || 0) / (m.tokenQuota || de) * 100,
-                    100
-                  )}%`
-                }
-              }
-            ) }),
-            /* @__PURE__ */ s("span", { className: t.akUsageText, children: [
-              me(m.totalTokens || 0),
-              " /",
-              " ",
-              me(m.tokenQuota || de)
-            ] }),
-            /* @__PURE__ */ s("span", { className: t.akMetaText, children: [
-              m.totalRequests || 0,
-              " 次请求"
-            ] }),
-            /* @__PURE__ */ e("span", { className: t.akMetaText, children: new Date(m.createTime).toLocaleDateString("zh-CN") })
-          ] })
-        ]
-      },
-      m.id
-    )) });
-  };
-  return /* @__PURE__ */ s("div", { className: t.akContainer, children: [
-    /* @__PURE__ */ s("div", { className: t.akIntegrationPanel, children: [
-      /* @__PURE__ */ e("h4", { className: t.akIntegrationTitle, children: "协议接入地址" }),
-      /* @__PURE__ */ s("div", { className: t.akBaseUrlRow, children: [
-        /* @__PURE__ */ s("div", { className: t.akBaseUrlItem, children: [
-          /* @__PURE__ */ e("span", { className: t.akBaseUrlLabel, children: "OpenAI 兼容" }),
-          /* @__PURE__ */ e("code", { className: t.akBaseUrlValue, children: n }),
-          /* @__PURE__ */ e(G, { title: "复制 Base URL", children: /* @__PURE__ */ e(
-            Y,
-            {
-              className: t.akCopyIcon,
-              onClick: () => v(n)
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ s("div", { className: t.akBaseUrlItem, children: [
-          /* @__PURE__ */ e("span", { className: t.akBaseUrlLabel, children: "Anthropic 兼容" }),
-          /* @__PURE__ */ e("code", { className: t.akBaseUrlValue, children: n }),
-          /* @__PURE__ */ e(G, { title: "复制 Base URL", children: /* @__PURE__ */ e(
-            Y,
-            {
-              className: t.akCopyIcon,
-              onClick: () => v(n)
-            }
-          ) })
-        ] })
-      ] }),
-      /* @__PURE__ */ s("div", { className: t.akIntegrationGrid, children: [
-        /* @__PURE__ */ s("div", { children: [
-          /* @__PURE__ */ e("p", { className: t.akCodeLabel, children: "OpenAI 兼容 — curl 示例" }),
-          /* @__PURE__ */ e("pre", { className: t.akCodeBlock, children: st(n) })
-        ] }),
-        /* @__PURE__ */ s("div", { children: [
-          /* @__PURE__ */ e("p", { className: t.akCodeLabel, children: "Anthropic 兼容 — curl 示例" }),
-          /* @__PURE__ */ e("pre", { className: t.akCodeBlock, children: ot(n) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ s("div", { children: [
-      /* @__PURE__ */ s(
-        "div",
-        {
-          style: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            marginBottom: 12
-          },
-          children: [
-            /* @__PURE__ */ e(
-              De,
-              {
-                activeKey: a,
-                onChange: (i) => o(i),
-                items: [
-                  { key: "app", label: "应用 AK" },
-                  { key: "personal", label: "个人 AK" }
-                ],
-                style: { flex: 1 }
-              }
-            ),
-            /* @__PURE__ */ s("div", { style: { display: "flex", gap: 8 }, children: [
-              /* @__PURE__ */ e(B, { icon: /* @__PURE__ */ e(Ne, {}), onClick: r, size: "small", children: "刷新" }),
-              a === "personal" && /* @__PURE__ */ e(
-                B,
-                {
-                  type: "primary",
-                  icon: /* @__PURE__ */ e(pe, {}),
-                  onClick: A,
-                  loading: C,
-                  children: "生成 AK"
-                }
-              )
-            ] })
-          ]
-        }
-      ),
-      a === "app" ? ie(c, !0) : ie(g, !1)
-    ] }),
-    /* @__PURE__ */ s(
-      se,
-      {
-        open: b,
-        title: "生成新 AK",
-        onCancel: () => P(!1),
-        onOk: y,
-        okText: "确认生成",
-        cancelText: "取消",
-        confirmLoading: C,
-        children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              style: {
-                marginBottom: 8,
-                color: "var(--text-secondary)",
-                fontSize: 13
-              },
-              children: "请输入 AK 名称（用于标识此密钥的用途）"
-            }
-          ),
-          /* @__PURE__ */ e(
-            ue,
-            {
-              placeholder: "例如：测试用 AK、生产网关 AK",
-              value: l,
-              onChange: (i) => p(i.target.value),
-              onPressEnter: y,
-              maxLength: 50,
-              autoFocus: !0
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ s(
-      se,
-      {
-        open: h.open,
-        title: "AK 创建成功",
-        onCancel: () => I({ open: !1 }),
-        footer: [
-          /* @__PURE__ */ e(
-            B,
-            {
-              icon: /* @__PURE__ */ e(Y, {}),
-              onClick: () => h.apiKey && v(h.apiKey),
-              children: "复制 AK"
-            },
-            "copy"
-          ),
-          /* @__PURE__ */ e(
-            B,
-            {
-              type: "primary",
-              onClick: () => I({ open: !1 }),
-              children: "我已保存"
-            },
-            "close"
-          )
-        ],
-        children: [
-          /* @__PURE__ */ e("div", { style: { marginBottom: 8, color: "#faad14", fontSize: 14 }, children: "请立即保存此 AK，关闭后将无法再次查看完整密钥。" }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              style: {
-                background: "var(--bg-tertiary, #f6f8fa)",
-                padding: "12px 14px",
-                borderRadius: 8,
-                fontFamily: "SF Mono, Fira Code, monospace",
-                fontSize: 13,
-                wordBreak: "break-all",
-                userSelect: "all"
-              },
-              children: h.apiKey
-            }
-          ),
-          /* @__PURE__ */ s("div", { style: { marginTop: 8, fontSize: 12, color: "var(--text-muted)" }, children: [
-            "前缀: ",
-            h.akPrefix
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      $e,
-      {
-        title: M ? /* @__PURE__ */ s("span", { children: [
-          "AK 详情 — ",
-          /* @__PURE__ */ e("code", { children: M.akPrefix })
-        ] }) : "AK 详情",
-        open: !!M,
-        onClose: S,
-        size: "large",
-        children: J ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(Q, { description: "加载用量数据..." }) }) : N ? /* @__PURE__ */ s("div", { className: t.usageDrawerContent, children: [
-          /* @__PURE__ */ s("div", { className: t.usageStatsGrid, children: [
-            /* @__PURE__ */ e(j, { title: "总请求数", value: N.totalRequests }),
-            /* @__PURE__ */ e(j, { title: "总 Token", value: N.totalTokens }),
-            /* @__PURE__ */ e(
-              j,
-              {
-                title: "输入 Token",
-                value: N.totalPromptTokens
-              }
-            ),
-            /* @__PURE__ */ e(
-              j,
-              {
-                title: "输出 Token",
-                value: N.totalCompletionTokens
-              }
-            ),
-            /* @__PURE__ */ e(
-              j,
-              {
-                title: "平均耗时",
-                value: N.avgLatencyMs,
-                suffix: "ms"
-              }
-            ),
-            /* @__PURE__ */ e(
-              j,
-              {
-                title: "错误数",
-                value: N.errorCount,
-                styles: {
-                  content: {
-                    color: N.errorCount > 0 ? "#ff4d4f" : void 0
-                  }
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
-            /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "每日调用曲线（近 30 天）" }),
-            O(N.daily)
-          ] }),
-          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
-            /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "模型用量分布" }),
-            W(N.models)
-          ] }),
-          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
-            /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "最近调用记录" }),
-            /* @__PURE__ */ e(
-              Le,
-              {
-                columns: ae,
-                dataSource: N.recent,
-                rowKey: "id",
-                size: "small",
-                pagination: { pageSize: 10, size: "small" },
-                scroll: { x: 760 }
-              }
-            )
-          ] })
-        ] }) : /* @__PURE__ */ e("div", { className: t.usageEmpty, children: "暂无用量数据" })
-      }
-    )
-  ] });
-}
-function it(a) {
-  const o = [];
-  if (!a) return o;
-  const c = /<(think|thinking|reasoning)>([\s\S]*?)<\/\1>/gi;
-  let d = 0, g;
-  for (; (g = c.exec(a)) !== null; )
-    g.index > d && o.push({ type: "text", text: a.slice(d, g.index) }), o.push({ type: "think", text: g[2] }), d = g.index + g[0].length;
-  return d < a.length && o.push({ type: "text", text: a.slice(d) }), o;
-}
-const Z = 4;
-let rt = 0;
-function ct({ initialModels: a }) {
-  const [o, c] = k([]), [d, g] = k([]), [D, w] = k(!0), [T, C] = k(""), [x, b] = k(!1), P = ne(""), l = ne(/* @__PURE__ */ new Map()), p = ne(/* @__PURE__ */ new Map());
-  X(() => {
-    (async () => {
-      try {
-        const n = await fe();
-        g(n), w(!1);
-        const A = (a.length > 0 ? a : n.length > 0 ? [n[0].modelName] : ["qwen3.6-flash"]).slice(0, Z).map((y) => V(y));
-        c(A);
-      } catch {
-        w(!1), c([V(a[0] || "qwen3.6-flash")]);
-      }
-    })();
-  }, []), X(() => {
-    if (a.length > 0 && d.length > 0) {
-      const n = a.slice(0, Z).map((r) => V(r));
-      c(n);
-    }
-  }, [a.join(",")]);
-  const h = $((n) => {
-    const r = p.current.get(n);
-    r && (r.scrollTop = r.scrollHeight);
-  }, []), I = $(
-    (n, r) => {
-      c((A) => A.map((y) => y.id === n ? r(y) : y));
-    },
-    []
-  ), M = $(async () => {
-    if (P.current) return P.current;
-    const n = await nt();
-    return P.current = n, n;
-  }, []), u = $(async () => {
-    const n = T.trim();
-    if (!n || x) return;
-    let r;
-    try {
-      r = await M();
-    } catch {
-      return;
-    }
-    C(""), b(!0);
-    const A = o.map((v) => ({
-      ...v,
-      messages: [
-        ...v.messages,
-        { role: "user", content: n },
-        { role: "assistant", content: "" }
-      ],
-      streamingContent: "",
-      isStreaming: !0,
-      error: null,
-      usage: null
-    }));
-    c(A);
-    const y = A;
-    y.forEach((v) => {
-      const U = new AbortController();
-      l.current.set(v.id, U);
-      const te = v.messages.slice(0, -1);
-      Ve(r, v.model, te, {
-        onDelta: (S) => {
-          I(v.id, (O) => ({
-            ...O,
-            streamingContent: O.streamingContent + S,
-            messages: O.messages.map(
-              (W, ae) => ae === O.messages.length - 1 ? { ...W, content: O.streamingContent + S } : W
-            )
-          })), h(v.id);
-        },
-        onDone: (S) => {
-          I(v.id, (O) => ({
-            ...O,
-            isStreaming: !1,
-            usage: S ? {
-              promptTokens: S.promptTokens,
-              completionTokens: S.completionTokens,
-              totalTokens: S.totalTokens
-            } : null
-          })), l.current.delete(v.id);
-        },
-        onError: (S) => {
-          (S.message.includes("401") || S.message.includes("API key")) && (ke(), P.current = ""), I(v.id, (O) => ({
-            ...O,
-            isStreaming: !1,
-            error: S.message
-          })), l.current.delete(v.id);
-        },
-        signal: U.signal
-      }).catch(() => {
-      });
-    });
-    const L = setInterval(() => {
-      y.every(
-        (U) => !l.current.has(U.id)
-      ) && (clearInterval(L), b(!1));
-    }, 200);
-    setTimeout(() => {
-      clearInterval(L), b(!1);
-    }, 300 * 1e3);
-  }, [T, x, o, M, I, h]), N = $(() => {
-    l.current.forEach((n) => n.abort()), l.current.clear(), c((n) => n.map((r) => ({ ...r, isStreaming: !1 }))), b(!1);
-  }, []), K = $(() => {
-    var r, A;
-    if (o.length >= Z) return;
-    const n = ((r = d.find((y) => !o.some((L) => L.model === y.modelName))) == null ? void 0 : r.modelName) || ((A = d[0]) == null ? void 0 : A.modelName) || "qwen3.6-flash";
-    c((y) => [...y, V(n)]);
-  }, [o, d]), J = $(() => {
-    l.current.forEach((n) => n.abort()), l.current.clear(), c(
-      (n) => n.map((r) => ({
-        ...r,
-        messages: [],
-        streamingContent: "",
-        isStreaming: !1,
-        error: null,
-        usage: null
-      }))
-    ), b(!1);
-  }, [x, o]), R = $((n) => {
-    const r = l.current.get(n);
-    r && r.abort(), l.current.delete(n), c((A) => A.filter((y) => y.id !== n));
-  }, []), H = $(
-    (n, r) => {
-      I(n, (A) => ({ ...A, model: r }));
-    },
-    [I]
-  ), ee = d.map((n) => ({
-    label: n.modelName,
-    value: n.modelName
-  }));
-  return D ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(Q, { description: "加载模型列表..." }) }) : /* @__PURE__ */ s("div", { className: t.chatContainer, children: [
-    /* @__PURE__ */ s("div", { className: t.chatHeader, children: [
-      /* @__PURE__ */ s("h3", { className: t.chatTitle, children: [
-        "模型对话",
-        o.length > 1 && /* @__PURE__ */ s(F, { color: "blue", style: { marginLeft: 12, fontSize: 12 }, children: [
-          o.length,
-          " 个模型对比"
-        ] })
-      ] }),
-      /* @__PURE__ */ e(
-        B,
-        {
-          size: "small",
-          icon: /* @__PURE__ */ e(we, {}),
-          onClick: J,
-          disabled: x || o.every((n) => n.messages.length === 0),
-          children: "清空重新来"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ s("div", { className: t.chatPanels, children: [
-      o.map((n) => /* @__PURE__ */ s("div", { className: t.chatPanel, children: [
-        /* @__PURE__ */ s("div", { className: t.chatPanelHeader, children: [
-          /* @__PURE__ */ e(
-            _e,
-            {
-              size: "small",
-              value: n.model,
-              onChange: (r) => H(n.id, r),
-              options: ee,
-              style: { minWidth: 140, flex: 1 },
-              showSearch: !0,
-              optionFilterProp: "label"
-            }
-          ),
-          o.length > 1 && /* @__PURE__ */ e(
-            "span",
-            {
-              className: t.chatPanelClose,
-              onClick: () => R(n.id),
-              children: /* @__PURE__ */ e(Te, {})
-            }
-          )
-        ] }),
-        /* @__PURE__ */ s(
-          "div",
-          {
-            className: t.chatPanelBody,
-            ref: (r) => {
-              p.current.set(n.id, r);
-            },
-            children: [
-              n.messages.map((r, A) => /* @__PURE__ */ s(
-                "div",
-                {
-                  className: r.role === "user" ? t.chatMsgUser : t.chatMsgAI,
-                  children: [
-                    r.role === "assistant" ? it(r.content).map(
-                      (y, L) => y.type === "think" ? /* @__PURE__ */ s(
-                        "details",
-                        {
-                          className: t.chatThinkBlock,
-                          children: [
-                            /* @__PURE__ */ e("summary", { children: "思考过程" }),
-                            /* @__PURE__ */ e("pre", { children: y.text })
-                          ]
-                        },
-                        L
-                      ) : /* @__PURE__ */ e("span", { style: { whiteSpace: "pre-wrap" }, children: y.text }, L)
-                    ) : /* @__PURE__ */ e("span", { style: { whiteSpace: "pre-wrap" }, children: r.content }),
-                    n.isStreaming && A === n.messages.length - 1 && r.role === "assistant" && /* @__PURE__ */ e("span", { className: t.chatStreamingCursor })
-                  ]
-                },
-                A
-              )),
-              n.error && /* @__PURE__ */ e("div", { className: t.chatMsgError, children: n.error }),
-              n.usage && /* @__PURE__ */ s("div", { className: t.chatUsageBar, children: [
-                /* @__PURE__ */ s("span", { children: [
-                  "输入: ",
-                  n.usage.promptTokens
-                ] }),
-                /* @__PURE__ */ s("span", { children: [
-                  "输出: ",
-                  n.usage.completionTokens
-                ] })
-              ] })
-            ]
-          }
-        )
-      ] }, n.id)),
-      o.length < Z && /* @__PURE__ */ e(G, { title: "添加面板", children: /* @__PURE__ */ e("div", { className: t.addPanelBtn, onClick: K, children: /* @__PURE__ */ e(pe, {}) }) })
-    ] }),
-    /* @__PURE__ */ s("div", { className: t.chatInputBar, children: [
-      /* @__PURE__ */ e(
-        ue.TextArea,
-        {
-          className: t.chatInput,
-          value: T,
-          onChange: (n) => C(n.target.value),
-          placeholder: "输入消息，所有面板将同时收到并流式输出...",
-          autoSize: { minRows: 1, maxRows: 4 },
-          onPressEnter: (n) => {
-            n.shiftKey || (n.preventDefault(), u());
-          },
-          disabled: x
-        }
-      ),
-      x ? /* @__PURE__ */ e(B, { danger: !0, onClick: N, children: "停止" }) : /* @__PURE__ */ s(B, { type: "primary", onClick: u, disabled: !T.trim(), children: [
-        /* @__PURE__ */ e(Ce, {}),
-        " 发送"
-      ] })
-    ] })
-  ] });
-}
-function V(a) {
-  return {
-    id: ++rt,
-    model: a,
-    messages: [],
-    streamingContent: "",
-    isStreaming: !1,
-    error: null,
-    usage: null
-  };
-}
-function dt({ onStartChat: a }) {
-  const [o, c] = k([]), [d, g] = k(!0), [D, w] = k(/* @__PURE__ */ new Set());
-  X(() => {
-    let l = !1;
-    return (async () => {
-      try {
-        const p = await fe();
-        l || (c(p), g(!1));
-      } catch {
-        l || g(!1);
-      }
-    })(), () => {
-      l = !0;
-    };
-  }, []);
-  const T = (l) => {
-    w((p) => {
-      const h = new Set(p);
-      return h.has(l) ? h.delete(l) : h.add(l), h;
-    });
-  }, C = Array.from(D), x = (l) => {
-    a([l]);
-  }, b = () => {
-    C.length > 0 && a(C);
-  }, P = (l) => {
-    if (!l) return "default";
-    const p = l.toLowerCase();
-    return p.includes("aliyun") || p.includes("ali") ? "blue" : p.includes("zhipu") || p.includes("glm") ? "purple" : p.includes("moonshot") || p.includes("kimi") ? "cyan" : p.includes("minimax") ? "orange" : "default";
-  };
-  return d ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(Q, { description: "加载模型列表..." }) }) : /* @__PURE__ */ s("div", { children: [
-    /* @__PURE__ */ s("div", { className: t.modelMgmtHeader, children: [
-      /* @__PURE__ */ e("h3", { className: t.modelMgmtTitle, children: "模型管理" }),
-      /* @__PURE__ */ e("p", { className: t.modelMgmtSubtitle, children: "数据库管理的可用模型，可选择单个或多个模型发起对话对比" })
-    ] }),
-    /* @__PURE__ */ e("div", { className: t.modelGrid, children: o.map((l) => {
-      const p = D.has(l.modelName);
-      return /* @__PURE__ */ s(
-        "div",
-        {
-          className: `${t.modelCard} ${p ? t.modelCardSelected : ""}`,
-          onClick: () => T(l.modelName),
-          children: [
-            /* @__PURE__ */ e(
-              ze,
-              {
-                className: t.modelCheckbox,
-                checked: p,
-                onChange: (h) => {
-                  h.stopPropagation(), T(l.modelName);
-                }
-              }
-            ),
-            /* @__PURE__ */ s("div", { className: t.modelCardHeader, children: [
-              /* @__PURE__ */ e("div", { className: t.modelIconWrap, children: /* @__PURE__ */ e(he, {}) }),
-              /* @__PURE__ */ s("div", { className: t.modelCardInfo, children: [
-                /* @__PURE__ */ e("h4", { className: t.modelName, children: l.modelName }),
-                /* @__PURE__ */ s("div", { className: t.modelTags, children: [
-                  l.modelProvider && /* @__PURE__ */ e(
-                    F,
-                    {
-                      color: P(l.modelProvider),
-                      style: { fontSize: 11, margin: 0 },
-                      children: l.modelProvider
-                    }
-                  ),
-                  /* @__PURE__ */ e(F, { style: { fontSize: 11, margin: 0 }, children: l.apiType })
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ e("p", { className: t.modelEndpoint, children: l.endpoint }),
-            /* @__PURE__ */ e("div", { className: t.modelCardFooter, children: /* @__PURE__ */ e(
-              B,
-              {
-                type: "link",
-                size: "small",
-                onClick: (h) => {
-                  h.stopPropagation(), x(l.modelName);
-                },
-                children: "发起对话"
-              }
-            ) })
-          ]
-        },
-        l.modelName
-      );
-    }) }),
-    C.length > 0 && /* @__PURE__ */ s("div", { className: t.modelActionBar, children: [
-      /* @__PURE__ */ s("span", { className: t.modelSelectionCount, children: [
-        "已选择 ",
-        C.length,
-        " 个模型"
-      ] }),
-      /* @__PURE__ */ e(
-        B,
-        {
-          type: "primary",
-          onClick: b,
-          disabled: C.length === 0,
-          children: "批量对比"
-        }
-      )
-    ] })
-  ] });
-}
-const mt = [
-  // 模型与对话
-  { key: "model-management", label: "模型管理", icon: /* @__PURE__ */ e(xe, {}) },
-  { key: "model-chat", label: "模型对话", icon: /* @__PURE__ */ e(Pe, {}) },
-  { key: "ak-management", label: "AK 管理", icon: /* @__PURE__ */ e(Se, {}) },
-  // Agent 应用
-  { key: "agent-app", label: "Agent 应用", icon: /* @__PURE__ */ e(he, {}) },
-  { key: "agent-instance", label: "多 Agent 实例", icon: /* @__PURE__ */ e(be, {}) },
-  { key: "template-market", label: "模板市场", icon: /* @__PURE__ */ e(Ie, {}) },
-  // 协议与扩展
-  { key: "mcp-service", label: "MCP 服务", icon: /* @__PURE__ */ e(Me, {}) },
-  { key: "skill-market", label: "技能市场", icon: /* @__PURE__ */ e(Ke, {}) },
-  // 监控与调试
-  { key: "agent-dashboard", label: "Agent 监控", icon: /* @__PURE__ */ e(Oe, {}) },
-  { key: "debug-console", label: "Debug 调试台", icon: /* @__PURE__ */ e(Ee, {}) }
-];
-function At() {
-  const [a, o] = k("model-management"), [c, d] = k([]), g = (w) => {
-    d(w), o("model-chat");
-  }, D = Be(() => mt, []);
-  return /* @__PURE__ */ s("div", { className: t.container, children: [
-    /* @__PURE__ */ e("aside", { className: t.sidebar, children: /* @__PURE__ */ e("nav", { className: t.menuList, children: D.map((w) => /* @__PURE__ */ s(
-      "div",
-      {
-        className: `${t.menuItem} ${a === w.key ? t.menuItemActive : ""}`,
-        onClick: () => o(w.key),
-        children: [
-          /* @__PURE__ */ e("span", { className: t.menuIcon, children: w.icon }),
-          /* @__PURE__ */ e("span", { children: w.label })
-        ]
-      },
-      w.key
-    )) }) }),
-    /* @__PURE__ */ s("main", { className: t.panelArea, children: [
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            display: a === "model-management" ? "block" : "none",
-            height: "100%"
-          },
-          children: /* @__PURE__ */ e(dt, { onStartChat: g })
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            display: a === "model-chat" ? "flex" : "none",
-            height: "100%",
-            flexDirection: "column"
-          },
-          children: /* @__PURE__ */ e(ct, { initialModels: c })
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            display: a === "ak-management" ? "block" : "none",
-            height: "100%"
-          },
-          children: /* @__PURE__ */ e(lt, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            display: a === "agent-app" ? "block" : "none",
-            height: "100%"
-          },
-          children: /* @__PURE__ */ e(Re, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            display: a === "agent-instance" ? "block" : "none",
-            height: "100%"
-          },
-          children: /* @__PURE__ */ e(Ue, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            display: a === "template-market" ? "block" : "none",
-            height: "100%"
-          },
-          children: /* @__PURE__ */ e(qe, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            display: a === "mcp-service" ? "block" : "none",
-            height: "100%"
-          },
-          children: /* @__PURE__ */ e(je, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            display: a === "skill-market" ? "block" : "none",
-            height: "100%"
-          },
-          children: /* @__PURE__ */ e(Fe, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            display: a === "agent-dashboard" ? "block" : "none",
-            height: "100%"
-          },
-          children: /* @__PURE__ */ e(He, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: {
-            display: a === "debug-console" ? "block" : "none",
-            height: "100%"
-          },
-          children: /* @__PURE__ */ e(Ge, {})
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  At as default
-};