@i18n-micro/devtools-ui 1.0.3 → 1.1.1

package/dist/index.es.js

@@ -441,11 +441,11 @@ function la(e) {
     o !== e && (e.prevSub = o, o && (o.nextSub = e)), pe.NODE_ENV !== "production" && e.dep.subsHead === void 0 && (e.dep.subsHead = e), e.dep.subs = e;
   }
 }
-const on = /* @__PURE__ */ new WeakMap(), Wt = Symbol(
+const on = /* @__PURE__ */ new WeakMap(), Wt = /* @__PURE__ */ Symbol(
   pe.NODE_ENV !== "production" ? "Object iterate" : ""
-), rn = Symbol(
+), rn = /* @__PURE__ */ Symbol(
   pe.NODE_ENV !== "production" ? "Map keys iterate" : ""
-), Ao = Symbol(
+), Ao = /* @__PURE__ */ Symbol(
   pe.NODE_ENV !== "production" ? "Array iterate" : ""
 );
 function Ce(e, t, o) {
@@ -1650,7 +1650,7 @@ function jt(e, t, o, r) {
     ]), tt());
   }
 }
-const Ta = Symbol("_vte"), Da = (e) => e.__isTeleport, Jt = (e) => e && (e.disabled || e.disabled === ""), ti = (e) => e && (e.defer || e.defer === ""), oi = (e) => typeof SVGElement < "u" && e instanceof SVGElement, ri = (e) => typeof MathMLElement == "function" && e instanceof MathMLElement, sn = (e, t) => {
+const Ta = /* @__PURE__ */ Symbol("_vte"), Da = (e) => e.__isTeleport, Jt = (e) => e && (e.disabled || e.disabled === ""), ti = (e) => e && (e.defer || e.defer === ""), oi = (e) => typeof SVGElement < "u" && e instanceof SVGElement, ri = (e) => typeof MathMLElement == "function" && e instanceof MathMLElement, sn = (e, t) => {
   const o = e && e.to;
   if (ve(o))
     if (t) {
@@ -1882,7 +1882,7 @@ function Aa(e, t, o, r) {
   const n = t.targetStart = o(""), i = t.targetAnchor = o("");
   return n[Ta] = i, e && (r(n, e), r(i, e)), i;
 }
-const _t = Symbol("_leaveCb"), tr = Symbol("_enterCb");
+const _t = /* @__PURE__ */ Symbol("_leaveCb"), tr = /* @__PURE__ */ Symbol("_enterCb");
 function Wl() {
   const e = {
     isMounted: !1,
@@ -2261,7 +2261,7 @@ const Ha = "components";
 function ic(e, t) {
   return Ka(Ha, e, !0, t) || e;
 }
-const Ua = Symbol.for("v-ndc");
+const Ua = /* @__PURE__ */ Symbol.for("v-ndc");
 function Ba(e) {
   return ve(e) ? Ka(Ha, e, !1) || e : e || Ua;
 }
@@ -2908,7 +2908,7 @@ function $o(e, t, o = !1) {
     v.NODE_ENV !== "production" && O(`injection "${String(e)}" not found.`);
   } else v.NODE_ENV !== "production" && O("inject() can only be used inside setup() or functional components.");
 }
-const wc = Symbol.for("v-scx"), mc = () => {
+const wc = /* @__PURE__ */ Symbol.for("v-scx"), mc = () => {
   {
     const e = $o(wc);
     return e || v.NODE_ENV !== "production" && O(
@@ -4449,7 +4449,7 @@ const fs = (e) => e.__isSuspense;
 function Kc(e, t) {
   t && t.pendingBranch ? L(e) ? t.effects.push(...e) : t.effects.push(e) : _a(e);
 }
-const re = Symbol.for("v-fgt"), qo = Symbol.for("v-txt"), Ee = Symbol.for("v-cmt"), To = Symbol.for("v-stc"), Do = [];
+const re = /* @__PURE__ */ Symbol.for("v-fgt"), qo = /* @__PURE__ */ Symbol.for("v-txt"), Ee = /* @__PURE__ */ Symbol.for("v-cmt"), To = /* @__PURE__ */ Symbol.for("v-stc"), Do = [];
 let Be = null;
 function y(e = !1) {
   Do.push(Be = e ? null : []);
@@ -5192,7 +5192,7 @@ const bs = wn ? (e) => wn.createHTML(e) : (e) => e, dd = "http://www.w3.org/2000
       o ? o.previousSibling : t.lastChild
     ];
   }
-}, Ct = "transition", yo = "animation", Lo = Symbol("_vtc"), ys = {
+}, Ct = "transition", yo = "animation", Lo = /* @__PURE__ */ Symbol("_vtc"), ys = {
   name: String,
   type: String,
   css: {
@@ -5360,7 +5360,7 @@ function bd(e, t, o) {
   const r = e[Lo];
   r && (t = (t ? [t, ...r] : [...r]).join(" ")), t == null ? e.removeAttribute("class") : o ? e.setAttribute("class", t) : e.className = t;
 }
-const Er = Symbol("_vod"), _s = Symbol("_vsh"), yd = {
+const Er = /* @__PURE__ */ Symbol("_vod"), _s = /* @__PURE__ */ Symbol("_vsh"), yd = {
   // used for prop mismatch check during hydration
   name: "show",
   beforeMount(e, { value: t }, { transition: o }) {
@@ -5381,7 +5381,7 @@ const Er = Symbol("_vod"), _s = Symbol("_vsh"), yd = {
 function _o(e, t) {
   e.style.display = t ? e[Er] : "none", e[_s] = !t;
 }
-const _d = Symbol(Ve.NODE_ENV !== "production" ? "CSS_VAR_TEXT" : ""), xd = /(?:^|;)\s*display\s*:/;
+const _d = /* @__PURE__ */ Symbol(Ve.NODE_ENV !== "production" ? "CSS_VAR_TEXT" : ""), xd = /(?:^|;)\s*display\s*:/;
 function kd(e, t, o) {
   const r = e.style, n = ve(o);
   let i = !1;
@@ -5482,7 +5482,7 @@ function At(e, t, o, r) {
 function Od(e, t, o, r) {
   e.removeEventListener(t, o, r);
 }
-const Pi = Symbol("_vei");
+const Pi = /* @__PURE__ */ Symbol("_vei");
 function Sd(e, t, o, r, n = null) {
   const i = e[Pi] || (e[Pi] = {}), a = i[t];
   if (r && a)
@@ -5820,7 +5820,7 @@ function zi(e) {
   const t = e.target;
   t.composing && (t.composing = !1, t.dispatchEvent(new Event("input")));
 }
-const Nt = Symbol("_assign");
+const Nt = /* @__PURE__ */ Symbol("_assign");
 function Hi(e, t, o) {
   return t && (e = e.trim()), o && (e = $r(e)), e;
 }
@@ -6053,8 +6053,137 @@ function Yd() {
   cd();
 }
 Gd.NODE_ENV !== "production" && Yd();
-const Ns = Symbol("i18n-state");
-function Xd() {
+const Xd = ".icon[data-v-6fc289e2]{width:1em;height:1em;display:inline-block;vertical-align:middle}", be = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [r, n] of t)
+    o[r] = n;
+  return o;
+}, Zd = {}, Qd = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon"
+};
+function ef(e, t) {
+  return y(), D("svg", Qd, [...t[0] || (t[0] = [
+    g("circle", {
+      cx: "12",
+      cy: "12",
+      r: "10"
+    }, null, -1),
+    g("line", {
+      x1: "2",
+      y1: "12",
+      x2: "22",
+      y2: "12"
+    }, null, -1),
+    g("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" }, null, -1)
+  ])]);
+}
+const Hn = /* @__PURE__ */ be(Zd, [["render", ef], ["styles", [Xd]], ["__scopeId", "data-v-6fc289e2"]]), tf = ".icon[data-v-4c3ea1ca]{width:1em;height:1em;display:inline-block;vertical-align:middle}", of = {}, rf = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon"
+};
+function nf(e, t) {
+  return y(), D("svg", rf, [...t[0] || (t[0] = [
+    g("rect", {
+      x: "3",
+      y: "3",
+      width: "18",
+      height: "18",
+      rx: "2",
+      ry: "2"
+    }, null, -1),
+    g("line", {
+      x1: "9",
+      y1: "3",
+      x2: "9",
+      y2: "21"
+    }, null, -1),
+    g("line", {
+      x1: "3",
+      y1: "9",
+      x2: "21",
+      y2: "9"
+    }, null, -1)
+  ])]);
+}
+const Ns = /* @__PURE__ */ be(of, [["render", nf], ["styles", [tf]], ["__scopeId", "data-v-4c3ea1ca"]]), af = ".icon[data-v-65e4a862]{width:1em;height:1em;display:inline-block;vertical-align:middle}", sf = {}, lf = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon"
+};
+function cf(e, t) {
+  return y(), D("svg", lf, [...t[0] || (t[0] = [
+    g("circle", {
+      cx: "12",
+      cy: "12",
+      r: "3"
+    }, null, -1),
+    g("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" }, null, -1)
+  ])]);
+}
+const Os = /* @__PURE__ */ be(sf, [["render", cf], ["styles", [af]], ["__scopeId", "data-v-65e4a862"]]), df = { class: "loader-container" }, ff = { class: "loader" }, uf = { class: "loader-text" }, pf = /* @__PURE__ */ _e({
+  __name: "Loader",
+  props: {
+    message: { default: "Loading...", type: String },
+    size: { default: "md", type: String }
+  },
+  setup(e) {
+    return (t, o) => (y(), D("div", df, [
+      g("div", ff, [
+        o[0] || (o[0] = g("div", { class: "loader-circle" }, null, -1)),
+        g("div", uf, G(e.message), 1)
+      ])
+    ]));
+  }
+}), hf = ".loader-container[data-v-7b6a86d7]{display:flex;justify-content:center;align-items:center;min-height:100px;padding:20px}.loader[data-v-7b6a86d7]{text-align:center}.loader-circle[data-v-7b6a86d7]{display:inline-block;width:40px;height:40px;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #3498db;animation:spin-7b6a86d7 1s linear infinite;margin-bottom:8px;transform-origin:center}.loader-text[data-v-7b6a86d7]{color:#666;font-size:14px}@keyframes spin-7b6a86d7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}", Un = /* @__PURE__ */ be(pf, [["styles", [hf]], ["__scopeId", "data-v-7b6a86d7"]]), gf = { class: "tabs" }, vf = ["onClick"], wf = {
+  key: 0,
+  class: "tab-icon"
+}, mf = ["innerHTML"], bf = { class: "tab-label" }, yf = /* @__PURE__ */ _e({
+  __name: "Tabs",
+  props: {
+    modelValue: { type: String },
+    tabs: { type: Array }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const o = e, r = t, n = ne(o.modelValue);
+    return Te(n, (i) => {
+      r("update:modelValue", i);
+    }), (i, a) => (y(), D("div", gf, [
+      (y(!0), D(re, null, Fe(e.tabs, (s) => (y(), D("button", {
+        key: s.value,
+        class: ye(["tab", { active: n.value === s.value }]),
+        onClick: (l) => n.value = s.value
+      }, [
+        s.icon ? (y(), D("span", wf, [
+          typeof s.icon != "string" ? (y(), me(Ba(typeof s.icon == "string" ? "span" : s.icon), { key: 0 })) : (y(), D("span", {
+            key: 1,
+            innerHTML: s.icon
+          }, null, 8, mf))
+        ])) : ie("", !0),
+        g("span", bf, G(s.label), 1)
+      ], 10, vf))), 128))
+    ]));
+  }
+}), _f = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-1437b502],[data-v-1437b502]:before,[data-v-1437b502]:after,[data-v-1437b502]::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial}}}.tabs[data-v-1437b502]{top:calc(var(--spacing,.25rem)*0);z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-white,#fff);display:flex;position:sticky}.tab[data-v-1437b502]{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-slate-600,oklch(44.6% .043 257.281));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-color:#0000;border-bottom-width:2px;transition-duration:.2s;display:flex}@media(hover:hover){.tab[data-v-1437b502]:hover{background-color:var(--color-slate-50,oklch(98.4% .003 247.858));color:var(--color-slate-800,oklch(27.9% .041 260.031))}}.tab.active[data-v-1437b502]{border-color:var(--color-blue-500,oklch(62.3% .214 259.815));background-color:var(--color-blue-50,oklch(97% .014 254.604));color:var(--color-blue-600,oklch(54.6% .245 262.881))}.tab-icon[data-v-1437b502]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));align-items:center;width:16px;height:16px;display:flex}.tab-icon[data-v-1437b502] svg{width:100%;height:100%}.tab-label[data-v-1437b502]{white-space:nowrap}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}', xf = /* @__PURE__ */ be(yf, [["styles", [_f]], ["__scopeId", "data-v-1437b502"]]), Ss = /* @__PURE__ */ Symbol("i18n-state");
+function kf() {
   const e = ne(!0), t = ne(""), o = ne({}), r = ne({}), n = ne({}), i = ne(null), a = (w) => {
     i.value = w;
   }, s = (w) => {
@@ -6099,10 +6228,7 @@ function Xd() {
     }
     try {
       e.value = !0;
-      const [w, E] = await Promise.all([
-        i.value.getLocalesAndTranslations(),
-        i.value.getConfigs()
-      ]);
+      const [w, E] = await Promise.all([i.value.getLocalesAndTranslations(), i.value.getConfigs()]);
       o.value = w, r.value = E, i.value.onLocalesUpdate((b) => {
         o.value = b, t.value && o.value[t.value] && (n.value = { ...o.value[t.value] });
       });
@@ -6136,78 +6262,431 @@ function Xd() {
   };
 }
 function Pr() {
-  const e = $o(Ns);
+  const e = $o(Ss);
   if (!e)
     throw new Error("I18n state not provided. Make sure to use createI18nState() and provide it in the root component.");
   return e;
 }
-const Zd = { class: "tabs" }, Qd = ["onClick"], ef = {
-  key: 0,
-  class: "tab-icon"
-}, tf = ["innerHTML"], of = { class: "tab-label" }, rf = /* @__PURE__ */ _e({
-  __name: "Tabs",
+const Ef = { class: "config-card" }, Nf = { class: "config-card__header" }, Of = { class: "config-card__icon" }, Sf = { key: 0 }, $f = { class: "config-card__title" }, Cf = { class: "config-card__content" }, Tf = /* @__PURE__ */ _e({
+  __name: "ConfigCard",
   props: {
-    modelValue: { type: String },
-    tabs: { type: Array }
+    title: { type: String },
+    icon: { type: String }
   },
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const o = e, r = t, n = ne(o.modelValue);
-    return Te(n, (i) => {
-      r("update:modelValue", i);
-    }), (i, a) => (y(), D("div", Zd, [
-      (y(!0), D(re, null, Fe(e.tabs, (s) => (y(), D("button", {
-        key: s.value,
-        class: ye(["tab", { active: n.value === s.value }]),
-        onClick: (l) => n.value = s.value
-      }, [
-        s.icon ? (y(), D("span", ef, [
-          typeof s.icon != "string" ? (y(), me(Ba(typeof s.icon == "string" ? "span" : s.icon), { key: 0 })) : (y(), D("span", {
-            key: 1,
-            innerHTML: s.icon
-          }, null, 8, tf))
-        ])) : ie("", !0),
-        g("span", of, G(s.label), 1)
-      ], 10, Qd))), 128))
+  setup(e) {
+    return (t, o) => (y(), D("div", Ef, [
+      g("div", Nf, [
+        g("span", Of, [
+          vt(t.$slots, "icon", {}, () => [
+            e.icon ? (y(), D("span", Sf, G(e.icon), 1)) : ie("", !0)
+          ])
+        ]),
+        g("h3", $f, G(e.title), 1)
+      ]),
+      g("div", Cf, [
+        vt(t.$slots, "default", {}, void 0)
+      ])
     ]));
   }
-}), nf = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-9a173138],[data-v-9a173138]:before,[data-v-9a173138]:after,[data-v-9a173138]::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial}}}.tabs[data-v-9a173138]{top:calc(var(--spacing,.25rem)*0);z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-white,#fff);display:flex;position:sticky}.tab[data-v-9a173138]{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-slate-600,oklch(44.6% .043 257.281));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-color:#0000;border-bottom-width:2px;transition-duration:.2s;display:flex}@media(hover:hover){.tab[data-v-9a173138]:hover{background-color:var(--color-slate-50,oklch(98.4% .003 247.858));color:var(--color-slate-800,oklch(27.9% .041 260.031))}}.tab.active[data-v-9a173138]{border-color:var(--color-blue-500,oklch(62.3% .214 259.815));background-color:var(--color-blue-50,oklch(97% .014 254.604));color:var(--color-blue-600,oklch(54.6% .245 262.881))}.tab-icon[data-v-9a173138]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));align-items:center;width:16px;height:16px;display:flex}.tab-icon[data-v-9a173138] svg{width:100%;height:100%}.tab-label[data-v-9a173138]{white-space:nowrap}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}', be = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [r, n] of t)
-    o[r] = n;
-  return o;
-}, af = /* @__PURE__ */ be(rf, [["styles", [nf]], ["__scopeId", "data-v-9a173138"]]), sf = { class: "loader-container" }, lf = { class: "loader" }, cf = { class: "loader-text" }, df = /* @__PURE__ */ _e({
-  __name: "Loader",
+}), Df = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-3db26d7b],[data-v-3db26d7b]:before,[data-v-3db26d7b]:after,[data-v-3db26d7b]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.config-card[data-v-3db26d7b]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-white,#fff);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);overflow:hidden}.config-card__header[data-v-3db26d7b]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-100,oklch(96.8% .007 247.896));background-color:var(--color-slate-50,oklch(98.4% .003 247.858));padding:calc(var(--spacing,.25rem)*4);padding-bottom:calc(var(--spacing,.25rem)*3);align-items:center;display:flex}.config-card__icon[data-v-3db26d7b]{margin-right:calc(var(--spacing,.25rem)*2);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));align-items:center;display:flex}.config-card__title[data-v-3db26d7b]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-slate-800,oklch(27.9% .041 260.031))}.config-card__content[data-v-3db26d7b]{padding:calc(var(--spacing,.25rem)*4)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}', Zr = /* @__PURE__ */ be(Tf, [["styles", [Df]], ["__scopeId", "data-v-3db26d7b"]]), Vf = { class: "status-indicator" }, Af = /* @__PURE__ */ _e({
+  __name: "StatusIndicator",
   props: {
-    message: { default: "Loading...", type: String },
+    status: { type: String },
+    label: { type: String },
     size: { default: "md", type: String }
   },
   setup(e) {
-    return (t, o) => (y(), D("div", sf, [
-      g("div", lf, [
-        o[0] || (o[0] = g("div", { class: "loader-circle" }, null, -1)),
-        g("div", cf, G(e.message), 1)
+    const t = e, o = oe(() => {
+      const n = "status-indicator__dot", i = `status-indicator__dot--${t.size}`;
+      switch (t.status) {
+        case "active":
+        case "enabled":
+        case "success":
+          return `${n} ${i} status-indicator__dot--success`;
+        case "inactive":
+        case "disabled":
+          return `${n} ${i} status-indicator__dot--disabled`;
+        case "warning":
+          return `${n} ${i} status-indicator__dot--warning`;
+        case "error":
+          return `${n} ${i} status-indicator__dot--error`;
+        case "info":
+          return `${n} ${i} status-indicator__dot--info`;
+        default:
+          return `${n} ${i} status-indicator__dot--default`;
+      }
+    }), r = oe(() => {
+      switch (t.status) {
+        case "active":
+        case "enabled":
+        case "success":
+          return "text-green-700";
+        case "inactive":
+        case "disabled":
+          return "text-red-700";
+        case "warning":
+          return "text-yellow-700";
+        case "error":
+          return "text-red-700";
+        case "info":
+          return "text-blue-700";
+        default:
+          return "text-slate-700";
+      }
+    });
+    return (n, i) => (y(), D("div", Vf, [
+      g("div", {
+        class: ye(["status-indicator__dot", o.value])
+      }, null, 2),
+      g("span", {
+        class: ye(["status-indicator__text", r.value])
+      }, G(e.label), 3)
+    ]));
+  }
+}), Mf = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-ceddd4fb],[data-v-ceddd4fb]:before,[data-v-ceddd4fb]:after,[data-v-ceddd4fb]::backdrop{--tw-duration:initial;--tw-font-weight:initial}}}.status-indicator[data-v-ceddd4fb]{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.status-indicator__dot[data-v-ceddd4fb]{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-radius:3.40282e38px;transition-duration:.2s}.status-indicator__dot--sm[data-v-ceddd4fb]{height:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*2)}.status-indicator__dot--md[data-v-ceddd4fb]{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.status-indicator__dot--lg[data-v-ceddd4fb]{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.status-indicator__dot--success[data-v-ceddd4fb]{background-color:var(--color-green-500,oklch(72.3% .219 149.579));box-shadow:0 0 0 2px #22c55e33}.status-indicator__dot--disabled[data-v-ceddd4fb]{background-color:var(--color-red-500,oklch(63.7% .237 25.331));box-shadow:0 0 0 2px #ef444433}.status-indicator__dot--warning[data-v-ceddd4fb]{background-color:var(--color-yellow-500,oklch(79.5% .184 86.047));box-shadow:0 0 0 2px #eab30833}.status-indicator__dot--error[data-v-ceddd4fb]{background-color:var(--color-red-500,oklch(63.7% .237 25.331));box-shadow:0 0 0 2px #ef444433}.status-indicator__dot--info[data-v-ceddd4fb]{background-color:var(--color-blue-500,oklch(62.3% .214 259.815));box-shadow:0 0 0 2px #3b82f633}.status-indicator__dot--default[data-v-ceddd4fb]{background-color:var(--color-slate-500,oklch(55.4% .046 257.417));box-shadow:0 0 0 2px #64748b33}.status-indicator__text[data-v-ceddd4fb]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}', bn = /* @__PURE__ */ be(Af, [["styles", [Mf]], ["__scopeId", "data-v-ceddd4fb"]]), If = { class: "locale-table-container" }, Pf = { class: "locale-table-wrapper" }, jf = { class: "locale-table" }, Lf = { class: "locale-table__header" }, Ff = { class: "header-content" }, Rf = { class: "header-icon" }, zf = { key: 1 }, Hf = { class: "header-text" }, Uf = { class: "locale-table__body" }, Bf = { class: "locale-table__cell" }, Kf = { class: "locale-code" }, Wf = { class: "locale-code__text" }, qf = { class: "locale-table__cell" }, Jf = { class: "locale-name" }, Gf = { class: "locale-table__cell" }, Yf = { class: "locale-iso" }, Xf = { class: "locale-table__cell" }, Zf = { class: "direction-indicator" }, Qf = { class: "locale-table__cell" }, eu = { class: "base-url" }, tu = { class: "locale-table__cell" }, ou = /* @__PURE__ */ _e({
+  __name: "LocaleTable",
+  props: {
+    locales: { type: Array }
+  },
+  setup(e) {
+    const t = [
+      { key: "code", label: "Code", icon: "🏷️" },
+      { key: "name", label: "Display Name", icon: "📝" },
+      { key: "iso", label: "ISO Code", iconComponent: Hn },
+      { key: "dir", label: "Direction", icon: "↔️" },
+      { key: "baseUrl", label: "Base URL", icon: "🔗" },
+      { key: "status", label: "Status", icon: "⚡" }
+    ];
+    return (o, r) => (y(), D("div", If, [
+      g("div", Pf, [
+        g("table", jf, [
+          g("thead", Lf, [
+            g("tr", null, [
+              (y(), D(re, null, Fe(t, (n) => g("th", {
+                key: n.key,
+                class: "locale-table__header-cell"
+              }, [
+                g("div", Ff, [
+                  g("span", Rf, [
+                    n.iconComponent ? (y(), me(Ba(n.iconComponent), { key: 0 })) : (y(), D("span", zf, G(n.icon), 1))
+                  ]),
+                  g("span", Hf, G(n.label), 1)
+                ])
+              ])), 64))
+            ])
+          ]),
+          g("tbody", Uf, [
+            (y(!0), D(re, null, Fe(e.locales, (n) => (y(), D("tr", {
+              key: n.code,
+              class: "locale-table__row"
+            }, [
+              g("td", Bf, [
+                g("div", Kf, [
+                  g("span", Wf, G(n.code), 1)
+                ])
+              ]),
+              g("td", qf, [
+                g("span", Jf, G(n.displayName || "—"), 1)
+              ]),
+              g("td", Gf, [
+                g("span", Yf, G(n.iso || "—"), 1)
+              ]),
+              g("td", Xf, [
+                g("div", Zf, [
+                  g("span", {
+                    class: ye(["direction-badge", `direction-badge--${n.dir || "ltr"}`])
+                  }, G((n.dir || "ltr").toUpperCase()), 3)
+                ])
+              ]),
+              g("td", Qf, [
+                g("span", eu, G(n.baseUrl || "—"), 1)
+              ]),
+              g("td", tu, [
+                Y(bn, {
+                  status: n.disabled ? "disabled" : "active",
+                  label: n.disabled ? "Disabled" : "Active",
+                  size: "sm"
+                }, null, 8, ["status", "label"])
+              ])
+            ]))), 128))
+          ])
+        ])
       ])
     ]));
   }
-}), ff = ".loader-container[data-v-7b6a86d7]{display:flex;justify-content:center;align-items:center;min-height:100px;padding:20px}.loader[data-v-7b6a86d7]{text-align:center}.loader-circle[data-v-7b6a86d7]{display:inline-block;width:40px;height:40px;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #3498db;animation:spin-7b6a86d7 1s linear infinite;margin-bottom:8px;transform-origin:center}.loader-text[data-v-7b6a86d7]{color:#666;font-size:14px}@keyframes spin-7b6a86d7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}", Hn = /* @__PURE__ */ be(df, [["styles", [ff]], ["__scopeId", "data-v-7b6a86d7"]]);
-function Xe(e, t = "", o = {}) {
-  for (const r in e)
-    if (Object.prototype.hasOwnProperty.call(e, r)) {
-      const n = t ? `${t}.${r}` : r, i = e[r];
-      typeof i == "object" && i !== null ? Array.isArray(i) ? i.forEach((a, s) => {
-        Xe(a, `${n}.[]${s}`, o);
-      }) : Xe(i, n, o) : o[n] = i?.toString() ?? "";
-    }
-  return o;
-}
-const Os = (e) => {
-  const t = {};
-  for (const o in e)
-    if (Object.prototype.hasOwnProperty.call(e, o)) {
-      const r = o.split(".");
-      let n = t, i = null, a = null;
-      for (let s = 0; s < r.length; s++) {
+}), ru = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-5e8c737c],[data-v-5e8c737c]:before,[data-v-5e8c737c]:after,[data-v-5e8c737c]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-duration:initial}}}.locale-table-container[data-v-5e8c737c]{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;overflow:hidden}.locale-table-wrapper[data-v-5e8c737c]{overflow-x:auto}.locale-table[data-v-5e8c737c]{border-collapse:collapse;width:100%}.locale-table__header[data-v-5e8c737c]{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-slate-50,oklch(98.4% .003 247.858));--tw-gradient-to:var(--color-blue-50,oklch(97% .014 254.604));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.locale-table__header-cell[data-v-5e8c737c]{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*4);text-align:left}.header-content[data-v-5e8c737c]{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.header-icon[data-v-5e8c737c]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));align-items:center;display:flex}.header-text[data-v-5e8c737c]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-slate-700,oklch(37.2% .044 257.287))}.locale-table__row[data-v-5e8c737c]{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-slate-100,oklch(96.8% .007 247.896));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.locale-table__row[data-v-5e8c737c]:hover{background-color:var(--color-slate-50,oklch(98.4% .003 247.858))}}.locale-table__cell[data-v-5e8c737c]{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.locale-code[data-v-5e8c737c]{align-items:center;display:inline-flex}.locale-code__text[data-v-5e8c737c]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-200,oklch(88.2% .059 254.128));background-color:var(--color-blue-50,oklch(97% .014 254.604));padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-blue-700,oklch(48.8% .243 264.376))}.locale-name[data-v-5e8c737c]{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-slate-700,oklch(37.2% .044 257.287))}.locale-iso[data-v-5e8c737c]{border-radius:var(--radius-sm,.25rem);background-color:var(--color-slate-100,oklch(96.8% .007 247.896));padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-slate-600,oklch(44.6% .043 257.281))}.direction-indicator[data-v-5e8c737c]{align-items:center;display:flex}.direction-badge[data-v-5e8c737c]{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border-radius:3.40282e38px}.direction-badge--ltr[data-v-5e8c737c]{background-color:var(--color-purple-100,oklch(94.6% .033 307.174));color:var(--color-purple-800,oklch(43.8% .218 303.724))}.direction-badge--rtl[data-v-5e8c737c]{background-color:var(--color-orange-100,oklch(95.4% .038 75.164));color:var(--color-orange-800,oklch(47% .157 37.304))}.base-url[data-v-5e8c737c]{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-slate-600,oklch(44.6% .043 257.281))}.locale-table__row[data-v-5e8c737c]{animation:.3s ease-out slideInLeft-5e8c737c}@keyframes slideInLeft-5e8c737c{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.locale-table__row[data-v-5e8c737c]:first-child{animation-delay:.1s}.locale-table__row[data-v-5e8c737c]:nth-child(2){animation-delay:.2s}.locale-table__row[data-v-5e8c737c]:nth-child(3){animation-delay:.3s}.locale-table__row[data-v-5e8c737c]:nth-child(4){animation-delay:.4s}.locale-table__row[data-v-5e8c737c]:nth-child(5){animation-delay:.5s}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}', nu = /* @__PURE__ */ be(ou, [["styles", [ru]], ["__scopeId", "data-v-5e8c737c"]]), iu = { class: "config-view" }, au = {
+  key: 1,
+  class: "space-y-6"
+}, su = { class: "settings-grid" }, lu = { class: "config-row" }, cu = { class: "config-value" }, du = { class: "config-row" }, fu = { class: "config-value capitalize" }, uu = { class: "config-row" }, pu = { class: "config-value" }, hu = { class: "config-row" }, gu = { class: "settings-grid" }, vu = { class: "config-row" }, wu = { class: "config-row" }, mu = { class: "config-value font-mono text-sm" }, bu = { class: "config-row" }, yu = { class: "config-value font-mono text-sm text-blue-600" }, _u = { class: "config-row" }, xu = { class: "config-value font-mono text-sm" }, ku = /* @__PURE__ */ _e({
+  __name: "ConfigView",
+  setup(e) {
+    const { isLoading: t, configs: o } = Pr();
+    return (r, n) => (y(), D("div", iu, [
+      ue(t) ? (y(), me(Un, { key: 0 })) : (y(), D("div", au, [
+        Y(Zr, { title: "General Configuration" }, {
+          icon: ke(() => [
+            Y(Os)
+          ]),
+          default: ke(() => [
+            g("div", su, [
+              g("div", lu, [
+                n[0] || (n[0] = g("span", { class: "config-label" }, "Default Locale", -1)),
+                g("span", cu, G(ue(o).defaultLocale || "—"), 1)
+              ]),
+              g("div", du, [
+                n[1] || (n[1] = g("span", { class: "config-label" }, "Routing Strategy", -1)),
+                g("span", fu, G(ue(o).strategy || "—"), 1)
+              ]),
+              g("div", uu, [
+                n[2] || (n[2] = g("span", { class: "config-label" }, "Fallback Locale", -1)),
+                g("span", pu, G(ue(o).fallbackLocale || "—"), 1)
+              ]),
+              g("div", hu, [
+                n[3] || (n[3] = g("span", { class: "config-label" }, "Debug Mode", -1)),
+                Y(bn, {
+                  status: ue(o).debug ? "enabled" : "disabled",
+                  label: ue(o).debug ? "Active" : "Inactive"
+                }, null, 8, ["status", "label"])
+              ])
+            ])
+          ]),
+          _: 1
+        }),
+        Y(Zr, { title: "Configured Locales" }, {
+          icon: ke(() => [
+            Y(Hn)
+          ]),
+          default: ke(() => [
+            Y(nu, {
+              locales: ue(o).locales || []
+            }, null, 8, ["locales"])
+          ]),
+          _: 1
+        }),
+        Y(Zr, { title: "Advanced Configuration" }, {
+          icon: ke(() => [
+            Y(Ns)
+          ]),
+          default: ke(() => [
+            g("div", gu, [
+              g("div", vu, [
+                n[4] || (n[4] = g("span", { class: "config-label" }, "Auto Language Detection", -1)),
+                Y(bn, {
+                  status: ue(o).autoDetectLanguage ? "enabled" : "disabled",
+                  label: ue(o).autoDetectLanguage ? "Enabled" : "Disabled"
+                }, null, 8, ["status", "label"])
+              ]),
+              g("div", wu, [
+                n[5] || (n[5] = g("span", { class: "config-label" }, "Translation Directory", -1)),
+                g("span", mu, G(ue(o).translationDir || "—"), 1)
+              ]),
+              g("div", bu, [
+                n[6] || (n[6] = g("span", { class: "config-label" }, "API Base URL", -1)),
+                g("span", yu, G(ue(o).apiBaseUrl || "—"), 1)
+              ]),
+              g("div", _u, [
+                n[7] || (n[7] = g("span", { class: "config-label" }, "Locale Cookie", -1)),
+                g("span", xu, G(ue(o).localeCookie || "—"), 1)
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ]))
+    ]));
+  }
+}), Eu = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-ce2afc6d],[data-v-ce2afc6d]:before,[data-v-ce2afc6d]:after,[data-v-ce2afc6d]::backdrop{--tw-font-weight:initial}}}.config-view[data-v-ce2afc6d]{height:100%;padding:calc(var(--spacing,.25rem)*4);overflow:auto}.settings-grid[data-v-ce2afc6d]{gap:calc(var(--spacing,.25rem)*3);display:grid}.config-row[data-v-ce2afc6d]{border-radius:var(--radius-lg,.5rem);background-color:var(--color-gray-50,oklch(98.5% .002 247.839));padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:space-between;align-items:center;display:flex}@media(hover:hover){.config-row[data-v-ce2afc6d]:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.config-label[data-v-ce2afc6d]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-600,oklch(44.6% .03 256.802))}.config-value[data-v-ce2afc6d]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-800,oklch(27.8% .033 256.848))}@property --tw-font-weight{syntax:"*";inherits:false}', Nu = /* @__PURE__ */ be(ku, [["styles", [Eu]], ["__scopeId", "data-v-ce2afc6d"]]), Ou = ["innerHTML"], Su = { key: 1 }, $u = { class: "chevron" }, Cu = {
+  class: "icon",
+  viewBox: "0 0 24 24"
+}, Tu = {
+  key: 0,
+  d: "M19 9l-7 7-7-7",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, Du = {
+  key: 1,
+  d: "M9 5l7 7-7 7",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, Vu = { class: "folder-name" }, Au = {
+  key: 0,
+  class: "folder-children"
+}, Mu = /* @__PURE__ */ _e({
+  __name: "TreeItem",
+  props: {
+    node: { type: Object },
+    depth: { type: Number },
+    locale: { type: String },
+    selectedFile: { type: String },
+    defaultExpanded: { type: Boolean },
+    selected: { type: Boolean }
+  },
+  emits: ["fileSelected"],
+  setup(e, { emit: t }) {
+    const o = e, r = t, n = ne(o.defaultExpanded || !1), i = oe(() => o.selectedFile === o.node.fullPath), a = oe(() => ({
+      paddingLeft: `${o.depth * 20 + 8}px`
+    }));
+    function s() {
+      n.value = !n.value;
+    }
+    function l() {
+      r("fileSelected", o.node.fullPath, o.locale);
+    }
+    Te(
+      () => o.defaultExpanded,
+      (c) => {
+        n.value = c === !0;
+      },
+      { immediate: !0 }
+    );
+    function f(c, d) {
+      r("fileSelected", c, d);
+    }
+    return (c, d) => {
+      const p = ic("TreeItem", !0);
+      return y(), D("div", null, [
+        e.node.isFile ? (y(), D("div", {
+          key: 0,
+          class: ye(["file-item", { selected: i.value }]),
+          style: Et(a.value),
+          onClick: l
+        }, [
+          d[0] || (d[0] = Gc('<span class="file-icon" data-v-18c341ad><svg class="icon" viewBox="0 0 24 24" data-v-18c341ad><g transform="translate(4 4) scale(0.8)" data-v-18c341ad><circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="1.5" data-v-18c341ad></circle><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" fill="none" stroke="currentColor" stroke-width="1" data-v-18c341ad></path><path d="M2 12h20M5 5.2l14 14M5 18.8l14-14" fill="none" stroke="currentColor" stroke-width="1" data-v-18c341ad></path></g></svg></span>', 1)),
+          g("span", {
+            class: "file-name",
+            innerHTML: e.node.name
+          }, null, 8, Ou)
+        ], 6)) : (y(), D("div", Su, [
+          g("div", {
+            class: ye(["folder-header", { expanded: n.value, selected: e.selected }]),
+            style: Et(a.value),
+            onClick: s
+          }, [
+            g("span", $u, [
+              (y(), D("svg", Cu, [
+                n.value ? (y(), D("path", Tu)) : (y(), D("path", Du))
+              ]))
+            ]),
+            d[1] || (d[1] = g("span", { class: "folder-icon" }, [
+              g("svg", {
+                class: "icon",
+                viewBox: "0 0 24 24"
+              }, [
+                g("path", {
+                  d: "M20 6a2 2 0 0 0-2-2h-8L10 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2z",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                })
+              ])
+            ], -1)),
+            g("span", Vu, G(e.node.name), 1)
+          ], 6),
+          n.value ? (y(), D("div", Au, [
+            (y(!0), D(re, null, Fe(e.node.children, (w) => (y(), me(p, {
+              key: w.fullPath,
+              node: w,
+              locale: e.locale,
+              depth: e.depth + 1,
+              "selected-file": e.selectedFile,
+              "default-expanded": !1,
+              onFileSelected: f
+            }, null, 8, ["node", "locale", "depth", "selected-file"]))), 128))
+          ])) : ie("", !0)
+        ]))
+      ]);
+    };
+  }
+}), Iu = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-18c341ad],[data-v-18c341ad]:before,[data-v-18c341ad]:after,[data-v-18c341ad]::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial}}}.file-item[data-v-18c341ad]{margin-block:calc(var(--spacing,.25rem)*1);cursor:pointer;border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-slate-700,oklch(37.2% .044 257.287));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-width:1px;border-color:#0000;align-items:center;transition-duration:.2s;display:flex}.file-item[data-v-18c341ad]:hover{--tw-translate-x:calc(var(--spacing,.25rem)*1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);background-color:var(--color-slate-50,oklch(98.4% .003 247.858))}.file-item.selected[data-v-18c341ad]{border-color:var(--color-blue-200,oklch(88.2% .059 254.128));background-color:var(--color-blue-50,oklch(97% .014 254.604));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-blue-700,oklch(48.8% .243 264.376))}.folder-header[data-v-18c341ad]{margin-block:calc(var(--spacing,.25rem)*1);cursor:pointer;border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-slate-700,oklch(37.2% .044 257.287));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-width:1px;border-color:#0000;align-items:center;transition-duration:.2s;display:flex}.folder-header[data-v-18c341ad]:hover{--tw-translate-x:calc(var(--spacing,.25rem)*1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);background-color:var(--color-slate-50,oklch(98.4% .003 247.858))}.folder-header.expanded[data-v-18c341ad]{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-blue-700,oklch(48.8% .243 264.376))}.folder-header.selected[data-v-18c341ad]{border-color:var(--color-blue-200,oklch(88.2% .059 254.128));background-color:var(--color-blue-50,oklch(97% .014 254.604));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-blue-700,oklch(48.8% .243 264.376))}.icon[data-v-18c341ad]{margin-right:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);flex-shrink:0}.chevron .icon[data-v-18c341ad]{margin-right:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.folder-children[data-v-18c341ad]{margin-left:calc(var(--spacing,.25rem)*3);border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));padding-left:calc(var(--spacing,.25rem)*3)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}', Pu = /* @__PURE__ */ be(Mu, [["styles", [Iu]], ["__scopeId", "data-v-18c341ad"]]), ju = { class: "flex flex-col h-full w-full bg-slate-50 rounded-lg overflow-hidden" }, Lu = { class: "flex-1 min-h-0 overflow-y-auto overscroll-contain p-2" }, Fu = /* @__PURE__ */ _e({
+  __name: "LocalesList",
+  props: {
+    locales: { type: Object },
+    selectedFile: { type: String }
+  },
+  emits: ["fileSelected"],
+  setup(e, { emit: t }) {
+    const o = e, r = t, n = oe(() => {
+      const l = Object.keys(o.locales), f = i(l), c = {
+        name: a(f) || "/",
+        fullPath: f || "/",
+        children: []
+      };
+      l.forEach((p) => {
+        const w = p.startsWith(f) ? p.slice(f.length).split("/").filter(Boolean) : p.split("/").filter(Boolean);
+        let E = c;
+        for (let b = 0; b < w.length; b++) {
+          const F = w[b];
+          if (!F) continue;
+          const R = b === w.length - 1;
+          let z = E.children.find((U) => U.name === F);
+          z || (z = {
+            name: F,
+            fullPath: `${E.fullPath}/${F}`.replace(/\/+/g, "/"),
+            isFile: R,
+            children: []
+          }, E.children.push(z)), z && (E = z);
+        }
+      });
+      const d = (p) => {
+        p.sort((w, E) => w.isFile === E.isFile ? w.name.localeCompare(E.name) : w.isFile ? 1 : -1);
+        for (const w of p)
+          d(w.children);
+      };
+      return d(c.children), c.children;
+    });
+    function i(l) {
+      if (l.length === 0) return "";
+      const f = l.map((p) => p.split("/")), c = [], d = Math.min(...f.map((p) => p.length));
+      for (let p = 0; p < d; p++) {
+        const w = f[0]?.[p];
+        if (w && f.every((E) => E[p] === w))
+          c.push(w);
+        else
+          break;
+      }
+      return c.join("/");
+    }
+    function a(l) {
+      const f = l.split("/").filter((c) => c);
+      return f[f.length - 1] || "";
+    }
+    function s(l) {
+      r("fileSelected", l);
+    }
+    return (l, f) => (y(), D("div", ju, [
+      g("div", Lu, [
+        (y(!0), D(re, null, Fe(n.value, (c) => (y(), me(Pu, {
+          key: c.fullPath,
+          locale: c.name,
+          node: c,
+          depth: 0,
+          "selected-file": e.selectedFile,
+          "default-expanded": !1,
+          onFileSelected: s
+        }, null, 8, ["locale", "node", "selected-file"]))), 128))
+      ])
+    ]));
+  }
+}), Ru = "", zu = /* @__PURE__ */ be(Fu, [["styles", [Ru]], ["__scopeId", "data-v-44e760cb"]]);
+function Xe(e, t = "", o = {}) {
+  for (const r in e)
+    if (Object.prototype.hasOwnProperty.call(e, r)) {
+      const n = t ? `${t}.${r}` : r, i = e[r];
+      typeof i == "object" && i !== null ? Array.isArray(i) ? i.forEach((a, s) => {
+        Xe(a, `${n}.[]${s}`, o);
+      }) : Xe(i, n, o) : o[n] = i?.toString() ?? "";
+    }
+  return o;
+}
+const $s = (e) => {
+  const t = {};
+  for (const o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      const r = o.split(".");
+      let n = t, i = null, a = null;
+      for (let s = 0; s < r.length; s++) {
         const l = r[s];
         if (!l) continue;
         const f = l.startsWith("[]"), c = f ? Number(l.slice(2)) : Number.NaN;
@@ -6233,38 +6712,255 @@ const Os = (e) => {
       }
     }
   return t;
-};
-class Ss {
-  // Buffer for storing replaced values
-  constructor({ apiKey: t, driver: o, options: r = {} }) {
-    if (this.clearBuffer = [], this.apiKey = t, this.driver = o, this.options = r, o === "yandex-cloud" && !r.folderId)
-      throw new Error("Yandex Cloud Translator requires folderId in options.");
-  }
-  /**
-   * Translates text from one language to another.
-   *
-   * @param text - Text to translate.
-   * @param fromLang - Source language (e.g., "en").
-   * @param toLang - Target language (e.g., "ru").
-   * @returns Translated text.
-   */
-  async translate(t, o, r) {
-    if (console.debug("Translating text...", { text: t, fromLang: o, toLang: r }), t === "")
-      return t;
-    const n = this.clearText(t);
-    let i;
-    switch (this.driver) {
-      case "google":
-        i = await this.googleTranslate(n, o, r);
-        break;
-      case "yandex":
-        i = await this.yandexTranslate(n, o, r);
-        break;
-      case "deepl":
-        i = await this.deeplTranslate(n, o, r);
-        break;
-      case "openai":
-        i = await this.openaiTranslate(t, o, r);
+}, Hu = { class: "diff-viewer" }, Uu = { class: "filters" }, Bu = ["value"], Ku = { class: "diff-list" }, Wu = { class: "key-row" }, qu = { class: "key-label" }, Ju = { class: "value-compare" }, Gu = { class: "value old" }, Yu = { class: "value-content" }, Xu = { class: "value new" }, Zu = { class: "value-content" }, Qu = { class: "value-content" }, ep = /* @__PURE__ */ _e({
+  __name: "DiffViewer",
+  props: {
+    current: { type: Object },
+    base: { type: Object }
+  },
+  setup(e) {
+    const t = e, o = ne(["added", "modified", "removed"]), r = [
+      { type: "added", label: "Added", class: "bg-green-100 text-green-800" },
+      { type: "modified", label: "Modified", class: "bg-yellow-100 text-yellow-800" },
+      { type: "removed", label: "Removed", class: "bg-red-100 text-red-800" }
+    ], n = {
+      added: "text-green-600",
+      modified: "text-yellow-600",
+      removed: "text-red-600"
+    }, i = oe(() => {
+      const l = Xe(t.current), f = Xe(t.base), c = /* @__PURE__ */ new Set([...Object.keys(l), ...Object.keys(f)]);
+      return Array.from(c).map((d) => {
+        const p = l[d], w = f[d];
+        return !p && w ? { key: d, type: "removed", baseValue: w } : p && !w ? { key: d, type: "added", currentValue: p } : p !== w ? {
+          key: d,
+          type: "modified",
+          baseValue: w,
+          currentValue: p
+        } : null;
+      }).filter(Boolean);
+    }), a = oe(() => ({
+      added: i.value.filter((l) => l.type === "added").length,
+      modified: i.value.filter((l) => l.type === "modified").length,
+      removed: i.value.filter((l) => l.type === "removed").length
+    })), s = oe(() => i.value.filter((l) => o.value.includes(l.type)));
+    return (l, f) => (y(), D("div", Hu, [
+      g("div", Uu, [
+        (y(), D(re, null, Fe(r, (c) => g("label", {
+          key: c.type,
+          class: "filter-item"
+        }, [
+          ut(g("input", {
+            "onUpdate:modelValue": f[0] || (f[0] = (d) => o.value = d),
+            type: "checkbox",
+            value: c.type,
+            class: "sr-only"
+          }, null, 8, Bu), [
+            [Ld, o.value]
+          ]),
+          g("span", {
+            class: ye(["filter-badge", c.class])
+          }, G(c.label) + " (" + G(a.value[c.type]) + ") ", 3)
+        ])), 64))
+      ]),
+      g("div", Ku, [
+        (y(!0), D(re, null, Fe(s.value, (c, d) => (y(), D("div", {
+          key: d,
+          class: "diff-item"
+        }, [
+          g("div", Wu, [
+            g("span", qu, G(c.key), 1),
+            c.type ? (y(), D("span", {
+              key: 0,
+              class: ye(["change-type", n[c.type]])
+            }, G(c.type.toUpperCase()), 3)) : ie("", !0)
+          ]),
+          g("div", Ju, [
+            c.type === "modified" ? (y(), D(re, { key: 0 }, [
+              g("div", Gu, [
+                f[1] || (f[1] = g("span", { class: "value-label" }, "Default:", -1)),
+                g("span", Yu, G(c.baseValue), 1)
+              ]),
+              g("div", Xu, [
+                f[2] || (f[2] = g("span", { class: "value-label" }, "Current:", -1)),
+                g("span", Zu, G(c.currentValue), 1)
+              ])
+            ], 64)) : (y(), D("div", {
+              key: 1,
+              class: ye(["value", c.type])
+            }, [
+              g("span", Qu, G(c.currentValue || c.baseValue), 1)
+            ], 2))
+          ])
+        ]))), 128))
+      ])
+    ]));
+  }
+}), tp = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-a437510e],[data-v-a437510e]:before,[data-v-a437510e]:after,[data-v-a437510e]::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-space-y-reverse:0;--tw-border-style:solid}}}.diff-viewer[data-v-a437510e]{gap:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}.filters[data-v-a437510e]{gap:calc(var(--spacing,.25rem)*2);display:flex}.filter-item[data-v-a437510e]{cursor:pointer}.filter-badge[data-v-a437510e]{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;display:inline-flex}.filter-item input:checked+.filter-badge[data-v-a437510e]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.filter-item input:checked+.filter-badge[data-v-a437510e]{--tw-ring-color:color-mix(in oklab,var(--color-blue-500,oklch(62.3% .214 259.815))50%,transparent)}}.filter-item input:checked+.filter-badge[data-v-a437510e]{--tw-ring-inset:inset}:where(.diff-list[data-v-a437510e]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*4)*calc(1 - var(--tw-space-y-reverse)))}.diff-item[data-v-a437510e]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*4);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.key-row[data-v-a437510e]{margin-bottom:calc(var(--spacing,.25rem)*2);justify-content:space-between;align-items:center;display:flex}.key-label[data-v-a437510e]{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-700,oklch(37.3% .034 259.733));overflow:hidden}.change-type[data-v-a437510e]{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);border-radius:3.40282e38px}:where(.value-compare[data-v-a437510e]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*2)*calc(1 - var(--tw-space-y-reverse)))}.value[data-v-a437510e]{border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-width:1px;border-color:#0000}.value-label[data-v-a437510e]{margin-right:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-500,oklch(55.1% .027 264.364))}.value-content[data-v-a437510e]{overflow-wrap:break-word}.old[data-v-a437510e]{border-color:var(--color-red-200,oklch(88.5% .062 18.334));background-color:var(--color-red-50,oklch(97.1% .013 17.38));color:var(--color-red-700,oklch(50.5% .213 27.518))}.new[data-v-a437510e]{border-color:var(--color-green-200,oklch(92.5% .084 155.995));background-color:var(--color-green-50,oklch(98.2% .018 155.826));color:var(--color-green-700,oklch(52.7% .154 150.069))}.added .value-content[data-v-a437510e]{color:var(--color-green-600,oklch(62.7% .194 149.214))}.removed .value-content[data-v-a437510e]{color:var(--color-red-600,oklch(57.7% .245 27.325));text-decoration-line:line-through}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}', op = /* @__PURE__ */ be(ep, [["styles", [tp]], ["__scopeId", "data-v-a437510e"]]), rp = { class: "text-sm font-medium text-gray-600 truncate" }, np = {
+  key: 1,
+  class: "flex flex-col"
+}, ip = { class: "text-sm font-medium text-gray-600" }, rr = /* @__PURE__ */ _e({
+  __name: "StatItem",
+  props: {
+    label: String,
+    value: [String, Number],
+    trend: Number,
+    stacked: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const t = e, o = oe(() => typeof t.value == "number" ? t.value.toLocaleString() : t.value), r = oe(() => t.trend ? t.trend > 0 ? "text-green-500" : "text-red-500" : "");
+    return (n, i) => (y(), D("div", {
+      class: ye(["p-3 bg-gray-50 rounded-lg transition-all duration-200 hover:bg-gray-100", e.stacked ? "block" : "flex items-center justify-between"])
+    }, [
+      e.stacked ? (y(), D("div", np, [
+        g("span", ip, G(e.label), 1),
+        g("span", {
+          class: ye(["font-semibold mt-1", n.$attrs.class])
+        }, [
+          qe(G(o.value) + " ", 1),
+          e.trend ? (y(), D("span", {
+            key: 0,
+            class: ye(["ml-2 text-xs", r.value])
+          }, G(e.trend) + "% ", 3)) : ie("", !0)
+        ], 2)
+      ])) : (y(), D(re, { key: 0 }, [
+        g("span", rp, G(e.label), 1),
+        g("span", {
+          class: ye(["font-semibold min-w-[60px] text-right", n.$attrs.class])
+        }, [
+          qe(G(o.value) + " ", 1),
+          e.trend ? (y(), D("span", {
+            key: 0,
+            class: ye(["ml-2 text-xs", r.value])
+          }, G(e.trend) + "% ", 3)) : ie("", !0)
+        ], 2)
+      ], 64))
+    ], 2));
+  }
+}), ap = { class: "space-y-4 p-4 bg-white rounded-lg shadow-sm" }, sp = { class: "grid grid-cols-2 gap-4" }, lp = {
+  key: 0,
+  class: "grid grid-cols-2 gap-4"
+}, cp = { class: "pt-4 mt-4 border-t border-gray-200" }, dp = { class: "grid grid-cols-2 gap-4" }, fp = /* @__PURE__ */ _e({
+  __name: "Statistics",
+  props: {
+    content: { type: Object }
+  },
+  setup(e) {
+    const { getDefaultLocaleTranslation: t } = Pr(), o = e, r = (_) => typeof _ == "string" ? _.trim() : "", n = (_) => typeof _ == "string", i = oe(() => Xe(o.content)), a = oe(() => Xe(t())), s = (_) => oe(() => Object.values(i.value).filter((I) => n(I) && _(I)).length), l = oe(() => Object.keys(i.value).length), f = oe(() => Object.values(i.value).filter((_) => n(_) && r(_) !== "").length), c = oe(() => l.value ? (f.value / l.value * 100).toFixed(2) : "0.00"), d = oe(() => {
+      const _ = {};
+      return Object.values(i.value).forEach((I) => {
+        n(I) && (_[I] = (_[I] || 0) + 1);
+      }), Object.values(_).filter((I) => I > 1).length;
+    }), p = (_) => oe(() => {
+      const I = Object.keys(i.value);
+      return I.length < 2 ? null : I.reduce((P, $) => {
+        const se = i.value[P], we = i.value[$], $e = n(se) ? se.length : 0, xe = n(we) ? we.length : 0;
+        return _($e, xe) ? P : $;
+      });
+    }), w = oe(() => Object.keys(a.value).length), E = oe(
+      () => Object.keys(a.value).filter((_) => {
+        const I = i.value[_];
+        return n(I) && r(I) !== "";
+      }).length
+    ), b = oe(() => w.value ? (E.value / w.value * 100).toFixed(2) : "0.00"), F = oe(() => [
+      { label: "Total Keys", value: l.value, class: "text-blue-600" },
+      { label: "Translated Keys", value: `${f.value} (${c.value}%)`, class: "text-green-600" },
+      { label: "Missing Translations", value: l.value - f.value, class: "text-red-600" },
+      { label: "Duplicate Values", value: d.value, class: "text-orange-600" },
+      { label: "Long Translations (>100 chars)", value: z?.value ?? 0, class: "text-yellow-600" },
+      { label: "Short Translations (<3 chars)", value: U?.value ?? 0, class: "text-pink-600" },
+      { label: "Keys with Special Chars", value: fe?.value ?? 0, class: "text-indigo-600" },
+      { label: "Keys with HTML Tags", value: M?.value ?? 0, class: "text-teal-600" },
+      { label: "Keys with Placeholders", value: j?.value ?? 0, class: "text-cyan-600" }
+    ]), R = oe(() => [
+      { label: "Total Keys in Default", value: w.value, class: "text-blue-600" },
+      { label: "Translated vs Default", value: `${E.value} (${b.value}%)`, class: "text-green-600" },
+      { label: "Missing from Default", value: w.value - E.value, class: "text-red-600" },
+      { label: "Extra Keys", value: Math.max(l.value - w.value, 0), class: "text-orange-600" }
+    ]), [z, U, fe, M, j] = [
+      (_) => _.length > 100,
+      (_) => _.length < 3,
+      (_) => /[@#{}[\]]/.test(_),
+      (_) => /<[^>]+>/.test(_),
+      (_) => /\{[^}]+\}/.test(_)
+    ].map((_) => s(_)), q = p((_, I) => _ > I), H = p((_, I) => _ < I);
+    return (_, I) => (y(), D("div", ap, [
+      g("div", sp, [
+        (y(!0), D(re, null, Fe(F.value, (P, $) => (y(), me(rr, {
+          key: $,
+          label: P.label,
+          value: P.value,
+          class: ye(P.class)
+        }, null, 8, ["label", "value", "class"]))), 128))
+      ]),
+      ue(q) || ue(H) ? (y(), D("div", lp, [
+        ue(q) ? (y(), me(rr, {
+          key: 0,
+          label: "Longest Key",
+          value: ue(q),
+          stacked: "",
+          class: "text-purple-600 break-all"
+        }, null, 8, ["value"])) : ie("", !0),
+        ue(H) ? (y(), me(rr, {
+          key: 1,
+          label: "Shortest Key",
+          value: ue(H),
+          stacked: "",
+          class: "text-purple-600 break-all"
+        }, null, 8, ["value"])) : ie("", !0)
+      ])) : ie("", !0),
+      g("div", cp, [
+        I[0] || (I[0] = g("h3", { class: "text-lg font-semibold text-gray-800 mb-3" }, " Comparison with Default Locale ", -1)),
+        g("div", dp, [
+          (y(!0), D(re, null, Fe(R.value, (P, $) => (y(), me(rr, {
+            key: "compare-" + $,
+            label: P.label,
+            value: P.value,
+            class: ye(P.class)
+          }, null, 8, ["label", "value", "class"]))), 128))
+        ])
+      ]),
+      Y(op, {
+        ref: "diffModal",
+        current: e.content,
+        base: a.value
+      }, null, 8, ["current", "base"])
+    ]));
+  }
+}), up = ".border-t[data-v-42cd29b0]{border-top-width:1px;border-top-color:#e5e7eb}.pt-4[data-v-42cd29b0]{padding-top:1rem}.mt-4[data-v-42cd29b0]{margin-top:1rem}.text-lg[data-v-42cd29b0]{font-size:1.125rem;line-height:1.75rem}.font-semibold[data-v-42cd29b0]{font-weight:600}.bg-white[data-v-42cd29b0]{background-color:#fff}.rounded-lg[data-v-42cd29b0]{border-radius:.5rem}.shadow[data-v-42cd29b0]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.grid[data-v-42cd29b0]{display:grid}.gap-4[data-v-42cd29b0]{gap:1rem}", pp = /* @__PURE__ */ be(fp, [["styles", [up]], ["__scopeId", "data-v-42cd29b0"]]);
+class Cs {
+  // Buffer for storing replaced values
+  constructor({ apiKey: t, driver: o, options: r = {} }) {
+    if (this.clearBuffer = [], this.apiKey = t, this.driver = o, this.options = r, o === "yandex-cloud" && !r.folderId)
+      throw new Error("Yandex Cloud Translator requires folderId in options.");
+  }
+  /**
+   * Translates text from one language to another.
+   *
+   * @param text - Text to translate.
+   * @param fromLang - Source language (e.g., "en").
+   * @param toLang - Target language (e.g., "ru").
+   * @returns Translated text.
+   */
+  async translate(t, o, r) {
+    if (console.debug("Translating text...", { text: t, fromLang: o, toLang: r }), t === "")
+      return t;
+    const n = this.clearText(t);
+    let i;
+    switch (this.driver) {
+      case "google":
+        i = await this.googleTranslate(n, o, r);
+        break;
+      case "yandex":
+        i = await this.yandexTranslate(n, o, r);
+        break;
+      case "deepl":
+        i = await this.deeplTranslate(n, o, r);
+        break;
+      case "openai":
+        i = await this.openaiTranslate(t, o, r);
         break;
       case "deepseek":
         i = await this.deepseekTranslate(t, o, r);
@@ -6463,7 +7159,7 @@ class Ss {
       const a = r[i];
       a !== void 0 && (n += a, n = this.tokenTransform(n, "+-a^+6"));
     }
-    return n = this.tokenTransform(n, "+-3^+b+-f"), n ^= 0, n < 0 && (n = (n & 2147483647) + 2147483648), n %= 1e6, n.toString() + "." + (n ^ 0);
+    return n = this.tokenTransform(n, "+-3^+b+-f"), n ^= 0, n < 0 && (n = (n & 2147483647) + 2147483648), n %= 1e6, `${n.toString()}.${n ^ 0}`;
   }
   tokenTransform(t, o) {
     for (let r = 0; r < o.length - 2; r += 3) {
@@ -6473,13 +7169,13 @@ class Ss {
     return t;
   }
 }
-const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
+const hp = { class: "pagination" }, gp = ["disabled"], vp = ["onClick"], wp = {
   key: 0,
   class: "pagination-ellipsis"
-}, vf = ["onClick"], wf = {
+}, mp = ["onClick"], bp = {
   key: 0,
   class: "pagination-ellipsis"
-}, mf = ["onClick"], bf = ["disabled"], yf = /* @__PURE__ */ _e({
+}, yp = ["onClick"], _p = ["disabled"], xp = /* @__PURE__ */ _e({
   __name: "Pagination",
   props: {
     currentPage: { type: Number },
@@ -6495,647 +7191,152 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
     }), s = (l) => {
       l >= 1 && l <= o.totalPages && r("update:page", l);
     };
-    return (l, f) => (y(), D("div", uf, [
+    return (l, f) => (y(), D("div", hp, [
       g("button", {
         disabled: e.currentPage === 1,
         class: "pagination-button",
         onClick: f[0] || (f[0] = (c) => s(e.currentPage - 1))
-      }, " Previous ", 8, pf),
+      }, " Previous ", 8, gp),
       e.currentPage > 3 ? (y(), D(re, { key: 0 }, [
         (y(!0), D(re, null, Fe(n.value, (c) => (y(), D("button", {
           key: c,
           class: "pagination-button",
-          onClick: (d) => s(c)
-        }, G(c), 9, hf))), 128)),
-        e.currentPage > 4 ? (y(), D("span", gf, "...")) : ie("", !0)
-      ], 64)) : ie("", !0),
-      (y(!0), D(re, null, Fe(a.value, (c) => (y(), D("button", {
-        key: c,
-        class: ye(["pagination-button", { active: e.currentPage === c }]),
-        onClick: (d) => s(c)
-      }, G(c), 11, vf))), 128)),
-      e.currentPage < e.totalPages - 2 ? (y(), D(re, { key: 1 }, [
-        e.currentPage < e.totalPages - 3 ? (y(), D("span", wf, "...")) : ie("", !0),
-        (y(!0), D(re, null, Fe(i.value, (c) => (y(), D("button", {
-          key: c,
-          class: "pagination-button",
-          onClick: (d) => s(c)
-        }, G(c), 9, mf))), 128))
-      ], 64)) : ie("", !0),
-      g("button", {
-        disabled: e.currentPage === e.totalPages || e.totalPages === 0,
-        class: "pagination-button",
-        onClick: f[1] || (f[1] = (c) => s(e.currentPage + 1))
-      }, " Next ", 8, bf)
-    ]));
-  }
-}), _f = ".pagination[data-v-b4b1b64c]{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px;flex-wrap:wrap}.pagination-button[data-v-b4b1b64c]{padding:6px 12px;min-width:32px;border:1px solid #ccc;border-radius:4px;background-color:#f8f9fa;cursor:pointer;font-size:13px;color:#333;text-align:center;transition:background-color .2s,border-color .2s}.pagination-button[data-v-b4b1b64c]:hover:not(:disabled){background-color:#e9ecef;border-color:#bbb}.pagination-button[data-v-b4b1b64c]:disabled{background-color:#e9ecef;cursor:not-allowed;color:#999}.pagination-button.active[data-v-b4b1b64c]{background-color:#007bff;border-color:#007bff;color:#fff}.pagination-ellipsis[data-v-b4b1b64c]{padding:6px 12px;font-size:13px;color:#666}", xf = /* @__PURE__ */ be(yf, [["styles", [_f]], ["__scopeId", "data-v-b4b1b64c"]]), kf = { class: "translation-editor" }, Ef = { class: "translation-list-container" }, Nf = { class: "search-box" }, Of = { class: "translation-list" }, Sf = { class: "key-header" }, $f = ["title"], Cf = ["onClick"], Tf = { class: "default-value" }, Df = ["onUpdate:modelValue", "placeholder"], Vf = { class: "pagination-wrapper" }, Zr = 30, Af = /* @__PURE__ */ _e({
-  __name: "TranslationEditor",
-  props: {
-    modelValue: { type: Object }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const o = e, r = t, { selectedFile: n, configs: i, getDefaultLocaleTranslation: a } = Pr(), s = ne(Xe(o.modelValue)), l = ne({}), f = ne(""), c = ne(1), d = ne("disabled"), p = ne(""), w = ne({}), E = oe(() => {
-      const j = Object.keys(l.value);
-      if (!f.value.trim()) return F.value;
-      const q = f.value.toLowerCase();
-      return j.filter(
-        (H) => H.toLowerCase().includes(q) || l.value[H]?.toLowerCase().includes(q)
-      );
-    }), b = oe(() => Math.ceil(Object.keys(l.value).length / Zr)), F = oe(() => {
-      const j = (c.value - 1) * Zr, q = j + Zr;
-      return Object.keys(l.value).slice(j, q);
-    }), R = () => {
-      const j = a();
-      l.value = Xe(j);
-    }, z = () => {
-      r("update:modelValue", Os(s.value));
-    }, U = (j) => {
-      j >= 1 && j <= b.value && (c.value = j);
-    }, fe = async (j, q) => {
-      if (q)
-        try {
-          const H = i.value.defaultLocale, _ = new Ss({ apiKey: p.value, driver: d.value, options: w.value }), I = n.value.split("/").pop() ?? "";
-          s.value[j] = await _.translate(q, H, I.replace(".json", "")), z();
-        } catch (H) {
-          console.error("Translation error:", H);
-        }
-    }, M = () => {
-      const j = localStorage.getItem("translationSettings");
-      if (j)
-        try {
-          const q = JSON.parse(j);
-          d.value = q.driver || "disabled", p.value = q.token || "", w.value = q.options || {};
-        } catch {
-          localStorage.removeItem("translationSettings");
-        }
-    };
-    return Pt(() => {
-      R(), M();
-    }), Te(() => o.modelValue, (j) => {
-      s.value = Xe(j), R();
-    }), Te(n, () => {
-      R(), c.value = 1;
-    }), Te(() => i.value.defaultLocale, () => {
-      R();
-    }), (j, q) => (y(), D("div", kf, [
-      g("div", Ef, [
-        g("div", Nf, [
-          ut(g("input", {
-            "onUpdate:modelValue": q[0] || (q[0] = (H) => f.value = H),
-            placeholder: "Search keys or values...",
-            class: "search-input"
-          }, null, 512), [
-            [Nr, f.value]
-          ])
-        ]),
-        g("div", Of, [
-          (y(!0), D(re, null, Fe(E.value, (H) => (y(), D("div", {
-            key: H,
-            class: ye(["translation-item", { missing: !s.value[H]?.trim() }])
-          }, [
-            g("div", Sf, [
-              g("span", {
-                class: "key-label",
-                title: H
-              }, G(H), 9, $f),
-              d.value !== "disabled" ? (y(), D("button", {
-                key: 0,
-                class: "translate-btn",
-                onClick: (_) => fe(H, l.value[H] || "")
-              }, [...q[1] || (q[1] = [
-                g("svg", {
-                  class: "translate-icon",
-                  viewBox: "0 0 24 24"
-                }, [
-                  g("path", { d: "M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" })
-                ], -1)
-              ])], 8, Cf)) : ie("", !0)
-            ]),
-            g("div", Tf, G(l.value[H] || "No default value"), 1),
-            ut(g("textarea", {
-              "onUpdate:modelValue": (_) => s.value[H] = _,
-              class: "translation-input",
-              placeholder: l.value[H],
-              rows: "1",
-              onInput: z
-            }, null, 40, Df), [
-              [Nr, s.value[H]]
-            ])
-          ], 2))), 128))
-        ])
-      ]),
-      g("div", Vf, [
-        f.value ? ie("", !0) : (y(), me(xf, {
-          key: 0,
-          "current-page": c.value,
-          "total-pages": b.value,
-          "onUpdate:page": U
-        }, null, 8, ["current-page", "total-pages"]))
-      ])
-    ]));
-  }
-}), Mf = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-22e198ae],[data-v-22e198ae]:before,[data-v-22e198ae]:after,[data-v-22e198ae]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-space-y-reverse:0;--tw-font-weight:initial}}}.translation-editor[data-v-22e198ae]{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.translation-list-container[data-v-22e198ae]{min-height:calc(var(--spacing,.25rem)*0);flex-direction:column;flex:1;display:flex;overflow:hidden}.search-box[data-v-22e198ae]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*2);flex-shrink:0}.search-input[data-v-22e198ae]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,oklch(87.2% .01 258.338));width:100%;padding:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.search-input[data-v-22e198ae]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-blue-500,oklch(62.3% .214 259.815));--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.search-input[data-v-22e198ae]:focus{outline-offset:2px;outline:2px solid #0000}}.translation-list[data-v-22e198ae]{flex:1}:where(.translation-list[data-v-22e198ae]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*3)*calc(1 - var(--tw-space-y-reverse)))}.translation-list[data-v-22e198ae]{padding:calc(var(--spacing,.25rem)*2);overscroll-behavior:contain;overflow:hidden auto}.translation-item[data-v-22e198ae]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.translation-item.missing[data-v-22e198ae]{border-left-style:var(--tw-border-style);border-left-width:4px;border-left-color:var(--color-yellow-500,oklch(79.5% .184 86.047));background-color:#fefce84d}@supports (color:color-mix(in lab,red,red)){.translation-item.missing[data-v-22e198ae]{background-color:color-mix(in oklab,var(--color-yellow-50,oklch(98.7% .026 102.212))30%,transparent)}}.key-header[data-v-22e198ae]{margin-bottom:calc(var(--spacing,.25rem)*1);justify-content:space-between;align-items:center;display:flex}.key-label[data-v-22e198ae]{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-slate-700,oklch(37.2% .044 257.287));-webkit-user-select:all;user-select:all;overflow:hidden}.default-value[data-v-22e198ae]{margin-bottom:calc(var(--spacing,.25rem)*2);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-500,oklch(55.1% .027 264.364));opacity:.8;overflow:hidden}.translation-input[data-v-22e198ae]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,oklch(87.2% .01 258.338));width:100%;min-height:38px;padding:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-radius:.25rem}.translation-input[data-v-22e198ae]:focus{border-color:var(--color-blue-500,oklch(62.3% .214 259.815));--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-blue-500,oklch(62.3% .214 259.815));--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.translation-input[data-v-22e198ae]:focus{outline-offset:2px;outline:2px solid #0000}}.translate-btn[data-v-22e198ae]{padding:calc(var(--spacing,.25rem)*1);color:var(--color-gray-400,oklch(70.7% .022 261.325));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.25rem}@media(hover:hover){.translate-btn[data-v-22e198ae]:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-blue-600,oklch(54.6% .245 262.881))}}.translate-icon[data-v-22e198ae]{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:currentColor}.pagination-wrapper[data-v-22e198ae]{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*2);flex-shrink:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}', If = /* @__PURE__ */ be(Af, [["styles", [Mf]], ["__scopeId", "data-v-22e198ae"]]), Pf = ["innerHTML"], jf = { key: 1 }, Lf = { class: "chevron" }, Ff = {
-  class: "icon",
-  viewBox: "0 0 24 24"
-}, Rf = {
-  key: 0,
-  d: "M19 9l-7 7-7-7",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2"
-}, zf = {
-  key: 1,
-  d: "M9 5l7 7-7 7",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2"
-}, Hf = { class: "folder-name" }, Uf = {
-  key: 0,
-  class: "folder-children"
-}, Bf = /* @__PURE__ */ _e({
-  __name: "TreeItem",
-  props: {
-    node: { type: Object },
-    depth: { type: Number },
-    locale: { type: String },
-    selectedFile: { type: String },
-    defaultExpanded: { type: Boolean },
-    selected: { type: Boolean }
-  },
-  emits: ["fileSelected"],
-  setup(e, { emit: t }) {
-    const o = e, r = t, n = ne(o.defaultExpanded || !1), i = oe(() => o.selectedFile === o.node.fullPath), a = oe(() => ({
-      paddingLeft: `${o.depth * 20 + 8}px`
-    }));
-    function s() {
-      n.value = !n.value;
-    }
-    function l() {
-      r("fileSelected", o.node.fullPath, o.locale);
-    }
-    Te(() => o.defaultExpanded, (c) => {
-      n.value = c === !0;
-    }, { immediate: !0 });
-    function f(c, d) {
-      r("fileSelected", c, d);
-    }
-    return (c, d) => {
-      const p = ic("TreeItem", !0);
-      return y(), D("div", null, [
-        e.node.isFile ? (y(), D("div", {
-          key: 0,
-          class: ye(["file-item", { selected: i.value }]),
-          style: Et(a.value),
-          onClick: l
-        }, [
-          d[0] || (d[0] = Gc('<span class="file-icon" data-v-4d6079f7><svg class="icon" viewBox="0 0 24 24" data-v-4d6079f7><g transform="translate(4 4) scale(0.8)" data-v-4d6079f7><circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="1.5" data-v-4d6079f7></circle><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" fill="none" stroke="currentColor" stroke-width="1" data-v-4d6079f7></path><path d="M2 12h20M5 5.2l14 14M5 18.8l14-14" fill="none" stroke="currentColor" stroke-width="1" data-v-4d6079f7></path></g></svg></span>', 1)),
-          g("span", {
-            class: "file-name",
-            innerHTML: e.node.name
-          }, null, 8, Pf)
-        ], 6)) : (y(), D("div", jf, [
-          g("div", {
-            class: ye(["folder-header", { expanded: n.value, selected: e.selected }]),
-            style: Et(a.value),
-            onClick: s
-          }, [
-            g("span", Lf, [
-              (y(), D("svg", Ff, [
-                n.value ? (y(), D("path", Rf)) : (y(), D("path", zf))
-              ]))
-            ]),
-            d[1] || (d[1] = g("span", { class: "folder-icon" }, [
-              g("svg", {
-                class: "icon",
-                viewBox: "0 0 24 24"
-              }, [
-                g("path", {
-                  d: "M20 6a2 2 0 0 0-2-2h-8L10 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2z",
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "2"
-                })
-              ])
-            ], -1)),
-            g("span", Hf, G(e.node.name), 1)
-          ], 6),
-          n.value ? (y(), D("div", Uf, [
-            (y(!0), D(re, null, Fe(e.node.children, (w) => (y(), me(p, {
-              key: w.fullPath,
-              node: w,
-              locale: e.locale,
-              depth: e.depth + 1,
-              "selected-file": e.selectedFile,
-              "default-expanded": !1,
-              onFileSelected: f
-            }, null, 8, ["node", "locale", "depth", "selected-file"]))), 128))
-          ])) : ie("", !0)
-        ]))
-      ]);
-    };
-  }
-}), Kf = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-4d6079f7],[data-v-4d6079f7]:before,[data-v-4d6079f7]:after,[data-v-4d6079f7]::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial}}}.file-item[data-v-4d6079f7]{margin-block:calc(var(--spacing,.25rem)*1);cursor:pointer;border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-slate-700,oklch(37.2% .044 257.287));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-width:1px;border-color:#0000;align-items:center;transition-duration:.2s;display:flex}.file-item[data-v-4d6079f7]:hover{--tw-translate-x:calc(var(--spacing,.25rem)*1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);background-color:var(--color-slate-50,oklch(98.4% .003 247.858))}.file-item.selected[data-v-4d6079f7]{border-color:var(--color-blue-200,oklch(88.2% .059 254.128));background-color:var(--color-blue-50,oklch(97% .014 254.604));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-blue-700,oklch(48.8% .243 264.376))}.folder-header[data-v-4d6079f7]{margin-block:calc(var(--spacing,.25rem)*1);cursor:pointer;border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-slate-700,oklch(37.2% .044 257.287));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-width:1px;border-color:#0000;align-items:center;transition-duration:.2s;display:flex}.folder-header[data-v-4d6079f7]:hover{--tw-translate-x:calc(var(--spacing,.25rem)*1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);background-color:var(--color-slate-50,oklch(98.4% .003 247.858))}.folder-header.expanded[data-v-4d6079f7]{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-blue-700,oklch(48.8% .243 264.376))}.folder-header.selected[data-v-4d6079f7]{border-color:var(--color-blue-200,oklch(88.2% .059 254.128));background-color:var(--color-blue-50,oklch(97% .014 254.604));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-blue-700,oklch(48.8% .243 264.376))}.icon[data-v-4d6079f7]{margin-right:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);flex-shrink:0}.chevron .icon[data-v-4d6079f7]{margin-right:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.folder-children[data-v-4d6079f7]{margin-left:calc(var(--spacing,.25rem)*3);border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));padding-left:calc(var(--spacing,.25rem)*3)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}', Wf = /* @__PURE__ */ be(Bf, [["styles", [Kf]], ["__scopeId", "data-v-4d6079f7"]]), qf = { class: "flex flex-col h-full w-full bg-slate-50 rounded-lg overflow-hidden" }, Jf = { class: "flex-1 min-h-0 overflow-y-auto overscroll-contain p-2" }, Gf = /* @__PURE__ */ _e({
-  __name: "LocalesList",
-  props: {
-    locales: { type: Object },
-    selectedFile: { type: String }
-  },
-  emits: ["fileSelected"],
-  setup(e, { emit: t }) {
-    const o = e, r = t, n = oe(() => {
-      const l = Object.keys(o.locales), f = i(l), c = {
-        name: a(f) || "/",
-        fullPath: f || "/",
-        children: []
-      };
-      l.forEach((p) => {
-        const w = p.startsWith(f) ? p.slice(f.length).split("/").filter(Boolean) : p.split("/").filter(Boolean);
-        let E = c;
-        for (let b = 0; b < w.length; b++) {
-          const F = w[b];
-          if (!F) continue;
-          const R = b === w.length - 1;
-          let z = E.children.find((U) => U.name === F);
-          z || (z = {
-            name: F,
-            fullPath: `${E.fullPath}/${F}`.replace(/\/+/g, "/"),
-            isFile: R,
-            children: []
-          }, E.children.push(z)), z && (E = z);
-        }
-      });
-      const d = (p) => {
-        p.sort((w, E) => w.isFile === E.isFile ? w.name.localeCompare(E.name) : w.isFile ? 1 : -1);
-        for (const w of p)
-          d(w.children);
-      };
-      return d(c.children), c.children;
-    });
-    function i(l) {
-      if (l.length === 0) return "";
-      const f = l.map((p) => p.split("/")), c = [], d = Math.min(...f.map((p) => p.length));
-      for (let p = 0; p < d; p++) {
-        const w = f[0]?.[p];
-        if (w && f.every((E) => E[p] === w))
-          c.push(w);
-        else
-          break;
-      }
-      return c.join("/");
-    }
-    function a(l) {
-      const f = l.split("/").filter((c) => c);
-      return f[f.length - 1] || "";
-    }
-    function s(l) {
-      r("fileSelected", l);
-    }
-    return (l, f) => (y(), D("div", qf, [
-      g("div", Jf, [
-        (y(!0), D(re, null, Fe(n.value, (c) => (y(), me(Wf, {
-          key: c.fullPath,
-          locale: c.name,
-          node: c,
-          depth: 0,
-          "selected-file": e.selectedFile,
-          "default-expanded": !1,
-          onFileSelected: s
-        }, null, 8, ["locale", "node", "selected-file"]))), 128))
-      ])
-    ]));
-  }
-}), Yf = "", Xf = /* @__PURE__ */ be(Gf, [["styles", [Yf]], ["__scopeId", "data-v-c66b5f7f"]]), Zf = { class: "header-content" }, Qf = { class: "modal-title" }, eu = { class: "modal-body" }, tu = {
-  key: 0,
-  class: "modal-footer"
-}, ou = /* @__PURE__ */ _e({
-  __name: "Modal",
-  props: {
-    show: { type: Boolean },
-    title: { type: String },
-    size: { default: "md", type: String },
-    width: { type: String },
-    height: { type: String },
-    disableOutsideClick: { type: Boolean, default: !1 },
-    disableEsc: { type: Boolean, default: !1 },
-    showCloseButton: { type: Boolean, default: !0 },
-    headerClass: { type: String }
-  },
-  emits: ["update:show", "close"],
-  setup(e, { emit: t }) {
-    const o = e, r = t, n = {
-      sm: { width: "400px", height: "auto" },
-      md: { width: "600px", height: "70vh" },
-      lg: { width: "800px", height: "80vh" },
-      xl: { width: "90vw", height: "90vh" },
-      custom: { width: o.width || "auto", height: o.height || "auto" }
-    }, i = oe(
-      () => o.size === "custom" ? o.width : null
-    ), a = oe(
-      () => o.size === "custom" ? o.height : null
-    ), s = () => {
-      r("update:show", !1), r("close");
-    }, l = () => {
-      o.disableOutsideClick || s();
-    }, f = () => {
-      o.disableEsc || s();
-    }, c = (p) => {
-      p.key === "Escape" && f();
-    }, d = ne("");
-    return Pt(() => {
-      if (document.addEventListener("keydown", c), o.show) {
-        const p = document.querySelector("i18n-devtools-ui");
-        p && (d.value = p.style.overflow || "", p.style.overflow = "hidden");
-      }
-    }), An(() => {
-      document.removeEventListener("keydown", c);
-      const p = document.querySelector("i18n-devtools-ui");
-      p && (p.style.overflow = d.value);
-    }), Te(() => o.show, (p) => {
-      const w = document.querySelector("i18n-devtools-ui");
-      w && (p ? (d.value = w.style.overflow || "", w.style.overflow = "hidden") : w.style.overflow = d.value);
-    }), (p, w) => (y(), me(Kl, { to: "body" }, [
-      Y(mn, { name: "modal" }, {
-        default: ke(() => [
-          e.show ? (y(), D("div", {
-            key: 0,
-            class: "modal-overlay",
-            onClick: ks(l, ["self"]),
-            onKeydown: Hd(f, ["esc"])
-          }, [
-            g("div", {
-              class: "modal-content",
-              style: Et({
-                width: i.value || n[e.size].width,
-                height: a.value || n[e.size].height
-              })
-            }, [
-              g("div", {
-                class: ye(["modal-header", e.headerClass])
-              }, [
-                g("div", Zf, [
-                  vt(p.$slots, "header", {}, () => [
-                    g("h3", Qf, G(e.title), 1)
-                  ], !0)
-                ]),
-                e.showCloseButton ? (y(), D("button", {
-                  key: 0,
-                  class: "modal-close-button",
-                  "aria-label": "Close modal",
-                  onClick: s
-                }, [...w[0] || (w[0] = [
-                  g("svg", {
-                    class: "close-icon",
-                    viewBox: "0 0 24 24"
-                  }, [
-                    g("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
-                  ], -1)
-                ])])) : ie("", !0)
-              ], 2),
-              g("div", eu, [
-                vt(p.$slots, "default", {}, void 0, !0)
-              ]),
-              p.$slots.footer ? (y(), D("div", tu, [
-                vt(p.$slots, "footer", {}, void 0, !0)
-              ])) : ie("", !0)
-            ], 4)
-          ], 32)) : ie("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), ru = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-4ae52707],[data-v-4ae52707]:before,[data-v-4ae52707]:after,[data-v-4ae52707]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-font-weight:initial;--tw-space-x-reverse:0}}}.modal-overlay[data-v-4ae52707]{inset:calc(var(--spacing,.25rem)*0);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed}@supports (color:color-mix(in lab,red,red)){.modal-overlay[data-v-4ae52707]{background-color:color-mix(in oklab,var(--color-black,#000)50%,transparent)}}.modal-overlay[data-v-4ae52707]{padding:calc(var(--spacing,.25rem)*4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content[data-v-4ae52707]{border-radius:var(--radius-xl,.75rem);background-color:var(--color-white,#fff);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;max-height:calc(100vh - 2rem);display:flex}.modal-header[data-v-4ae52707]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*4);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-content[data-v-4ae52707]{min-width:calc(var(--spacing,.25rem)*0);flex:1}.modal-title[data-v-4ae52707]{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-900,oklch(21% .034 264.665));overflow:hidden}.modal-close-button[data-v-4ae52707]{margin-right:calc(var(--spacing,.25rem)*-2);margin-left:calc(var(--spacing,.25rem)*4);padding:calc(var(--spacing,.25rem)*2);color:var(--color-gray-400,oklch(70.7% .022 261.325));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){.modal-close-button[data-v-4ae52707]:hover{color:var(--color-gray-600,oklch(44.6% .03 256.802))}}.close-icon[data-v-4ae52707]{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);fill:currentColor}.modal-body[data-v-4ae52707]{padding:calc(var(--spacing,.25rem)*6);scrollbar-width:thin;scrollbar-color:oklch(87.2% .01 258.338) #fff;flex:1;overflow-y:auto}.modal-body[data-v-4ae52707]::-webkit-scrollbar{width:calc(var(--spacing,.25rem)*2)}.modal-body[data-v-4ae52707]::-webkit-scrollbar-track{border-radius:var(--radius-sm,.25rem);background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}.modal-body[data-v-4ae52707]::-webkit-scrollbar-thumb{border-radius:var(--radius-sm,.25rem);background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}@media(hover:hover){.modal-body[data-v-4ae52707]::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400,oklch(70.7% .022 261.325))}}.modal-footer[data-v-4ae52707]{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}:where(.modal-footer[data-v-4ae52707]>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,.25rem)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,.25rem)*3)*calc(1 - var(--tw-space-x-reverse)))}.modal-footer[data-v-4ae52707]{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*4)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}', qi = /* @__PURE__ */ be(ou, [["styles", [ru]], ["__scopeId", "data-v-4ae52707"]]), nu = { class: "text-sm font-medium text-gray-600 truncate" }, iu = {
-  key: 1,
-  class: "flex flex-col"
-}, au = { class: "text-sm font-medium text-gray-600" }, rr = /* @__PURE__ */ _e({
-  __name: "StatItem",
-  props: {
-    label: String,
-    value: [String, Number],
-    trend: Number,
-    stacked: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(e) {
-    const t = e, o = oe(() => typeof t.value == "number" ? t.value.toLocaleString() : t.value), r = oe(() => t.trend ? t.trend > 0 ? "text-green-500" : "text-red-500" : "");
-    return (n, i) => (y(), D("div", {
-      class: ye(["p-3 bg-gray-50 rounded-lg transition-all duration-200 hover:bg-gray-100", e.stacked ? "block" : "flex items-center justify-between"])
-    }, [
-      e.stacked ? (y(), D("div", iu, [
-        g("span", au, G(e.label), 1),
-        g("span", {
-          class: ye(["font-semibold mt-1", n.$attrs.class])
-        }, [
-          qe(G(o.value) + " ", 1),
-          e.trend ? (y(), D("span", {
-            key: 0,
-            class: ye(["ml-2 text-xs", r.value])
-          }, G(e.trend) + "% ", 3)) : ie("", !0)
-        ], 2)
-      ])) : (y(), D(re, { key: 0 }, [
-        g("span", nu, G(e.label), 1),
-        g("span", {
-          class: ye(["font-semibold min-w-[60px] text-right", n.$attrs.class])
-        }, [
-          qe(G(o.value) + " ", 1),
-          e.trend ? (y(), D("span", {
-            key: 0,
-            class: ye(["ml-2 text-xs", r.value])
-          }, G(e.trend) + "% ", 3)) : ie("", !0)
-        ], 2)
-      ], 64))
-    ], 2));
-  }
-}), su = { class: "diff-viewer" }, lu = { class: "filters" }, cu = ["value"], du = { class: "diff-list" }, fu = { class: "key-row" }, uu = { class: "key-label" }, pu = { class: "value-compare" }, hu = { class: "value old" }, gu = { class: "value-content" }, vu = { class: "value new" }, wu = { class: "value-content" }, mu = { class: "value-content" }, bu = /* @__PURE__ */ _e({
-  __name: "DiffViewer",
-  props: {
-    current: { type: Object },
-    base: { type: Object }
-  },
-  setup(e) {
-    const t = e, o = ne(["added", "modified", "removed"]), r = [
-      { type: "added", label: "Added", class: "bg-green-100 text-green-800" },
-      { type: "modified", label: "Modified", class: "bg-yellow-100 text-yellow-800" },
-      { type: "removed", label: "Removed", class: "bg-red-100 text-red-800" }
-    ], n = {
-      added: "text-green-600",
-      modified: "text-yellow-600",
-      removed: "text-red-600"
-    }, i = oe(() => {
-      const l = Xe(t.current), f = Xe(t.base), c = /* @__PURE__ */ new Set([...Object.keys(l), ...Object.keys(f)]);
-      return Array.from(c).map((d) => {
-        const p = l[d], w = f[d];
-        return !p && w ? { key: d, type: "removed", baseValue: w } : p && !w ? { key: d, type: "added", currentValue: p } : p !== w ? {
-          key: d,
-          type: "modified",
-          baseValue: w,
-          currentValue: p
-        } : null;
-      }).filter(Boolean);
-    }), a = oe(() => ({
-      added: i.value.filter((l) => l.type === "added").length,
-      modified: i.value.filter((l) => l.type === "modified").length,
-      removed: i.value.filter((l) => l.type === "removed").length
-    })), s = oe(
-      () => i.value.filter((l) => o.value.includes(l.type))
-    );
-    return (l, f) => (y(), D("div", su, [
-      g("div", lu, [
-        (y(), D(re, null, Fe(r, (c) => g("label", {
-          key: c.type,
-          class: "filter-item"
-        }, [
-          ut(g("input", {
-            "onUpdate:modelValue": f[0] || (f[0] = (d) => o.value = d),
-            type: "checkbox",
-            value: c.type,
-            class: "sr-only"
-          }, null, 8, cu), [
-            [Ld, o.value]
-          ]),
-          g("span", {
-            class: ye(["filter-badge", c.class])
-          }, G(c.label) + " (" + G(a.value[c.type]) + ") ", 3)
-        ])), 64))
-      ]),
-      g("div", du, [
-        (y(!0), D(re, null, Fe(s.value, (c, d) => (y(), D("div", {
-          key: d,
-          class: "diff-item"
-        }, [
-          g("div", fu, [
-            g("span", uu, G(c.key), 1),
-            c.type ? (y(), D("span", {
-              key: 0,
-              class: ye(["change-type", n[c.type]])
-            }, G(c.type.toUpperCase()), 3)) : ie("", !0)
-          ]),
-          g("div", pu, [
-            c.type === "modified" ? (y(), D(re, { key: 0 }, [
-              g("div", hu, [
-                f[1] || (f[1] = g("span", { class: "value-label" }, "Default:", -1)),
-                g("span", gu, G(c.baseValue), 1)
-              ]),
-              g("div", vu, [
-                f[2] || (f[2] = g("span", { class: "value-label" }, "Current:", -1)),
-                g("span", wu, G(c.currentValue), 1)
-              ])
-            ], 64)) : (y(), D("div", {
-              key: 1,
-              class: ye(["value", c.type])
-            }, [
-              g("span", mu, G(c.currentValue || c.baseValue), 1)
-            ], 2))
-          ])
-        ]))), 128))
-      ])
+          onClick: (d) => s(c)
+        }, G(c), 9, vp))), 128)),
+        e.currentPage > 4 ? (y(), D("span", wp, "...")) : ie("", !0)
+      ], 64)) : ie("", !0),
+      (y(!0), D(re, null, Fe(a.value, (c) => (y(), D("button", {
+        key: c,
+        class: ye(["pagination-button", { active: e.currentPage === c }]),
+        onClick: (d) => s(c)
+      }, G(c), 11, mp))), 128)),
+      e.currentPage < e.totalPages - 2 ? (y(), D(re, { key: 1 }, [
+        e.currentPage < e.totalPages - 3 ? (y(), D("span", bp, "...")) : ie("", !0),
+        (y(!0), D(re, null, Fe(i.value, (c) => (y(), D("button", {
+          key: c,
+          class: "pagination-button",
+          onClick: (d) => s(c)
+        }, G(c), 9, yp))), 128))
+      ], 64)) : ie("", !0),
+      g("button", {
+        disabled: e.currentPage === e.totalPages || e.totalPages === 0,
+        class: "pagination-button",
+        onClick: f[1] || (f[1] = (c) => s(e.currentPage + 1))
+      }, " Next ", 8, _p)
     ]));
   }
-}), yu = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-99d2966f],[data-v-99d2966f]:before,[data-v-99d2966f]:after,[data-v-99d2966f]::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-space-y-reverse:0;--tw-border-style:solid}}}.diff-viewer[data-v-99d2966f]{gap:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}.filters[data-v-99d2966f]{gap:calc(var(--spacing,.25rem)*2);display:flex}.filter-item[data-v-99d2966f]{cursor:pointer}.filter-badge[data-v-99d2966f]{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;display:inline-flex}.filter-item input:checked+.filter-badge[data-v-99d2966f]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.filter-item input:checked+.filter-badge[data-v-99d2966f]{--tw-ring-color:color-mix(in oklab,var(--color-blue-500,oklch(62.3% .214 259.815))50%,transparent)}}.filter-item input:checked+.filter-badge[data-v-99d2966f]{--tw-ring-inset:inset}:where(.diff-list[data-v-99d2966f]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*4)*calc(1 - var(--tw-space-y-reverse)))}.diff-item[data-v-99d2966f]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*4);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.key-row[data-v-99d2966f]{margin-bottom:calc(var(--spacing,.25rem)*2);justify-content:space-between;align-items:center;display:flex}.key-label[data-v-99d2966f]{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-700,oklch(37.3% .034 259.733));overflow:hidden}.change-type[data-v-99d2966f]{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);border-radius:3.40282e38px}:where(.value-compare[data-v-99d2966f]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*2)*calc(1 - var(--tw-space-y-reverse)))}.value[data-v-99d2966f]{border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-width:1px;border-color:#0000}.value-label[data-v-99d2966f]{margin-right:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-500,oklch(55.1% .027 264.364))}.value-content[data-v-99d2966f]{overflow-wrap:break-word}.old[data-v-99d2966f]{border-color:var(--color-red-200,oklch(88.5% .062 18.334));background-color:var(--color-red-50,oklch(97.1% .013 17.38));color:var(--color-red-700,oklch(50.5% .213 27.518))}.new[data-v-99d2966f]{border-color:var(--color-green-200,oklch(92.5% .084 155.995));background-color:var(--color-green-50,oklch(98.2% .018 155.826));color:var(--color-green-700,oklch(52.7% .154 150.069))}.added .value-content[data-v-99d2966f]{color:var(--color-green-600,oklch(62.7% .194 149.214))}.removed .value-content[data-v-99d2966f]{color:var(--color-red-600,oklch(57.7% .245 27.325));text-decoration-line:line-through}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}', _u = /* @__PURE__ */ be(bu, [["styles", [yu]], ["__scopeId", "data-v-99d2966f"]]), xu = { class: "space-y-4 p-4 bg-white rounded-lg shadow-sm" }, ku = { class: "grid grid-cols-2 gap-4" }, Eu = {
-  key: 0,
-  class: "grid grid-cols-2 gap-4"
-}, Nu = { class: "pt-4 mt-4 border-t border-gray-200" }, Ou = { class: "grid grid-cols-2 gap-4" }, Su = /* @__PURE__ */ _e({
-  __name: "Statistics",
+}), kp = ".pagination[data-v-0f9a37c0]{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px;flex-wrap:wrap}.pagination-button[data-v-0f9a37c0]{padding:6px 12px;min-width:32px;border:1px solid #ccc;border-radius:4px;background-color:#f8f9fa;cursor:pointer;font-size:13px;color:#333;text-align:center;transition:background-color .2s,border-color .2s}.pagination-button[data-v-0f9a37c0]:hover:not(:disabled){background-color:#e9ecef;border-color:#bbb}.pagination-button[data-v-0f9a37c0]:disabled{background-color:#e9ecef;cursor:not-allowed;color:#999}.pagination-button.active[data-v-0f9a37c0]{background-color:#007bff;border-color:#007bff;color:#fff}.pagination-ellipsis[data-v-0f9a37c0]{padding:6px 12px;font-size:13px;color:#666}", Ep = /* @__PURE__ */ be(xp, [["styles", [kp]], ["__scopeId", "data-v-0f9a37c0"]]), Np = { class: "translation-editor" }, Op = { class: "translation-list-container" }, Sp = { class: "search-box" }, $p = { class: "translation-list" }, Cp = { class: "key-header" }, Tp = ["title"], Dp = ["onClick"], Vp = { class: "default-value" }, Ap = ["onUpdate:modelValue", "placeholder"], Mp = { class: "pagination-wrapper" }, Qr = 30, Ip = /* @__PURE__ */ _e({
+  __name: "TranslationEditor",
   props: {
-    content: { type: Object }
+    modelValue: { type: Object }
   },
-  setup(e) {
-    const { getDefaultLocaleTranslation: t } = Pr(), o = e, r = (_) => typeof _ == "string" ? _.trim() : "", n = (_) => typeof _ == "string", i = oe(() => Xe(o.content)), a = oe(() => Xe(t())), s = (_) => oe(
-      () => Object.values(i.value).filter((I) => n(I) && _(I)).length
-    ), l = oe(() => Object.keys(i.value).length), f = oe(
-      () => Object.values(i.value).filter(
-        (_) => n(_) && r(_) !== ""
-      ).length
-    ), c = oe(
-      () => l.value ? (f.value / l.value * 100).toFixed(2) : "0.00"
-    ), d = oe(() => {
-      const _ = {};
-      return Object.values(i.value).forEach((I) => {
-        n(I) && (_[I] = (_[I] || 0) + 1);
-      }), Object.values(_).filter((I) => I > 1).length;
-    }), p = (_) => oe(() => {
-      const I = Object.keys(i.value);
-      return I.length < 2 ? null : I.reduce((P, $) => {
-        const se = i.value[P], we = i.value[$], $e = n(se) ? se.length : 0, xe = n(we) ? we.length : 0;
-        return _($e, xe) ? P : $;
-      });
-    }), w = oe(() => Object.keys(a.value).length), E = oe(
-      () => Object.keys(a.value).filter((_) => {
-        const I = i.value[_];
-        return n(I) && r(I) !== "";
-      }).length
-    ), b = oe(
-      () => w.value ? (E.value / w.value * 100).toFixed(2) : "0.00"
-    ), F = oe(() => [
-      { label: "Total Keys", value: l.value, class: "text-blue-600" },
-      { label: "Translated Keys", value: `${f.value} (${c.value}%)`, class: "text-green-600" },
-      { label: "Missing Translations", value: l.value - f.value, class: "text-red-600" },
-      { label: "Duplicate Values", value: d.value, class: "text-orange-600" },
-      { label: "Long Translations (>100 chars)", value: z?.value ?? 0, class: "text-yellow-600" },
-      { label: "Short Translations (<3 chars)", value: U?.value ?? 0, class: "text-pink-600" },
-      { label: "Keys with Special Chars", value: fe?.value ?? 0, class: "text-indigo-600" },
-      { label: "Keys with HTML Tags", value: M?.value ?? 0, class: "text-teal-600" },
-      { label: "Keys with Placeholders", value: j?.value ?? 0, class: "text-cyan-600" }
-    ]), R = oe(() => [
-      { label: "Total Keys in Default", value: w.value, class: "text-blue-600" },
-      { label: "Translated vs Default", value: `${E.value} (${b.value}%)`, class: "text-green-600" },
-      { label: "Missing from Default", value: w.value - E.value, class: "text-red-600" },
-      { label: "Extra Keys", value: Math.max(l.value - w.value, 0), class: "text-orange-600" }
-    ]), [z, U, fe, M, j] = [
-      (_) => _.length > 100,
-      (_) => _.length < 3,
-      (_) => /[@#{}[\]]/.test(_),
-      (_) => /<[^>]+>/.test(_),
-      (_) => /\{[^}]+\}/.test(_)
-    ].map((_) => s(_)), q = p((_, I) => _ > I), H = p((_, I) => _ < I);
-    return (_, I) => (y(), D("div", xu, [
-      g("div", ku, [
-        (y(!0), D(re, null, Fe(F.value, (P, $) => (y(), me(rr, {
-          key: $,
-          label: P.label,
-          value: P.value,
-          class: ye(P.class)
-        }, null, 8, ["label", "value", "class"]))), 128))
-      ]),
-      ue(q) || ue(H) ? (y(), D("div", Eu, [
-        ue(q) ? (y(), me(rr, {
-          key: 0,
-          label: "Longest Key",
-          value: ue(q),
-          stacked: "",
-          class: "text-purple-600 break-all"
-        }, null, 8, ["value"])) : ie("", !0),
-        ue(H) ? (y(), me(rr, {
-          key: 1,
-          label: "Shortest Key",
-          value: ue(H),
-          stacked: "",
-          class: "text-purple-600 break-all"
-        }, null, 8, ["value"])) : ie("", !0)
-      ])) : ie("", !0),
-      g("div", Nu, [
-        I[0] || (I[0] = g("h3", { class: "text-lg font-semibold text-gray-800 mb-3" }, " Comparison with Default Locale ", -1)),
-        g("div", Ou, [
-          (y(!0), D(re, null, Fe(R.value, (P, $) => (y(), me(rr, {
-            key: "compare-" + $,
-            label: P.label,
-            value: P.value,
-            class: ye(P.class)
-          }, null, 8, ["label", "value", "class"]))), 128))
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const o = e, r = t, { selectedFile: n, configs: i, getDefaultLocaleTranslation: a } = Pr(), s = ne(Xe(o.modelValue)), l = ne({}), f = ne(""), c = ne(1), d = ne("disabled"), p = ne(""), w = ne({}), E = oe(() => {
+      const j = Object.keys(l.value);
+      if (!f.value.trim()) return F.value;
+      const q = f.value.toLowerCase();
+      return j.filter((H) => H.toLowerCase().includes(q) || l.value[H]?.toLowerCase().includes(q));
+    }), b = oe(() => Math.ceil(Object.keys(l.value).length / Qr)), F = oe(() => {
+      const j = (c.value - 1) * Qr, q = j + Qr;
+      return Object.keys(l.value).slice(j, q);
+    }), R = () => {
+      const j = a();
+      l.value = Xe(j);
+    }, z = () => {
+      r("update:modelValue", $s(s.value));
+    }, U = (j) => {
+      j >= 1 && j <= b.value && (c.value = j);
+    }, fe = async (j, q) => {
+      if (q)
+        try {
+          const H = i.value.defaultLocale, _ = new Cs({ apiKey: p.value, driver: d.value, options: w.value }), I = n.value.split("/").pop() ?? "";
+          s.value[j] = await _.translate(q, H, I.replace(".json", "")), z();
+        } catch (H) {
+          console.error("Translation error:", H);
+        }
+    }, M = () => {
+      const j = localStorage.getItem("translationSettings");
+      if (j)
+        try {
+          const q = JSON.parse(j);
+          d.value = q.driver || "disabled", p.value = q.token || "", w.value = q.options || {};
+        } catch {
+          localStorage.removeItem("translationSettings");
+        }
+    };
+    return Pt(() => {
+      R(), M();
+    }), Te(
+      () => o.modelValue,
+      (j) => {
+        s.value = Xe(j), R();
+      }
+    ), Te(n, () => {
+      R(), c.value = 1;
+    }), Te(
+      () => i.value.defaultLocale,
+      () => {
+        R();
+      }
+    ), (j, q) => (y(), D("div", Np, [
+      g("div", Op, [
+        g("div", Sp, [
+          ut(g("input", {
+            "onUpdate:modelValue": q[0] || (q[0] = (H) => f.value = H),
+            placeholder: "Search keys or values...",
+            class: "search-input"
+          }, null, 512), [
+            [Nr, f.value]
+          ])
+        ]),
+        g("div", $p, [
+          (y(!0), D(re, null, Fe(E.value, (H) => (y(), D("div", {
+            key: H,
+            class: ye(["translation-item", { missing: !s.value[H]?.trim() }])
+          }, [
+            g("div", Cp, [
+              g("span", {
+                class: "key-label",
+                title: H
+              }, G(H), 9, Tp),
+              d.value !== "disabled" ? (y(), D("button", {
+                key: 0,
+                class: "translate-btn",
+                onClick: (_) => fe(H, l.value[H] || "")
+              }, [...q[1] || (q[1] = [
+                g("svg", {
+                  class: "translate-icon",
+                  viewBox: "0 0 24 24"
+                }, [
+                  g("path", { d: "M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" })
+                ], -1)
+              ])], 8, Dp)) : ie("", !0)
+            ]),
+            g("div", Vp, G(l.value[H] || "No default value"), 1),
+            ut(g("textarea", {
+              "onUpdate:modelValue": (_) => s.value[H] = _,
+              class: "translation-input",
+              placeholder: l.value[H],
+              rows: "1",
+              onInput: z
+            }, null, 40, Ap), [
+              [Nr, s.value[H]]
+            ])
+          ], 2))), 128))
         ])
       ]),
-      Y(_u, {
-        ref: "diffModal",
-        current: e.content,
-        base: a.value
-      }, null, 8, ["current", "base"])
+      g("div", Mp, [
+        f.value ? ie("", !0) : (y(), me(Ep, {
+          key: 0,
+          "current-page": c.value,
+          "total-pages": b.value,
+          "onUpdate:page": U
+        }, null, 8, ["current-page", "total-pages"]))
+      ])
     ]));
   }
-}), $u = ".border-t[data-v-5cac8c08]{border-top-width:1px;border-top-color:#e5e7eb}.pt-4[data-v-5cac8c08]{padding-top:1rem}.mt-4[data-v-5cac8c08]{margin-top:1rem}.text-lg[data-v-5cac8c08]{font-size:1.125rem;line-height:1.75rem}.font-semibold[data-v-5cac8c08]{font-weight:600}.bg-white[data-v-5cac8c08]{background-color:#fff}.rounded-lg[data-v-5cac8c08]{border-radius:.5rem}.shadow[data-v-5cac8c08]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.grid[data-v-5cac8c08]{display:grid}.gap-4[data-v-5cac8c08]{gap:1rem}", Cu = /* @__PURE__ */ be(Su, [["styles", [$u]], ["__scopeId", "data-v-5cac8c08"]]), Tu = ["disabled", "type"], Du = /* @__PURE__ */ _e({
+}), Pp = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-b8f152c2],[data-v-b8f152c2]:before,[data-v-b8f152c2]:after,[data-v-b8f152c2]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-space-y-reverse:0;--tw-font-weight:initial}}}.translation-editor[data-v-b8f152c2]{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.translation-list-container[data-v-b8f152c2]{min-height:calc(var(--spacing,.25rem)*0);flex-direction:column;flex:1;display:flex;overflow:hidden}.search-box[data-v-b8f152c2]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*2);flex-shrink:0}.search-input[data-v-b8f152c2]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,oklch(87.2% .01 258.338));width:100%;padding:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.search-input[data-v-b8f152c2]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-blue-500,oklch(62.3% .214 259.815));--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.search-input[data-v-b8f152c2]:focus{outline-offset:2px;outline:2px solid #0000}}.translation-list[data-v-b8f152c2]{flex:1}:where(.translation-list[data-v-b8f152c2]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*3)*calc(1 - var(--tw-space-y-reverse)))}.translation-list[data-v-b8f152c2]{padding:calc(var(--spacing,.25rem)*2);overscroll-behavior:contain;overflow:hidden auto}.translation-item[data-v-b8f152c2]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.translation-item.missing[data-v-b8f152c2]{border-left-style:var(--tw-border-style);border-left-width:4px;border-left-color:var(--color-yellow-500,oklch(79.5% .184 86.047));background-color:#fefce84d}@supports (color:color-mix(in lab,red,red)){.translation-item.missing[data-v-b8f152c2]{background-color:color-mix(in oklab,var(--color-yellow-50,oklch(98.7% .026 102.212))30%,transparent)}}.key-header[data-v-b8f152c2]{margin-bottom:calc(var(--spacing,.25rem)*1);justify-content:space-between;align-items:center;display:flex}.key-label[data-v-b8f152c2]{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-slate-700,oklch(37.2% .044 257.287));-webkit-user-select:all;user-select:all;overflow:hidden}.default-value[data-v-b8f152c2]{margin-bottom:calc(var(--spacing,.25rem)*2);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-500,oklch(55.1% .027 264.364));opacity:.8;overflow:hidden}.translation-input[data-v-b8f152c2]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,oklch(87.2% .01 258.338));width:100%;min-height:38px;padding:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));border-radius:.25rem}.translation-input[data-v-b8f152c2]:focus{border-color:var(--color-blue-500,oklch(62.3% .214 259.815));--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-blue-500,oklch(62.3% .214 259.815));--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.translation-input[data-v-b8f152c2]:focus{outline-offset:2px;outline:2px solid #0000}}.translate-btn[data-v-b8f152c2]{padding:calc(var(--spacing,.25rem)*1);color:var(--color-gray-400,oklch(70.7% .022 261.325));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.25rem}@media(hover:hover){.translate-btn[data-v-b8f152c2]:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-blue-600,oklch(54.6% .245 262.881))}}.translate-icon[data-v-b8f152c2]{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:currentColor}.pagination-wrapper[data-v-b8f152c2]{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*2);flex-shrink:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}', jp = /* @__PURE__ */ be(Ip, [["styles", [Pp]], ["__scopeId", "data-v-b8f152c2"]]), Lp = ["disabled", "type"], Fp = /* @__PURE__ */ _e({
   __name: "Button",
   props: {
     variant: { default: "primary", type: String },
@@ -7155,9 +7356,9 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
       onClick: n
     }, [
       vt(i.$slots, "default", {}, void 0)
-    ], 10, Tu));
+    ], 10, Lp));
   }
