import { _ as __nuxt_component_0 } from './LangSelect-Bvw-e1Cn.mjs';
import { defineComponent, ref, computed, reactive, watch, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderStyle, ssrIncludeBooleanAttr, ssrLooseContain, ssrLooseEqual, ssrRenderList, ssrRenderAttr, ssrInterpolate, ssrRenderClass, ssrRenderComponent, ssrRenderDynamicModel } from 'vue/server-renderer';
import { u as useApi } from './useApi-BNSkSrat.mjs';
import { u as useToast } from './useToast-MBvLaNjH.mjs';
import { _ as _export_sfc } from './server.mjs';
import './useLangOptions-CXXbv5NM.mjs';
import '../nitro/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:events';
import 'node:buffer';
import 'node:fs';
import 'node:path';
import 'node:crypto';
import 'node:url';
import '../routes/renderer.mjs';
import 'vue-bundle-renderer/runtime';
import 'unhead/server';
import 'devalue';
import 'unhead/utils';
import 'pinia';
import 'perfect-debounce';

const SCAT_MCP = 10;
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "serviceconfig",
  __ssrInlineRender: true,
  setup(__props) {
    const REGIONS = [
      { value: 1, label: "中国" },
      { value: 2, label: "美国" },
      { value: 3, label: "东亚" },
      { value: 4, label: "东南亚" },
      { value: 5, label: "南亚" },
      { value: 6, label: "中东" },
      { value: 7, label: "欧洲" },
      { value: 8, label: "俄罗斯" },
      { value: 9, label: "非洲" },
      { value: 10, label: "南美" },
      { value: 11, label: "北美" },
      { value: 12, label: "大洋洲" },
      { value: 13, label: "巴西" },
      { value: 14, label: "印度" }
    ];
    const SCAT = [
      { v: 1, label: "STT 语音识别", short: "STT", color: "#0369a1", bg: "#dbeafe" },
      { v: 8, label: "录音文件识别", short: "录音识别", color: "#0e7490", bg: "#cffafe" },
      { v: 2, label: "TTS 语音合成", short: "TTS", color: "#7c3aed", bg: "#ede9fe" },
      { v: 3, label: "MT 机器翻译", short: "MT", color: "#059669", bg: "#dcfce7" },
      { v: 4, label: "AST 端到端翻译", short: "AST", color: "#c2410c", bg: "#fff7ed" },
      { v: 5, label: "LLM 文本大模型", short: "文本LLM", color: "#b45309", bg: "#fef9c3" },
      { v: 9, label: "多媒体大模型", short: "多媒体LLM", color: "#9333ea", bg: "#f3e8ff" },
      { v: 7, label: "STS 端到端对话", short: "STS", color: "#be185d", bg: "#fce7f3" },
      { v: 6, label: "存储 OSS/COS", short: "存储", color: "#475569", bg: "#f1f5f9" },
      { v: 10, label: "MCP 服务", short: "MCP", color: "#0d9488", bg: "#ccfbf1" }
    ];
    const { webApi } = useApi();
    useToast();
    const scopeApp = ref("");
    const scopeApps = ref([]);
    function scatInfo(v) {
      return SCAT.find((s) => s.v === v) || { short: "?", color: "#999", bg: "#eee", v: 0, label: "" };
    }
    function isMcpType() {
      if (editType.value === SCAT_MCP) return true;
      return !!curSvc.value && parseCats(curSvc.value.categories).includes(SCAT_MCP);
    }
    function parseCats(s) {
      return (s || "").split(",").map((x) => parseInt(x) || 0).filter((x) => x > 0);
    }
    function encCount(s) {
      return (s.fields || []).filter((f) => f.encrypted).length;
    }
    function regionChip(s) {
      const rs = svcRegions.value[s.id] || [];
      const names = rs.map((v) => REGIONS.find((x) => x.value === v)?.label || "区域" + v);
      if (curRegion.value === 0) {
        if (!rs.length) return { text: "全区域通用", cls: "plain", title: "未做任何区域分叉，各区域都用默认配置" };
        return { text: rs.length + " 区域分叉", cls: "has", title: "已分叉：" + names.join("、") };
      }
      if (rs.includes(curRegion.value)) {
        return { text: "本区域已分叉", cls: "has", title: curRegionLabel.value + "有独立的字段配置" };
      }
      return { text: "继承默认", cls: "plain", title: curRegionLabel.value + "未分叉，使用默认配置" };
    }
    const VOICE_CATS = [2, 4, 7];
    const voiceRows = ref([]);
    const voicesLoading = ref(false);
    const isVoiceCat = computed(() => VOICE_CATS.includes(editType.value));
    const voiceLangGroups = computed(() => {
      const map = /* @__PURE__ */ new Map();
      for (const v of voiceRows.value) {
        if (!map.has(v.language)) map.set(v.language, []);
        map.get(v.language).push(v);
      }
      return Array.from(map, ([lang, items]) => ({ lang, items }));
    });
    async function loadVoicesForProvider(provider) {
      const p = (provider || "").trim();
      voiceRows.value = [];
      if (!p) return;
      voicesLoading.value = true;
      try {
        const d = await webApi("getttsvoices", { provider: p });
        voiceRows.value = d?.voices ?? [];
      } catch {
        voiceRows.value = [];
      } finally {
        voicesLoading.value = false;
      }
    }
    const backendReady = ref(true);
    const allSvcs = ref([]);
    const svcRegions = ref({});
    const curSvc = ref(null);
    const curRegion = ref(0);
    const svcModalVisible = ref(false);
    const detailMode = ref("default");
    const editForm = reactive({ id: "", name: "", provider: "", description: "", enable: false });
    const editType = ref(0);
    const editFields = ref([]);
    const selectedTemplateId = ref("");
    const wizardStep = ref(1);
    const overrideFields = ref([]);
    const extraRegionFields = ref([]);
    const regionLoading = ref(false);
    const templates = ref([]);
    const curRegionLabel = computed(() => {
      const r = REGIONS.find((x) => x.value === curRegion.value);
      return r ? r.label : "区域" + curRegion.value;
    });
    const groupedSvcs = computed(() => {
      const groups = SCAT.map((sc) => ({
        ...sc,
        items: allSvcs.value.filter((s) => parseCats(s.categories).includes(sc.v))
      })).filter((g) => g.items.length);
      const unclassified = allSvcs.value.filter((s) => !parseCats(s.categories).length);
      if (unclassified.length) {
        groups.push({ v: 0, label: "未分类", short: "未分类", color: "#64748b", bg: "#f1f5f9", items: unclassified });
      }
      return groups;
    });
    const folded = reactive({});
    const allFolded = computed(() => groupedSvcs.value.length > 0 && groupedSvcs.value.every((g) => folded[g.v]));
    const templatesByCat = computed(() => {
      return SCAT.map((sc) => ({
        cat: sc.v,
        label: sc.label,
        items: templates.value.filter((t) => t.category === sc.v)
      })).filter((g) => g.items.length);
    });
    const templatesForType = computed(() => templates.value.filter((t) => t.category === editType.value));
    const syncVisible = ref(false);
    ref(false);
    const syncDesc = ref("");
    const syncScopeNote = ref("");
    const syncTargets = ref([]);
    const syncRegionList = computed(() => REGIONS.filter((r) => r.value !== curRegion.value));
    const tplModalVisible = ref(false);
    const tplView = ref("list");
    const tplEditing = ref(false);
    const tplForm = reactive({ id: "", category: 2, provider: "", name: "", description: "" });
    const tplFields = ref([]);
    watch([() => editForm.provider, isVoiceCat, svcModalVisible], ([provider, isVoice, visible]) => {
      if (!visible || !isVoice) {
        voiceRows.value = [];
        return;
      }
      loadVoicesForProvider(provider);
    }, { immediate: false });
    return (_ctx, _push, _parent, _attrs) => {
      const _component_LangSelect = __nuxt_component_0;
      _push(`<div${ssrRenderAttrs(_attrs)} data-v-e10e0bc9>`);
      if (!backendReady.value) {
        _push(`<div class="mb-4 rounded-lg px-4 py-3 text-sm" style="${ssrRenderStyle({ "background": "#fffbeb", "border": "1px solid #fde68a", "color": "#92400e" })}" data-v-e10e0bc9> ⚠ 「第三方服务配置」后端接口暂不可用（连接失败），请检查 console 服务是否运行。 </div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="flex items-center justify-between mb-5" data-v-e10e0bc9><div data-v-e10e0bc9><h2 class="text-lg font-semibold text-slate-800" data-v-e10e0bc9>第三方服务配置</h2><p class="text-xs text-slate-400 mt-1" data-v-e10e0bc9>按服务类型分组管理已接入的第三方服务（火山引擎、阿里云、Azure 等）。默认展示<b data-v-e10e0bc9>全局默认</b>配置，可切换到具体应用；区域默认<b data-v-e10e0bc9>中国</b>，切换区域后点击卡片可为该区域覆盖字段值。</p></div><div class="flex items-center gap-3" data-v-e10e0bc9><select class="select select-bordered select-sm" data-v-e10e0bc9><option value="" data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(scopeApp.value) ? ssrLooseContain(scopeApp.value, "") : ssrLooseEqual(scopeApp.value, "")) ? " selected" : ""}>全局默认</option><!--[-->`);
      ssrRenderList(scopeApps.value, (a) => {
        _push(`<option${ssrRenderAttr("value", a)} data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(scopeApp.value) ? ssrLooseContain(scopeApp.value, a) : ssrLooseEqual(scopeApp.value, a)) ? " selected" : ""}>应用：${ssrInterpolate(a)}</option>`);
      });
      _push(`<!--]--></select><select class="select select-bordered select-sm" data-v-e10e0bc9><option${ssrRenderAttr("value", 0)} data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(curRegion.value) ? ssrLooseContain(curRegion.value, 0) : ssrLooseEqual(curRegion.value, 0)) ? " selected" : ""}>默认（全区域）</option><!--[-->`);
      ssrRenderList(REGIONS, (r) => {
        _push(`<option${ssrRenderAttr("value", r.value)} data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(curRegion.value) ? ssrLooseContain(curRegion.value, r.value) : ssrLooseEqual(curRegion.value, r.value)) ? " selected" : ""}>${ssrInterpolate(r.label)}</option>`);
      });
      _push(`<!--]--></select><button class="btn btn-ghost btn-sm" data-v-e10e0bc9>${ssrInterpolate(allFolded.value ? "展开全部" : "折叠全部")}</button><button class="btn btn-ghost btn-sm" data-v-e10e0bc9>服务商模板</button><button class="btn btn-primary btn-sm text-white" data-v-e10e0bc9>+ 添加服务</button></div></div>`);
      if (curRegion.value !== 0) {
        _push(`<div class="rounded-lg px-3 py-2 mb-4 text-xs" style="${ssrRenderStyle({ "background": "#fefce8", "border": "1px solid #fde047", "color": "#854d0e" })}" data-v-e10e0bc9> ✦ 当前处于「${ssrInterpolate(curRegionLabel.value)}」区域视图：点击服务卡片编辑该区域的字段分叉（覆盖值 / 停用字段 / 区域专属字段）。要改服务本身的默认配置，请切回「默认（全区域）」。 </div>`);
      } else {
        _push(`<!---->`);
      }
      if (groupedSvcs.value.length) {
        _push(`<div class="flex flex-col gap-6" data-v-e10e0bc9><!--[-->`);
        ssrRenderList(groupedSvcs.value, (g) => {
          _push(`<section data-v-e10e0bc9><div class="group-head" data-v-e10e0bc9><span class="${ssrRenderClass([{ folded: folded[g.v] }, "fold-arrow"])}" data-v-e10e0bc9>▾</span><span class="cat-chip" style="${ssrRenderStyle({ color: g.color, background: g.bg })}" data-v-e10e0bc9>${ssrInterpolate(g.short)}</span><h3 class="text-sm font-semibold text-slate-700" data-v-e10e0bc9>${ssrInterpolate(g.label)}</h3><span class="text-xs text-slate-400" data-v-e10e0bc9>${ssrInterpolate(g.items.length)} 个服务</span><div class="flex-1 h-px bg-slate-100 ml-2" data-v-e10e0bc9></div></div><div class="svc-grid" style="${ssrRenderStyle(!folded[g.v] ? null : { display: "none" })}" data-v-e10e0bc9><!--[-->`);
          ssrRenderList(g.items, (s) => {
            _push(`<div class="${ssrRenderClass([{ off: !s.enable }, "svc-card"])}" data-v-e10e0bc9><div class="card-head" data-v-e10e0bc9><div class="svc-logo" style="${ssrRenderStyle({ background: s.color || "#6366f1" })}" data-v-e10e0bc9>${ssrInterpolate(s.icon || (s.name || "").charAt(0))}</div><div class="head-text" data-v-e10e0bc9><div class="name-line" data-v-e10e0bc9><span class="svc-name"${ssrRenderAttr("title", s.name)} data-v-e10e0bc9>${ssrInterpolate(s.name)}</span><span class="${ssrRenderClass([s.enable ? "on" : "off", "state-chip"])}" data-v-e10e0bc9>${ssrInterpolate(s.enable ? "启用" : "停用")}</span></div><p class="svc-id"${ssrRenderAttr("title", s.id)} data-v-e10e0bc9>${ssrInterpolate(s.id)}</p></div></div><p class="svc-desc"${ssrRenderAttr("title", s.description || "")} data-v-e10e0bc9>${ssrInterpolate(s.description || "—")}</p><div class="meta-row" data-v-e10e0bc9>`);
            if (s.provider) {
              _push(`<span class="provider-chip"${ssrRenderAttr("title", s.provider)} data-v-e10e0bc9>${ssrInterpolate(s.provider)}</span>`);
            } else {
              _push(`<!---->`);
            }
            _push(`<span class="field-count" data-v-e10e0bc9>${ssrInterpolate((s.fields || []).length)} 字段</span>`);
            if (encCount(s)) {
              _push(`<span class="lock-badge" data-v-e10e0bc9>🔒${ssrInterpolate(encCount(s))}</span>`);
            } else {
              _push(`<!---->`);
            }
            _push(`</div><div class="region-row" data-v-e10e0bc9><span class="${ssrRenderClass([regionChip(s).cls, "region-chip"])}"${ssrRenderAttr("title", regionChip(s).title)} data-v-e10e0bc9>${ssrInterpolate(regionChip(s).text)}</span></div></div>`);
          });
          _push(`<!--]--><div class="svc-card add-card" data-v-e10e0bc9><span class="text-2xl text-slate-300" data-v-e10e0bc9>＋</span><span class="text-xs text-slate-400 mt-1" data-v-e10e0bc9>添加${ssrInterpolate(g.short)}服务</span></div></div></section>`);
        });
        _push(`<!--]--></div>`);
      } else {
        _push(`<div class="bg-white rounded-2xl border border-slate-100 shadow-sm text-center text-slate-300 py-20" data-v-e10e0bc9><div class="text-5xl mb-3" data-v-e10e0bc9>⚙️</div><p class="text-sm mb-4" data-v-e10e0bc9>尚未配置任何第三方服务</p><button class="btn btn-primary btn-sm text-white" data-v-e10e0bc9>+ 添加服务</button></div>`);
      }
      if (svcModalVisible.value) {
        _push(`<div class="modal-overlay" data-v-e10e0bc9><div class="svc-box" data-v-e10e0bc9>`);
        if (detailMode.value === "default" && curSvc.value) {
          _push(`<!--[--><div class="flex items-center justify-between mb-5" data-v-e10e0bc9><div class="flex items-center gap-3" data-v-e10e0bc9><div class="svc-logo" style="${ssrRenderStyle({ background: curSvc.value.color || "#6366f1", width: "44px", height: "44px", fontSize: "20px" })}" data-v-e10e0bc9>${ssrInterpolate(curSvc.value.icon || (curSvc.value.name || "").charAt(0))}</div><div data-v-e10e0bc9><h3 class="text-base font-semibold text-slate-800" data-v-e10e0bc9>${ssrInterpolate(curSvc.value.name)}</h3><p class="text-xs text-slate-400 mt-0.5" data-v-e10e0bc9>${ssrInterpolate(curSvc.value.id)}`);
          if (editForm.provider) {
            _push(`<span data-v-e10e0bc9> · 服务商 ${ssrInterpolate(editForm.provider)}</span>`);
          } else {
            _push(`<!---->`);
          }
          _push(`</p></div></div><div class="flex gap-2" data-v-e10e0bc9><button class="btn btn-error btn-sm btn-outline" data-v-e10e0bc9>删除服务</button><button class="btn btn-primary btn-sm text-white" data-v-e10e0bc9>保存</button><button class="btn btn-ghost btn-sm" data-v-e10e0bc9>关闭</button></div></div><div class="divider text-xs text-slate-400 my-3" data-v-e10e0bc9>基本信息</div><div class="grid grid-cols-2 gap-4 mb-4" data-v-e10e0bc9><div class="form-control" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text" data-v-e10e0bc9>服务名称 *</span></label><input${ssrRenderAttr("value", editForm.name)} class="input input-bordered" data-v-e10e0bc9></div><div class="form-control" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text" data-v-e10e0bc9>启用</span></label><input${ssrIncludeBooleanAttr(Array.isArray(editForm.enable) ? ssrLooseContain(editForm.enable, null) : editForm.enable) ? " checked" : ""} type="checkbox" class="toggle toggle-primary mt-3" data-v-e10e0bc9></div></div><div class="form-control mb-4" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text" data-v-e10e0bc9>服务描述</span></label><input${ssrRenderAttr("value", editForm.description)} class="input input-bordered" data-v-e10e0bc9></div><div class="mb-4" data-v-e10e0bc9><p class="text-sm font-medium text-slate-700 mb-2" data-v-e10e0bc9>服务类型</p>`);
          if (editType.value) {
            _push(`<span class="cat-chip" style="${ssrRenderStyle({ color: scatInfo(editType.value).color, background: scatInfo(editType.value).bg })}" data-v-e10e0bc9>${ssrInterpolate(scatInfo(editType.value).short)}</span>`);
          } else {
            _push(`<!---->`);
          }
          _push(`<span class="text-xs text-slate-500 ml-2" data-v-e10e0bc9>${ssrInterpolate(editType.value ? scatInfo(editType.value).label : "未设置")}</span><span class="text-[11px] text-slate-400 ml-2" data-v-e10e0bc9>（类型在创建时确定，不可更改）</span></div>`);
          if (isVoiceCat.value) {
            _push(`<div class="voice-card" data-v-e10e0bc9><div class="flex items-center justify-between" data-v-e10e0bc9><span class="text-sm font-medium text-slate-700" data-v-e10e0bc9>内置音色表</span><span class="flex items-center gap-2" data-v-e10e0bc9><span class="text-[11px] text-slate-400" data-v-e10e0bc9>`);
            if (voicesLoading.value) {
              _push(`<!--[-->加载中…<!--]-->`);
            } else if (voiceRows.value.length) {
              _push(`<!--[-->${ssrInterpolate(editForm.provider)} · ${ssrInterpolate(voiceRows.value.length)} 个音色 / ${ssrInterpolate(voiceLangGroups.value.length)} 种语言<!--]-->`);
            } else {
              _push(`<!--[-->未覆盖 ${ssrInterpolate(editForm.provider || "该服务商")}<!--]-->`);
            }
            _push(`</span>`);
            if (voiceRows.value.length) {
              _push(`<button class="btn btn-ghost btn-xs" data-v-e10e0bc9>填入 languages</button>`);
            } else {
              _push(`<!---->`);
            }
            _push(`</span></div>`);
            if (!voicesLoading.value && !voiceRows.value.length) {
              _push(`<p class="text-[11px] text-slate-400 mt-1" data-v-e10e0bc9> 内置音色表里没有这家服务商，不影响接入——Agent 配音色时手填服务商的音色 id 即可。 </p>`);
            } else if (voiceRows.value.length) {
              _push(`<div class="voice-lang-list" data-v-e10e0bc9><!--[-->`);
              ssrRenderList(voiceLangGroups.value, (g) => {
                _push(`<div class="voice-lang-row" data-v-e10e0bc9><span class="voice-lang" data-v-e10e0bc9>${ssrInterpolate(g.lang)}</span><span class="voice-ids" data-v-e10e0bc9><!--[-->`);
                ssrRenderList(g.items, (v, i) => {
                  _push(`<span class="voice-pill"${ssrRenderAttr("title", v.name)} data-v-e10e0bc9>${ssrInterpolate(v.gender === 1 ? "♂" : v.gender === 2 ? "♀" : "·")} ${ssrInterpolate(v.voice_id)}`);
                  if (i === 0) {
                    _push(`<em data-v-e10e0bc9>默认</em>`);
                  } else {
                    _push(`<!---->`);
                  }
                  _push(`</span>`);
                });
                _push(`<!--]--></span></div>`);
              });
              _push(`<!--]--></div>`);
            } else {
              _push(`<!---->`);
            }
            if (voiceRows.value.length) {
              _push(`<p class="text-[11px] text-slate-400 mt-1" data-v-e10e0bc9> 这 ${ssrInterpolate(voiceLangGroups.value.length)} 种语言就是该服务能说的语言，已作为下方 languages 的预填值——通话翻译、AI 助手排查「这条链路有没有服务支持」看的就是它。 音色本身是代码里的常量表（后端 comm/ttsvoice.go），实际用哪个在 Agent 里按语言+性别选，同组第一个是默认。 </p>`);
            } else {
              _push(`<!---->`);
            }
            _push(`</div>`);
          } else {
            _push(`<!---->`);
          }
          _push(`<div class="divider text-xs text-slate-400 my-3" data-v-e10e0bc9>配置字段（全区域共用）</div>`);
          if (isMcpType()) {
            _push(`<div class="rounded-lg px-3 py-2 mb-3 text-xs" style="${ssrRenderStyle({ "background": "#f0fdfa", "border": "1px solid #99f6e4", "color": "#0f766e" })}" data-v-e10e0bc9> ✦ MCP 服务与其他第三方服务同表存储（svc_config）：这里填的 url/type/tools 为<b data-v-e10e0bc9>全区域默认</b>； 只在某些区域生效的地址，切到对应区域做分叉即可，卡片上会显示已分叉的区域数。 </div>`);
          } else {
            _push(`<!---->`);
          }
          _push(`<div data-v-e10e0bc9>`);
          if (!editFields.value.length) {
            _push(`<p class="text-xs text-slate-400 py-4 text-center" data-v-e10e0bc9>尚无字段，点击下方添加</p>`);
          } else {
            _push(`<div class="overflow-x-auto" data-v-e10e0bc9><table class="table text-xs" data-v-e10e0bc9><thead data-v-e10e0bc9><tr data-v-e10e0bc9><th class="w-44" data-v-e10e0bc9>字段名</th><th data-v-e10e0bc9>字段描述</th><th class="w-16 text-center" data-v-e10e0bc9>加密</th><th data-v-e10e0bc9>默认值</th><th class="w-12" data-v-e10e0bc9></th></tr></thead><tbody data-v-e10e0bc9><!--[-->`);
            ssrRenderList(editFields.value, (f, i) => {
              _push(`<tr data-v-e10e0bc9><td data-v-e10e0bc9><input class="field-input"${ssrRenderAttr("value", f.key)} placeholder="key"${ssrRenderAttr("title", f.key)} data-v-e10e0bc9></td><td data-v-e10e0bc9><input class="field-input"${ssrRenderAttr("value", f.description)} placeholder="用途描述" data-v-e10e0bc9></td><td class="text-center" data-v-e10e0bc9><input type="checkbox" class="checkbox checkbox-xs checkbox-primary"${ssrIncludeBooleanAttr(Array.isArray(f.encrypted) ? ssrLooseContain(f.encrypted, null) : f.encrypted) ? " checked" : ""} data-v-e10e0bc9></td><td data-v-e10e0bc9>`);
              if (f.type === "langs") {
                _push(ssrRenderComponent(_component_LangSelect, {
                  modelValue: f.def_value,
                  "onUpdate:modelValue": ($event) => f.def_value = $event,
                  multiple: true
                }, null, _parent));
              } else if (f.type === "lang") {
                _push(ssrRenderComponent(_component_LangSelect, {
                  modelValue: f.def_value,
                  "onUpdate:modelValue": ($event) => f.def_value = $event
                }, null, _parent));
              } else if (f.encrypted) {
                _push(`<!--[--><div class="relative" data-v-e10e0bc9><input${ssrRenderAttr("type", f._show ? "text" : "password")} class="field-input pr-14"${ssrRenderDynamicModel(f._show ? "text" : "password", f.def_value, null)} placeholder="留空保留原值" data-v-e10e0bc9><button type="button" class="absolute right-2 top-1/2 -translate-y-1/2 text-xs text-slate-400 hover:text-slate-700" data-v-e10e0bc9>${ssrInterpolate(f._show ? "隐藏" : "显示")}</button></div><span class="lock-badge ml-1" data-v-e10e0bc9>🔒 加密</span><!--]-->`);
              } else if (isMcpType() && f.key === "type") {
                _push(`<select class="field-input" data-v-e10e0bc9><option value="0" data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(f.def_value) ? ssrLooseContain(f.def_value, "0") : ssrLooseEqual(f.def_value, "0")) ? " selected" : ""}>HTTP</option><option value="1" data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(f.def_value) ? ssrLooseContain(f.def_value, "1") : ssrLooseEqual(f.def_value, "1")) ? " selected" : ""}>SSE</option></select>`);
              } else {
                _push(`<input class="field-input"${ssrRenderAttr("value", f.def_value)} data-v-e10e0bc9>`);
              }
              _push(`</td><td data-v-e10e0bc9><button class="btn btn-ghost btn-xs text-error" data-v-e10e0bc9>×</button></td></tr>`);
            });
            _push(`<!--]--></tbody></table></div>`);
          }
          _push(`<button class="btn btn-ghost btn-sm mt-2 text-primary" data-v-e10e0bc9>+ 添加字段</button></div><!--]-->`);
        } else if (detailMode.value === "new") {
          _push(`<!--[--><div class="flex items-center justify-between mb-4" data-v-e10e0bc9><h3 class="text-base font-semibold text-slate-800" data-v-e10e0bc9>新增第三方服务</h3><button class="btn btn-ghost btn-sm" data-v-e10e0bc9>取消</button></div><div class="wizard-steps mb-5" data-v-e10e0bc9><div class="${ssrRenderClass([{ on: wizardStep.value >= 1, cur: wizardStep.value === 1 }, "wstep"])}" data-v-e10e0bc9>① 服务类型`);
          if (editType.value) {
            _push(`<span data-v-e10e0bc9> · ${ssrInterpolate(scatInfo(editType.value).short)}</span>`);
          } else {
            _push(`<!---->`);
          }
          _push(`</div><div class="wline" data-v-e10e0bc9></div><div class="${ssrRenderClass([{ on: wizardStep.value >= 2, cur: wizardStep.value === 2, disabled: !editType.value }, "wstep"])}" data-v-e10e0bc9>② 服务商`);
          if (editForm.provider) {
            _push(`<span data-v-e10e0bc9> · ${ssrInterpolate(editForm.provider)}</span>`);
          } else {
            _push(`<!---->`);
          }
          _push(`</div><div class="wline" data-v-e10e0bc9></div><div class="${ssrRenderClass([{ on: wizardStep.value >= 3, cur: wizardStep.value === 3, disabled: wizardStep.value < 3 }, "wstep"])}" data-v-e10e0bc9>③ 配置</div></div>`);
          if (wizardStep.value === 1) {
            _push(`<!--[--><p class="text-sm text-slate-500 mb-3" data-v-e10e0bc9>请选择要接入的服务类型（每个服务归属单一类型，独立配置）：</p><div class="type-grid" data-v-e10e0bc9><!--[-->`);
            ssrRenderList(SCAT, (sc) => {
              _push(`<div class="${ssrRenderClass([{ on: editType.value === sc.v }, "type-card"])}" data-v-e10e0bc9><span class="cat-chip" style="${ssrRenderStyle({ color: sc.color, background: sc.bg })}" data-v-e10e0bc9>${ssrInterpolate(sc.short)}</span><span class="text-sm text-slate-700 mt-2" data-v-e10e0bc9>${ssrInterpolate(sc.label)}</span></div>`);
            });
            _push(`<!--]--></div><!--]-->`);
          } else if (wizardStep.value === 2) {
            _push(`<!--[--><div class="flex items-center justify-between mb-3" data-v-e10e0bc9><p class="text-sm text-slate-500" data-v-e10e0bc9>为「${ssrInterpolate(scatInfo(editType.value).label)}」选择服务商：</p><button class="btn btn-ghost btn-xs" data-v-e10e0bc9>← 上一步</button></div><div class="type-grid" data-v-e10e0bc9><!--[-->`);
            ssrRenderList(templatesForType.value, (t) => {
              _push(`<div class="${ssrRenderClass([{ on: selectedTemplateId.value === t.id }, "type-card"])}" data-v-e10e0bc9><span class="provider-chip" data-v-e10e0bc9>${ssrInterpolate(t.provider)}</span><span class="text-sm text-slate-700 mt-2" data-v-e10e0bc9>${ssrInterpolate(t.name)}</span><span class="text-[11px] text-slate-400 mt-0.5" data-v-e10e0bc9>${ssrInterpolate((t.fields || []).length)} 字段</span></div>`);
            });
            _push(`<!--]--><div class="type-card" data-v-e10e0bc9><span class="provider-chip" style="${ssrRenderStyle({ "background": "#f1f5f9", "color": "#475569" })}" data-v-e10e0bc9>自定义</span><span class="text-sm text-slate-700 mt-2" data-v-e10e0bc9>空白自定义</span><span class="text-[11px] text-slate-400 mt-0.5" data-v-e10e0bc9>手动添加字段</span></div></div>`);
            if (!templatesForType.value.length) {
              _push(`<p class="text-xs text-slate-400 mt-2" data-v-e10e0bc9>该类型暂无内置模板，可选「空白自定义」，或到「服务商模板」新增。</p>`);
            } else {
              _push(`<!---->`);
            }
            _push(`<!--]-->`);
          } else {
            _push(`<!--[--><div class="flex items-center justify-between mb-3" data-v-e10e0bc9><div class="flex items-center gap-2" data-v-e10e0bc9><span class="cat-chip" style="${ssrRenderStyle({ color: scatInfo(editType.value).color, background: scatInfo(editType.value).bg })}" data-v-e10e0bc9>${ssrInterpolate(scatInfo(editType.value).short)}</span>`);
            if (editForm.provider) {
              _push(`<span class="provider-chip" data-v-e10e0bc9>${ssrInterpolate(editForm.provider)}</span>`);
            } else {
              _push(`<!---->`);
            }
            _push(`</div><div class="flex gap-2" data-v-e10e0bc9><button class="btn btn-ghost btn-xs" data-v-e10e0bc9>← 上一步</button><button class="btn btn-primary btn-sm text-white" data-v-e10e0bc9>创建</button></div></div><div class="grid grid-cols-2 gap-4 mb-4" data-v-e10e0bc9><div class="form-control" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text" data-v-e10e0bc9>服务ID * <span class="text-slate-400 text-xs" data-v-e10e0bc9>（唯一，如 tts_azure）</span></span></label><input${ssrRenderAttr("value", editForm.id)} class="input input-bordered font-mono" placeholder="tts_azure" data-v-e10e0bc9></div><div class="form-control" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text" data-v-e10e0bc9>服务名称 *</span></label><input${ssrRenderAttr("value", editForm.name)} class="input input-bordered" placeholder="微软 Azure TTS" data-v-e10e0bc9></div></div><div class="grid grid-cols-2 gap-4 mb-4" data-v-e10e0bc9><div class="form-control" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text" data-v-e10e0bc9>服务商标识 <span class="text-slate-400 text-xs" data-v-e10e0bc9>（如 azure/alibaba）</span></span></label><input${ssrRenderAttr("value", editForm.provider)} class="input input-bordered font-mono" placeholder="azure" data-v-e10e0bc9></div><div class="form-control" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text" data-v-e10e0bc9>启用</span></label><input${ssrIncludeBooleanAttr(Array.isArray(editForm.enable) ? ssrLooseContain(editForm.enable, null) : editForm.enable) ? " checked" : ""} type="checkbox" class="toggle toggle-primary mt-3" data-v-e10e0bc9></div></div><div class="form-control mb-4" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text" data-v-e10e0bc9>服务描述</span></label><input${ssrRenderAttr("value", editForm.description)} class="input input-bordered" placeholder="简述该服务的用途" data-v-e10e0bc9></div>`);
            if (isVoiceCat.value) {
              _push(`<div class="voice-card" data-v-e10e0bc9><div class="flex items-center justify-between" data-v-e10e0bc9><span class="text-sm font-medium text-slate-700" data-v-e10e0bc9>内置音色表</span><span class="text-[11px] text-slate-400" data-v-e10e0bc9>`);
              if (voicesLoading.value) {
                _push(`<!--[-->加载中…<!--]-->`);
              } else if (voiceRows.value.length) {
                _push(`<!--[-->${ssrInterpolate(editForm.provider)} · ${ssrInterpolate(voiceRows.value.length)} 个音色 / ${ssrInterpolate(voiceLangGroups.value.length)} 种语言<!--]-->`);
              } else {
                _push(`<!--[-->未覆盖 ${ssrInterpolate(editForm.provider || "该服务商")}<!--]-->`);
              }
              _push(`</span></div>`);
              if (!voicesLoading.value && !voiceRows.value.length) {
                _push(`<p class="text-[11px] text-slate-400 mt-1" data-v-e10e0bc9> 内置音色表里没有这家服务商，不影响接入——Agent 配音色时手填服务商的音色 id 即可。 </p>`);
              } else if (voiceRows.value.length) {
                _push(`<div class="voice-lang-list" data-v-e10e0bc9><!--[-->`);
                ssrRenderList(voiceLangGroups.value, (g) => {
                  _push(`<div class="voice-lang-row" data-v-e10e0bc9><span class="voice-lang" data-v-e10e0bc9>${ssrInterpolate(g.lang)}</span><span class="voice-ids" data-v-e10e0bc9><!--[-->`);
                  ssrRenderList(g.items, (v, i) => {
                    _push(`<span class="voice-pill"${ssrRenderAttr("title", v.name)} data-v-e10e0bc9>${ssrInterpolate(v.gender === 1 ? "♂" : v.gender === 2 ? "♀" : "·")} ${ssrInterpolate(v.voice_id)}`);
                    if (i === 0) {
                      _push(`<em data-v-e10e0bc9>默认</em>`);
                    } else {
                      _push(`<!---->`);
                    }
                    _push(`</span>`);
                  });
                  _push(`<!--]--></span></div>`);
                });
                _push(`<!--]--></div>`);
              } else {
                _push(`<!---->`);
              }
              if (voiceRows.value.length) {
                _push(`<p class="text-[11px] text-slate-400 mt-1" data-v-e10e0bc9> 这 ${ssrInterpolate(voiceLangGroups.value.length)} 种语言就是该服务能说的语言，已作为下方 languages 的预填值——通话翻译、AI 助手排查「这条链路有没有服务支持」看的就是它。 音色本身是代码里的常量表（后端 comm/ttsvoice.go），实际用哪个在 Agent 里按语言+性别选，同组第一个是默认。 </p>`);
              } else {
                _push(`<!---->`);
              }
              _push(`</div>`);
            } else {
              _push(`<!---->`);
            }
            _push(`<div class="divider text-xs text-slate-400 my-3" data-v-e10e0bc9>配置字段</div><div data-v-e10e0bc9>`);
            if (!editFields.value.length) {
              _push(`<p class="text-xs text-slate-400 py-4 text-center" data-v-e10e0bc9>尚无字段，选模板自动带出或点击下方添加</p>`);
            } else {
              _push(`<div class="overflow-x-auto" data-v-e10e0bc9><table class="table text-xs" data-v-e10e0bc9><thead data-v-e10e0bc9><tr data-v-e10e0bc9><th class="w-44" data-v-e10e0bc9>字段名</th><th data-v-e10e0bc9>字段描述</th><th class="w-16 text-center" data-v-e10e0bc9>加密</th><th data-v-e10e0bc9>默认值</th><th class="w-12" data-v-e10e0bc9></th></tr></thead><tbody data-v-e10e0bc9><!--[-->`);
              ssrRenderList(editFields.value, (f, i) => {
                _push(`<tr data-v-e10e0bc9><td data-v-e10e0bc9><input class="field-input"${ssrRenderAttr("value", f.key)} placeholder="key"${ssrRenderAttr("title", f.key)} data-v-e10e0bc9></td><td data-v-e10e0bc9><input class="field-input"${ssrRenderAttr("value", f.description)} placeholder="用途描述" data-v-e10e0bc9></td><td class="text-center" data-v-e10e0bc9><input type="checkbox" class="checkbox checkbox-xs checkbox-primary"${ssrIncludeBooleanAttr(Array.isArray(f.encrypted) ? ssrLooseContain(f.encrypted, null) : f.encrypted) ? " checked" : ""} data-v-e10e0bc9></td><td data-v-e10e0bc9>`);
                if (f.type === "langs") {
                  _push(ssrRenderComponent(_component_LangSelect, {
                    modelValue: f.def_value,
                    "onUpdate:modelValue": ($event) => f.def_value = $event,
                    multiple: true
                  }, null, _parent));
                } else if (f.type === "lang") {
                  _push(ssrRenderComponent(_component_LangSelect, {
                    modelValue: f.def_value,
                    "onUpdate:modelValue": ($event) => f.def_value = $event
                  }, null, _parent));
                } else if (f.encrypted) {
                  _push(`<!--[--><div class="relative" data-v-e10e0bc9><input${ssrRenderAttr("type", f._show ? "text" : "password")} class="field-input pr-14"${ssrRenderDynamicModel(f._show ? "text" : "password", f.def_value, null)} placeholder="留空保留原值" data-v-e10e0bc9><button type="button" class="absolute right-2 top-1/2 -translate-y-1/2 text-xs text-slate-400 hover:text-slate-700" data-v-e10e0bc9>${ssrInterpolate(f._show ? "隐藏" : "显示")}</button></div><span class="lock-badge ml-1" data-v-e10e0bc9>🔒 加密</span><!--]-->`);
                } else if (isMcpType() && f.key === "type") {
                  _push(`<select class="field-input" data-v-e10e0bc9><option value="0" data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(f.def_value) ? ssrLooseContain(f.def_value, "0") : ssrLooseEqual(f.def_value, "0")) ? " selected" : ""}>HTTP</option><option value="1" data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(f.def_value) ? ssrLooseContain(f.def_value, "1") : ssrLooseEqual(f.def_value, "1")) ? " selected" : ""}>SSE</option></select>`);
                } else {
                  _push(`<input class="field-input"${ssrRenderAttr("value", f.def_value)} data-v-e10e0bc9>`);
                }
                _push(`</td><td data-v-e10e0bc9><button class="btn btn-ghost btn-xs text-error" data-v-e10e0bc9>×</button></td></tr>`);
              });
              _push(`<!--]--></tbody></table></div>`);
            }
            _push(`<button class="btn btn-ghost btn-sm mt-2 text-primary" data-v-e10e0bc9>+ 添加字段</button></div><!--]-->`);
          }
          _push(`<!--]-->`);
        } else if (detailMode.value === "region" && curSvc.value) {
          _push(`<!--[-->`);
          if (regionLoading.value) {
            _push(`<div class="text-center py-10 text-slate-400" data-v-e10e0bc9>加载中...</div>`);
          } else {
            _push(`<!--[--><div class="flex items-center justify-between mb-5" data-v-e10e0bc9><div class="flex items-center gap-3" data-v-e10e0bc9><div class="svc-logo" style="${ssrRenderStyle({ background: curSvc.value.color || "#6366f1", width: "44px", height: "44px", fontSize: "20px" })}" data-v-e10e0bc9>${ssrInterpolate(curSvc.value.icon || (curSvc.value.name || "").charAt(0))}</div><div data-v-e10e0bc9><h3 class="text-base font-semibold text-slate-800" data-v-e10e0bc9>${ssrInterpolate(curSvc.value.name)}</h3><span class="badge badge-warning badge-sm mt-0.5" data-v-e10e0bc9>${ssrInterpolate(curRegionLabel.value)} 分叉模式</span></div></div><div class="flex gap-2" data-v-e10e0bc9><button class="btn btn-primary btn-sm text-white" data-v-e10e0bc9>保存分叉</button><button class="btn btn-ghost btn-sm" data-v-e10e0bc9>关闭</button></div></div><div class="rounded-lg px-3 py-2 mb-4 text-xs" style="${ssrRenderStyle({ "background": "#fefce8", "border": "1px solid #fde047", "color": "#854d0e" })}" data-v-e10e0bc9> ✦ 当前编辑「${ssrInterpolate(curRegionLabel.value)}」的字段分叉：默认字段可覆盖值或勾选「不适用」停用；也可新增本区域专属字段。留空的覆盖字段继承默认值，加密字段留空保留已存储密文。 </div><p class="text-sm font-medium text-slate-700 mb-2" data-v-e10e0bc9>默认字段</p><div class="overflow-x-auto" data-v-e10e0bc9><table class="table text-xs" data-v-e10e0bc9><thead data-v-e10e0bc9><tr data-v-e10e0bc9><th class="w-44" data-v-e10e0bc9>字段名</th><th data-v-e10e0bc9>字段描述</th><th class="w-24 text-center" data-v-e10e0bc9>状态</th><th class="w-20 text-center" data-v-e10e0bc9>本区域不适用</th><th data-v-e10e0bc9>有效值</th></tr></thead><tbody data-v-e10e0bc9><!--[-->`);
            ssrRenderList(overrideFields.value, (f, i) => {
              _push(`<tr class="${ssrRenderClass({ "opacity-50": f.disabled })}" data-v-e10e0bc9><td class="font-mono text-slate-700 break-all"${ssrRenderAttr("title", f.key)} data-v-e10e0bc9>${ssrInterpolate(f.key)}</td><td class="text-slate-500" data-v-e10e0bc9>${ssrInterpolate(f.description)}</td><td class="text-center" data-v-e10e0bc9>`);
              if (f.disabled) {
                _push(`<span class="disabled-badge" data-v-e10e0bc9>停用</span>`);
              } else if (f.is_overridden) {
                _push(`<span class="override-badge" data-v-e10e0bc9>覆盖</span>`);
              } else {
                _push(`<span class="inherit-badge" data-v-e10e0bc9>继承</span>`);
              }
              _push(`</td><td class="text-center" data-v-e10e0bc9><input type="checkbox" class="checkbox checkbox-xs"${ssrIncludeBooleanAttr(Array.isArray(f.disabled) ? ssrLooseContain(f.disabled, null) : f.disabled) ? " checked" : ""} data-v-e10e0bc9></td><td data-v-e10e0bc9>`);
              if (f.type === "langs") {
                _push(ssrRenderComponent(_component_LangSelect, {
                  modelValue: f._input,
                  "onUpdate:modelValue": ($event) => f._input = $event,
                  multiple: true,
                  disabled: f.disabled
                }, null, _parent));
              } else if (f.type === "lang") {
                _push(ssrRenderComponent(_component_LangSelect, {
                  modelValue: f._input,
                  "onUpdate:modelValue": ($event) => f._input = $event,
                  disabled: f.disabled
                }, null, _parent));
              } else if (f.encrypted) {
                _push(`<!--[--><div class="relative" data-v-e10e0bc9><input${ssrRenderAttr("type", f._show ? "text" : "password")} class="field-input pr-14"${ssrRenderDynamicModel(f._show ? "text" : "password", f._input, null)}${ssrIncludeBooleanAttr(f.disabled) ? " disabled" : ""} placeholder="留空继承默认" data-v-e10e0bc9><button type="button" class="absolute right-2 top-1/2 -translate-y-1/2 text-xs text-slate-400 hover:text-slate-700" data-v-e10e0bc9>${ssrInterpolate(f._show ? "隐藏" : "显示")}</button></div><span class="lock-badge ml-1" data-v-e10e0bc9>🔒</span><!--]-->`);
              } else if (isMcpType() && f.key === "type") {
                _push(`<select class="field-input"${ssrIncludeBooleanAttr(f.disabled) ? " disabled" : ""} data-v-e10e0bc9><option value="" data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(f._input) ? ssrLooseContain(f._input, "") : ssrLooseEqual(f._input, "")) ? " selected" : ""}>继承默认</option><option value="0" data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(f._input) ? ssrLooseContain(f._input, "0") : ssrLooseEqual(f._input, "0")) ? " selected" : ""}>HTTP</option><option value="1" data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(f._input) ? ssrLooseContain(f._input, "1") : ssrLooseEqual(f._input, "1")) ? " selected" : ""}>SSE</option></select>`);
              } else {
                _push(`<input class="field-input"${ssrRenderAttr("value", f._input)}${ssrIncludeBooleanAttr(f.disabled) ? " disabled" : ""}${ssrRenderAttr("placeholder", "留空继承：" + (f.value || ""))} data-v-e10e0bc9>`);
              }
              _push(`</td></tr>`);
            });
            _push(`<!--]-->`);
            if (!overrideFields.value.length) {
              _push(`<tr data-v-e10e0bc9><td colspan="5" class="text-center text-slate-400 py-3" data-v-e10e0bc9>该服务尚无默认字段</td></tr>`);
            } else {
              _push(`<!---->`);
            }
            _push(`</tbody></table></div><div class="divider text-xs text-slate-400 my-3" data-v-e10e0bc9>${ssrInterpolate(curRegionLabel.value)} 专属字段</div><div data-v-e10e0bc9>`);
            if (!extraRegionFields.value.length) {
              _push(`<p class="text-xs text-slate-400 py-2 text-center" data-v-e10e0bc9>尚无区域专属字段，点击下方添加</p>`);
            } else {
              _push(`<div class="overflow-x-auto" data-v-e10e0bc9><table class="table text-xs" data-v-e10e0bc9><thead data-v-e10e0bc9><tr data-v-e10e0bc9><th class="w-44" data-v-e10e0bc9>字段名</th><th data-v-e10e0bc9>字段描述</th><th class="w-16 text-center" data-v-e10e0bc9>加密</th><th data-v-e10e0bc9>值</th><th class="w-12" data-v-e10e0bc9></th></tr></thead><tbody data-v-e10e0bc9><!--[-->`);
              ssrRenderList(extraRegionFields.value, (f, i) => {
                _push(`<tr data-v-e10e0bc9><td data-v-e10e0bc9><input class="field-input"${ssrRenderAttr("value", f.key)} placeholder="key"${ssrRenderAttr("title", f.key)} data-v-e10e0bc9></td><td data-v-e10e0bc9><input class="field-input"${ssrRenderAttr("value", f.description)} placeholder="用途描述" data-v-e10e0bc9></td><td class="text-center" data-v-e10e0bc9><input type="checkbox" class="checkbox checkbox-xs checkbox-primary"${ssrIncludeBooleanAttr(Array.isArray(f.encrypted) ? ssrLooseContain(f.encrypted, null) : f.encrypted) ? " checked" : ""} data-v-e10e0bc9></td><td data-v-e10e0bc9>`);
                if (f.encrypted) {
                  _push(`<!--[--><div class="relative" data-v-e10e0bc9><input${ssrRenderAttr("type", f._show ? "text" : "password")} class="field-input pr-14"${ssrRenderDynamicModel(f._show ? "text" : "password", f._input, null)} placeholder="留空保留原值" data-v-e10e0bc9><button type="button" class="absolute right-2 top-1/2 -translate-y-1/2 text-xs text-slate-400 hover:text-slate-700" data-v-e10e0bc9>${ssrInterpolate(f._show ? "隐藏" : "显示")}</button></div><span class="lock-badge ml-1" data-v-e10e0bc9>🔒</span><!--]-->`);
                } else {
                  _push(`<input class="field-input"${ssrRenderAttr("value", f._input)} data-v-e10e0bc9>`);
                }
                _push(`</td><td data-v-e10e0bc9><button class="btn btn-ghost btn-xs text-error" data-v-e10e0bc9>×</button></td></tr>`);
              });
              _push(`<!--]--></tbody></table></div>`);
            }
            _push(`<button class="btn btn-ghost btn-sm mt-2 text-primary" data-v-e10e0bc9>+ 添加区域专属字段</button></div><!--]-->`);
          }
          _push(`<!--]-->`);
        } else {
          _push(`<!---->`);
        }
        _push(`</div></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="modal-overlay" style="${ssrRenderStyle([
        { "z-index": "120" },
        syncVisible.value ? null : { display: "none" }
      ])}" data-v-e10e0bc9><div class="sync-box" data-v-e10e0bc9><div class="flex items-start gap-3 mb-4" data-v-e10e0bc9><div style="${ssrRenderStyle({ "width": "42px", "height": "42px", "background": "linear-gradient(135deg,#4f46e5,#7c3aed)", "border-radius": "13px", "display": "flex", "align-items": "center", "justify-content": "center", "flex-shrink": "0" })}" data-v-e10e0bc9><svg style="${ssrRenderStyle({ "width": "20px", "height": "20px", "color": "#fff" })}" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-v-e10e0bc9><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" data-v-e10e0bc9></path></svg></div><div data-v-e10e0bc9><h3 class="text-base font-semibold text-slate-800" data-v-e10e0bc9>同步到其他区域</h3><p class="text-xs text-slate-400 mt-1" data-v-e10e0bc9>${ssrInterpolate(syncDesc.value)}</p></div></div><div class="text-xs px-3 py-2 rounded-lg mb-3" style="${ssrRenderStyle({ "background": "#f0fdf4", "border": "1px solid #bbf7d0", "color": "#15803d" })}" data-v-e10e0bc9>${syncScopeNote.value ?? ""}</div><div class="flex items-center justify-between mb-1" data-v-e10e0bc9><span class="text-xs font-semibold text-slate-500" data-v-e10e0bc9>选择目标区域</span><div class="flex gap-2" data-v-e10e0bc9><button class="btn btn-ghost btn-xs" data-v-e10e0bc9>全选</button><button class="btn btn-ghost btn-xs" data-v-e10e0bc9>清空</button></div></div><div class="sync-region-grid" data-v-e10e0bc9><!--[-->`);
      ssrRenderList(syncRegionList.value, (r) => {
        _push(`<label class="${ssrRenderClass([{ checked: syncTargets.value.includes(r.value) }, "sync-region-item"])}" data-v-e10e0bc9><input type="checkbox" class="checkbox checkbox-xs checkbox-primary"${ssrIncludeBooleanAttr(syncTargets.value.includes(r.value)) ? " checked" : ""} data-v-e10e0bc9><span data-v-e10e0bc9>${ssrInterpolate(r.label)}</span></label>`);
      });
      _push(`<!--]--></div><p class="text-[11px] text-slate-400 mb-5" data-v-e10e0bc9>⚠ 已勾选区域将被当前配置（值覆盖 / 区域专属字段 / 停用字段）整体替换；加密字段密文一并同步。</p><div class="flex gap-3 justify-end" data-v-e10e0bc9><button class="btn btn-ghost" data-v-e10e0bc9>仅保存当前区域</button><button class="btn btn-primary text-white" data-v-e10e0bc9>保存并同步</button></div></div></div><div class="modal-overlay" style="${ssrRenderStyle([
        { "z-index": "130" },
        tplModalVisible.value ? null : { display: "none" }
      ])}" data-v-e10e0bc9><div class="tpl-box" data-v-e10e0bc9>`);
      if (tplView.value === "list") {
        _push(`<!--[--><div class="flex items-center justify-between mb-4" data-v-e10e0bc9><div data-v-e10e0bc9><h3 class="text-base font-semibold text-slate-800" data-v-e10e0bc9>服务商模板</h3><p class="text-xs text-slate-400 mt-1" data-v-e10e0bc9>模板是字段预设，新增服务时可一键带出。内置模板可编辑；删除后重启会被重新补回。</p></div><div class="flex gap-2" data-v-e10e0bc9><button class="btn btn-primary btn-sm text-white" data-v-e10e0bc9>+ 新增模板</button><button class="btn btn-ghost btn-sm" data-v-e10e0bc9>关闭</button></div></div><div class="tpl-list" data-v-e10e0bc9><!--[-->`);
        ssrRenderList(templatesByCat.value, (g) => {
          _push(`<div class="mb-3" data-v-e10e0bc9><p class="text-xs font-semibold text-slate-500 mb-1" data-v-e10e0bc9>${ssrInterpolate(g.label)}</p><!--[-->`);
          ssrRenderList(g.items, (t) => {
            _push(`<div class="tpl-row" data-v-e10e0bc9><div style="${ssrRenderStyle({ "min-width": "0", "flex": "1" })}" data-v-e10e0bc9><div class="flex items-center gap-2" data-v-e10e0bc9><span class="font-semibold text-sm text-slate-800 truncate" data-v-e10e0bc9>${ssrInterpolate(t.name)}</span><span class="provider-chip" data-v-e10e0bc9>${ssrInterpolate(t.provider)}</span>`);
            if (t.builtin) {
              _push(`<span class="badge badge-xs badge-ghost" data-v-e10e0bc9>内置</span>`);
            } else {
              _push(`<!---->`);
            }
            _push(`</div><p class="text-xs text-slate-400 mt-0.5" data-v-e10e0bc9>${ssrInterpolate(t.id)} · ${ssrInterpolate((t.fields || []).length)} 字段</p></div><div class="flex gap-1" data-v-e10e0bc9><button class="btn btn-ghost btn-xs" data-v-e10e0bc9>编辑</button><button class="btn btn-ghost btn-xs text-error" data-v-e10e0bc9>删除</button></div></div>`);
          });
          _push(`<!--]--></div>`);
        });
        _push(`<!--]-->`);
        if (!templates.value.length) {
          _push(`<p class="text-xs text-slate-400 text-center py-6" data-v-e10e0bc9>暂无模板</p>`);
        } else {
          _push(`<!---->`);
        }
        _push(`</div><!--]-->`);
      } else {
        _push(`<!--[--><div class="flex items-center justify-between mb-4" data-v-e10e0bc9><h3 class="text-base font-semibold text-slate-800" data-v-e10e0bc9>${ssrInterpolate(tplEditing.value ? "编辑模板" : "新增模板")}</h3><div class="flex gap-2" data-v-e10e0bc9><button class="btn btn-ghost btn-sm" data-v-e10e0bc9>返回</button><button class="btn btn-primary btn-sm text-white" data-v-e10e0bc9>保存</button></div></div><div class="grid grid-cols-2 gap-3 mb-3" data-v-e10e0bc9><div class="form-control" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text text-xs" data-v-e10e0bc9>模板ID *</span></label><input${ssrRenderAttr("value", tplForm.id)}${ssrIncludeBooleanAttr(tplEditing.value) ? " disabled" : ""} class="input input-bordered input-sm font-mono" placeholder="tts_azure" data-v-e10e0bc9></div><div class="form-control" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text text-xs" data-v-e10e0bc9>类别 *</span></label><select class="select select-bordered select-sm" data-v-e10e0bc9><!--[-->`);
        ssrRenderList(SCAT, (sc) => {
          _push(`<option${ssrRenderAttr("value", sc.v)} data-v-e10e0bc9${ssrIncludeBooleanAttr(Array.isArray(tplForm.category) ? ssrLooseContain(tplForm.category, sc.v) : ssrLooseEqual(tplForm.category, sc.v)) ? " selected" : ""}>${ssrInterpolate(sc.label)}</option>`);
        });
        _push(`<!--]--></select></div><div class="form-control" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text text-xs" data-v-e10e0bc9>服务商标识 *</span></label><input${ssrRenderAttr("value", tplForm.provider)} class="input input-bordered input-sm font-mono" placeholder="azure" data-v-e10e0bc9></div><div class="form-control" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text text-xs" data-v-e10e0bc9>展示名 *</span></label><input${ssrRenderAttr("value", tplForm.name)} class="input input-bordered input-sm" placeholder="微软 Azure TTS" data-v-e10e0bc9></div></div><div class="form-control mb-3" data-v-e10e0bc9><label class="label" data-v-e10e0bc9><span class="label-text text-xs" data-v-e10e0bc9>描述</span></label><input${ssrRenderAttr("value", tplForm.description)} class="input input-bordered input-sm" data-v-e10e0bc9></div><p class="text-sm font-medium text-slate-700 mb-1" data-v-e10e0bc9>字段</p><div class="overflow-x-auto" style="${ssrRenderStyle({ "max-height": "34vh" })}" data-v-e10e0bc9><table class="table text-xs" data-v-e10e0bc9><thead data-v-e10e0bc9><tr data-v-e10e0bc9><th class="w-44" data-v-e10e0bc9>字段名</th><th data-v-e10e0bc9>字段描述</th><th class="w-16 text-center" data-v-e10e0bc9>加密</th><th data-v-e10e0bc9>默认/提示值</th><th class="w-12" data-v-e10e0bc9></th></tr></thead><tbody data-v-e10e0bc9><!--[-->`);
        ssrRenderList(tplFields.value, (f, i) => {
          _push(`<tr data-v-e10e0bc9><td data-v-e10e0bc9><input class="field-input"${ssrRenderAttr("value", f.key)} placeholder="key"${ssrRenderAttr("title", f.key)} data-v-e10e0bc9></td><td data-v-e10e0bc9><input class="field-input"${ssrRenderAttr("value", f.description)} placeholder="用途描述" data-v-e10e0bc9></td><td class="text-center" data-v-e10e0bc9><input type="checkbox" class="checkbox checkbox-xs checkbox-primary"${ssrIncludeBooleanAttr(Array.isArray(f.encrypted) ? ssrLooseContain(f.encrypted, null) : f.encrypted) ? " checked" : ""} data-v-e10e0bc9></td><td data-v-e10e0bc9>`);
          if (f.type === "langs") {
            _push(ssrRenderComponent(_component_LangSelect, {
              modelValue: f.def_value,
              "onUpdate:modelValue": ($event) => f.def_value = $event,
              multiple: true
            }, null, _parent));
          } else if (f.type === "lang") {
            _push(ssrRenderComponent(_component_LangSelect, {
              modelValue: f.def_value,
              "onUpdate:modelValue": ($event) => f.def_value = $event
            }, null, _parent));
          } else {
            _push(`<input class="field-input"${ssrRenderAttr("value", f.def_value)} placeholder="可留空" data-v-e10e0bc9>`);
          }
          _push(`</td><td data-v-e10e0bc9><button class="btn btn-ghost btn-xs text-error" data-v-e10e0bc9>×</button></td></tr>`);
        });
        _push(`<!--]-->`);
        if (!tplFields.value.length) {
          _push(`<tr data-v-e10e0bc9><td colspan="5" class="text-center text-slate-400 py-2" data-v-e10e0bc9>尚无字段</td></tr>`);
        } else {
          _push(`<!---->`);
        }
        _push(`</tbody></table></div><button class="btn btn-ghost btn-sm mt-2 text-primary" data-v-e10e0bc9>+ 添加字段</button><!--]-->`);
      }
      _push(`</div></div></div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/serviceconfig.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const serviceconfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e10e0bc9"]]);

export { serviceconfig as default };
//# sourceMappingURL=serviceconfig-Bq9We0Qx.mjs.map