@yuku123/z-team-component 0.2.40 → 0.2.41

package/dist/index-Cx9Yfc6I.js

@@ -0,0 +1,1514 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { CopyOutlined as se, ReloadOutlined as Ne, PlusOutlined as ve, DeleteOutlined as Pe, ClearOutlined as Ie, CloseOutlined as Be, SendOutlined as $e, RobotOutlined as Te, CloudServerOutlined as Oe, MessageOutlined as De, KeyOutlined as Le, ApiOutlined as Re, ToolOutlined as ze, BarChartOutlined as qe } from "@ant-design/icons";
+import { Tooltip as Q, Tabs as Ce, Button as z, Modal as ce, Input as Se, Drawer as we, Spin as V, Statistic as $, Table as Ae, message as F, Tag as G, Select as Ue, Checkbox as He } from "antd";
+import { useState as N, useCallback as H, useEffect as ae, useRef as de, useMemo as xe, Suspense as je, lazy as Fe } from "react";
+import { s as t } from "./SmartWorkbench.module-xRRmpTTw.js";
+import { AgentAppList as Ge, McpPage as Je, SkillMarket as Qe } from "@yuku123/z-agent-component";
+const le = "ft_gateway_default_ak", X = "", ue = "";
+function Z(a = {}) {
+  const n = { Accept: "application/json", ...a };
+  try {
+    const l = localStorage.getItem("token");
+    l && (n.Authorization = `Bearer ${l}`);
+  } catch {
+  }
+  return n;
+}
+function We(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 Me() {
+  let a;
+  try {
+    a = await fetch(`${X}/api/scenario-instances/0/models`, {
+      credentials: "include",
+      headers: Z({
+        Accept: "application/json",
+        "project-env": window.ENV_TYPE ?? "local"
+      })
+    });
+  } catch {
+    throw new Error("模型列表不可达：模型配置接口请求失败");
+  }
+  if (!a.ok)
+    throw new Error(`模型列表获取失败（HTTP ${a.status}）`);
+  let n;
+  try {
+    n = await a.json();
+  } catch {
+    throw new Error("模型列表返回格式异常（非 JSON）");
+  }
+  const l = n != null && n.success ? n.data : (n == null ? void 0 : n.data) ?? n;
+  if (!Array.isArray(l))
+    throw new Error("模型列表返回格式异常（非数组）");
+  return l.map(We);
+}
+async function Ye(a, n, l, i) {
+  var K, S, C, x;
+  const o = await fetch(`${ue}/v1/chat/completions`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${a}`,
+      Accept: "text/event-stream"
+    },
+    body: JSON.stringify({
+      model: n,
+      messages: l,
+      stream: !0
+    }),
+    signal: i.signal
+  });
+  if (!o.ok || !o.body) {
+    const T = await o.text().catch(() => "");
+    if (/<!doctype html/i.test(T.slice(0, 200)))
+      throw new Error("模型网关未接入（/v1/chat/completions 落到主壳 SPA，无网关响应）");
+    let E = `HTTP ${o.status}`;
+    try {
+      const f = JSON.parse(T);
+      E = ((K = f == null ? void 0 : f.error) == null ? void 0 : K.message) ?? E;
+    } catch {
+      T && (E = T);
+    }
+    throw new Error(E);
+  }
+  const v = o.body.getReader(), d = new TextDecoder();
+  let k = "";
+  try {
+    for (; ; ) {
+      const { done: T, value: E } = await v.read();
+      if (T) break;
+      k += d.decode(E, { stream: !0 });
+      const f = k.split(`
+
+`);
+      k = f.pop() ?? "";
+      for (const p of f) {
+        let y = "";
+        for (const u of p.split(`
+`))
+          u.startsWith("data:") && (y += u.slice(5).trim());
+        if (!y || y === "[DONE]") {
+          if (y === "[DONE]") {
+            i.onDone();
+            return;
+          }
+          continue;
+        }
+        try {
+          const u = JSON.parse(y), _ = u == null ? void 0 : u.choices;
+          if (Array.isArray(_) && _.length > 0) {
+            const m = (S = _[0]) == null ? void 0 : S.delta;
+            if (m != null && m.content && i.onDelta(m.content), (C = _[0]) == null ? void 0 : C.finish_reason) {
+              const b = u != null && u.usage ? {
+                promptTokens: u.usage.prompt_tokens ?? 0,
+                completionTokens: u.usage.completion_tokens ?? 0,
+                totalTokens: u.usage.total_tokens ?? 0
+              } : void 0;
+              i.onDone(b);
+              return;
+            }
+          }
+          if (u != null && u.usage) {
+            const m = {
+              promptTokens: u.usage.prompt_tokens ?? 0,
+              completionTokens: u.usage.completion_tokens ?? 0,
+              totalTokens: u.usage.total_tokens ?? 0
+            };
+            i.onDone(m);
+            return;
+          }
+        } catch {
+        }
+      }
+    }
+    i.onDone();
+  } catch (T) {
+    if ((x = i.signal) != null && x.aborted) return;
+    throw i.onError(T instanceof Error ? T : new Error(String(T))), T;
+  }
+}
+async function ne(a, n) {
+  const l = await a.text();
+  if (!a.ok)
+    throw new Error(`${n}失败 HTTP ${a.status}${l ? `: ${l.slice(0, 120)}` : ""}`);
+  if (/<!doctype html/i.test(l.slice(0, 200)))
+    throw new Error("AK 接口落到主壳 SPA（无后端响应）");
+  try {
+    return JSON.parse(l);
+  } catch {
+    throw new Error(`${n}返回非 JSON：${l.slice(0, 120)}`);
+  }
+}
+function Ve(a) {
+  const n = a.status === 1;
+  return {
+    id: Number(a.id),
+    akPrefix: a.access_key ?? "",
+    userId: a.owner_user_id ?? "",
+    userName: a.owner_user_name ?? "",
+    description: a.description || a.ak_name || "",
+    status: n ? "active" : "disabled",
+    active: n,
+    isDeleted: a.is_deleted ?? 0,
+    totalRequests: 0,
+    totalTokens: Number(a.total_tokens ?? 0),
+    tokenQuota: 0,
+    rateLimitRpm: 0,
+    defaultModel: null,
+    lastUsedAt: a.last_used_time ?? null,
+    createTime: (a.created_time ?? "").replace("T", " ").slice(0, 19),
+    updateTime: (a.updated_time ?? "").replace("T", " ").slice(0, 19),
+    secret: a.secret_key
+  };
+}
+async function _e(a, n, l) {
+  const i = await fetch(`${X}/api/ak/create`, {
+    method: "POST",
+    headers: Z({ Accept: "application/json", "Content-Type": "application/json" }),
+    credentials: "include",
+    body: JSON.stringify({
+      akName: l || `AK-${n || a}`,
+      description: l,
+      akType: "PERSONAL",
+      ownerUserId: a,
+      ownerUserName: n
+    })
+  }), o = await ne(i, "创建 AK"), v = (o == null ? void 0 : o.data) ?? {}, d = v.accessKey ?? "", k = v.secretKey ?? "";
+  return d && k && pe(d, k), { apiKey: k, akPrefix: d, message: "AK 已创建，secretKey 仅创建时可见" };
+}
+async function ie(a) {
+  const n = await fetch(
+    `${X}/api/ak/list`,
+    { headers: Z({ Accept: "application/json" }), credentials: "include" }
+  ), l = await ne(n, "获取 AK 列表"), i = Array.isArray(l == null ? void 0 : l.data) ? l.data : [];
+  return (a ? i.filter((v) => !v.owner_user_id || String(v.owner_user_id) === String(a)) : i).filter((v) => (v.is_deleted ?? 0) === 0).map(Ve);
+}
+async function Xe(a) {
+  const n = await fetch(`${X}/api/ak/delete?id=${encodeURIComponent(String(a))}`, {
+    method: "POST",
+    headers: Z({ Accept: "application/json" }),
+    credentials: "include"
+  });
+  await ne(n, "吊销 AK");
+}
+async function Ke(a) {
+  var d;
+  const n = await fetch(
+    `${X}/api/admin/llm-call-monitor/stats?hours=24`,
+    { headers: Z({ Accept: "application/json" }), credentials: "include" }
+  ), l = await ne(n, "获取调用统计"), o = ((l == null ? void 0 : l.data) ?? {}).summary ?? {};
+  let v = [];
+  try {
+    const k = await fetch(
+      `${X}/api/admin/llm-call-monitor/recent?page=1&size=20`,
+      { headers: Z({ Accept: "application/json" }), credentials: "include" }
+    ), K = await ne(k, "获取调用明细");
+    v = (Array.isArray((d = K == null ? void 0 : K.data) == null ? void 0 : d.records) ? K.data.records : []).map((C, x) => ({
+      id: Number(C.id ?? x),
+      apiKeyId: a,
+      protocol: "chat/completions",
+      model: String(C.model ?? ""),
+      stream: Number(C.stream ?? 0),
+      promptTokens: Number(C.promptTokens ?? 0),
+      completionTokens: Number(C.completionTokens ?? 0),
+      totalTokens: Number(C.totalTokens ?? 0),
+      latencyMs: Number(C.durationMs ?? 0),
+      statusCode: C.success === !1 || C.success === 0 ? 500 : 200,
+      errorMsg: C.errorType ?? null,
+      createTime: String(C.createTime ?? "").replace("T", " ").slice(0, 19)
+    }));
+  } catch {
+  }
+  return {
+    totalRequests: Number(o.totalCount ?? 0),
+    totalPromptTokens: 0,
+    totalCompletionTokens: 0,
+    totalTokens: Number(o.totalTokens ?? 0),
+    avgLatencyMs: Number(o.avgDurationMs ?? 0),
+    errorCount: Number(o.failCount ?? 0),
+    daily: {},
+    models: {},
+    recent: v
+  };
+}
+function Ze() {
+  return typeof window < "u" ? `${window.location.origin}${ue}` : ue;
+}
+const he = "ft_gateway_ak_cache";
+function pe(a, n) {
+  try {
+    const l = JSON.parse(localStorage.getItem(he) || "{}");
+    l[a] = n, localStorage.setItem(he, JSON.stringify(l));
+  } catch {
+  }
+}
+function et(a) {
+  try {
+    return JSON.parse(localStorage.getItem(he) || "{}")[a] || null;
+  } catch {
+    return null;
+  }
+}
+async function tt() {
+  try {
+    const i = localStorage.getItem(le);
+    if (i) return i;
+  } catch {
+  }
+  const n = (await ie("").catch(() => [])).find((i) => i.active && i.secret);
+  if (n != null && n.secret) {
+    try {
+      localStorage.setItem(le, n.secret);
+    } catch {
+    }
+    return n.akPrefix && pe(n.akPrefix, n.secret), n.secret;
+  }
+  const l = await _e(
+    "system-default",
+    "系统默认",
+    "智能工作台默认AK（自动创建）"
+  );
+  if (!l.apiKey)
+    throw new Error("AK 创建成功但未返回 secretKey");
+  try {
+    localStorage.setItem(le, l.apiKey);
+  } catch {
+  }
+  return l.apiKey;
+}
+function Ee() {
+  try {
+    localStorage.removeItem(le);
+  } catch {
+  }
+}
+const ke = 1e7;
+function fe(a) {
+  return a >= 1e6 ? `${(a / 1e6).toFixed(1)}M` : a >= 1e3 ? `${(a / 1e3).toFixed(1)}K` : `${a}`;
+}
+function at(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 nt(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 st() {
+  const [a, n] = N("personal"), [l, i] = N([]), [o, v] = N([]), [d, k] = N(!0), [K, S] = N(!1), [C, x] = N(!1), [T, E] = N(""), [f, p] = N({ open: !1 }), [y, u] = N(null), [_, m] = N(null), [B, b] = N(!1), L = "zifang", P = "zifang", I = Ze(), j = H(async () => {
+    k(!0);
+    try {
+      const [c, M] = await Promise.all([
+        ie("system-default").catch(() => []),
+        ie(L).catch(() => [])
+      ]);
+      i(c), v(M);
+    } finally {
+      k(!1);
+    }
+  }, [L]);
+  ae(() => {
+    j();
+  }, [j]);
+  const r = () => {
+    E(""), x(!0);
+  }, h = async () => {
+    if (!T.trim()) {
+      F.warning("请输入 AK 名称");
+      return;
+    }
+    S(!0);
+    try {
+      const c = await _e(L, P, T.trim());
+      pe(c.akPrefix, c.apiKey), x(!1), p({
+        open: !0,
+        apiKey: c.apiKey,
+        akPrefix: c.akPrefix
+      }), j();
+    } catch (c) {
+      F.error(c instanceof Error ? c.message : "创建 AK 失败");
+    } finally {
+      S(!1);
+    }
+  }, w = (c) => {
+    ce.confirm({
+      title: "确认吊销此 AK？",
+      content: "吊销后此 AK 将立即失效，无法恢复。",
+      okText: "确认吊销",
+      okType: "danger",
+      cancelText: "取消",
+      onOk: async () => {
+        try {
+          await Xe(c), F.success("AK 已吊销"), j(), Ee();
+        } catch (M) {
+          F.error(M instanceof Error ? M.message : "吊销失败");
+        }
+      }
+    });
+  }, A = (c) => {
+    navigator.clipboard.writeText(c).then(() => F.success("已复制到剪贴板")).catch(() => F.warning("复制失败，请手动复制"));
+  }, J = (c) => {
+    const M = et(c.akPrefix);
+    M ? A(M) : (A(c.akPrefix), F.info("完整 AK 未在本地缓存（可能在本设备外创建），已复制前缀"));
+  }, O = async (c) => {
+    u(c), b(!0), m(null);
+    try {
+      const M = await Ke(c.id);
+      m(M);
+    } catch (M) {
+      F.error(M instanceof Error ? M.message : "获取用量失败");
+    } finally {
+      b(!1);
+    }
+  }, W = () => {
+    u(null), m(null);
+  }, oe = (c) => {
+    const M = Object.entries(c);
+    if (M.length === 0)
+      return /* @__PURE__ */ e("span", { className: t.usageEmpty, children: "暂无数据" });
+    const Y = Math.max(...M.map(([, g]) => g[1] + g[2]), 1);
+    return /* @__PURE__ */ e("div", { className: t.usageBarChart, children: M.map(([g, U]) => {
+      const ge = U[1] + U[2], be = ge / Y * 100;
+      return /* @__PURE__ */ s("div", { className: t.usageBarCol, children: [
+        /* @__PURE__ */ e(Q, { title: `${g}: ${U[0]}次 / ${ge} tokens`, children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: t.usageBar,
+            style: { height: `${Math.max(be, 2)}%` }
+          }
+        ) }),
+        /* @__PURE__ */ e("span", { className: t.usageBarLabel, children: g })
+      ] }, g);
+    }) });
+  }, R = (c) => {
+    const M = Object.entries(c);
+    if (M.length === 0)
+      return /* @__PURE__ */ e("span", { className: t.usageEmpty, children: "暂无数据" });
+    const Y = Math.max(...M.map(([, g]) => g[0]), 1);
+    return /* @__PURE__ */ e("div", { className: t.modelBreakdown, children: M.sort((g, U) => U[1][0] - g[1][0]).map(([g, U]) => /* @__PURE__ */ s("div", { className: t.modelBreakdownRow, children: [
+      /* @__PURE__ */ e("span", { className: t.modelBreakdownName, children: g }),
+      /* @__PURE__ */ e("div", { className: t.modelBreakdownBar, children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: t.modelBreakdownFill,
+          style: { width: `${U[0] / Y * 100}%` }
+        }
+      ) }),
+      /* @__PURE__ */ s("span", { className: t.modelBreakdownCount, children: [
+        U[0],
+        "次 / ",
+        U[1],
+        "tokens"
+      ] })
+    ] }, g)) });
+  }, q = [
+    {
+      title: "时间",
+      dataIndex: "createTime",
+      key: "createTime",
+      width: 160,
+      render: (c) => c ? new Date(c).toLocaleString("zh-CN") : "-"
+    },
+    { title: "模型", dataIndex: "model", key: "model", width: 140 },
+    {
+      title: "协议",
+      dataIndex: "protocol",
+      key: "protocol",
+      width: 90,
+      render: (c) => /* @__PURE__ */ e(G, { children: c })
+    },
+    {
+      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: (c) => c ? `${c}ms` : "-"
+    },
+    {
+      title: "状态",
+      dataIndex: "statusCode",
+      key: "statusCode",
+      width: 60,
+      render: (c) => c ? /* @__PURE__ */ e(G, { color: c < 400 ? "green" : "red", children: c }) : "-"
+    }
+  ], ee = (c, M) => {
+    const Y = Array.isArray(c) ? c : [];
+    return d ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 40 }, children: /* @__PURE__ */ e(V, { tip: "加载中..." }) }) : Y.length === 0 ? /* @__PURE__ */ e("div", { className: t.akEmpty, children: M ? "暂无应用 AK" : "暂无个人 AK，点击上方按钮生成" }) : /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: Y.map((g) => /* @__PURE__ */ s(
+      "div",
+      {
+        className: t.akCard,
+        onClick: () => O(g),
+        children: [
+          /* @__PURE__ */ s("div", { className: t.akCardRow, children: [
+            /* @__PURE__ */ e("span", { className: t.akTitle, children: g.description || g.akPrefix.replace("...", "**") }),
+            /* @__PURE__ */ e("code", { className: t.akPrefixSmall, children: g.akPrefix.replace("...", "**") }),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `${t.akStatus} ${g.active ? t.akStatusActive : t.akStatusRevoked}`,
+                children: g.active ? "活跃" : "已吊销"
+              }
+            ),
+            g.defaultModel && /* @__PURE__ */ s(G, { style: { fontSize: 11 }, children: [
+              "默认: ",
+              g.defaultModel
+            ] }),
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: t.akCardActions,
+                onClick: (U) => U.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ e(Q, { title: "复制完整 AK", children: /* @__PURE__ */ e(
+                    z,
+                    {
+                      size: "small",
+                      icon: /* @__PURE__ */ e(se, {}),
+                      onClick: () => J(g),
+                      children: "复制"
+                    }
+                  ) }),
+                  !M && g.active && /* @__PURE__ */ e(
+                    z,
+                    {
+                      size: "small",
+                      danger: !0,
+                      icon: /* @__PURE__ */ e(Pe, {}),
+                      onClick: () => w(g.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(
+                    (g.totalTokens || 0) / (g.tokenQuota || ke) * 100,
+                    100
+                  )}%`
+                }
+              }
+            ) }),
+            /* @__PURE__ */ s("span", { className: t.akUsageText, children: [
+              fe(g.totalTokens || 0),
+              " /",
+              " ",
+              fe(g.tokenQuota || ke)
+            ] }),
+            /* @__PURE__ */ s("span", { className: t.akMetaText, children: [
+              g.totalRequests || 0,
+              " 次请求"
+            ] }),
+            /* @__PURE__ */ e("span", { className: t.akMetaText, children: new Date(g.createTime).toLocaleDateString("zh-CN") })
+          ] })
+        ]
+      },
+      g.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: I }),
+          /* @__PURE__ */ e(Q, { title: "复制 Base URL", children: /* @__PURE__ */ e(
+            se,
+            {
+              className: t.akCopyIcon,
+              onClick: () => A(I)
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ s("div", { className: t.akBaseUrlItem, children: [
+          /* @__PURE__ */ e("span", { className: t.akBaseUrlLabel, children: "Anthropic 兼容" }),
+          /* @__PURE__ */ e("code", { className: t.akBaseUrlValue, children: I }),
+          /* @__PURE__ */ e(Q, { title: "复制 Base URL", children: /* @__PURE__ */ e(
+            se,
+            {
+              className: t.akCopyIcon,
+              onClick: () => A(I)
+            }
+          ) })
+        ] })
+      ] }),
+      /* @__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: at(I) })
+        ] }),
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ e("p", { className: t.akCodeLabel, children: "Anthropic 兼容 — curl 示例" }),
+          /* @__PURE__ */ e("pre", { className: t.akCodeBlock, children: nt(I) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ s(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            marginBottom: 12
+          },
+          children: [
+            /* @__PURE__ */ e(
+              Ce,
+              {
+                activeKey: a,
+                onChange: (c) => n(c),
+                items: [
+                  { key: "app", label: "应用 AK" },
+                  { key: "personal", label: "个人 AK" }
+                ],
+                style: { flex: 1 }
+              }
+            ),
+            /* @__PURE__ */ s("div", { style: { display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ e(z, { icon: /* @__PURE__ */ e(Ne, {}), onClick: j, size: "small", children: "刷新" }),
+              a === "personal" && /* @__PURE__ */ e(
+                z,
+                {
+                  type: "primary",
+                  icon: /* @__PURE__ */ e(ve, {}),
+                  onClick: r,
+                  loading: K,
+                  children: "生成 AK"
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      a === "app" ? ee(l, !0) : ee(o, !1)
+    ] }),
+    /* @__PURE__ */ s(
+      ce,
+      {
+        open: C,
+        title: "生成新 AK",
+        onCancel: () => x(!1),
+        onOk: h,
+        okText: "确认生成",
+        cancelText: "取消",
+        confirmLoading: K,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                marginBottom: 8,
+                color: "var(--text-secondary)",
+                fontSize: 13
+              },
+              children: "请输入 AK 名称（用于标识此密钥的用途）"
+            }
+          ),
+          /* @__PURE__ */ e(
+            Se,
+            {
+              placeholder: "例如：测试用 AK、生产网关 AK",
+              value: T,
+              onChange: (c) => E(c.target.value),
+              onPressEnter: h,
+              maxLength: 50,
+              autoFocus: !0
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ s(
+      ce,
+      {
+        open: f.open,
+        title: "AK 创建成功",
+        onCancel: () => p({ open: !1 }),
+        footer: [
+          /* @__PURE__ */ e(
+            z,
+            {
+              icon: /* @__PURE__ */ e(se, {}),
+              onClick: () => f.apiKey && A(f.apiKey),
+              children: "复制 AK"
+            },
+            "copy"
+          ),
+          /* @__PURE__ */ e(
+            z,
+            {
+              type: "primary",
+              onClick: () => p({ 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: f.apiKey
+            }
+          ),
+          /* @__PURE__ */ s("div", { style: { marginTop: 8, fontSize: 12, color: "var(--text-muted)" }, children: [
+            "前缀: ",
+            f.akPrefix
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      we,
+      {
+        title: y ? /* @__PURE__ */ s("span", { children: [
+          "AK 详情 — ",
+          /* @__PURE__ */ e("code", { children: y.akPrefix })
+        ] }) : "AK 详情",
+        open: !!y,
+        onClose: W,
+        size: "large",
+        children: B ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(V, { tip: "加载用量数据..." }) }) : _ ? /* @__PURE__ */ s("div", { className: t.usageDrawerContent, children: [
+          /* @__PURE__ */ s("div", { className: t.usageStatsGrid, children: [
+            /* @__PURE__ */ e($, { title: "总请求数", value: _.totalRequests }),
+            /* @__PURE__ */ e($, { title: "总 Token", value: _.totalTokens }),
+            /* @__PURE__ */ e(
+              $,
+              {
+                title: "输入 Token",
+                value: _.totalPromptTokens
+              }
+            ),
+            /* @__PURE__ */ e(
+              $,
+              {
+                title: "输出 Token",
+                value: _.totalCompletionTokens
+              }
+            ),
+            /* @__PURE__ */ e(
+              $,
+              {
+                title: "平均耗时",
+                value: _.avgLatencyMs,
+                suffix: "ms"
+              }
+            ),
+            /* @__PURE__ */ e(
+              $,
+              {
+                title: "错误数",
+                value: _.errorCount,
+                styles: {
+                  content: {
+                    color: _.errorCount > 0 ? "#ff4d4f" : void 0
+                  }
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "每日调用曲线（近 30 天）" }),
+            oe(_.daily)
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "模型用量分布" }),
+            R(_.models)
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "最近调用记录" }),
+            /* @__PURE__ */ e(
+              Ae,
+              {
+                columns: q,
+                dataSource: _.recent,
+                rowKey: "id",
+                size: "small",
+                pagination: {
+                  pageSize: 10,
+                  size: "small",
+                  showSizeChanger: !0,
+                  pageSizeOptions: ["10", "20", "50", "100"],
+                  showTotal: (c) => `共 ${c} 条`
+                },
+                scroll: { x: 760 }
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ e("div", { className: t.usageEmpty, children: "暂无用量数据" })
+      }
+    )
+  ] });
+}
+function rt(a) {
+  const n = [];
+  if (!a) return n;
+  const l = /<(think|thinking|reasoning)>([\s\S]*?)<\/\1>/gi;
+  let i = 0, o;
+  for (; (o = l.exec(a)) !== null; )
+    o.index > i && n.push({ type: "text", text: a.slice(i, o.index) }), n.push({ type: "think", text: o[2] }), i = o.index + o[0].length;
+  return i < a.length && n.push({ type: "text", text: a.slice(i) }), n;
+}
+const re = 4;
+let lt = 0;
+function it({ initialModels: a }) {
+  const [n, l] = N([]), [i, o] = N([]), [v, d] = N(!0), [k, K] = N(null), [S, C] = N(""), [x, T] = N(!1), E = de(""), f = de(/* @__PURE__ */ new Map()), p = de(/* @__PURE__ */ new Map());
+  ae(() => {
+    (async () => {
+      try {
+        const r = await Me();
+        o(r), d(!1);
+        const h = a.length > 0 ? a : r.slice(0, 1).map((w) => w.modelName);
+        l(h.slice(0, re).map((w) => me(w)));
+      } catch (r) {
+        d(!1), K(r instanceof Error ? r.message : "模型列表加载失败");
+      }
+    })();
+  }, []), ae(() => {
+    if (a.length > 0 && i.length > 0) {
+      const r = a.slice(0, re).map((h) => me(h));
+      l(r);
+    }
+  }, [a.join(",")]);
+  const y = H((r) => {
+    const h = p.current.get(r);
+    h && (h.scrollTop = h.scrollHeight);
+  }, []), u = H(
+    (r, h) => {
+      l((w) => w.map((A) => A.id === r ? h(A) : A));
+    },
+    []
+  ), _ = H(async () => {
+    if (E.current) return E.current;
+    const r = await tt();
+    return E.current = r, r;
+  }, []), m = H(async () => {
+    const r = S.trim();
+    if (!r || x) return;
+    let h;
+    try {
+      h = await _();
+    } catch {
+      return;
+    }
+    C(""), T(!0);
+    const w = n.map((O) => ({
+      ...O,
+      messages: [
+        ...O.messages,
+        { role: "user", content: r },
+        { role: "assistant", content: "" }
+      ],
+      streamingContent: "",
+      isStreaming: !0,
+      error: null,
+      usage: null
+    }));
+    l(w);
+    const A = w;
+    A.forEach((O) => {
+      const W = new AbortController();
+      f.current.set(O.id, W);
+      const oe = O.messages.slice(0, -1);
+      Ye(h, O.model, oe, {
+        onDelta: (R) => {
+          u(O.id, (q) => ({
+            ...q,
+            streamingContent: q.streamingContent + R,
+            messages: q.messages.map(
+              (ee, c) => c === q.messages.length - 1 ? { ...ee, content: q.streamingContent + R } : ee
+            )
+          })), y(O.id);
+        },
+        onDone: (R) => {
+          u(O.id, (q) => ({
+            ...q,
+            isStreaming: !1,
+            usage: R ? {
+              promptTokens: R.promptTokens,
+              completionTokens: R.completionTokens,
+              totalTokens: R.totalTokens
+            } : null
+          })), f.current.delete(O.id);
+        },
+        onError: (R) => {
+          (R.message.includes("401") || R.message.includes("API key")) && (Ee(), E.current = ""), u(O.id, (q) => ({
+            ...q,
+            isStreaming: !1,
+            error: R.message
+          })), f.current.delete(O.id);
+        },
+        signal: W.signal
+      }).catch(() => {
+      });
+    });
+    const J = setInterval(() => {
+      A.every(
+        (W) => !f.current.has(W.id)
+      ) && (clearInterval(J), T(!1));
+    }, 200);
+    setTimeout(() => {
+      clearInterval(J), T(!1);
+    }, 300 * 1e3);
+  }, [S, x, n, _, u, y]), B = H(() => {
+    f.current.forEach((r) => r.abort()), f.current.clear(), l((r) => r.map((h) => ({ ...h, isStreaming: !1 }))), T(!1);
+  }, []), b = H(() => {
+    var h;
+    if (n.length >= re) return;
+    const r = (h = i.find((w) => !n.some((A) => A.model === w.modelName))) == null ? void 0 : h.modelName;
+    r && l((w) => [...w, me(r)]);
+  }, [n, i]), L = H(() => {
+    f.current.forEach((r) => r.abort()), f.current.clear(), l(
+      (r) => r.map((h) => ({
+        ...h,
+        messages: [],
+        streamingContent: "",
+        isStreaming: !1,
+        error: null,
+        usage: null
+      }))
+    ), T(!1);
+  }, [x, n]), P = H((r) => {
+    const h = f.current.get(r);
+    h && h.abort(), f.current.delete(r), l((w) => w.filter((A) => A.id !== r));
+  }, []), I = H(
+    (r, h) => {
+      u(r, (w) => ({ ...w, model: h }));
+    },
+    [u]
+  ), j = i.map((r) => ({
+    label: r.modelName,
+    value: r.modelName
+  }));
+  return v ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(V, { tip: "加载模型列表..." }) }) : k ? /* @__PURE__ */ s("div", { className: t.chatContainer, children: [
+    /* @__PURE__ */ e("div", { className: t.chatHeader, children: /* @__PURE__ */ e("h3", { className: t.chatTitle, children: "模型对话" }) }),
+    /* @__PURE__ */ s("div", { className: t.akEmpty, children: [
+      "模型列表加载失败：",
+      k
+    ] })
+  ] }) : /* @__PURE__ */ s("div", { className: t.chatContainer, children: [
+    /* @__PURE__ */ s("div", { className: t.chatHeader, children: [
+      /* @__PURE__ */ s("h3", { className: t.chatTitle, children: [
+        "模型对话",
+        n.length > 1 && /* @__PURE__ */ s(G, { color: "blue", style: { marginLeft: 12, fontSize: 12 }, children: [
+          n.length,
+          " 个模型对比"
+        ] })
+      ] }),
+      /* @__PURE__ */ e(
+        z,
+        {
+          size: "small",
+          icon: /* @__PURE__ */ e(Ie, {}),
+          onClick: L,
+          disabled: x || n.every((r) => r.messages.length === 0),
+          children: "清空重新来"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: t.chatPanels, children: [
+      n.map((r) => /* @__PURE__ */ s("div", { className: t.chatPanel, children: [
+        /* @__PURE__ */ s("div", { className: t.chatPanelHeader, children: [
+          /* @__PURE__ */ e(
+            Ue,
+            {
+              size: "small",
+              value: r.model,
+              onChange: (h) => I(r.id, h),
+              options: j,
+              style: { minWidth: 140, flex: 1 },
+              showSearch: !0,
+              optionFilterProp: "label"
+            }
+          ),
+          n.length > 1 && /* @__PURE__ */ e(
+            "span",
+            {
+              className: t.chatPanelClose,
+              onClick: () => P(r.id),
+              children: /* @__PURE__ */ e(Be, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: t.chatPanelBody,
+            ref: (h) => {
+              p.current.set(r.id, h);
+            },
+            children: [
+              r.messages.map((h, w) => /* @__PURE__ */ s(
+                "div",
+                {
+                  className: h.role === "user" ? t.chatMsgUser : t.chatMsgAI,
+                  children: [
+                    h.role === "assistant" ? rt(h.content).map(
+                      (A, J) => A.type === "think" ? /* @__PURE__ */ s(
+                        "details",
+                        {
+                          className: t.chatThinkBlock,
+                          children: [
+                            /* @__PURE__ */ e("summary", { children: "思考过程" }),
+                            /* @__PURE__ */ e("pre", { children: A.text })
+                          ]
+                        },
+                        J
+                      ) : /* @__PURE__ */ e("span", { style: { whiteSpace: "pre-wrap" }, children: A.text }, J)
+                    ) : /* @__PURE__ */ e("span", { style: { whiteSpace: "pre-wrap" }, children: h.content }),
+                    r.isStreaming && w === r.messages.length - 1 && h.role === "assistant" && /* @__PURE__ */ e("span", { className: t.chatStreamingCursor })
+                  ]
+                },
+                w
+              )),
+              r.error && /* @__PURE__ */ e("div", { className: t.chatMsgError, children: r.error }),
+              r.usage && /* @__PURE__ */ s("div", { className: t.chatUsageBar, children: [
+                /* @__PURE__ */ s("span", { children: [
+                  "输入: ",
+                  r.usage.promptTokens
+                ] }),
+                /* @__PURE__ */ s("span", { children: [
+                  "输出: ",
+                  r.usage.completionTokens
+                ] })
+              ] })
+            ]
+          }
+        )
+      ] }, r.id)),
+      n.length < re && /* @__PURE__ */ e(Q, { title: "添加面板", children: /* @__PURE__ */ e("div", { className: t.addPanelBtn, onClick: b, children: /* @__PURE__ */ e(ve, {}) }) })
+    ] }),
+    /* @__PURE__ */ s("div", { className: t.chatInputBar, children: [
+      /* @__PURE__ */ e(
+        Se.TextArea,
+        {
+          className: t.chatInput,
+          value: S,
+          onChange: (r) => C(r.target.value),
+          placeholder: "输入消息，所有面板将同时收到并流式输出...",
+          autoSize: { minRows: 1, maxRows: 4 },
+          onPressEnter: (r) => {
+            r.shiftKey || (r.preventDefault(), m());
+          },
+          disabled: x
+        }
+      ),
+      x ? /* @__PURE__ */ e(z, { danger: !0, onClick: B, children: "停止" }) : /* @__PURE__ */ s(z, { type: "primary", onClick: m, disabled: !S.trim(), children: [
+        /* @__PURE__ */ e($e, {}),
+        " 发送"
+      ] })
+    ] })
+  ] });
+}
+function me(a) {
+  return {
+    id: ++lt,
+    model: a,
+    messages: [],
+    streamingContent: "",
+    isStreaming: !1,
+    error: null,
+    usage: null
+  };
+}
+function ot({ onStartChat: a }) {
+  const [n, l] = N([]), [i, o] = N(!0), [v, d] = N(null), [k, K] = N(/* @__PURE__ */ new Set()), S = () => {
+    o(!0), d(null), Me().then((p) => {
+      l(p), o(!1);
+    }).catch((p) => {
+      l([]), d(p instanceof Error ? p.message : "加载失败"), o(!1);
+    });
+  };
+  ae(() => {
+    S();
+  }, []);
+  const C = (p) => {
+    K((y) => {
+      const u = new Set(y);
+      return u.has(p) ? u.delete(p) : u.add(p), u;
+    });
+  }, x = Array.from(k), T = (p) => {
+    a([p]);
+  }, E = () => {
+    x.length > 0 && a(x);
+  }, f = (p) => {
+    if (!p) return "default";
+    const y = p.toLowerCase();
+    return y.includes("aliyun") || y.includes("ali") ? "blue" : y.includes("zhipu") || y.includes("glm") ? "purple" : y.includes("moonshot") || y.includes("kimi") ? "cyan" : y.includes("minimax") ? "orange" : "default";
+  };
+  return i ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(V, { tip: "加载模型列表..." }) }) : v ? /* @__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__ */ s("div", { className: t.akEmpty, children: [
+      "模型列表加载失败：",
+      v,
+      /* @__PURE__ */ e("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ e(z, { type: "primary", onClick: S, children: "重试" }) })
+    ] })
+  ] }) : /* @__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: "数据库管理的可用模型，可选择单个或多个模型发起对话对比" })
+    ] }),
+    n.length === 0 && /* @__PURE__ */ e("div", { className: t.akEmpty, children: "后端暂无启用模型（z_team_model_config 中 enable=1 的行），请先在数据库或网关配置中启用" }),
+    /* @__PURE__ */ e("div", { className: t.modelGrid, children: n.map((p) => {
+      const y = k.has(p.modelName);
+      return /* @__PURE__ */ s(
+        "div",
+        {
+          className: `${t.modelCard} ${y ? t.modelCardSelected : ""}`,
+          onClick: () => C(p.modelName),
+          children: [
+            /* @__PURE__ */ e(
+              He,
+              {
+                className: t.modelCheckbox,
+                checked: y,
+                onChange: (u) => {
+                  u.stopPropagation(), C(p.modelName);
+                }
+              }
+            ),
+            /* @__PURE__ */ s("div", { className: t.modelCardHeader, children: [
+              /* @__PURE__ */ e("div", { className: t.modelIconWrap, children: /* @__PURE__ */ e(Te, {}) }),
+              /* @__PURE__ */ s("div", { className: t.modelCardInfo, children: [
+                /* @__PURE__ */ e("h4", { className: t.modelName, children: p.modelName }),
+                /* @__PURE__ */ s("div", { className: t.modelTags, children: [
+                  p.modelProvider && /* @__PURE__ */ e(
+                    G,
+                    {
+                      color: f(p.modelProvider),
+                      style: { fontSize: 11, margin: 0 },
+                      children: p.modelProvider
+                    }
+                  ),
+                  /* @__PURE__ */ e(G, { style: { fontSize: 11, margin: 0 }, children: p.apiType })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ e("p", { className: t.modelEndpoint, children: p.endpoint }),
+            /* @__PURE__ */ e("div", { className: t.modelCardFooter, children: /* @__PURE__ */ e(
+              z,
+              {
+                type: "link",
+                size: "small",
+                onClick: (u) => {
+                  u.stopPropagation(), T(p.modelName);
+                },
+                children: "发起对话"
+              }
+            ) })
+          ]
+        },
+        p.modelName
+      );
+    }) }),
+    x.length > 0 && /* @__PURE__ */ s("div", { className: t.modelActionBar, children: [
+      /* @__PURE__ */ s("span", { className: t.modelSelectionCount, children: [
+        "已选择 ",
+        x.length,
+        " 个模型"
+      ] }),
+      /* @__PURE__ */ e(
+        z,
+        {
+          type: "primary",
+          onClick: E,
+          disabled: x.length === 0,
+          children: "批量对比"
+        }
+      )
+    ] })
+  ] });
+}
+const ct = "_container_15pgq_5", dt = "_page_15pgq_10", mt = "_kpiGrid_15pgq_16", ut = "_kpiCard_15pgq_22", ht = "_sectionCard_15pgq_29", pt = "_sectionHead_15pgq_36", gt = "_sectionHint_15pgq_42", kt = "_akList_15pgq_47", ft = "_errorState_15pgq_54", yt = "_errorTitle_15pgq_66", Nt = "_errorDetail_15pgq_72", D = {
+  container: ct,
+  page: dt,
+  kpiGrid: mt,
+  kpiCard: ut,
+  sectionCard: ht,
+  sectionHead: pt,
+  sectionHint: gt,
+  akList: kt,
+  errorState: ft,
+  errorTitle: yt,
+  errorDetail: Nt
+}, vt = Fe(
+  () => import("@yuku123/z-agent-component").then((a) => ({ default: a.AgentDashboard }))
+), Tt = ["zifang", "system-default"];
+function te(a) {
+  return a >= 1e6 ? `${(a / 1e6).toFixed(2)}M` : a >= 1e3 ? `${(a / 1e3).toFixed(1)}K` : String(a ?? 0);
+}
+function Ct({ daily: a }) {
+  const n = Object.entries(a);
+  if (n.length === 0) return /* @__PURE__ */ e("span", { className: t.usageEmpty, children: "暂无数据" });
+  const l = Math.max(...n.map(([, i]) => i[1] + i[2]), 1);
+  return /* @__PURE__ */ e("div", { className: t.usageBarChart, children: n.map(([i, o]) => {
+    const v = o[1] + o[2];
+    return /* @__PURE__ */ s("div", { className: t.usageBarCol, children: [
+      /* @__PURE__ */ e(Q, { title: `${i}: ${o[0]}次 / ${v} tokens`, children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: t.usageBar,
+          style: { height: `${Math.max(v / l * 100, 2)}%` }
+        }
+      ) }),
+      /* @__PURE__ */ e("span", { className: t.usageBarLabel, children: i })
+    ] }, i);
+  }) });
+}
+function ye({ models: a }) {
+  const n = Object.entries(a);
+  if (n.length === 0) return /* @__PURE__ */ e("span", { className: t.usageEmpty, children: "暂无数据" });
+  const l = Math.max(...n.map(([, i]) => i[0]), 1);
+  return /* @__PURE__ */ e("div", { className: t.modelBreakdown, children: n.sort((i, o) => o[1][0] - i[1][0]).map(([i, o]) => /* @__PURE__ */ s("div", { className: t.modelBreakdownRow, children: [
+    /* @__PURE__ */ e("span", { className: t.modelBreakdownName, children: i }),
+    /* @__PURE__ */ e("div", { className: t.modelBreakdownBar, children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: t.modelBreakdownFill,
+        style: { width: `${o[0] / l * 100}%` }
+      }
+    ) }),
+    /* @__PURE__ */ s("span", { className: t.modelBreakdownCount, children: [
+      o[0],
+      "次 / ",
+      te(o[1]),
+      "tokens"
+    ] })
+  ] }, i)) });
+}
+const St = [
+  {
+    title: "时间",
+    dataIndex: "createTime",
+    key: "createTime",
+    width: 160,
+    render: (a) => a ? new Date(a).toLocaleString("zh-CN") : "-"
+  },
+  { title: "模型", dataIndex: "model", key: "model", width: 150 },
+  { title: "协议", dataIndex: "protocol", key: "protocol", width: 90, render: (a) => /* @__PURE__ */ e(G, { children: a }) },
+  { 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: (a) => a ? `${a}ms` : "-" },
+  {
+    title: "状态",
+    dataIndex: "statusCode",
+    key: "statusCode",
+    width: 60,
+    render: (a) => a ? /* @__PURE__ */ e(G, { color: a < 400 ? "green" : "red", children: a }) : "-"
+  }
+];
+function wt(a) {
+  var n;
+  return ((n = a == null ? void 0 : a.stats) == null ? void 0 : n.recent) ?? [];
+}
+function At() {
+  var T, E, f, p, y, u, _;
+  const [a, n] = N(!0), [l, i] = N(null), [o, v] = N([]), [d, k] = N(null), K = H(async () => {
+    n(!0), i(null);
+    try {
+      const m = await Promise.allSettled(
+        Tt.map((P) => ie(P))
+      ), B = [];
+      let b = 0;
+      for (const P of m)
+        P.status === "fulfilled" ? B.push(...P.value) : b += 1;
+      if (b === m.length)
+        throw new Error("网关不可达：无法获取 AK 列表");
+      B.sort((P, I) => (P.id ?? 0) - (I.id ?? 0));
+      const L = await Promise.all(
+        B.map(async (P) => {
+          try {
+            return { key: P, stats: await Ke(P.id), statsError: null };
+          } catch (I) {
+            return {
+              key: P,
+              stats: null,
+              statsError: I instanceof Error ? I.message : "获取用量失败"
+            };
+          }
+        })
+      );
+      v(L);
+    } catch (m) {
+      i(m instanceof Error ? m.message : "加载失败");
+    } finally {
+      n(!1);
+    }
+  }, []);
+  ae(() => {
+    K();
+  }, [K]);
+  const S = xe(() => {
+    let m = 0, B = 0, b = 0, L = 0, P = 0;
+    const I = {};
+    for (const j of o) {
+      const r = j.stats;
+      if (r) {
+        m += r.totalRequests ?? 0, B += r.totalTokens ?? 0, r.avgLatencyMs != null && r.totalRequests > 0 && (b += r.avgLatencyMs * r.totalRequests, L += r.totalRequests), P += r.errorCount ?? 0;
+        for (const [h, w] of Object.entries(r.models ?? {})) {
+          const A = I[h] ?? [0, 0];
+          A[0] += w[0], A[1] += w[1], I[h] = A;
+        }
+      }
+    }
+    return {
+      requests: m,
+      tokens: B,
+      avgLatency: L > 0 ? Math.round(b / L) : 0,
+      errors: P,
+      models: I
+    };
+  }, [o]), C = o.reduce((m, B) => m + (B.key.tokenQuota || 0), 0), x = () => a ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(V, { tip: "加载监控数据..." }) }) : l ? /* @__PURE__ */ s("div", { className: D.errorState, children: [
+    /* @__PURE__ */ e("div", { className: D.errorTitle, children: "模型监控数据加载失败" }),
+    /* @__PURE__ */ e("div", { className: D.errorDetail, children: l }),
+    /* @__PURE__ */ e(z, { icon: /* @__PURE__ */ e(Ne, {}), onClick: K, type: "primary", children: "重试" })
+  ] }) : /* @__PURE__ */ s("div", { className: D.page, children: [
+    /* @__PURE__ */ s("div", { className: D.kpiGrid, children: [
+      /* @__PURE__ */ e("div", { className: D.kpiCard, children: /* @__PURE__ */ e($, { title: "总请求（近30天）", value: S.requests }) }),
+      /* @__PURE__ */ e("div", { className: D.kpiCard, children: /* @__PURE__ */ e($, { title: "总 Tokens", value: te(S.tokens) }) }),
+      /* @__PURE__ */ e("div", { className: D.kpiCard, children: /* @__PURE__ */ e($, { title: "平均延迟", value: S.avgLatency, suffix: "ms" }) }),
+      /* @__PURE__ */ e("div", { className: D.kpiCard, children: /* @__PURE__ */ e(
+        $,
+        {
+          title: "错误数",
+          value: S.errors,
+          valueStyle: S.errors > 0 ? { color: "#ff4d4f" } : void 0
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ s("div", { className: D.sectionCard, children: [
+      /* @__PURE__ */ s("div", { className: D.sectionHead, children: [
+        /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "AK 用量" }),
+        C > 0 && /* @__PURE__ */ s("span", { className: D.sectionHint, children: [
+          "合计额度 ",
+          te(C),
+          " tokens"
+        ] })
+      ] }),
+      o.length === 0 ? /* @__PURE__ */ e("div", { className: t.akEmpty, children: "网关下暂无 AK" }) : /* @__PURE__ */ e("div", { className: D.akList, children: o.map((m) => {
+        const B = m.key.totalTokens ?? 0, b = m.key.tokenQuota || 0, L = b > 0 ? Math.min(B / b * 100, 100) : 0;
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: t.akCard,
+            onClick: () => k(m),
+            children: [
+              /* @__PURE__ */ s("div", { className: t.akCardRow, children: [
+                /* @__PURE__ */ e("span", { className: t.akTitle, children: m.key.description || m.key.userName || `AK #${m.key.id}` }),
+                /* @__PURE__ */ e("span", { className: t.akPrefixSmall, children: m.key.akPrefix }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: `${t.akStatus} ${m.key.active ? t.akStatusActive : t.akStatusRevoked}`,
+                    children: m.key.active ? "启用" : "吊销"
+                  }
+                ),
+                /* @__PURE__ */ e("span", { className: t.akMetaText, children: m.key.userId === "system-default" ? "系统对话" : m.key.userId })
+              ] }),
+              /* @__PURE__ */ s("div", { className: t.akCardRow2, children: [
+                /* @__PURE__ */ e("div", { className: t.akMiniBar, children: /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: t.akMiniBarFill,
+                    style: { width: `${L}%` }
+                  }
+                ) }),
+                /* @__PURE__ */ s("span", { className: t.akUsageText, children: [
+                  te(B),
+                  b > 0 ? ` / ${te(b)}` : "",
+                  " tokens"
+                ] }),
+                /* @__PURE__ */ e("span", { className: t.akMetaText, children: m.stats ? `${m.stats.totalRequests} 次请求` : m.statsError ?? "" })
+              ] })
+            ]
+          },
+          m.key.id
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ s("div", { className: D.sectionCard, children: [
+      /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "模型用量分布（全 AK 聚合）" }),
+      /* @__PURE__ */ e(ye, { models: S.models })
+    ] })
+  ] });
+  return /* @__PURE__ */ s("div", { className: D.container, children: [
+    /* @__PURE__ */ s("div", { className: t.modelMgmtHeader, children: [
+      /* @__PURE__ */ e("h2", { className: t.modelMgmtTitle, children: "模型监控" }),
+      /* @__PURE__ */ e("p", { className: t.modelMgmtSubtitle, children: "大模型网关管控视图 — 按 AK / 模型聚合调用量、Tokens 与延迟（近 30 天）" })
+    ] }),
+    /* @__PURE__ */ e(
+      Ce,
+      {
+        defaultActiveKey: "usage",
+        items: [
+          { key: "usage", label: "模型用量", children: x() },
+          {
+            key: "sessions",
+            label: "会话统计",
+            children: /* @__PURE__ */ e(je, { fallback: /* @__PURE__ */ e(V, { tip: "加载会话统计..." }), children: /* @__PURE__ */ e(vt, {}) })
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      we,
+      {
+        title: d ? `AK 用量 — ${d.key.description || d.key.akPrefix}` : "",
+        width: 860,
+        open: !!d,
+        onClose: () => k(null),
+        destroyOnHidden: !0,
+        children: d && /* @__PURE__ */ s("div", { className: t.usageDrawerContent, children: [
+          /* @__PURE__ */ s("div", { className: t.usageStatsGrid, children: [
+            /* @__PURE__ */ e($, { title: "总请求", value: ((T = d.stats) == null ? void 0 : T.totalRequests) ?? 0 }),
+            /* @__PURE__ */ e($, { title: "总 Tokens", value: ((E = d.stats) == null ? void 0 : E.totalTokens) ?? 0 }),
+            /* @__PURE__ */ e($, { title: "平均延迟", value: ((f = d.stats) == null ? void 0 : f.avgLatencyMs) ?? 0, suffix: "ms" }),
+            /* @__PURE__ */ e($, { title: "输入 Tokens", value: ((p = d.stats) == null ? void 0 : p.totalPromptTokens) ?? 0 }),
+            /* @__PURE__ */ e($, { title: "输出 Tokens", value: ((y = d.stats) == null ? void 0 : y.totalCompletionTokens) ?? 0 }),
+            /* @__PURE__ */ e(
+              $,
+              {
+                title: "错误数",
+                value: ((u = d.stats) == null ? void 0 : u.errorCount) ?? 0,
+                valueStyle: (((_ = d.stats) == null ? void 0 : _.errorCount) ?? 0) > 0 ? { color: "#ff4d4f" } : void 0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "每日用量（近 30 天）" }),
+            d.stats ? /* @__PURE__ */ e(Ct, { daily: d.stats.daily ?? {} }) : /* @__PURE__ */ e("span", { className: t.usageEmpty, children: d.statsError ?? "暂无数据" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "模型用量分布" }),
+            d.stats ? /* @__PURE__ */ e(ye, { models: d.stats.models ?? {} }) : /* @__PURE__ */ e("span", { className: t.usageEmpty, children: d.statsError ?? "暂无数据" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "最近调用" }),
+            /* @__PURE__ */ e(
+              Ae,
+              {
+                size: "small",
+                columns: St,
+                dataSource: wt(d),
+                rowKey: "id",
+                pagination: {
+                  pageSize: 8,
+                  showSizeChanger: !0,
+                  pageSizeOptions: ["8", "20", "50", "100"],
+                  showTotal: (m) => `共 ${m} 条`
+                }
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+const xt = [
+  { key: "model-management", label: "模型管理", icon: /* @__PURE__ */ e(Oe, {}) },
+  { key: "model-chat", label: "模型对话", icon: /* @__PURE__ */ e(De, {}) },
+  { key: "ak-management", label: "AK 管理", icon: /* @__PURE__ */ e(Le, {}) },
+  { key: "agent-app", label: "Agent 应用", icon: /* @__PURE__ */ e(Te, {}) },
+  { key: "mcp-service", label: "MCP 服务", icon: /* @__PURE__ */ e(Re, {}) },
+  { key: "skill-market", label: "技能市场", icon: /* @__PURE__ */ e(ze, {}) },
+  { key: "model-monitor", label: "模型监控", icon: /* @__PURE__ */ e(qe, {}) }
+];
+function It() {
+  const [a, n] = N("model-management"), [l, i] = N([]), o = (k) => {
+    i(k), n("model-chat");
+  }, v = xe(() => xt, []), d = (k, K, S = !1) => /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        display: a === k ? S ? "flex" : "block" : "none",
+        height: "100%",
+        ...S ? { flexDirection: "column" } : {}
+      },
+      children: K
+    }
+  );
+  return /* @__PURE__ */ s("div", { className: t.container, children: [
+    /* @__PURE__ */ e("aside", { className: t.sidebar, children: /* @__PURE__ */ e("nav", { className: t.menuList, children: v.map((k) => /* @__PURE__ */ e(Q, { title: k.label, placement: "right", children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: `${t.menuItem} ${a === k.key ? t.menuItemActive : ""}`,
+        onClick: () => n(k.key),
+        children: /* @__PURE__ */ e("span", { className: t.menuIcon, children: k.icon })
+      }
+    ) }, k.key)) }) }),
+    /* @__PURE__ */ s("main", { className: t.panelArea, children: [
+      d("model-management", /* @__PURE__ */ e(ot, { onStartChat: o })),
+      d("model-chat", /* @__PURE__ */ e(it, { initialModels: l }), !0),
+      d("ak-management", /* @__PURE__ */ e(st, {})),
+      d("agent-app", /* @__PURE__ */ e(Ge, {})),
+      d("mcp-service", /* @__PURE__ */ e(Je, {})),
+      d("skill-market", /* @__PURE__ */ e(Qe, {})),
+      d("model-monitor", /* @__PURE__ */ e(At, {}))
+    ] })
+  ] });
+}
+export {
+  It as default
+};