-}), Vu = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-5ce79739],[data-v-5ce79739]:before,[data-v-5ce79739]:after,[data-v-5ce79739]::backdrop{--tw-font-weight:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.btn[data-v-5ce79739]{border-radius:var(--radius-md,.375rem);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;justify-content:center;align-items:center;transition-duration:.2s;display:inline-flex}.btn[data-v-5ce79739]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.btn[data-v-5ce79739]:focus{outline-offset:2px;outline:2px solid #0000}}.btn[data-v-5ce79739]:disabled{cursor:not-allowed;opacity:.5}.btn--sm[data-v-5ce79739]{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.btn--md[data-v-5ce79739]{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.btn--lg[data-v-5ce79739]{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.btn--primary[data-v-5ce79739]{background-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-white,#fff)}@media(hover:hover){.btn--primary[data-v-5ce79739]:hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.btn--primary[data-v-5ce79739]:focus{--tw-ring-color:var(--color-blue-500,oklch(62.3% .214 259.815))}.btn--secondary[data-v-5ce79739]{background-color:var(--color-slate-200,oklch(92.9% .013 255.508));color:var(--color-slate-700,oklch(37.2% .044 257.287))}@media(hover:hover){.btn--secondary[data-v-5ce79739]:hover{background-color:var(--color-slate-300,oklch(86.9% .022 252.894))}}.btn--secondary[data-v-5ce79739]:focus{--tw-ring-color:var(--color-slate-500,oklch(55.4% .046 257.417))}.btn--danger[data-v-5ce79739]{background-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-white,#fff)}@media(hover:hover){.btn--danger[data-v-5ce79739]:hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.btn--danger[data-v-5ce79739]:focus{--tw-ring-color:var(--color-red-500,oklch(63.7% .237 25.331))}.btn--ghost[data-v-5ce79739]{color:var(--color-slate-700,oklch(37.2% .044 257.287));background-color:#0000}@media(hover:hover){.btn--ghost[data-v-5ce79739]:hover{background-color:var(--color-slate-100,oklch(96.8% .007 247.896))}}.btn--ghost[data-v-5ce79739]:focus{--tw-ring-color:var(--color-slate-500,oklch(55.4% .046 257.417))}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}', Bt = /* @__PURE__ */ be(Du, [["styles", [Vu]], ["__scopeId", "data-v-5ce79739"]]), Au = { class: "action-bar" }, Mu = { class: "action-bar__left" }, Iu = /* @__PURE__ */ _e({
+}), Rp = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-4f279bb7],[data-v-4f279bb7]:before,[data-v-4f279bb7]:after,[data-v-4f279bb7]::backdrop{--tw-font-weight:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.btn[data-v-4f279bb7]{border-radius:var(--radius-md,.375rem);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;justify-content:center;align-items:center;transition-duration:.2s;display:inline-flex}.btn[data-v-4f279bb7]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.btn[data-v-4f279bb7]:focus{outline-offset:2px;outline:2px solid #0000}}.btn[data-v-4f279bb7]:disabled{cursor:not-allowed;opacity:.5}.btn--sm[data-v-4f279bb7]{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.btn--md[data-v-4f279bb7]{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.btn--lg[data-v-4f279bb7]{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.btn--primary[data-v-4f279bb7]{background-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-white,#fff)}@media(hover:hover){.btn--primary[data-v-4f279bb7]:hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.btn--primary[data-v-4f279bb7]:focus{--tw-ring-color:var(--color-blue-500,oklch(62.3% .214 259.815))}.btn--secondary[data-v-4f279bb7]{background-color:var(--color-slate-200,oklch(92.9% .013 255.508));color:var(--color-slate-700,oklch(37.2% .044 257.287))}@media(hover:hover){.btn--secondary[data-v-4f279bb7]:hover{background-color:var(--color-slate-300,oklch(86.9% .022 252.894))}}.btn--secondary[data-v-4f279bb7]:focus{--tw-ring-color:var(--color-slate-500,oklch(55.4% .046 257.417))}.btn--danger[data-v-4f279bb7]{background-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-white,#fff)}@media(hover:hover){.btn--danger[data-v-4f279bb7]:hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.btn--danger[data-v-4f279bb7]:focus{--tw-ring-color:var(--color-red-500,oklch(63.7% .237 25.331))}.btn--ghost[data-v-4f279bb7]{color:var(--color-slate-700,oklch(37.2% .044 257.287));background-color:#0000}@media(hover:hover){.btn--ghost[data-v-4f279bb7]:hover{background-color:var(--color-slate-100,oklch(96.8% .007 247.896))}}.btn--ghost[data-v-4f279bb7]:focus{--tw-ring-color:var(--color-slate-500,oklch(55.4% .046 257.417))}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}', Bt = /* @__PURE__ */ be(Fp, [["styles", [Rp]], ["__scopeId", "data-v-4f279bb7"]]), zp = { class: "action-bar" }, Hp = { class: "action-bar__left" }, Up = /* @__PURE__ */ _e({
   __name: "ActionBar",
   props: {
     showTranslateButton: { type: Boolean }
@@ -7165,8 +7366,8 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
   emits: ["export", "import", "show-stats", "translate-missing", "save"],
   setup(e, { emit: t }) {
     const o = t;
-    return (r, n) => (y(), D("div", Au, [
-      g("div", Mu, [
+    return (r, n) => (y(), D("div", zp, [
+      g("div", Hp, [
         Y(Bt, {
           class: "action-btn action-btn--export",
           title: "Export",
@@ -7226,10 +7427,10 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
       })
     ]));
   }
-}), Pu = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-15d5b890],[data-v-15d5b890]:before,[data-v-15d5b890]:after,[data-v-15d5b890]::backdrop{--tw-border-style:solid}}}.action-bar[data-v-15d5b890]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*3);justify-content:space-between;align-items:center;display:flex}.action-bar__left[data-v-15d5b890]{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-wrap:wrap;display:flex}.action-btn[data-v-15d5b890]{align-items:center;gap:calc(var(--spacing,.25rem)*1.5);display:flex}.action-btn__icon[data-v-15d5b890]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}', ju = /* @__PURE__ */ be(Iu, [["styles", [Pu]], ["__scopeId", "data-v-15d5b890"]]), Lu = {
+}), Bp = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-75c609c9],[data-v-75c609c9]:before,[data-v-75c609c9]:after,[data-v-75c609c9]::backdrop{--tw-border-style:solid}}}.action-bar[data-v-75c609c9]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*3);justify-content:space-between;align-items:center;display:flex}.action-bar__left[data-v-75c609c9]{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-wrap:wrap;display:flex}.action-btn[data-v-75c609c9]{align-items:center;gap:calc(var(--spacing,.25rem)*1.5);display:flex}.action-btn__icon[data-v-75c609c9]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}', Kp = /* @__PURE__ */ be(Up, [["styles", [Bp]], ["__scopeId", "data-v-75c609c9"]]), Wp = {
   key: 0,
   class: "resize-overlay"
