@cnc_cbz/usefultools-plugin-official 1.0.1

package/dist/translator.mjs

@@ -0,0 +1,667 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString, createTextVNode, Fragment, withDirectives, renderList, vModelSelect, unref, vModelText, createBlock, Teleport } from "vue";
+import { fetch } from "@tauri-apps/plugin-http";
+const _hoisted_1 = { class: "flex flex-col h-full gap-4" };
+const _hoisted_2 = { class: "flex flex-wrap items-center gap-3" };
+const _hoisted_3 = { class: "flex items-center h-9 bg-deep-charcoal border-2 border-black rounded overflow-hidden" };
+const _hoisted_4 = { class: "material-icons text-lg" };
+const _hoisted_5 = {
+  key: 0,
+  class: "ml-0.5 w-2 h-2 rounded-full bg-neon-green"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "ml-0.5 w-2 h-2 rounded-full bg-coral-red"
+};
+const _hoisted_7 = { class: "flex items-center gap-2" };
+const _hoisted_8 = ["value"];
+const _hoisted_9 = ["value"];
+const _hoisted_10 = {
+  key: 0,
+  class: "text-coral-red text-xs font-bold"
+};
+const _hoisted_11 = { class: "flex items-center gap-3" };
+const _hoisted_12 = ["value"];
+const _hoisted_13 = ["value"];
+const _hoisted_14 = {
+  key: 0,
+  class: "px-4 py-2 bg-coral-red/20 border-2 border-coral-red rounded flex items-center gap-2 text-coral-red font-bold text-sm"
+};
+const _hoisted_15 = { class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-4 min-h-0" };
+const _hoisted_16 = { class: "flex flex-col min-h-0" };
+const _hoisted_17 = { class: "flex flex-col min-h-0" };
+const _hoisted_18 = { class: "flex items-center gap-2 mb-2" };
+const _hoisted_19 = { class: "material-icons text-sm" };
+const _hoisted_20 = { class: "flex-1 w-full bg-deep-charcoal border-4 border-black rounded-xl p-4 overflow-auto shadow-hard min-h-[200px] text-sm leading-relaxed flex flex-col" };
+const _hoisted_21 = {
+  key: 0,
+  class: "text-gray-600"
+};
+const _hoisted_22 = {
+  key: 1,
+  class: "text-gray-100 whitespace-pre-wrap"
+};
+const _hoisted_23 = {
+  key: 0,
+  class: "fixed inset-0 z-50 flex items-center justify-center"
+};
+const _hoisted_24 = { class: "relative w-full max-w-lg bg-deep-charcoal border-4 border-black rounded-xl shadow-hard-xl p-6 flex flex-col gap-4" };
+const _hoisted_25 = { class: "flex items-center gap-2" };
+const _hoisted_26 = { class: "flex flex-col gap-1.5" };
+const _hoisted_27 = { class: "flex flex-col gap-1.5" };
+const _hoisted_28 = { class: "flex justify-end gap-3 mt-1" };
+const GOOGLE_KEY = "translator-google-api-key";
+const AI_KEY = "translator-ai-api-key";
+const AI_MODEL_KEY = "translator-ai-model";
+const ENGINE_KEY = "translator-engine";
+const DEFAULT_MODEL = "Qwen/Qwen2.5-72B-Instruct";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const engine = ref(localStorage.getItem(ENGINE_KEY) || "google");
+    watch(engine, (v) => localStorage.setItem(ENGINE_KEY, v));
+    const googleApiKey = ref(localStorage.getItem(GOOGLE_KEY) || "");
+    const aiApiKey = ref(localStorage.getItem(AI_KEY) || "");
+    const showSettings = ref(false);
+    const googleKeyInput = ref("");
+    const aiKeyInput = ref("");
+    const aiModel = ref(localStorage.getItem(AI_MODEL_KEY) || DEFAULT_MODEL);
+    const aiModels = ref([]);
+    const modelsLoading = ref(false);
+    const modelsError = ref("");
+    watch(aiModel, (v) => {
+      v ? localStorage.setItem(AI_MODEL_KEY, v) : localStorage.removeItem(AI_MODEL_KEY);
+    });
+    if (aiApiKey.value) fetchModels();
+    async function fetchModels() {
+      if (!aiApiKey.value) return;
+      modelsLoading.value = true;
+      modelsError.value = "";
+      try {
+        const res = await fetch("https://api.siliconflow.cn/v1/models?sub_type=chat", {
+          headers: { "Authorization": `Bearer ${aiApiKey.value}` }
+        });
+        if (!res.ok) throw new Error(`获取模型列表失败 (${res.status})`);
+        const json = await res.json();
+        const ids = ((json == null ? void 0 : json.data) || []).map((m) => m.id).sort();
+        aiModels.value = ids;
+        if (ids.length && !ids.includes(aiModel.value)) {
+          aiModel.value = ids.includes(DEFAULT_MODEL) ? DEFAULT_MODEL : ids[0];
+        }
+      } catch (e) {
+        modelsError.value = e.message || "获取模型列表失败";
+      } finally {
+        modelsLoading.value = false;
+      }
+    }
+    const sourceText = ref("");
+    const translatedText = ref("");
+    const sourceLang = ref("auto");
+    const targetLang = ref("zh-CN");
+    const loading = ref(false);
+    const errorMsg = ref("");
+    const copySuccess = ref(false);
+    const languages = [
+      { code: "auto", name: "自动检测" },
+      { code: "zh-CN", name: "中文（简体）" },
+      { code: "zh-TW", name: "中文（繁体）" },
+      { code: "en", name: "英语" },
+      { code: "ja", name: "日语" },
+      { code: "ko", name: "韩语" },
+      { code: "fr", name: "法语" },
+      { code: "de", name: "德语" },
+      { code: "es", name: "西班牙语" },
+      { code: "pt", name: "葡萄牙语" },
+      { code: "ru", name: "俄语" },
+      { code: "ar", name: "阿拉伯语" },
+      { code: "hi", name: "印地语" },
+      { code: "th", name: "泰语" },
+      { code: "vi", name: "越南语" },
+      { code: "it", name: "意大利语" },
+      { code: "nl", name: "荷兰语" },
+      { code: "pl", name: "波兰语" },
+      { code: "tr", name: "土耳其语" },
+      { code: "id", name: "印尼语" }
+    ];
+    const targetLanguages = languages.filter((l) => l.code !== "auto");
+    function getLangName(code) {
+      var _a;
+      return ((_a = languages.find((l) => l.code === code)) == null ? void 0 : _a.name) || code;
+    }
+    function openSettings() {
+      googleKeyInput.value = googleApiKey.value;
+      aiKeyInput.value = aiApiKey.value;
+      showSettings.value = true;
+    }
+    function saveKeys() {
+      googleApiKey.value = googleKeyInput.value.trim();
+      const oldAiKey = aiApiKey.value;
+      aiApiKey.value = aiKeyInput.value.trim();
+      googleApiKey.value ? localStorage.setItem(GOOGLE_KEY, googleApiKey.value) : localStorage.removeItem(GOOGLE_KEY);
+      aiApiKey.value ? localStorage.setItem(AI_KEY, aiApiKey.value) : localStorage.removeItem(AI_KEY);
+      showSettings.value = false;
+      if (aiApiKey.value && aiApiKey.value !== oldAiKey) fetchModels();
+    }
+    function swapLangs() {
+      if (sourceLang.value === "auto") {
+        sourceLang.value = targetLang.value;
+        targetLang.value = sourceLang.value === "en" ? "zh-CN" : "en";
+      } else {
+        const tmp = sourceLang.value;
+        sourceLang.value = targetLang.value;
+        targetLang.value = tmp;
+      }
+      const tmpText = sourceText.value;
+      sourceText.value = translatedText.value;
+      translatedText.value = tmpText;
+    }
+    async function translateGoogle() {
+      var _a, _b;
+      if (!googleApiKey.value) {
+        errorMsg.value = "请先配置 Google Translation API Key";
+        showSettings.value = true;
+        return;
+      }
+      const body = {
+        q: sourceText.value,
+        target: targetLang.value,
+        format: "text"
+      };
+      if (sourceLang.value !== "auto") body.source = sourceLang.value;
+      const res = await fetch(
+        `https://translation.googleapis.com/language/translate/v2?key=${encodeURIComponent(googleApiKey.value)}`,
+        { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body) }
+      );
+      const data = await res.json();
+      if (!res.ok) throw new Error(((_a = data == null ? void 0 : data.error) == null ? void 0 : _a.message) || `请求失败 (${res.status})`);
+      const translations = (_b = data == null ? void 0 : data.data) == null ? void 0 : _b.translations;
+      if (translations == null ? void 0 : translations.length) translatedText.value = translations[0].translatedText;
+    }
+    async function translateAI() {
+      var _a, _b, _c, _d, _e;
+      if (!aiApiKey.value) {
+        errorMsg.value = "请先配置 SiliconFlow API Key";
+        showSettings.value = true;
+        return;
+      }
+      const targetName = getLangName(targetLang.value);
+      const sourceName = sourceLang.value === "auto" ? "" : `源语言是${getLangName(sourceLang.value)}，`;
+      const prompt = `你是一个专业翻译。${sourceName}请将以下文本翻译为${targetName}。只输出翻译结果，不要解释。
+
+${sourceText.value}`;
+      const res = await fetch("https://api.siliconflow.cn/v1/chat/completions", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "Authorization": `Bearer ${aiApiKey.value}`
+        },
+        body: JSON.stringify({
+          model: aiModel.value || DEFAULT_MODEL,
+          messages: [{ role: "user", content: prompt }],
+          stream: true
+        })
+      });
+      if (!res.ok) {
+        const data = await res.json();
+        throw new Error(((_a = data == null ? void 0 : data.error) == null ? void 0 : _a.message) || (data == null ? void 0 : data.message) || `请求失败 (${res.status})`);
+      }
+      const reader = (_b = res.body) == null ? void 0 : _b.getReader();
+      if (!reader) throw new Error("无法读取响应流");
+      const decoder = new TextDecoder();
+      let buffer = "";
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        buffer += decoder.decode(value, { stream: true });
+        const lines = buffer.split("\n");
+        buffer = lines.pop() || "";
+        for (const line of lines) {
+          const trimmed = line.trim();
+          if (!trimmed || !trimmed.startsWith("data: ")) continue;
+          const payload = trimmed.slice(6);
+          if (payload === "[DONE]") return;
+          try {
+            const chunk = JSON.parse(payload);
+            const delta = (_e = (_d = (_c = chunk == null ? void 0 : chunk.choices) == null ? void 0 : _c[0]) == null ? void 0 : _d.delta) == null ? void 0 : _e.content;
+            if (delta) translatedText.value += delta;
+          } catch {
+          }
+        }
+      }
+    }
+    async function translate() {
+      if (!sourceText.value.trim()) return;
+      loading.value = true;
+      errorMsg.value = "";
+      translatedText.value = "";
+      try {
+        if (engine.value === "google") await translateGoogle();
+        else await translateAI();
+      } catch (e) {
+        errorMsg.value = e.message || "翻译失败";
+      } finally {
+        loading.value = false;
+      }
+    }
+    async function copyResult() {
+      if (!translatedText.value) return;
+      await navigator.clipboard.writeText(translatedText.value);
+      copySuccess.value = true;
+      setTimeout(() => {
+        copySuccess.value = false;
+      }, 1500);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" Toolbar "),
+        createElementVNode("div", _hoisted_2, [
+          createCommentVNode(" 引擎切换 "),
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode(
+              "button",
+              {
+                class: normalizeClass(["h-full px-3 text-sm font-bold transition-all", engine.value === "google" ? "bg-primary text-black" : "text-gray-400 hover:text-white"]),
+                onClick: _cache[0] || (_cache[0] = ($event) => engine.value = "google")
+              },
+              "Google",
+              2
+              /* CLASS */
+            ),
+            createElementVNode(
+              "button",
+              {
+                class: normalizeClass(["h-full px-3 text-sm font-bold transition-all", engine.value === "ai" ? "bg-vibrant-purple text-white" : "text-gray-400 hover:text-white"]),
+                onClick: _cache[1] || (_cache[1] = ($event) => engine.value = "ai")
+              },
+              "AI 翻译",
+              2
+              /* CLASS */
+            )
+          ]),
+          createElementVNode(
+            "button",
+            {
+              class: normalizeClass(["h-9 px-4 bg-primary text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm", { "opacity-60 pointer-events-none": loading.value }]),
+              onClick: translate
+            },
+            [
+              createElementVNode(
+                "span",
+                _hoisted_4,
+                toDisplayString(loading.value ? "hourglass_top" : "translate"),
+                1
+                /* TEXT */
+              ),
+              createTextVNode(
+                " " + toDisplayString(loading.value ? "翻译中..." : "翻译"),
+                1
+                /* TEXT */
+              )
+            ],
+            2
+            /* CLASS */
+          ),
+          createElementVNode("button", {
+            class: "h-9 px-3 bg-deep-charcoal text-gray-300 font-bold border-2 border-white/20 rounded hover:border-primary hover:text-primary transition-all text-sm flex items-center gap-1.5",
+            onClick: openSettings
+          }, [
+            _cache[11] || (_cache[11] = createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "key",
+              -1
+              /* CACHED */
+            )),
+            _cache[12] || (_cache[12] = createTextVNode(
+              " API Key ",
+              -1
+              /* CACHED */
+            )),
+            engine.value === "google" && googleApiKey.value || engine.value === "ai" && aiApiKey.value ? (openBlock(), createElementBlock("span", _hoisted_5)) : (openBlock(), createElementBlock("span", _hoisted_6))
+          ]),
+          createCommentVNode(" AI 模型选择 "),
+          engine.value === "ai" ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 0 },
+            [
+              createElementVNode("div", _hoisted_7, [
+                _cache[14] || (_cache[14] = createElementVNode(
+                  "span",
+                  { class: "material-icons text-vibrant-purple text-base" },
+                  "smart_toy",
+                  -1
+                  /* CACHED */
+                )),
+                withDirectives(createElementVNode(
+                  "select",
+                  {
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => aiModel.value = $event),
+                    class: "h-9 bg-deep-charcoal text-white border-2 border-black rounded px-3 text-sm font-bold outline-none focus:border-vibrant-purple transition-colors max-w-70"
+                  },
+                  [
+                    !aiModels.value.length ? (openBlock(), createElementBlock("option", {
+                      key: 0,
+                      value: aiModel.value
+                    }, toDisplayString(aiModel.value), 9, _hoisted_8)) : createCommentVNode("v-if", true),
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(aiModels.value, (m) => {
+                        return openBlock(), createElementBlock("option", {
+                          key: m,
+                          value: m
+                        }, toDisplayString(m), 9, _hoisted_9);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ],
+                  512
+                  /* NEED_PATCH */
+                ), [
+                  [vModelSelect, aiModel.value]
+                ]),
+                createElementVNode(
+                  "button",
+                  {
+                    class: normalizeClass(["h-9 w-9 flex items-center justify-center bg-deep-charcoal border-2 border-white/20 rounded hover:border-vibrant-purple hover:text-vibrant-purple transition-all", { "animate-spin pointer-events-none": modelsLoading.value }]),
+                    title: "刷新模型列表",
+                    onClick: fetchModels
+                  },
+                  [..._cache[13] || (_cache[13] = [
+                    createElementVNode(
+                      "span",
+                      { class: "material-icons text-sm" },
+                      "refresh",
+                      -1
+                      /* CACHED */
+                    )
+                  ])],
+                  2
+                  /* CLASS */
+                )
+              ]),
+              modelsError.value ? (openBlock(), createElementBlock(
+                "span",
+                _hoisted_10,
+                toDisplayString(modelsError.value),
+                1
+                /* TEXT */
+              )) : createCommentVNode("v-if", true)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : createCommentVNode("v-if", true)
+        ]),
+        createCommentVNode(" 语言选择栏 "),
+        createElementVNode("div", _hoisted_11, [
+          withDirectives(createElementVNode(
+            "select",
+            {
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => sourceLang.value = $event),
+              class: "bg-deep-charcoal text-white border-2 border-black rounded px-3 py-1.5 text-sm font-bold outline-none focus:border-primary transition-colors"
+            },
+            [
+              (openBlock(), createElementBlock(
+                Fragment,
+                null,
+                renderList(languages, (l) => {
+                  return createElementVNode("option", {
+                    key: l.code,
+                    value: l.code
+                  }, toDisplayString(l.name), 9, _hoisted_12);
+                }),
+                64
+                /* STABLE_FRAGMENT */
+              ))
+            ],
+            512
+            /* NEED_PATCH */
+          ), [
+            [vModelSelect, sourceLang.value]
+          ]),
+          createElementVNode("button", {
+            class: "w-8 h-8 flex items-center justify-center bg-deep-charcoal border-2 border-white/20 rounded-full hover:border-primary hover:text-primary transition-all",
+            onClick: swapLangs
+          }, [..._cache[15] || (_cache[15] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-base" },
+              "swap_horiz",
+              -1
+              /* CACHED */
+            )
+          ])]),
+          withDirectives(createElementVNode(
+            "select",
+            {
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => targetLang.value = $event),
+              class: "bg-deep-charcoal text-white border-2 border-black rounded px-3 py-1.5 text-sm font-bold outline-none focus:border-primary transition-colors"
+            },
+            [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(unref(targetLanguages), (l) => {
+                  return openBlock(), createElementBlock("option", {
+                    key: l.code,
+                    value: l.code
+                  }, toDisplayString(l.name), 9, _hoisted_13);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            512
+            /* NEED_PATCH */
+          ), [
+            [vModelSelect, targetLang.value]
+          ])
+        ]),
+        createCommentVNode(" Error bar "),
+        errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+          _cache[16] || (_cache[16] = createElementVNode(
+            "span",
+            { class: "material-icons text-lg" },
+            "error_outline",
+            -1
+            /* CACHED */
+          )),
+          createTextVNode(
+            " " + toDisplayString(errorMsg.value),
+            1
+            /* TEXT */
+          )
+        ])) : createCommentVNode("v-if", true),
+        createCommentVNode(" 翻译面板 "),
+        createElementVNode("div", _hoisted_15, [
+          createCommentVNode(" 源文本 "),
+          createElementVNode("div", _hoisted_16, [
+            _cache[17] || (_cache[17] = createElementVNode(
+              "div",
+              { class: "flex items-center gap-2 mb-2" },
+              [
+                createElementVNode("span", { class: "material-icons text-primary text-lg" }, "edit_note"),
+                createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "原文")
+              ],
+              -1
+              /* CACHED */
+            )),
+            withDirectives(createElementVNode(
+              "textarea",
+              {
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => sourceText.value = $event),
+                spellcheck: "false",
+                placeholder: "在此输入要翻译的文本...",
+                class: "flex-1 w-full bg-deep-charcoal text-gray-100 border-4 border-black rounded-xl p-4 font-mono text-sm leading-relaxed resize-none shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600 min-h-[200px]"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [vModelText, sourceText.value]
+            ])
+          ]),
+          createCommentVNode(" 翻译结果 "),
+          createElementVNode("div", _hoisted_17, [
+            createElementVNode("div", _hoisted_18, [
+              _cache[18] || (_cache[18] = createElementVNode(
+                "span",
+                { class: "material-icons text-neon-green text-lg" },
+                "g_translate",
+                -1
+                /* CACHED */
+              )),
+              _cache[19] || (_cache[19] = createElementVNode(
+                "span",
+                { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" },
+                "译文",
+                -1
+                /* CACHED */
+              )),
+              translatedText.value ? (openBlock(), createElementBlock(
+                "button",
+                {
+                  key: 0,
+                  class: normalizeClass(["ml-auto px-2 py-0.5 bg-deep-charcoal font-bold border-2 rounded transition-all text-xs flex items-center gap-1", copySuccess.value ? "text-neon-green border-neon-green/40" : "text-gray-300 border-white/20 hover:border-primary hover:text-primary"]),
+                  onClick: copyResult
+                },
+                [
+                  createElementVNode(
+                    "span",
+                    _hoisted_19,
+                    toDisplayString(copySuccess.value ? "check_circle" : "content_copy"),
+                    1
+                    /* TEXT */
+                  ),
+                  createTextVNode(
+                    " " + toDisplayString(copySuccess.value ? "已复制" : "复制"),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                2
+                /* CLASS */
+              )) : createCommentVNode("v-if", true)
+            ]),
+            createElementVNode("div", _hoisted_20, [
+              !translatedText.value ? (openBlock(), createElementBlock("div", _hoisted_21, " 翻译结果将显示在这里... ")) : (openBlock(), createElementBlock(
+                "div",
+                _hoisted_22,
+                toDisplayString(translatedText.value),
+                1
+                /* TEXT */
+              ))
+            ])
+          ])
+        ]),
+        createCommentVNode(" API Key 设置弹窗 "),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          showSettings.value ? (openBlock(), createElementBlock("div", _hoisted_23, [
+            createElementVNode("div", {
+              class: "absolute inset-0 bg-black/60",
+              onClick: _cache[6] || (_cache[6] = ($event) => showSettings.value = false)
+            }),
+            createElementVNode("div", _hoisted_24, [
+              createElementVNode("div", _hoisted_25, [
+                _cache[21] || (_cache[21] = createElementVNode(
+                  "span",
+                  { class: "material-icons text-primary text-xl" },
+                  "key",
+                  -1
+                  /* CACHED */
+                )),
+                _cache[22] || (_cache[22] = createElementVNode(
+                  "span",
+                  { class: "text-lg font-bold text-white" },
+                  "配置 API Key",
+                  -1
+                  /* CACHED */
+                )),
+                createElementVNode("button", {
+                  class: "ml-auto w-8 h-8 flex items-center justify-center text-gray-400 hover:text-white transition-colors",
+                  onClick: _cache[7] || (_cache[7] = ($event) => showSettings.value = false)
+                }, [..._cache[20] || (_cache[20] = [
+                  createElementVNode(
+                    "span",
+                    { class: "material-icons" },
+                    "close",
+                    -1
+                    /* CACHED */
+                  )
+                ])])
+              ]),
+              createCommentVNode(" Google API Key "),
+              createElementVNode("div", _hoisted_26, [
+                _cache[23] || (_cache[23] = createElementVNode(
+                  "label",
+                  { class: "text-xs font-bold text-gray-400 uppercase tracking-wider" },
+                  "Google Translation API Key",
+                  -1
+                  /* CACHED */
+                )),
+                withDirectives(createElementVNode(
+                  "input",
+                  {
+                    "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => googleKeyInput.value = $event),
+                    type: "password",
+                    placeholder: "AIzaSy...",
+                    class: "w-full bg-bg-dark text-gray-100 border-2 border-black rounded-lg px-4 py-2.5 font-mono text-sm outline-none focus:border-primary transition-colors placeholder-gray-600"
+                  },
+                  null,
+                  512
+                  /* NEED_PATCH */
+                ), [
+                  [vModelText, googleKeyInput.value]
+                ])
+              ]),
+              createCommentVNode(" SiliconFlow API Key "),
+              createElementVNode("div", _hoisted_27, [
+                _cache[24] || (_cache[24] = createElementVNode(
+                  "label",
+                  { class: "text-xs font-bold text-gray-400 uppercase tracking-wider" },
+                  "SiliconFlow API Key（AI 翻译）",
+                  -1
+                  /* CACHED */
+                )),
+                withDirectives(createElementVNode(
+                  "input",
+                  {
+                    "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => aiKeyInput.value = $event),
+                    type: "password",
+                    placeholder: "sk-...",
+                    class: "w-full bg-bg-dark text-gray-100 border-2 border-black rounded-lg px-4 py-2.5 font-mono text-sm outline-none focus:border-primary transition-colors placeholder-gray-600"
+                  },
+                  null,
+                  512
+                  /* NEED_PATCH */
+                ), [
+                  [vModelText, aiKeyInput.value]
+                ]),
+                _cache[25] || (_cache[25] = createElementVNode(
+                  "p",
+                  { class: "text-[11px] text-gray-600" },
+                  "密钥从 cloud.siliconflow.cn 获取，保存后可在工具栏选择模型",
+                  -1
+                  /* CACHED */
+                ))
+              ]),
+              createElementVNode("div", _hoisted_28, [
+                createElementVNode("button", {
+                  class: "px-4 py-2 bg-white/10 text-gray-300 font-bold border-2 border-white/20 rounded hover:border-white hover:text-white transition-all text-sm",
+                  onClick: _cache[10] || (_cache[10] = ($event) => showSettings.value = false)
+                }, " 取消 "),
+                createElementVNode("button", {
+                  class: "px-4 py-2 bg-primary text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-[2px] hover:translate-y-[2px] transition-all text-sm",
+                  onClick: saveKeys
+                }, " 保存 ")
+              ])
+            ])
+          ])) : createCommentVNode("v-if", true)
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};