@yuku123/z-team-component 0.2.42 → 0.2.45

package/dist/{index-Cx9Yfc6I.js → index-C66-7XZO.js}

@@ -1,7 +1,7 @@
 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 { 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 ze, ToolOutlined as Re, BarChartOutlined as Ue } from "@ant-design/icons";
+import { Tooltip as Q, Tabs as Ce, Button as z, Modal as ce, Input as Se, Drawer as Ae, Spin as V, Statistic as P, Table as we, message as F, Tag as G, Select as He, Checkbox as qe } from "antd";
+import { useState as S, 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 = "";
@@ -23,7 +23,7 @@ function We(a) {
     apiType: String(a.apiType ?? a.api_type ?? "OpenAPI")
   };
 }
-async function Me() {
+async function Ke() {
   let a;
   try {
     a = await fetch(`${X}/api/scenario-instances/0/models`, {
@@ -49,9 +49,9 @@ async function Me() {
     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`, {
+async function Ye(a, n, l, o) {
+  var k, K, B, C;
+  const d = await fetch(`${ue}/v1/chat/completions`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
@@ -63,75 +63,75 @@ async function Ye(a, n, l, i) {
       messages: l,
       stream: !0
     }),
-    signal: i.signal
+    signal: o.signal
   });
-  if (!o.ok || !o.body) {
-    const T = await o.text().catch(() => "");
+  if (!d.ok || !d.body) {
+    const T = await d.text().catch(() => "");
     if (/<!doctype html/i.test(T.slice(0, 200)))
       throw new Error("模型网关未接入（/v1/chat/completions 落到主壳 SPA，无网关响应）");
-    let E = `HTTP ${o.status}`;
+    let _ = `HTTP ${d.status}`;
     try {
-      const f = JSON.parse(T);
-      E = ((K = f == null ? void 0 : f.error) == null ? void 0 : K.message) ?? E;
+      const p = JSON.parse(T);
+      _ = ((k = p == null ? void 0 : p.error) == null ? void 0 : k.message) ?? _;
     } catch {
-      T && (E = T);
+      T && (_ = T);
     }
-    throw new Error(E);
+    throw new Error(_);
   }
-  const v = o.body.getReader(), d = new TextDecoder();
-  let k = "";
+  const N = d.body.getReader(), v = new TextDecoder();
+  let f = "";
   try {
     for (; ; ) {
-      const { done: T, value: E } = await v.read();
+      const { done: T, value: _ } = await N.read();
       if (T) break;
-      k += d.decode(E, { stream: !0 });
-      const f = k.split(`
+      f += v.decode(_, { stream: !0 });
+      const p = f.split(`
 
 `);
-      k = f.pop() ?? "";
-      for (const p of f) {
-        let y = "";
-        for (const u of p.split(`
+      f = p.pop() ?? "";
+      for (const c of p) {
+        let g = "";
+        for (const i of c.split(`
 `))
-          u.startsWith("data:") && (y += u.slice(5).trim());
-        if (!y || y === "[DONE]") {
-          if (y === "[DONE]") {
-            i.onDone();
+          i.startsWith("data:") && (g += i.slice(5).trim());
+        if (!g || g === "[DONE]") {
+          if (g === "[DONE]") {
+            o.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
+          const i = JSON.parse(g), A = i == null ? void 0 : i.choices;
+          if (Array.isArray(A) && A.length > 0) {
+            const b = (K = A[0]) == null ? void 0 : K.delta;
+            if (b != null && b.content && o.onDelta(b.content), (B = A[0]) == null ? void 0 : B.finish_reason) {
+              const m = i != null && i.usage ? {
+                promptTokens: i.usage.prompt_tokens ?? 0,
+                completionTokens: i.usage.completion_tokens ?? 0,
+                totalTokens: i.usage.total_tokens ?? 0
               } : void 0;
-              i.onDone(b);
+              o.onDone(m);
               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
+          if (i != null && i.usage) {
+            const b = {
+              promptTokens: i.usage.prompt_tokens ?? 0,
+              completionTokens: i.usage.completion_tokens ?? 0,
+              totalTokens: i.usage.total_tokens ?? 0
             };
-            i.onDone(m);
+            o.onDone(b);
             return;
           }
         } catch {
         }
       }
     }
-    i.onDone();
+    o.onDone();
   } catch (T) {
-    if ((x = i.signal) != null && x.aborted) return;
-    throw i.onError(T instanceof Error ? T : new Error(String(T))), T;
+    if ((C = o.signal) != null && C.aborted) return;
+    throw o.onError(T instanceof Error ? T : new Error(String(T))), T;
   }
 }
 async function ne(a, n) {
@@ -169,7 +169,7 @@ function Ve(a) {
   };
 }
 async function _e(a, n, l) {
-  const i = await fetch(`${X}/api/ak/create`, {
+  const o = await fetch(`${X}/api/ak/create`, {
     method: "POST",
     headers: Z({ Accept: "application/json", "Content-Type": "application/json" }),
     credentials: "include",
@@ -180,15 +180,15 @@ async function _e(a, n, l) {
       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 仅创建时可见" };
+  }), d = await ne(o, "创建 AK"), N = (d == null ? void 0 : d.data) ?? {}, v = N.accessKey ?? "", f = N.secretKey ?? "";
+  return v && f && pe(v, f), { apiKey: f, akPrefix: v, 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);
+  ), l = await ne(n, "获取 AK 列表"), o = Array.isArray(l == null ? void 0 : l.data) ? l.data : [];
+  return (a ? o.filter((N) => !N.owner_user_id || String(N.owner_user_id) === String(a)) : o).filter((N) => (N.is_deleted ?? 0) === 0).map(Ve);
 }
 async function Xe(a) {
   const n = await fetch(`${X}/api/ak/delete?id=${encodeURIComponent(String(a))}`, {
@@ -198,44 +198,60 @@ async function Xe(a) {
   });
   await ne(n, "吊销 AK");
 }
-async function Ke(a) {
-  var d;
+async function Me(a) {
+  var T, _;
   const n = await fetch(
-    `${X}/api/admin/llm-call-monitor/stats?hours=24`,
+    `${X}/api/admin/llm-call-monitor/stats?hours=168`,
     { headers: Z({ Accept: "application/json" }), credentials: "include" }
-  ), l = await ne(n, "获取调用统计"), o = ((l == null ? void 0 : l.data) ?? {}).summary ?? {};
-  let v = [];
+  ), l = await ne(n, "获取调用统计"), d = ((l == null ? void 0 : l.data) ?? {}).summary ?? {};
+  let N = [];
   try {
-    const k = await fetch(
+    const p = 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)
-    }));
+    ), c = await ne(p, "获取调用明细");
+    N = (Array.isArray((T = c == null ? void 0 : c.data) == null ? void 0 : T.records) ? c.data.records : []).map((i, A) => {
+      const b = Number(i.promptTokens ?? 0), q = Number(i.completionTokens ?? 0);
+      return {
+        id: Number(i.id ?? A),
+        apiKeyId: a,
+        protocol: "chat/completions",
+        model: String(i.model ?? ""),
+        stream: Number(i.stream ?? 0),
+        promptTokens: b,
+        completionTokens: q,
+        totalTokens: Number(i.totalTokens ?? b + q),
+        latencyMs: Number(i.durationMs ?? 0),
+        statusCode: i.success === !1 || i.success === 0 ? 500 : 200,
+        errorMsg: i.errorType ?? null,
+        createTime: String(i.createTime ?? "").replace("T", " ").slice(0, 19)
+      };
+    });
   } catch {
   }
+  const v = {}, f = {};
+  for (const p of N) {
+    const c = v[_ = p.model] || (v[_] = [0, 0, 0]);
+    c[0] += 1, c[1] += p.promptTokens, c[2] += p.completionTokens;
+    const g = (p.createTime || "").slice(0, 10);
+    if (g) {
+      const i = f[g] || (f[g] = [0, 0, 0]);
+      i[0] += 1, i[1] += p.promptTokens, i[2] += p.completionTokens;
+    }
+  }
+  const k = Number(d.totalTokens ?? 0), K = N.reduce((p, c) => p + c.totalTokens, 0), B = N.reduce((p, c) => p + c.promptTokens, 0), C = N.reduce((p, c) => p + c.completionTokens, 0);
   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
+    totalRequests: Number(d.totalCount ?? 0),
+    // 汇总口径优先用后端整窗合计（后端 selectStats 才有 token 合计），
+    // 明细只有最近一页 ⇒ 只在汇总缺失时用明细兜底。
+    totalPromptTokens: Number(d.totalPromptTokens ?? 0) || B,
+    totalCompletionTokens: Number(d.totalCompletionTokens ?? 0) || C,
+    totalTokens: k || K,
+    avgLatencyMs: Number(d.avgDurationMs ?? 0),
+    errorCount: Number(d.failCount ?? 0),
+    daily: f,
+    models: v,
+    recent: N
   };
 }
 function Ze() {
@@ -258,11 +274,11 @@ function et(a) {
 }
 async function tt() {
   try {
-    const i = localStorage.getItem(le);
-    if (i) return i;
+    const o = localStorage.getItem(le);
+    if (o) return o;
   } catch {
   }
-  const n = (await ie("").catch(() => [])).find((i) => i.active && i.secret);
+  const n = (await ie("").catch(() => [])).find((o) => o.active && o.secret);
   if (n != null && n.secret) {
     try {
       localStorage.setItem(le, n.secret);
@@ -283,7 +299,7 @@ async function tt() {
   }
   return l.apiKey;
 }
-function Ee() {
+function be() {
   try {
     localStorage.removeItem(le);
   } catch {
@@ -315,42 +331,42 @@ curl -X POST ${a}/v1/messages \\
   }'`;
 }
 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);
+  const [a, n] = S("personal"), [l, o] = S([]), [d, N] = S([]), [v, f] = S(!0), [k, K] = S(!1), [B, C] = S(!1), [T, _] = S(""), [p, c] = S({ open: !1 }), [g, i] = S(null), [A, b] = S(null), [q, m] = S(!1), I = "zifang", D = "zifang", E = Ze(), j = H(async () => {
+    f(!0);
     try {
-      const [c, M] = await Promise.all([
+      const [h, x] = await Promise.all([
         ie("system-default").catch(() => []),
-        ie(L).catch(() => [])
+        ie(I).catch(() => [])
       ]);
-      i(c), v(M);
+      o(h), N(x);
     } finally {
-      k(!1);
+      f(!1);
     }
-  }, [L]);
+  }, [I]);
   ae(() => {
     j();
   }, [j]);
   const r = () => {
-    E(""), x(!0);
-  }, h = async () => {
+    _(""), C(!0);
+  }, u = async () => {
     if (!T.trim()) {
       F.warning("请输入 AK 名称");
       return;
     }
-    S(!0);
+    K(!0);
     try {
-      const c = await _e(L, P, T.trim());
-      pe(c.akPrefix, c.apiKey), x(!1), p({
+      const h = await _e(I, D, T.trim());
+      pe(h.akPrefix, h.apiKey), C(!1), c({
         open: !0,
-        apiKey: c.apiKey,
-        akPrefix: c.akPrefix
+        apiKey: h.apiKey,
+        akPrefix: h.akPrefix
       }), j();
-    } catch (c) {
-      F.error(c instanceof Error ? c.message : "创建 AK 失败");
+    } catch (h) {
+      F.error(h instanceof Error ? h.message : "创建 AK 失败");
     } finally {
-      S(!1);
+      K(!1);
     }
-  }, w = (c) => {
+  }, w = (h) => {
     ce.confirm({
       title: "确认吊销此 AK？",
       content: "吊销后此 AK 将立即失效，无法恢复。",
@@ -359,75 +375,75 @@ function st() {
       cancelText: "取消",
       onOk: async () => {
         try {
-          await Xe(c), F.success("AK 已吊销"), j(), Ee();
-        } catch (M) {
-          F.error(M instanceof Error ? M.message : "吊销失败");
+          await Xe(h), F.success("AK 已吊销"), j(), be();
+        } catch (x) {
+          F.error(x instanceof Error ? x.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);
+  }, M = (h) => {
+    navigator.clipboard.writeText(h).then(() => F.success("已复制到剪贴板")).catch(() => F.warning("复制失败，请手动复制"));
+  }, J = (h) => {
+    const x = et(h.akPrefix);
+    x ? M(x) : (M(h.akPrefix), F.info("完整 AK 未在本地缓存（可能在本设备外创建），已复制前缀"));
+  }, $ = async (h) => {
+    i(h), m(!0), b(null);
     try {
-      const M = await Ke(c.id);
-      m(M);
-    } catch (M) {
-      F.error(M instanceof Error ? M.message : "获取用量失败");
+      const x = await Me(h.id);
+      b(x);
+    } catch (x) {
+      F.error(x instanceof Error ? x.message : "获取用量失败");
     } finally {
-      b(!1);
+      m(!1);
     }
   }, W = () => {
-    u(null), m(null);
-  }, oe = (c) => {
-    const M = Object.entries(c);
-    if (M.length === 0)
+    i(null), b(null);
+  }, oe = (h) => {
+    const x = Object.entries(h);
+    if (x.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;
+    const Y = Math.max(...x.map(([, y]) => y[1] + y[2]), 1);
+    return /* @__PURE__ */ e("div", { className: t.usageBarChart, children: x.map(([y, R]) => {
+      const ge = R[1] + R[2], Ee = ge / Y * 100;
       return /* @__PURE__ */ s("div", { className: t.usageBarCol, children: [
-        /* @__PURE__ */ e(Q, { title: `${g}: ${U[0]}次 / ${ge} tokens`, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Q, { title: `${y}: ${R[0]}次 / ${ge} tokens`, children: /* @__PURE__ */ e(
           "div",
           {
             className: t.usageBar,
-            style: { height: `${Math.max(be, 2)}%` }
+            style: { height: `${Math.max(Ee, 2)}%` }
           }
         ) }),
-        /* @__PURE__ */ e("span", { className: t.usageBarLabel, children: g })
-      ] }, g);
+        /* @__PURE__ */ e("span", { className: t.usageBarLabel, children: y })
+      ] }, y);
     }) });
-  }, R = (c) => {
-    const M = Object.entries(c);
-    if (M.length === 0)
+  }, L = (h) => {
+    const x = Object.entries(h);
+    if (x.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 }),
+    const Y = Math.max(...x.map(([, y]) => y[0]), 1);
+    return /* @__PURE__ */ e("div", { className: t.modelBreakdown, children: x.sort((y, R) => R[1][0] - y[1][0]).map(([y, R]) => /* @__PURE__ */ s("div", { className: t.modelBreakdownRow, children: [
+      /* @__PURE__ */ e("span", { className: t.modelBreakdownName, children: y }),
       /* @__PURE__ */ e("div", { className: t.modelBreakdownBar, children: /* @__PURE__ */ e(
         "div",
         {
           className: t.modelBreakdownFill,
-          style: { width: `${U[0] / Y * 100}%` }
+          style: { width: `${R[0] / Y * 100}%` }
         }
       ) }),
       /* @__PURE__ */ s("span", { className: t.modelBreakdownCount, children: [
-        U[0],
+        R[0],
         "次 / ",
-        U[1],
+        R[1] + (R[2] || 0),
         "tokens"
       ] })
-    ] }, g)) });
-  }, q = [
+    ] }, y)) });
+  }, U = [
     {
       title: "时间",
       dataIndex: "createTime",
       key: "createTime",
       width: 160,
-      render: (c) => c ? new Date(c).toLocaleString("zh-CN") : "-"
+      render: (h) => h ? new Date(h).toLocaleString("zh-CN") : "-"
     },
     { title: "模型", dataIndex: "model", key: "model", width: 140 },
     {
@@ -435,7 +451,7 @@ function st() {
       dataIndex: "protocol",
       key: "protocol",
       width: 90,
-      render: (c) => /* @__PURE__ */ e(G, { children: c })
+      render: (h) => /* @__PURE__ */ e(G, { children: h })
     },
     {
       title: "输入",
@@ -460,59 +476,59 @@ function st() {
       dataIndex: "latencyMs",
       key: "latencyMs",
       width: 70,
-      render: (c) => c ? `${c}ms` : "-"
+      render: (h) => h ? `${h}ms` : "-"
     },
     {
       title: "状态",
       dataIndex: "statusCode",
       key: "statusCode",
       width: 60,
-      render: (c) => c ? /* @__PURE__ */ e(G, { color: c < 400 ? "green" : "red", children: c }) : "-"
+      render: (h) => h ? /* @__PURE__ */ e(G, { color: h < 400 ? "green" : "red", children: h }) : "-"
     }
-  ], 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(
+  ], ee = (h, x) => {
+    const Y = Array.isArray(h) ? h : [];
+    return v ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 40 }, children: /* @__PURE__ */ e(V, { tip: "加载中..." }) }) : Y.length === 0 ? /* @__PURE__ */ e("div", { className: t.akEmpty, children: x ? "暂无应用 AK" : "暂无个人 AK，点击上方按钮生成" }) : /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: Y.map((y) => /* @__PURE__ */ s(
       "div",
       {
         className: t.akCard,
-        onClick: () => O(g),
+        onClick: () => $(y),
         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.akTitle, children: y.description || y.akPrefix.replace("...", "**") }),
+            /* @__PURE__ */ e("code", { className: t.akPrefixSmall, children: y.akPrefix.replace("...", "**") }),
             /* @__PURE__ */ e(
               "span",
               {
-                className: `${t.akStatus} ${g.active ? t.akStatusActive : t.akStatusRevoked}`,
-                children: g.active ? "活跃" : "已吊销"
+                className: `${t.akStatus} ${y.active ? t.akStatusActive : t.akStatusRevoked}`,
+                children: y.active ? "活跃" : "已吊销"
               }
             ),
-            g.defaultModel && /* @__PURE__ */ s(G, { style: { fontSize: 11 }, children: [
+            y.defaultModel && /* @__PURE__ */ s(G, { style: { fontSize: 11 }, children: [
               "默认: ",
-              g.defaultModel
+              y.defaultModel
             ] }),
             /* @__PURE__ */ s(
               "div",
               {
                 className: t.akCardActions,
-                onClick: (U) => U.stopPropagation(),
+                onClick: (R) => R.stopPropagation(),
                 children: [
                   /* @__PURE__ */ e(Q, { title: "复制完整 AK", children: /* @__PURE__ */ e(
                     z,
                     {
                       size: "small",
                       icon: /* @__PURE__ */ e(se, {}),
-                      onClick: () => J(g),
+                      onClick: () => J(y),
                       children: "复制"
                     }
                   ) }),
-                  !M && g.active && /* @__PURE__ */ e(
+                  !x && y.active && /* @__PURE__ */ e(
                     z,
                     {
                       size: "small",
                       danger: !0,
                       icon: /* @__PURE__ */ e(Pe, {}),
-                      onClick: () => w(g.id),
+                      onClick: () => w(y.id),
                       children: "吊销"
                     }
                   )
@@ -527,27 +543,27 @@ function st() {
                 className: t.akMiniBarFill,
                 style: {
                   width: `${Math.min(
-                    (g.totalTokens || 0) / (g.tokenQuota || ke) * 100,
+                    (y.totalTokens || 0) / (y.tokenQuota || ke) * 100,
                     100
                   )}%`
                 }
               }
             ) }),
             /* @__PURE__ */ s("span", { className: t.akUsageText, children: [
-              fe(g.totalTokens || 0),
+              fe(y.totalTokens || 0),
               " /",
               " ",
-              fe(g.tokenQuota || ke)
+              fe(y.tokenQuota || ke)
             ] }),
             /* @__PURE__ */ s("span", { className: t.akMetaText, children: [
-              g.totalRequests || 0,
+              y.totalRequests || 0,
               " 次请求"
             ] }),
-            /* @__PURE__ */ e("span", { className: t.akMetaText, children: new Date(g.createTime).toLocaleDateString("zh-CN") })
+            /* @__PURE__ */ e("span", { className: t.akMetaText, children: new Date(y.createTime).toLocaleDateString("zh-CN") })
           ] })
         ]
       },
-      g.id
+      y.id
     )) });
   };
   return /* @__PURE__ */ s("div", { className: t.akContainer, children: [
@@ -556,23 +572,23 @@ function st() {
       /* @__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("code", { className: t.akBaseUrlValue, children: E }),
           /* @__PURE__ */ e(Q, { title: "复制 Base URL", children: /* @__PURE__ */ e(
             se,
             {
               className: t.akCopyIcon,
-              onClick: () => A(I)
+              onClick: () => M(E)
             }
           ) })
         ] }),
         /* @__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("code", { className: t.akBaseUrlValue, children: E }),
           /* @__PURE__ */ e(Q, { title: "复制 Base URL", children: /* @__PURE__ */ e(
             se,
             {
               className: t.akCopyIcon,
-              onClick: () => A(I)
+              onClick: () => M(E)
             }
           ) })
         ] })
