@cnc_cbz/usefultools-plugin-official 1.0.7 → 1.0.8

package/dist/base-converter.mjs

@@ -487,6 +487,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -719,6 +723,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1454,6 +1462,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/case-converter.mjs

@@ -296,6 +296,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -528,6 +532,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1263,6 +1271,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/chmod-calculator.mjs

@@ -440,6 +440,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -672,6 +676,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1407,6 +1415,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/color-converter.mjs

@@ -365,6 +365,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -597,6 +601,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1332,6 +1340,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/cron-expression.mjs

@@ -641,6 +641,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -873,6 +877,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1608,6 +1616,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/cyber-chef.mjs

@@ -24424,6 +24424,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -24656,6 +24660,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -25391,6 +25399,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/docker-parser.mjs

@@ -1331,6 +1331,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -1563,6 +1567,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -2298,6 +2306,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/hash-generator.mjs

@@ -393,6 +393,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -625,6 +629,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1360,6 +1368,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/html-entity.mjs

@@ -341,6 +341,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -573,6 +577,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1308,6 +1316,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/image-compressor.mjs

@@ -491,6 +491,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -723,6 +727,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1458,6 +1466,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/ip-subnet.mjs

@@ -376,6 +376,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -608,6 +612,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1343,6 +1351,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/js-runner.mjs

@@ -40101,6 +40101,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -40333,6 +40337,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -41068,6 +41076,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/json-diff.mjs

@@ -861,6 +861,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -1093,6 +1097,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1828,6 +1836,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/json-formatter.mjs

@@ -1217,6 +1217,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -1449,6 +1453,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -2184,6 +2192,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/json-yaml.mjs

@@ -410,6 +410,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -642,6 +646,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1377,6 +1385,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/jwt-parser.mjs

@@ -559,6 +559,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -791,6 +795,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1526,6 +1534,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/lorem-ipsum.mjs

@@ -400,6 +400,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -632,6 +636,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1367,6 +1375,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/markdown-preview.mjs

@@ -301,6 +301,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -533,6 +537,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1268,6 +1276,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/password-generator.mjs

@@ -408,6 +408,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -640,6 +644,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1375,6 +1383,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/qr-generator.mjs

@@ -392,6 +392,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -624,6 +628,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1359,6 +1367,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/regex-tester.mjs

@@ -578,6 +578,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -810,6 +814,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1545,6 +1553,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/sql-formatter.mjs

@@ -396,6 +396,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -628,6 +632,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1363,6 +1371,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/text-diff.mjs

@@ -1085,6 +1085,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -1317,6 +1321,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -2052,6 +2060,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/text-stats.mjs

@@ -359,6 +359,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -591,6 +595,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1326,6 +1334,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/timestamp-converter.mjs

