smart-admin-web 10.15.0 → 10.20.0

package/dist/views/system/ai-model/components/ProviderCard2.vue.js

@@ -1,218 +1,230 @@
-import { defineComponent as H, computed as h, ref as w, resolveDirective as R, openBlock as l, createBlock as m, unref as e, normalizeClass as P, withCtx as d, createElementVNode as s, normalizeStyle as F, createVNode as u, toDisplayString as t, createTextVNode as n, createElementBlock as p, createCommentVNode as g, Fragment as I, withDirectives as C } from "vue";
-import { useMessage as L, NCard as O, NTag as A, NSpace as Y, NPopover as j, NButton as z } from "naive-ui";
-import { useI18n as G } from "vue-i18n";
-import _ from "../../../../components/AppIcon.vue.js";
-import J from "../../../../components/StatusSwitch/index.vue.js";
-import { useConfirm as Q } from "../../../../composables/useConfirm.js";
-import { useAuthStore as W } from "../../../../stores/auth.js";
+import { defineComponent as I, computed as m, ref as M, resolveDirective as L, openBlock as i, createBlock as c, unref as e, normalizeClass as A, withCtx as n, createElementVNode as a, createElementBlock as f, Fragment as K, createTextVNode as d, toDisplayString as t, createVNode as _, createCommentVNode as b, withDirectives as w } from "vue";
+import { useMessage as O, NCard as Y, NTag as P, NAlert as j, NSpace as G, NPopover as J, NButton as C } from "naive-ui";
+import { useI18n as Q } from "vue-i18n";
+import S from "../../../../components/AppIcon.vue.js";
+import W from "../../../../components/StatusSwitch/index.vue.js";
+import { useConfirm as X } from "../../../../composables/useConfirm.js";
+import { useAuthStore as Z } from "../../../../stores/auth.js";
 import { aiProviderApi as T } from "../../../../api/index.js";