-}, Fu = /* @__PURE__ */ _e({
+}, qp = /* @__PURE__ */ _e({
   __name: "SplitPane",
   props: {
     storageKey: { type: String },
@@ -7278,16 +7479,115 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
       }, [
         vt(s.$slots, "right", {}, void 0)
       ], 4),
-      r.value ? (y(), D("div", Lu)) : ie("", !0)
+      r.value ? (y(), D("div", Wp)) : ie("", !0)
     ], 32));
   }
-}), Ru = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-5a194d91],[data-v-5a194d91]:before,[data-v-5a194d91]:after,[data-v-5a194d91]::backdrop{--tw-border-style:solid}}}.split-pane[data-v-5a194d91]{background-color:var(--color-white,#fff);width:100%;height:100%;position:relative;overflow:hidden}.split-pane__left[data-v-5a194d91]{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:0;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-white,#fff);position:absolute;overflow:hidden}.split-pane__divider[data-v-5a194d91]{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);z-index:50;width:calc(var(--spacing,.25rem)*4);cursor:col-resize;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:center;display:flex;position:absolute}@media(hover:hover){.split-pane__divider[data-v-5a194d91]:hover{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.split-pane__divider[data-v-5a194d91]:hover{background-color:color-mix(in oklab,var(--color-blue-50,oklch(97% .014 254.604))50%,transparent)}}}.split-pane__divider[data-v-5a194d91]{margin-left:-2px}.divider-handle[data-v-5a194d91]{background-color:var(--color-slate-200,oklch(92.9% .013 255.508));width:1px;height:100%;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.split-pane__divider:hover .divider-handle[data-v-5a194d91],.split-pane__divider:active .divider-handle[data-v-5a194d91]{background-color:var(--color-blue-500,oklch(62.3% .214 259.815));width:2px}.split-pane__right[data-v-5a194d91]{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);z-index:0;background-color:var(--color-white,#fff);position:absolute;overflow:hidden}.resize-overlay[data-v-5a194d91]{inset:calc(var(--spacing,.25rem)*0);z-index:100;cursor:col-resize;position:fixed}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}', zu = /* @__PURE__ */ be(Fu, [["styles", [Ru]], ["__scopeId", "data-v-5a194d91"]]), Hu = { class: "i18n-view" }, Uu = { class: "pane-inner" }, Bu = { class: "pane-inner bg-white" }, Ku = {
+}), Jp = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-49328313],[data-v-49328313]:before,[data-v-49328313]:after,[data-v-49328313]::backdrop{--tw-border-style:solid}}}.split-pane[data-v-49328313]{background-color:var(--color-white,#fff);width:100%;height:100%;position:relative;overflow:hidden}.split-pane__left[data-v-49328313]{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:0;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-white,#fff);position:absolute;overflow:hidden}.split-pane__divider[data-v-49328313]{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);z-index:50;width:calc(var(--spacing,.25rem)*4);cursor:col-resize;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:center;display:flex;position:absolute}@media(hover:hover){.split-pane__divider[data-v-49328313]:hover{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.split-pane__divider[data-v-49328313]:hover{background-color:color-mix(in oklab,var(--color-blue-50,oklch(97% .014 254.604))50%,transparent)}}}.split-pane__divider[data-v-49328313]{margin-left:-2px}.divider-handle[data-v-49328313]{background-color:var(--color-slate-200,oklch(92.9% .013 255.508));width:1px;height:100%;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.split-pane__divider:hover .divider-handle[data-v-49328313],.split-pane__divider:active .divider-handle[data-v-49328313]{background-color:var(--color-blue-500,oklch(62.3% .214 259.815));width:2px}.split-pane__right[data-v-49328313]{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);z-index:0;background-color:var(--color-white,#fff);position:absolute;overflow:hidden}.resize-overlay[data-v-49328313]{inset:calc(var(--spacing,.25rem)*0);z-index:100;cursor:col-resize;position:fixed}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}', Gp = /* @__PURE__ */ be(qp, [["styles", [Jp]], ["__scopeId", "data-v-49328313"]]), Yp = { class: "header-content" }, Xp = { class: "modal-title" }, Zp = { class: "modal-body" }, Qp = {
+  key: 0,
+  class: "modal-footer"
+}, eh = /* @__PURE__ */ _e({
+  __name: "Modal",
+  props: {
+    show: { type: Boolean },
+    title: { type: String },
+    size: { default: "md", type: String },
+    width: { type: String },
+    height: { type: String },
+    disableOutsideClick: { type: Boolean, default: !1 },
+    disableEsc: { type: Boolean, default: !1 },
+    showCloseButton: { type: Boolean, default: !0 },
+    headerClass: { type: String }
+  },
+  emits: ["update:show", "close"],
+  setup(e, { emit: t }) {
+    const o = e, r = t, n = {
+      sm: { width: "400px", height: "auto" },
+      md: { width: "600px", height: "70vh" },
+      lg: { width: "800px", height: "80vh" },
+      xl: { width: "90vw", height: "90vh" },
+      custom: { width: o.width || "auto", height: o.height || "auto" }
+    }, i = oe(() => o.size === "custom" ? o.width : null), a = oe(() => o.size === "custom" ? o.height : null), s = () => {
+      r("update:show", !1), r("close");
+    }, l = () => {
+      o.disableOutsideClick || s();
+    }, f = () => {
+      o.disableEsc || s();
+    }, c = (p) => {
+      p.key === "Escape" && f();
+    }, d = ne("");
+    return Pt(() => {
+      if (document.addEventListener("keydown", c), o.show) {
+        const p = document.querySelector("i18n-devtools-ui");
+        p && (d.value = p.style.overflow || "", p.style.overflow = "hidden");
+      }
+    }), An(() => {
+      document.removeEventListener("keydown", c);
+      const p = document.querySelector("i18n-devtools-ui");
+      p && (p.style.overflow = d.value);
+    }), Te(
+      () => o.show,
+      (p) => {
+        const w = document.querySelector("i18n-devtools-ui");
+        w && (p ? (d.value = w.style.overflow || "", w.style.overflow = "hidden") : w.style.overflow = d.value);
+      }
+    ), (p, w) => (y(), me(Kl, { to: "body" }, [
+      Y(mn, { name: "modal" }, {
+        default: ke(() => [
+          e.show ? (y(), D("div", {
+            key: 0,
+            class: "modal-overlay",
+            onClick: ks(l, ["self"]),
+            onKeydown: Hd(f, ["esc"])
+          }, [
+            g("div", {
+              class: "modal-content",
+              style: Et({
+                width: i.value || n[e.size].width,
+                height: a.value || n[e.size].height
+              })
+            }, [
+              g("div", {
+                class: ye(["modal-header", e.headerClass])
+              }, [
+                g("div", Yp, [
+                  vt(p.$slots, "header", {}, () => [
+                    g("h3", Xp, G(e.title), 1)
+                  ], !0)
+                ]),
+                e.showCloseButton ? (y(), D("button", {
+                  key: 0,
+                  class: "modal-close-button",
+                  "aria-label": "Close modal",
+                  onClick: s
+                }, [...w[0] || (w[0] = [
+                  g("svg", {
+                    class: "close-icon",
+                    viewBox: "0 0 24 24"
+                  }, [
+                    g("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+                  ], -1)
+                ])])) : ie("", !0)
+              ], 2),
+              g("div", Zp, [
+                vt(p.$slots, "default", {}, void 0, !0)
+              ]),
+              p.$slots.footer ? (y(), D("div", Qp, [
+                vt(p.$slots, "footer", {}, void 0, !0)
+              ])) : ie("", !0)
+            ], 4)
+          ], 32)) : ie("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), th = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-7ab08233],[data-v-7ab08233]:before,[data-v-7ab08233]:after,[data-v-7ab08233]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-font-weight:initial;--tw-space-x-reverse:0}}}.modal-overlay[data-v-7ab08233]{inset:calc(var(--spacing,.25rem)*0);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed}@supports (color:color-mix(in lab,red,red)){.modal-overlay[data-v-7ab08233]{background-color:color-mix(in oklab,var(--color-black,#000)50%,transparent)}}.modal-overlay[data-v-7ab08233]{padding:calc(var(--spacing,.25rem)*4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content[data-v-7ab08233]{border-radius:var(--radius-xl,.75rem);background-color:var(--color-white,#fff);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;max-height:calc(100vh - 2rem);display:flex}.modal-header[data-v-7ab08233]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*4);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header-content[data-v-7ab08233]{min-width:calc(var(--spacing,.25rem)*0);flex:1}.modal-title[data-v-7ab08233]{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-900,oklch(21% .034 264.665));overflow:hidden}.modal-close-button[data-v-7ab08233]{margin-right:calc(var(--spacing,.25rem)*-2);margin-left:calc(var(--spacing,.25rem)*4);padding:calc(var(--spacing,.25rem)*2);color:var(--color-gray-400,oklch(70.7% .022 261.325));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){.modal-close-button[data-v-7ab08233]:hover{color:var(--color-gray-600,oklch(44.6% .03 256.802))}}.close-icon[data-v-7ab08233]{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);fill:currentColor}.modal-body[data-v-7ab08233]{padding:calc(var(--spacing,.25rem)*6);scrollbar-width:thin;scrollbar-color:oklch(87.2% .01 258.338) #fff;flex:1;overflow-y:auto}.modal-body[data-v-7ab08233]::-webkit-scrollbar{width:calc(var(--spacing,.25rem)*2)}.modal-body[data-v-7ab08233]::-webkit-scrollbar-track{border-radius:var(--radius-sm,.25rem);background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}.modal-body[data-v-7ab08233]::-webkit-scrollbar-thumb{border-radius:var(--radius-sm,.25rem);background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}@media(hover:hover){.modal-body[data-v-7ab08233]::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400,oklch(70.7% .022 261.325))}}.modal-footer[data-v-7ab08233]{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}:where(.modal-footer[data-v-7ab08233]>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,.25rem)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,.25rem)*3)*calc(1 - var(--tw-space-x-reverse)))}.modal-footer[data-v-7ab08233]{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*4)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}', qi = /* @__PURE__ */ be(eh, [["styles", [th]], ["__scopeId", "data-v-7ab08233"]]), oh = { class: "i18n-view" }, rh = { class: "pane-inner" }, nh = { class: "pane-inner bg-white" }, ih = {
   key: 0,
   class: "editor-layout"
-}, Wu = { class: "editor-header" }, qu = { class: "breadcrumbs" }, Ju = { class: "breadcrumbs__path" }, Gu = { class: "action-bar-wrapper" }, Yu = { class: "editor-content-area" }, Xu = { class: "editor-scroll-container" }, Zu = {
+}, ah = { class: "editor-header" }, sh = { class: "breadcrumbs" }, lh = { class: "breadcrumbs__path" }, ch = { class: "action-bar-wrapper" }, dh = { class: "editor-content-area" }, fh = { class: "editor-scroll-container" }, uh = {
   key: 1,
   class: "empty-state"
-}, Qu = { class: "flex justify-end gap-2 mt-4" }, ep = /* @__PURE__ */ _e({
+}, ph = { class: "flex justify-end gap-2 mt-4" }, hh = /* @__PURE__ */ _e({
   __name: "I18nView",
   setup(e) {
     const t = ne("disabled"), o = ne(""), r = ne({}), {
@@ -7334,7 +7634,7 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
         return;
       }
       try {
-        const we = n.value.defaultLocale, $e = new Ss({
+        const we = n.value.defaultLocale, $e = new Cs({
           apiKey: o.value,
           driver: t.value,
           options: r.value
@@ -7346,7 +7646,7 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
             $[xe] = await $e.translate(Z, we, Q.replace(".json", ""));
           }
         }
-        b.value = Os($), alert("Translated.");
+        b.value = $s($), alert("Translated.");
       } catch (we) {
         console.error(we), alert("Error.");
       }
@@ -7360,15 +7660,15 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
           localStorage.removeItem("translationSettings");
         }
     };
-    return (I, P) => (y(), D("div", Hu, [
-      ue(i) ? (y(), me(Hn, { key: 0 })) : (y(), me(zu, {
+    return (I, P) => (y(), D("div", oh, [
+      ue(i) ? (y(), me(Un, { key: 0 })) : (y(), me(Gp, {
         key: 1,
         "storage-key": "tab-i18n-locales",
         "default-left-width": "280px"
       }, {
         left: ke(() => [
-          g("div", Uu, [
-            Y(Xf, {
+          g("div", rh, [
+            Y(zu, {
               locales: F.value,
               "selected-file": ue(s),
               onFileSelected: ue(f)
@@ -7376,15 +7676,15 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
           ])
         ]),
         right: ke(() => [
-          g("div", Bu, [
-            ue(s) ? (y(), D("div", Ku, [
-              g("div", Wu, [
-                g("div", qu, [
+          g("div", nh, [
+            ue(s) ? (y(), D("div", ih, [
+              g("div", ah, [
+                g("div", sh, [
                   P[5] || (P[5] = g("span", { class: "breadcrumbs__icon" }, "📄", -1)),
-                  g("span", Ju, G(ue(s)), 1)
+                  g("span", lh, G(ue(s)), 1)
                 ]),
-                g("div", Gu, [
-                  Y(ju, {
+                g("div", ch, [
+                  Y(Kp, {
                     "show-translate-button": t.value !== "disabled",
                     onExport: ue(c),
                     onImport: R,
@@ -7394,16 +7694,16 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
                   }, null, 8, ["show-translate-button", "onExport"])
                 ])
               ]),
-              g("div", Yu, [
-                g("div", Xu, [
-                  Y(If, {
+              g("div", dh, [
+                g("div", fh, [
+                  Y(jp, {
                     modelValue: b.value,
                     "onUpdate:modelValue": P[0] || (P[0] = ($) => b.value = $),
                     class: "h-full"
                   }, null, 8, ["modelValue"])
                 ])
               ])
-            ])) : (y(), D("div", Zu, [...P[6] || (P[6] = [
+            ])) : (y(), D("div", uh, [...P[6] || (P[6] = [
               g("div", { class: "empty-state__icon" }, " 📁 ", -1),
               g("div", { class: "empty-state__title" }, " No File Selected ", -1),
               g("div", { class: "empty-state__description" }, " Select a file from the tree to edit ", -1)
@@ -7420,7 +7720,7 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
         size: "lg"
       }, {
         default: ke(() => [
-          b.value ? (y(), me(Cu, {
+          b.value ? (y(), me(pp, {
             key: 0,
             content: b.value
           }, null, 8, ["content"])) : ie("", !0)
@@ -7436,7 +7736,7 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
       }, {
         default: ke(() => [
           P[9] || (P[9] = g("p", null, "Are you sure?", -1)),
-          g("div", Qu, [
+          g("div", ph, [
             Y(Bt, {
               variant: "danger",
               onClick: P[2] || (P[2] = ($) => M.value = !1)
@@ -7471,46 +7771,46 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
       ])
     ]));
   }
-}), tp = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-77dd6676],[data-v-77dd6676]:before,[data-v-77dd6676]:after,[data-v-77dd6676]::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}.i18n-view[data-v-77dd6676]{width:100%;height:100%;position:relative;overflow:hidden}.pane-inner[data-v-77dd6676],.editor-layout[data-v-77dd6676]{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.editor-header[data-v-77dd6676]{z-index:10;background-color:var(--color-white,#fff);flex-shrink:0}.breadcrumbs[data-v-77dd6676]{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-slate-50,oklch(98.4% .003 247.858));padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-slate-600,oklch(44.6% .043 257.281));display:flex}.breadcrumbs__icon[data-v-77dd6676]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.breadcrumbs__path[data-v-77dd6676]{text-overflow:ellipsis;white-space:nowrap;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-slate-700,oklch(37.2% .044 257.287));overflow:hidden}.action-bar-wrapper[data-v-77dd6676]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508))}.editor-content-area[data-v-77dd6676]{flex:1;position:relative;overflow:hidden}.editor-scroll-container[data-v-77dd6676]{inset:calc(var(--spacing,.25rem)*0);position:absolute;overflow:hidden}.empty-state[data-v-77dd6676],.welcome-card[data-v-77dd6676]{height:100%;padding:calc(var(--spacing,.25rem)*8);text-align:center;color:var(--color-slate-500,oklch(55.4% .046 257.417));flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon[data-v-77dd6676],.welcome-card__icon[data-v-77dd6676]{margin-bottom:calc(var(--spacing,.25rem)*4);font-size:var(--text-6xl,3.75rem);line-height:var(--tw-leading,var(--text-6xl--line-height,1));opacity:.5}.empty-state__title[data-v-77dd6676],.welcome-card__title[data-v-77dd6676]{margin-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-slate-700,oklch(37.2% .044 257.287))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}', op = /* @__PURE__ */ be(ep, [["styles", [tp]], ["__scopeId", "data-v-77dd6676"]]), rp = { class: "settings-card" }, np = { class: "settings-card__header" }, ip = { class: "settings-card__icon" }, ap = { key: 0 }, sp = { class: "settings-card__title" }, lp = { class: "settings-card__content" }, cp = /* @__PURE__ */ _e({
+}), gh = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-4e034cca],[data-v-4e034cca]:before,[data-v-4e034cca]:after,[data-v-4e034cca]::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}.i18n-view[data-v-4e034cca]{width:100%;height:100%;position:relative;overflow:hidden}.pane-inner[data-v-4e034cca],.editor-layout[data-v-4e034cca]{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.editor-header[data-v-4e034cca]{z-index:10;background-color:var(--color-white,#fff);flex-shrink:0}.breadcrumbs[data-v-4e034cca]{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-slate-50,oklch(98.4% .003 247.858));padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-slate-600,oklch(44.6% .043 257.281));display:flex}.breadcrumbs__icon[data-v-4e034cca]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.breadcrumbs__path[data-v-4e034cca]{text-overflow:ellipsis;white-space:nowrap;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-slate-700,oklch(37.2% .044 257.287));overflow:hidden}.action-bar-wrapper[data-v-4e034cca]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508))}.editor-content-area[data-v-4e034cca]{flex:1;position:relative;overflow:hidden}.editor-scroll-container[data-v-4e034cca]{inset:calc(var(--spacing,.25rem)*0);position:absolute;overflow:hidden}.empty-state[data-v-4e034cca],.welcome-card[data-v-4e034cca]{height:100%;padding:calc(var(--spacing,.25rem)*8);text-align:center;color:var(--color-slate-500,oklch(55.4% .046 257.417));flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon[data-v-4e034cca],.welcome-card__icon[data-v-4e034cca]{margin-bottom:calc(var(--spacing,.25rem)*4);font-size:var(--text-6xl,3.75rem);line-height:var(--tw-leading,var(--text-6xl--line-height,1));opacity:.5}.empty-state__title[data-v-4e034cca],.welcome-card__title[data-v-4e034cca]{margin-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-slate-700,oklch(37.2% .044 257.287))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}', vh = /* @__PURE__ */ be(hh, [["styles", [gh]], ["__scopeId", "data-v-4e034cca"]]), wh = { class: "settings-card" }, mh = { class: "settings-card__header" }, bh = { class: "settings-card__icon" }, yh = { key: 0 }, _h = { class: "settings-card__title" }, xh = { class: "settings-card__content" }, kh = /* @__PURE__ */ _e({
   __name: "SettingsCard",
   props: {
     title: { type: String },
     icon: { type: String }
   },
   setup(e) {
-    return (t, o) => (y(), D("div", rp, [
-      g("div", np, [
-        g("span", ip, [
+    return (t, o) => (y(), D("div", wh, [
+      g("div", mh, [
+        g("span", bh, [
           vt(t.$slots, "icon", {}, () => [
-            e.icon ? (y(), D("span", ap, G(e.icon), 1)) : ie("", !0)
+            e.icon ? (y(), D("span", yh, G(e.icon), 1)) : ie("", !0)
           ])
         ]),
-        g("h3", sp, G(e.title), 1)
+        g("h3", _h, G(e.title), 1)
       ]),
-      g("div", lp, [
+      g("div", xh, [
         vt(t.$slots, "default", {}, void 0)
       ])
     ]));
   }
-}), dp = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-502b3f8f],[data-v-502b3f8f]:before,[data-v-502b3f8f]:after,[data-v-502b3f8f]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-font-weight:initial;--tw-space-y-reverse:0}}}.settings-card[data-v-502b3f8f]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*4);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.settings-card[data-v-502b3f8f]:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.settings-card__header[data-v-502b3f8f]{margin-bottom:calc(var(--spacing,.25rem)*4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-100,oklch(96.8% .007 247.896));padding-bottom:calc(var(--spacing,.25rem)*3);align-items:center;display:flex}.settings-card__icon[data-v-502b3f8f]{margin-right:calc(var(--spacing,.25rem)*2);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));align-items:center;display:flex}.settings-card__title[data-v-502b3f8f]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-slate-800,oklch(27.9% .041 260.031))}:where(.settings-card__content[data-v-502b3f8f]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*4)*calc(1 - var(--tw-space-y-reverse)))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}', fp = /* @__PURE__ */ be(cp, [["styles", [dp]], ["__scopeId", "data-v-502b3f8f"]]), up = { class: "translation-controls" }, pp = { class: "translation-controls__content" }, hp = { class: "control-group" }, gp = { class: "control-select" }, vp = ["value"], wp = {
+}), Eh = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-502b3f8f],[data-v-502b3f8f]:before,[data-v-502b3f8f]:after,[data-v-502b3f8f]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-font-weight:initial;--tw-space-y-reverse:0}}}.settings-card[data-v-502b3f8f]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem)*4);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.settings-card[data-v-502b3f8f]:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.settings-card__header[data-v-502b3f8f]{margin-bottom:calc(var(--spacing,.25rem)*4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-100,oklch(96.8% .007 247.896));padding-bottom:calc(var(--spacing,.25rem)*3);align-items:center;display:flex}.settings-card__icon[data-v-502b3f8f]{margin-right:calc(var(--spacing,.25rem)*2);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));align-items:center;display:flex}.settings-card__title[data-v-502b3f8f]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-slate-800,oklch(27.9% .041 260.031))}:where(.settings-card__content[data-v-502b3f8f]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*4)*calc(1 - var(--tw-space-y-reverse)))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}', Nh = /* @__PURE__ */ be(kh, [["styles", [Eh]], ["__scopeId", "data-v-502b3f8f"]]), Oh = { class: "translation-controls" }, Sh = { class: "translation-controls__content" }, $h = { class: "control-group" }, Ch = { class: "control-select" }, Th = ["value"], Dh = {
   key: 0,
   class: "control-group"
-}, mp = {
+}, Vh = {
   key: 0,
   class: "driver-options"
-}, bp = {
+}, Ah = {
   key: 0,
   class: "control-group"
-}, yp = {
+}, Mh = {
   key: 1,
   class: "control-group"
-}, _p = { class: "control-select" }, xp = {
+}, Ih = { class: "control-select" }, Ph = {
   key: 2,
   class: "control-group"
-}, kp = { class: "control-select" }, Ep = ["value"], Np = {
+}, jh = { class: "control-select" }, Lh = ["value"], Fh = {
   key: 3,
   class: "control-group"
-}, Op = { class: "control-select" }, Sp = /* @__PURE__ */ _e({
+}, Rh = { class: "control-select" }, zh = /* @__PURE__ */ _e({
   __name: "TranslationControls",
   props: {
     driver: { type: String },
@@ -7520,19 +7820,33 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
   emits: ["update:driver", "update:apiToken", "update:options"],
   setup(e, { emit: t }) {
     const o = e, r = t, n = ne(o.driver), i = ne(o.apiToken), a = ne({ ...o.options });
-    Te(() => o.driver, async (f) => {
-      f !== n.value && (await ft(), n.value = f);
-    }), Te(() => o.apiToken, async (f) => {
-      f !== i.value && (await ft(), i.value = f);
-    }), Te(() => o.options, async (f) => {
-      JSON.stringify(f) !== JSON.stringify(a.value) && (await ft(), a.value = { ...f });
-    }, { deep: !0 }), Te(n, async (f) => {
+    Te(
+      () => o.driver,
+      async (f) => {
+        f !== n.value && (await ft(), n.value = f);
+      }
+    ), Te(
+      () => o.apiToken,
+      async (f) => {
+        f !== i.value && (await ft(), i.value = f);
+      }
+    ), Te(
+      () => o.options,
+      async (f) => {
+        JSON.stringify(f) !== JSON.stringify(a.value) && (await ft(), a.value = { ...f });
+      },
+      { deep: !0 }
+    ), Te(n, async (f) => {
       f !== o.driver && (await ft(), r("update:driver", f));
     }), Te(i, async (f) => {
       f !== o.apiToken && (await ft(), r("update:apiToken", f));
-    }), Te(a, async (f) => {
-      JSON.stringify(f) !== JSON.stringify(o.options) && (await ft(), r("update:options", { ...f }));
-    }, { deep: !0 });
+    }), Te(
+      a,
+      async (f) => {
+        JSON.stringify(f) !== JSON.stringify(o.options) && (await ft(), r("update:options", { ...f }));
+      },
+      { deep: !0 }
+    );
     const s = [
       { label: "Disabled", value: "disabled" },
       { label: "OpenAI", value: "openai" },
@@ -7623,14 +7937,14 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
       "gpt-3.5-turbo-1106",
       "gpt-3.5-turbo-0125"
     ];
-    return (f, c) => (y(), D("div", up, [
-      g("div", pp, [
-        g("div", hp, [
+    return (f, c) => (y(), D("div", Oh, [
+      g("div", Sh, [
+        g("div", $h, [
           c[8] || (c[8] = g("label", { class: "control-label" }, [
             g("span", { class: "control-icon" }, "🔧"),
             qe(" Translation Service ")
           ], -1)),
-          g("div", gp, [
+          g("div", Ch, [
             ut(g("select", {
               "onUpdate:modelValue": c[0] || (c[0] = (d) => n.value = d),
               class: "select-input"
@@ -7643,7 +7957,7 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
               (y(), D(re, null, Fe(s, (d) => g("option", {
                 key: d.value,
                 value: d.value
-              }, G(d.label), 9, vp)), 64))
+              }, G(d.label), 9, Th)), 64))
             ], 512), [
               [or, n.value]
             ]),
@@ -7652,7 +7966,7 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
         ]),
         Y(mn, { name: "fade-slide" }, {
           default: ke(() => [
-            n.value !== "disabled" ? (y(), D("div", wp, [
+            n.value !== "disabled" ? (y(), D("div", Dh, [
               c[9] || (c[9] = g("label", { class: "control-label" }, [
                 g("span", { class: "control-icon" }, "🔑"),
                 qe(" API Authorization ")
@@ -7671,8 +7985,8 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
         }),
         Y(mn, { name: "fade-slide" }, {
           default: ke(() => [
-            n.value !== "disabled" ? (y(), D("div", mp, [
-              n.value === "yandex-cloud" ? (y(), D("div", bp, [
+            n.value !== "disabled" ? (y(), D("div", Vh, [
+              n.value === "yandex-cloud" ? (y(), D("div", Ah, [
                 c[10] || (c[10] = g("label", { class: "control-label" }, [
                   g("span", { class: "control-icon" }, "📁"),
                   qe(" Cloud Folder ID ")
@@ -7686,12 +8000,12 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
                   [Nr, a.value.folderId]
                 ])
               ])) : ie("", !0),
-              n.value === "deepl" ? (y(), D("div", yp, [
+              n.value === "deepl" ? (y(), D("div", Mh, [
                 c[13] || (c[13] = g("label", { class: "control-label" }, [
                   g("span", { class: "control-icon" }, "🎚️"),
                   qe(" Tone Formality ")
                 ], -1)),
-                g("div", _p, [
+                g("div", Ih, [
                   ut(g("select", {
                     "onUpdate:modelValue": c[3] || (c[3] = (d) => a.value.formality = d),
                     class: "select-input"
@@ -7705,12 +8019,12 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
                   c[12] || (c[12] = g("div", { class: "select-arrow" }, " ▼ ", -1))
                 ])
               ])) : ie("", !0),
-              n.value === "openai" ? (y(), D("div", xp, [
+              n.value === "openai" ? (y(), D("div", Ph, [
                 c[15] || (c[15] = g("label", { class: "control-label" }, [
                   g("span", { class: "control-icon" }, "🤖"),
                   qe(" AI Model Selection ")
                 ], -1)),
-                g("div", kp, [
+                g("div", jh, [
                   ut(g("select", {
                     "onUpdate:modelValue": c[4] || (c[4] = (d) => a.value.model = d),
                     class: "select-input"
@@ -7718,19 +8032,19 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
                     (y(), D(re, null, Fe(l, (d) => g("option", {
                       key: d,
                       value: d
-                    }, G(d), 9, Ep)), 64))
+                    }, G(d), 9, Lh)), 64))
                   ], 512), [
                     [or, a.value.model]
                   ]),
                   c[14] || (c[14] = g("div", { class: "select-arrow" }, " ▼ ", -1))
                 ])
               ])) : ie("", !0),
-              n.value === "deepseek" ? (y(), D("div", Np, [
+              n.value === "deepseek" ? (y(), D("div", Fh, [
                 c[18] || (c[18] = g("label", { class: "control-label" }, [
                   g("span", { class: "control-icon" }, "🧠"),
                   qe(" Reasoning Model ")
                 ], -1)),
-                g("div", Op, [
+                g("div", Rh, [
                   ut(g("select", {
                     "onUpdate:modelValue": c[5] || (c[5] = (d) => a.value.model = d),
                     class: "select-input"
@@ -7750,7 +8064,7 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
       ])
     ]));
   }
-}), $p = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-28f1f676],[data-v-28f1f676]:before,[data-v-28f1f676]:after,[data-v-28f1f676]::backdrop{--tw-space-y-reverse:0;--tw-font-weight:initial;--tw-border-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}:where(.translation-controls[data-v-28f1f676]>:not(:last-child)),:where(.translation-controls__content[data-v-28f1f676]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.control-group[data-v-28f1f676]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*2)*calc(1 - var(--tw-space-y-reverse)))}.control-label[data-v-28f1f676]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-slate-600,oklch(44.6% .043 257.281));align-items:center;display:flex}.control-icon[data-v-28f1f676]{margin-right:calc(var(--spacing,.25rem)*2)}.control-select[data-v-28f1f676]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;position:relative}@media(hover:hover){.control-select[data-v-28f1f676]:hover{border-color:var(--color-blue-400,oklch(70.7% .165 254.624))}}.select-input[data-v-28f1f676]{appearance:none;border-radius:var(--radius-lg,.5rem);width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);padding-right:calc(var(--spacing,.25rem)*8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-slate-700,oklch(37.2% .044 257.287));--tw-outline-style:none;background-color:#0000;outline-style:none}@media(forced-colors:active){.select-input[data-v-28f1f676]{outline-offset:2px;outline:2px solid #0000}}.select-arrow[data-v-28f1f676]{pointer-events:none;top:50%;right:calc(var(--spacing,.25rem)*2);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-slate-400,oklch(70.4% .04 256.788));position:absolute}.styled-input[data-v-28f1f676]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.styled-input[data-v-28f1f676]::placeholder{color:var(--color-slate-400,oklch(70.4% .04 256.788))}.styled-input[data-v-28f1f676]{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.styled-input[data-v-28f1f676]{outline-offset:2px;outline:2px solid #0000}}.styled-input[data-v-28f1f676]{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}.styled-input[data-v-28f1f676]:focus{border-color:var(--color-blue-400,oklch(70.7% .165 254.624));--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-blue-200,oklch(88.2% .059 254.128))}.driver-options[data-v-28f1f676]{margin-left:calc(var(--spacing,.25rem)*2)}:where(.driver-options[data-v-28f1f676]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*3)*calc(1 - var(--tw-space-y-reverse)))}.driver-options[data-v-28f1f676]{border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-blue-100,oklch(93.2% .032 255.585));padding-left:calc(var(--spacing,.25rem)*4)}.fade-slide-enter-active[data-v-28f1f676],.fade-slide-leave-active[data-v-28f1f676]{transition:all .3s}.fade-slide-enter-from[data-v-28f1f676],.fade-slide-leave-to[data-v-28f1f676]{opacity:0;transform:translate(10px)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}', Cp = /* @__PURE__ */ be(Sp, [["styles", [$p]], ["__scopeId", "data-v-28f1f676"]]), Tp = { class: "settings-view" }, Dp = { class: "space-y-6" }, Ji = "translationSettings", Vp = /* @__PURE__ */ _e({
+}), Hh = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-78d175e3],[data-v-78d175e3]:before,[data-v-78d175e3]:after,[data-v-78d175e3]::backdrop{--tw-space-y-reverse:0;--tw-font-weight:initial;--tw-border-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}:where(.translation-controls[data-v-78d175e3]>:not(:last-child)),:where(.translation-controls__content[data-v-78d175e3]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.control-group[data-v-78d175e3]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*2)*calc(1 - var(--tw-space-y-reverse)))}.control-label[data-v-78d175e3]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-slate-600,oklch(44.6% .043 257.281));align-items:center;display:flex}.control-icon[data-v-78d175e3]{margin-right:calc(var(--spacing,.25rem)*2)}.control-select[data-v-78d175e3]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;position:relative}@media(hover:hover){.control-select[data-v-78d175e3]:hover{border-color:var(--color-blue-400,oklch(70.7% .165 254.624))}}.select-input[data-v-78d175e3]{appearance:none;border-radius:var(--radius-lg,.5rem);width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);padding-right:calc(var(--spacing,.25rem)*8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-slate-700,oklch(37.2% .044 257.287));--tw-outline-style:none;background-color:#0000;outline-style:none}@media(forced-colors:active){.select-input[data-v-78d175e3]{outline-offset:2px;outline:2px solid #0000}}.select-arrow[data-v-78d175e3]{pointer-events:none;top:50%;right:calc(var(--spacing,.25rem)*2);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-slate-400,oklch(70.4% .04 256.788));position:absolute}.styled-input[data-v-78d175e3]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.styled-input[data-v-78d175e3]::placeholder{color:var(--color-slate-400,oklch(70.4% .04 256.788))}.styled-input[data-v-78d175e3]{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.styled-input[data-v-78d175e3]{outline-offset:2px;outline:2px solid #0000}}.styled-input[data-v-78d175e3]{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}.styled-input[data-v-78d175e3]:focus{border-color:var(--color-blue-400,oklch(70.7% .165 254.624));--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-blue-200,oklch(88.2% .059 254.128))}.driver-options[data-v-78d175e3]{margin-left:calc(var(--spacing,.25rem)*2)}:where(.driver-options[data-v-78d175e3]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*3)*calc(1 - var(--tw-space-y-reverse)))}.driver-options[data-v-78d175e3]{border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-blue-100,oklch(93.2% .032 255.585));padding-left:calc(var(--spacing,.25rem)*4)}.fade-slide-enter-active[data-v-78d175e3],.fade-slide-leave-active[data-v-78d175e3]{transition:all .3s}.fade-slide-enter-from[data-v-78d175e3],.fade-slide-leave-to[data-v-78d175e3]{opacity:0;transform:translate(10px)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}', Uh = /* @__PURE__ */ be(zh, [["styles", [Hh]], ["__scopeId", "data-v-78d175e3"]]), Bh = { class: "settings-view" }, Kh = { class: "space-y-6" }, Ji = "translationSettings", Wh = /* @__PURE__ */ _e({
   __name: "SettingsView",
   setup(e) {
     const t = ne("disabled"), o = ne(""), r = ne({
@@ -7767,22 +8081,26 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
         const { driver: i, token: a, options: s } = JSON.parse(n);
         t.value = i, o.value = a, r.value = s || {};
       }
-    }), Te([t, o, r], async () => {
-      await ft();
-      const n = {
-        driver: t.value,
-        token: o.value,
-        options: r.value
-      };
-      localStorage.setItem(Ji, JSON.stringify(n));
-    }, { deep: !0 }), (n, i) => (y(), D("div", Tp, [
-      g("div", Dp, [
-        Y(fp, {
+    }), Te(
+      [t, o, r],
+      async () => {
+        await ft();
+        const n = {
+          driver: t.value,
+          token: o.value,
+          options: r.value
+        };
+        localStorage.setItem(Ji, JSON.stringify(n));
+      },
+      { deep: !0 }
+    ), (n, i) => (y(), D("div", Bh, [
+      g("div", Kh, [
+        Y(Nh, {
           title: "Auto-Translation Engine",
           icon: "🌐"
         }, {
           default: ke(() => [
-            Y(Cp, {
+            Y(Uh, {
               driver: t.value,
               "onUpdate:driver": i[0] || (i[0] = (a) => t.value = a),
               "api-token": o.value,
@@ -7796,318 +8114,7 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
       ])
     ]));
   }
-}), Ap = ".settings-view[data-v-ddc451e5]{height:100%;padding:calc(var(--spacing,.25rem)*4);overflow:auto}", Mp = /* @__PURE__ */ be(Vp, [["styles", [Ap]], ["__scopeId", "data-v-ddc451e5"]]), Ip = { class: "config-card" }, Pp = { class: "config-card__header" }, jp = { class: "config-card__icon" }, Lp = { key: 0 }, Fp = { class: "config-card__title" }, Rp = { class: "config-card__content" }, zp = /* @__PURE__ */ _e({
-  __name: "ConfigCard",
-  props: {
-    title: { type: String },
-    icon: { type: String }
-  },
-  setup(e) {
-    return (t, o) => (y(), D("div", Ip, [
-      g("div", Pp, [
-        g("span", jp, [
-          vt(t.$slots, "icon", {}, () => [
-            e.icon ? (y(), D("span", Lp, G(e.icon), 1)) : ie("", !0)
-          ])
-        ]),
-        g("h3", Fp, G(e.title), 1)
-      ]),
-      g("div", Rp, [
-        vt(t.$slots, "default", {}, void 0)
-      ])
-    ]));
-  }
-}), Hp = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-3db26d7b],[data-v-3db26d7b]:before,[data-v-3db26d7b]:after,[data-v-3db26d7b]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.config-card[data-v-3db26d7b]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200,oklch(92.9% .013 255.508));background-color:var(--color-white,#fff);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);overflow:hidden}.config-card__header[data-v-3db26d7b]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-100,oklch(96.8% .007 247.896));background-color:var(--color-slate-50,oklch(98.4% .003 247.858));padding:calc(var(--spacing,.25rem)*4);padding-bottom:calc(var(--spacing,.25rem)*3);align-items:center;display:flex}.config-card__icon[data-v-3db26d7b]{margin-right:calc(var(--spacing,.25rem)*2);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));align-items:center;display:flex}.config-card__title[data-v-3db26d7b]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-slate-800,oklch(27.9% .041 260.031))}.config-card__content[data-v-3db26d7b]{padding:calc(var(--spacing,.25rem)*4)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}', Qr = /* @__PURE__ */ be(zp, [["styles", [Hp]], ["__scopeId", "data-v-3db26d7b"]]), Up = { class: "status-indicator" }, Bp = /* @__PURE__ */ _e({
-  __name: "StatusIndicator",
-  props: {
-    status: { type: String },
-    label: { type: String },
-    size: { default: "md", type: String }
-  },
-  setup(e) {
-    const t = e, o = oe(() => {
-      const n = "status-indicator__dot", i = `status-indicator__dot--${t.size}`;
-      switch (t.status) {
-        case "active":
-        case "enabled":
-        case "success":
-          return `${n} ${i} status-indicator__dot--success`;
-        case "inactive":
-        case "disabled":
-          return `${n} ${i} status-indicator__dot--disabled`;
-        case "warning":
-          return `${n} ${i} status-indicator__dot--warning`;
-        case "error":
-          return `${n} ${i} status-indicator__dot--error`;
-        case "info":
-          return `${n} ${i} status-indicator__dot--info`;
-        default:
-          return `${n} ${i} status-indicator__dot--default`;
-      }
-    }), r = oe(() => {
-      switch (t.status) {
-        case "active":
-        case "enabled":
-        case "success":
-          return "text-green-700";
-        case "inactive":
-        case "disabled":
-          return "text-red-700";
-        case "warning":
-          return "text-yellow-700";
-        case "error":
-          return "text-red-700";
-        case "info":
-          return "text-blue-700";
-        default:
-          return "text-slate-700";
-      }
-    });
-    return (n, i) => (y(), D("div", Up, [
-      g("div", {
-        class: ye(["status-indicator__dot", o.value])
-      }, null, 2),
-      g("span", {
-        class: ye(["status-indicator__text", r.value])
-      }, G(e.label), 3)
-    ]));
-  }
-}), Kp = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-ceddd4fb],[data-v-ceddd4fb]:before,[data-v-ceddd4fb]:after,[data-v-ceddd4fb]::backdrop{--tw-duration:initial;--tw-font-weight:initial}}}.status-indicator[data-v-ceddd4fb]{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.status-indicator__dot[data-v-ceddd4fb]{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-radius:3.40282e38px;transition-duration:.2s}.status-indicator__dot--sm[data-v-ceddd4fb]{height:calc(var(--spacing,.25rem)*2);width:calc(var(--spacing,.25rem)*2)}.status-indicator__dot--md[data-v-ceddd4fb]{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.status-indicator__dot--lg[data-v-ceddd4fb]{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.status-indicator__dot--success[data-v-ceddd4fb]{background-color:var(--color-green-500,oklch(72.3% .219 149.579));box-shadow:0 0 0 2px #22c55e33}.status-indicator__dot--disabled[data-v-ceddd4fb]{background-color:var(--color-red-500,oklch(63.7% .237 25.331));box-shadow:0 0 0 2px #ef444433}.status-indicator__dot--warning[data-v-ceddd4fb]{background-color:var(--color-yellow-500,oklch(79.5% .184 86.047));box-shadow:0 0 0 2px #eab30833}.status-indicator__dot--error[data-v-ceddd4fb]{background-color:var(--color-red-500,oklch(63.7% .237 25.331));box-shadow:0 0 0 2px #ef444433}.status-indicator__dot--info[data-v-ceddd4fb]{background-color:var(--color-blue-500,oklch(62.3% .214 259.815));box-shadow:0 0 0 2px #3b82f633}.status-indicator__dot--default[data-v-ceddd4fb]{background-color:var(--color-slate-500,oklch(55.4% .046 257.417));box-shadow:0 0 0 2px #64748b33}.status-indicator__text[data-v-ceddd4fb]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}', bn = /* @__PURE__ */ be(Bp, [["styles", [Kp]], ["__scopeId", "data-v-ceddd4fb"]]), Wp = ".icon[data-v-6fc289e2]{width:1em;height:1em;display:inline-block;vertical-align:middle}", qp = {}, Jp = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  class: "icon"
-};
-function Gp(e, t) {
-  return y(), D("svg", Jp, [...t[0] || (t[0] = [
-    g("circle", {
-      cx: "12",
-      cy: "12",
-      r: "10"
-    }, null, -1),
-    g("line", {
-      x1: "2",
-      y1: "12",
-      x2: "22",
-      y2: "12"
-    }, null, -1),
-    g("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" }, null, -1)
-  ])]);
-}
-const Un = /* @__PURE__ */ be(qp, [["render", Gp], ["styles", [Wp]], ["__scopeId", "data-v-6fc289e2"]]), Yp = { class: "locale-table-container" }, Xp = { class: "locale-table-wrapper" }, Zp = { class: "locale-table" }, Qp = { class: "locale-table__header" }, eh = { class: "header-content" }, th = { class: "header-icon" }, oh = { key: 1 }, rh = { class: "header-text" }, nh = { class: "locale-table__body" }, ih = { class: "locale-table__cell" }, ah = { class: "locale-code" }, sh = { class: "locale-code__text" }, lh = { class: "locale-table__cell" }, ch = { class: "locale-name" }, dh = { class: "locale-table__cell" }, fh = { class: "locale-iso" }, uh = { class: "locale-table__cell" }, ph = { class: "direction-indicator" }, hh = { class: "locale-table__cell" }, gh = { class: "base-url" }, vh = { class: "locale-table__cell" }, wh = /* @__PURE__ */ _e({
-  __name: "LocaleTable",
-  props: {
-    locales: { type: Array }
-  },
-  setup(e) {
-    const t = [
-      { key: "code", label: "Code", icon: "🏷️" },
-      { key: "name", label: "Display Name", icon: "📝" },
-      { key: "iso", label: "ISO Code", iconComponent: Un },
-      { key: "dir", label: "Direction", icon: "↔️" },
-      { key: "baseUrl", label: "Base URL", icon: "🔗" },
-      { key: "status", label: "Status", icon: "⚡" }
-    ];
-    return (o, r) => (y(), D("div", Yp, [
-      g("div", Xp, [
-        g("table", Zp, [
-          g("thead", Qp, [
-            g("tr", null, [
-              (y(), D(re, null, Fe(t, (n) => g("th", {
-                key: n.key,
-                class: "locale-table__header-cell"
-              }, [
-                g("div", eh, [
-                  g("span", th, [
-                    n.iconComponent ? (y(), me(Ba(n.iconComponent), { key: 0 })) : (y(), D("span", oh, G(n.icon), 1))
-                  ]),
-                  g("span", rh, G(n.label), 1)
-                ])
-              ])), 64))
-            ])
-          ]),
-          g("tbody", nh, [
-            (y(!0), D(re, null, Fe(e.locales, (n) => (y(), D("tr", {
-              key: n.code,
-              class: "locale-table__row"
-            }, [
-              g("td", ih, [
-                g("div", ah, [
-                  g("span", sh, G(n.code), 1)
-                ])
-              ]),
-              g("td", lh, [
-                g("span", ch, G(n.displayName || "—"), 1)
-              ]),
-              g("td", dh, [
-                g("span", fh, G(n.iso || "—"), 1)
-              ]),
-              g("td", uh, [
-                g("div", ph, [
-                  g("span", {
-                    class: ye(["direction-badge", `direction-badge--${n.dir || "ltr"}`])
-                  }, G((n.dir || "ltr").toUpperCase()), 3)
-                ])
-              ]),
-              g("td", hh, [
-                g("span", gh, G(n.baseUrl || "—"), 1)
-              ]),
-              g("td", vh, [
-                Y(bn, {
-                  status: n.disabled ? "disabled" : "active",
-                  label: n.disabled ? "Disabled" : "Active",
-                  size: "sm"
-                }, null, 8, ["status", "label"])
-              ])
-            ]))), 128))
-          ])
-        ])
-      ])
-    ]));
-  }
-}), mh = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-95aa1a18],[data-v-95aa1a18]:before,[data-v-95aa1a18]:after,[data-v-95aa1a18]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-duration:initial}}}.locale-table-container[data-v-95aa1a18]{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;overflow:hidden}.locale-table-wrapper[data-v-95aa1a18]{overflow-x:auto}.locale-table[data-v-95aa1a18]{border-collapse:collapse;width:100%}.locale-table__header[data-v-95aa1a18]{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-slate-50,oklch(98.4% .003 247.858));--tw-gradient-to:var(--color-blue-50,oklch(97% .014 254.604));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.locale-table__header-cell[data-v-95aa1a18]{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*4);text-align:left}.header-content[data-v-95aa1a18]{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.header-icon[data-v-95aa1a18]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));align-items:center;display:flex}.header-text[data-v-95aa1a18]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-slate-700,oklch(37.2% .044 257.287))}.locale-table__row[data-v-95aa1a18]{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-slate-100,oklch(96.8% .007 247.896));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.locale-table__row[data-v-95aa1a18]:hover{background-color:var(--color-slate-50,oklch(98.4% .003 247.858))}}.locale-table__cell[data-v-95aa1a18]{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.locale-code[data-v-95aa1a18]{align-items:center;display:inline-flex}.locale-code__text[data-v-95aa1a18]{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-200,oklch(88.2% .059 254.128));background-color:var(--color-blue-50,oklch(97% .014 254.604));padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-blue-700,oklch(48.8% .243 264.376))}.locale-name[data-v-95aa1a18]{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-slate-700,oklch(37.2% .044 257.287))}.locale-iso[data-v-95aa1a18]{border-radius:var(--radius-sm,.25rem);background-color:var(--color-slate-100,oklch(96.8% .007 247.896));padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-slate-600,oklch(44.6% .043 257.281))}.direction-indicator[data-v-95aa1a18]{align-items:center;display:flex}.direction-badge[data-v-95aa1a18]{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border-radius:3.40282e38px}.direction-badge--ltr[data-v-95aa1a18]{background-color:var(--color-purple-100,oklch(94.6% .033 307.174));color:var(--color-purple-800,oklch(43.8% .218 303.724))}.direction-badge--rtl[data-v-95aa1a18]{background-color:var(--color-orange-100,oklch(95.4% .038 75.164));color:var(--color-orange-800,oklch(47% .157 37.304))}.base-url[data-v-95aa1a18]{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-slate-600,oklch(44.6% .043 257.281))}.locale-table__row[data-v-95aa1a18]{animation:.3s ease-out slideInLeft-95aa1a18}@keyframes slideInLeft-95aa1a18{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.locale-table__row[data-v-95aa1a18]:first-child{animation-delay:.1s}.locale-table__row[data-v-95aa1a18]:nth-child(2){animation-delay:.2s}.locale-table__row[data-v-95aa1a18]:nth-child(3){animation-delay:.3s}.locale-table__row[data-v-95aa1a18]:nth-child(4){animation-delay:.4s}.locale-table__row[data-v-95aa1a18]:nth-child(5){animation-delay:.5s}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}', bh = /* @__PURE__ */ be(wh, [["styles", [mh]], ["__scopeId", "data-v-95aa1a18"]]), yh = ".icon[data-v-65e4a862]{width:1em;height:1em;display:inline-block;vertical-align:middle}", _h = {}, xh = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  class: "icon"
-};
-function kh(e, t) {
-  return y(), D("svg", xh, [...t[0] || (t[0] = [
-    g("circle", {
-      cx: "12",
-      cy: "12",
-      r: "3"
-    }, null, -1),
-    g("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" }, null, -1)
-  ])]);
-}
-const $s = /* @__PURE__ */ be(_h, [["render", kh], ["styles", [yh]], ["__scopeId", "data-v-65e4a862"]]), Eh = ".icon[data-v-4c3ea1ca]{width:1em;height:1em;display:inline-block;vertical-align:middle}", Nh = {}, Oh = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  class: "icon"
-};
-function Sh(e, t) {
-  return y(), D("svg", Oh, [...t[0] || (t[0] = [
-    g("rect", {
-      x: "3",
-      y: "3",
-      width: "18",
-      height: "18",
-      rx: "2",
-      ry: "2"
-    }, null, -1),
-    g("line", {
-      x1: "9",
-      y1: "3",
-      x2: "9",
-      y2: "21"
-    }, null, -1),
-    g("line", {
-      x1: "3",
-      y1: "9",
-      x2: "21",
-      y2: "9"
-    }, null, -1)
-  ])]);
-}
-const Cs = /* @__PURE__ */ be(Nh, [["render", Sh], ["styles", [Eh]], ["__scopeId", "data-v-4c3ea1ca"]]), $h = { class: "config-view" }, Ch = {
-  key: 1,
-  class: "space-y-6"
-}, Th = { class: "settings-grid" }, Dh = { class: "config-row" }, Vh = { class: "config-value" }, Ah = { class: "config-row" }, Mh = { class: "config-value capitalize" }, Ih = { class: "config-row" }, Ph = { class: "config-value" }, jh = { class: "config-row" }, Lh = { class: "settings-grid" }, Fh = { class: "config-row" }, Rh = { class: "config-row" }, zh = { class: "config-value font-mono text-sm" }, Hh = { class: "config-row" }, Uh = { class: "config-value font-mono text-sm text-blue-600" }, Bh = { class: "config-row" }, Kh = { class: "config-value font-mono text-sm" }, Wh = /* @__PURE__ */ _e({
-  __name: "ConfigView",
-  setup(e) {
-    const {
-      isLoading: t,
-      configs: o
-    } = Pr();
-    return (r, n) => (y(), D("div", $h, [
-      ue(t) ? (y(), me(Hn, { key: 0 })) : (y(), D("div", Ch, [
-        Y(Qr, { title: "General Configuration" }, {
-          icon: ke(() => [
-            Y($s)
-          ]),
-          default: ke(() => [
-            g("div", Th, [
-              g("div", Dh, [
-                n[0] || (n[0] = g("span", { class: "config-label" }, "Default Locale", -1)),
-                g("span", Vh, G(ue(o).defaultLocale || "—"), 1)
-              ]),
-              g("div", Ah, [
-                n[1] || (n[1] = g("span", { class: "config-label" }, "Routing Strategy", -1)),
-                g("span", Mh, G(ue(o).strategy || "—"), 1)
-              ]),
-              g("div", Ih, [
-                n[2] || (n[2] = g("span", { class: "config-label" }, "Fallback Locale", -1)),
-                g("span", Ph, G(ue(o).fallbackLocale || "—"), 1)
-              ]),
-              g("div", jh, [
-                n[3] || (n[3] = g("span", { class: "config-label" }, "Debug Mode", -1)),
-                Y(bn, {
-                  status: ue(o).debug ? "enabled" : "disabled",
-                  label: ue(o).debug ? "Active" : "Inactive"
-                }, null, 8, ["status", "label"])
-              ])
-            ])
-          ]),
-          _: 1
-        }),
-        Y(Qr, { title: "Configured Locales" }, {
-          icon: ke(() => [
-            Y(Un)
-          ]),
-          default: ke(() => [
-            Y(bh, {
-              locales: ue(o).locales || []
-            }, null, 8, ["locales"])
-          ]),
-          _: 1
-        }),
-        Y(Qr, { title: "Advanced Configuration" }, {
-          icon: ke(() => [
-            Y(Cs)
-          ]),
-          default: ke(() => [
-            g("div", Lh, [
-              g("div", Fh, [
-                n[4] || (n[4] = g("span", { class: "config-label" }, "Auto Language Detection", -1)),
-                Y(bn, {
-                  status: ue(o).autoDetectLanguage ? "enabled" : "disabled",
-                  label: ue(o).autoDetectLanguage ? "Enabled" : "Disabled"
-                }, null, 8, ["status", "label"])
-              ]),
-              g("div", Rh, [
-                n[5] || (n[5] = g("span", { class: "config-label" }, "Translation Directory", -1)),
-                g("span", zh, G(ue(o).translationDir || "—"), 1)
-              ]),
-              g("div", Hh, [
-                n[6] || (n[6] = g("span", { class: "config-label" }, "API Base URL", -1)),
-                g("span", Uh, G(ue(o).apiBaseUrl || "—"), 1)
-              ]),
-              g("div", Bh, [
-                n[7] || (n[7] = g("span", { class: "config-label" }, "Locale Cookie", -1)),
-                g("span", Kh, G(ue(o).localeCookie || "—"), 1)
-              ])
-            ])
-          ]),
-          _: 1
-        })
-      ]))
-    ]));
-  }
-}), qh = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-0a343554],[data-v-0a343554]:before,[data-v-0a343554]:after,[data-v-0a343554]::backdrop{--tw-font-weight:initial}}}.config-view[data-v-0a343554]{height:100%;padding:calc(var(--spacing,.25rem)*4);overflow:auto}.settings-grid[data-v-0a343554]{gap:calc(var(--spacing,.25rem)*3);display:grid}.config-row[data-v-0a343554]{border-radius:var(--radius-lg,.5rem);background-color:var(--color-gray-50,oklch(98.5% .002 247.839));padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:space-between;align-items:center;display:flex}@media(hover:hover){.config-row[data-v-0a343554]:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.config-label[data-v-0a343554]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-600,oklch(44.6% .03 256.802))}.config-value[data-v-0a343554]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-800,oklch(27.8% .033 256.848))}@property --tw-font-weight{syntax:"*";inherits:false}', Jh = /* @__PURE__ */ be(Wh, [["styles", [qh]], ["__scopeId", "data-v-0a343554"]]), Gh = { class: "i18n-devtools" }, Yh = { class: "header" }, Xh = { class: "content-area" }, Zh = { class: "view-container" }, Qh = /* @__PURE__ */ _e({
+}), qh = ".settings-view[data-v-8ffb2606]{height:100%;padding:calc(var(--spacing,.25rem)*4);overflow:auto}", Jh = /* @__PURE__ */ be(Wh, [["styles", [qh]], ["__scopeId", "data-v-8ffb2606"]]), Gh = { class: "i18n-devtools" }, Yh = { class: "header" }, Xh = { class: "content-area" }, Zh = { class: "view-container" }, Qh = /* @__PURE__ */ _e({
   __name: "App.ce",
   props: {
     bridge: {
@@ -8116,12 +8123,12 @@ const Cs = /* @__PURE__ */ be(Nh, [["render", Sh], ["styles", [Eh]], ["__scopeId
     }
   },
   setup(e) {
-    const t = e, o = Xd();
-    Xa(Ns, o);
+    const t = e, o = kf();
+    Xa(Ss, o);
     const r = ne("i18n"), n = [
-      { label: "i18n", value: "i18n", icon: Un },
-      { label: "Settings", value: "settings", icon: $s },
-      { label: "Server Info", value: "config", icon: Cs }
+      { label: "i18n", value: "i18n", icon: Hn },
+      { label: "Settings", value: "settings", icon: Os },
+      { label: "Server Info", value: "config", icon: Ns }
     ], i = async (s) => {
       o.bridge.value || (console.log("[i18n-devtools] Bridge received, initializing..."), o.setBridge(s), await o.init());
     };
@@ -8136,9 +8143,9 @@ const Cs = /* @__PURE__ */ be(Nh, [["render", Sh], ["styles", [Eh]], ["__scopeId
     return Pt(() => {
       t.bridge ? i(t.bridge) : console.log("[i18n-devtools] Waiting for bridge...");
     }), (s, l) => (y(), D("div", Gh, [
-      a.value ? (y(), me(Hn, { key: 0 })) : (y(), D(re, { key: 1 }, [
+      a.value ? (y(), me(Un, { key: 0 })) : (y(), D(re, { key: 1 }, [
         g("div", Yh, [
-          Y(af, {
+          Y(xf, {
             modelValue: r.value,
             "onUpdate:modelValue": l[0] || (l[0] = (f) => r.value = f),
             tabs: n
@@ -8146,16 +8153,16 @@ const Cs = /* @__PURE__ */ be(Nh, [["render", Sh], ["styles", [Eh]], ["__scopeId
         ]),
         g("div", Xh, [
           g("div", Zh, [
-            r.value === "i18n" ? (y(), me(op, { key: 0 })) : ie("", !0),
-            r.value === "settings" ? (y(), me(Mp, { key: 1 })) : ie("", !0),
-            r.value === "config" ? (y(), me(Jh, { key: 2 })) : ie("", !0)
+            r.value === "i18n" ? (y(), me(vh, { key: 0 })) : ie("", !0),
+            r.value === "settings" ? (y(), me(Jh, { key: 1 })) : ie("", !0),
+            r.value === "config" ? (y(), me(Nu, { key: 2 })) : ie("", !0)
           ])
         ])
       ], 64))
     ]));
   }
-}), eg = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-600:oklch(64.6% .222 41.116);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-teal-600:oklch(60% .118 184.704);--color-cyan-600:oklch(60.9% .126 221.723);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-600:oklch(59.2% .249 .584);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-20{z-index:20}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.my-1{margin-block:calc(var(--spacing)*1)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-4{margin-top:calc(var(--spacing)*4)}.-mr-2{margin-right:calc(var(--spacing)*-2)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\\[38px\\]{min-height:38px}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-\\[1px\\]{width:1px}.w-full{width:100%}.min-w-\\[60px\\]{min-width:60px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-col-resize{cursor:col-resize}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-l-yellow-500{border-left-color:var(--color-yellow-500)}.bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-cyan-600{color:var(--color-cyan-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-600{color:var(--color-indigo-600)}.text-orange-600{color:var(--color-orange-600)}.text-pink-600{color:var(--color-pink-600)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-slate-400{color:var(--color-slate-400)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-teal-600{color:var(--color-teal-600)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ring-inset{--tw-ring-inset:inset}@media(hover:hover){.hover\\:bg-blue-50\\/50:hover{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-blue-50\\/50:hover{background-color:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.hover\\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\\:bg-slate-300:hover{background-color:var(--color-slate-300)}.hover\\:text-blue-600:hover{color:var(--color-blue-600)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-slate-800:hover{color:var(--color-slate-800)}}.focus\\:border-blue-400:focus{border-color:var(--color-blue-400)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.disabled\\:opacity-50:disabled{opacity:.5}}.i18n-devtools{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:host{width:100%;height:100vh;display:block;overflow:hidden}.i18n-devtools{background-color:var(--color-white);width:100%;height:100%;color:var(--color-slate-700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex;overflow:hidden}.header{z-index:20;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);flex-shrink:0;position:relative}.content-area{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.view-container{inset:calc(var(--spacing)*0);width:100%;height:100%;position:absolute;overflow:hidden}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}', tg = /* @__PURE__ */ be(Qh, [["styles", [eg]]]);
-function ig(e) {
+}), e0 = '@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-600:oklch(64.6% .222 41.116);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-teal-600:oklch(60% .118 184.704);--color-cyan-600:oklch(60.9% .126 221.723);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-600:oklch(59.2% .249 .584);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-20{z-index:20}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.my-1{margin-block:calc(var(--spacing)*1)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-4{margin-top:calc(var(--spacing)*4)}.-mr-2{margin-right:calc(var(--spacing)*-2)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\\[38px\\]{min-height:38px}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-\\[1px\\]{width:1px}.w-full{width:100%}.min-w-\\[60px\\]{min-width:60px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-col-resize{cursor:col-resize}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-l-yellow-500{border-left-color:var(--color-yellow-500)}.bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-cyan-600{color:var(--color-cyan-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-600{color:var(--color-indigo-600)}.text-orange-600{color:var(--color-orange-600)}.text-pink-600{color:var(--color-pink-600)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-slate-400{color:var(--color-slate-400)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-teal-600{color:var(--color-teal-600)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ring-inset{--tw-ring-inset:inset}@media(hover:hover){.hover\\:bg-blue-50\\/50:hover{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-blue-50\\/50:hover{background-color:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.hover\\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\\:bg-slate-300:hover{background-color:var(--color-slate-300)}.hover\\:text-blue-600:hover{color:var(--color-blue-600)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-slate-800:hover{color:var(--color-slate-800)}}.focus\\:border-blue-400:focus{border-color:var(--color-blue-400)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.disabled\\:opacity-50:disabled{opacity:.5}}.i18n-devtools{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:host{width:100%;height:100vh;display:block;overflow:hidden}.i18n-devtools{background-color:var(--color-white);width:100%;height:100%;color:var(--color-slate-700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex;overflow:hidden}.header{z-index:20;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);flex-shrink:0;position:relative}.content-area{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.view-container{inset:calc(var(--spacing)*0);width:100%;height:100%;position:absolute;overflow:hidden}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}', t0 = /* @__PURE__ */ be(Qh, [["styles", [e0]]]);
+function i0(e) {
   const { adapter: t, locales: o = [], defaultLocale: r = "en", translationDir: n = "src/locales" } = e, i = () => {
     const a = {}, s = t.getGeneralCache();
     for (const [f, c] of Object.entries(s))
@@ -8234,10 +8241,10 @@ function ig(e) {
     }
   };
 }
-function og() {
+function o0() {
   return Date.now().toString(36) + Math.random().toString(36).substring(2);
 }
-function ag() {
+function a0() {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
   window.addEventListener("message", (r) => {
     const n = r.data;
@@ -8253,7 +8260,7 @@ function ag() {
       });
   });
   const o = (r, n) => new Promise((i, a) => {
-    const s = og();
+    const s = o0();
     e.set(s, { resolve: i, reject: a });
     const l = { jsonrpc: "2.0", id: s, method: r, params: n };
     window.parent.postMessage(l, "*");
@@ -8267,7 +8274,7 @@ function ag() {
     })
   };
 }
-function sg(e, t) {
+function s0(e, t) {
   const o = async (n) => {
     if (n.source !== e) return;
     const i = n.data;
@@ -8311,15 +8318,15 @@ function sg(e, t) {
     window.removeEventListener("message", o), r();
   };
 }
-const rg = /* @__PURE__ */ Id(tg);
-function lg() {
-  customElements.get("i18n-devtools-ui") || customElements.define("i18n-devtools-ui", rg);
+const r0 = /* @__PURE__ */ Id(t0);
+function l0() {
+  customElements.get("i18n-devtools-ui") || customElements.define("i18n-devtools-ui", r0);
 }
 export {
-  rg as I18nDevToolsElement,
-  ig as createBridge,
-  ag as createRpcClient,
-  lg as register,
-  sg as setupRpcHost
+  r0 as I18nDevToolsElement,
+  i0 as createBridge,
+  a0 as createRpcClient,
+  l0 as register,
+  s0 as setupRpcHost
 };
 //# sourceMappingURL=index.es.js.map