@@ -493,6 +493,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -725,6 +729,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1460,6 +1468,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/translator.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString, createTextVNode, Fragment, withDirectives, renderList, vModelSelect, unref, vModelText, createBlock, Teleport } from "vue";
+import { defineComponent, ref, watch, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString, createTextVNode, Fragment, withDirectives, renderList, vModelSelect, unref, vModelText, createBlock, Teleport, vModelDynamic } 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" };
@@ -51,9 +51,21 @@ const _hoisted_25 = {
 };
 const _hoisted_26 = { 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_27 = { class: "flex items-center gap-2" };
-const _hoisted_28 = { class: "flex flex-col gap-1.5" };
-const _hoisted_29 = { class: "flex flex-col gap-1.5" };
-const _hoisted_30 = { class: "flex justify-end gap-3 mt-1" };
+const _hoisted_28 = {
+  key: 0,
+  class: "flex flex-col gap-1.5"
+};
+const _hoisted_29 = { class: "relative" };
+const _hoisted_30 = ["type"];
+const _hoisted_31 = { class: "material-icons text-base" };
+const _hoisted_32 = {
+  key: 1,
+  class: "flex flex-col gap-1.5"
+};
+const _hoisted_33 = { class: "relative" };
+const _hoisted_34 = ["type"];
+const _hoisted_35 = { class: "material-icons text-base" };
+const _hoisted_36 = { 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";
@@ -69,6 +81,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const showSettings = ref(false);
     const googleKeyInput = ref("");
     const aiKeyInput = ref("");
+    const showGoogleKey = ref(false);
+    const showAiKey = ref(false);
+    const hasGoogleApiKey = computed(() => !!googleApiKey.value.trim());
+    const hasAiApiKey = computed(() => !!aiApiKey.value.trim());
+    const hasCurrentApiKey = computed(() => engine.value === "google" ? hasGoogleApiKey.value : hasAiApiKey.value);
+    const canToggleGoogleKey = computed(() => !!googleKeyInput.value.trim());
+    const canToggleAiKey = computed(() => !!aiKeyInput.value.trim());
     const aiModel = ref(localStorage.getItem(AI_MODEL_KEY) || DEFAULT_MODEL);
     const aiModels = ref([]);
     const modelsLoading = ref(false);
@@ -135,6 +154,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function openSettings() {
       googleKeyInput.value = googleApiKey.value;
       aiKeyInput.value = aiApiKey.value;
+      showGoogleKey.value = false;
+      showAiKey.value = false;
       showSettings.value = true;
     }
     function saveKeys() {
@@ -248,8 +269,9 @@ ${sourceText.value}`;
       }
     }
     async function copyResult() {
-      if (!translatedText.value) return;
-      await navigator.clipboard.writeText(translatedText.value);
+      const textToCopy = translatedText.value.trim();
+      if (!textToCopy) return;
+      await navigator.clipboard.writeText(textToCopy);
       copySuccess.value = true;
       setTimeout(() => {
         copySuccess.value = false;
@@ -294,6 +316,7 @@ ${sourceText.value}`;
     function onTextareaKeydown(e) {
       if (engine.value === "ai" && e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
+        e.stopPropagation();
         translate();
       }
     }
@@ -351,19 +374,19 @@ ${sourceText.value}`;
             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(
+            _cache[13] || (_cache[13] = createElementVNode(
               "span",
               { class: "material-icons text-lg" },
               "key",
               -1
               /* CACHED */
             )),
-            _cache[12] || (_cache[12] = createTextVNode(
+            _cache[14] || (_cache[14] = 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))
+            hasCurrentApiKey.value ? (openBlock(), createElementBlock("span", _hoisted_5)) : (openBlock(), createElementBlock("span", _hoisted_6))
           ]),
           createCommentVNode(" AI 模型选择 "),
           engine.value === "ai" ? (openBlock(), createElementBlock(
@@ -371,7 +394,7 @@ ${sourceText.value}`;
             { key: 0 },
             [
               createElementVNode("div", _hoisted_7, [
-                _cache[14] || (_cache[14] = createElementVNode(
+                _cache[16] || (_cache[16] = createElementVNode(
                   "span",
                   { class: "material-icons text-vibrant-purple text-base" },
                   "smart_toy",
@@ -414,7 +437,7 @@ ${sourceText.value}`;
                     title: "刷新模型列表",
                     onClick: fetchModels
                   },
-                  [..._cache[13] || (_cache[13] = [
+                  [..._cache[15] || (_cache[15] = [
                     createElementVNode(
                       "span",
                       { class: "material-icons text-sm" },
@@ -469,7 +492,7 @@ ${sourceText.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] = [
+          }, [..._cache[17] || (_cache[17] = [
             createElementVNode(
               "span",
               { class: "material-icons text-base" },
@@ -506,7 +529,7 @@ ${sourceText.value}`;
         ]),
         createCommentVNode(" Error bar "),
         errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
-          _cache[16] || (_cache[16] = createElementVNode(
+          _cache[18] || (_cache[18] = createElementVNode(
             "span",
             { class: "material-icons text-lg" },
             "error_outline",
@@ -523,7 +546,7 @@ ${sourceText.value}`;
         createElementVNode("div", _hoisted_15, [
           createCommentVNode(" 源文本 "),
           createElementVNode("div", _hoisted_16, [
-            _cache[17] || (_cache[17] = createElementVNode(
+            _cache[19] || (_cache[19] = createElementVNode(
               "div",
               { class: "flex items-center gap-2 mb-2" },
               [
@@ -546,14 +569,14 @@ ${sourceText.value}`;
           createCommentVNode(" 翻译结果 "),
           createElementVNode("div", _hoisted_18, [
             createElementVNode("div", _hoisted_19, [
-              _cache[18] || (_cache[18] = createElementVNode(
+              _cache[20] || (_cache[20] = createElementVNode(
                 "span",
                 { class: "material-icons text-neon-green text-lg" },
                 "g_translate",
                 -1
                 /* CACHED */
               )),
-              _cache[19] || (_cache[19] = createElementVNode(
+              _cache[21] || (_cache[21] = createElementVNode(
                 "span",
                 { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" },
                 "译文",
@@ -586,7 +609,7 @@ ${sourceText.value}`;
               )) : createCommentVNode("v-if", true)
             ]),
             createElementVNode("div", _hoisted_21, [
-              loading.value && engine.value === "google" ? (openBlock(), createElementBlock("div", _hoisted_22, [..._cache[20] || (_cache[20] = [
+              loading.value && engine.value === "google" ? (openBlock(), createElementBlock("div", _hoisted_22, [..._cache[22] || (_cache[22] = [
                 createElementVNode(
                   "span",
                   { class: "material-icons text-primary text-base animate-spin" },
@@ -618,14 +641,14 @@ ${sourceText.value}`;
             }),
             createElementVNode("div", _hoisted_26, [
               createElementVNode("div", _hoisted_27, [
-                _cache[22] || (_cache[22] = createElementVNode(
+                _cache[24] || (_cache[24] = createElementVNode(
                   "span",
                   { class: "material-icons text-primary text-xl" },
                   "key",
                   -1
                   /* CACHED */
                 )),
-                _cache[23] || (_cache[23] = createElementVNode(
+                _cache[25] || (_cache[25] = createElementVNode(
                   "span",
                   { class: "text-lg font-bold text-white" },
                   "配置 API Key",
@@ -635,7 +658,7 @@ ${sourceText.value}`;
                 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[21] || (_cache[21] = [
+                }, [..._cache[23] || (_cache[23] = [
                   createElementVNode(
                     "span",
                     { class: "material-icons" },
@@ -645,65 +668,81 @@ ${sourceText.value}`;
                   )
                 ])])
               ]),
-              createCommentVNode(" Google API Key "),
-              createElementVNode("div", _hoisted_28, [
-                _cache[24] || (_cache[24] = createElementVNode(
+              createCommentVNode(" 当前引擎 API Key "),
+              engine.value === "google" ? (openBlock(), createElementBlock("div", _hoisted_28, [
+                _cache[26] || (_cache[26] = createElementVNode(
                   "label",
                   { class: "text-xs font-bold text-gray-400 uppercase tracking-wider" },
                   "Google Translation API Key",
                   -1
                   /* CACHED */
                 )),
-                withDirectives(createElementVNode(
-                  "input",
-                  {
+                createElementVNode("div", _hoisted_29, [
+                  withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => googleKeyInput.value = $event),
-                    type: "password",
+                    type: showGoogleKey.value ? "text" : "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]
+                    class: "api-key-input w-full bg-bg-dark text-gray-100 border-2 border-black rounded-lg px-4 py-2.5 pr-11 font-mono text-sm outline-none focus:border-primary transition-colors placeholder-gray-600"
+                  }, null, 8, _hoisted_30), [
+                    [vModelDynamic, googleKeyInput.value]
+                  ]),
+                  canToggleGoogleKey.value ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    class: "absolute right-2 top-1/2 -translate-y-1/2 w-7 h-7 flex items-center justify-center text-gray-400 hover:text-primary transition-colors",
+                    onClick: _cache[9] || (_cache[9] = ($event) => showGoogleKey.value = !showGoogleKey.value)
+                  }, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_31,
+                      toDisplayString(showGoogleKey.value ? "visibility_off" : "visibility"),
+                      1
+                      /* TEXT */
+                    )
+                  ])) : createCommentVNode("v-if", true)
                 ])
-              ]),
-              createCommentVNode(" SiliconFlow API Key "),
-              createElementVNode("div", _hoisted_29, [
-                _cache[25] || (_cache[25] = createElementVNode(
+              ])) : (openBlock(), createElementBlock("div", _hoisted_32, [
+                _cache[27] || (_cache[27] = 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",
+                createElementVNode("div", _hoisted_33, [
+                  withDirectives(createElementVNode("input", {
+                    "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => aiKeyInput.value = $event),
+                    type: showAiKey.value ? "text" : "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]
+                    class: "api-key-input w-full bg-bg-dark text-gray-100 border-2 border-black rounded-lg px-4 py-2.5 pr-11 font-mono text-sm outline-none focus:border-primary transition-colors placeholder-gray-600"
+                  }, null, 8, _hoisted_34), [
+                    [vModelDynamic, aiKeyInput.value]
+                  ]),
+                  canToggleAiKey.value ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    class: "absolute right-2 top-1/2 -translate-y-1/2 w-7 h-7 flex items-center justify-center text-gray-400 hover:text-primary transition-colors",
+                    onClick: _cache[11] || (_cache[11] = ($event) => showAiKey.value = !showAiKey.value)
+                  }, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_35,
+                      toDisplayString(showAiKey.value ? "visibility_off" : "visibility"),
+                      1
+                      /* TEXT */
+                    )
+                  ])) : createCommentVNode("v-if", true)
                 ]),
-                _cache[26] || (_cache[26] = createElementVNode(
+                _cache[28] || (_cache[28] = createElementVNode(
                   "p",
                   { class: "text-[11px] text-gray-600" },
                   "密钥从 cloud.siliconflow.cn 获取，保存后可在工具栏选择模型",
                   -1
                   /* CACHED */
                 ))
-              ]),
-              createElementVNode("div", _hoisted_30, [
+              ])),
+              createElementVNode("div", _hoisted_36, [
                 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)
+                  onClick: _cache[12] || (_cache[12] = ($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",
@@ -717,8 +756,16 @@ ${sourceText.value}`;
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-63055e53"]]);
 export {
-  _sfc_main as default
+  index as default
 };
 
 ;(function(){var c=typeof __exports__!=="undefined"&&__exports__;var d=c&&(c.default||c);if(d)d.__pluginCss=`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@@ -876,6 +923,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -1108,6 +1159,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1843,6 +1898,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }
@@ -2753,4 +2812,13 @@ export {
     opacity: .5;
   }
 }
+
+.api-key-input[data-v-63055e53]::-ms-reveal,
+.api-key-input[data-v-63055e53]::-ms-clear,
+.api-key-input[data-v-63055e53]::-webkit-credentials-auto-fill-button,
+.api-key-input[data-v-63055e53]::-webkit-contacts-auto-fill-button {
+  display: none !important;
+  visibility: hidden;
+  pointer-events: none;
+}
 `;})();

package/dist/url-codec.mjs

@@ -333,6 +333,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -565,6 +569,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1300,6 +1308,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/dist/uuid-generator.mjs

@@ -319,6 +319,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -551,6 +555,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1286,6 +1294,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cnc_cbz/usefultools-plugin-official",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "type": "module",
   "description": "UsefulTools 官方工具插件包",
   "keywords": [