@@ -580,11 +596,11 @@ function st() {
       /* @__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__ */ e("pre", { className: t.akCodeBlock, children: at(E) })
         ] }),
         /* @__PURE__ */ s("div", { children: [
           /* @__PURE__ */ e("p", { className: t.akCodeLabel, children: "Anthropic 兼容 — curl 示例" }),
-          /* @__PURE__ */ e("pre", { className: t.akCodeBlock, children: nt(I) })
+          /* @__PURE__ */ e("pre", { className: t.akCodeBlock, children: nt(E) })
         ] })
       ] })
     ] }),
@@ -603,7 +619,7 @@ function st() {
               Ce,
               {
                 activeKey: a,
-                onChange: (c) => n(c),
+                onChange: (h) => n(h),
                 items: [
                   { key: "app", label: "应用 AK" },
                   { key: "personal", label: "个人 AK" }
@@ -619,7 +635,7 @@ function st() {
                   type: "primary",
                   icon: /* @__PURE__ */ e(ve, {}),
                   onClick: r,
-                  loading: K,
+                  loading: k,
                   children: "生成 AK"
                 }
               )
@@ -627,18 +643,18 @@ function st() {
           ]
         }
       ),
-      a === "app" ? ee(l, !0) : ee(o, !1)
+      a === "app" ? ee(l, !0) : ee(d, !1)
     ] }),
     /* @__PURE__ */ s(
       ce,
       {
-        open: C,
+        open: B,
         title: "生成新 AK",
-        onCancel: () => x(!1),
-        onOk: h,
+        onCancel: () => C(!1),
+        onOk: u,
         okText: "确认生成",
         cancelText: "取消",
-        confirmLoading: K,
+        confirmLoading: k,
         children: [
           /* @__PURE__ */ e(
             "div",
@@ -656,8 +672,8 @@ function st() {
             {
               placeholder: "例如：测试用 AK、生产网关 AK",
               value: T,
-              onChange: (c) => E(c.target.value),
-              onPressEnter: h,
+              onChange: (h) => _(h.target.value),
+              onPressEnter: u,
               maxLength: 50,
               autoFocus: !0
             }
@@ -668,15 +684,15 @@ function st() {
     /* @__PURE__ */ s(
       ce,
       {
-        open: f.open,
+        open: p.open,
         title: "AK 创建成功",
-        onCancel: () => p({ open: !1 }),
+        onCancel: () => c({ open: !1 }),
         footer: [
           /* @__PURE__ */ e(
             z,
             {
               icon: /* @__PURE__ */ e(se, {}),
-              onClick: () => f.apiKey && A(f.apiKey),
+              onClick: () => p.apiKey && M(p.apiKey),
               children: "复制 AK"
             },
             "copy"
@@ -685,7 +701,7 @@ function st() {
             z,
             {
               type: "primary",
-              onClick: () => p({ open: !1 }),
+              onClick: () => c({ open: !1 }),
               children: "我已保存"
             },
             "close"
@@ -705,80 +721,88 @@ function st() {
                 wordBreak: "break-all",
                 userSelect: "all"
               },
-              children: f.apiKey
+              children: p.apiKey
             }
           ),
           /* @__PURE__ */ s("div", { style: { marginTop: 8, fontSize: 12, color: "var(--text-muted)" }, children: [
             "前缀: ",
-            f.akPrefix
+            p.akPrefix
           ] })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      we,
+      Ae,
       {
-        title: y ? /* @__PURE__ */ s("span", { children: [
+        title: g ? /* @__PURE__ */ s("span", { children: [
           "AK 详情 — ",
-          /* @__PURE__ */ e("code", { children: y.akPrefix })
+          /* @__PURE__ */ e("code", { children: g.akPrefix })
         ] }) : "AK 详情",
-        open: !!y,
+        open: !!g,
         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: [
+        children: q ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(V, { tip: "加载用量数据..." }) }) : A ? /* @__PURE__ */ s("div", { className: t.usageDrawerContent, children: [
+          /* @__PURE__ */ e("div", { style: { fontSize: 12, color: "#8c8c8c", marginBottom: 12 }, children: "以下为网关全局调用统计（近 7 天窗口）， 监控侧不按 AK 留存；该 AK 自身的累计消耗见下方「本 AK 累计 Token」。" }),
           /* @__PURE__ */ s("div", { className: t.usageStatsGrid, children: [
-            /* @__PURE__ */ e($, { title: "总请求数", value: _.totalRequests }),
-            /* @__PURE__ */ e($, { title: "总 Token", value: _.totalTokens }),
+            /* @__PURE__ */ e(P, { title: "总请求数", value: A.totalRequests }),
+            /* @__PURE__ */ e(P, { title: "总 Token", value: A.totalTokens }),
             /* @__PURE__ */ e(
-              $,
+              P,
               {
                 title: "输入 Token",
-                value: _.totalPromptTokens
+                value: A.totalPromptTokens
               }
             ),
             /* @__PURE__ */ e(
-              $,
+              P,
               {
                 title: "输出 Token",
-                value: _.totalCompletionTokens
+                value: A.totalCompletionTokens
               }
             ),
             /* @__PURE__ */ e(
-              $,
+              P,
               {
                 title: "平均耗时",
-                value: _.avgLatencyMs,
+                value: A.avgLatencyMs,
                 suffix: "ms"
               }
             ),
             /* @__PURE__ */ e(
-              $,
+              P,
               {
                 title: "错误数",
-                value: _.errorCount,
+                value: A.errorCount,
                 styles: {
                   content: {
-                    color: _.errorCount > 0 ? "#ff4d4f" : void 0
+                    color: A.errorCount > 0 ? "#ff4d4f" : void 0
                   }
                 }
               }
+            ),
+            /* @__PURE__ */ e(
+              P,
+              {
+                title: "本 AK 累计 Token",
+                value: (g == null ? void 0 : g.totalTokens) ?? 0
+              }
             )
           ] }),
           /* @__PURE__ */ s("div", { className: t.usageSection, children: [
-            /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "每日调用曲线（近 30 天）" }),
-            oe(_.daily)
+            /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "每日调用曲线（按最近调用明细聚合）" }),
+            oe(A.daily)
           ] }),
           /* @__PURE__ */ s("div", { className: t.usageSection, children: [
             /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "模型用量分布" }),
-            R(_.models)
+            L(A.models)
           ] }),
           /* @__PURE__ */ s("div", { className: t.usageSection, children: [
             /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "最近调用记录" }),
             /* @__PURE__ */ e(
-              Ae,
+              we,
               {
-                columns: q,
-                dataSource: _.recent,
+                columns: U,
+                dataSource: A.recent,
                 rowKey: "id",
                 size: "small",
                 pagination: {
@@ -786,7 +810,7 @@ function st() {
                   size: "small",
                   showSizeChanger: !0,
                   pageSizeOptions: ["10", "20", "50", "100"],
-                  showTotal: (c) => `共 ${c} 条`
+                  showTotal: (h) => `共 ${h} 条`
                 },
                 scroll: { x: 760 }
               }
@@ -801,58 +825,58 @@ 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;
+  let o = 0, d;
+  for (; (d = l.exec(a)) !== null; )
+    d.index > o && n.push({ type: "text", text: a.slice(o, d.index) }), n.push({ type: "think", text: d[2] }), o = d.index + d[0].length;
+  return o < a.length && n.push({ type: "text", text: a.slice(o) }), 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());
+  const [n, l] = S([]), [o, d] = S([]), [N, v] = S(!0), [f, k] = S(null), [K, B] = S(""), [C, T] = S(!1), _ = de(""), p = de(/* @__PURE__ */ new Map()), c = 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)));
+        const r = await Ke();
+        d(r), v(!1);
+        const u = a.length > 0 ? a : r.slice(0, 1).map((w) => w.modelName);
+        l(u.slice(0, re).map((w) => me(w)));
       } catch (r) {
-        d(!1), K(r instanceof Error ? r.message : "模型列表加载失败");
+        v(!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));
+    if (a.length > 0 && o.length > 0) {
+      const r = a.slice(0, re).map((u) => me(u));
       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));
+  const g = H((r) => {
+    const u = c.current.get(r);
+    u && (u.scrollTop = u.scrollHeight);
+  }, []), i = H(
+    (r, u) => {
+      l((w) => w.map((M) => M.id === r ? u(M) : M));
     },
     []
-  ), _ = H(async () => {
-    if (E.current) return E.current;
+  ), A = H(async () => {
+    if (_.current) return _.current;
     const r = await tt();
-    return E.current = r, r;
-  }, []), m = H(async () => {
-    const r = S.trim();
-    if (!r || x) return;
-    let h;
+    return _.current = r, r;
+  }, []), b = H(async () => {
+    const r = K.trim();
+    if (!r || C) return;
+    let u;
     try {
-      h = await _();
+      u = await A();
     } catch {
       return;
     }
-    C(""), T(!0);
-    const w = n.map((O) => ({
-      ...O,
+    B(""), T(!0);
+    const w = n.map(($) => ({
+      ...$,
       messages: [
-        ...O.messages,
+        ...$.messages,
         { role: "user", content: r },
         { role: "assistant", content: "" }
       ],
@@ -862,62 +886,62 @@ function it({ initialModels: a }) {
       usage: null
     }));
     l(w);
-    const A = w;
-    A.forEach((O) => {
+    const M = w;
+    M.forEach(($) => {
       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
+      p.current.set($.id, W);
+      const oe = $.messages.slice(0, -1);
+      Ye(u, $.model, oe, {
+        onDelta: (L) => {
+          i($.id, (U) => ({
+            ...U,
+            streamingContent: U.streamingContent + L,
+            messages: U.messages.map(
+              (ee, h) => h === U.messages.length - 1 ? { ...ee, content: U.streamingContent + L } : ee
             )
-          })), y(O.id);
+          })), g($.id);
         },
-        onDone: (R) => {
-          u(O.id, (q) => ({
-            ...q,
+        onDone: (L) => {
+          i($.id, (U) => ({
+            ...U,
             isStreaming: !1,
-            usage: R ? {
-              promptTokens: R.promptTokens,
-              completionTokens: R.completionTokens,
-              totalTokens: R.totalTokens
+            usage: L ? {
+              promptTokens: L.promptTokens,
+              completionTokens: L.completionTokens,
+              totalTokens: L.totalTokens
             } : null
-          })), f.current.delete(O.id);
+          })), p.current.delete($.id);
         },
-        onError: (R) => {
-          (R.message.includes("401") || R.message.includes("API key")) && (Ee(), E.current = ""), u(O.id, (q) => ({
-            ...q,
+        onError: (L) => {
+          (L.message.includes("401") || L.message.includes("API key")) && (be(), _.current = ""), i($.id, (U) => ({
+            ...U,
             isStreaming: !1,
-            error: R.message
-          })), f.current.delete(O.id);
+            error: L.message
+          })), p.current.delete($.id);
         },
         signal: W.signal
       }).catch(() => {
       });
     });
     const J = setInterval(() => {
-      A.every(
-        (W) => !f.current.has(W.id)
+      M.every(
+        (W) => !p.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;
+  }, [K, C, n, A, i, g]), q = H(() => {
+    p.current.forEach((r) => r.abort()), p.current.clear(), l((r) => r.map((u) => ({ ...u, isStreaming: !1 }))), T(!1);
+  }, []), m = H(() => {
+    var u;
     if (n.length >= re) return;
-    const r = (h = i.find((w) => !n.some((A) => A.model === w.modelName))) == null ? void 0 : h.modelName;
+    const r = (u = o.find((w) => !n.some((M) => M.model === w.modelName))) == null ? void 0 : u.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,
+  }, [n, o]), I = H(() => {
+    p.current.forEach((r) => r.abort()), p.current.clear(), l(
+      (r) => r.map((u) => ({
+        ...u,
         messages: [],
         streamingContent: "",
         isStreaming: !1,
@@ -925,23 +949,23 @@ function it({ initialModels: a }) {
         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 }));
+  }, [C, n]), D = H((r) => {
+    const u = p.current.get(r);
+    u && u.abort(), p.current.delete(r), l((w) => w.filter((M) => M.id !== r));
+  }, []), E = H(
+    (r, u) => {
+      i(r, (w) => ({ ...w, model: u }));
     },
-    [u]
-  ), j = i.map((r) => ({
+    [i]
+  ), j = o.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: [
+  return N ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(V, { tip: "加载模型列表..." }) }) : f ? /* @__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
+      f
     ] })
   ] }) : /* @__PURE__ */ s("div", { className: t.chatContainer, children: [
     /* @__PURE__ */ s("div", { className: t.chatHeader, children: [
@@ -957,8 +981,8 @@ function it({ initialModels: a }) {
         {
           size: "small",
           icon: /* @__PURE__ */ e(Ie, {}),
-          onClick: L,
-          disabled: x || n.every((r) => r.messages.length === 0),
+          onClick: I,
+          disabled: C || n.every((r) => r.messages.length === 0),
           children: "清空重新来"
         }
       )
@@ -967,11 +991,11 @@ function it({ initialModels: a }) {
       n.map((r) => /* @__PURE__ */ s("div", { className: t.chatPanel, children: [
         /* @__PURE__ */ s("div", { className: t.chatPanelHeader, children: [
           /* @__PURE__ */ e(
-            Ue,
+            He,
             {
               size: "small",
               value: r.model,
-              onChange: (h) => I(r.id, h),
+              onChange: (u) => E(r.id, u),
               options: j,
               style: { minWidth: 140, flex: 1 },
               showSearch: !0,
@@ -982,7 +1006,7 @@ function it({ initialModels: a }) {
             "span",
             {
               className: t.chatPanelClose,
-              onClick: () => P(r.id),
+              onClick: () => D(r.id),
               children: /* @__PURE__ */ e(Be, {})
             }
           )
@@ -991,29 +1015,29 @@ function it({ initialModels: a }) {
           "div",
           {
             className: t.chatPanelBody,
-            ref: (h) => {
-              p.current.set(r.id, h);
+            ref: (u) => {
+              c.current.set(r.id, u);
             },
             children: [
-              r.messages.map((h, w) => /* @__PURE__ */ s(
+              r.messages.map((u, w) => /* @__PURE__ */ s(
                 "div",
                 {
-                  className: h.role === "user" ? t.chatMsgUser : t.chatMsgAI,
+                  className: u.role === "user" ? t.chatMsgUser : t.chatMsgAI,
                   children: [
-                    h.role === "assistant" ? rt(h.content).map(
-                      (A, J) => A.type === "think" ? /* @__PURE__ */ s(
+                    u.role === "assistant" ? rt(u.content).map(
+                      (M, J) => M.type === "think" ? /* @__PURE__ */ s(
                         "details",
                         {
                           className: t.chatThinkBlock,
                           children: [
                             /* @__PURE__ */ e("summary", { children: "思考过程" }),
-                            /* @__PURE__ */ e("pre", { children: A.text })
+                            /* @__PURE__ */ e("pre", { children: M.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 })
+                      ) : /* @__PURE__ */ e("span", { style: { whiteSpace: "pre-wrap" }, children: M.text }, J)
+                    ) : /* @__PURE__ */ e("span", { style: { whiteSpace: "pre-wrap" }, children: u.content }),
+                    r.isStreaming && w === r.messages.length - 1 && u.role === "assistant" && /* @__PURE__ */ e("span", { className: t.chatStreamingCursor })
                   ]
                 },
                 w
@@ -1033,24 +1057,24 @@ function it({ initialModels: a }) {
           }
         )
       ] }, r.id)),
-      n.length < re && /* @__PURE__ */ e(Q, { title: "添加面板", children: /* @__PURE__ */ e("div", { className: t.addPanelBtn, onClick: b, children: /* @__PURE__ */ e(ve, {}) }) })
+      n.length < re && /* @__PURE__ */ e(Q, { title: "添加面板", children: /* @__PURE__ */ e("div", { className: t.addPanelBtn, onClick: m, 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),
+          value: K,
+          onChange: (r) => B(r.target.value),
           placeholder: "输入消息，所有面板将同时收到并流式输出...",
           autoSize: { minRows: 1, maxRows: 4 },
           onPressEnter: (r) => {
-            r.shiftKey || (r.preventDefault(), m());
+            r.shiftKey || (r.preventDefault(), b());
           },
-          disabled: x
+          disabled: C
         }
       ),
-      x ? /* @__PURE__ */ e(z, { danger: !0, onClick: B, children: "停止" }) : /* @__PURE__ */ s(z, { type: "primary", onClick: m, disabled: !S.trim(), children: [
+      C ? /* @__PURE__ */ e(z, { danger: !0, onClick: q, children: "停止" }) : /* @__PURE__ */ s(z, { type: "primary", onClick: b, disabled: !K.trim(), children: [
         /* @__PURE__ */ e($e, {}),
         " 发送"
       ] })
@@ -1069,39 +1093,39 @@ function me(a) {
   };
 }
 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);
+  const [n, l] = S([]), [o, d] = S(!0), [N, v] = S(null), [f, k] = S(/* @__PURE__ */ new Set()), K = () => {
+    d(!0), v(null), Ke().then((c) => {
+      l(c), d(!1);
+    }).catch((c) => {
+      l([]), v(c instanceof Error ? c.message : "加载失败"), d(!1);
     });
   };
   ae(() => {
-    S();
+    K();
   }, []);
-  const C = (p) => {
-    K((y) => {
-      const u = new Set(y);
-      return u.has(p) ? u.delete(p) : u.add(p), u;
+  const B = (c) => {
+    k((g) => {
+      const i = new Set(g);
+      return i.has(c) ? i.delete(c) : i.add(c), i;
     });
-  }, 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";
+  }, C = Array.from(f), T = (c) => {
+    a([c]);
+  }, _ = () => {
+    C.length > 0 && a(C);
+  }, p = (c) => {
+    if (!c) return "default";
+    const g = c.toLowerCase();
+    return g.includes("aliyun") || g.includes("ali") ? "blue" : g.includes("zhipu") || g.includes("glm") ? "purple" : g.includes("moonshot") || g.includes("kimi") ? "cyan" : g.includes("minimax") ? "orange" : "default";
   };
-  return i ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(V, { tip: "加载模型列表..." }) }) : v ? /* @__PURE__ */ s("div", { children: [
+  return o ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(V, { tip: "加载模型列表..." }) }) : N ? /* @__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: "重试" }) })
+      N,
+      /* @__PURE__ */ e("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ e(z, { type: "primary", onClick: K, children: "重试" }) })
     ] })
   ] }) : /* @__PURE__ */ s("div", { children: [
     /* @__PURE__ */ s("div", { className: t.modelMgmtHeader, children: [
@@ -1109,77 +1133,77 @@ function ot({ onStartChat: a }) {
       /* @__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);
+    /* @__PURE__ */ e("div", { className: t.modelGrid, children: n.map((c) => {
+      const g = f.has(c.modelName);
       return /* @__PURE__ */ s(
         "div",
         {
-          className: `${t.modelCard} ${y ? t.modelCardSelected : ""}`,
-          onClick: () => C(p.modelName),
+          className: `${t.modelCard} ${g ? t.modelCardSelected : ""}`,
+          onClick: () => B(c.modelName),
           children: [
             /* @__PURE__ */ e(
-              He,
+              qe,
               {
                 className: t.modelCheckbox,
-                checked: y,
-                onChange: (u) => {
-                  u.stopPropagation(), C(p.modelName);
+                checked: g,
+                onChange: (i) => {
+                  i.stopPropagation(), B(c.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__ */ e("h4", { className: t.modelName, children: c.modelName }),
                 /* @__PURE__ */ s("div", { className: t.modelTags, children: [
-                  p.modelProvider && /* @__PURE__ */ e(
+                  c.modelProvider && /* @__PURE__ */ e(
                     G,
                     {
-                      color: f(p.modelProvider),
+                      color: p(c.modelProvider),
                       style: { fontSize: 11, margin: 0 },
-                      children: p.modelProvider
+                      children: c.modelProvider
                     }
                   ),
-                  /* @__PURE__ */ e(G, { style: { fontSize: 11, margin: 0 }, children: p.apiType })
+                  /* @__PURE__ */ e(G, { style: { fontSize: 11, margin: 0 }, children: c.apiType })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ e("p", { className: t.modelEndpoint, children: p.endpoint }),
+            /* @__PURE__ */ e("p", { className: t.modelEndpoint, children: c.endpoint }),
             /* @__PURE__ */ e("div", { className: t.modelCardFooter, children: /* @__PURE__ */ e(
               z,
               {
                 type: "link",
                 size: "small",
-                onClick: (u) => {
-                  u.stopPropagation(), T(p.modelName);
+                onClick: (i) => {
+                  i.stopPropagation(), T(c.modelName);
                 },
                 children: "发起对话"
               }
             ) })
           ]
         },
-        p.modelName
+        c.modelName
       );
     }) }),
-    x.length > 0 && /* @__PURE__ */ s("div", { className: t.modelActionBar, children: [
+    C.length > 0 && /* @__PURE__ */ s("div", { className: t.modelActionBar, children: [
       /* @__PURE__ */ s("span", { className: t.modelSelectionCount, children: [
         "已选择 ",
-        x.length,
+        C.length,
         " 个模型"
       ] }),
       /* @__PURE__ */ e(
         z,
         {
           type: "primary",
-          onClick: E,
-          disabled: x.length === 0,
+          onClick: _,
+          disabled: C.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 = {
+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", O = {
   container: ct,
   page: dt,
   kpiGrid: mt,
@@ -1200,41 +1224,41 @@ function te(a) {
 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];
+  const l = Math.max(...n.map(([, o]) => o[1] + o[2]), 1);
+  return /* @__PURE__ */ e("div", { className: t.usageBarChart, children: n.map(([o, d]) => {
+    const N = d[1] + d[2];
     return /* @__PURE__ */ s("div", { className: t.usageBarCol, children: [
-      /* @__PURE__ */ e(Q, { title: `${i}: ${o[0]}次 / ${v} tokens`, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(Q, { title: `${o}: ${d[0]}次 / ${N} tokens`, children: /* @__PURE__ */ e(
         "div",
         {
           className: t.usageBar,
-          style: { height: `${Math.max(v / l * 100, 2)}%` }
+          style: { height: `${Math.max(N / l * 100, 2)}%` }
         }
       ) }),
-      /* @__PURE__ */ e("span", { className: t.usageBarLabel, children: i })
-    ] }, i);
+      /* @__PURE__ */ e("span", { className: t.usageBarLabel, children: o })
+    ] }, o);
   }) });
 }
 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 }),
+  const l = Math.max(...n.map(([, o]) => o[0]), 1);
+  return /* @__PURE__ */ e("div", { className: t.modelBreakdown, children: n.sort((o, d) => d[1][0] - o[1][0]).map(([o, d]) => /* @__PURE__ */ s("div", { className: t.modelBreakdownRow, children: [
+    /* @__PURE__ */ e("span", { className: t.modelBreakdownName, children: o }),
     /* @__PURE__ */ e("div", { className: t.modelBreakdownBar, children: /* @__PURE__ */ e(
       "div",
       {
         className: t.modelBreakdownFill,
-        style: { width: `${o[0] / l * 100}%` }
+        style: { width: `${d[0] / l * 100}%` }
       }
     ) }),
     /* @__PURE__ */ s("span", { className: t.modelBreakdownCount, children: [
-      o[0],
+      d[0],
       "次 / ",
-      te(o[1]),
+      te(d[1] + (d[2] || 0)),
       "tokens"
     ] })
-  ] }, i)) });
+  ] }, o)) });
 }
 const St = [
   {
@@ -1258,101 +1282,91 @@ const St = [
     render: (a) => a ? /* @__PURE__ */ e(G, { color: a < 400 ? "green" : "red", children: a }) : "-"
   }
 ];
-function wt(a) {
+function At(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);
+function wt() {
+  var p, c, g, i, A, b, q;
+  const [a, n] = S(!0), [l, o] = S(null), [d, N] = S([]), [v, f] = S(null), [k, K] = S(null), B = H(async () => {
+    n(!0), o(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)
+        Tt.map((u) => ie(u))
+      ), I = [];
+      let D = 0;
+      for (const u of m)
+        u.status === "fulfilled" ? I.push(...u.value) : D += 1;
+      if (D === 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);
+      I.sort((u, w) => (u.id ?? 0) - (w.id ?? 0));
+      let E = null, j = null;
+      try {
+        E = await Me(0);
+      } catch (u) {
+        j = u instanceof Error ? u.message : "获取用量失败";
+      }
+      f(E);
+      const r = I.map((u) => ({
+        key: u,
+        stats: E,
+        statsError: j
+      }));
+      N(r);
     } catch (m) {
-      i(m instanceof Error ? m.message : "加载失败");
+      o(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;
-        }
-      }
-    }
+    B();
+  }, [B]);
+  const C = xe(() => {
+    const m = v, I = {};
+    for (const [D, E] of Object.entries((m == null ? void 0 : m.models) ?? {}))
+      I[D] = [E[0] ?? 0, E[1] ?? 0, E[2] ?? 0];
     return {
-      requests: m,
-      tokens: B,
-      avgLatency: L > 0 ? Math.round(b / L) : 0,
-      errors: P,
+      requests: (m == null ? void 0 : m.totalRequests) ?? 0,
+      tokens: (m == null ? void 0 : m.totalTokens) ?? 0,
+      avgLatency: (m == null ? void 0 : m.avgLatencyMs) ?? 0,
+      errors: (m == null ? void 0 : m.errorCount) ?? 0,
       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(
-        $,
+  }, [v]), T = d.reduce((m, I) => m + (I.key.tokenQuota || 0), 0), _ = () => a ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(V, { tip: "加载监控数据..." }) }) : l ? /* @__PURE__ */ s("div", { className: O.errorState, children: [
+    /* @__PURE__ */ e("div", { className: O.errorTitle, children: "模型监控数据加载失败" }),
+    /* @__PURE__ */ e("div", { className: O.errorDetail, children: l }),
+    /* @__PURE__ */ e(z, { icon: /* @__PURE__ */ e(Ne, {}), onClick: B, type: "primary", children: "重试" })
+  ] }) : /* @__PURE__ */ s("div", { className: O.page, children: [
+    /* @__PURE__ */ s("div", { className: O.kpiGrid, children: [
+      /* @__PURE__ */ e("div", { className: O.kpiCard, children: /* @__PURE__ */ e(P, { title: "总请求（近7天）", value: C.requests }) }),
+      /* @__PURE__ */ e("div", { className: O.kpiCard, children: /* @__PURE__ */ e(P, { title: "总 Tokens", value: te(C.tokens) }) }),
+      /* @__PURE__ */ e("div", { className: O.kpiCard, children: /* @__PURE__ */ e(P, { title: "平均延迟", value: C.avgLatency, suffix: "ms" }) }),
+      /* @__PURE__ */ e("div", { className: O.kpiCard, children: /* @__PURE__ */ e(
+        P,
         {
           title: "错误数",
-          value: S.errors,
-          valueStyle: S.errors > 0 ? { color: "#ff4d4f" } : void 0
+          value: C.errors,
+          valueStyle: C.errors > 0 ? { color: "#ff4d4f" } : void 0
         }
       ) })
     ] }),
-    /* @__PURE__ */ s("div", { className: D.sectionCard, children: [
-      /* @__PURE__ */ s("div", { className: D.sectionHead, children: [
+    /* @__PURE__ */ s("div", { className: O.sectionCard, children: [
+      /* @__PURE__ */ s("div", { className: O.sectionHead, children: [
         /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "AK 用量" }),
-        C > 0 && /* @__PURE__ */ s("span", { className: D.sectionHint, children: [
+        T > 0 && /* @__PURE__ */ s("span", { className: O.sectionHint, children: [
           "合计额度 ",
-          te(C),
+          te(T),
           " 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;
+      d.length === 0 ? /* @__PURE__ */ e("div", { className: t.akEmpty, children: "网关下暂无 AK" }) : /* @__PURE__ */ e("div", { className: O.akList, children: d.map((m) => {
+        const I = m.key.totalTokens ?? 0, D = m.key.tokenQuota || 0, E = D > 0 ? Math.min(I / D * 100, 100) : 0;
         return /* @__PURE__ */ s(
           "div",
           {
             className: t.akCard,
-            onClick: () => k(m),
+            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}` }),
@@ -1371,15 +1385,15 @@ function At() {
                   "div",
                   {
                     className: t.akMiniBarFill,
-                    style: { width: `${L}%` }
+                    style: { width: `${E}%` }
                   }
                 ) }),
                 /* @__PURE__ */ s("span", { className: t.akUsageText, children: [
-                  te(B),
-                  b > 0 ? ` / ${te(b)}` : "",
+                  te(I),
+                  D > 0 ? ` / ${te(D)}` : "",
                   " tokens"
                 ] }),
-                /* @__PURE__ */ e("span", { className: t.akMetaText, children: m.stats ? `${m.stats.totalRequests} 次请求` : m.statsError ?? "" })
+                /* @__PURE__ */ e("span", { className: t.akMetaText, children: m.statsError ? m.statsError : m.key.lastUsedAt ? `最近使用 ${m.key.lastUsedAt}` : "尚未使用" })
               ] })
             ]
           },
@@ -1387,22 +1401,22 @@ function At() {
         );
       }) })
     ] }),
-    /* @__PURE__ */ s("div", { className: D.sectionCard, children: [
-      /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "模型用量分布（全 AK 聚合）" }),
-      /* @__PURE__ */ e(ye, { models: S.models })
+    /* @__PURE__ */ s("div", { className: O.sectionCard, children: [
+      /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "模型用量分布（网关全局）" }),
+      /* @__PURE__ */ e(ye, { models: C.models })
     ] })
   ] });
-  return /* @__PURE__ */ s("div", { className: D.container, children: [
+  return /* @__PURE__ */ s("div", { className: O.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("p", { className: t.modelMgmtSubtitle, children: "大模型网关管控视图 — 网关全局聚合调用量、Tokens 与延迟（近 7 天）" })
     ] }),
     /* @__PURE__ */ e(
       Ce,
       {
         defaultActiveKey: "usage",
         items: [
-          { key: "usage", label: "模型用量", children: x() },
+          { key: "usage", label: "模型用量", children: _() },
           {
             key: "sessions",
             label: "会话统计",
@@ -1412,45 +1426,53 @@ function At() {
       }
     ),
     /* @__PURE__ */ e(
-      we,
+      Ae,
       {
-        title: d ? `AK 用量 — ${d.key.description || d.key.akPrefix}` : "",
+        title: k ? `AK 用量 — ${k.key.description || k.key.akPrefix}` : "",
         width: 860,
-        open: !!d,
-        onClose: () => k(null),
+        open: !!k,
+        onClose: () => K(null),
         destroyOnHidden: !0,
-        children: d && /* @__PURE__ */ s("div", { className: t.usageDrawerContent, children: [
+        children: k && /* @__PURE__ */ s("div", { className: t.usageDrawerContent, children: [
+          /* @__PURE__ */ e("div", { style: { fontSize: 12, color: "#8c8c8c", marginBottom: 12 }, children: "调用监控是网关全局维度（不按 AK 留存），以下统计覆盖全部 AK； 该 AK 自身的累计消耗见「本 AK 累计 Token」。" }),
           /* @__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(P, { title: "总请求", value: ((p = k.stats) == null ? void 0 : p.totalRequests) ?? 0 }),
+            /* @__PURE__ */ e(P, { title: "总 Tokens", value: ((c = k.stats) == null ? void 0 : c.totalTokens) ?? 0 }),
+            /* @__PURE__ */ e(P, { title: "平均延迟", value: ((g = k.stats) == null ? void 0 : g.avgLatencyMs) ?? 0, suffix: "ms" }),
+            /* @__PURE__ */ e(P, { title: "输入 Tokens", value: ((i = k.stats) == null ? void 0 : i.totalPromptTokens) ?? 0 }),
+            /* @__PURE__ */ e(P, { title: "输出 Tokens", value: ((A = k.stats) == null ? void 0 : A.totalCompletionTokens) ?? 0 }),
+            /* @__PURE__ */ e(
+              P,
+              {
+                title: "本 AK 累计 Token",
+                value: k.key.totalTokens ?? 0
+              }
+            ),
             /* @__PURE__ */ e(
-              $,
+              P,
               {
                 title: "错误数",
-                value: ((u = d.stats) == null ? void 0 : u.errorCount) ?? 0,
-                valueStyle: (((_ = d.stats) == null ? void 0 : _.errorCount) ?? 0) > 0 ? { color: "#ff4d4f" } : void 0
+                value: ((b = k.stats) == null ? void 0 : b.errorCount) ?? 0,
+                valueStyle: (((q = k.stats) == null ? void 0 : q.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__ */ e("span", { className: t.usageSectionTitle, children: "每日用量（按最近调用明细聚合）" }),
+            k.stats ? /* @__PURE__ */ e(Ct, { daily: k.stats.daily ?? {} }) : /* @__PURE__ */ e("span", { className: t.usageEmpty, children: k.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__ */ e("span", { className: t.usageSectionTitle, children: "模型用量分布（按最近调用明细聚合）" }),
+            k.stats ? /* @__PURE__ */ e(ye, { models: k.stats.models ?? {} }) : /* @__PURE__ */ e("span", { className: t.usageEmpty, children: k.statsError ?? "暂无数据" })
           ] }),
           /* @__PURE__ */ s("div", { className: t.usageSection, children: [
             /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "最近调用" }),
             /* @__PURE__ */ e(
-              Ae,
+              we,
               {
                 size: "small",
                 columns: St,
-                dataSource: wt(d),
+                dataSource: At(k),
                 rowKey: "id",
                 pagination: {
                   pageSize: 8,
@@ -1471,41 +1493,41 @@ const xt = [
   { 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, {}) }
+  { key: "mcp-service", label: "MCP 服务", icon: /* @__PURE__ */ e(ze, {}) },
+  { key: "skill-market", label: "技能市场", icon: /* @__PURE__ */ e(Re, {}) },
+  { key: "model-monitor", label: "模型监控", icon: /* @__PURE__ */ e(Ue, {}) }
 ];
 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(
+  const [a, n] = S("model-management"), [l, o] = S([]), d = (f) => {
+    o(f), n("model-chat");
+  }, N = xe(() => xt, []), v = (f, k, K = !1) => /* @__PURE__ */ e(
     "div",
     {
       style: {
-        display: a === k ? S ? "flex" : "block" : "none",
+        display: a === f ? K ? "flex" : "block" : "none",
         height: "100%",
-        ...S ? { flexDirection: "column" } : {}
+        ...K ? { flexDirection: "column" } : {}
       },
-      children: K
+      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(
+    /* @__PURE__ */ e("aside", { className: t.sidebar, children: /* @__PURE__ */ e("nav", { className: t.menuList, children: N.map((f) => /* @__PURE__ */ e(Q, { title: f.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 })
+        className: `${t.menuItem} ${a === f.key ? t.menuItemActive : ""}`,
+        onClick: () => n(f.key),
+        children: /* @__PURE__ */ e("span", { className: t.menuIcon, children: f.icon })
       }
-    ) }, k.key)) }) }),
+    ) }, f.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, {}))
+      v("model-management", /* @__PURE__ */ e(ot, { onStartChat: d })),
+      v("model-chat", /* @__PURE__ */ e(it, { initialModels: l }), !0),
+      v("ak-management", /* @__PURE__ */ e(st, {})),
+      v("agent-app", /* @__PURE__ */ e(Ge, {})),
+      v("mcp-service", /* @__PURE__ */ e(Je, {})),
+      v("skill-market", /* @__PURE__ */ e(Qe, {})),
+      v("model-monitor", /* @__PURE__ */ e(wt, {}))
     ] })
   ] });
 }