@i18n-micro/devtools-ui 1.1.0 → 1.2.0

package/dist/index.es.js

@@ -1089,7 +1089,7 @@ function kl(e, t, o = ce) {
       "A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types."
     );
   }, c = (M) => n ? M : Le(M) || n === !1 || n === 0 ? kt(M, 1) : kt(M);
-  let d, p, w, E, b = !1, F = !1;
+  let d, p, w, N, b = !1, F = !1;
   if (Se(e) ? (p = () => e.value, b = Le(e)) : It(e) ? (p = () => c(e), b = !0) : L(e) ? (F = !0, b = e.some((M) => It(M) || Le(M)), p = () => e.map((M) => {
     if (Se(M))
       return M.value;
@@ -1110,7 +1110,7 @@ function kl(e, t, o = ce) {
     const M = Ht;
     Ht = d;
     try {
-      return l ? l(e, 3, [E]) : e(E);
+      return l ? l(e, 3, [N]) : e(N);
     } finally {
       Ht = M;
     }
@@ -1141,7 +1141,7 @@ function kl(e, t, o = ce) {
               j,
               // pass undefined as the old value when it's changed for the first time
               U === Qo ? void 0 : F && U[0] === Qo ? [] : U,
-              E
+              N
             ];
             U = j, l ? l(t, 3, H) : (
               // @ts-expect-error
@@ -1154,7 +1154,7 @@ function kl(e, t, o = ce) {
       } else
         d.run();
   };
-  return s && s(fe), d = new ta(p), d.scheduler = a ? () => a(fe, !1) : fe, E = (M) => xl(M, !1, d), w = d.onStop = () => {
+  return s && s(fe), d = new ta(p), d.scheduler = a ? () => a(fe, !1) : fe, N = (M) => xl(M, !1, d), w = d.onStop = () => {
     const M = hr.get(d);
     if (M) {
       if (l)
@@ -1672,7 +1672,7 @@ const Ta = /* @__PURE__ */ Symbol("_vte"), Da = (e) => e.__isTeleport, Jt = (e)
       mc: c,
       pc: d,
       pbc: p,
-      o: { insert: w, querySelector: E, createText: b, createComment: F }
+      o: { insert: w, querySelector: N, createText: b, createComment: F }
     } = f, R = Jt(t.props);
     let { shapeFlag: z, children: U, dynamicChildren: fe } = t;
     if (v.NODE_ENV !== "production" && Ge && (l = !1, fe = null), e == null) {
@@ -1690,7 +1690,7 @@ const Ta = /* @__PURE__ */ Symbol("_vte"), Da = (e) => e.__isTeleport, Jt = (e)
           l
         );
       }, H = () => {
-        const _ = t.target = sn(t.props, E), I = Aa(_, t, b, w);
+        const _ = t.target = sn(t.props, N), I = Aa(_, t, b, w);
         _ ? (a !== "svg" && oi(_) ? a = "svg" : a !== "mathml" && ri(_) && (a = "mathml"), n && n.isCE && (n.ce._teleportTargets || (n.ce._teleportTargets = /* @__PURE__ */ new Set())).add(_), R || (q(_, I), sr(t, !1))) : v.NODE_ENV !== "production" && !R && O(
           "Invalid Teleport target on mount:",
           _,
@@ -1749,7 +1749,7 @@ const Ta = /* @__PURE__ */ Symbol("_vte"), Da = (e) => e.__isTeleport, Jt = (e)
       else if ((t.props && t.props.to) !== (e.props && e.props.to)) {
         const P = t.target = sn(
           t.props,
-          E
+          N
         );
         P ? er(
           t,
@@ -1784,8 +1784,8 @@ const Ta = /* @__PURE__ */ Symbol("_vte"), Da = (e) => e.__isTeleport, Jt = (e)
     } = e;
     if (d && (n(f), n(c)), i && n(l), a & 16) {
       const w = i || !Jt(p);
-      for (let E = 0; E < s.length; E++) {
-        const b = s[E];
+      for (let N = 0; N < s.length; N++) {
+        const b = s[N];
         r(
           b,
           t,
@@ -1829,11 +1829,11 @@ function Bl(e, t, o, r, n, i, {
   const w = t.target = sn(
     t.props,
     l
-  ), E = Jt(t.props);
+  ), N = Jt(t.props);
   if (w) {
     const b = w._lpa || w.firstChild;
     if (t.shapeFlag & 16)
-      if (E)
+      if (N)
         p(
           e,
           t,
@@ -1864,8 +1864,8 @@ function Bl(e, t, o, r, n, i, {
           i
         );
       }
-    sr(t, E);
-  } else E && t.shapeFlag & 16 && p(e, t, e, a(e));
+    sr(t, N);
+  } else N && t.shapeFlag & 16 && p(e, t, e, a(e));
   return t.anchor && a(t.anchor);
 }
 const Kl = Va;
@@ -1954,7 +1954,7 @@ const We = [Function, Array], Ma = {
           return r.isLeaving = !0, d.afterLeave = () => {
             r.isLeaving = !1, o.job.flags & 8 || o.update(), delete d.afterLeave, c = void 0;
           }, Wr(i);
-        s === "in-out" && l.type !== Ee ? d.delayLeave = (p, w, E) => {
+        s === "in-out" && l.type !== Ee ? d.delayLeave = (p, w, N) => {
           const b = ja(
             r,
             c
@@ -1962,7 +1962,7 @@ const We = [Function, Array], Ma = {
           b[String(c.key)] = c, p[_t] = () => {
             w(), p[_t] = void 0, delete f.delayedLeave, c = void 0;
           }, f.delayedLeave = () => {
-            E(), delete f.delayedLeave, c = void 0;
+            N(), delete f.delayedLeave, c = void 0;
           };
         } : c = void 0;
       } else c && (c = void 0);
@@ -2004,7 +2004,7 @@ function ln(e, t, o, r, n) {
     onEnterCancelled: d,
     onBeforeLeave: p,
     onLeave: w,
-    onAfterLeave: E,
+    onAfterLeave: N,
     onLeaveCancelled: b,
     onBeforeAppear: F,
     onAppear: R,
@@ -2060,7 +2060,7 @@ function ln(e, t, o, r, n) {
       j(p, [_]);
       let $ = !1;
       const se = _[_t] = (we) => {
-        $ || ($ = !0, I(), we ? j(b, [_]) : j(E, [_]), _[_t] = void 0, M[P] === e && delete M[P]);
+        $ || ($ = !0, I(), we ? j(b, [_]) : j(N, [_]), _[_t] = void 0, M[P] === e && delete M[P]);
       };
       M[P] = e, w ? q(w, [_, se]) : se();
     },
@@ -2149,12 +2149,12 @@ function So(e, t, o, r, n = !1) {
   }
   const f = t && t.r, c = s.refs === ce ? s.refs = {} : s.refs, d = s.setupState, p = X(d), w = d === ce ? Yi : (b) => v.NODE_ENV !== "production" && (ee(p, b) && !Se(p[b]) && O(
     `Template ref "${b}" used on a non-ref value. It will not work in the production build.`
-  ), ii.has(p[b])) ? !1 : ee(p, b), E = (b) => v.NODE_ENV === "production" || !ii.has(b);
+  ), ii.has(p[b])) ? !1 : ee(p, b), N = (b) => v.NODE_ENV === "production" || !ii.has(b);
   if (f != null && f !== l) {
     if (ai(t), ve(f))
       c[f] = null, w(f) && (d[f] = null);
     else if (Se(f)) {
-      E(f) && (f.value = null);
+      N(f) && (f.value = null);
       const b = t;
       b.k && (c[b.k] = null);
     }
@@ -2166,7 +2166,7 @@ function So(e, t, o, r, n = !1) {
     if (b || F) {
       const R = () => {
         if (e.f) {
-          const z = b ? w(l) ? d[l] : c[l] : E(l) || !e.k ? l.value : c[e.k];
+          const z = b ? w(l) ? d[l] : c[l] : N(l) || !e.k ? l.value : c[e.k];
           if (n)
             L(z) && yn(z, i);
           else if (L(z))
@@ -2175,9 +2175,9 @@ function So(e, t, o, r, n = !1) {
             c[l] = [i], w(l) && (d[l] = c[l]);
           else {
             const U = [i];
-            E(l) && (l.value = U), e.k && (c[e.k] = U);
+            N(l) && (l.value = U), e.k && (c[e.k] = U);
           }
-        } else b ? (c[l] = a, w(l) && (d[l] = a)) : F ? (E(l) && (l.value = a), e.k && (c[e.k] = a)) : v.NODE_ENV !== "production" && O("Invalid template ref type:", l, `(${typeof l})`);
+        } else b ? (c[l] = a, w(l) && (d[l] = a)) : F ? (N(l) && (l.value = a), e.k && (c[e.k] = a)) : v.NODE_ENV !== "production" && O("Invalid template ref type:", l, `(${typeof l})`);
       };
       if (a) {
         const z = () => {
@@ -2542,7 +2542,7 @@ function dc(e) {
     beforeMount: d,
     mounted: p,
     beforeUpdate: w,
-    updated: E,
+    updated: N,
     activated: b,
     deactivated: F,
     beforeDestroy: R,
@@ -2630,7 +2630,7 @@ function dc(e) {
   function xe(Z, Q) {
     L(Q) ? Q.forEach((it) => Z(it.bind(o))) : Q && Z(Q.bind(o));
   }
-  if (xe(Zl, d), xe(Pt, p), xe(Ql, w), xe(ec, E), xe(Gl, b), xe(Yl, F), xe(nc, H), xe(rc, j), xe(oc, q), xe(za, z), xe(An, fe), xe(tc, _), L(I))
+  if (xe(Zl, d), xe(Pt, p), xe(Ql, w), xe(ec, N), xe(Gl, b), xe(Yl, F), xe(nc, H), xe(rc, j), xe(oc, q), xe(za, z), xe(An, fe), xe(tc, _), L(I))
     if (I.length) {
       const Z = e.exposed || (e.exposed = {});
       I.forEach((Q) => {
@@ -2852,8 +2852,8 @@ function vc(e, t) {
           );
           const w = f._ceVNode || Y(r, n);
           return w.appContext = i, p === !0 ? p = "svg" : p === !1 && (p = void 0), v.NODE_ENV !== "production" && (i.reload = () => {
-            const E = wt(w);
-            E.el = null, e(E, c, p);
+            const N = wt(w);
+            N.el = null, e(N, c, p);
           }), e(w, c, p), l = !0, f._container = c, c.__vue_app__ = f, v.NODE_ENV !== "production" && (f._instance = w.component, Pl(f, xi)), Ir(w.component);
         }
       },
@@ -2945,12 +2945,12 @@ function Za(e, t, o = ce) {
     }
   }
   const c = Ne;
-  s.call = (w, E, b) => nt(w, c, E, b);
+  s.call = (w, N, b) => nt(w, c, N, b);
   let d = !1;
   i === "post" ? s.scheduler = (w) => {
     Pe(w, c && c.suspense);
-  } : i !== "sync" && (d = !0, s.scheduler = (w, E) => {
-    E ? w() : Vr(w);
+  } : i !== "sync" && (d = !0, s.scheduler = (w, N) => {
+    N ? w() : Vr(w);
   }), s.augmentJob = (w) => {
     t && (w.flags |= 4), d && (w.flags |= 2, c && (w.id = c.uid, w.i = c));
   };
@@ -3067,7 +3067,7 @@ function ui(e) {
     props: d,
     data: p,
     setupState: w,
-    ctx: E,
+    ctx: N,
     inheritAttrs: b
   } = e, F = wr(e);
   let R, z;
@@ -3091,7 +3091,7 @@ function ui(e) {
           v.NODE_ENV !== "production" ? gt(d) : d,
           w,
           p,
-          E
+          N
         )
       ), z = s;
     } else {
@@ -3261,11 +3261,11 @@ function Cc(e, t, o, r) {
           if (ee(i, p))
             w !== i[p] && (i[p] = w, f = !0);
           else {
-            const E = Ae(p);
-            n[E] = pn(
+            const N = Ae(p);
+            n[N] = pn(
               l,
               s,
-              E,
+              N,
               w,
               e,
               !1
@@ -3384,18 +3384,18 @@ function as(e, t, o = !1) {
     for (const c in i) {
       const d = Ae(c);
       if (gi(d)) {
-        const p = i[c], w = a[d] = L(p) || W(p) ? { type: p } : ge({}, p), E = w.type;
+        const p = i[c], w = a[d] = L(p) || W(p) ? { type: p } : ge({}, p), N = w.type;
         let b = !1, F = !0;
-        if (L(E))
-          for (let R = 0; R < E.length; ++R) {
-            const z = E[R], U = W(z) && z.name;
+        if (L(N))
+          for (let R = 0; R < N.length; ++R) {
+            const z = N[R], U = W(z) && z.name;
             if (U === "Boolean") {
               b = !0;
               break;
             } else U === "String" && (F = !1);
           }
         else
-          b = W(E) && E.name === "Boolean";
+          b = W(N) && N.name === "Boolean";
         w[
           0
           /* shouldCast */
@@ -3439,8 +3439,8 @@ function Vc(e, t, o, r, n) {
       let f = !1;
       const c = L(i) ? i : [i], d = [];
       for (let p = 0; p < c.length && !f; p++) {
-        const { valid: w, expectedType: E } = Mc(t, c[p]);
-        d.push(E || ""), f = w;
+        const { valid: w, expectedType: N } = Mc(t, c[p]);
+        d.push(N || ""), f = w;
       }
       if (!f) {
         O(Ic(e, t, d));
@@ -3576,13 +3576,13 @@ function Hc(e, t) {
     parentNode: d,
     nextSibling: p,
     setScopeId: w = De,
-    insertStaticContent: E
+    insertStaticContent: N
   } = e, b = (u, h, m, S = null, x = null, k = null, V = void 0, T = null, C = v.NODE_ENV !== "production" && Ge ? !1 : !!h.dynamicChildren) => {
     if (u === h)
       return;
     u && !Ut(u, h) && (S = Yo(u), $t(u, x, k, !0), u = null), h.patchFlag === -2 && (C = !1, h.dynamicChildren = null);
-    const { type: N, ref: K, shapeFlag: A } = h;
-    switch (N) {
+    const { type: E, ref: K, shapeFlag: A } = h;
+    switch (E) {
       case qo:
         F(u, h, m, S);
         break;
@@ -3626,7 +3626,7 @@ function Hc(e, t) {
           V,
           T,
           C
-        ) : A & 64 || A & 128 ? N.process(
+        ) : A & 64 || A & 128 ? E.process(
           u,
           h,
           m,
@@ -3637,7 +3637,7 @@ function Hc(e, t) {
           T,
           C,
           vo
-        ) : v.NODE_ENV !== "production" && O("Invalid VNode type:", N, `(${typeof N})`);
+        ) : v.NODE_ENV !== "production" && O("Invalid VNode type:", E, `(${typeof E})`);
     }
     K != null && x ? So(K, u && u.ref, k, h || u, !h) : K == null && u && u.ref != null && So(u.ref, null, k, u, !0);
   }, F = (u, h, m, S) => {
@@ -3658,7 +3658,7 @@ function Hc(e, t) {
       S
     ) : h.el = u.el;
   }, z = (u, h, m, S) => {
-    [u.el, u.anchor] = E(
+    [u.el, u.anchor] = N(
       u.children,
       h,
       m,
@@ -3669,7 +3669,7 @@ function Hc(e, t) {
   }, U = (u, h, m, S) => {
     if (h.children !== u.children) {
       const x = p(u.anchor);
-      M(u), [h.el, h.anchor] = E(
+      M(u), [h.el, h.anchor] = N(
         h.children,
         m,
         x,
@@ -3700,9 +3700,9 @@ function Hc(e, t) {
         C
       );
     else {
-      const N = u.el && u.el._isVueCE ? u.el : null;
+      const E = u.el && u.el._isVueCE ? u.el : null;
       try {
-        N && N._beginPatch(), I(
+        E && E._beginPatch(), I(
           u,
           h,
           x,
@@ -3712,11 +3712,11 @@ function Hc(e, t) {
           C
         );
       } finally {
-        N && N._endPatch();
+        E && E._endPatch();
       }
     }
   }, q = (u, h, m, S, x, k, V, T) => {
-    let C, N;
+    let C, E;
     const { props: K, shapeFlag: A, transition: B, dirs: J } = u;
     if (C = u.el = a(
       u.type,
@@ -3735,12 +3735,12 @@ function Hc(e, t) {
     ), J && jt(u, null, S, "created"), H(C, u, u.scopeId, V, S), K) {
       for (const he in K)
         he !== "value" && !Eo(he) && i(C, he, null, K[he], k, S);
-      "value" in K && i(C, "value", null, K.value, k), (N = K.onVnodeBeforeMount) && ct(N, S, u);
+      "value" in K && i(C, "value", null, K.value, k), (E = K.onVnodeBeforeMount) && ct(E, S, u);
     }
     v.NODE_ENV !== "production" && (fr(C, "__vnode", u, !0), fr(C, "__vueParentComponent", S, !0)), J && jt(u, null, S, "beforeMount");
     const te = Uc(x, B);
-    te && B.beforeEnter(C), r(C, h, m), ((N = K && K.onVnodeMounted) || te || J) && Pe(() => {
-      N && ct(N, S, u), te && B.enter(C), J && jt(u, null, S, "mounted");
+    te && B.beforeEnter(C), r(C, h, m), ((E = K && K.onVnodeMounted) || te || J) && Pe(() => {
+      E && ct(E, S, u), te && B.enter(C), J && jt(u, null, S, "mounted");
     }, x);
   }, H = (u, h, m, S, x) => {
     if (m && w(u, m), S)
@@ -3760,8 +3760,8 @@ function Hc(e, t) {
       }
     }
   }, _ = (u, h, m, S, x, k, V, T, C = 0) => {
-    for (let N = C; N < u.length; N++) {
-      const K = u[N] = T ? Vt(u[N]) : Je(u[N]);
+    for (let E = C; E < u.length; E++) {
+      const K = u[E] = T ? Vt(u[E]) : Je(u[E]);
       b(
         null,
         K,
@@ -3777,13 +3777,13 @@ function Hc(e, t) {
   }, I = (u, h, m, S, x, k, V) => {
     const T = h.el = u.el;
     v.NODE_ENV !== "production" && (T.__vnode = h);
-    let { patchFlag: C, dynamicChildren: N, dirs: K } = h;
+    let { patchFlag: C, dynamicChildren: E, dirs: K } = h;
     C |= u.patchFlag & 16;
     const A = u.props || ce, B = h.props || ce;
     let J;
-    if (m && Lt(m, !1), (J = B.onVnodeBeforeUpdate) && ct(J, m, h, u), K && jt(h, u, m, "beforeUpdate"), m && Lt(m, !0), v.NODE_ENV !== "production" && Ge && (C = 0, V = !1, N = null), (A.innerHTML && B.innerHTML == null || A.textContent && B.textContent == null) && c(T, ""), N ? (P(
+    if (m && Lt(m, !1), (J = B.onVnodeBeforeUpdate) && ct(J, m, h, u), K && jt(h, u, m, "beforeUpdate"), m && Lt(m, !0), v.NODE_ENV !== "production" && Ge && (C = 0, V = !1, E = null), (A.innerHTML && B.innerHTML == null || A.textContent && B.textContent == null) && c(T, ""), E ? (P(
       u.dynamicChildren,
-      N,
+      E,
       T,
       m,
       S,
@@ -3810,20 +3810,20 @@ function Hc(e, t) {
         }
       }
       C & 1 && u.children !== h.children && c(T, h.children);
-    } else !V && N == null && $(T, A, B, m, x);
+    } else !V && E == null && $(T, A, B, m, x);
     ((J = B.onVnodeUpdated) || K) && Pe(() => {
       J && ct(J, m, h, u), K && jt(h, u, m, "updated");
     }, S);
   }, P = (u, h, m, S, x, k, V) => {
     for (let T = 0; T < h.length; T++) {
-      const C = u[T], N = h[T], K = (
+      const C = u[T], E = h[T], K = (
         // oldVNode may be an errored async setup() component inside Suspense
         // which will not have a mounted element
         C.el && // - In the case of a Fragment, we need to provide the actual parent
         // of the Fragment itself so it can move its children.
         (C.type === re || // - In the case of different nodes, there is going to be a replacement
         // which also requires the correct parent container
-        !Ut(C, N) || // - In the case of a component, it could contain anything.
+        !Ut(C, E) || // - In the case of a component, it could contain anything.
         C.shapeFlag & 198) ? d(C.el) : (
           // In other cases, the parent container is not actually used so we
           // just pass the block element here to avoid a DOM parentNode call.
@@ -3832,7 +3832,7 @@ function Hc(e, t) {
       );
       b(
         C,
-        N,
+        E,
         K,
         null,
         S,
@@ -3862,10 +3862,10 @@ function Hc(e, t) {
       "value" in m && i(u, "value", h.value, m.value, x);
     }
   }, se = (u, h, m, S, x, k, V, T, C) => {
-    const N = h.el = u ? u.el : s(""), K = h.anchor = u ? u.anchor : s("");
+    const E = h.el = u ? u.el : s(""), K = h.anchor = u ? u.anchor : s("");
     let { patchFlag: A, dynamicChildren: B, slotScopeIds: J } = h;
     v.NODE_ENV !== "production" && // #5523 dev root fragment may inherit directives
-    (Ge || A & 2048) && (A = 0, C = !1, B = null), J && (T = T ? T.concat(J) : J), u == null ? (r(N, m, S), r(K, m, S), _(
+    (Ge || A & 2048) && (A = 0, C = !1, B = null), J && (T = T ? T.concat(J) : J), u == null ? (r(E, m, S), r(K, m, S), _(
       // #10007
       // such fragment like `<></>` will be compiled into
       // a fragment which doesn't have a children.
@@ -4021,18 +4021,18 @@ function Hc(e, t) {
     u.scope.on();
     const C = u.effect = new ta(T);
     u.scope.off();
-    const N = u.update = C.run.bind(C), K = u.job = C.runIfDirty.bind(C);
-    K.i = u, K.id = u.uid, C.scheduler = () => Vr(K), Lt(u, !0), v.NODE_ENV !== "production" && (C.onTrack = u.rtc ? (A) => ro(u.rtc, A) : void 0, C.onTrigger = u.rtg ? (A) => ro(u.rtg, A) : void 0), N();
+    const E = u.update = C.run.bind(C), K = u.job = C.runIfDirty.bind(C);
+    K.i = u, K.id = u.uid, C.scheduler = () => Vr(K), Lt(u, !0), v.NODE_ENV !== "production" && (C.onTrack = u.rtc ? (A) => ro(u.rtc, A) : void 0, C.onTrigger = u.rtg ? (A) => ro(u.rtg, A) : void 0), E();
   }, Q = (u, h, m) => {
     h.component = u;
     const S = u.vnode.props;
     u.vnode = h, u.next = null, Cc(u, h.props, S, m), Fc(u, h.children, m), et(), Qn(u), tt();
   }, it = (u, h, m, S, x, k, V, T, C = !1) => {
-    const N = u && u.children, K = u ? u.shapeFlag : 0, A = h.children, { patchFlag: B, shapeFlag: J } = h;
+    const E = u && u.children, K = u ? u.shapeFlag : 0, A = h.children, { patchFlag: B, shapeFlag: J } = h;
     if (B > 0) {
       if (B & 128) {
         ho(
-          N,
+          E,
           A,
           m,
           S,
@@ -4045,7 +4045,7 @@ function Hc(e, t) {
         return;
       } else if (B & 256) {
         jr(
-          N,
+          E,
           A,
           m,
           S,
@@ -4058,8 +4058,8 @@ function Hc(e, t) {
         return;
       }
     }
-    J & 8 ? (K & 16 && go(N, x, k), A !== N && c(m, A)) : K & 16 ? J & 16 ? ho(
-      N,
+    J & 8 ? (K & 16 && go(E, x, k), A !== E && c(m, A)) : K & 16 ? J & 16 ? ho(
+      E,
       A,
       m,
       S,
@@ -4068,7 +4068,7 @@ function Hc(e, t) {
       V,
       T,
       C
-    ) : go(N, x, k, !0) : (K & 8 && c(m, ""), J & 16 && _(
+    ) : go(E, x, k, !0) : (K & 8 && c(m, ""), J & 16 && _(
       A,
       m,
       S,
@@ -4080,7 +4080,7 @@ function Hc(e, t) {
     ));
   }, jr = (u, h, m, S, x, k, V, T, C) => {
     u = u || io, h = h || io;
-    const N = u.length, K = h.length, A = Math.min(N, K);
+    const E = u.length, K = h.length, A = Math.min(E, K);
     let B;
     for (B = 0; B < A; B++) {
       const J = h[B] = C ? Vt(h[B]) : Je(h[B]);
@@ -4096,7 +4096,7 @@ function Hc(e, t) {
         C
       );
     }
-    N > K ? go(
+    E > K ? go(
       u,
       x,
       k,
@@ -4115,11 +4115,11 @@ function Hc(e, t) {
       A
     );
   }, ho = (u, h, m, S, x, k, V, T, C) => {
-    let N = 0;
+    let E = 0;
     const K = h.length;
     let A = u.length - 1, B = K - 1;
-    for (; N <= A && N <= B; ) {
-      const J = u[N], te = h[N] = C ? Vt(h[N]) : Je(h[N]);
+    for (; E <= A && E <= B; ) {
+      const J = u[E], te = h[E] = C ? Vt(h[E]) : Je(h[E]);
       if (Ut(J, te))
         b(
           J,
@@ -4134,9 +4134,9 @@ function Hc(e, t) {
         );
       else
         break;
-      N++;
+      E++;
     }
-    for (; N <= A && N <= B; ) {
+    for (; E <= A && E <= B; ) {
       const J = u[A], te = h[B] = C ? Vt(h[B]) : Je(h[B]);
       if (Ut(J, te))
         b(
@@ -4154,13 +4154,13 @@ function Hc(e, t) {
         break;
       A--, B--;
     }
-    if (N > A) {
-      if (N <= B) {
+    if (E > A) {
+      if (E <= B) {
         const J = B + 1, te = J < K ? h[J].el : S;
-        for (; N <= B; )
+        for (; E <= B; )
           b(
             null,
-            h[N] = C ? Vt(h[N]) : Je(h[N]),
+            h[E] = C ? Vt(h[E]) : Je(h[E]),
             m,
             te,
             x,
@@ -4168,28 +4168,28 @@ function Hc(e, t) {
             V,
             T,
             C
-          ), N++;
+          ), E++;
       }
-    } else if (N > B)
-      for (; N <= A; )
-        $t(u[N], x, k, !0), N++;
+    } else if (E > B)
+      for (; E <= A; )
+        $t(u[E], x, k, !0), E++;
     else {
-      const J = N, te = N, he = /* @__PURE__ */ new Map();
-      for (N = te; N <= B; N++) {
-        const Me = h[N] = C ? Vt(h[N]) : Je(h[N]);
+      const J = E, te = E, he = /* @__PURE__ */ new Map();
+      for (E = te; E <= B; E++) {
+        const Me = h[E] = C ? Vt(h[E]) : Je(h[E]);
         Me.key != null && (v.NODE_ENV !== "production" && he.has(Me.key) && O(
           "Duplicate keys found during update:",
           JSON.stringify(Me.key),
           "Make sure keys are unique."
-        ), he.set(Me.key, N));
+        ), he.set(Me.key, E));
       }
       let de, Re = 0;
       const ze = B - te + 1;
       let at = !1, st = 0;
       const wo = new Array(ze);
-      for (N = 0; N < ze; N++) wo[N] = 0;
-      for (N = J; N <= A; N++) {
-        const Me = u[N];
+      for (E = 0; E < ze; E++) wo[E] = 0;
+      for (E = J; E <= A; E++) {
+        const Me = u[E];
         if (Re >= ze) {
           $t(Me, x, k, !0);
           continue;
@@ -4203,7 +4203,7 @@ function Hc(e, t) {
               lt = de;
               break;
             }
-        lt === void 0 ? $t(Me, x, k, !0) : (wo[lt - te] = N + 1, lt >= st ? st = lt : at = !0, b(
+        lt === void 0 ? $t(Me, x, k, !0) : (wo[lt - te] = E + 1, lt >= st ? st = lt : at = !0, b(
           Me,
           h[lt],
           m,
@@ -4216,12 +4216,12 @@ function Hc(e, t) {
         ), Re++);
       }
       const Kn = at ? Bc(wo) : io;
-      for (de = Kn.length - 1, N = ze - 1; N >= 0; N--) {
-        const Me = te + N, lt = h[Me], Wn = h[Me + 1], qn = Me + 1 < K ? (
+      for (de = Kn.length - 1, E = ze - 1; E >= 0; E--) {
+        const Me = te + E, lt = h[Me], Wn = h[Me + 1], qn = Me + 1 < K ? (
           // #13559, fallback to el placeholder for unresolved async component
           Wn.el || Wn.placeholder
         ) : S;
-        wo[N] === 0 ? b(
+        wo[E] === 0 ? b(
           null,
           lt,
           m,
@@ -4231,20 +4231,20 @@ function Hc(e, t) {
           V,
           T,
           C
-        ) : at && (de < 0 || N !== Kn[de] ? Qt(lt, m, qn, 2) : de--);
+        ) : at && (de < 0 || E !== Kn[de] ? Qt(lt, m, qn, 2) : de--);
       }
     }
   }, Qt = (u, h, m, S, x = null) => {
-    const { el: k, type: V, transition: T, children: C, shapeFlag: N } = u;
-    if (N & 6) {
+    const { el: k, type: V, transition: T, children: C, shapeFlag: E } = u;
+    if (E & 6) {
       Qt(u.component.subTree, h, m, S);
       return;
     }
-    if (N & 128) {
+    if (E & 128) {
       u.suspense.move(h, m, S);
       return;
     }
-    if (N & 64) {
+    if (E & 64) {
       V.move(u, h, m, vo);
       return;
     }
@@ -4259,7 +4259,7 @@ function Hc(e, t) {
       fe(u, h, m);
       return;
     }
-    if (S !== 2 && N & 1 && T)
+    if (S !== 2 && E & 1 && T)
       if (S === 0)
         T.beforeEnter(k), r(k, h, m), Pe(() => T.enter(k), x);
       else {
@@ -4283,7 +4283,7 @@ function Hc(e, t) {
       props: V,
       ref: T,
       children: C,
-      dynamicChildren: N,
+      dynamicChildren: E,
       shapeFlag: K,
       patchFlag: A,
       dirs: B,
@@ -4308,14 +4308,14 @@ function Hc(e, t) {
         m,
         vo,
         S
-      ) : N && // #5154
+      ) : E && // #5154
       // when v-once is used inside a block, setBlockTracking(-1) marks the
       // parent block with hasOnce: true
       // so that it doesn't take the fast path during unmount - otherwise
       // components nested in v-once are never unmounted.
-      !N.hasOnce && // #1153: fast path should not be taken for non-stable (v-for) fragments
+      !E.hasOnce && // #1153: fast path should not be taken for non-stable (v-for) fragments
       (k !== re || A > 0 && A & 64) ? go(
-        N,
+        E,
         h,
         m,
         !1,
@@ -4352,8 +4352,8 @@ function Hc(e, t) {
     n(h);
   }, Ds = (u, h, m) => {
     v.NODE_ENV !== "production" && u.type.__hmrId && Al(u);
-    const { bum: S, scope: x, job: k, subTree: V, um: T, m: C, a: N } = u;
-    mi(C), mi(N), S && ro(S), x.stop(), k && (k.flags |= 8, $t(V, u, h, m)), T && Pe(T, h), Pe(() => {
+    const { bum: S, scope: x, job: k, subTree: V, um: T, m: C, a: E } = u;
+    mi(C), mi(E), S && ro(S), x.stop(), k && (k.flags |= 8, $t(V, u, h, m)), T && Pe(T, h), Pe(() => {
       u.isUnmounted = !0;
     }, h), v.NODE_ENV !== "production" && Rl(u);
   }, go = (u, h, m, S = !1, x = !1, k = 0) => {
@@ -5064,8 +5064,8 @@ function cd() {
     d.type.props && d.props && p.push(a("props", X(d.props))), d.setupState !== ce && p.push(a("setup", d.setupState)), d.data !== ce && p.push(a("data", X(d.data)));
     const w = l(d, "computed");
     w && p.push(a("computed", w));
-    const E = l(d, "inject");
-    return E && p.push(a("injected", E)), p.push([
+    const N = l(d, "inject");
+    return N && p.push(a("injected", N)), p.push([
       "div",
       {},
       [
@@ -5110,14 +5110,14 @@ function cd() {
     const w = d.type;
     if (W(w))
       return;
-    const E = {};
+    const N = {};
     for (const b in d.ctx)
-      f(w, b, p) && (E[b] = d.ctx[b]);
-    return E;
+      f(w, b, p) && (N[b] = d.ctx[b]);
+    return N;
   }
   function f(d, p, w) {
-    const E = d[w];
-    if (L(E) && E.includes(p) || ae(E) && p in E || d.extends && f(d.extends, p, w) || d.mixins && d.mixins.some((b) => f(b, p, w)))
+    const N = d[w];
+    if (L(N) && N.includes(p) || ae(N) && p in N || d.extends && f(d.extends, p, w) || d.mixins && d.mixins.some((b) => f(b, p, w)))
       return !0;
   }
   function c(d) {
@@ -5237,7 +5237,7 @@ function gd(e) {
     leaveFromClass: d = `${o}-leave-from`,
     leaveActiveClass: p = `${o}-leave-active`,
     leaveToClass: w = `${o}-leave-to`
-  } = e, E = vd(n), b = E && E[0], F = E && E[1], {
+  } = e, N = vd(n), b = N && N[0], F = N && N[1], {
     onBeforeEnter: R,
     onEnter: z,
     onEnterCancelled: U,
@@ -5332,7 +5332,7 @@ function Si(e, t, o, r) {
   }, s + 1), e.addEventListener(f, p);
 }
 function md(e, t) {
-  const o = window.getComputedStyle(e), r = (E) => (o[E] || "").split(", "), n = r(`${Ct}Delay`), i = r(`${Ct}Duration`), a = $i(n, i), s = r(`${yo}Delay`), l = r(`${yo}Duration`), f = $i(s, l);
+  const o = window.getComputedStyle(e), r = (N) => (o[N] || "").split(", "), n = r(`${Ct}Delay`), i = r(`${Ct}Duration`), a = $i(n, i), s = r(`${yo}Delay`), l = r(`${yo}Duration`), f = $i(s, l);
   let c = null, d = 0, p = 0;
   t === Ct ? a > 0 && (c = Ct, d = a, p = i.length) : t === yo ? f > 0 && (c = yo, d = f, p = l.length) : (d = Math.max(a, f), c = d > 0 ? a > f ? Ct : yo : null, p = c ? c === Ct ? i.length : l.length : 0);
   const w = c === Ct && /\b(?:transform|all)(?:,|$)/.test(
@@ -6053,22 +6053,151 @@ function Yd() {
   cd();
 }
 Gd.NODE_ENV !== "production" && Yd();
-const Ns = /* @__PURE__ */ 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-ce7b728f],[data-v-ce7b728f]:before,[data-v-ce7b728f]:after,[data-v-ce7b728f]::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial}}}.tabs[data-v-ce7b728f]{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-ce7b728f]{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-ce7b728f]: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-ce7b728f]{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-ce7b728f]{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-ce7b728f] svg{width:100%;height:100%}.tab-label[data-v-ce7b728f]{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-ce7b728f"]]), 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) => {
-    const E = w.replace(/^\/+/, "").replace(/\\/g, "/");
+    const N = w.replace(/^\/+/, "").replace(/\\/g, "/");
     t.value = w;
-    let b = o.value[E];
-    b || (b = o.value[w]), !b && w.startsWith("/") && (b = o.value[w.slice(1)]), b ? n.value = { ...b } : (console.warn("[i18n-state] No content found for file:", w, "or normalized:", E), n.value = {});
+    let b = o.value[N];
+    b || (b = o.value[w]), !b && w.startsWith("/") && (b = o.value[w.slice(1)]), b ? n.value = { ...b } : (console.warn("[i18n-state] No content found for file:", w, "or normalized:", N), n.value = {});
   }, l = async () => {
-    const w = new Blob([JSON.stringify(n.value, null, 2)], { type: "application/json" }), E = URL.createObjectURL(w), b = document.createElement("a");
-    b.href = E, b.download = "translations.json", b.click(), URL.revokeObjectURL(E);
+    const w = new Blob([JSON.stringify(n.value, null, 2)], { type: "application/json" }), N = URL.createObjectURL(w), b = document.createElement("a");
+    b.href = N, b.download = "translations.json", b.click(), URL.revokeObjectURL(N);
   }, f = (w) => {
-    const E = w.target;
-    if (E.files && E.files.length > 0) {
-      const b = E.files[0];
+    const N = w.target;
+    if (N.files && N.files.length > 0) {
+      const b = N.files[0];
       if (b) {
         const F = new FileReader();
         F.onload = (R) => {
@@ -6099,11 +6228,8 @@ function Xd() {
     }
     try {
       e.value = !0;
-      const [w, E] = await Promise.all([
-        i.value.getLocalesAndTranslations(),
-        i.value.getConfigs()
-      ]);
-      o.value = w, r.value = E, i.value.onLocalesUpdate((b) => {
+      const [w, N] = await Promise.all([i.value.getLocalesAndTranslations(), i.value.getConfigs()]);
+      o.value = w, r.value = N, i.value.onLocalesUpdate((b) => {
         o.value = b, t.value && o.value[t.value] && (n.value = { ...o.value[t.value] });
       });
     } catch (w) {
@@ -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-96ef3218],[data-v-96ef3218]:before,[data-v-96ef3218]:after,[data-v-96ef3218]::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-96ef3218]{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-96ef3218]{overflow-x:auto}.locale-table[data-v-96ef3218]{border-collapse:collapse;width:100%}.locale-table__header[data-v-96ef3218]{--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-96ef3218]{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*4);text-align:left}.header-content[data-v-96ef3218]{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.header-icon[data-v-96ef3218]{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-96ef3218]{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-96ef3218]{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-96ef3218]:hover{background-color:var(--color-slate-50,oklch(98.4% .003 247.858))}}.locale-table__cell[data-v-96ef3218]{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-96ef3218]{align-items:center;display:inline-flex}.locale-code__text[data-v-96ef3218]{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-96ef3218]{--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-96ef3218]{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-96ef3218]{align-items:center;display:flex}.direction-badge[data-v-96ef3218]{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-96ef3218]{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-96ef3218]{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-96ef3218]{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-96ef3218]{animation:.3s ease-out slideInLeft-96ef3218}@keyframes slideInLeft-96ef3218{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.locale-table__row[data-v-96ef3218]:first-child{animation-delay:.1s}.locale-table__row[data-v-96ef3218]:nth-child(2){animation-delay:.2s}.locale-table__row[data-v-96ef3218]:nth-child(3){animation-delay:.3s}.locale-table__row[data-v-96ef3218]:nth-child(4){animation-delay:.4s}.locale-table__row[data-v-96ef3218]: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-96ef3218"]]), 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-42ac6ca2><svg class="icon" viewBox="0 0 24 24" data-v-42ac6ca2><g transform="translate(4 4) scale(0.8)" data-v-42ac6ca2><circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="1.5" data-v-42ac6ca2></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-42ac6ca2></path><path d="M2 12h20M5 5.2l14 14M5 18.8l14-14" fill="none" stroke="currentColor" stroke-width="1" data-v-42ac6ca2></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-42ac6ca2],[data-v-42ac6ca2]:before,[data-v-42ac6ca2]:after,[data-v-42ac6ca2]::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-42ac6ca2]{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-42ac6ca2]: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-42ac6ca2]{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-42ac6ca2]{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-42ac6ca2]: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-42ac6ca2]{--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-42ac6ca2]{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-42ac6ca2]{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-42ac6ca2]{margin-right:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.folder-children[data-v-42ac6ca2]{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-42ac6ca2"]]), 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 N = c;
+        for (let b = 0; b < w.length; b++) {
+          const F = w[b];
+          if (!F) continue;
+          const R = b === w.length - 1;
+          let z = N.children.find((U) => U.name === F);
+          z || (z = {
+            name: F,
+            fullPath: `${N.fullPath}/${F}`.replace(/\/+/g, "/"),
+            isFile: R,
+            children: []
+          }, N.children.push(z)), z && (N = z);
+        }
+      });
+      const d = (p) => {
+        p.sort((w, N) => w.isFile === N.isFile ? w.name.localeCompare(N.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((N) => N[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,44 +6712,261 @@ 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);
-        break;
-      case "deepseek":
-        i = await this.deepseekTranslate(t, o, r);
-        break;
-      case "google-free":
-        i = await this.googleFreeTranslate(n, 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-78082a66],[data-v-78082a66]:before,[data-v-78082a66]:after,[data-v-78082a66]::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-78082a66]{gap:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}.filters[data-v-78082a66]{gap:calc(var(--spacing,.25rem)*2);display:flex}.filter-item[data-v-78082a66]{cursor:pointer}.filter-badge[data-v-78082a66]{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-78082a66]{--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-78082a66]{--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-78082a66]{--tw-ring-inset:inset}:where(.diff-list[data-v-78082a66]>: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-78082a66]{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-78082a66]{margin-bottom:calc(var(--spacing,.25rem)*2);justify-content:space-between;align-items:center;display:flex}.key-label[data-v-78082a66]{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-78082a66]{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-78082a66]>: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-78082a66]{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-78082a66]{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-78082a66]{overflow-wrap:break-word}.old[data-v-78082a66]{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-78082a66]{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-78082a66]{color:var(--color-green-600,oklch(62.7% .194 149.214))}.removed .value-content[data-v-78082a66]{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-78082a66"]]), 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), N = oe(
+      () => Object.keys(a.value).filter((_) => {
+        const I = i.value[_];
+        return n(I) && r(I) !== "";
+      }).length
+    ), b = oe(() => w.value ? (N.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: `${N.value} (${b.value}%)`, class: "text-green-600" },
+      { label: "Missing from Default", value: w.value - N.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-5a1d0272]{border-top-width:1px;border-top-color:#e5e7eb}.pt-4[data-v-5a1d0272]{padding-top:1rem}.mt-4[data-v-5a1d0272]{margin-top:1rem}.text-lg[data-v-5a1d0272]{font-size:1.125rem;line-height:1.75rem}.font-semibold[data-v-5a1d0272]{font-weight:600}.bg-white[data-v-5a1d0272]{background-color:#fff}.rounded-lg[data-v-5a1d0272]{border-radius:.5rem}.shadow[data-v-5a1d0272]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.grid[data-v-5a1d0272]{display:grid}.gap-4[data-v-5a1d0272]{gap:1rem}", pp = /* @__PURE__ */ be(fp, [["styles", [up]], ["__scopeId", "data-v-5a1d0272"]]);
+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);
+        break;
+      case "google-free":
+        i = await this.googleFreeTranslate(n, o, r);
         break;
       case "yandex-cloud":
         i = await this.yandexCloudTranslate(n, o, r);
@@ -6282,22 +6978,22 @@ class Ss {
     return console.debug("Text was translated", { finalText: a }), a;
   }
   /**
-   * Очищает текст перед переводом.
-   * Заменяет специальные конструкции на временные метки.
+   * Cleans text before translation.
+   * Replaces special constructs with temporary markers.
    */
   clearText(t) {
     const o = /:[a-zA-Z0-9]+|<[^>]*>|\{['"][@$|{}]['"]\}/gu, r = t.match(o) || [];
     return this.clearBuffer = r, r.reduce((n, i, a) => n.replace(i, ` _r${a}_`), t);
   }
   /**
-   * Восстанавливает текст после перевода.
-   * Заменяет временные метки на оригинальные значения.
+   * Restores text after translation.
+   * Replaces temporary markers with original values.
    */
   revertText(t) {
     return this.clearBuffer.reduce((r, n, i) => r.replace(`_r${i}_`, n), t).replace(/ {2,}|^ |^\xA0|\xA0{2,}|\xA0$/gmu, "").replace(/&nbsp;/g, " ");
   }
   /**
-   * Переводчик Google (платный API).
+   * Google Translator (paid API).
    */
   async googleTranslate(t, o, r) {
     const n = "https://translation.googleapis.com/language/translate/v2", i = new URLSearchParams({
@@ -6312,7 +7008,7 @@ class Ss {
     return s.data.translations[0].translatedText;
   }
   /**
-   * Переводчик Yandex (платный API).
+   * Yandex Translator (paid API).
    */
   async yandexTranslate(t, o, r) {
     const n = "https://translate.api.cloud.yandex.net/translate/v2/translate", i = {
@@ -6333,7 +7029,7 @@ class Ss {
     return l.translations[0].text;
   }
   /**
-   * Переводчик DeepL (платный API).
+   * DeepL Translator (paid API).
    */
   async deeplTranslate(t, o, r) {
     const n = "https://api.deepl.com/v2/translate", i = new URLSearchParams({
@@ -6353,7 +7049,7 @@ class Ss {
     return s.translations[0].text;
   }
   /**
-   * Переводчик OpenAI (GPT).
+   * OpenAI Translator (GPT).
    */
   async openaiTranslate(t, o, r) {
     const n = "https://api.openai.com/v1/chat/completions", i = {
@@ -6381,7 +7077,7 @@ class Ss {
     return l.choices[0].message.content;
   }
   /**
-   * Переводчик DeepSeek.
+   * DeepSeek Translator.
    */
   async deepseekTranslate(t, o, r) {
     const n = "https://api.deepseek.com/chat/completions", i = {
@@ -6410,7 +7106,7 @@ class Ss {
     return l.choices[0].message.content;
   }
   /**
-   * Переводчик Google Free (неофициальный API).
+   * Google Free Translator (unofficial API).
    */
   async googleFreeTranslate(t, o, r) {
     const n = "https://translate.google.com/translate_a/single", i = new URLSearchParams({
@@ -6429,7 +7125,7 @@ class Ss {
     return s[0].map((l) => l[0] ? l[0] : "").join("");
   }
   /**
-   * Переводчик Yandex Cloud.
+   * Yandex Cloud Translator.
    */
   async yandexCloudTranslate(t, o, r) {
     const n = "https://translate.api.cloud.yandex.net/translate/v2/translate", i = {
@@ -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),
-      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: f[0] || (f[0] = (c) => s(e.currentPage - 1))
+      }, " 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, 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-7a26b7d7]{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px;flex-wrap:wrap}.pagination-button[data-v-7a26b7d7]{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-7a26b7d7]:hover:not(:disabled){background-color:#e9ecef;border-color:#bbb}.pagination-button[data-v-7a26b7d7]:disabled{background-color:#e9ecef;cursor:not-allowed;color:#999}.pagination-button.active[data-v-7a26b7d7]{background-color:#007bff;border-color:#007bff;color:#fff}.pagination-ellipsis[data-v-7a26b7d7]{padding:6px 12px;font-size:13px;color:#666}", Ep = /* @__PURE__ */ be(xp, [["styles", [kp]], ["__scopeId", "data-v-7a26b7d7"]]), 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({}), N = 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(N.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-593b161e],[data-v-593b161e]:before,[data-v-593b161e]:after,[data-v-593b161e]::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-593b161e]{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-593b161e]{min-height:calc(var(--spacing,.25rem)*0);flex-direction:column;flex:1;display:flex;overflow:hidden}.search-box[data-v-593b161e]{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-593b161e]{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-593b161e]: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-593b161e]:focus{outline-offset:2px;outline:2px solid #0000}}.translation-list[data-v-593b161e]{flex:1}:where(.translation-list[data-v-593b161e]>: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-593b161e]{padding:calc(var(--spacing,.25rem)*2);overscroll-behavior:contain;overflow:hidden auto}.translation-item[data-v-593b161e]{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-593b161e]{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-593b161e]{background-color:color-mix(in oklab,var(--color-yellow-50,oklch(98.7% .026 102.212))30%,transparent)}}.key-header[data-v-593b161e]{margin-bottom:calc(var(--spacing,.25rem)*1);justify-content:space-between;align-items:center;display:flex}.key-label[data-v-593b161e]{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-593b161e]{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-593b161e]{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-593b161e]: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-593b161e]:focus{outline-offset:2px;outline:2px solid #0000}}.translate-btn[data-v-593b161e]{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-593b161e]: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-593b161e]{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);fill:currentColor}.pagination-wrapper[data-v-593b161e]{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-593b161e"]]), 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-d964db95],[data-v-d964db95]:before,[data-v-d964db95]:after,[data-v-d964db95]::backdrop{--tw-border-style:solid}}}.split-pane[data-v-d964db95]{background-color:var(--color-white,#fff);width:100%;height:100%;position:relative;overflow:hidden}.split-pane__left[data-v-d964db95]{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-d964db95]{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-d964db95]:hover{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.split-pane__divider[data-v-d964db95]:hover{background-color:color-mix(in oklab,var(--color-blue-50,oklch(97% .014 254.604))50%,transparent)}}}.split-pane__divider[data-v-d964db95]{margin-left:-2px}.divider-handle[data-v-d964db95]{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-d964db95],.split-pane__divider:active .divider-handle[data-v-d964db95]{background-color:var(--color-blue-500,oklch(62.3% .214 259.815));width:2px}.split-pane__right[data-v-d964db95]{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-d964db95]{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-d964db95"]]), 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-5cc833a6],[data-v-5cc833a6]:before,[data-v-5cc833a6]:after,[data-v-5cc833a6]::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-5cc833a6]{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-5cc833a6]{background-color:color-mix(in oklab,var(--color-black,#000)50%,transparent)}}.modal-overlay[data-v-5cc833a6]{padding:calc(var(--spacing,.25rem)*4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content[data-v-5cc833a6]{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-5cc833a6]{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-5cc833a6]{min-width:calc(var(--spacing,.25rem)*0);flex:1}.modal-title[data-v-5cc833a6]{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-5cc833a6]{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-5cc833a6]:hover{color:var(--color-gray-600,oklch(44.6% .03 256.802))}}.close-icon[data-v-5cc833a6]{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);fill:currentColor}.modal-body[data-v-5cc833a6]{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-5cc833a6]::-webkit-scrollbar{width:calc(var(--spacing,.25rem)*2)}.modal-body[data-v-5cc833a6]::-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-5cc833a6]::-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-5cc833a6]::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400,oklch(70.7% .022 261.325))}}.modal-footer[data-v-5cc833a6]{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}:where(.modal-footer[data-v-5cc833a6]>: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-5cc833a6]{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-5cc833a6"]]), 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({}), {
@@ -7301,7 +7601,7 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
       importTranslations: d,
       getDefaultLocaleTranslation: p,
       saveCurrent: w
-    } = Pr(), E = ne(null), b = ne({});
+    } = Pr(), N = ne(null), b = ne({});
     Pt(() => {
       _();
     }), Te(
@@ -7312,7 +7612,7 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
       { deep: !0, immediate: !0 }
     );
     const F = oe(() => a.value), R = () => {
-      E.value?.click();
+      N.value?.click();
     }, z = async () => {
       l.value = { ...b.value }, await w();
     };
@@ -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)
@@ -7461,7 +7761,7 @@ const uf = { class: "pagination" }, pf = ["disabled"], hf = ["onClick"], gf = {
       }, 8, ["show"])) : ie("", !0),
       ut(g("input", {
         ref_key: "file",
-        ref: E,
+        ref: N,
         type: "file",
         accept: ".json",
         onChange: P[4] || (P[4] = //@ts-ignore
@@ -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-8f020ee0],[data-v-8f020ee0]:before,[data-v-8f020ee0]:after,[data-v-8f020ee0]::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}.i18n-view[data-v-8f020ee0]{width:100%;height:100%;position:relative;overflow:hidden}.pane-inner[data-v-8f020ee0],.editor-layout[data-v-8f020ee0]{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.editor-header[data-v-8f020ee0]{z-index:10;background-color:var(--color-white,#fff);flex-shrink:0}.breadcrumbs[data-v-8f020ee0]{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-8f020ee0]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.breadcrumbs__path[data-v-8f020ee0]{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-8f020ee0]{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-8f020ee0]{flex:1;position:relative;overflow:hidden}.editor-scroll-container[data-v-8f020ee0]{inset:calc(var(--spacing,.25rem)*0);position:absolute;overflow:hidden}.empty-state[data-v-8f020ee0],.welcome-card[data-v-8f020ee0]{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-8f020ee0],.welcome-card__icon[data-v-8f020ee0]{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-8f020ee0],.welcome-card__title[data-v-8f020ee0]{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-8f020ee0"]]), 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-946f5883],[data-v-946f5883]:before,[data-v-946f5883]:after,[data-v-946f5883]::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-946f5883]>:not(:last-child)),:where(.translation-controls__content[data-v-946f5883]>: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-946f5883]>: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-946f5883]{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-946f5883]{margin-right:calc(var(--spacing,.25rem)*2)}.control-select[data-v-946f5883]{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-946f5883]:hover{border-color:var(--color-blue-400,oklch(70.7% .165 254.624))}}.select-input[data-v-946f5883]{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-946f5883]{outline-offset:2px;outline:2px solid #0000}}.select-arrow[data-v-946f5883]{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-946f5883]{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-946f5883]::placeholder{color:var(--color-slate-400,oklch(70.4% .04 256.788))}.styled-input[data-v-946f5883]{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.styled-input[data-v-946f5883]{outline-offset:2px;outline:2px solid #0000}}.styled-input[data-v-946f5883]{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-946f5883]: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-946f5883]{margin-left:calc(var(--spacing,.25rem)*2)}:where(.driver-options[data-v-946f5883]>: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-946f5883]{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-946f5883],.fade-slide-leave-active[data-v-946f5883]{transition:all .3s}.fade-slide-enter-from[data-v-946f5883],.fade-slide-leave-to[data-v-946f5883]{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-946f5883"]]), 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,29 +8153,26 @@ 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]]]);
+}), 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}.visible{visibility:visible}.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}.resize{resize:both}.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) {
   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))
-      c && typeof c == "object" && !Array.isArray(c) && Object.keys(c).length > 0 && (a[`${f}.json`] = c);
-    const l = t.getRouteCache();
-    for (const [f, c] of Object.entries(l)) {
-      if (!c || typeof c != "object" || Array.isArray(c) || Object.keys(c).length === 0)
+    const a = {}, s = t.getRouteCache();
+    for (const [l, f] of Object.entries(s)) {
+      if (!f || typeof f != "object" || Array.isArray(f) || Object.keys(f).length === 0)
         continue;
-      const d = f.indexOf(":");
-      if (d === -1)
+      const c = l.indexOf(":");
+      if (c === -1)
         continue;
-      const p = f.substring(0, d), E = `pages/${f.substring(d + 1)}/${p}.json`;
-      a[E] = c;
+      const d = l.substring(0, c), p = l.substring(c + 1);
+      p === "index" ? a[`${d}.json`] = f : a[`pages/${p}/${d}.json`] = f;
     }
     return a;
   };