-import { translateError as X } from "../../../../utils/error.js";
-import { resolvePresetMeta as Z } from "../presets.js";
-const ee = { class: "card-head" }, te = { class: "head-meta" }, oe = { class: "name-row" }, se = { class: "name" }, ae = { class: "code" }, ie = {
+import { translateError as ee } from "../../../../utils/error.js";
+import { resolvePresetMeta as te } from "../presets.js";
+const se = { class: "card-head" }, ae = {
+  class: "badge",
+  "aria-hidden": "true"
+}, oe = { class: "head-meta" }, ie = { class: "name-row" }, le = ["title"], de = { class: "code mono" }, re = { class: "card-body" }, ne = { class: "row" }, ce = { class: "label faint" }, ue = ["title"], ve = { class: "row" }, me = { class: "label faint" }, pe = { class: "value muted" }, fe = {
   key: 0,
-  class: "pending-tip"
-}, le = { class: "card-body" }, de = { class: "row" }, re = { class: "label" }, ne = ["title"], ce = { class: "row" }, ue = { class: "label" }, ve = { class: "value" }, me = {
-  key: 0,
-  class: "mask"
-}, pe = { class: "row" }, fe = { class: "label" }, he = { class: "value" }, ye = { class: "card-actions" }, ge = { class: "switch-group" }, _e = { class: "switch-text" }, ke = {
+  class: "mono"
+}, he = { class: "row" }, ye = { class: "label faint" }, _e = { class: "value ellipsis muted" }, be = { class: "card-actions" }, ge = { class: "switch-group" }, ke = { class: "switch-text muted" }, Me = {
   key: 0,
   class: "test-result"
-}, be = { class: "test-row" }, Me = { class: "test-row" }, we = {
+}, we = { class: "test-row" }, Ce = { class: "mono" }, Te = { class: "test-row" }, ze = {
   key: 0,
   class: "test-row"
-}, Ce = {
+}, Ne = { class: "num" }, xe = { class: "num" }, Ae = {
   key: 1,
   class: "test-row test-error"
-}, xe = /* @__PURE__ */ H({
+}, He = /* @__PURE__ */ I({
   __name: "ProviderCard",
   props: {
     provider: {}
   },
   emits: ["edit", "deleted"],
-  setup(a, { emit: D }) {
-    const r = a, N = D, { t: o } = G(), E = L(), { confirm: U } = Q(), x = W(), S = h(() => Z(r.provider.preset)), k = h(
+  setup(o, { emit: D }) {
+    const r = o, z = D, { t: s } = Q(), E = O(), { confirm: U } = X(), q = Z(), N = m(() => te(r.provider.preset)), $ = m(() => r.provider.preset === "custom" || N.value.abbr === "Cu"), u = m(
       () => !r.provider.hasApiKey && r.provider.authScheme !== "none"
-    ), q = h(() => k.value ? "pending" : r.provider.enabled ? "enabled" : "disabled"), K = h(() => r.provider.models.find((f) => f.isDefault) ?? null), $ = h(() => x.hasPerm("PUT:/api/v1/sys/ai/provider/{id}"));
-    async function B() {
+    ), B = m(() => u.value ? "pending" : r.provider.enabled ? "enabled" : "disabled"), V = m(
+      () => u.value ? s("aiModel.pendingConfig") : r.provider.enabled ? s("aiModel.enabled") : s("aiModel.disabled")
+    ), x = m(() => r.provider.models.find((h) => h.isDefault) ?? null), H = m(() => q.hasPerm("PUT:/api/v1/sys/ai/provider/{id}"));
+    async function R() {
       await U({
         type: "warning",
-        content: o("aiModel.deleteConfirm", { name: r.provider.name }),
+        content: s("aiModel.deleteConfirm", { name: r.provider.name }),
         action: () => T.remove(r.provider.id),
-        successMsg: o("aiModel.deleted")
-      }) && N("deleted");
+        successMsg: s("aiModel.deleted")
+      }) && z("deleted");
     }
-    const y = w(!1), b = w(!1), i = w(null);
-    async function V() {
+    const y = M(!1), g = M(!1), l = M(null);
+    async function F() {
       y.value = !0;
       try {
-        i.value = await T.test(r.provider.id), b.value = !0;
-      } catch (f) {
-        E.error(X(f));
+        l.value = await T.test(r.provider.id), g.value = !0;
+      } catch (h) {
+        E.error(ee(h));
       } finally {
         y.value = !1;
       }
     }
-    return (f, v) => {
-      const M = R("auth");
-      return l(), m(e(O), {
+    return (h, p) => {
+      const k = L("auth");
+      return i(), c(e(Y), {
         size: "small",
         bordered: !0,
-        class: P(["provider-card", `provider-card--${q.value}`])
+        "content-style": "padding: 12px 14px",
+        class: A(["a-card provider-card", `provider-card--${B.value}`])
       }, {
-        default: d(() => [
-          s("div", ee, [
-            s("span", {
-              class: "badge",
-              style: F({ color: S.value.color })
-            }, [
-              u(_, {
-                icon: S.value.icon,
+        default: n(() => [
+          a("div", se, [
+            a("span", ae, [
+              $.value ? (i(), c(S, {
+                key: 0,
+                icon: "ph:puzzle-piece",
                 size: 22
-              }, null, 8, ["icon"])
-            ], 4),
-            s("div", te, [
-              s("div", oe, [
-                s("span", se, t(a.provider.name), 1),
-                u(e(A), {
+              })) : (i(), f(K, { key: 1 }, [
+                d(t(N.value.abbr), 1)
+              ], 64))
+            ]),
+            a("div", oe, [
+              a("div", ie, [
+                a("span", {
+                  class: "name",
+                  title: o.provider.name
+                }, t(o.provider.name), 9, le),
+                _(e(P), {
                   size: "small",
-                  bordered: !1
+                  bordered: !1,
+                  class: "protocol"
                 }, {
-                  default: d(() => [
-                    n(t(a.provider.protocol), 1)
+                  default: n(() => [
+                    d(t(o.provider.protocol), 1)
                   ]),
                   _: 1
                 })
               ]),
-              s("code", ae, t(a.provider.code), 1)
+              a("code", de, t(o.provider.code), 1)
             ])
           ]),
-          k.value ? (l(), p("div", ie, [
-            u(_, {
-              icon: "ph:warning-circle-duotone",
-              size: 14
-            }),
-            n(" " + t(e(o)("aiModel.pendingConfigTip")), 1)
-          ])) : g("", !0),
-          s("div", le, [
-            s("div", de, [
-              s("span", re, t(e(o)("aiModel.provider.baseUrl")), 1),
-              s("span", {
-                class: "value ellipsis",
-                title: a.provider.baseUrl
-              }, t(a.provider.baseUrl), 9, ne)
+          u.value ? (i(), c(e(j), {
+            key: 0,
+            type: "warning",
+            bordered: !1
+          }, {
+            default: n(() => [
+              d(t(e(s)("aiModel.pendingConfigTip")), 1)
             ]),
-            s("div", ce, [
-              s("span", ue, t(e(o)("aiModel.provider.apiKey")), 1),
-              s("span", ve, [
-                n(t(a.provider.hasApiKey ? e(o)("aiModel.provider.hasApiKeyYes") : e(o)("aiModel.provider.hasApiKeyNo")) + " ", 1),
-                a.provider.hasApiKey && a.provider.apiKeyHint ? (l(), p("span", me, " **** " + t(a.provider.apiKeyHint), 1)) : g("", !0)
+            _: 1
+          })) : b("", !0),
+          a("div", re, [
+            a("div", ne, [
+              a("span", ce, t(e(s)("aiModel.provider.baseUrl")), 1),
+              a("span", {
+                class: "value ellipsis muted",
+                title: o.provider.baseUrl
+              }, t(o.provider.baseUrl), 9, ue)
+            ]),
+            a("div", ve, [
+              a("span", me, t(e(s)("aiModel.provider.apiKey")), 1),
+              a("span", pe, [
+                d(t(o.provider.hasApiKey ? e(s)("aiModel.provider.hasApiKeyYes") : e(s)("aiModel.provider.hasApiKeyNo")) + " ", 1),
+                o.provider.hasApiKey && o.provider.apiKeyHint ? (i(), f("span", fe, " **** " + t(o.provider.apiKeyHint), 1)) : b("", !0)
               ])
             ]),
-            s("div", pe, [
-              s("span", fe, t(e(o)("aiModel.model.title")), 1),
-              s("span", he, t(a.provider.models.length) + " · " + t(K.value ? K.value.displayName : e(o)("aiModel.model.noDefault")), 1)
+            a("div", he, [
+              a("span", ye, t(e(s)("aiModel.model.title")), 1),
+              a("span", _e, t(o.provider.models.length) + " · " + t(x.value ? x.value.displayName : e(s)("aiModel.model.noDefault")), 1)
             ])
           ]),
-          s("div", ye, [
-            s("div", ge, [
-              $.value ? (l(), m(J, {
+          a("div", be, [
+            a("div", ge, [
+              H.value ? (i(), c(W, {
                 key: 0,
-                value: a.provider.enabled,
-                disabled: k.value,
-                confirm: (c) => c ? null : e(o)("aiModel.provider.disableConfirm", { name: a.provider.name }),
-                request: (c) => e(T).setEnabled(a.provider.id, c),
-                "onUpdate:value": v[0] || (v[0] = (c) => a.provider.enabled = c)
-              }, null, 8, ["value", "disabled", "confirm", "request"])) : (l(), m(e(A), {
+                value: o.provider.enabled && !u.value,
+                disabled: u.value,
+                confirm: (v) => v ? null : e(s)("aiModel.provider.disableConfirm", { name: o.provider.name }),
+                request: (v) => e(T).setEnabled(o.provider.id, v),
+                "onUpdate:value": p[0] || (p[0] = (v) => o.provider.enabled = v)
+              }, null, 8, ["value", "disabled", "confirm", "request"])) : (i(), c(e(P), {
                 key: 1,
                 size: "small",
                 bordered: !1,
-                type: a.provider.enabled ? "success" : "default"
+                type: o.provider.enabled && !u.value ? "success" : "default"
               }, {
-                default: d(() => [
-                  n(t(a.provider.enabled ? e(o)("common.enabled") : e(o)("common.disabled")), 1)
+                default: n(() => [
+                  d(t(o.provider.enabled && !u.value ? e(s)("common.enabled") : e(s)("common.disabled")), 1)
                 ]),
                 _: 1
               }, 8, ["type"])),
-              s("span", _e, t(a.provider.enabled ? e(o)("aiModel.enabled") : e(o)("aiModel.disabled")), 1)
+              a("span", ke, t(V.value), 1)
             ]),
-            u(e(Y), {
-              size: 4,
+            _(e(G), {
+              size: 2,
               "wrap-item": !1
             }, {
-              default: d(() => [
-                u(e(j), {
+              default: n(() => [
+                _(e(J), {
                   trigger: "manual",
-                  show: b.value,
+                  show: g.value,
                   placement: "top",
                   width: 260,
-                  onClickoutside: v[1] || (v[1] = (c) => b.value = !1)
+                  onClickoutside: p[1] || (p[1] = (v) => g.value = !1)
                 }, {
-                  trigger: d(() => [
-                    C((l(), m(e(z), {
+                  trigger: n(() => [
+                    w((i(), c(e(C), {
                       size: "small",
                       quaternary: "",
                       loading: y.value,
-                      onClick: V
+                      onClick: F
                     }, {
-                      icon: d(() => [
-                        u(_, {
-                          icon: "ph:lightning",
-                          size: 14
-                        })
-                      ]),
-                      default: d(() => [
-                        n(" " + t(y.value ? e(o)("aiModel.test.testing") : e(o)("aiModel.test.action")), 1)
+                      default: n(() => [
+                        d(t(y.value ? e(s)("aiModel.test.testing") : e(s)("aiModel.test.action")), 1)
                       ]),
                       _: 1
                     }, 8, ["loading"])), [
-                      [M, "POST:/api/v1/sys/ai/provider/{id}/test"]
+                      [k, "POST:/api/v1/sys/ai/provider/{id}/test"]
                     ])
                   ]),
-                  default: d(() => [
-                    i.value ? (l(), p("div", ke, [
-                      s("div", {
-                        class: P(["test-head", i.value.ok ? "ok" : "fail"])
+                  default: n(() => [
+                    l.value ? (i(), f("div", Me, [
+                      a("div", {
+                        class: A(["test-head", l.value.ok ? "ok" : "fail"])
                       }, [
-                        u(_, {
-                          icon: i.value.ok ? "ph:check-circle-duotone" : "ph:x-circle-duotone",
-                          size: 16
+                        _(S, {
+                          icon: l.value.ok ? "ph:check-circle" : "ph:x-circle",
+                          size: 17
                         }, null, 8, ["icon"]),
-                        n(" " + t(i.value.ok ? e(o)("aiModel.test.ok") : e(o)("aiModel.test.failed")), 1)
+                        d(" " + t(l.value.ok ? e(s)("aiModel.test.ok") : e(s)("aiModel.test.failed")), 1)
                       ], 2),
-                      i.value.ok ? (l(), p(I, { key: 0 }, [
-                        s("div", be, t(e(o)("aiModel.test.model")) + ":" + t(i.value.model), 1),
-                        s("div", Me, t(e(o)("aiModel.test.latency", { ms: i.value.latencyMs })), 1),
-                        i.value.usage ? (l(), p("div", we, t(e(o)("aiModel.test.usage")) + ": " + t(e(o)("aiModel.test.inputTokens")) + " " + t(i.value.usage.inputTokens) + " / " + t(e(o)("aiModel.test.outputTokens")) + " " + t(i.value.usage.outputTokens), 1)) : g("", !0)
-                      ], 64)) : (l(), p("div", Ce, t(e(o)("aiModel.test.error")) + ":" + t(i.value.error), 1))
-                    ])) : g("", !0)
+                      l.value.ok ? (i(), f(K, { key: 0 }, [
+                        a("div", we, [
+                          d(t(e(s)("aiModel.test.model")) + ": ", 1),
+                          a("span", Ce, t(l.value.model), 1)
+                        ]),
+                        a("div", Te, t(e(s)("aiModel.test.latency", { ms: l.value.latencyMs })), 1),
+                        l.value.usage ? (i(), f("div", ze, [
+                          d(t(e(s)("aiModel.test.usage")) + ": " + t(e(s)("aiModel.test.inputTokens")) + " ", 1),
+                          a("span", Ne, t(l.value.usage.inputTokens), 1),
+                          d(" / " + t(e(s)("aiModel.test.outputTokens")) + " ", 1),
+                          a("span", xe, t(l.value.usage.outputTokens), 1)
+                        ])) : b("", !0)
+                      ], 64)) : (i(), f("div", Ae, t(e(s)("aiModel.test.error")) + ":" + t(l.value.error), 1))
+                    ])) : b("", !0)
                   ]),
                   _: 1
                 }, 8, ["show"]),
-                C((l(), m(e(z), {
+                w((i(), c(e(C), {
                   size: "small",
                   quaternary: "",
                   type: "primary",
-                  onClick: v[2] || (v[2] = (c) => N("edit"))
+                  onClick: p[2] || (p[2] = (v) => z("edit"))
                 }, {
-                  default: d(() => [
-                    n(t(e(o)("common.edit")), 1)
+                  default: n(() => [
+                    d(t(e(s)("common.edit")), 1)
                   ]),
                   _: 1
                 })), [
-                  [M, "PUT:/api/v1/sys/ai/provider/{id}"]
+                  [k, "PUT:/api/v1/sys/ai/provider/{id}"]
                 ]),
-                C((l(), m(e(z), {
+                w((i(), c(e(C), {
                   size: "small",
                   quaternary: "",
                   type: "error",
-                  onClick: B
+                  onClick: R
                 }, {
-                  default: d(() => [
-                    n(t(e(o)("common.delete")), 1)
+                  default: n(() => [
+                    d(t(e(s)("common.delete")), 1)
                   ]),
                   _: 1
                 })), [
-                  [M, "DELETE:/api/v1/sys/ai/provider/{id}"]
+                  [k, "DELETE:/api/v1/sys/ai/provider/{id}"]
                 ])
               ]),
               _: 1
@@ -225,6 +237,6 @@ const ee = { class: "card-head" }, te = { class: "head-meta" }, oe = { class: "n
   }
 });
 export {
-  xe as default
+  He as default
 };
 //# sourceMappingURL=ProviderCard2.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProviderCard2.vue.js","sources":["../../../../../src/views/system/ai-model/components/ProviderCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 单个厂商卡片:三态视觉(启用/停用/待配置 Key)+ 启停开关 + 编辑入口 + 删除 + 测试连接。\n// 待配置态判据:authScheme != 'none' 却没配 Key —— 没 Key 不可能真正启用成功(后端 SetEnabledAsync\n// 会拒 49004),即便库里 enabled=true 也按「待配置」显示,三态互斥、待配置优先。\nimport { computed, ref } from 'vue'\nimport { NButton, NCard, NPopover, NSpace, NTag, useMessage } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport AppIcon from '#/components/AppIcon.vue'\nimport StatusSwitch from '#/components/StatusSwitch/index.vue'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { useAuthStore } from '#/stores/auth'\nimport { aiProviderApi } from '#/api'\nimport { translateError } from '#/utils/error'\nimport type { AiProviderView, AiTestResult } from '#/types/api'\nimport { resolvePresetMeta } from '../presets'\n\nconst props = defineProps<{ provider: AiProviderView }>()\nconst emit = defineEmits<{ (e: 'edit'): void; (e: 'deleted'): void }>()\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { confirm } = useConfirm()\nconst authStore = useAuthStore()\n\nconst meta = computed(() => resolvePresetMeta(props.provider.preset))\n/** 没配 Key 就不可能真正启用成功,即便库里 enabled=true 也按「待配置」显示,优先于启用/停用视觉。 */\nconst pendingConfig = computed(\n  () => !props.provider.hasApiKey && props.provider.authScheme !== 'none',\n)\nconst cardState = computed(() => {\n  if (pendingConfig.value) return 'pending'\n  return props.provider.enabled ? 'enabled' : 'disabled'\n})\nconst defaultModel = computed(() => props.provider.models.find(m => m.isDefault) ?? null)\n\nconst canUpdate = computed(() => authStore.hasPerm('PUT:/api/v1/sys/ai/provider/{id}'))\n\nasync function onDelete() {\n  const ok = await confirm({\n    type: 'warning',\n    content: t('aiModel.deleteConfirm', { name: props.provider.name }),\n    action: () => aiProviderApi.remove(props.provider.id),\n    successMsg: t('aiModel.deleted'),\n  })\n  if (ok) emit('deleted')\n}\n\n// ── 测试连接:结果在返回体里(ok=false 不代表接口失败),不走 translateError,\n//    只有网络层/其它异常才兜底 message.error。结果用 manual 触发的 popover 展示。 ──\nconst testing = ref(false)\nconst testResultShow = ref(false)\nconst testResult = ref<AiTestResult | null>(null)\nasync function onTest() {\n  testing.value = true\n  try {\n    testResult.value = await aiProviderApi.test(props.provider.id)\n    testResultShow.value = true\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    testing.value = false\n  }\n}\n</script>\n\n<template>\n  <n-card\n    size=\"small\"\n    :bordered=\"true\"\n    class=\"provider-card\"\n    :class=\"`provider-card--${cardState}`\"\n  >\n    <div class=\"card-head\">\n      <span class=\"badge\" :style=\"{ color: meta.color }\">\n        <AppIcon :icon=\"meta.icon\" :size=\"22\" />\n      </span>\n      <div class=\"head-meta\">\n        <div class=\"name-row\">\n          <span class=\"name\">{{ provider.name }}</span>\n          <n-tag size=\"small\" :bordered=\"false\">{{ provider.protocol }}</n-tag>\n        </div>\n        <code class=\"code\">{{ provider.code }}</code>\n      </div>\n    </div>\n\n    <div v-if=\"pendingConfig\" class=\"pending-tip\">\n      <AppIcon icon=\"ph:warning-circle-duotone\" :size=\"14\" />\n      {{ t('aiModel.pendingConfigTip') }}\n    </div>\n\n    <div class=\"card-body\">\n      <div class=\"row\">\n        <span class=\"label\">{{ t('aiModel.provider.baseUrl') }}</span>\n        <span class=\"value ellipsis\" :title=\"provider.baseUrl\">{{ provider.baseUrl }}</span>\n      </div>\n      <div class=\"row\">\n        <span class=\"label\">{{ t('aiModel.provider.apiKey') }}</span>\n        <span class=\"value\">\n          {{\n            provider.hasApiKey\n              ? t('aiModel.provider.hasApiKeyYes')\n              : t('aiModel.provider.hasApiKeyNo')\n          }}\n          <span v-if=\"provider.hasApiKey && provider.apiKeyHint\" class=\"mask\">\n            **** {{ provider.apiKeyHint }}\n          </span>\n        </span>\n      </div>\n      <div class=\"row\">\n        <span class=\"label\">{{ t('aiModel.model.title') }}</span>\n        <span class=\"value\">\n          {{ provider.models.length }} ·\n          {{ defaultModel ? defaultModel.displayName : t('aiModel.model.noDefault') }}\n        </span>\n      </div>\n    </div>\n\n    <div class=\"card-actions\">\n      <div class=\"switch-group\">\n        <StatusSwitch\n          v-if=\"canUpdate\"\n          :value=\"provider.enabled\"\n          :disabled=\"pendingConfig\"\n          :confirm=\"\n            (next: boolean) =>\n              next ? null : t('aiModel.provider.disableConfirm', { name: provider.name })\n          \"\n          :request=\"(next: boolean) => aiProviderApi.setEnabled(provider.id, next)\"\n          @update:value=\"(v: boolean) => (provider.enabled = v)\"\n        />\n        <n-tag\n          v-else\n          size=\"small\"\n          :bordered=\"false\"\n          :type=\"provider.enabled ? 'success' : 'default'\"\n        >\n          {{ provider.enabled ? t('common.enabled') : t('common.disabled') }}\n        </n-tag>\n        <span class=\"switch-text\">\n          {{ provider.enabled ? t('aiModel.enabled') : t('aiModel.disabled') }}\n        </span>\n      </div>\n\n      <n-space :size=\"4\" :wrap-item=\"false\">\n        <n-popover\n          trigger=\"manual\"\n          :show=\"testResultShow\"\n          placement=\"top\"\n          :width=\"260\"\n          @clickoutside=\"testResultShow = false\"\n        >\n          <template #trigger>\n            <n-button\n              v-auth=\"'POST:/api/v1/sys/ai/provider/{id}/test'\"\n              size=\"small\"\n              quaternary\n              :loading=\"testing\"\n              @click=\"onTest\"\n            >\n              <template #icon><AppIcon icon=\"ph:lightning\" :size=\"14\" /></template>\n              {{ testing ? t('aiModel.test.testing') : t('aiModel.test.action') }}\n            </n-button>\n          </template>\n          <div v-if=\"testResult\" class=\"test-result\">\n            <div class=\"test-head\" :class=\"testResult.ok ? 'ok' : 'fail'\">\n              <AppIcon\n                :icon=\"testResult.ok ? 'ph:check-circle-duotone' : 'ph:x-circle-duotone'\"\n                :size=\"16\"\n              />\n              {{ testResult.ok ? t('aiModel.test.ok') : t('aiModel.test.failed') }}\n            </div>\n            <template v-if=\"testResult.ok\">\n              <div class=\"test-row\">{{ t('aiModel.test.model') }}:{{ testResult.model }}</div>\n              <div class=\"test-row\">\n                {{ t('aiModel.test.latency', { ms: testResult.latencyMs }) }}\n              </div>\n              <div v-if=\"testResult.usage\" class=\"test-row\">\n                {{ t('aiModel.test.usage') }}: {{ t('aiModel.test.inputTokens') }}\n                {{ testResult.usage.inputTokens }} / {{ t('aiModel.test.outputTokens') }}\n                {{ testResult.usage.outputTokens }}\n              </div>\n            </template>\n            <div v-else class=\"test-row test-error\">\n              {{ t('aiModel.test.error') }}:{{ testResult.error }}\n            </div>\n          </div>\n        </n-popover>\n\n        <n-button\n          v-auth=\"'PUT:/api/v1/sys/ai/provider/{id}'\"\n          size=\"small\"\n          quaternary\n          type=\"primary\"\n          @click=\"emit('edit')\"\n        >\n          {{ t('common.edit') }}\n        </n-button>\n        <n-button\n          v-auth=\"'DELETE:/api/v1/sys/ai/provider/{id}'\"\n          size=\"small\"\n          quaternary\n          type=\"error\"\n          @click=\"onDelete\"\n        >\n          {{ t('common.delete') }}\n        </n-button>\n      </n-space>\n    </div>\n  </n-card>\n</template>\n\n<style scoped>\n.provider-card {\n  border-radius: var(--radius-lg);\n  transition:\n    border-color 0.15s,\n    background-color 0.15s,\n    opacity 0.15s;\n}\n.provider-card :deep(.n-card-content) {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n/* 状态着色必须压过 naive 的 .n-card.n-card--bordered(同权重,加载顺序不确定),\n   故修饰类与 .provider-card 复合写,靠权重取胜。 */\n.provider-card.provider-card--enabled {\n  border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border));\n  background: color-mix(in srgb, var(--color-primary) 4%, var(--color-bg-container));\n}\n.provider-card.provider-card--disabled {\n  opacity: 0.72;\n}\n.provider-card.provider-card--pending {\n  border-style: dashed;\n  border-color: color-mix(in srgb, var(--color-warning) 55%, var(--color-border));\n}\n.card-head {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 0;\n}\n.badge {\n  flex-shrink: 0;\n  width: 42px;\n  height: 42px;\n  border-radius: var(--radius-md);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, currentColor 14%, transparent);\n}\n.head-meta {\n  min-width: 0;\n  flex: 1;\n}\n.name-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.name {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--color-text-primary);\n  line-height: 1.3;\n}\n.code {\n  display: inline-block;\n  margin-top: 4px;\n  font-size: 12px;\n  color: var(--color-text-tertiary);\n  background: var(--color-fill);\n  padding: 1px 6px;\n  border-radius: 4px;\n}\n.pending-tip {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 10px;\n  border-radius: var(--radius-sm);\n  background: var(--color-warning-bg);\n  color: var(--color-warning);\n  font-size: 12px;\n}\n.card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.row {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  font-size: 12px;\n  min-width: 0;\n}\n.label {\n  flex-shrink: 0;\n  color: var(--color-text-tertiary);\n  width: 66px;\n}\n.value {\n  min-width: 0;\n  color: var(--color-text-secondary);\n}\n.value.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n}\n.mask {\n  margin-left: 4px;\n  color: var(--color-text-tertiary);\n}\n.card-actions {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 1px dashed var(--color-border);\n}\n.switch-group {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.switch-text {\n  font-size: 12px;\n  color: var(--color-text-tertiary);\n}\n.test-result {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 12px;\n}\n.test-head {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 600;\n  margin-bottom: 2px;\n}\n.test-head.ok {\n  color: var(--color-success);\n}\n.test-head.fail {\n  color: var(--color-danger);\n}\n.test-row {\n  color: var(--color-text-secondary);\n}\n.test-error {\n  color: var(--color-danger);\n}\n</style>\n"],"names":["props","__props","emit","__emit","t","useI18n","message","useMessage","confirm","useConfirm","authStore","useAuthStore","meta","computed","resolvePresetMeta","pendingConfig","cardState","defaultModel","m","canUpdate","onDelete","aiProviderApi","testing","ref","testResultShow","testResult","onTest","e","translateError","_createBlock","_unref","NCard","_normalizeClass","_createElementVNode","_hoisted_1","_normalizeStyle","_createVNode","AppIcon","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","NTag","_createTextVNode","_hoisted_5","_openBlock","_createElementBlock","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","StatusSwitch","next","v","_hoisted_20","NSpace","NPopover","NButton","_hoisted_21","_Fragment","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25"],"mappings":"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"}
+{"version":3,"file":"ProviderCard2.vue.js","sources":["../../../../../src/views/system/ai-model/components/ProviderCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 单个厂商卡片:三态视觉(启用/停用/待配置 Key)+ 启停开关 + 编辑入口 + 删除 + 测试连接。\n// 待配置态判据:authScheme != 'none' 却没配 Key —— 没 Key 不可能真正启用成功(后端 SetEnabledAsync\n// 会拒 49004),即便库里 enabled=true 也按「待配置」显示,三态互斥、待配置优先。\nimport { computed, ref } from 'vue'\nimport { NAlert, NButton, NCard, NPopover, NSpace, NTag, useMessage } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport AppIcon from '#/components/AppIcon.vue'\nimport StatusSwitch from '#/components/StatusSwitch/index.vue'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { useAuthStore } from '#/stores/auth'\nimport { aiProviderApi } from '#/api'\nimport { translateError } from '#/utils/error'\nimport type { AiProviderView, AiTestResult } from '#/types/api'\nimport { resolvePresetMeta } from '../presets'\n\nconst props = defineProps<{ provider: AiProviderView }>()\nconst emit = defineEmits<{ (e: 'edit'): void; (e: 'deleted'): void }>()\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { confirm } = useConfirm()\nconst authStore = useAuthStore()\n\nconst meta = computed(() => resolvePresetMeta(props.provider.preset))\n// 徽标:自定义厂商(含未登记的预设,resolvePresetMeta 兜底成 custom)画拼图图标,其余用 2 字缩写;\n// 颜色只取强调色衍生(启用)或中性色,不为每个厂商写品牌色\nconst isCustom = computed(() => props.provider.preset === 'custom' || meta.value.abbr === 'Cu')\n/** 没配 Key 就不可能真正启用成功,即便库里 enabled=true 也按「待配置」显示,优先于启用/停用视觉。 */\nconst pendingConfig = computed(\n  () => !props.provider.hasApiKey && props.provider.authScheme !== 'none',\n)\nconst cardState = computed(() => {\n  if (pendingConfig.value) return 'pending'\n  return props.provider.enabled ? 'enabled' : 'disabled'\n})\n// 展示:待配置卡开关显示为关并写「待配置」(只改展示,provider.enabled 的真实值与保存逻辑不变)\nconst switchText = computed(() =>\n  pendingConfig.value\n    ? t('aiModel.pendingConfig')\n    : props.provider.enabled\n      ? t('aiModel.enabled')\n      : t('aiModel.disabled'),\n)\nconst defaultModel = computed(() => props.provider.models.find(m => m.isDefault) ?? null)\n\nconst canUpdate = computed(() => authStore.hasPerm('PUT:/api/v1/sys/ai/provider/{id}'))\n\nasync function onDelete() {\n  const ok = await confirm({\n    type: 'warning',\n    content: t('aiModel.deleteConfirm', { name: props.provider.name }),\n    action: () => aiProviderApi.remove(props.provider.id),\n    successMsg: t('aiModel.deleted'),\n  })\n  if (ok) emit('deleted')\n}\n\n// ── 测试连接:结果在返回体里(ok=false 不代表接口失败),不走 translateError,\n//    只有网络层/其它异常才兜底 message.error。结果用 manual 触发的 popover 展示。 ──\nconst testing = ref(false)\nconst testResultShow = ref(false)\nconst testResult = ref<AiTestResult | null>(null)\nasync function onTest() {\n  testing.value = true\n  try {\n    testResult.value = await aiProviderApi.test(props.provider.id)\n    testResultShow.value = true\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    testing.value = false\n  }\n}\n</script>\n\n<template>\n  <n-card\n    size=\"small\"\n    :bordered=\"true\"\n    content-style=\"padding: 12px 14px\"\n    class=\"a-card provider-card\"\n    :class=\"`provider-card--${cardState}`\"\n  >\n    <div class=\"card-head\">\n      <span class=\"badge\" aria-hidden=\"true\">\n        <AppIcon v-if=\"isCustom\" icon=\"ph:puzzle-piece\" :size=\"22\" />\n        <template v-else>{{ meta.abbr }}</template>\n      </span>\n      <div class=\"head-meta\">\n        <div class=\"name-row\">\n          <span class=\"name\" :title=\"provider.name\">{{ provider.name }}</span>\n          <n-tag size=\"small\" :bordered=\"false\" class=\"protocol\">{{ provider.protocol }}</n-tag>\n        </div>\n        <code class=\"code mono\">{{ provider.code }}</code>\n      </div>\n    </div>\n\n    <n-alert v-if=\"pendingConfig\" type=\"warning\" :bordered=\"false\">\n      {{ t('aiModel.pendingConfigTip') }}\n    </n-alert>\n\n    <div class=\"card-body\">\n      <div class=\"row\">\n        <span class=\"label faint\">{{ t('aiModel.provider.baseUrl') }}</span>\n        <span class=\"value ellipsis muted\" :title=\"provider.baseUrl\">{{ provider.baseUrl }}</span>\n      </div>\n      <div class=\"row\">\n        <span class=\"label faint\">{{ t('aiModel.provider.apiKey') }}</span>\n        <span class=\"value muted\">\n          {{\n            provider.hasApiKey\n              ? t('aiModel.provider.hasApiKeyYes')\n              : t('aiModel.provider.hasApiKeyNo')\n          }}\n          <span v-if=\"provider.hasApiKey && provider.apiKeyHint\" class=\"mono\">\n            **** {{ provider.apiKeyHint }}\n          </span>\n        </span>\n      </div>\n      <div class=\"row\">\n        <span class=\"label faint\">{{ t('aiModel.model.title') }}</span>\n        <span class=\"value ellipsis muted\">\n          {{ provider.models.length }} ·\n          {{ defaultModel ? defaultModel.displayName : t('aiModel.model.noDefault') }}\n        </span>\n      </div>\n    </div>\n\n    <div class=\"card-actions\">\n      <div class=\"switch-group\">\n        <StatusSwitch\n          v-if=\"canUpdate\"\n          :value=\"provider.enabled && !pendingConfig\"\n          :disabled=\"pendingConfig\"\n          :confirm=\"\n            (next: boolean) =>\n              next ? null : t('aiModel.provider.disableConfirm', { name: provider.name })\n          \"\n          :request=\"(next: boolean) => aiProviderApi.setEnabled(provider.id, next)\"\n          @update:value=\"(v: boolean) => (provider.enabled = v)\"\n        />\n        <n-tag\n          v-else\n          size=\"small\"\n          :bordered=\"false\"\n          :type=\"provider.enabled && !pendingConfig ? 'success' : 'default'\"\n        >\n          {{ provider.enabled && !pendingConfig ? t('common.enabled') : t('common.disabled') }}\n        </n-tag>\n        <span class=\"switch-text muted\">\n          {{ switchText }}\n        </span>\n      </div>\n\n      <n-space :size=\"2\" :wrap-item=\"false\">\n        <n-popover\n          trigger=\"manual\"\n          :show=\"testResultShow\"\n          placement=\"top\"\n          :width=\"260\"\n          @clickoutside=\"testResultShow = false\"\n        >\n          <template #trigger>\n            <n-button\n              v-auth=\"'POST:/api/v1/sys/ai/provider/{id}/test'\"\n              size=\"small\"\n              quaternary\n              :loading=\"testing\"\n              @click=\"onTest\"\n            >\n              {{ testing ? t('aiModel.test.testing') : t('aiModel.test.action') }}\n            </n-button>\n          </template>\n          <div v-if=\"testResult\" class=\"test-result\">\n            <div class=\"test-head\" :class=\"testResult.ok ? 'ok' : 'fail'\">\n              <AppIcon :icon=\"testResult.ok ? 'ph:check-circle' : 'ph:x-circle'\" :size=\"17\" />\n              {{ testResult.ok ? t('aiModel.test.ok') : t('aiModel.test.failed') }}\n            </div>\n            <template v-if=\"testResult.ok\">\n              <div class=\"test-row\">\n                {{ t('aiModel.test.model') }}:\n                <span class=\"mono\">{{ testResult.model }}</span>\n              </div>\n              <div class=\"test-row\">\n                {{ t('aiModel.test.latency', { ms: testResult.latencyMs }) }}\n              </div>\n              <div v-if=\"testResult.usage\" class=\"test-row\">\n                {{ t('aiModel.test.usage') }}: {{ t('aiModel.test.inputTokens') }}\n                <span class=\"num\">{{ testResult.usage.inputTokens }}</span>\n                /\n                {{ t('aiModel.test.outputTokens') }}\n                <span class=\"num\">{{ testResult.usage.outputTokens }}</span>\n              </div>\n            </template>\n            <div v-else class=\"test-row test-error\">\n              {{ t('aiModel.test.error') }}:{{ testResult.error }}\n            </div>\n          </div>\n        </n-popover>\n\n        <n-button\n          v-auth=\"'PUT:/api/v1/sys/ai/provider/{id}'\"\n          size=\"small\"\n          quaternary\n          type=\"primary\"\n          @click=\"emit('edit')\"\n        >\n          {{ t('common.edit') }}\n        </n-button>\n        <n-button\n          v-auth=\"'DELETE:/api/v1/sys/ai/provider/{id}'\"\n          size=\"small\"\n          quaternary\n          type=\"error\"\n          @click=\"onDelete\"\n        >\n          {{ t('common.delete') }}\n        </n-button>\n      </n-space>\n    </div>\n  </n-card>\n</template>\n\n<style scoped>\n.provider-card {\n  display: flex;\n  flex-direction: column;\n  transition:\n    border-color var(--transition-fast),\n    background-color var(--transition-fast),\n    opacity var(--transition-fast);\n}\n.provider-card :deep(.n-card-content) {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: 10px;\n}\n/* 三态:状态着色必须压过 naive 的 .n-card.n-card--bordered(同权重,加载顺序不确定),\n   故修饰类与 .provider-card 复合写,靠权重取胜。启用 = 选中态令牌(淡底 + 1px 描边),\n   待配置 = 虚线警告色边框,停用 = 整卡 0.72 透明度。 */\n.provider-card.provider-card--enabled {\n  border: 1px solid var(--sel-ring);\n  background-image: linear-gradient(var(--sel-bg), var(--sel-bg));\n}\n.provider-card.provider-card--disabled {\n  opacity: 0.72;\n}\n.provider-card.provider-card--pending {\n  border: 1px dashed var(--warn);\n}\n.card-head {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n}\n/* 徽标:缩写色块只取强调色衍生(启用)或中性色 */\n.badge {\n  flex: none;\n  width: 42px;\n  height: 42px;\n  border-radius: var(--radius-lg);\n  display: grid;\n  place-items: center;\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: var(--text-2);\n  background: var(--glass-strong);\n  box-shadow: inset 0 0 0 1px var(--hairline);\n}\n.provider-card--enabled .badge {\n  color: var(--sel-fg);\n  background: var(--sel-bg);\n  box-shadow: inset 0 0 0 1px var(--sel-ring);\n}\n.head-meta {\n  min-width: 0;\n  flex: 1;\n}\n.name-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.name {\n  font-size: 15px;\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--text-1);\n}\n.protocol {\n  flex: none;\n}\n.code {\n  display: inline-block;\n  margin-top: 4px;\n  padding: 0 6px;\n  border-radius: 6px;\n  background: var(--fill);\n  color: var(--text-2);\n}\n.card-body {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  font-size: 14px;\n}\n.row {\n  display: flex;\n  gap: 8px;\n  min-width: 0;\n}\n.label {\n  flex: none;\n  width: 66px;\n}\n.value {\n  min-width: 0;\n}\n.value.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.card-actions {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 4px 8px;\n  margin-top: auto;\n  padding-top: 10px;\n  border-top: 1px dashed var(--hairline-strong);\n}\n.switch-group {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.switch-text {\n  font-size: 13.5px;\n}\n.test-result {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 13.5px;\n}\n.test-head {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 600;\n}\n.test-head.ok {\n  color: var(--ok);\n}\n.test-head.fail {\n  color: var(--err);\n}\n.test-error {\n  color: var(--err);\n}\n</style>\n"],"names":["props","__props","emit","__emit","t","useI18n","message","useMessage","confirm","useConfirm","authStore","useAuthStore","meta","computed","resolvePresetMeta","isCustom","pendingConfig","cardState","switchText","defaultModel","m","canUpdate","onDelete","aiProviderApi","testing","ref","testResultShow","testResult","onTest","e","translateError","_createBlock","_unref","NCard","_normalizeClass","_createElementVNode","_hoisted_1","_hoisted_2","AppIcon","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString","_hoisted_3","_hoisted_4","_hoisted_5","_createVNode","NTag","_hoisted_6","NAlert","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_openBlock","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","StatusSwitch","next","_hoisted_20","NSpace","NPopover","NButton","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28"],"mappings":"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"}

package/dist/views/system/ai-model/components/ProviderForm.vue.js

@@ -1,8 +1,8 @@
 import o from "./ProviderForm2.vue.js";
 /* empty css                  */
 import r from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-adc0e948"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8a40830a"]]);
 export {
-  e as default
+  p as default
 };
 //# sourceMappingURL=ProviderForm.vue.js.map