@yuku123/z-team-component 0.2.80 → 0.2.83

package/dist/index-DzS6-D3M.js

@@ -0,0 +1,1640 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { CopyOutlined as oe, ReloadOutlined as ve, PlusOutlined as Te, DeleteOutlined as Oe, ClearOutlined as Ue, CloseOutlined as Re, SendOutlined as De, RobotOutlined as Se, CloudServerOutlined as He, MessageOutlined as Fe, KeyOutlined as je, ApiOutlined as qe, ToolOutlined as Ge, BarChartOutlined as Je } from "@ant-design/icons";
+import { Tooltip as Y, Tabs as we, Input as pe, Button as D, Modal as ue, Drawer as Ae, Spin as X, Statistic as K, Table as Be, message as J, Tag as W, Select as We, Checkbox as Qe } from "antd";
+import { useState as N, useEffect as Z, useCallback as j, useRef as he, useMemo as ze, Suspense as Ve, lazy as Ye } from "react";
+import { u as Me } from "./useAppStore-BBr_Fwsz.js";
+import { AgentAppList as Xe, McpPage as Ze, SkillMarket as et } from "@yuku123/z-agent-component";
+const le = "ft_gateway_default_ak", Ie = "system-default", ee = "", ke = "";
+function te(a = {}) {
+  const n = { Accept: "application/json", ...a };
+  try {
+    const r = localStorage.getItem("token");
+    r && (n.Authorization = `Bearer ${r}`);
+  } catch {
+  }
+  return n;
+}
+function tt(a) {
+  return {
+    modelName: String(a.modelName ?? a.model_name ?? a.service ?? ""),
+    service: String(a.service ?? a.modelName ?? ""),
+    endpoint: String(a.endpoint ?? ""),
+    modelProvider: a.modelProvider ?? a.model_provider ?? null,
+    apiType: String(a.apiType ?? a.api_type ?? "OpenAPI")
+  };
+}
+async function fe() {
+  let a;
+  try {
+    a = await fetch(`${ee}/api/scenario-instances/0/models`, {
+      credentials: "include",
+      headers: te({
+        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 r = n != null && n.success ? n.data : (n == null ? void 0 : n.data) ?? n;
+  if (!Array.isArray(r))
+    throw new Error("模型列表返回格式异常（非数组）");
+  return r.map(tt);
+}
+async function at(a, n, r, i) {
+  var z, O, w;
+  const u = await fetch(`${ke}/v1/chat/completions`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${a}`,
+      Accept: "text/event-stream"
+    },
+    body: JSON.stringify({
+      model: n,
+      messages: r,
+      stream: !0
+    }),
+    signal: i.signal
+  });
+  if (!u.ok || !u.body) {
+    const C = await u.text().catch(() => "");
+    if (/<!doctype html/i.test(C.slice(0, 200)))
+      throw new Error("模型网关未接入（/v1/chat/completions 落到主壳 SPA，无网关响应）");
+    let v = `HTTP ${u.status}`;
+    try {
+      const g = JSON.parse(C);
+      v = ((z = g == null ? void 0 : g.error) == null ? void 0 : z.message) ?? v;
+    } catch {
+      C && (v = C);
+    }
+    throw new Error(v);
+  }
+  const f = u.body.getReader(), y = new TextDecoder();
+  let _ = "", p;
+  try {
+    for (; ; ) {
+      const { done: C, value: v } = await f.read();
+      if (C) break;
+      _ += y.decode(v, { stream: !0 });
+      const g = _.split(`
+
+`);
+      _ = g.pop() ?? "";
+      for (const c of g) {
+        let k = "";
+        for (const m of c.split(`
+`))
+          m.startsWith("data:") && (k += m.slice(5).trim());
+        if (!k || k === "[DONE]") {
+          if (k === "[DONE]") {
+            i.onDone(p);
+            return;
+          }
+          continue;
+        }
+        try {
+          const m = JSON.parse(k), A = m == null ? void 0 : m.choices;
+          if (m != null && m.usage) {
+            const I = {
+              promptTokens: m.usage.prompt_tokens ?? 0,
+              completionTokens: m.usage.completion_tokens ?? 0,
+              totalTokens: m.usage.total_tokens ?? 0
+            };
+            (!p || I.totalTokens > 0) && (p = I);
+          }
+          if (Array.isArray(A) && A.length > 0) {
+            const I = (O = A[0]) == null ? void 0 : O.delta;
+            I != null && I.content && i.onDelta(I.content);
+            continue;
+          }
+          i.onDone(p);
+          return;
+        } catch {
+        }
+      }
+    }
+    i.onDone(p);
+  } catch (C) {
+    if ((w = i.signal) != null && w.aborted) return;
+    throw i.onError(C instanceof Error ? C : new Error(String(C))), C;
+  }
+}
+async function ne(a, n) {
+  const r = await a.text();
+  if (!a.ok)
+    throw new Error(`${n}失败 HTTP ${a.status}${r ? `: ${r.slice(0, 120)}` : ""}`);
+  if (/<!doctype html/i.test(r.slice(0, 200)))
+    throw new Error("AK 接口落到主壳 SPA（无后端响应）");
+  try {
+    return JSON.parse(r);
+  } catch {
+    throw new Error(`${n}返回非 JSON：${r.slice(0, 120)}`);
+  }
+}
+function nt(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 be(a, n, r) {
+  const i = await fetch(`${ee}/api/ak/create`, {
+    method: "POST",
+    headers: te({ Accept: "application/json", "Content-Type": "application/json" }),
+    credentials: "include",
+    body: JSON.stringify({
+      akName: r || `AK-${n || a}`,
+      description: r,
+      akType: "PERSONAL",
+      ownerUserId: a,
+      ownerUserName: n
+    })
+  }), u = await ne(i, "创建 AK"), f = (u == null ? void 0 : u.data) ?? {}, y = f.accessKey ?? "", _ = f.secretKey ?? "";
+  return y && _ && ye(y, _), { apiKey: _, akPrefix: y, message: "AK 已创建，secretKey 仅创建时可见" };
+}
+async function ie(a) {
+  const n = await fetch(
+    `${ee}/api/ak/list`,
+    { headers: te({ Accept: "application/json" }), credentials: "include" }
+  ), r = await ne(n, "获取 AK 列表"), i = Array.isArray(r == null ? void 0 : r.data) ? r.data : [];
+  return (a ? i.filter((f) => (f.owner_user_id == null || f.owner_user_id === "" ? Ie : String(f.owner_user_id)) === String(a)) : i).filter((f) => (f.is_deleted ?? 0) === 0).map(nt);
+}
+async function st(a) {
+  const n = await fetch(`${ee}/api/ak/delete?id=${encodeURIComponent(String(a))}`, {
+    method: "POST",
+    headers: te({ Accept: "application/json" }),
+    credentials: "include"
+  });
+  await ne(n, "吊销 AK");
+}
+async function Pe(a) {
+  var C, v;
+  const n = await fetch(
+    `${ee}/api/admin/llm-call-monitor/stats?hours=168`,
+    { headers: te({ Accept: "application/json" }), credentials: "include" }
+  ), r = await ne(n, "获取调用统计"), u = ((r == null ? void 0 : r.data) ?? {}).summary ?? {};
+  let f = [];
+  try {
+    const g = await fetch(
+      `${ee}/api/admin/llm-call-monitor/recent?page=1&size=20`,
+      { headers: te({ Accept: "application/json" }), credentials: "include" }
+    ), c = await ne(g, "获取调用明细");
+    f = (Array.isArray((C = c == null ? void 0 : c.data) == null ? void 0 : C.records) ? c.data.records : []).map((m, A) => {
+      const I = Number(m.promptTokens ?? 0), G = Number(m.completionTokens ?? 0);
+      return {
+        id: Number(m.id ?? A),
+        apiKeyId: a,
+        protocol: "chat/completions",
+        model: String(m.model ?? ""),
+        stream: Number(m.stream ?? 0),
+        promptTokens: I,
+        completionTokens: G,
+        totalTokens: Number(m.totalTokens ?? I + G),
+        latencyMs: Number(m.durationMs ?? 0),
+        statusCode: m.success === !1 || m.success === 0 ? 500 : 200,
+        errorMsg: m.errorType ?? null,
+        createTime: String(m.createTime ?? "").replace("T", " ").slice(0, 19)
+      };
+    });
+  } catch {
+  }
+  const y = {}, _ = {};
+  for (const g of f) {
+    const c = y[v = g.model] || (y[v] = [0, 0, 0]);
+    c[0] += 1, c[1] += g.promptTokens, c[2] += g.completionTokens;
+    const k = (g.createTime || "").slice(0, 10);
+    if (k) {
+      const m = _[k] || (_[k] = [0, 0, 0]);
+      m[0] += 1, m[1] += g.promptTokens, m[2] += g.completionTokens;
+    }
+  }
+  const p = Number(u.totalTokens ?? 0), z = f.reduce((g, c) => g + c.totalTokens, 0), O = f.reduce((g, c) => g + c.promptTokens, 0), w = f.reduce((g, c) => g + c.completionTokens, 0);
+  return {
+    totalRequests: Number(u.totalCount ?? 0),
+    // 汇总口径优先用后端整窗合计（后端 selectStats 才有 token 合计），
+    // 明细只有最近一页 ⇒ 只在汇总缺失时用明细兜底。
+    totalPromptTokens: Number(u.totalPromptTokens ?? 0) || O,
+    totalCompletionTokens: Number(u.totalCompletionTokens ?? 0) || w,
+    totalTokens: p || z,
+    avgLatencyMs: Number(u.avgDurationMs ?? 0),
+    errorCount: Number(u.failCount ?? 0),
+    daily: _,
+    models: y,
+    recent: f
+  };
+}
+function ot() {
+  return typeof window < "u" ? `${window.location.origin}${ke}` : ke;
+}
+const _e = "ft_gateway_ak_cache";
+function ye(a, n) {
+  try {
+    const r = JSON.parse(localStorage.getItem(_e) || "{}");
+    r[a] = n, localStorage.setItem(_e, JSON.stringify(r));
+  } catch {
+  }
+}
+function rt(a) {
+  try {
+    return JSON.parse(localStorage.getItem(_e) || "{}")[a] || null;
+  } catch {
+    return null;
+  }
+}
+async function lt() {
+  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 && ye(n.akPrefix, n.secret), n.secret;
+  }
+  const r = await be(
+    "system-default",
+    "系统默认",
+    "智能工作台默认AK（自动创建）"
+  );
+  if (!r.apiKey)
+    throw new Error("AK 创建成功但未返回 secretKey");
+  try {
+    localStorage.setItem(le, r.apiKey);
+  } catch {
+  }
+  return r.apiKey;
+}
+function Ke() {
+  try {
+    localStorage.removeItem(le);
+  } catch {
+  }
+}
+const it = "_container_16zxg_7", ct = "_sidebar_16zxg_16", dt = "_menuList_16zxg_26", mt = "_menuItem_16zxg_35", ut = "_menuItemActive_16zxg_53", ht = "_menuIcon_16zxg_59", gt = "_panelArea_16zxg_66", pt = "_modelMgmtHeader_16zxg_78", kt = "_modelMgmtTitle_16zxg_82", _t = "_modelMgmtSubtitle_16zxg_89", ft = "_modelGrid_16zxg_95", yt = "_modelCard_16zxg_101", Ct = "_modelCardSelected_16zxg_130", Nt = "_modelCardHeader_16zxg_135", xt = "_modelIconWrap_16zxg_142", vt = "_modelCardInfo_16zxg_155", Tt = "_modelName_16zxg_160", St = "_modelTags_16zxg_169", wt = "_modelEndpoint_16zxg_185", At = "_modelCardFooter_16zxg_194", Bt = "_modelCheckbox_16zxg_202", zt = "_modelActionBar_16zxg_209", Mt = "_modelSelectionCount_16zxg_223", It = "_chatContainer_16zxg_232", bt = "_chatHeader_16zxg_239", Pt = "_chatTitle_16zxg_247", Kt = "_chatPanels_16zxg_254", Et = "_chatPanel_16zxg_254", $t = "_chatPanelHeader_16zxg_281", Lt = "_chatPanelClose_16zxg_291", Ot = "_chatPanelBody_16zxg_303", Ut = "_chatMsgUser_16zxg_312", Rt = "_chatMsgAI_16zxg_324", Dt = "_chatMsgError_16zxg_337", Ht = "_chatStreamingCursor_16zxg_347", Ft = "_chatUsageBar_16zxg_366", jt = "_chatThinkBlock_16zxg_376", qt = "_chatInputBar_16zxg_425", Gt = "_chatInput_16zxg_425", Jt = "_addPanelBtn_16zxg_438", Wt = "_akContainer_16zxg_467", Qt = "_akIntegrationPanel_16zxg_473", Vt = "_akIntegrationTitle_16zxg_480", Yt = "_akIntegrationGrid_16zxg_487", Xt = "_akCodeBlock_16zxg_493", Zt = "_akCodeLabel_16zxg_505", ea = "_akCard_16zxg_512", ta = "_akCardRow_16zxg_530", aa = "_akTitle_16zxg_537", na = "_akPrefixSmall_16zxg_547", sa = "_akStatus_16zxg_553", oa = "_akStatusActive_16zxg_559", ra = "_akStatusRevoked_16zxg_565", la = "_akCardActions_16zxg_571", ia = "_akCardRow2_16zxg_578", ca = "_akMiniBar_16zxg_584", da = "_akMiniBarFill_16zxg_593", ma = "_akUsageText_16zxg_600", ua = "_akMetaText_16zxg_607", ha = "_akEmpty_16zxg_613", ga = "_akBaseUrlRow_16zxg_621", pa = "_akBaseUrlItem_16zxg_627", ka = "_akBaseUrlLabel_16zxg_637", _a = "_akBaseUrlValue_16zxg_643", fa = "_akCopyIcon_16zxg_653", ya = "_usageDrawerContent_16zxg_667", Ca = "_usageStatsGrid_16zxg_673", Na = "_usageSection_16zxg_679", xa = "_usageSectionTitle_16zxg_683", va = "_usageBarChart_16zxg_693", Ta = "_usageBarCol_16zxg_702", Sa = "_usageBar_16zxg_693", wa = "_usageBarLabel_16zxg_725", Aa = "_modelBreakdown_16zxg_733", Ba = "_modelBreakdownRow_16zxg_739", za = "_modelBreakdownName_16zxg_745", Ma = "_modelBreakdownBar_16zxg_755", Ia = "_modelBreakdownFill_16zxg_763", ba = "_modelBreakdownCount_16zxg_770", Pa = "_usageEmpty_16zxg_777", t = {
+  container: it,
+  sidebar: ct,
+  menuList: dt,
+  menuItem: mt,
+  menuItemActive: ut,
+  menuIcon: ht,
+  panelArea: gt,
+  modelMgmtHeader: pt,
+  modelMgmtTitle: kt,
+  modelMgmtSubtitle: _t,
+  modelGrid: ft,
+  modelCard: yt,
+  modelCardSelected: Ct,
+  modelCardHeader: Nt,
+  modelIconWrap: xt,
+  modelCardInfo: vt,
+  modelName: Tt,
+  modelTags: St,
+  modelEndpoint: wt,
+  modelCardFooter: At,
+  modelCheckbox: Bt,
+  modelActionBar: zt,
+  modelSelectionCount: Mt,
+  chatContainer: It,
+  chatHeader: bt,
+  chatTitle: Pt,
+  chatPanels: Kt,
+  chatPanel: Et,
+  chatPanelHeader: $t,
+  chatPanelClose: Lt,
+  chatPanelBody: Ot,
+  chatMsgUser: Ut,
+  chatMsgAI: Rt,
+  chatMsgError: Dt,
+  chatStreamingCursor: Ht,
+  chatUsageBar: Ft,
+  chatThinkBlock: jt,
+  chatInputBar: qt,
+  chatInput: Gt,
+  addPanelBtn: Jt,
+  akContainer: Wt,
+  akIntegrationPanel: Qt,
+  akIntegrationTitle: Vt,
+  akIntegrationGrid: Yt,
+  akCodeBlock: Xt,
+  akCodeLabel: Zt,
+  akCard: ea,
+  akCardRow: ta,
+  akTitle: aa,
+  akPrefixSmall: na,
+  akStatus: sa,
+  akStatusActive: oa,
+  akStatusRevoked: ra,
+  akCardActions: la,
+  akCardRow2: ia,
+  akMiniBar: ca,
+  akMiniBarFill: da,
+  akUsageText: ma,
+  akMetaText: ua,
+  akEmpty: ha,
+  akBaseUrlRow: ga,
+  akBaseUrlItem: pa,
+  akBaseUrlLabel: ka,
+  akBaseUrlValue: _a,
+  akCopyIcon: fa,
+  usageDrawerContent: ya,
+  usageStatsGrid: Ca,
+  usageSection: Na,
+  usageSectionTitle: xa,
+  usageBarChart: va,
+  usageBarCol: Ta,
+  usageBar: Sa,
+  usageBarLabel: wa,
+  modelBreakdown: Aa,
+  modelBreakdownRow: Ba,
+  modelBreakdownName: za,
+  modelBreakdownBar: Ma,
+  modelBreakdownFill: Ia,
+  modelBreakdownCount: ba,
+  usageEmpty: Pa
+};
+function Ne(a) {
+  return a >= 1e6 ? `${(a / 1e6).toFixed(1)}M` : a >= 1e3 ? `${(a / 1e3).toFixed(1)}K` : `${a}`;
+}
+function Ka(a, n) {
+  return `# OpenAI 兼容
+curl -X POST ${a}/v1/chat/completions \\
+  -H "Content-Type: application/json" \\
+  -H "Authorization: Bearer ft-xxx" \\
+  -d '{
+    "model": "${n}",
+    "messages": [{"role":"user","content":"你好"}],
+    "stream": true
+  }'`;
+}
+function Ea(a, n) {
+  return `# Anthropic 兼容
+curl -X POST ${a}/v1/messages \\
+  -H "Content-Type: application/json" \\
+  -H "x-api-key: ft-xxx" \\
+  -d '{
+    "model": "${n}",
+    "messages": [{"role":"user","content":"你好"}]
+  }'`;
+}
+function $a() {
+  const [a, n] = N("personal"), [r, i] = N([]), [u, f] = N([]), [y, _] = N(!0), [p, z] = N(!1), [O, w] = N(!1), [C, v] = N(""), [g, c] = N({ open: !1 }), [k, m] = N(null), [A, I] = N(null), [G, Q] = N(!1), H = Me((d) => d.currentUser), l = String((H == null ? void 0 : H.id) ?? ""), b = (H == null ? void 0 : H.username) ?? "", [U, o] = N(""), h = ot(), [S, P] = N("<model-name>");
+  Z(() => {
+    let d = !1;
+    return fe().then((T) => {
+      !d && T.length > 0 && P(T[0].modelName);
+    }).catch(() => {
+    }), () => {
+      d = !0;
+    };
+  }, []);
+  const B = j(async () => {
+    _(!0);
+    try {
+      const d = l ? await ie(l).catch(() => []) : [], [T] = await Promise.all([
+        ie("system-default").catch(() => [])
+      ]);
+      i(T), f(d);
+    } finally {
+      _(!1);
+    }
+  }, [l]);
+  Z(() => {
+    B();
+  }, [B]);
+  const M = () => {
+    v(""), w(!0);
+  }, q = async () => {
+    if (!C.trim()) {
+      J.warning("请输入 AK 名称");
+      return;
+    }
+    if (!l) {
+      J.warning("登录态不可用，无法生成 AK");
+      return;
+    }
+    z(!0);
+    try {
+      const d = await be(l, b, C.trim());
+      ye(d.akPrefix, d.apiKey), w(!1), c({
+        open: !0,
+        apiKey: d.apiKey,
+        akPrefix: d.akPrefix
+      }), B();
+    } catch (d) {
+      J.error(d instanceof Error ? d.message : "创建 AK 失败");
+    } finally {
+      z(!1);
+    }
+  }, ce = (d) => {
+    ue.confirm({
+      title: "确认吊销此 AK？",
+      content: "吊销后此 AK 将立即失效，无法恢复。",
+      okText: "确认吊销",
+      okType: "danger",
+      cancelText: "取消",
+      onOk: async () => {
+        try {
+          await st(d), J.success("AK 已吊销"), B(), Ke();
+        } catch (T) {
+          J.error(T instanceof Error ? T.message : "吊销失败");
+        }
+      }
+    });
+  }, E = (d) => {
+    navigator.clipboard.writeText(d).then(() => J.success("已复制到剪贴板")).catch(() => J.warning("复制失败，请手动复制"));
+  }, F = (d) => {
+    const T = rt(d.akPrefix);
+    T ? E(T) : (E(d.akPrefix), J.info("完整 AK 未在本地缓存（可能在本设备外创建），已复制前缀"));
+  }, se = async (d) => {
+    m(d), Q(!0), I(null);
+    try {
+      const T = await Pe(d.id);
+      I(T);
+    } catch (T) {
+      J.error(T instanceof Error ? T.message : "获取用量失败");
+    } finally {
+      Q(!1);
+    }
+  }, de = () => {
+    m(null), I(null);
+  }, Ee = (d) => {
+    const T = Object.entries(d);
+    if (T.length === 0)
+      return /* @__PURE__ */ e("span", { className: t.usageEmpty, children: "暂无数据" });
+    const V = Math.max(...T.map(([, $]) => $[1] + $[2]), 1);
+    return /* @__PURE__ */ e("div", { className: t.usageBarChart, children: T.map(([$, R]) => {
+      const x = R[1] + R[2], me = x / V * 100;
+      return /* @__PURE__ */ s("div", { className: t.usageBarCol, children: [
+        /* @__PURE__ */ e(Y, { title: `${$}: ${R[0]}次 / ${x} tokens`, children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: t.usageBar,
+            style: { height: `${Math.max(me, 2)}%` }
+          }
+        ) }),
+        /* @__PURE__ */ e("span", { className: t.usageBarLabel, children: $ })
+      ] }, $);
+    }) });
+  }, $e = (d) => {
+    const T = Object.entries(d);
+    if (T.length === 0)
+      return /* @__PURE__ */ e("span", { className: t.usageEmpty, children: "暂无数据" });
+    const V = Math.max(...T.map(([, $]) => $[0]), 1);
+    return /* @__PURE__ */ e("div", { className: t.modelBreakdown, children: T.sort(($, R) => R[1][0] - $[1][0]).map(([$, R]) => /* @__PURE__ */ s("div", { className: t.modelBreakdownRow, children: [
+      /* @__PURE__ */ e("span", { className: t.modelBreakdownName, children: $ }),
+      /* @__PURE__ */ e("div", { className: t.modelBreakdownBar, children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: t.modelBreakdownFill,
+          style: { width: `${R[0] / V * 100}%` }
+        }
+      ) }),
+      /* @__PURE__ */ s("span", { className: t.modelBreakdownCount, children: [
+        R[0],
+        "次 / ",
+        R[1] + (R[2] || 0),
+        "tokens"
+      ] })
+    ] }, $)) });
+  }, Le = [
+    {
+      title: "时间",
+      dataIndex: "createTime",
+      key: "createTime",
+      width: 160,
+      render: (d) => d ? new Date(d).toLocaleString("zh-CN") : "-"
+    },
+    { title: "模型", dataIndex: "model", key: "model", width: 140 },
+    {
+      title: "协议",
+      dataIndex: "protocol",
+      key: "protocol",
+      width: 90,
+      render: (d) => /* @__PURE__ */ e(W, { children: d })
+    },
+    {
+      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: (d) => d ? `${d}ms` : "-"
+    },
+    {
+      title: "状态",
+      dataIndex: "statusCode",
+      key: "statusCode",
+      width: 60,
+      render: (d) => d ? /* @__PURE__ */ e(W, { color: d < 400 ? "green" : "red", children: d }) : "-"
+    }
+  ], Ce = (d, T) => {
+    const V = Array.isArray(d) ? d : [], $ = U.trim().toLowerCase(), R = $ ? V.filter(
+      (x) => `${x.description || ""} ${x.akPrefix || ""} ${x.defaultModel || ""}`.toLowerCase().includes($)
+    ) : V;
+    return y ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 40 }, children: /* @__PURE__ */ e(X, { tip: "加载中..." }) }) : V.length === 0 ? /* @__PURE__ */ e("div", { className: t.akEmpty, children: T ? "暂无应用 AK" : "暂无个人 AK，点击上方按钮生成" }) : R.length === 0 ? /* @__PURE__ */ e("div", { className: t.akEmpty, children: "无匹配 AK" }) : /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: R.map((x) => /* @__PURE__ */ s(
+      "div",
+      {
+        className: t.akCard,
+        onClick: () => se(x),
+        children: [
+          /* @__PURE__ */ s("div", { className: t.akCardRow, children: [
+            /* @__PURE__ */ e("span", { className: t.akTitle, children: x.description || x.akPrefix.replace("...", "**") }),
+            /* @__PURE__ */ e("code", { className: t.akPrefixSmall, children: x.akPrefix.replace("...", "**") }),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `${t.akStatus} ${x.active ? t.akStatusActive : t.akStatusRevoked}`,
+                children: x.active ? "活跃" : "已吊销"
+              }
+            ),
+            x.defaultModel && /* @__PURE__ */ s(W, { style: { fontSize: 11 }, children: [
+              "默认: ",
+              x.defaultModel
+            ] }),
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: t.akCardActions,
+                onClick: (me) => me.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ e(Y, { title: "复制完整 AK", children: /* @__PURE__ */ e(
+                    D,
+                    {
+                      size: "small",
+                      icon: /* @__PURE__ */ e(oe, {}),
+                      onClick: () => F(x),
+                      children: "复制"
+                    }
+                  ) }),
+                  !T && x.active && /* @__PURE__ */ e(
+                    D,
+                    {
+                      size: "small",
+                      danger: !0,
+                      icon: /* @__PURE__ */ e(Oe, {}),
+                      onClick: () => ce(x.id),
+                      children: "吊销"
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.akCardRow2, children: [
+            x.tokenQuota > 0 && /* @__PURE__ */ e("div", { className: t.akMiniBar, children: /* @__PURE__ */ e(
+              "div",
+              {
+                className: t.akMiniBarFill,
+                style: {
+                  width: `${Math.min(
+                    (x.totalTokens || 0) / x.tokenQuota * 100,
+                    100
+                  )}%`
+                }
+              }
+            ) }),
+            /* @__PURE__ */ s("span", { className: t.akUsageText, children: [
+              Ne(x.totalTokens || 0),
+              x.tokenQuota > 0 ? ` / ${Ne(x.tokenQuota)}` : " tokens"
+            ] }),
+            /* @__PURE__ */ e("span", { className: t.akMetaText, children: x.lastUsedAt ? `最近使用 ${x.lastUsedAt}` : "尚未使用" }),
+            /* @__PURE__ */ e("span", { className: t.akMetaText, children: new Date(x.createTime).toLocaleDateString("zh-CN") })
+          ] })
+        ]
+      },
+      x.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: h }),
+          /* @__PURE__ */ e(Y, { title: "复制 Base URL", children: /* @__PURE__ */ e(
+            oe,
+            {
+              className: t.akCopyIcon,
+              onClick: () => E(h)
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ s("div", { className: t.akBaseUrlItem, children: [
+          /* @__PURE__ */ e("span", { className: t.akBaseUrlLabel, children: "Anthropic 兼容" }),
+          /* @__PURE__ */ e("code", { className: t.akBaseUrlValue, children: h }),
+          /* @__PURE__ */ e(Y, { title: "复制 Base URL", children: /* @__PURE__ */ e(
+            oe,
+            {
+              className: t.akCopyIcon,
+              onClick: () => E(h)
+            }
+          ) })
+        ] })
+      ] }),
+      /* @__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: Ka(h, S) })
+        ] }),
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ e("p", { className: t.akCodeLabel, children: "Anthropic 兼容 — curl 示例" }),
+          /* @__PURE__ */ e("pre", { className: t.akCodeBlock, children: Ea(h, S) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ s(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            marginBottom: 12
+          },
+          children: [
+            /* @__PURE__ */ e(
+              we,
+              {
+                activeKey: a,
+                onChange: (d) => n(d),
+                items: [
+                  { key: "app", label: "应用 AK" },
+                  { key: "personal", label: "个人 AK" }
+                ],
+                style: { flex: 1 }
+              }
+            ),
+            /* @__PURE__ */ s("div", { style: { display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ e(
+                pe.Search,
+                {
+                  allowClear: !0,
+                  placeholder: "按名称 / 前缀过滤",
+                  style: { width: 200 },
+                  onChange: (d) => o(d.target.value)
+                }
+              ),
+              /* @__PURE__ */ e(D, { icon: /* @__PURE__ */ e(ve, {}), onClick: B, size: "small", children: "刷新" }),
+              a === "personal" && /* @__PURE__ */ e(
+                D,
+                {
+                  type: "primary",
+                  icon: /* @__PURE__ */ e(Te, {}),
+                  onClick: M,
+                  loading: p,
+                  children: "生成 AK"
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      a === "app" ? Ce(r, !0) : Ce(u, !1)
+    ] }),
+    /* @__PURE__ */ s(
+      ue,
+      {
+        open: O,
+        title: "生成新 AK",
+        onCancel: () => w(!1),
+        onOk: q,
+        okText: "确认生成",
+        cancelText: "取消",
+        confirmLoading: p,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                marginBottom: 8,
+                color: "var(--text-secondary)",
+                fontSize: 13
+              },
+              children: "请输入 AK 名称（用于标识此密钥的用途）"
+            }
+          ),
+          /* @__PURE__ */ e(
+            pe,
+            {
+              placeholder: "例如：测试用 AK、生产网关 AK",
+              value: C,
+              onChange: (d) => v(d.target.value),
+              onPressEnter: q,
+              maxLength: 50,
+              autoFocus: !0
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ s(
+      ue,
+      {
+        open: g.open,
+        title: "AK 创建成功",
+        onCancel: () => c({ open: !1 }),
+        footer: [
+          /* @__PURE__ */ e(
+            D,
+            {
+              icon: /* @__PURE__ */ e(oe, {}),
+              onClick: () => g.apiKey && E(g.apiKey),
+              children: "复制 AK"
+            },
+            "copy"
+          ),
+          /* @__PURE__ */ e(
+            D,
+            {
+              type: "primary",
+              onClick: () => c({ 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: g.apiKey
+            }
+          ),
+          /* @__PURE__ */ s("div", { style: { marginTop: 8, fontSize: 12, color: "var(--text-muted)" }, children: [
+            "前缀: ",
+            g.akPrefix
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ae,
+      {
+        title: k ? /* @__PURE__ */ s("span", { children: [
+          "AK 详情 — ",
+          /* @__PURE__ */ e("code", { children: k.akPrefix })
+        ] }) : "AK 详情",
+        open: !!k,
+        onClose: de,
+        size: "large",
+        children: G ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(X, { 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(K, { title: "总请求数", value: A.totalRequests }),
+            /* @__PURE__ */ e(K, { title: "总 Token", value: A.totalTokens }),
+            /* @__PURE__ */ e(
+              K,
+              {
+                title: "输入 Token",
+                value: A.totalPromptTokens
+              }
+            ),
+            /* @__PURE__ */ e(
+              K,
+              {
+                title: "输出 Token",
+                value: A.totalCompletionTokens
+              }
+            ),
+            /* @__PURE__ */ e(
+              K,
+              {
+                title: "平均耗时",
+                value: A.avgLatencyMs,
+                suffix: "ms"
+              }
+            ),
+            /* @__PURE__ */ e(
+              K,
+              {
+                title: "错误数",
+                value: A.errorCount,
+                styles: {
+                  content: {
+                    color: A.errorCount > 0 ? "#ff4d4f" : void 0
+                  }
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              K,
+              {
+                title: "本 AK 累计 Token",
+                value: (k == null ? void 0 : k.totalTokens) ?? 0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "每日调用曲线（按最近调用明细聚合）" }),
+            Ee(A.daily)
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "模型用量分布" }),
+            $e(A.models)
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("h4", { className: t.usageSectionTitle, children: "最近调用记录" }),
+            /* @__PURE__ */ e(
+              Be,
+              {
+                columns: Le,
+                dataSource: A.recent,
+                rowKey: "id",
+                size: "small",
+                pagination: {
+                  pageSize: 10,
+                  size: "small",
+                  showSizeChanger: !0,
+                  pageSizeOptions: ["10", "20", "50", "100"],
+                  showTotal: (d) => `共 ${d} 条`
+                },
+                scroll: { x: 760 }
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ e("div", { className: t.usageEmpty, children: "暂无用量数据" })
+      }
+    )
+  ] });
+}
+function La(a) {
+  const n = [];
+  if (!a) return n;
+  const r = /<(think|thinking|reasoning)>([\s\S]*?)<\/\1>/gi;
+  let i = 0, u;
+  for (; (u = r.exec(a)) !== null; )
+    u.index > i && n.push({ type: "text", text: a.slice(i, u.index) }), n.push({ type: "think", text: u[2] }), i = u.index + u[0].length;
+  return i < a.length && n.push({ type: "text", text: a.slice(i) }), n;
+}
+const re = 4;
+let Oa = 0;
+function Ua({ initialModels: a }) {
+  const [n, r] = N([]), [i, u] = N([]), [f, y] = N(!0), [_, p] = N(null), [z, O] = N(""), [w, C] = N(!1), v = he(""), g = he(/* @__PURE__ */ new Map()), c = he(/* @__PURE__ */ new Map());
+  Z(() => {
+    (async () => {
+      try {
+        const o = await fe();
+        u(o), y(!1);
+        const h = a.length > 0 ? a : o.slice(0, 1).map((S) => S.modelName);
+        r(h.slice(0, re).map((S) => ge(S)));
+      } catch (o) {
+        y(!1), p(o instanceof Error ? o.message : "模型列表加载失败");
+      }
+    })();
+  }, []), Z(() => {
+    if (a.length > 0 && i.length > 0) {
+      const o = a.slice(0, re).map((h) => ge(h));
+      r(o);
+    }
+  }, [a.join(",")]);
+  const k = j((o) => {
+    const h = c.current.get(o);
+    h && (h.scrollTop = h.scrollHeight);
+  }, []), m = j(
+    (o, h) => {
+      r((S) => S.map((P) => P.id === o ? h(P) : P));
+    },
+    []
+  ), A = j(async () => {
+    if (v.current) return v.current;
+    const o = await lt();
+    return v.current = o, o;
+  }, []), I = j(async () => {
+    const o = z.trim();
+    if (!o || w) return;
+    let h;
+    try {
+      h = await A();
+    } catch {
+      return;
+    }
+    O(""), C(!0);
+    const S = n.map((M) => ({
+      ...M,
+      messages: [
+        ...M.messages,
+        { role: "user", content: o },
+        { role: "assistant", content: "" }
+      ],
+      streamingContent: "",
+      isStreaming: !0,
+      error: null,
+      usage: null
+    }));
+    r(S);
+    const P = S;
+    P.forEach((M) => {
+      const q = new AbortController();
+      g.current.set(M.id, q);
+      const ce = M.messages.slice(0, -1);
+      at(h, M.model, ce, {
+        onDelta: (E) => {
+          m(M.id, (F) => ({
+            ...F,
+            streamingContent: F.streamingContent + E,
+            messages: F.messages.map(
+              (se, de) => de === F.messages.length - 1 ? { ...se, content: F.streamingContent + E } : se
+            )
+          })), k(M.id);
+        },
+        onDone: (E) => {
+          m(M.id, (F) => ({
+            ...F,
+            isStreaming: !1,
+            usage: E ? {
+              promptTokens: E.promptTokens,
+              completionTokens: E.completionTokens,
+              totalTokens: E.totalTokens
+            } : null
+          })), g.current.delete(M.id);
+        },
+        onError: (E) => {
+          (E.message.includes("401") || E.message.includes("API key")) && (Ke(), v.current = ""), m(M.id, (F) => ({
+            ...F,
+            isStreaming: !1,
+            error: E.message
+          })), g.current.delete(M.id);
+        },
+        signal: q.signal
+      }).catch(() => {
+      });
+    });
+    const B = setInterval(() => {
+      P.every(
+        (q) => !g.current.has(q.id)
+      ) && (clearInterval(B), C(!1));
+    }, 200);
+    setTimeout(() => {
+      clearInterval(B), C(!1);
+    }, 300 * 1e3);
+  }, [z, w, n, A, m, k]), G = j(() => {
+    g.current.forEach((o) => o.abort()), g.current.clear(), r((o) => o.map((h) => ({ ...h, isStreaming: !1 }))), C(!1);
+  }, []), Q = j(() => {
+    var h;
+    if (n.length >= re) return;
+    const o = (h = i.find((S) => !n.some((P) => P.model === S.modelName))) == null ? void 0 : h.modelName;
+    o && r((S) => [...S, ge(o)]);
+  }, [n, i]), H = j(() => {
+    g.current.forEach((o) => o.abort()), g.current.clear(), r(
+      (o) => o.map((h) => ({
+        ...h,
+        messages: [],
+        streamingContent: "",
+        isStreaming: !1,
+        error: null,
+        usage: null
+      }))
+    ), C(!1);
+  }, [w, n]), l = j((o) => {
+    const h = g.current.get(o);
+    h && h.abort(), g.current.delete(o), r((S) => S.filter((P) => P.id !== o));
+  }, []), b = j(
+    (o, h) => {
+      m(o, (S) => ({ ...S, model: h }));
+    },
+    [m]
+  ), U = i.map((o) => ({
+    label: o.modelName,
+    value: o.modelName
+  }));
+  return f ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(X, { tip: "加载模型列表..." }) }) : _ ? /* @__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: [
+      "模型列表加载失败：",
+      _
+    ] })
+  ] }) : /* @__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(W, { color: "blue", style: { marginLeft: 12, fontSize: 12 }, children: [
+          n.length,
+          " 个模型对比"
+        ] })
+      ] }),
+      /* @__PURE__ */ e(
+        D,
+        {
+          size: "small",
+          icon: /* @__PURE__ */ e(Ue, {}),
+          onClick: H,
+          disabled: w || n.every((o) => o.messages.length === 0),
+          children: "清空重新来"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: t.chatPanels, children: [
+      n.map((o) => /* @__PURE__ */ s("div", { className: t.chatPanel, children: [
+        /* @__PURE__ */ s("div", { className: t.chatPanelHeader, children: [
+          /* @__PURE__ */ e(
+            We,
+            {
+              size: "small",
+              value: o.model,
+              onChange: (h) => b(o.id, h),
+              options: U,
+              style: { minWidth: 140, flex: 1 },
+              showSearch: !0,
+              optionFilterProp: "label"
+            }
+          ),
+          n.length > 1 && /* @__PURE__ */ e(
+            "span",
+            {
+              className: t.chatPanelClose,
+              onClick: () => l(o.id),
+              children: /* @__PURE__ */ e(Re, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: t.chatPanelBody,
+            ref: (h) => {
+              c.current.set(o.id, h);
+            },
+            children: [
+              o.messages.map((h, S) => /* @__PURE__ */ s(
+                "div",
+                {
+                  className: h.role === "user" ? t.chatMsgUser : t.chatMsgAI,
+                  children: [
+                    h.role === "assistant" ? La(h.content).map(
+                      (P, B) => P.type === "think" ? /* @__PURE__ */ s(
+                        "details",
+                        {
+                          className: t.chatThinkBlock,
+                          children: [
+                            /* @__PURE__ */ e("summary", { children: "思考过程" }),
+                            /* @__PURE__ */ e("pre", { children: P.text })
+                          ]
+                        },
+                        B
+                      ) : /* @__PURE__ */ e("span", { style: { whiteSpace: "pre-wrap" }, children: P.text }, B)
+                    ) : /* @__PURE__ */ e("span", { style: { whiteSpace: "pre-wrap" }, children: h.content }),
+                    o.isStreaming && S === o.messages.length - 1 && h.role === "assistant" && /* @__PURE__ */ e("span", { className: t.chatStreamingCursor })
+                  ]
+                },
+                S
+              )),
+              o.error && /* @__PURE__ */ e("div", { className: t.chatMsgError, children: o.error }),
+              o.usage && /* @__PURE__ */ s("div", { className: t.chatUsageBar, children: [
+                /* @__PURE__ */ s("span", { children: [
+                  "输入: ",
+                  o.usage.promptTokens
+                ] }),
+                /* @__PURE__ */ s("span", { children: [
+                  "输出: ",
+                  o.usage.completionTokens
+                ] })
+              ] })
+            ]
+          }
+        )
+      ] }, o.id)),
+      n.length < re && /* @__PURE__ */ e(Y, { title: "添加面板", children: /* @__PURE__ */ e("div", { className: t.addPanelBtn, onClick: Q, children: /* @__PURE__ */ e(Te, {}) }) })
+    ] }),
+    /* @__PURE__ */ s("div", { className: t.chatInputBar, children: [
+      /* @__PURE__ */ e(
+        pe.TextArea,
+        {
+          className: t.chatInput,
+          value: z,
+          onChange: (o) => O(o.target.value),
+          placeholder: "输入消息，所有面板将同时收到并流式输出...",
+          autoSize: { minRows: 1, maxRows: 4 },
+          onPressEnter: (o) => {
+            o.shiftKey || (o.preventDefault(), I());
+          },
+          disabled: w
+        }
+      ),
+      w ? /* @__PURE__ */ e(D, { danger: !0, onClick: G, children: "停止" }) : /* @__PURE__ */ s(D, { type: "primary", onClick: I, disabled: !z.trim(), children: [
+        /* @__PURE__ */ e(De, {}),
+        " 发送"
+      ] })
+    ] })
+  ] });
+}
+function ge(a) {
+  return {
+    id: ++Oa,
+    model: a,
+    messages: [],
+    streamingContent: "",
+    isStreaming: !1,
+    error: null,
+    usage: null
+  };
+}
+function Ra({ onStartChat: a }) {
+  const [n, r] = N([]), [i, u] = N(!0), [f, y] = N(null), [_, p] = N(/* @__PURE__ */ new Set()), z = () => {
+    u(!0), y(null), fe().then((c) => {
+      r(c), u(!1);
+    }).catch((c) => {
+      r([]), y(c instanceof Error ? c.message : "加载失败"), u(!1);
+    });
+  };
+  Z(() => {
+    z();
+  }, []);
+  const O = (c) => {
+    p((k) => {
+      const m = new Set(k);
+      return m.has(c) ? m.delete(c) : m.add(c), m;
+    });
+  }, w = Array.from(_), C = (c) => {
+    a([c]);
+  }, v = () => {
+    w.length > 0 && a(w);
+  }, g = (c) => {
+    if (!c) return "default";
+    const k = c.toLowerCase();
+    return k.includes("aliyun") || k.includes("ali") ? "blue" : k.includes("zhipu") || k.includes("glm") ? "purple" : k.includes("moonshot") || k.includes("kimi") ? "cyan" : k.includes("minimax") ? "orange" : "default";
+  };
+  return i ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(X, { tip: "加载模型列表..." }) }) : f ? /* @__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: [
+      "模型列表加载失败：",
+      f,
+      /* @__PURE__ */ e("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ e(D, { type: "primary", onClick: z, 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((c) => {
+      const k = _.has(c.modelName);
+      return /* @__PURE__ */ s(
+        "div",
+        {
+          className: `${t.modelCard} ${k ? t.modelCardSelected : ""}`,
+          onClick: () => O(c.modelName),
+          children: [
+            /* @__PURE__ */ e(
+              Qe,
+              {
+                className: t.modelCheckbox,
+                checked: k,
+                onChange: (m) => {
+                  m.stopPropagation(), O(c.modelName);
+                }
+              }
+            ),
+            /* @__PURE__ */ s("div", { className: t.modelCardHeader, children: [
+              /* @__PURE__ */ e("div", { className: t.modelIconWrap, children: /* @__PURE__ */ e(Se, {}) }),
+              /* @__PURE__ */ s("div", { className: t.modelCardInfo, children: [
+                /* @__PURE__ */ e("h4", { className: t.modelName, children: c.modelName }),
+                /* @__PURE__ */ s("div", { className: t.modelTags, children: [
+                  c.modelProvider && /* @__PURE__ */ e(
+                    W,
+                    {
+                      color: g(c.modelProvider),
+                      style: { fontSize: 11, margin: 0 },
+                      children: c.modelProvider
+                    }
+                  ),
+                  /* @__PURE__ */ e(W, { style: { fontSize: 11, margin: 0 }, children: c.apiType })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ e("p", { className: t.modelEndpoint, children: c.endpoint }),
+            /* @__PURE__ */ e("div", { className: t.modelCardFooter, children: /* @__PURE__ */ e(
+              D,
+              {
+                type: "link",
+                size: "small",
+                onClick: (m) => {
+                  m.stopPropagation(), C(c.modelName);
+                },
+                children: "发起对话"
+              }
+            ) })
+          ]
+        },
+        c.modelName
+      );
+    }) }),
+    w.length > 0 && /* @__PURE__ */ s("div", { className: t.modelActionBar, children: [
+      /* @__PURE__ */ s("span", { className: t.modelSelectionCount, children: [
+        "已选择 ",
+        w.length,
+        " 个模型"
+      ] }),
+      /* @__PURE__ */ e(
+        D,
+        {
+          type: "primary",
+          onClick: v,
+          disabled: w.length === 0,
+          children: "批量对比"
+        }
+      )
+    ] })
+  ] });
+}
+const Da = "_container_15pgq_5", Ha = "_page_15pgq_10", Fa = "_kpiGrid_15pgq_16", ja = "_kpiCard_15pgq_22", qa = "_sectionCard_15pgq_29", Ga = "_sectionHead_15pgq_36", Ja = "_sectionHint_15pgq_42", Wa = "_akList_15pgq_47", Qa = "_errorState_15pgq_54", Va = "_errorTitle_15pgq_66", Ya = "_errorDetail_15pgq_72", L = {
+  container: Da,
+  page: Ha,
+  kpiGrid: Fa,
+  kpiCard: ja,
+  sectionCard: qa,
+  sectionHead: Ga,
+  sectionHint: Ja,
+  akList: Wa,
+  errorState: Qa,
+  errorTitle: Va,
+  errorDetail: Ya
+}, Xa = Ye(
+  () => import("@yuku123/z-agent-component").then((a) => ({ default: a.AgentDashboard }))
+);
+function ae(a) {
+  return a >= 1e6 ? `${(a / 1e6).toFixed(2)}M` : a >= 1e3 ? `${(a / 1e3).toFixed(1)}K` : String(a ?? 0);
+}
+function Za({ daily: a }) {
+  const n = Object.entries(a);
+  if (n.length === 0) return /* @__PURE__ */ e("span", { className: t.usageEmpty, children: "暂无数据" });
+  const r = Math.max(...n.map(([, i]) => i[1] + i[2]), 1);
+  return /* @__PURE__ */ e("div", { className: t.usageBarChart, children: n.map(([i, u]) => {
+    const f = u[1] + u[2];
+    return /* @__PURE__ */ s("div", { className: t.usageBarCol, children: [
+      /* @__PURE__ */ e(Y, { title: `${i}: ${u[0]}次 / ${f} tokens`, children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: t.usageBar,
+          style: { height: `${Math.max(f / r * 100, 2)}%` }
+        }
+      ) }),
+      /* @__PURE__ */ e("span", { className: t.usageBarLabel, children: i })
+    ] }, i);
+  }) });
+}
+function xe({ models: a }) {
+  const n = Object.entries(a);
+  if (n.length === 0) return /* @__PURE__ */ e("span", { className: t.usageEmpty, children: "暂无数据" });
+  const r = Math.max(...n.map(([, i]) => i[0]), 1);
+  return /* @__PURE__ */ e("div", { className: t.modelBreakdown, children: n.sort((i, u) => u[1][0] - i[1][0]).map(([i, u]) => /* @__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: `${u[0] / r * 100}%` }
+      }
+    ) }),
+    /* @__PURE__ */ s("span", { className: t.modelBreakdownCount, children: [
+      u[0],
+      "次 / ",
+      ae(u[1] + (u[2] || 0)),
+      "tokens"
+    ] })
+  ] }, i)) });
+}
+const en = [
+  {
+    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(W, { 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(W, { color: a < 400 ? "green" : "red", children: a }) : "-"
+  }
+];
+function tn(a) {
+  var n;
+  return ((n = a == null ? void 0 : a.stats) == null ? void 0 : n.recent) ?? [];
+}
+function an() {
+  var k, m, A, I, G, Q, H;
+  const [a, n] = N(!0), [r, i] = N(null), [u, f] = N([]), [y, _] = N(null), [p, z] = N(null), O = String(Me((l) => {
+    var b;
+    return ((b = l.currentUser) == null ? void 0 : b.id) ?? "";
+  })), w = Array.from(
+    new Set([O, Ie].filter((l) => l !== ""))
+  ), C = j(async () => {
+    n(!0), i(null);
+    try {
+      const l = await Promise.allSettled(
+        w.map((B) => ie(B))
+      ), b = [], U = /* @__PURE__ */ new Set();
+      let o = 0;
+      for (const B of l)
+        if (B.status === "fulfilled")
+          for (const M of B.value) {
+            const q = String(M.id ?? M.akPrefix ?? "");
+            U.has(q) || (U.add(q), b.push(M));
+          }
+        else o += 1;
+      if (o === l.length)
+        throw new Error("网关不可达：无法获取 AK 列表");
+      b.sort((B, M) => (B.id ?? 0) - (M.id ?? 0));
+      let h = null, S = null;
+      try {
+        h = await Pe(0);
+      } catch (B) {
+        S = B instanceof Error ? B.message : "获取用量失败";
+      }
+      _(h);
+      const P = b.map((B) => ({
+        key: B,
+        stats: h,
+        statsError: S
+      }));
+      f(P);
+    } catch (l) {
+      i(l instanceof Error ? l.message : "加载失败");
+    } finally {
+      n(!1);
+    }
+  }, [w.join(",")]);
+  Z(() => {
+    C();
+  }, [C]);
+  const v = ze(() => {
+    const l = y, b = {};
+    for (const [U, o] of Object.entries((l == null ? void 0 : l.models) ?? {}))
+      b[U] = [o[0] ?? 0, o[1] ?? 0, o[2] ?? 0];
+    return {
+      requests: (l == null ? void 0 : l.totalRequests) ?? 0,
+      tokens: (l == null ? void 0 : l.totalTokens) ?? 0,
+      avgLatency: (l == null ? void 0 : l.avgLatencyMs) ?? 0,
+      errors: (l == null ? void 0 : l.errorCount) ?? 0,
+      models: b
+    };
+  }, [y]), g = u.reduce((l, b) => l + (b.key.tokenQuota || 0), 0), c = () => a ? /* @__PURE__ */ e("div", { style: { textAlign: "center", padding: 60 }, children: /* @__PURE__ */ e(X, { tip: "加载监控数据..." }) }) : r ? /* @__PURE__ */ s("div", { className: L.errorState, children: [
+    /* @__PURE__ */ e("div", { className: L.errorTitle, children: "模型监控数据加载失败" }),
+    /* @__PURE__ */ e("div", { className: L.errorDetail, children: r }),
+    /* @__PURE__ */ e(D, { icon: /* @__PURE__ */ e(ve, {}), onClick: C, type: "primary", children: "重试" })
+  ] }) : /* @__PURE__ */ s("div", { className: L.page, children: [
+    /* @__PURE__ */ s("div", { className: L.kpiGrid, children: [
+      /* @__PURE__ */ e("div", { className: L.kpiCard, children: /* @__PURE__ */ e(K, { title: "总请求（近7天）", value: v.requests }) }),
+      /* @__PURE__ */ e("div", { className: L.kpiCard, children: /* @__PURE__ */ e(K, { title: "总 Tokens", value: ae(v.tokens) }) }),
+      /* @__PURE__ */ e("div", { className: L.kpiCard, children: /* @__PURE__ */ e(K, { title: "平均延迟", value: v.avgLatency, suffix: "ms" }) }),
+      /* @__PURE__ */ e("div", { className: L.kpiCard, children: /* @__PURE__ */ e(
+        K,
+        {
+          title: "错误数",
+          value: v.errors,
+          valueStyle: v.errors > 0 ? { color: "#ff4d4f" } : void 0
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ s("div", { className: L.sectionCard, children: [
+      /* @__PURE__ */ s("div", { className: L.sectionHead, children: [
+        /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "AK 用量" }),
+        g > 0 && /* @__PURE__ */ s("span", { className: L.sectionHint, children: [
+          "合计额度 ",
+          ae(g),
+          " tokens"
+        ] })
+      ] }),
+      u.length === 0 ? /* @__PURE__ */ e("div", { className: t.akEmpty, children: "网关下暂无 AK" }) : /* @__PURE__ */ e("div", { className: L.akList, children: u.map((l) => {
+        const b = l.key.totalTokens ?? 0, U = l.key.tokenQuota || 0, o = U > 0 ? Math.min(b / U * 100, 100) : 0;
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: t.akCard,
+            onClick: () => z(l),
+            children: [
+              /* @__PURE__ */ s("div", { className: t.akCardRow, children: [
+                /* @__PURE__ */ e("span", { className: t.akTitle, children: l.key.description || l.key.userName || `AK #${l.key.id}` }),
+                /* @__PURE__ */ e("span", { className: t.akPrefixSmall, children: l.key.akPrefix }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: `${t.akStatus} ${l.key.active ? t.akStatusActive : t.akStatusRevoked}`,
+                    children: l.key.active ? "启用" : "吊销"
+                  }
+                ),
+                /* @__PURE__ */ e("span", { className: t.akMetaText, children: l.key.userId === "system-default" ? "系统对话" : l.key.userId })
+              ] }),
+              /* @__PURE__ */ s("div", { className: t.akCardRow2, children: [
+                /* @__PURE__ */ e("div", { className: t.akMiniBar, children: /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: t.akMiniBarFill,
+                    style: { width: `${o}%` }
+                  }
+                ) }),
+                /* @__PURE__ */ s("span", { className: t.akUsageText, children: [
+                  ae(b),
+                  U > 0 ? ` / ${ae(U)}` : "",
+                  " tokens"
+                ] }),
+                /* @__PURE__ */ e("span", { className: t.akMetaText, children: l.statsError ? l.statsError : l.key.lastUsedAt ? `最近使用 ${l.key.lastUsedAt}` : "尚未使用" })
+              ] })
+            ]
+          },
+          l.key.id
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ s("div", { className: L.sectionCard, children: [
+      /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "模型用量分布（网关全局）" }),
+      /* @__PURE__ */ e(xe, { models: v.models })
+    ] })
+  ] });
+  return /* @__PURE__ */ s("div", { className: L.container, children: [
+    /* @__PURE__ */ s("div", { className: t.modelMgmtHeader, children: [
+      /* @__PURE__ */ e("h2", { className: t.modelMgmtTitle, children: "模型监控" }),
+      /* @__PURE__ */ e("p", { className: t.modelMgmtSubtitle, children: "大模型网关管控视图 — 网关全局聚合调用量、Tokens 与延迟（近 7 天）" })
+    ] }),
+    /* @__PURE__ */ e(
+      we,
+      {
+        defaultActiveKey: "usage",
+        items: [
+          { key: "usage", label: "模型用量", children: c() },
+          {
+            key: "sessions",
+            label: "会话统计",
+            children: /* @__PURE__ */ e(Ve, { fallback: /* @__PURE__ */ e(X, { tip: "加载会话统计..." }), children: /* @__PURE__ */ e(Xa, {}) })
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ae,
+      {
+        title: p ? `AK 用量 — ${p.key.description || p.key.akPrefix}` : "",
+        width: 860,
+        open: !!p,
+        onClose: () => z(null),
+        destroyOnHidden: !0,
+        children: p && /* @__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(K, { title: "总请求", value: ((k = p.stats) == null ? void 0 : k.totalRequests) ?? 0 }),
+            /* @__PURE__ */ e(K, { title: "总 Tokens", value: ((m = p.stats) == null ? void 0 : m.totalTokens) ?? 0 }),
+            /* @__PURE__ */ e(K, { title: "平均延迟", value: ((A = p.stats) == null ? void 0 : A.avgLatencyMs) ?? 0, suffix: "ms" }),
+            /* @__PURE__ */ e(K, { title: "输入 Tokens", value: ((I = p.stats) == null ? void 0 : I.totalPromptTokens) ?? 0 }),
+            /* @__PURE__ */ e(K, { title: "输出 Tokens", value: ((G = p.stats) == null ? void 0 : G.totalCompletionTokens) ?? 0 }),
+            /* @__PURE__ */ e(
+              K,
+              {
+                title: "本 AK 累计 Token",
+                value: p.key.totalTokens ?? 0
+              }
+            ),
+            /* @__PURE__ */ e(
+              K,
+              {
+                title: "错误数",
+                value: ((Q = p.stats) == null ? void 0 : Q.errorCount) ?? 0,
+                valueStyle: (((H = p.stats) == null ? void 0 : H.errorCount) ?? 0) > 0 ? { color: "#ff4d4f" } : void 0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "每日用量（按最近调用明细聚合）" }),
+            p.stats ? /* @__PURE__ */ e(Za, { daily: p.stats.daily ?? {} }) : /* @__PURE__ */ e("span", { className: t.usageEmpty, children: p.statsError ?? "暂无数据" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "模型用量分布（按最近调用明细聚合）" }),
+            p.stats ? /* @__PURE__ */ e(xe, { models: p.stats.models ?? {} }) : /* @__PURE__ */ e("span", { className: t.usageEmpty, children: p.statsError ?? "暂无数据" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: t.usageSection, children: [
+            /* @__PURE__ */ e("span", { className: t.usageSectionTitle, children: "最近调用" }),
+            /* @__PURE__ */ e(
+              Be,
+              {
+                size: "small",
+                columns: en,
+                dataSource: tn(p),
+                rowKey: "id",
+                pagination: {
+                  pageSize: 8,
+                  showSizeChanger: !0,
+                  pageSizeOptions: ["8", "20", "50", "100"],
+                  showTotal: (l) => `共 ${l} 条`
+                }
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+const nn = [
+  { key: "model-management", label: "模型管理", icon: /* @__PURE__ */ e(He, {}) },
+  { key: "model-chat", label: "模型对话", icon: /* @__PURE__ */ e(Fe, {}) },
+  { key: "ak-management", label: "AK 管理", icon: /* @__PURE__ */ e(je, {}) },
+  { key: "agent-app", label: "Agent 应用", icon: /* @__PURE__ */ e(Se, {}) },
+  { key: "mcp-service", label: "MCP 服务", icon: /* @__PURE__ */ e(qe, {}) },
+  { key: "skill-market", label: "技能市场", icon: /* @__PURE__ */ e(Ge, {}) },
+  { key: "model-monitor", label: "模型监控", icon: /* @__PURE__ */ e(Je, {}) }
+];
+function mn() {
+  const [a, n] = N("model-management"), [r, i] = N([]), u = (_) => {
+    i(_), n("model-chat");
+  }, f = ze(() => nn, []), y = (_, p, z = !1) => /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        display: a === _ ? z ? "flex" : "block" : "none",
+        height: "100%",
+        ...z ? { flexDirection: "column" } : {}
+      },
+      children: p
+    }
+  );
+  return /* @__PURE__ */ s("div", { className: t.container, children: [
+    /* @__PURE__ */ e("aside", { className: t.sidebar, children: /* @__PURE__ */ e("nav", { className: t.menuList, children: f.map((_) => /* @__PURE__ */ e(Y, { title: _.label, placement: "right", children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: `${t.menuItem} ${a === _.key ? t.menuItemActive : ""}`,
+        onClick: () => n(_.key),
+        children: /* @__PURE__ */ e("span", { className: t.menuIcon, children: _.icon })
+      }
+    ) }, _.key)) }) }),
+    /* @__PURE__ */ s("main", { className: t.panelArea, children: [
+      y("model-management", /* @__PURE__ */ e(Ra, { onStartChat: u })),
+      y("model-chat", /* @__PURE__ */ e(Ua, { initialModels: r }), !0),
+      y("ak-management", /* @__PURE__ */ e($a, {})),
+      y("agent-app", /* @__PURE__ */ e(Xe, {})),
+      y("mcp-service", /* @__PURE__ */ e(Ze, {})),
+      y("skill-market", /* @__PURE__ */ e(et, {})),
+      y("model-monitor", /* @__PURE__ */ e(an, {}))
+    ] })
+  ] });
+}
+export {
+  mn as default
+};