smart-admin-web 10.10.0 → 10.11.0

package/dist/views/system/ai-model/index2.vue.js

@@ -0,0 +1,134 @@
+import { defineComponent as E, ref as d, onMounted as D, resolveDirective as P, openBlock as l, createElementBlock as g, createElementVNode as h, createVNode as o, unref as e, withCtx as r, withKeys as S, withDirectives as b, createBlock as p, createTextVNode as C, toDisplayString as z, Fragment as B, renderList as M } from "vue";
+import { useMessage as V, NButton as w, NInput as A, NSpin as F, NEmpty as G, NGrid as I, NGi as K } from "naive-ui";
+import { watchDebounced as T } from "@vueuse/core";
+import { useI18n as U } from "vue-i18n";
+import y from "../../../components/AppIcon.vue.js";
+import { aiProviderApi as $ } from "../../../api/index.js";
+import { translateError as q } from "../../../utils/error.js";
+import L from "./components/ProviderCard.vue.js";
+import O from "./components/ProviderForm.vue.js";
+const j = { class: "view" }, H = { class: "toolbar" }, ie = /* @__PURE__ */ E({
+  __name: "index",
+  setup(J) {
+    const { t: v } = U(), _ = V(), s = d(!1), u = d(""), m = d([]);
+    async function i() {
+      s.value = !0;
+      try {
+        const { items: a } = await $.page({
+          page: 1,
+          pageSize: 100,
+          keyword: u.value.trim() || void 0
+        });
+        m.value = a;
+      } catch (a) {
+        _.error(q(a));
+      } finally {
+        s.value = !1;
+      }
+    }
+    D(i), T(u, i, { debounce: 400 });
+    const c = d(!1), f = d(null);
+    function k() {
+      f.value = null, c.value = !0;
+    }
+    function N(a) {
+      f.value = a, c.value = !0;
+    }
+    return (a, n) => {
+      const x = P("auth");
+      return l(), g("div", j, [
+        h("div", H, [
+          o(e(w), {
+            quaternary: "",
+            loading: s.value,
+            onClick: i
+          }, {
+            icon: r(() => [
+              o(y, {
+                icon: "ph:arrow-clockwise",
+                size: 16
+              })
+            ]),
+            _: 1
+          }, 8, ["loading"]),
+          o(e(A), {
+            value: u.value,
+            "onUpdate:value": n[0] || (n[0] = (t) => u.value = t),
+            clearable: "",
+            style: { width: "240px" },
+            placeholder: e(v)("aiModel.searchPlaceholder"),
+            onKeyup: S(i, ["enter"])
+          }, {
+            prefix: r(() => [
+              o(y, {
+                icon: "ph:magnifying-glass",
+                size: 14
+              })
+            ]),
+            _: 1
+          }, 8, ["value", "placeholder"]),
+          n[2] || (n[2] = h("div", { class: "toolbar-spacer" }, null, -1)),
+          b((l(), p(e(w), {
+            type: "primary",
+            onClick: k
+          }, {
+            icon: r(() => [
+              o(y, {
+                icon: "ph:plus",
+                size: 16
+              })
+            ]),
+            default: r(() => [
+              C(" " + z(e(v)("aiModel.addProvider")), 1)
+            ]),
+            _: 1
+          })), [
+            [x, "POST:/api/v1/sys/ai/provider/add"]
+          ])
+        ]),
+        o(e(F), { show: s.value }, {
+          default: r(() => [
+            !s.value && m.value.length === 0 ? (l(), p(e(G), {
+              key: 0,
+              description: e(v)("common.noData"),
+              class: "empty"
+            }, null, 8, ["description"])) : (l(), p(e(I), {
+              key: 1,
+              cols: "1 s:2 l:3",
+              responsive: "screen",
+              "x-gap": 16,
+              "y-gap": 16
+            }, {
+              default: r(() => [
+                (l(!0), g(B, null, M(m.value, (t) => (l(), p(e(K), {
+                  key: t.id
+                }, {
+                  default: r(() => [
+                    o(L, {
+                      provider: t,
+                      onEdit: (Q) => N(t),
+                      onDeleted: i
+                    }, null, 8, ["provider", "onEdit"])
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        o(O, {
+          show: c.value,
+          "onUpdate:show": n[1] || (n[1] = (t) => c.value = t),
+          editing: f.value,
+          onSaved: i
+        }, null, 8, ["show", "editing"])
+      ]);
+    };
+  }
+});
+export {
+  ie as default
+};
+//# sourceMappingURL=index2.vue.js.map

package/dist/views/system/ai-model/index2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.vue.js","sources":["../../../../src/views/system/ai-model/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// AI 模型管理:厂商是卡片网格,不是 SmartTable —— 厂商数量级很小(十几个封顶),卡片能把\n// 徽标/协议/Base URL/模型数/启停/测试连接一次性摆开,比表格行更直观。\n// 列表本身一次拉大页(pageSize 100)铺成网格,不做真分页;关键字过滤(厂商 code/name)交给\n// 后端 keyword 参数,输入防抖 400ms 后自动重拉,回车立即拉一次。\n// 交互都收进 ProviderCard(启停/编辑入口/删除/测试连接)与 ProviderForm(新增/编辑抽屉),\n// 本页只管拉列表、开表单、增删改后 reload。\nimport { onMounted, ref } from 'vue'\nimport { NButton, NEmpty, NGi, NGrid, NInput, NSpin, useMessage } from 'naive-ui'\nimport { watchDebounced } from '@vueuse/core'\nimport { useI18n } from 'vue-i18n'\nimport AppIcon from '#/components/AppIcon.vue'\nimport { aiProviderApi } from '#/api'\nimport { translateError } from '#/utils/error'\nimport type { AiProviderView } from '#/types/api'\nimport ProviderCard from './components/ProviderCard.vue'\nimport ProviderForm from './components/ProviderForm.vue'\n\nconst { t } = useI18n()\nconst message = useMessage()\n\nconst loading = ref(false)\nconst keyword = ref('')\nconst providers = ref<AiProviderView[]>([])\n\nasync function load() {\n  loading.value = true\n  try {\n    const { items } = await aiProviderApi.page({\n      page: 1,\n      pageSize: 100,\n      keyword: keyword.value.trim() || undefined,\n    })\n    providers.value = items\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    loading.value = false\n  }\n}\nonMounted(load)\n// 关键字防抖重拉;回车走 @keyup.enter 立即触发,两者共用同一个 load()。\nwatchDebounced(keyword, load, { debounce: 400 })\n\n// 新增/编辑抽屉:show/editing 走 v-model + prop,与 config 页 ConfigFormModal 同一协议\n// (defineModel('show') + `editing: AiProviderView | null`,null = 新增)。\nconst formShow = ref(false)\nconst editing = ref<AiProviderView | null>(null)\nfunction openAdd() {\n  editing.value = null\n  formShow.value = true\n}\nfunction openEdit(p: AiProviderView) {\n  editing.value = p\n  formShow.value = true\n}\n</script>\n\n<template>\n  <div class=\"view\">\n    <div class=\"toolbar\">\n      <n-button quaternary :loading=\"loading\" @click=\"load\">\n        <template #icon><AppIcon icon=\"ph:arrow-clockwise\" :size=\"16\" /></template>\n      </n-button>\n      <n-input\n        v-model:value=\"keyword\"\n        clearable\n        style=\"width: 240px\"\n        :placeholder=\"t('aiModel.searchPlaceholder')\"\n        @keyup.enter=\"load\"\n      >\n        <template #prefix><AppIcon icon=\"ph:magnifying-glass\" :size=\"14\" /></template>\n      </n-input>\n      <div class=\"toolbar-spacer\" />\n      <n-button v-auth=\"'POST:/api/v1/sys/ai/provider/add'\" type=\"primary\" @click=\"openAdd\">\n        <template #icon><AppIcon icon=\"ph:plus\" :size=\"16\" /></template>\n        {{ t('aiModel.addProvider') }}\n      </n-button>\n    </div>\n\n    <n-spin :show=\"loading\">\n      <n-empty\n        v-if=\"!loading && providers.length === 0\"\n        :description=\"t('common.noData')\"\n        class=\"empty\"\n      />\n      <n-grid v-else :cols=\"'1 s:2 l:3'\" responsive=\"screen\" :x-gap=\"16\" :y-gap=\"16\">\n        <n-gi v-for=\"p in providers\" :key=\"p.id\">\n          <ProviderCard :provider=\"p\" @edit=\"openEdit(p)\" @deleted=\"load\" />\n        </n-gi>\n      </n-grid>\n    </n-spin>\n\n    <ProviderForm v-model:show=\"formShow\" :editing=\"editing\" @saved=\"load\" />\n  </div>\n</template>\n\n<style scoped>\n.view {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-card, 16px);\n}\n.toolbar {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n.toolbar-spacer {\n  flex: 1;\n}\n.empty {\n  padding: 64px 0;\n}\n</style>\n"],"names":["t","useI18n","message","useMessage","loading","ref","keyword","providers","load","items","aiProviderApi","e","translateError","onMounted","watchDebounced","formShow","editing","openAdd","openEdit","p","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_unref","NButton","AppIcon","NInput","$event","_createBlock","_createTextVNode","NSpin","NEmpty","NGrid","_Fragment","_renderList","NGi","ProviderCard","ProviderForm"],"mappings":"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"}

package/dist/views/system/ai-model/presets.d.ts

@@ -0,0 +1,14 @@
+export interface AiProviderPresetMeta {
+    /** 卡片角标用的极短缩写(拉丁字母,2 个字符左右,深色徽标上的文字) */
+    abbr: string;
+    /** Iconify 图标名(ph:*,已随内核种子图标一并登记进 ph-subset.json) */
+    icon: string;
+    /** 强调色(卡片描边 / 图标底色),16 进制 */
+    color: string;
+}
+/** 厂商预设 code → 展示元数据。key 必须与后端 AiProviderPresets.cs 的 code 一致。 */
+export declare const AI_PROVIDER_PRESET_META: Readonly<Record<string, AiProviderPresetMeta>>;
+/** 未登记 code 的兜底视觉(等同 custom)。 */
+export declare const FALLBACK_PRESET_META: AiProviderPresetMeta;
+/** 按 code 取展示元数据;查无此 code(新预设未同步维护)时兜底成 custom,不抛错。 */
+export declare function resolvePresetMeta(code: string | null | undefined): AiProviderPresetMeta;

package/dist/views/system/ai-model/presets.js

@@ -0,0 +1,22 @@
+const e = {
+  openai: { abbr: "AI", icon: "ph:asterisk-duotone", color: "#10A37F" },
+  "azure-openai": { abbr: "Az", icon: "ph:cloud-duotone", color: "#0078D4" },
+  anthropic: { abbr: "An", icon: "ph:mountains-duotone", color: "#CC785C" },
+  deepseek: { abbr: "DS", icon: "ph:compass-duotone", color: "#4D6BFE" },
+  qwen: { abbr: "Qw", icon: "ph:wind-duotone", color: "#615CED" },
+  zhipu: { abbr: "Zh", icon: "ph:diamond-duotone", color: "#3A5CE6" },
+  moonshot: { abbr: "Ms", icon: "ph:moon-stars-duotone", color: "#16171A" },
+  doubao: { abbr: "Db", icon: "ph:planet-duotone", color: "#F2A93B" },
+  gemini: { abbr: "Ge", icon: "ph:globe-duotone", color: "#4285F4" },
+  ollama: { abbr: "Ol", icon: "ph:terminal-window-duotone", color: "#4B5563" },
+  custom: { abbr: "Cu", icon: "ph:puzzle-piece-duotone", color: "#8A8F98" }
+}, n = e.custom;
+function r(o) {
+  return o ? e[o] ?? n : n;
+}
+export {
+  e as AI_PROVIDER_PRESET_META,
+  n as FALLBACK_PRESET_META,
+  r as resolvePresetMeta
+};
+//# sourceMappingURL=presets.js.map

package/dist/views/system/ai-model/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.js","sources":["../../../../src/views/system/ai-model/presets.ts"],"sourcesContent":["// AI 厂商预设的展示元数据:纯静态表,不发请求、不依赖后端。\n// 后端 AiProviderPresets.cs 落定了 11 个预置 code(见 GET /api/v1/sys/ai/provider/presets 的 AiProviderPreset.code);\n// 这里只补一份「按 code 取卡片缩写/图标/强调色」的视觉层,厂商预设下拉与厂商卡片(ProviderCard.vue/ProviderForm.vue)据此渲染,\n// 厂商的展示名/协议/Base URL 等业务字段仍以后端返回的 AiProviderPreset 为准,不在这里重复。\n// 新增预设 code 时后端与这里要同步维护;未登记的 code 统一兜底成 custom 的视觉,不会渲染不出来。\n\nexport interface AiProviderPresetMeta {\n  /** 卡片角标用的极短缩写(拉丁字母,2 个字符左右,深色徽标上的文字) */\n  abbr: string\n  /** Iconify 图标名(ph:*,已随内核种子图标一并登记进 ph-subset.json) */\n  icon: string\n  /** 强调色(卡片描边 / 图标底色),16 进制 */\n  color: string\n}\n\n/** 厂商预设 code → 展示元数据。key 必须与后端 AiProviderPresets.cs 的 code 一致。 */\nexport const AI_PROVIDER_PRESET_META: Readonly<Record<string, AiProviderPresetMeta>> = {\n  openai: { abbr: 'AI', icon: 'ph:asterisk-duotone', color: '#10A37F' },\n  'azure-openai': { abbr: 'Az', icon: 'ph:cloud-duotone', color: '#0078D4' },\n  anthropic: { abbr: 'An', icon: 'ph:mountains-duotone', color: '#CC785C' },\n  deepseek: { abbr: 'DS', icon: 'ph:compass-duotone', color: '#4D6BFE' },\n  qwen: { abbr: 'Qw', icon: 'ph:wind-duotone', color: '#615CED' },\n  zhipu: { abbr: 'Zh', icon: 'ph:diamond-duotone', color: '#3A5CE6' },\n  moonshot: { abbr: 'Ms', icon: 'ph:moon-stars-duotone', color: '#16171A' },\n  doubao: { abbr: 'Db', icon: 'ph:planet-duotone', color: '#F2A93B' },\n  gemini: { abbr: 'Ge', icon: 'ph:globe-duotone', color: '#4285F4' },\n  ollama: { abbr: 'Ol', icon: 'ph:terminal-window-duotone', color: '#4B5563' },\n  custom: { abbr: 'Cu', icon: 'ph:puzzle-piece-duotone', color: '#8A8F98' },\n}\n\n/** 未登记 code 的兜底视觉(等同 custom)。 */\nexport const FALLBACK_PRESET_META: AiProviderPresetMeta = AI_PROVIDER_PRESET_META.custom!\n\n/** 按 code 取展示元数据;查无此 code(新预设未同步维护)时兜底成 custom,不抛错。 */\nexport function resolvePresetMeta(code: string | null | undefined): AiProviderPresetMeta {\n  if (!code) return FALLBACK_PRESET_META\n  return AI_PROVIDER_PRESET_META[code] ?? FALLBACK_PRESET_META\n}\n"],"names":["AI_PROVIDER_PRESET_META","FALLBACK_PRESET_META","resolvePresetMeta","code"],"mappings":"AAgBO,MAAMA,IAA0E;AAAA,EACrF,QAAQ,EAAE,MAAM,MAAM,MAAM,uBAAuB,OAAO,UAAA;AAAA,EAC1D,gBAAgB,EAAE,MAAM,MAAM,MAAM,oBAAoB,OAAO,UAAA;AAAA,EAC/D,WAAW,EAAE,MAAM,MAAM,MAAM,wBAAwB,OAAO,UAAA;AAAA,EAC9D,UAAU,EAAE,MAAM,MAAM,MAAM,sBAAsB,OAAO,UAAA;AAAA,EAC3D,MAAM,EAAE,MAAM,MAAM,MAAM,mBAAmB,OAAO,UAAA;AAAA,EACpD,OAAO,EAAE,MAAM,MAAM,MAAM,sBAAsB,OAAO,UAAA;AAAA,EACxD,UAAU,EAAE,MAAM,MAAM,MAAM,yBAAyB,OAAO,UAAA;AAAA,EAC9D,QAAQ,EAAE,MAAM,MAAM,MAAM,qBAAqB,OAAO,UAAA;AAAA,EACxD,QAAQ,EAAE,MAAM,MAAM,MAAM,oBAAoB,OAAO,UAAA;AAAA,EACvD,QAAQ,EAAE,MAAM,MAAM,MAAM,8BAA8B,OAAO,UAAA;AAAA,EACjE,QAAQ,EAAE,MAAM,MAAM,MAAM,2BAA2B,OAAO,UAAA;AAChE,GAGaC,IAA6CD,EAAwB;AAG3E,SAASE,EAAkBC,GAAuD;AACvF,SAAKA,IACEH,EAAwBG,CAAI,KAAKF,IADtBA;AAEpB;"}

package/dist/views/system/ai-usage/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/views/system/ai-usage/index.vue.js

@@ -0,0 +1,8 @@
+import o from "./index2.vue.js";
+/* empty css           */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d81fc5a2"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=index.vue.js.map

package/dist/views/system/ai-usage/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/views/system/ai-usage/index2.vue.js

@@ -0,0 +1,423 @@
+import { defineComponent as oe, ref as n, onMounted as ne, computed as d, watch as Q, h as p, openBlock as i, createElementBlock as m, createVNode as r, unref as l, withCtx as u, createElementVNode as o, toDisplayString as c, createTextVNode as N, Fragment as M, renderList as Y, createBlock as L, createCommentVNode as ie } from "vue";
+import { useMessage as ue, NProgress as de, NCard as $, NDatePicker as ce, NButton as z, NSelect as j, NInput as ve, NGrid as pe, NGi as me, NSkeleton as H, NNumberAnimation as ye, NTabs as ge, NTabPane as fe, NDataTable as ke, NTag as J } from "naive-ui";
+import { useI18n as he } from "vue-i18n";
+import { SmartTable as be } from "smart-naive-table";
+import Ue from "../../../components/Chart/LineChart.vue.js";
+import { aiProviderApi as _e, aiUsageApi as B } from "../../../api/index.js";
+import { AI_USAGE_GROUP_BY as b, AI_USAGE_SOURCE as Te } from "../../../types/api.js";
+import { translateError as E } from "../../../utils/error.js";
+import { fmtDateTime as we } from "../../../utils/format.js";
+const Se = { class: "view" }, Ce = { class: "filter-bar" }, xe = { class: "filter-item" }, Ne = { class: "filter-label" }, Me = { class: "date-filter-row" }, Le = { class: "quick-range" }, $e = { class: "filter-item" }, De = { class: "filter-label" }, Pe = { class: "filter-item" }, Re = { class: "filter-label" }, Ae = { class: "filter-item" }, Ie = { class: "filter-label" }, qe = { class: "metric-body" }, ze = {
+  key: 1,
+  class: "metric-val tabular"
+}, Be = {
+  key: 0,
+  class: "metric-suffix"
+}, Ee = { class: "metric-label" }, We = /* @__PURE__ */ oe({
+  __name: "index",
+  setup(Ge) {
+    const { t } = he(), D = ue();
+    function G(e) {
+      const a = e.getFullYear(), s = String(e.getMonth() + 1).padStart(2, "0"), v = String(e.getDate()).padStart(2, "0");
+      return `${a}-${s}-${v}`;
+    }
+    function K(e) {
+      const a = /* @__PURE__ */ new Date();
+      return a.setDate(a.getDate() - e), a;
+    }
+    function V(e) {
+      return [G(K(e - 1)), G(K(0))];
+    }
+    const g = n(V(7)), f = n(7);
+    function P(e) {
+      g.value = V(e), f.value = e;
+    }
+    function W(e) {
+      e && (g.value = e, f.value = null);
+    }
+    const U = n(null), _ = n(null), T = n(null), F = n([]);
+    ne(async () => {
+      try {
+        const { items: e } = await _e.page({ page: 1, pageSize: 100 });
+        F.value = e.map((a) => ({ label: a.name, value: a.code }));
+      } catch {
+      }
+    });
+    const k = d(() => {
+      const e = {
+        from: `${g.value[0]}T00:00:00`,
+        to: `${g.value[1]}T23:59:59`
+      };
+      return U.value && (e.providerCode = U.value), _.value && (e.model = _.value), T.value && (e.scene = T.value), e;
+    }), O = [
+      { value: b.Provider, labelKey: "provider" },
+      { value: b.Model, labelKey: "model" },
+      { value: b.Scene, labelKey: "scene" },
+      { value: b.User, labelKey: "user" }
+    ], h = n(b.Provider), R = n(null), w = n(!0);
+    let S = 0;
+    async function X() {
+      const e = ++S;
+      w.value = !0;
+      try {
+        const a = await B.summary({ ...k.value, groupBy: h.value });
+        if (e !== S) return;
+        R.value = a;
+      } catch (a) {
+        if (e !== S) return;
+        D.error(E(a));
+      } finally {
+        e === S && (w.value = !1);
+      }
+    }
+    Q([k, h], X, { immediate: !0 });
+    const y = d(() => {
+      var e;
+      return ((e = R.value) == null ? void 0 : e.totals) ?? null;
+    }), A = d(() => {
+      var e;
+      return ((e = R.value) == null ? void 0 : e.groups) ?? [];
+    }), I = d(() => {
+      const e = A.value.reduce((s, v) => s + v.callCount, 0);
+      return e ? A.value.reduce((s, v) => s + v.avgLatencyMs * v.callCount, 0) / e : null;
+    }), Z = d(() => {
+      var e, a, s;
+      return [
+        { key: "totalTokens", value: ((e = y.value) == null ? void 0 : e.totalTokens) ?? 0, empty: !y.value },
+        { key: "totalCalls", value: ((a = y.value) == null ? void 0 : a.callCount) ?? 0, empty: !y.value },
+        { key: "failureCount", value: ((s = y.value) == null ? void 0 : s.failureCount) ?? 0, empty: !y.value },
+        {
+          key: "avgLatency",
+          value: I.value != null ? Math.round(I.value) : 0,
+          suffix: "ms",
+          empty: I.value == null
+        }
+      ];
+    }), ee = d(() => {
+      const e = O.find((a) => a.value === h.value);
+      return t(`aiUsage.groupBy.${(e == null ? void 0 : e.labelKey) ?? "provider"}`);
+    }), te = d(() => [
+      { title: () => ee.value, key: "label", render: (e) => e.label ?? e.key },
+      {
+        title: () => t("aiUsage.trend.inputTokens"),
+        key: "inputTokens",
+        render: (e) => e.inputTokens.toLocaleString()
+      },
+      {
+        title: () => t("aiUsage.trend.outputTokens"),
+        key: "outputTokens",
+        render: (e) => e.outputTokens.toLocaleString()
+      },
+      {
+        title: () => t("aiUsage.metric.totalCalls"),
+        key: "callCount",
+        render: (e) => e.callCount.toLocaleString()
+      },
+      {
+        title: () => t("aiUsage.table.latency"),
+        key: "avgLatencyMs",
+        render: (e) => `${Math.round(e.avgLatencyMs)} ms`
+      },
+      {
+        title: () => t("aiUsage.share"),
+        key: "sharePercent",
+        render: (e) => p("div", { class: "share-cell" }, [
+          p("div", { class: "share-bar" }, [
+            p(de, {
+              type: "line",
+              percentage: Math.round(e.sharePercent),
+              showIndicator: !1,
+              height: 6
+            })
+          ]),
+          p("span", { class: "share-text" }, `${e.sharePercent.toFixed(1)}%`)
+        ])
+      }
+    ]), C = n([]), q = n(!0);
+    let x = 0;
+    async function ae() {
+      const e = ++x;
+      q.value = !0;
+      try {
+        const a = await B.trend(k.value);
+        if (e !== x) return;
+        C.value = a;
+      } catch (a) {
+        if (e !== x) return;
+        D.error(E(a));
+      } finally {
+        e === x && (q.value = !1);
+      }
+    }
+    Q(k, ae, { immediate: !0 });
+    const le = d(() => C.value.map((e) => e.date)), se = d(() => [
+      { name: t("aiUsage.trend.inputTokens"), data: C.value.map((e) => e.inputTokens) },
+      { name: t("aiUsage.trend.outputTokens"), data: C.value.map((e) => e.outputTokens) }
+    ]), re = [
+      {
+        key: "createTime",
+        title: () => t("aiUsage.table.createTime"),
+        width: 170,
+        render: (e) => we(e.createTime)
+      },
+      { key: "providerCode", title: () => t("aiUsage.table.provider"), width: 120 },
+      { key: "model", title: () => t("aiUsage.table.model"), width: 140, ellipsis: { tooltip: !0 } },
+      { key: "scene", title: () => t("aiUsage.table.scene"), width: 120, render: (e) => e.scene || "—" },
+      {
+        key: "userId",
+        title: () => t("aiUsage.table.user"),
+        width: 90,
+        render: (e) => e.userId != null ? String(e.userId) : "—"
+      },
+      {
+        key: "inputTokens",
+        title: () => t("aiUsage.table.inputTokens"),
+        width: 110,
+        render: (e) => e.inputTokens.toLocaleString()
+      },
+      {
+        key: "outputTokens",
+        title: () => t("aiUsage.table.outputTokens"),
+        width: 110,
+        render: (e) => e.outputTokens.toLocaleString()
+      },
+      {
+        key: "totalTokens",
+        title: () => t("aiUsage.table.totalTokens"),
+        width: 110,
+        render: (e) => e.totalTokens.toLocaleString()
+      },
+      {
+        key: "latencyMs",
+        title: () => t("aiUsage.table.latency"),
+        width: 90,
+        render: (e) => `${e.latencyMs} ms`
+      },
+      {
+        key: "success",
+        title: () => t("aiUsage.table.status"),
+        width: 90,
+        // 失败行用原生 title 兜底展示 errorMessage,不必为一个只读明细表再引入 NTooltip
+        render: (e) => p("span", { title: !e.success && e.errorMessage ? e.errorMessage : void 0 }, [
+          p(
+            J,
+            { size: "small", bordered: !1, type: e.success ? "success" : "error" },
+            () => e.success ? t("aiUsage.table.success") : t("aiUsage.table.failed")
+          )
+        ])
+      },
+      {
+        key: "streamed",
+        title: () => t("aiUsage.table.streamed"),
+        width: 80,
+        render: (e) => p(
+          J,
+          { size: "small", bordered: !1 },
+          () => e.streamed ? t("common.yes") : t("common.no")
+        )
+      },
+      {
+        key: "usageSource",
+        title: () => t("aiUsage.table.usageSource"),
+        width: 110,
+        render: (e) => e.usageSource === Te.Reported ? t("aiUsage.table.usageSourceReported") : t("aiUsage.table.usageSourceMissing")
+      }
+    ];
+    return (e, a) => (i(), m("div", Se, [
+      r(l($), { bordered: !0 }, {
+        default: u(() => [
+          o("div", Ce, [
+            o("div", xe, [
+              o("span", Ne, c(l(t)("aiUsage.filter.dateRange")), 1),
+              o("div", Me, [
+                r(l(ce), {
+                  "formatted-value": g.value,
+                  type: "daterange",
+                  "value-format": "yyyy-MM-dd",
+                  style: { width: "240px" },
+                  "onUpdate:formattedValue": W
+                }, null, 8, ["formatted-value"]),
+                o("div", Le, [
+                  r(l(z), {
+                    size: "small",
+                    quaternary: "",
+                    type: f.value === 1 ? "primary" : "default",
+                    onClick: a[0] || (a[0] = (s) => P(1))
+                  }, {
+                    default: u(() => [
+                      N(c(l(t)("aiUsage.filter.today")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["type"]),
+                  r(l(z), {
+                    size: "small",
+                    quaternary: "",
+                    type: f.value === 7 ? "primary" : "default",
+                    onClick: a[1] || (a[1] = (s) => P(7))
+                  }, {
+                    default: u(() => [
+                      N(c(l(t)("aiUsage.filter.last7Days")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["type"]),
+                  r(l(z), {
+                    size: "small",
+                    quaternary: "",
+                    type: f.value === 30 ? "primary" : "default",
+                    onClick: a[2] || (a[2] = (s) => P(30))
+                  }, {
+                    default: u(() => [
+                      N(c(l(t)("aiUsage.filter.last30Days")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["type"])
+                ])
+              ])
+            ]),
+            o("div", $e, [
+              o("span", De, c(l(t)("aiUsage.filter.provider")), 1),
+              r(l(j), {
+                value: U.value,
+                "onUpdate:value": a[3] || (a[3] = (s) => U.value = s),
+                options: F.value,
+                clearable: "",
+                filterable: "",
+                style: { width: "180px" },
+                placeholder: l(t)("aiUsage.filter.providerAll")
+              }, null, 8, ["value", "options", "placeholder"])
+            ]),
+            o("div", Pe, [
+              o("span", Re, c(l(t)("aiUsage.filter.model")), 1),
+              r(l(j), {
+                value: _.value,
+                "onUpdate:value": a[4] || (a[4] = (s) => _.value = s),
+                options: [],
+                filterable: "",
+                tag: "",
+                clearable: "",
+                style: { width: "180px" },
+                placeholder: l(t)("aiUsage.filter.modelAll")
+              }, null, 8, ["value", "placeholder"])
+            ]),
+            o("div", Ae, [
+              o("span", Ie, c(l(t)("aiUsage.filter.scene")), 1),
+              r(l(ve), {
+                value: T.value,
+                "onUpdate:value": a[5] || (a[5] = (s) => T.value = s),
+                clearable: "",
+                style: { width: "180px" },
+                placeholder: l(t)("aiUsage.filter.scenePlaceholder")
+              }, null, 8, ["value", "placeholder"])
+            ])
+          ])
+        ]),
+        _: 1
+      }),
+      r(l(pe), {
+        cols: "1 s:2 l:4",
+        responsive: "screen",
+        "x-gap": 16,
+        "y-gap": 16
+      }, {
+        default: u(() => [
+          (i(!0), m(M, null, Y(Z.value, (s) => (i(), L(l(me), {
+            key: s.key
+          }, {
+            default: u(() => [
+              r(l($), { bordered: !0 }, {
+                default: u(() => [
+                  o("div", qe, [
+                    w.value ? (i(), L(l(H), {
+                      key: 0,
+                      text: "",
+                      width: "72px",
+                      height: "34px"
+                    })) : (i(), m("div", ze, [
+                      s.empty ? (i(), m(M, { key: 0 }, [
+                        N("—")
+                      ], 64)) : (i(), m(M, { key: 1 }, [
+                        r(l(ye), {
+                          from: 0,
+                          to: s.value,
+                          "show-separator": ""
+                        }, null, 8, ["to"]),
+                        s.suffix ? (i(), m("span", Be, c(" " + s.suffix), 1)) : ie("", !0)
+                      ], 64))
+                    ])),
+                    o("div", Ee, c(l(t)(`aiUsage.metric.${s.key}`)), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ]),
+        _: 1
+      }),
+      r(l($), { bordered: !0 }, {
+        default: u(() => [
+          r(l(ge), {
+            value: h.value,
+            "onUpdate:value": a[6] || (a[6] = (s) => h.value = s),
+            type: "line",
+            animated: ""
+          }, {
+            default: u(() => [
+              (i(), m(M, null, Y(O, (s) => r(l(fe), {
+                key: s.value,
+                name: s.value,
+                tab: l(t)(`aiUsage.groupBy.${s.labelKey}`),
+                "display-directive": "show:lazy"
+              }, {
+                default: u(() => [
+                  r(l(ke), {
+                    columns: te.value,
+                    data: A.value,
+                    loading: w.value,
+                    "row-key": (v) => v.key,
+                    bordered: !1,
+                    size: "small"
+                  }, null, 8, ["columns", "data", "loading", "row-key"])
+                ]),
+                _: 1
+              }, 8, ["name", "tab"])), 64))
+            ]),
+            _: 1
+          }, 8, ["value"])
+        ]),
+        _: 1
+      }),
+      r(l($), {
+        title: l(t)("aiUsage.trend.title"),
+        bordered: !0
+      }, {
+        default: u(() => [
+          q.value ? (i(), L(l(H), {
+            key: 0,
+            height: "320px",
+            sharp: !1
+          })) : (i(), L(Ue, {
+            key: 1,
+            categories: le.value,
+            series: se.value
+          }, null, 8, ["categories", "series"]))
+        ]),
+        _: 1
+      }, 8, ["title"]),
+      r(l(be), {
+        columns: re,
+        fetcher: l(B).page,
+        params: k.value,
+        search: !1,
+        "default-page-size": 20,
+        "storage-key": "sys-ai-usage",
+        onError: a[7] || (a[7] = (s) => l(D).error(l(E)(s)))
+      }, null, 8, ["fetcher", "params"])
+    ]));
+  }
+});
+export {
+  We as default
+};
+//# sourceMappingURL=index2.vue.js.map