viewgate-wrapper 1.11.36 → 1.11.37

package/dist/viewgate-wrapper.js

@@ -53,11 +53,11 @@ function tl() {
         ), x.$$typeof) {
           case C:
             return "Portal";
-          case b:
+          case v:
             return x.displayName || "Context";
           case L:
             return (x._context.displayName || "Context") + ".Consumer";
-          case v:
+          case I:
             var k = x.render;
             return x = x.displayName, x || (x = k.displayName || k.name || "", x = x !== "" ? "ForwardRef(" + x + ")" : "ForwardRef"), x;
           case W:
@@ -221,7 +221,7 @@ React keys must be passed directly to JSX without using spread:
     function u(x) {
       return typeof x == "object" && x !== null && x.$$typeof === w;
     }
-    var f = Tt, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), C = /* @__PURE__ */ Symbol.for("react.portal"), U = /* @__PURE__ */ Symbol.for("react.fragment"), F = /* @__PURE__ */ Symbol.for("react.strict_mode"), m = /* @__PURE__ */ Symbol.for("react.profiler"), L = /* @__PURE__ */ Symbol.for("react.consumer"), b = /* @__PURE__ */ Symbol.for("react.context"), v = /* @__PURE__ */ Symbol.for("react.forward_ref"), O = /* @__PURE__ */ Symbol.for("react.suspense"), N = /* @__PURE__ */ Symbol.for("react.suspense_list"), W = /* @__PURE__ */ Symbol.for("react.memo"), R = /* @__PURE__ */ Symbol.for("react.lazy"), cA = /* @__PURE__ */ Symbol.for("react.activity"), IA = /* @__PURE__ */ Symbol.for("react.client.reference"), _ = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, FA = Object.prototype.hasOwnProperty, AA = Array.isArray, HA = console.createTask ? console.createTask : function() {
+    var f = Tt, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), C = /* @__PURE__ */ Symbol.for("react.portal"), U = /* @__PURE__ */ Symbol.for("react.fragment"), F = /* @__PURE__ */ Symbol.for("react.strict_mode"), m = /* @__PURE__ */ Symbol.for("react.profiler"), L = /* @__PURE__ */ Symbol.for("react.consumer"), v = /* @__PURE__ */ Symbol.for("react.context"), I = /* @__PURE__ */ Symbol.for("react.forward_ref"), O = /* @__PURE__ */ Symbol.for("react.suspense"), N = /* @__PURE__ */ Symbol.for("react.suspense_list"), W = /* @__PURE__ */ Symbol.for("react.memo"), R = /* @__PURE__ */ Symbol.for("react.lazy"), cA = /* @__PURE__ */ Symbol.for("react.activity"), IA = /* @__PURE__ */ Symbol.for("react.client.reference"), _ = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, FA = Object.prototype.hasOwnProperty, AA = Array.isArray, HA = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
@@ -497,13 +497,13 @@ async function Ei(...t) {
   async function B(u) {
     const [f] = wo(u);
     if (!f) return;
-    const [w, C] = yi(A, f), [U, F, m, L] = Te.get(A), b = () => {
+    const [w, C] = yi(A, f), [U, F, m, L] = Te.get(A), v = () => {
       const AA = U[f];
       return (Ce(n.revalidate) ? n.revalidate(w().data, u) : n.revalidate !== !1) && (delete m[f], delete L[f], AA && AA[0]) ? AA[0](Ui).then(() => w().data) : w().data;
     };
     if (t.length < 3)
-      return b();
-    let v = r, O, N = !1;
+      return v();
+    let I = r, O, N = !1;
     const W = Pn();
     F[f] = [
       W,
@@ -513,25 +513,25 @@ async function Ei(...t) {
     if (R && (c = Ce(c) ? c(FA, IA) : c, C({
       data: c,
       _c: FA
-    })), Ce(v))
+    })), Ce(I))
       try {
-        v = v(FA);
+        I = I(FA);
       } catch (AA) {
         O = AA, N = !0;
       }
-    if (v && Fi(v))
-      if (v = await v.catch((AA) => {
+    if (I && Fi(I))
+      if (I = await I.catch((AA) => {
         O = AA, N = !0;
       }), W !== F[f][0]) {
         if (N) throw O;
-        return v;
+        return I;
       } else N && R && g(O) && (o = !0, C({
         data: FA,
         _c: MA
       }));
     if (o && !N)
       if (Ce(o)) {
-        const AA = o(v, FA);
+        const AA = o(I, FA);
         C({
           data: AA,
           error: MA,
@@ -539,11 +539,11 @@ async function Ei(...t) {
         });
       } else
         C({
-          data: v,
+          data: I,
           error: MA,
           _c: MA
         });
-    if (F[f][1] = Pn(), Promise.resolve(b()).then(() => {
+    if (F[f][1] = Pn(), Promise.resolve(v()).then(() => {
       C({
         _c: MA
       });
@@ -551,7 +551,7 @@ async function Ei(...t) {
       if (d) throw O;
       return;
     }
-    return v;
+    return I;
   }
 }
 const Aa = (t, A) => {
@@ -692,7 +692,7 @@ const ln = Tt.use || // This extra generic is to avoid TypeScript mixing up the
 }), dn = {
   dedupe: !0
 }, ea = Promise.resolve(MA), Ol = () => Oe, Kl = (t, A, e) => {
-  const { cache: r, compare: s, suspense: n, fallbackData: o, revalidateOnMount: a, revalidateIfStale: c, refreshInterval: g, refreshWhenHidden: d, refreshWhenOffline: B, keepPreviousData: u, strictServerPrefetchWarning: f } = e, [w, C, U, F] = Te.get(r), [m, L] = wo(t), b = UA(!1), v = UA(!1), O = UA(m), N = UA(A), W = UA(e), R = () => W.current, cA = () => R().isVisible() && R().isOnline(), [IA, _, FA, AA] = yi(r, m), HA = UA({}).current, J = j(o) ? j(e.fallback) ? MA : e.fallback[m] : o, ee = (Y, tA) => {
+  const { cache: r, compare: s, suspense: n, fallbackData: o, revalidateOnMount: a, revalidateIfStale: c, refreshInterval: g, refreshWhenHidden: d, refreshWhenOffline: B, keepPreviousData: u, strictServerPrefetchWarning: f } = e, [w, C, U, F] = Te.get(r), [m, L] = wo(t), v = UA(!1), I = UA(!1), O = UA(m), N = UA(A), W = UA(e), R = () => W.current, cA = () => R().isVisible() && R().isOnline(), [IA, _, FA, AA] = yi(r, m), HA = UA({}).current, J = j(o) ? j(e.fallback) ? MA : e.fallback[m] : o, ee = (Y, tA) => {
     for (const lA in HA) {
       const gA = lA;
       if (gA === "data") {
@@ -702,7 +702,7 @@ const ln = Tt.use || // This extra generic is to avoid TypeScript mixing up the
         return !1;
     }
     return !0;
-  }, te = !b.current, De = st(() => {
+  }, te = !v.current, De = st(() => {
     const Y = IA(), tA = AA(), lA = (uA) => {
       const dA = Xe(uA);
       return delete dA._k, (() => {
@@ -745,10 +745,10 @@ const ln = Tt.use || // This extra generic is to avoid TypeScript mixing up the
   const ye = !m || !A || R().isPaused() || x && !j(eA) ? !1 : te && !j(a) ? a : n ? j(X) ? !1 : c : j(X) || c, Re = te && ye, jA = j(re.isValidating) ? Re : re.isValidating, he = j(re.isLoading) ? Re : re.isLoading, SA = de(
     async (Y) => {
       const tA = N.current;
-      if (!m || !tA || v.current || R().isPaused())
+      if (!m || !tA || I.current || R().isPaused())
         return !1;
       let lA, gA, ie = !0;
-      const XA = Y || {}, uA = !U[m] || !XA.dedupe, dA = () => Zo ? !v.current && m === O.current && b.current : m === O.current, Ee = {
+      const XA = Y || {}, uA = !U[m] || !XA.dedupe, dA = () => Zo ? !I.current && m === O.current && v.current : m === O.current, Ee = {
         isValidating: !1,
         isLoading: !1
       }, pe = () => {
@@ -831,10 +831,10 @@ const ln = Tt.use || // This extra generic is to avoid TypeScript mixing up the
           return SA(XA);
       }
     });
-    return v.current = !1, O.current = m, b.current = !0, _({
+    return I.current = !1, O.current = m, v.current = !0, _({
       _k: L
     }), ye && (U[m] || (j(X) || It ? Y() : fl(Y))), () => {
-      v.current = !0, gA();
+      I.current = !0, gA();
     };
   }, [
     m
@@ -858,7 +858,7 @@ const ln = Tt.use || // This extra generic is to avoid TypeScript mixing up the
   ]), qc(se), n) {
     if (!Zo && It && z)
       throw new Error("Fallback data is required when using Suspense in SSR.");
-    z && (N.current = A, W.current = e, v.current = !1);
+    z && (N.current = A, W.current = e, I.current = !1);
     const Y = F[m], tA = !j(Y) && z ? Ye(Y) : ea;
     if (ln(tA), !j(eA) && z)
       throw eA;
@@ -2541,22 +2541,22 @@ const Ue = (t) => t.type === 15, bA = (t) => t.type === 17, M = (t) => t.type ==
     const n = (m, L) => {
       if (bA(L))
         return L.number;
-      const b = (O) => O === "r" || O === "x" ? 0 : O === "g" || O === "y" ? 1 : 2;
+      const v = (O) => O === "r" || O === "x" ? 0 : O === "g" || O === "y" ? 1 : 2;
       if (M(L)) {
-        const O = b(L.value);
+        const O = v(L.value);
         return m[O];
       }
-      const v = (O) => {
+      const I = (O) => {
         const N = O.filter(DA);
         let W = "(";
         for (const R of N)
-          W += R.type === 18 && R.name === "calc" ? v(R.values) : bA(R) ? R.number : R.type === 6 || M(R) ? R.value : "";
+          W += R.type === 18 && R.name === "calc" ? I(R.values) : bA(R) ? R.number : R.type === 6 || M(R) ? R.value : "";
         return W += ")", W;
       };
       if (L.type === 18) {
         const O = L.values.filter(DA);
         if (L.name === "calc") {
-          const N = v(O).replace(/r|x/, m[0].toString()).replace(/g|y/, m[1].toString()).replace(/b|z/, m[2].toString());
+          const N = I(O).replace(/r|x/, m[0].toString()).replace(/g|y/, m[1].toString()).replace(/b|z/, m[2].toString());
           return new Function("return " + N)();
         }
       }
@@ -2567,21 +2567,21 @@ const Ue = (t) => t.type === 15, bA = (t) => t.type === 17, M = (t) => t.type ==
       if (typeof xe[e[1].value.toUpperCase()] > "u")
         throw new Error("Attempting to use unknown color in relative color 'from'");
       {
-        const L = St(t, e[1].value), b = 255 & L, v = 255 & L >> 8, O = 255 & L >> 16;
+        const L = St(t, e[1].value), v = 255 & L, I = 255 & L >> 8, O = 255 & L >> 16;
         c = [
           { type: 17, number: 255 & L >> 24, flags: 1 },
           { type: 17, number: O, flags: 1 },
-          { type: 17, number: v, flags: 1 },
-          { type: 17, number: b > 1 ? b / 255 : b, flags: 1 }
+          { type: 17, number: I, flags: 1 },
+          { type: 17, number: v > 1 ? v / 255 : v, flags: 1 }
         ];
       }
     } else if (e[1].type === 5) {
-      const [m, L, b, v] = nc(e[1]);
+      const [m, L, v, I] = nc(e[1]);
       c = [
         { type: 17, number: m, flags: 1 },
         { type: 17, number: L, flags: 1 },
-        { type: 17, number: b, flags: 1 },
-        { type: 17, number: v > 1 ? v / 255 : v, flags: 1 }
+        { type: 17, number: v, flags: 1 },
+        { type: 17, number: I > 1 ? I / 255 : I, flags: 1 }
       ];
     }
     if (c.length === 0)
@@ -5530,8 +5530,8 @@ class Ep {
     u.push((s + o) / r.width), u.push((d + c) / r.width), u.push((n + B) / r.height), u.push((a + g) / r.height);
     const f = Math.max(...u);
     f > 1 && (s /= f, n /= f, o /= f, a /= f, c /= f, g /= f, d /= f, B /= f);
-    const w = r.width - o, C = r.height - g, U = r.width - c, F = r.height - B, m = e.borderTopWidth, L = e.borderRightWidth, b = e.borderBottomWidth, v = e.borderLeftWidth, O = G(e.paddingTop, A.bounds.width), N = G(e.paddingRight, A.bounds.width), W = G(e.paddingBottom, A.bounds.width), R = G(e.paddingLeft, A.bounds.width);
-    this.topLeftBorderDoubleOuterBox = s > 0 || n > 0 ? aA(r.left + v / 3, r.top + m / 3, s - v / 3, n - m / 3, Z.TOP_LEFT) : new H(r.left + v / 3, r.top + m / 3), this.topRightBorderDoubleOuterBox = s > 0 || n > 0 ? aA(r.left + w, r.top + m / 3, o - L / 3, a - m / 3, Z.TOP_RIGHT) : new H(r.left + r.width - L / 3, r.top + m / 3), this.bottomRightBorderDoubleOuterBox = c > 0 || g > 0 ? aA(r.left + U, r.top + C, c - L / 3, g - b / 3, Z.BOTTOM_RIGHT) : new H(r.left + r.width - L / 3, r.top + r.height - b / 3), this.bottomLeftBorderDoubleOuterBox = d > 0 || B > 0 ? aA(r.left + v / 3, r.top + F, d - v / 3, B - b / 3, Z.BOTTOM_LEFT) : new H(r.left + v / 3, r.top + r.height - b / 3), this.topLeftBorderDoubleInnerBox = s > 0 || n > 0 ? aA(r.left + v * 2 / 3, r.top + m * 2 / 3, s - v * 2 / 3, n - m * 2 / 3, Z.TOP_LEFT) : new H(r.left + v * 2 / 3, r.top + m * 2 / 3), this.topRightBorderDoubleInnerBox = s > 0 || n > 0 ? aA(r.left + w, r.top + m * 2 / 3, o - L * 2 / 3, a - m * 2 / 3, Z.TOP_RIGHT) : new H(r.left + r.width - L * 2 / 3, r.top + m * 2 / 3), this.bottomRightBorderDoubleInnerBox = c > 0 || g > 0 ? aA(r.left + U, r.top + C, c - L * 2 / 3, g - b * 2 / 3, Z.BOTTOM_RIGHT) : new H(r.left + r.width - L * 2 / 3, r.top + r.height - b * 2 / 3), this.bottomLeftBorderDoubleInnerBox = d > 0 || B > 0 ? aA(r.left + v * 2 / 3, r.top + F, d - v * 2 / 3, B - b * 2 / 3, Z.BOTTOM_LEFT) : new H(r.left + v * 2 / 3, r.top + r.height - b * 2 / 3), this.topLeftBorderStroke = s > 0 || n > 0 ? aA(r.left + v / 2, r.top + m / 2, s - v / 2, n - m / 2, Z.TOP_LEFT) : new H(r.left + v / 2, r.top + m / 2), this.topRightBorderStroke = s > 0 || n > 0 ? aA(r.left + w, r.top + m / 2, o - L / 2, a - m / 2, Z.TOP_RIGHT) : new H(r.left + r.width - L / 2, r.top + m / 2), this.bottomRightBorderStroke = c > 0 || g > 0 ? aA(r.left + U, r.top + C, c - L / 2, g - b / 2, Z.BOTTOM_RIGHT) : new H(r.left + r.width - L / 2, r.top + r.height - b / 2), this.bottomLeftBorderStroke = d > 0 || B > 0 ? aA(r.left + v / 2, r.top + F, d - v / 2, B - b / 2, Z.BOTTOM_LEFT) : new H(r.left + v / 2, r.top + r.height - b / 2), this.topLeftBorderBox = s > 0 || n > 0 ? aA(r.left, r.top, s, n, Z.TOP_LEFT) : new H(r.left, r.top), this.topRightBorderBox = o > 0 || a > 0 ? aA(r.left + w, r.top, o, a, Z.TOP_RIGHT) : new H(r.left + r.width, r.top), this.bottomRightBorderBox = c > 0 || g > 0 ? aA(r.left + U, r.top + C, c, g, Z.BOTTOM_RIGHT) : new H(r.left + r.width, r.top + r.height), this.bottomLeftBorderBox = d > 0 || B > 0 ? aA(r.left, r.top + F, d, B, Z.BOTTOM_LEFT) : new H(r.left, r.top + r.height), this.topLeftPaddingBox = s > 0 || n > 0 ? aA(r.left + v, r.top + m, Math.max(0, s - v), Math.max(0, n - m), Z.TOP_LEFT) : new H(r.left + v, r.top + m), this.topRightPaddingBox = o > 0 || a > 0 ? aA(r.left + Math.min(w, r.width - L), r.top + m, w > r.width + L ? 0 : Math.max(0, o - L), Math.max(0, a - m), Z.TOP_RIGHT) : new H(r.left + r.width - L, r.top + m), this.bottomRightPaddingBox = c > 0 || g > 0 ? aA(r.left + Math.min(U, r.width - v), r.top + Math.min(C, r.height - b), Math.max(0, c - L), Math.max(0, g - b), Z.BOTTOM_RIGHT) : new H(r.left + r.width - L, r.top + r.height - b), this.bottomLeftPaddingBox = d > 0 || B > 0 ? aA(r.left + v, r.top + Math.min(F, r.height - b), Math.max(0, d - v), Math.max(0, B - b), Z.BOTTOM_LEFT) : new H(r.left + v, r.top + r.height - b), this.topLeftContentBox = s > 0 || n > 0 ? aA(r.left + v + R, r.top + m + O, Math.max(0, s - (v + R)), Math.max(0, n - (m + O)), Z.TOP_LEFT) : new H(r.left + v + R, r.top + m + O), this.topRightContentBox = o > 0 || a > 0 ? aA(r.left + Math.min(w, r.width + v + R), r.top + m + O, w > r.width + v + R ? 0 : o - v + R, a - (m + O), Z.TOP_RIGHT) : new H(r.left + r.width - (L + N), r.top + m + O), this.bottomRightContentBox = c > 0 || g > 0 ? aA(r.left + Math.min(U, r.width - (v + R)), r.top + Math.min(C, r.height + m + O), Math.max(0, c - (L + N)), g - (b + W), Z.BOTTOM_RIGHT) : new H(r.left + r.width - (L + N), r.top + r.height - (b + W)), this.bottomLeftContentBox = d > 0 || B > 0 ? aA(r.left + v + R, r.top + F, Math.max(0, d - (v + R)), B - (b + W), Z.BOTTOM_LEFT) : new H(r.left + v + R, r.top + r.height - (b + W));
+    const w = r.width - o, C = r.height - g, U = r.width - c, F = r.height - B, m = e.borderTopWidth, L = e.borderRightWidth, v = e.borderBottomWidth, I = e.borderLeftWidth, O = G(e.paddingTop, A.bounds.width), N = G(e.paddingRight, A.bounds.width), W = G(e.paddingBottom, A.bounds.width), R = G(e.paddingLeft, A.bounds.width);
+    this.topLeftBorderDoubleOuterBox = s > 0 || n > 0 ? aA(r.left + I / 3, r.top + m / 3, s - I / 3, n - m / 3, Z.TOP_LEFT) : new H(r.left + I / 3, r.top + m / 3), this.topRightBorderDoubleOuterBox = s > 0 || n > 0 ? aA(r.left + w, r.top + m / 3, o - L / 3, a - m / 3, Z.TOP_RIGHT) : new H(r.left + r.width - L / 3, r.top + m / 3), this.bottomRightBorderDoubleOuterBox = c > 0 || g > 0 ? aA(r.left + U, r.top + C, c - L / 3, g - v / 3, Z.BOTTOM_RIGHT) : new H(r.left + r.width - L / 3, r.top + r.height - v / 3), this.bottomLeftBorderDoubleOuterBox = d > 0 || B > 0 ? aA(r.left + I / 3, r.top + F, d - I / 3, B - v / 3, Z.BOTTOM_LEFT) : new H(r.left + I / 3, r.top + r.height - v / 3), this.topLeftBorderDoubleInnerBox = s > 0 || n > 0 ? aA(r.left + I * 2 / 3, r.top + m * 2 / 3, s - I * 2 / 3, n - m * 2 / 3, Z.TOP_LEFT) : new H(r.left + I * 2 / 3, r.top + m * 2 / 3), this.topRightBorderDoubleInnerBox = s > 0 || n > 0 ? aA(r.left + w, r.top + m * 2 / 3, o - L * 2 / 3, a - m * 2 / 3, Z.TOP_RIGHT) : new H(r.left + r.width - L * 2 / 3, r.top + m * 2 / 3), this.bottomRightBorderDoubleInnerBox = c > 0 || g > 0 ? aA(r.left + U, r.top + C, c - L * 2 / 3, g - v * 2 / 3, Z.BOTTOM_RIGHT) : new H(r.left + r.width - L * 2 / 3, r.top + r.height - v * 2 / 3), this.bottomLeftBorderDoubleInnerBox = d > 0 || B > 0 ? aA(r.left + I * 2 / 3, r.top + F, d - I * 2 / 3, B - v * 2 / 3, Z.BOTTOM_LEFT) : new H(r.left + I * 2 / 3, r.top + r.height - v * 2 / 3), this.topLeftBorderStroke = s > 0 || n > 0 ? aA(r.left + I / 2, r.top + m / 2, s - I / 2, n - m / 2, Z.TOP_LEFT) : new H(r.left + I / 2, r.top + m / 2), this.topRightBorderStroke = s > 0 || n > 0 ? aA(r.left + w, r.top + m / 2, o - L / 2, a - m / 2, Z.TOP_RIGHT) : new H(r.left + r.width - L / 2, r.top + m / 2), this.bottomRightBorderStroke = c > 0 || g > 0 ? aA(r.left + U, r.top + C, c - L / 2, g - v / 2, Z.BOTTOM_RIGHT) : new H(r.left + r.width - L / 2, r.top + r.height - v / 2), this.bottomLeftBorderStroke = d > 0 || B > 0 ? aA(r.left + I / 2, r.top + F, d - I / 2, B - v / 2, Z.BOTTOM_LEFT) : new H(r.left + I / 2, r.top + r.height - v / 2), this.topLeftBorderBox = s > 0 || n > 0 ? aA(r.left, r.top, s, n, Z.TOP_LEFT) : new H(r.left, r.top), this.topRightBorderBox = o > 0 || a > 0 ? aA(r.left + w, r.top, o, a, Z.TOP_RIGHT) : new H(r.left + r.width, r.top), this.bottomRightBorderBox = c > 0 || g > 0 ? aA(r.left + U, r.top + C, c, g, Z.BOTTOM_RIGHT) : new H(r.left + r.width, r.top + r.height), this.bottomLeftBorderBox = d > 0 || B > 0 ? aA(r.left, r.top + F, d, B, Z.BOTTOM_LEFT) : new H(r.left, r.top + r.height), this.topLeftPaddingBox = s > 0 || n > 0 ? aA(r.left + I, r.top + m, Math.max(0, s - I), Math.max(0, n - m), Z.TOP_LEFT) : new H(r.left + I, r.top + m), this.topRightPaddingBox = o > 0 || a > 0 ? aA(r.left + Math.min(w, r.width - L), r.top + m, w > r.width + L ? 0 : Math.max(0, o - L), Math.max(0, a - m), Z.TOP_RIGHT) : new H(r.left + r.width - L, r.top + m), this.bottomRightPaddingBox = c > 0 || g > 0 ? aA(r.left + Math.min(U, r.width - I), r.top + Math.min(C, r.height - v), Math.max(0, c - L), Math.max(0, g - v), Z.BOTTOM_RIGHT) : new H(r.left + r.width - L, r.top + r.height - v), this.bottomLeftPaddingBox = d > 0 || B > 0 ? aA(r.left + I, r.top + Math.min(F, r.height - v), Math.max(0, d - I), Math.max(0, B - v), Z.BOTTOM_LEFT) : new H(r.left + I, r.top + r.height - v), this.topLeftContentBox = s > 0 || n > 0 ? aA(r.left + I + R, r.top + m + O, Math.max(0, s - (I + R)), Math.max(0, n - (m + O)), Z.TOP_LEFT) : new H(r.left + I + R, r.top + m + O), this.topRightContentBox = o > 0 || a > 0 ? aA(r.left + Math.min(w, r.width + I + R), r.top + m + O, w > r.width + I + R ? 0 : o - I + R, a - (m + O), Z.TOP_RIGHT) : new H(r.left + r.width - (L + N), r.top + m + O), this.bottomRightContentBox = c > 0 || g > 0 ? aA(r.left + Math.min(U, r.width - (I + R)), r.top + Math.min(C, r.height + m + O), Math.max(0, c - (L + N)), g - (v + W), Z.BOTTOM_RIGHT) : new H(r.left + r.width - (L + N), r.top + r.height - (v + W)), this.bottomLeftContentBox = d > 0 || B > 0 ? aA(r.left + I + R, r.top + F, Math.max(0, d - (I + R)), B - (v + W), Z.BOTTOM_LEFT) : new H(r.left + I + R, r.top + r.height - (v + W));
   }
 }
 var Z;
@@ -6338,14 +6338,14 @@ class Zp {
           });
         const C = B[w - 1];
         if (C && C.length > 0 && r) {
-          const U = C.map((v) => v.text).join(""), F = C[0], m = r.width - (F.bounds.left - r.left), L = this.truncateTextWithEllipsis(U, m, e.letterSpacing), b = new lt(L, F.bounds);
-          n.forEach((v) => {
-            switch (v) {
+          const U = C.map((I) => I.text).join(""), F = C[0], m = r.width - (F.bounds.left - r.left), L = this.truncateTextWithEllipsis(U, m, e.letterSpacing), v = new lt(L, F.bounds);
+          n.forEach((I) => {
+            switch (I) {
               case 0:
-                this.ctx.fillStyle = oA(e.color), e.letterSpacing === 0 ? this.ctx.fillText(L, F.bounds.left, F.bounds.top + e.fontSize.number) : this.iterateLettersWithLetterSpacing(b, e.letterSpacing, e.fontSize.number, (O, N, W) => this.ctx.fillText(O, N, W));
+                this.ctx.fillStyle = oA(e.color), e.letterSpacing === 0 ? this.ctx.fillText(L, F.bounds.left, F.bounds.top + e.fontSize.number) : this.iterateLettersWithLetterSpacing(v, e.letterSpacing, e.fontSize.number, (O, N, W) => this.ctx.fillText(O, N, W));
                 break;
               case 1:
-                e.webkitTextStrokeWidth && L.trim().length && (this.ctx.strokeStyle = oA(e.webkitTextStrokeColor), this.ctx.lineWidth = e.webkitTextStrokeWidth, this.ctx.lineJoin = typeof window < "u" && window.chrome ? "miter" : "round", e.letterSpacing === 0 ? this.ctx.strokeText(L, F.bounds.left, F.bounds.top + e.fontSize.number) : this.iterateLettersWithLetterSpacing(b, e.letterSpacing, e.fontSize.number, (O, N, W) => this.ctx.strokeText(O, N, W)), this.ctx.strokeStyle = "", this.ctx.lineWidth = 0, this.ctx.lineJoin = "miter");
+                e.webkitTextStrokeWidth && L.trim().length && (this.ctx.strokeStyle = oA(e.webkitTextStrokeColor), this.ctx.lineWidth = e.webkitTextStrokeWidth, this.ctx.lineJoin = typeof window < "u" && window.chrome ? "miter" : "round", e.letterSpacing === 0 ? this.ctx.strokeText(L, F.bounds.left, F.bounds.top + e.fontSize.number) : this.iterateLettersWithLetterSpacing(v, e.letterSpacing, e.fontSize.number, (O, N, W) => this.ctx.strokeText(O, N, W)), this.ctx.strokeStyle = "", this.ctx.lineWidth = 0, this.ctx.lineJoin = "miter");
                 break;
             }
           });
@@ -6459,8 +6459,8 @@ class yo extends Rc {
       else if (U === 8)
         d > w ? (c += (d - w) / 2, d = w) : (u += (w - d) / 2, w = d), B > C ? (g += (B - C) / 2, B = C) : (f += (C - B) / 2, C = B);
       else if (U === 16) {
-        const L = m > F ? w : C * m, b = d > w ? d : w;
-        L < b ? m > F ? (C = w / m, f += (o.height - C) / 2) : (w = C * m, u += (o.width - w) / 2) : (d > w ? (c += (d - w) / 2, d = w) : (u += (w - d) / 2, w = d), B > C ? (g += (B - C) / 2, B = C) : (f += (C - B) / 2, C = B));
+        const L = m > F ? w : C * m, v = d > w ? d : w;
+        L < v ? m > F ? (C = w / m, f += (o.height - C) / 2) : (w = C * m, u += (o.width - w) / 2) : (d > w ? (c += (d - w) / 2, d = w) : (u += (w - d) / 2, w = d), B > C ? (g += (B - C) / 2, B = C) : (f += (C - B) / 2, C = B));
       }
       this.ctx.drawImage(r, c, g, d, B, u, f, w, C), this.ctx.restore();
     }
@@ -7421,22 +7421,22 @@ const ww = (t) => {
   const m = new si(f, t, F), L = m.clonedReferenceElement;
   if (!L)
     throw new Error("Unable to find element in cloned iframe");
-  const b = await m.toIFrame(r, u);
+  const v = await m.toIFrame(r, u);
   C.end("clone");
-  const { width: v, height: O, left: N, top: W } = Fo(L) || ip(L) ? yd(L.ownerDocument) : Is(f, L), R = Cw(f, L, A.backgroundColor), cA = {
+  const { width: I, height: O, left: N, top: W } = Fo(L) || ip(L) ? yd(L.ownerDocument) : Is(f, L), R = Cw(f, L, A.backgroundColor), cA = {
     canvas: A.canvas,
     backgroundColor: R,
     scale: A.scale ?? s.devicePixelRatio ?? 1,
     x: (A.x ?? 0) + N,
     y: (A.y ?? 0) + W,
-    width: A.width ?? Math.ceil(v),
+    width: A.width ?? Math.ceil(I),
     height: A.height ?? Math.ceil(O),
     imageSmoothing: A.imageSmoothing,
     imageSmoothingQuality: A.imageSmoothingQuality
   };
   let IA, _;
   try {
-    return U ? (f.logger.debug("Document cloned, using foreign object rendering"), C.start("render-foreignobject"), IA = await new rw(f, cA).render(L), C.end("render-foreignobject")) : (f.logger.debug(`Document cloned, element located at ${N},${W} with size ${v}x${O} using computed rendering`), f.logger.debug("Starting DOM parsing"), C.start("parse"), _ = bc(f, L), C.end("parse"), R === _.styles.backgroundColor && (_.styles.backgroundColor = xe.TRANSPARENT), f.logger.debug(`Starting renderer for element at ${cA.x},${cA.y} with size ${cA.width}x${cA.height}`), C.start("render"), IA = await new yo(f, cA).render(_), C.end("render")), C.start("cleanup"), (A.removeContainer ?? !0) && (si.destroy(b) || f.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")), C.end("cleanup"), C.end("total"), f.logger.debug("Finished rendering"), w && C.logSummary(), IA;
+    return U ? (f.logger.debug("Document cloned, using foreign object rendering"), C.start("render-foreignobject"), IA = await new rw(f, cA).render(L), C.end("render-foreignobject")) : (f.logger.debug(`Document cloned, element located at ${N},${W} with size ${I}x${O} using computed rendering`), f.logger.debug("Starting DOM parsing"), C.start("parse"), _ = bc(f, L), C.end("parse"), R === _.styles.backgroundColor && (_.styles.backgroundColor = xe.TRANSPARENT), f.logger.debug(`Starting renderer for element at ${cA.x},${cA.y} with size ${cA.width}x${cA.height}`), C.start("render"), IA = await new yo(f, cA).render(_), C.end("render")), C.start("cleanup"), (A.removeContainer ?? !0) && (si.destroy(v) || f.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")), C.end("cleanup"), C.end("total"), f.logger.debug("Finished rendering"), w && C.logSummary(), IA;
   } finally {
     _ && _.restoreTree();
   }
@@ -7741,8 +7741,8 @@ const ww = (t) => {
     let F = t[n];
     for (; F; ) {
       if (F._debugSource) {
-        const { fileName: m, lineNumber: L, columnNumber: b } = F._debugSource;
-        r = `${m}:${L}${b ? ":" + b : ""}`;
+        const { fileName: m, lineNumber: L, columnNumber: v } = F._debugSource;
+        r = `${m}:${L}${v ? ":" + v : ""}`;
         break;
       }
       F = F.return;
@@ -7814,7 +7814,7 @@ const ww = (t) => {
       window.removeEventListener("popstate", l), window.history.pushState = h, window.history.replaceState = p;
     };
   }, []);
-  const [u, f] = D(!1), [w, C] = D("medium"), [U, F] = D("medium"), [m, L] = D("all"), [b, v] = D(null), [O, N] = D(null), [W, R] = D(""), [cA, IA] = D(!1), [_, FA] = D([]), [AA, HA] = D([
+  const [u, f] = D(!1), [w, C] = D("medium"), [U, F] = D("medium"), [m, L] = D("all"), [v, I] = D(null), [O, N] = D(null), [W, R] = D(""), [cA, IA] = D(!1), [_, FA] = D([]), [AA, HA] = D([
     { name: r.figmaPrimaryDesign, link: "" }
   ]), [J, ee] = D([]), [te, De] = D([]), [re, x] = D(null), [k, X] = D(!1), [eA, fe] = D(""), [se, z] = D(!1), [ZA, gt] = D("down");
   UA(null);
@@ -7836,9 +7836,11 @@ const ww = (t) => {
           const K = await h.json().catch(() => ({}));
           throw new Error(K.error || K.message || "Invalid token");
         }
-        const p = await h.json(), Q = p.user || (p.email ? p : null), I = p.role || Q?.role || "dev";
-        if (!Q) throw new Error("User not found in token");
-        $e(Ze.trim()), Ps(Q), js(I), localStorage.setItem("vg_token", Ze.trim()), Q && localStorage.setItem("vg_user", JSON.stringify(Q)), I && localStorage.setItem("vg_role", I), A(e === "es" ? "Sesión iniciada correctamente" : r.successHeader, "success"), Eo(""), Io(!1), vo(!1), Nc(!1), Xs();
+        const p = await h.json();
+        console.log("[ViewGate] Auth data received:", p);
+        const Q = p.user || (p.email ? p : null), E = p.role || Q?.role || "dev";
+        if (console.log("[ViewGate] Identified as:", Q?.email, Q?.name, "Role:", E), !Q) throw new Error("User not found in token");
+        $e(Ze.trim()), Ps(Q), js(E), localStorage.setItem("vg_token", Ze.trim()), Q && localStorage.setItem("vg_user", JSON.stringify(Q)), E && localStorage.setItem("vg_role", E), A(e === "es" ? "Sesión iniciada correctamente" : r.successHeader, "success"), Eo(""), Io(!1), vo(!1), Nc(!1), Xs();
       } catch (h) {
         let p = h.message || (e === "es" ? "Clave inválida o expirada" : "Invalid or expired key");
         p.toLowerCase().includes("invalid or expired token") && (p = r.invalidToken), A(p, "error");
@@ -7854,7 +7856,7 @@ const ww = (t) => {
   OA(() => {
     const l = (h) => {
       if (h.data?.type?.startsWith("VIEWGATE_") && console.log("[VIEWGATE_WRAPPER] Received message:", h.data.type, h.data), h.data?.type === "VIEWGATE_AUTH_SUCCESS" || h.data?.type === "VIEWGATE_SILENT_AUTH") {
-        const { token: p, user: Q, role: I, error: K } = h.data;
+        const { token: p, user: Q, role: E, error: K } = h.data;
         if (console.log("[VIEWGATE_WRAPPER] Auth process:", { type: h.data.type, hasToken: !!p, hasUser: !!Q }), K === "NO_SESSION")
           return;
         const T = sessionStorage.getItem("vg_token");
@@ -7863,7 +7865,7 @@ const ww = (t) => {
           const S = n;
           t((sA) => typeof sA == "string" && S && sA.startsWith(S), void 0, { revalidate: !0 }), Ye([]);
         }
-        p && ($e(p), sessionStorage.setItem("vg_token", p), localStorage.setItem("vg_token", p), Q && (Ps(Q), js(I || Q.role || "dev"), sessionStorage.setItem("vg_user", JSON.stringify(Q)), localStorage.setItem("vg_user", JSON.stringify(Q))), h.data.type === "VIEWGATE_AUTH_SUCCESS" && A(e === "es" ? "Sesión iniciada correctamente" : "Logged in successfully", "success"));
+        p && ($e(p), sessionStorage.setItem("vg_token", p), localStorage.setItem("vg_token", p), Q && (Ps(Q), js(E || Q.role || "dev"), sessionStorage.setItem("vg_user", JSON.stringify(Q)), localStorage.setItem("vg_user", JSON.stringify(Q))), h.data.type === "VIEWGATE_AUTH_SUCCESS" && A(e === "es" ? "Sesión iniciada correctamente" : "Logged in successfully", "success"));
       }
       if (h.data?.type === "VIEWGATE_LOGOUT") {
         if (console.log("[VIEWGATE_WRAPPER] Logout message received"), sessionStorage.getItem("vg_token")) {
@@ -7924,9 +7926,9 @@ const ww = (t) => {
     if (!p.ok) {
       p.status === 403 && Gt();
       const Q = await p.json().catch(() => ({}));
-      let I = Q.message || Q.error || "Fetch failed";
-      I.toLowerCase().includes("invalid or expired token") && (I = r.invalidToken);
-      const K = new Error(I);
+      let E = Q.message || Q.error || "Fetch failed";
+      E.toLowerCase().includes("invalid or expired token") && (E = r.invalidToken);
+      const K = new Error(E);
       throw K.status = p.status, K;
     }
     return Ho(!0), p.json();
@@ -7952,8 +7954,8 @@ const ww = (t) => {
   const [kA, Sr] = D(null), Ko = UA(null), [ut, Wc] = D([]), Do = st(() => {
     const l = (eA || "").toLowerCase().trim();
     return l ? te.filter((h) => {
-      const p = h.path && h.path.toLowerCase().includes(l), Q = h.description && h.description.toLowerCase().includes(l), I = h.method && h.method.toLowerCase().includes(l);
-      return p || Q || I;
+      const p = h.path && h.path.toLowerCase().includes(l), Q = h.description && h.description.toLowerCase().includes(l), E = h.method && h.method.toLowerCase().includes(l);
+      return p || Q || E;
     }) : te;
   }, [te, eA]), Ro = st(() => {
     const l = {}, h = e === "es" ? "Seleccionados" : "Selected";
@@ -7969,7 +7971,7 @@ const ww = (t) => {
   }, [Do, J, e]), Js = st(() => {
     let l = Array.isArray(SA) ? SA : [];
     if (dA) {
-      const p = ut.find((Q) => Q.annotations && Array.isArray(Q.annotations) && Q.annotations.some((I) => I._id === dA));
+      const p = ut.find((Q) => Q.annotations && Array.isArray(Q.annotations) && Q.annotations.some((E) => E._id === dA));
       p ? l = p.annotations : l = l.filter((Q) => Q._id === dA);
     }
     return l = l.filter((p) => p.status !== "completed" && p.status !== "done"), window.location.href.includes("viewgate-backlog") || (kA === "pending" ? l = l.filter((p) => p.status !== "ready_for_review") : kA === "ready" && (l = l.filter((p) => p.status === "ready_for_review"))), m !== "all" && (l = l.filter((p) => (p.priority || "medium") === m)), l;
@@ -7997,8 +7999,8 @@ const ww = (t) => {
     if (!Mt) return;
     const l = (p) => {
       if (Mt && be.current) {
-        const Q = p.clientX - be.current.x, I = p.clientY - be.current.y;
-        let K = be.current.bottom - I, T = be.current.right - Q;
+        const Q = p.clientX - be.current.x, E = p.clientY - be.current.y;
+        let K = be.current.bottom - E, T = be.current.right - Q;
         const S = 10;
         K = Math.max(S, Math.min(window.innerHeight - be.current.height - S, K)), T = Math.max(S, Math.min(window.innerWidth - be.current.width - S, T)), Xc({ bottom: K, right: T });
       }
@@ -8021,9 +8023,9 @@ const ww = (t) => {
         const hA = V.getAttribute(Be);
         hA && !p.has(hA) && V.removeAttribute(Be);
       });
-      const Q = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], [class*="modal" i], [class*="dialog" i], .fixed, .modal-backdrop, .fixed.inset-0')), I = Q.find((V) => vs(V) && Le(V));
-      let K = !!I;
-      console.log("[ViewGate Debug] Modal Detection:", { potentialModals: Q.length, activeModal: I, isAnyModalOpen: K });
+      const Q = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], [class*="modal" i], [class*="dialog" i], .fixed, .modal-backdrop, .fixed.inset-0')), E = Q.find((V) => vs(V) && Le(V));
+      let K = !!E;
+      console.log("[ViewGate Debug] Modal Detection:", { potentialModals: Q.length, activeModal: E, isAnyModalOpen: K });
       const T = /* @__PURE__ */ new Map();
       h.forEach((V) => {
         if (!V || !V.reference) return;
@@ -8103,13 +8105,13 @@ const ww = (t) => {
       }, 32));
     });
     Zs.current = p;
-    const Q = new ResizeObserver(() => h()), I = () => h();
+    const Q = new ResizeObserver(() => h()), E = () => h();
     return h(), p.observe(document.documentElement, {
       childList: !0,
       subtree: !0,
       attributes: !0
-    }), Q.observe(document.documentElement), window.addEventListener("scroll", I, { capture: !0, passive: !0 }), () => {
-      l && clearTimeout(l), p.disconnect(), Q.disconnect(), window.removeEventListener("scroll", I, !0), wt.current && cancelAnimationFrame(wt.current), Zs.current = null;
+    }), Q.observe(document.documentElement), window.addEventListener("scroll", E, { capture: !0, passive: !0 }), () => {
+      l && clearTimeout(l), p.disconnect(), Q.disconnect(), window.removeEventListener("scroll", E, !0), wt.current && cancelAnimationFrame(wt.current), Zs.current = null;
     };
   }, [u, SA, No, jA, dA, g]);
   const qs = de((l) => {
@@ -8133,11 +8135,11 @@ const ww = (t) => {
     if (!u || O) return;
     const h = fi(l.clientX, l.clientY);
     if (!h || $s.current?.contains(h) || h.closest(".vg-no-capture")) {
-      v(null);
+      I(null);
       return;
     }
     const p = h.getBoundingClientRect();
-    v({
+    I({
       tag: h.tagName.toLowerCase(),
       source: h.getAttribute("data-source-path") || "unknown:0",
       rect: p,
@@ -8154,11 +8156,11 @@ const ww = (t) => {
   }, [u, O]), en = de(async (l) => {
     if (!u || O) return;
     const h = fi(l.clientX, l.clientY);
-    if (!(!h || $s.current?.contains(h) || h.closest(".vg-no-capture")) && b) {
-      const p = b;
+    if (!(!h || $s.current?.contains(h) || h.closest(".vg-no-capture")) && v) {
+      const p = v;
       let Q = p.element;
       qs(Q);
-      let I = p.semanticReference, K = p.tag;
+      let E = p.semanticReference, K = p.tag;
       l.preventDefault(), l.stopPropagation(), Re(!0);
       try {
         await new Promise(($) => requestAnimationFrame($)), await new Promise(($) => setTimeout($, 80));
@@ -8187,18 +8189,18 @@ const ww = (t) => {
           onclone: ($) => {
             const GA = [];
             document.querySelectorAll("*").forEach((pA, TA) => {
-              const E = pA;
-              if (E.shadowRoot) {
+              const b = pA;
+              if (b.shadowRoot) {
                 const zA = `sh-${TA}`;
-                E.setAttribute("data-vg-capture-id", zA), GA.push({ original: E, id: zA });
+                b.setAttribute("data-vg-capture-id", zA), GA.push({ original: b, id: zA });
               }
             }), GA.forEach(({ original: pA, id: TA }) => {
-              const E = $.querySelector(`[data-vg-capture-id="${TA}"]`);
-              if (E && pA.shadowRoot)
+              const b = $.querySelector(`[data-vg-capture-id="${TA}"]`);
+              if (b && pA.shadowRoot)
                 try {
                   const zA = pA.shadowRoot.cloneNode(!0);
-                  E.innerHTML = "", Array.from(zA.childNodes).forEach((Dr) => {
-                    E.appendChild($.importNode(Dr, !0));
+                  b.innerHTML = "", Array.from(zA.childNodes).forEach((Dr) => {
+                    b.appendChild($.importNode(Dr, !0));
                   });
                 } catch (zA) {
                   console.warn("[ViewGate] Shadow DOM flatting failed", zA);
@@ -8230,7 +8232,7 @@ const ww = (t) => {
               ...p,
               element: Q,
               rect: Q.getBoundingClientRect(),
-              semanticReference: I,
+              semanticReference: E,
               tag: K
             };
             if (PA) {
@@ -8246,12 +8248,12 @@ const ww = (t) => {
           }, "image/webp", 0.98);
         }
       } catch (T) {
-        console.error("[ViewGate] Capture Error:", T), N(b);
+        console.error("[ViewGate] Capture Error:", T), N(v);
       } finally {
-        Re(!1), v(null);
+        Re(!1), I(null);
       }
     }
-  }, [u, b, O]);
+  }, [u, v, O]);
   OA(() => {
     const l = (h) => {
       const Q = (() => {
@@ -8321,7 +8323,7 @@ const ww = (t) => {
       return;
     }
     IA(!0);
-    const { semanticReference: l } = O, [h, p] = (l.source || "").split(":"), I = {
+    const { semanticReference: l } = O, [h, p] = (l.source || "").split(":"), E = {
       filePath: h,
       line: parseInt(p || "0"),
       url: window.location.href,
@@ -8345,7 +8347,7 @@ const ww = (t) => {
       figmaReference: _.includes("ux") ? AA : void 0,
       backendEndpoints: _.includes("backend") ? J : []
     };
-    RA && (I.creator = {
+    RA && (E.creator = {
       name: RA.name,
       email: RA.email,
       avatar: RA.avatar
@@ -8358,7 +8360,7 @@ const ww = (t) => {
           "x-api-key": s,
           Authorization: fA ? `Bearer ${fA}` : ""
         },
-        body: JSON.stringify(I)
+        body: JSON.stringify(E)
       });
       if (!K.ok) {
         const T = await K.json().catch(() => ({}));
@@ -8383,7 +8385,7 @@ const ww = (t) => {
       h.scrollIntoView({ behavior: "smooth", block: "center" }), await new Promise((nA) => setTimeout(nA, 600));
       const p = h.style.outline, Q = h.style.transition;
       h.style.transition = "outline 0.3s ease", h.style.outline = "4px solid #10b981", h.style.outlineOffset = "4px", await new Promise((nA) => setTimeout(nA, 400)), h.style.outline = p, h.style.transition = Q, await new Promise((nA) => requestAnimationFrame(nA)), await new Promise((nA) => setTimeout(nA, 50));
-      const I = h.getBoundingClientRect(), K = document.documentElement, T = window.devicePixelRatio || 1, S = Math.max(T, 3), sA = await ho(K, {
+      const E = h.getBoundingClientRect(), K = document.documentElement, T = window.devicePixelRatio || 1, S = Math.max(T, 3), sA = await ho(K, {
         scale: S,
         useCORS: !0,
         logging: !1,
@@ -8403,9 +8405,9 @@ const ww = (t) => {
           });
         }
       }), V = document.createElement("canvas"), hA = V.getContext("2d"), rA = 32;
-      if (V.width = (I.width + rA * 2) * S, V.height = (I.height + rA * 2) * S, hA) {
+      if (V.width = (E.width + rA * 2) * S, V.height = (E.height + rA * 2) * S, hA) {
         hA.imageSmoothingEnabled = !0, hA.imageSmoothingQuality = "high";
-        const nA = (I.left - rA) * S, mA = (I.top - rA) * S;
+        const nA = (E.left - rA) * S, mA = (E.top - rA) * S;
         hA.drawImage(
           sA,
           -nA,
@@ -8437,7 +8439,7 @@ const ww = (t) => {
       Re(!1);
     }
   };
-  return /* @__PURE__ */ i.jsx("div", { "data-vg-id": "ef883ffc", "data-source-path": "/src/components/ViewGateOverlay.tsx:2280", className: "vg-container", children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "ef883ffd", "data-source-path": "/src/components/ViewGateOverlay.tsx:2281", className: "vg-no-capture", children: [
+  return /* @__PURE__ */ i.jsx("div", { "data-vg-id": "ef883ffc", "data-source-path": "/src/components/ViewGateOverlay.tsx:2284", className: "vg-container", children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "ef883ffd", "data-source-path": "/src/components/ViewGateOverlay.tsx:2285", className: "vg-no-capture", children: [
     /* @__PURE__ */ i.jsxs(
       "div",
       {
@@ -8481,10 +8483,10 @@ const ww = (t) => {
                 l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", l.currentTarget.style.color = "#1e293b";
               },
               className: "vg-animate-slide-up",
-              children: /* @__PURE__ */ i.jsx(ed, { "data-vg-id": "3dbe6a11", "data-source-path": "/src/components/ViewGateOverlay.tsx:2328", size: 16 })
+              children: /* @__PURE__ */ i.jsx(ed, { "data-vg-id": "3dbe6a11", "data-source-path": "/src/components/ViewGateOverlay.tsx:2332", size: 16 })
             }
           ),
-          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "ef883fff", "data-source-path": "/src/components/ViewGateOverlay.tsx:2331", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
+          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "ef883fff", "data-source-path": "/src/components/ViewGateOverlay.tsx:2335", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
             fA ? br ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
               Rt !== "client" && /* @__PURE__ */ i.jsx(
                 "button",
@@ -8508,9 +8510,9 @@ const ww = (t) => {
                     opacity: !ce && !B && !u ? 0.7 : 1
                   },
                   title: !ce && !B && !u ? e === "es" ? "Requiere sprint activo" : "Requires active sprint" : "",
-                  children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "ef884001", "data-source-path": "/src/components/ViewGateOverlay.tsx:2370", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                    Ir && !u ? /* @__PURE__ */ i.jsx(_r, { "data-vg-id": "edca6150", "data-source-path": "/src/components/ViewGateOverlay.tsx:2372", size: 20, className: "vg-animate-spin" }) : u ? /* @__PURE__ */ i.jsx(Xt, { "data-vg-id": "ff5f5cf", "data-source-path": "/src/components/ViewGateOverlay.tsx:2374", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ i.jsx(Pr, { "data-vg-id": "10c621c4", "data-source-path": "/src/components/ViewGateOverlay.tsx:2376", size: 20, className: "vg-animate-pop" }),
-                    /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76c43", "data-source-path": "/src/components/ViewGateOverlay.tsx:2378", children: Ir && !u ? e === "es" ? "Cargando..." : "Loading..." : u ? r.exitMode : r.enterMode })
+                  children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "ef884001", "data-source-path": "/src/components/ViewGateOverlay.tsx:2374", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                    Ir && !u ? /* @__PURE__ */ i.jsx(_r, { "data-vg-id": "edca6150", "data-source-path": "/src/components/ViewGateOverlay.tsx:2376", size: 20, className: "vg-animate-spin" }) : u ? /* @__PURE__ */ i.jsx(Xt, { "data-vg-id": "ff5f5cf", "data-source-path": "/src/components/ViewGateOverlay.tsx:2378", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ i.jsx(Pr, { "data-vg-id": "10c621c4", "data-source-path": "/src/components/ViewGateOverlay.tsx:2380", size: 20, className: "vg-animate-pop" }),
+                    /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76c43", "data-source-path": "/src/components/ViewGateOverlay.tsx:2382", children: Ir && !u ? e === "es" ? "Cargando..." : "Loading..." : u ? r.exitMode : r.enterMode })
                   ] })
                 }
               ),
@@ -8523,12 +8525,12 @@ const ww = (t) => {
                   className: "vg-button-ghost vg-animate-pop",
                   style: { animationDelay: "0.1s" },
                   children: [
-                    /* @__PURE__ */ i.jsx(Zl, { "data-vg-id": "cd7341f9", "data-source-path": "/src/components/ViewGateOverlay.tsx:2396", size: 20 }),
-                    /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76c45", "data-source-path": "/src/components/ViewGateOverlay.tsx:2397", children: r.viewComments })
+                    /* @__PURE__ */ i.jsx(Zl, { "data-vg-id": "cd7341f9", "data-source-path": "/src/components/ViewGateOverlay.tsx:2400", size: 20 }),
+                    /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76c45", "data-source-path": "/src/components/ViewGateOverlay.tsx:2401", children: r.viewComments })
                   ]
                 }
               )
-            ] }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "ef884000", "data-source-path": "/src/components/ViewGateOverlay.tsx:2334", style: {
+            ] }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "ef884000", "data-source-path": "/src/components/ViewGateOverlay.tsx:2338", style: {
               padding: "8px 16px",
               background: "#fee2e2",
               color: "#b91c1c",
@@ -8552,8 +8554,8 @@ const ww = (t) => {
                   gap: "10px"
                 },
                 children: [
-                  /* @__PURE__ */ i.jsx(oa, { "data-vg-id": "422a5ea5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2417", size: 18 }),
-                  /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76c47", "data-source-path": "/src/components/ViewGateOverlay.tsx:2418", style: { fontWeight: 700 }, children: e === "es" ? "Desbloquear con Clave" : "Unlock with Key" })
+                  /* @__PURE__ */ i.jsx(oa, { "data-vg-id": "422a5ea5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2421", size: 18 }),
+                  /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76c47", "data-source-path": "/src/components/ViewGateOverlay.tsx:2422", style: { fontWeight: 700 }, children: e === "es" ? "Desbloquear con Clave" : "Unlock with Key" })
                 ]
               }
             ),
@@ -8590,14 +8592,14 @@ const ww = (t) => {
                   l.currentTarget.style.color = "#64748b", l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.8)", l.currentTarget.style.borderColor = "rgba(0,0,0,0.05)", l.currentTarget.style.transform = "scale(1)";
                 },
                 title: r.close || "Cerrar ViewGate",
-                children: /* @__PURE__ */ i.jsx(Xt, { "data-vg-id": "ff5f5d6", "data-source-path": "/src/components/ViewGateOverlay.tsx:2462", size: 20, strokeWidth: 2.5 })
+                children: /* @__PURE__ */ i.jsx(Xt, { "data-vg-id": "ff5f5d6", "data-source-path": "/src/components/ViewGateOverlay.tsx:2466", size: 20, strokeWidth: 2.5 })
               }
             )
           ] })
         ]
       }
     ),
-    ye && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbf7e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2471", style: {
+    ye && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbf7e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2475", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -8610,9 +8612,9 @@ const ww = (t) => {
       justifyContent: "center",
       zIndex: di + 1,
       cursor: "wait"
-    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbf7f", "data-source-path": "/src/components/ViewGateOverlay.tsx:2477", className: "vg-glassmorphism", style: { padding: "30px 50px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [
-      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbf95", "data-source-path": "/src/components/ViewGateOverlay.tsx:2478", className: "vg-spinner" }),
-      /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76c61", "data-source-path": "/src/components/ViewGateOverlay.tsx:2479", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
+    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbf7f", "data-source-path": "/src/components/ViewGateOverlay.tsx:2481", className: "vg-glassmorphism", style: { padding: "30px 50px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [
+      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbf95", "data-source-path": "/src/components/ViewGateOverlay.tsx:2482", className: "vg-spinner" }),
+      /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76c61", "data-source-path": "/src/components/ViewGateOverlay.tsx:2483", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
     ] }) }),
     u && !O && /* @__PURE__ */ i.jsx(
       "div",
@@ -8620,27 +8622,27 @@ const ww = (t) => {
         className: "vg-backdrop-blur",
         style: {
           opacity: 1,
-          clipPath: b ? `polygon(
+          clipPath: v ? `polygon(
                                 0% 0%, 0% 100%, 100% 100%, 100% 0%, 0% 0%,
-                                ${b.rect.left}px ${b.rect.top}px,
-                                ${b.rect.right}px ${b.rect.top}px,
-                                ${b.rect.right}px ${b.rect.bottom}px,
-                                ${b.rect.left}px ${b.rect.bottom}px,
-                                ${b.rect.left}px ${b.rect.top}px
+                                ${v.rect.left}px ${v.rect.top}px,
+                                ${v.rect.right}px ${v.rect.top}px,
+                                ${v.rect.right}px ${v.rect.bottom}px,
+                                ${v.rect.left}px ${v.rect.bottom}px,
+                                ${v.rect.left}px ${v.rect.top}px
                             )` : "none",
           zIndex: Qw
         }
       }
     ),
-    u && b && !O && !ye && /* @__PURE__ */ i.jsx(
+    u && v && !O && !ye && /* @__PURE__ */ i.jsx(
       "div",
       {
         className: "vg-selection-pulse",
         style: {
-          top: b.rect.top - 4,
-          left: b.rect.left - 4,
-          width: b.rect.width + 8,
-          height: b.rect.height + 8,
+          top: v.rect.top - 4,
+          left: v.rect.left - 4,
+          width: v.rect.width + 8,
+          height: v.rect.height + 8,
           zIndex: xw
         },
         children: /* @__PURE__ */ i.jsxs(
@@ -8648,17 +8650,17 @@ const ww = (t) => {
           {
             className: "vg-selection-label",
             style: {
-              ...b.rect.top < 60 ? b.rect.bottom > window.innerHeight - 60 ? { top: "8px", bottom: "auto" } : { top: "100%", marginTop: "8px", bottom: "auto" } : { top: "-40px", bottom: "auto" },
-              ...b.rect.left + 200 > window.innerWidth ? { left: "auto", right: "0" } : { left: "0", right: "auto" }
+              ...v.rect.top < 60 ? v.rect.bottom > window.innerHeight - 60 ? { top: "8px", bottom: "auto" } : { top: "100%", marginTop: "8px", bottom: "auto" } : { top: "-40px", bottom: "auto" },
+              ...v.rect.left + 200 > window.innerWidth ? { left: "auto", right: "0" } : { left: "0", right: "auto" }
             },
             children: [
-              /* @__PURE__ */ i.jsx(ld, { "data-vg-id": "f840c8ce", "data-source-path": "/src/components/ViewGateOverlay.tsx:2531", size: 16 }),
-              /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbf98", "data-source-path": "/src/components/ViewGateOverlay.tsx:2532", style: { display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76c64", "data-source-path": "/src/components/ViewGateOverlay.tsx:2533", style: { fontWeight: 700 }, children: r.selectToComment }),
-                /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "52d76c65", "data-source-path": "/src/components/ViewGateOverlay.tsx:2534", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
-                  Math.round(b.rect.width),
+              /* @__PURE__ */ i.jsx(ld, { "data-vg-id": "f840c8ce", "data-source-path": "/src/components/ViewGateOverlay.tsx:2535", size: 16 }),
+              /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbf98", "data-source-path": "/src/components/ViewGateOverlay.tsx:2536", style: { display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76c64", "data-source-path": "/src/components/ViewGateOverlay.tsx:2537", style: { fontWeight: 700 }, children: r.selectToComment }),
+                /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "52d76c65", "data-source-path": "/src/components/ViewGateOverlay.tsx:2538", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
+                  Math.round(v.rect.width),
                   " × ",
-                  Math.round(b.rect.height)
+                  Math.round(v.rect.height)
                 ] })
               ] })
             ]
@@ -8666,7 +8668,7 @@ const ww = (t) => {
         )
       }
     ),
-    !fA && (u || jA || O) && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbf9b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2544", className: "vg-animate-fade", style: {
+    !fA && (u || jA || O) && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbf9b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2548", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -8678,7 +8680,7 @@ const ww = (t) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: yt
-    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbf9c", "data-source-path": "/src/components/ViewGateOverlay.tsx:2549", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbf9c", "data-source-path": "/src/components/ViewGateOverlay.tsx:2553", className: "vg-glassmorphism vg-animate-slide", style: {
       width: "90%",
       maxWidth: "440px",
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.4)",
@@ -8687,8 +8689,8 @@ const ww = (t) => {
       overflow: "hidden",
       padding: "48px 32px"
     }, children: [
-      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbf9d", "data-source-path": "/src/components/ViewGateOverlay.tsx:2558", style: { textAlign: "center", marginBottom: "32px" }, children: [
-        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbf9e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2559", style: {
+      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbf9d", "data-source-path": "/src/components/ViewGateOverlay.tsx:2562", style: { textAlign: "center", marginBottom: "32px" }, children: [
+        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbf9e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2563", style: {
           width: "64px",
           height: "64px",
           background: "var(--vg-primary-gradient)",
@@ -8700,12 +8702,12 @@ const ww = (t) => {
           color: "white",
           boxShadow: "0 8px 20px -4px var(--vg-primary)",
           animation: "pulse 2s infinite"
-        }, children: /* @__PURE__ */ i.jsx(oa, { "data-vg-id": "422a5ede", "data-source-path": "/src/components/ViewGateOverlay.tsx:2565", size: 32 }) }),
-        /* @__PURE__ */ i.jsx("h2", { "data-vg-id": "efa6bb80", "data-source-path": "/src/components/ViewGateOverlay.tsx:2567", style: { margin: "0 0 12px 0", fontSize: "24px", fontWeight: 800, color: "#0f172a", letterSpacing: "-0.025em" }, children: e === "es" ? "ViewGate Protegido" : "ViewGate Protected" }),
-        /* @__PURE__ */ i.jsx("p", { "data-vg-id": "1000def7", "data-source-path": "/src/components/ViewGateOverlay.tsx:2570", style: { margin: 0, color: "#64748b", fontSize: "15px", lineHeight: 1.6 }, children: e === "es" ? "Ingresa tu Clave de Acceso Semanal para continuar." : "Enter your project Weekly Access Key to continue." })
+        }, children: /* @__PURE__ */ i.jsx(oa, { "data-vg-id": "422a5ede", "data-source-path": "/src/components/ViewGateOverlay.tsx:2569", size: 32 }) }),
+        /* @__PURE__ */ i.jsx("h2", { "data-vg-id": "efa6bb80", "data-source-path": "/src/components/ViewGateOverlay.tsx:2571", style: { margin: "0 0 12px 0", fontSize: "24px", fontWeight: 800, color: "#0f172a", letterSpacing: "-0.025em" }, children: e === "es" ? "ViewGate Protegido" : "ViewGate Protected" }),
+        /* @__PURE__ */ i.jsx("p", { "data-vg-id": "1000def7", "data-source-path": "/src/components/ViewGateOverlay.tsx:2574", style: { margin: 0, color: "#64748b", fontSize: "15px", lineHeight: 1.6 }, children: e === "es" ? "Ingresa tu Clave de Acceso Semanal para continuar." : "Enter your project Weekly Access Key to continue." })
       ] }),
-      /* @__PURE__ */ i.jsxs("form", { "data-vg-id": "a260acc8", "data-source-path": "/src/components/ViewGateOverlay.tsx:2577", onSubmit: Pc, style: { width: "100%" }, children: [
-        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfb8", "data-source-path": "/src/components/ViewGateOverlay.tsx:2578", style: { position: "relative", marginBottom: "24px" }, children: /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ i.jsxs("form", { "data-vg-id": "a260acc8", "data-source-path": "/src/components/ViewGateOverlay.tsx:2581", onSubmit: Pc, style: { width: "100%" }, children: [
+        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfb8", "data-source-path": "/src/components/ViewGateOverlay.tsx:2582", style: { position: "relative", marginBottom: "24px" }, children: /* @__PURE__ */ i.jsx(
           "input",
           {
             autoFocus: !0,
@@ -8751,13 +8753,13 @@ const ww = (t) => {
               boxShadow: "0 10px 15px -3px rgba(99, 102, 241, 0.3)"
             },
             children: [
-              Ws ? /* @__PURE__ */ i.jsx(_r, { "data-vg-id": "cb81c82b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2625", size: 20, className: "vg-animate-spin" }) : /* @__PURE__ */ i.jsx(rd, { "data-vg-id": "d69f974c", "data-source-path": "/src/components/ViewGateOverlay.tsx:2627", size: 20 }),
+              Ws ? /* @__PURE__ */ i.jsx(_r, { "data-vg-id": "cb81c82b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2629", size: 20, className: "vg-animate-spin" }) : /* @__PURE__ */ i.jsx(rd, { "data-vg-id": "d69f974c", "data-source-path": "/src/components/ViewGateOverlay.tsx:2631", size: 20 }),
               e === "es" ? "Desbloquear" : "Unlock Now"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfbb", "data-source-path": "/src/components/ViewGateOverlay.tsx:2633", style: { margin: "32px 0 24px", height: "1px", background: "linear-gradient(to right, transparent, #e2e8f0, transparent)" } }),
+      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfbb", "data-source-path": "/src/components/ViewGateOverlay.tsx:2637", style: { margin: "32px 0 24px", height: "1px", background: "linear-gradient(to right, transparent, #e2e8f0, transparent)" } }),
       /* @__PURE__ */ i.jsx(
         "button",
         {
@@ -8769,9 +8771,9 @@ const ww = (t) => {
           children: e === "es" ? "Cerrar ViewGate" : "Close ViewGate"
         }
       ),
-      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfbc", "data-source-path": "/src/components/ViewGateOverlay.tsx:2647", style: { marginTop: "24px", textAlign: "center" }, children: /* @__PURE__ */ i.jsx("p", { "data-vg-id": "1000defe", "data-source-path": "/src/components/ViewGateOverlay.tsx:2648", style: { fontSize: "12px", color: "#94a3b8", margin: 0, lineHeight: 1.5 }, children: e === "es" ? "Encuentra tu clave en Dashboard > Proyectos" : "Find your key in Dashboard > Projects" }) })
+      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfbc", "data-source-path": "/src/components/ViewGateOverlay.tsx:2651", style: { marginTop: "24px", textAlign: "center" }, children: /* @__PURE__ */ i.jsx("p", { "data-vg-id": "1000defe", "data-source-path": "/src/components/ViewGateOverlay.tsx:2652", style: { fontSize: "12px", color: "#94a3b8", margin: 0, lineHeight: 1.5 }, children: e === "es" ? "Encuentra tu clave en Dashboard > Proyectos" : "Find your key in Dashboard > Projects" }) })
     ] }) }),
-    O && RA && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfd3", "data-source-path": "/src/components/ViewGateOverlay.tsx:2661", className: "vg-animate-fade", style: {
+    O && RA && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfd3", "data-source-path": "/src/components/ViewGateOverlay.tsx:2665", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -8783,7 +8785,7 @@ const ww = (t) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: yt
-    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbfd4", "data-source-path": "/src/components/ViewGateOverlay.tsx:2666", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbfd4", "data-source-path": "/src/components/ViewGateOverlay.tsx:2670", className: "vg-glassmorphism vg-animate-slide", style: {
       width: "90%",
       maxWidth: "700px",
       maxHeight: "92vh",
@@ -8793,12 +8795,12 @@ const ww = (t) => {
       overflow: "hidden"
       // Contain child scrollbars
     }, children: [
-      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbfd5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2676", style: { padding: "24px 24px 16px", textAlign: "center", borderBottom: "1px solid rgba(0,0,0,0.05)", flexShrink: 0, position: "relative" }, children: [
+      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbfd5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2680", style: { padding: "24px 24px 16px", textAlign: "center", borderBottom: "1px solid rgba(0,0,0,0.05)", flexShrink: 0, position: "relative" }, children: [
         RA && /* @__PURE__ */ i.jsxs(
           "div",
           {
             "data-vg-id": "17fbfd6",
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:2678",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:2682",
             className: "vg-profile-info-card",
             style: {
               position: "absolute",
@@ -8815,12 +8817,12 @@ const ww = (t) => {
               zIndex: 10
             },
             children: [
-              /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76ca2", "data-source-path": "/src/components/ViewGateOverlay.tsx:2695", style: { fontSize: "10px", fontWeight: 800, color: "#64748b", textTransform: "uppercase" }, children: RA.name.split(" ")[0] }),
-              RA.avatar ? /* @__PURE__ */ i.jsx("img", { "data-vg-id": "a398766", "data-source-path": "/src/components/ViewGateOverlay.tsx:2699", src: RA.avatar, style: { width: "24px", height: "24px", borderRadius: "50%" }, alt: "" }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfd9", "data-source-path": "/src/components/ViewGateOverlay.tsx:2701", style: { width: "24px", height: "24px", borderRadius: "50%", background: "#6366f1", color: "white", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "10px", fontWeight: 700 }, children: RA.name?.[0] })
+              /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76ca2", "data-source-path": "/src/components/ViewGateOverlay.tsx:2699", style: { fontSize: "10px", fontWeight: 800, color: "#64748b", textTransform: "uppercase" }, children: RA.name.split(" ")[0] }),
+              RA.avatar ? /* @__PURE__ */ i.jsx("img", { "data-vg-id": "a398766", "data-source-path": "/src/components/ViewGateOverlay.tsx:2703", src: RA.avatar, style: { width: "24px", height: "24px", borderRadius: "50%" }, alt: "" }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfd9", "data-source-path": "/src/components/ViewGateOverlay.tsx:2705", style: { width: "24px", height: "24px", borderRadius: "50%", background: "#6366f1", color: "white", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "10px", fontWeight: 700 }, children: RA.name?.[0] })
             ]
           }
         ),
-        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfda", "data-source-path": "/src/components/ViewGateOverlay.tsx:2707", style: {
+        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbfda", "data-source-path": "/src/components/ViewGateOverlay.tsx:2711", style: {
           width: "40px",
           height: "40px",
           background: "var(--vg-primary-gradient)",
@@ -8831,18 +8833,18 @@ const ww = (t) => {
           margin: "0 auto 12px",
           color: "white",
           boxShadow: "0 4px 12px rgba(99, 102, 241, 0.2)"
-        }, children: /* @__PURE__ */ i.jsx(Pr, { "data-vg-id": "10c62228", "data-source-path": "/src/components/ViewGateOverlay.tsx:2712", size: 20 }) }),
-        /* @__PURE__ */ i.jsx("h2", { "data-vg-id": "efa6bba7", "data-source-path": "/src/components/ViewGateOverlay.tsx:2714", style: { margin: "0 0 4px 0", fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: r.feedbackHeader }),
-        /* @__PURE__ */ i.jsx("p", { "data-vg-id": "1000df33", "data-source-path": "/src/components/ViewGateOverlay.tsx:2715", style: { margin: 0, color: "#64748b", fontSize: "14px" }, children: r.feedbackSubheader })
+        }, children: /* @__PURE__ */ i.jsx(Pr, { "data-vg-id": "10c62228", "data-source-path": "/src/components/ViewGateOverlay.tsx:2716", size: 20 }) }),
+        /* @__PURE__ */ i.jsx("h2", { "data-vg-id": "efa6bba7", "data-source-path": "/src/components/ViewGateOverlay.tsx:2718", style: { margin: "0 0 4px 0", fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: r.feedbackHeader }),
+        /* @__PURE__ */ i.jsx("p", { "data-vg-id": "1000df33", "data-source-path": "/src/components/ViewGateOverlay.tsx:2719", style: { margin: 0, color: "#64748b", fontSize: "14px" }, children: r.feedbackSubheader })
       ] }),
-      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbff3", "data-source-path": "/src/components/ViewGateOverlay.tsx:2719", className: "vg-custom-scrollbar", style: {
+      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbff3", "data-source-path": "/src/components/ViewGateOverlay.tsx:2723", className: "vg-custom-scrollbar", style: {
         flex: 1,
         overflowY: "auto",
         padding: "24px",
         display: "flex",
         flexDirection: "column"
       }, children: [
-        O.visualPreview && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbff4", "data-source-path": "/src/components/ViewGateOverlay.tsx:2728", style: {
+        O.visualPreview && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbff4", "data-source-path": "/src/components/ViewGateOverlay.tsx:2732", style: {
           marginBottom: "24px",
           borderRadius: "12px",
           width: "100%",
@@ -8879,9 +8881,9 @@ const ww = (t) => {
             style: { fontSize: "15px", padding: "16px", marginBottom: "24px", minHeight: "120px" }
           }
         ),
-        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbff5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2765", style: { marginBottom: "24px" }, children: [
-          /* @__PURE__ */ i.jsx("label", { "data-vg-id": "18bd4b33", "data-source-path": "/src/components/ViewGateOverlay.tsx:2766", style: { fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", display: "block" }, children: r.priority }),
-          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbff7", "data-source-path": "/src/components/ViewGateOverlay.tsx:2769", style: { display: "flex", gap: "8px" }, children: ["low", "medium", "high", "urgent"].map((l) => /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbff5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2769", style: { marginBottom: "24px" }, children: [
+          /* @__PURE__ */ i.jsx("label", { "data-vg-id": "18bd4b33", "data-source-path": "/src/components/ViewGateOverlay.tsx:2770", style: { fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", display: "block" }, children: r.priority }),
+          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbff7", "data-source-path": "/src/components/ViewGateOverlay.tsx:2773", style: { display: "flex", gap: "8px" }, children: ["low", "medium", "high", "urgent"].map((l) => /* @__PURE__ */ i.jsx(
             "button",
             {
               onClick: () => C(l),
@@ -8904,12 +8906,12 @@ const ww = (t) => {
             l
           )) })
         ] }),
-        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbff8", "data-source-path": "/src/components/ViewGateOverlay.tsx:2796", style: { marginBottom: "24px" }, children: [
-          /* @__PURE__ */ i.jsx("label", { "data-vg-id": "18bd4b36", "data-source-path": "/src/components/ViewGateOverlay.tsx:2797", style: { fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", display: "block" }, children: r.focusAreas }),
-          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbffa", "data-source-path": "/src/components/ViewGateOverlay.tsx:2800", style: { display: "flex", gap: "8px", marginBottom: _.length > 0 ? "12px" : "0" }, children: [
-            { id: "frontend", label: r.frontend, icon: /* @__PURE__ */ i.jsx(Mr, { "data-vg-id": "377c172e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2802", size: 14 }), color: "#10b981", bg: "#ecfdf5", border: "#d1fae5" },
-            { id: "backend", label: r.backend, icon: /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "7117e5d5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2803", size: 14 }), color: "#6366f1", bg: "#eef2ff", border: "#e0e7ff" },
-            { id: "ux", label: r.ux, icon: /* @__PURE__ */ i.jsx(Wt, { "data-vg-id": "de42479a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2804", size: 14 }), color: "#d946ef", bg: "#fdf4ff", border: "#f5d0fe" }
+        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fbff8", "data-source-path": "/src/components/ViewGateOverlay.tsx:2800", style: { marginBottom: "24px" }, children: [
+          /* @__PURE__ */ i.jsx("label", { "data-vg-id": "18bd4b36", "data-source-path": "/src/components/ViewGateOverlay.tsx:2801", style: { fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", display: "block" }, children: r.focusAreas }),
+          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fbffa", "data-source-path": "/src/components/ViewGateOverlay.tsx:2804", style: { display: "flex", gap: "8px", marginBottom: _.length > 0 ? "12px" : "0" }, children: [
+            { id: "frontend", label: r.frontend, icon: /* @__PURE__ */ i.jsx(Mr, { "data-vg-id": "377c172e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2806", size: 14 }), color: "#10b981", bg: "#ecfdf5", border: "#d1fae5" },
+            { id: "backend", label: r.backend, icon: /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "7117e5d5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2807", size: 14 }), color: "#6366f1", bg: "#eef2ff", border: "#e0e7ff" },
+            { id: "ux", label: r.ux, icon: /* @__PURE__ */ i.jsx(Wt, { "data-vg-id": "de42479a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2808", size: 14 }), color: "#d946ef", bg: "#fdf4ff", border: "#f5d0fe" }
           ].filter((l) => l.id === "backend" ? Er : l.id === "ux" ? k : !0).map((l) => {
             const h = _.includes(l.id);
             return /* @__PURE__ */ i.jsxs(
@@ -8943,17 +8945,17 @@ const ww = (t) => {
               l.id
             );
           }) }),
-          _.includes("ux") && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc013", "data-source-path": "/src/components/ViewGateOverlay.tsx:2851", className: "vg-animate-slide", style: { marginBottom: "16px" }, children: [
-            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc014", "data-source-path": "/src/components/ViewGateOverlay.tsx:2852", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "8px" }, children: [
-              /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc015", "data-source-path": "/src/components/ViewGateOverlay.tsx:2853", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
-                /* @__PURE__ */ i.jsx(Nr, { "data-vg-id": "38884e11", "data-source-path": "/src/components/ViewGateOverlay.tsx:2854", size: 14, style: { color: "#d946ef" } }),
-                /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76ce2", "data-source-path": "/src/components/ViewGateOverlay.tsx:2855", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase", letterSpacing: "0.05em" }, children: r.figmaLink })
+          _.includes("ux") && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc013", "data-source-path": "/src/components/ViewGateOverlay.tsx:2855", className: "vg-animate-slide", style: { marginBottom: "16px" }, children: [
+            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc014", "data-source-path": "/src/components/ViewGateOverlay.tsx:2856", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "8px" }, children: [
+              /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc015", "data-source-path": "/src/components/ViewGateOverlay.tsx:2857", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                /* @__PURE__ */ i.jsx(Nr, { "data-vg-id": "38884e11", "data-source-path": "/src/components/ViewGateOverlay.tsx:2858", size: 14, style: { color: "#d946ef" } }),
+                /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76ce2", "data-source-path": "/src/components/ViewGateOverlay.tsx:2859", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase", letterSpacing: "0.05em" }, children: r.figmaLink })
               ] }),
               /* @__PURE__ */ i.jsxs(
                 "button",
                 {
                   "data-vg-id": "23e21f7b",
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:2859",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:2863",
                   onClick: () => HA([...AA, { name: "", link: "" }]),
                   style: {
                     background: "rgba(217, 70, 239, 0.1)",
@@ -8972,20 +8974,20 @@ const ww = (t) => {
                   onMouseEnter: (l) => l.currentTarget.style.background = "rgba(217, 70, 239, 0.15)",
                   onMouseLeave: (l) => l.currentTarget.style.background = "rgba(217, 70, 239, 0.1)",
                   children: [
-                    /* @__PURE__ */ i.jsx(gd, { "data-vg-id": "11a60c74", "data-source-path": "/src/components/ViewGateOverlay.tsx:2878", size: 10 }),
+                    /* @__PURE__ */ i.jsx(gd, { "data-vg-id": "11a60c74", "data-source-path": "/src/components/ViewGateOverlay.tsx:2882", size: 10 }),
                     " ",
                     r.addLink
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fc01a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2882", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: AA.map((l, h) => /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc030", "data-source-path": "/src/components/ViewGateOverlay.tsx:2884", style: { display: "flex", gap: "6px", alignItems: "flex-start" }, className: "vg-animate-slide", children: [
-              /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc031", "data-source-path": "/src/components/ViewGateOverlay.tsx:2885", style: { flex: 1, display: "flex", flexDirection: "column", gap: "4px" }, children: [
+            /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fc01a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2886", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: AA.map((l, h) => /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc030", "data-source-path": "/src/components/ViewGateOverlay.tsx:2888", style: { display: "flex", gap: "6px", alignItems: "flex-start" }, className: "vg-animate-slide", children: [
+              /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc031", "data-source-path": "/src/components/ViewGateOverlay.tsx:2889", style: { flex: 1, display: "flex", flexDirection: "column", gap: "4px" }, children: [
                 /* @__PURE__ */ i.jsx(
                   "input",
                   {
                     "data-vg-id": "a993bad9",
-                    "data-source-path": "/src/components/ViewGateOverlay.tsx:2886",
+                    "data-source-path": "/src/components/ViewGateOverlay.tsx:2890",
                     type: "text",
                     className: "vg-textarea",
                     style: { padding: "8px 10px", fontSize: "11px", minHeight: "auto", borderRadius: "8px", border: "1px solid rgba(0,0,0,0.05)" },
@@ -9001,7 +9003,7 @@ const ww = (t) => {
                   "input",
                   {
                     "data-vg-id": "a993bada",
-                    "data-source-path": "/src/components/ViewGateOverlay.tsx:2900",
+                    "data-source-path": "/src/components/ViewGateOverlay.tsx:2904",
                     type: "text",
                     className: "vg-textarea",
                     style: { padding: "8px 10px", fontSize: "11px", minHeight: "auto", borderRadius: "8px", border: "1px solid rgba(0,0,0,0.05)" },
@@ -9018,7 +9020,7 @@ const ww = (t) => {
                 "button",
                 {
                   "data-vg-id": "23e21f97",
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:2916",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:2920",
                   onClick: () => HA(AA.filter((p, Q) => Q !== h)),
                   style: {
                     background: "rgba(239, 68, 68, 0.05)",
@@ -9034,18 +9036,18 @@ const ww = (t) => {
                   },
                   onMouseEnter: (p) => p.currentTarget.style.background = "rgba(239, 68, 68, 0.1)",
                   onMouseLeave: (p) => p.currentTarget.style.background = "rgba(239, 68, 68, 0.05)",
-                  children: /* @__PURE__ */ i.jsx(jr, { "data-vg-id": "e1375db0", "data-source-path": "/src/components/ViewGateOverlay.tsx:2933", size: 14 })
+                  children: /* @__PURE__ */ i.jsx(jr, { "data-vg-id": "e1375db0", "data-source-path": "/src/components/ViewGateOverlay.tsx:2937", size: 14 })
                 }
               )
             ] }, h)) })
           ] }),
-          te.length > 0 && _.includes("backend") && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc036", "data-source-path": "/src/components/ViewGateOverlay.tsx:2945", className: "vg-animate-slide", style: { marginBottom: "16px" }, children: [
-            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc037", "data-source-path": "/src/components/ViewGateOverlay.tsx:2946", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "8px" }, children: [
-              /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc038", "data-source-path": "/src/components/ViewGateOverlay.tsx:2947", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
-                /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "7117e5fd", "data-source-path": "/src/components/ViewGateOverlay.tsx:2948", size: 14, style: { color: "#6366f1" } }),
-                /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76d1a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2949", style: { fontSize: "11px", fontWeight: 700, color: "#64748b" }, children: r.endpoint })
+          te.length > 0 && _.includes("backend") && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc036", "data-source-path": "/src/components/ViewGateOverlay.tsx:2949", className: "vg-animate-slide", style: { marginBottom: "16px" }, children: [
+            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc037", "data-source-path": "/src/components/ViewGateOverlay.tsx:2950", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "8px" }, children: [
+              /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc038", "data-source-path": "/src/components/ViewGateOverlay.tsx:2951", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "7117e5fd", "data-source-path": "/src/components/ViewGateOverlay.tsx:2952", size: 14, style: { color: "#6366f1" } }),
+                /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76d1a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2953", style: { fontSize: "11px", fontWeight: 700, color: "#64748b" }, children: r.endpoint })
               ] }),
-              J.length > 0 && /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "52d76d1b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2952", style: { fontSize: "10px", background: "#eef2ff", color: "#6366f1", padding: "2px 8px", borderRadius: "12px", fontWeight: 700 }, children: [
+              J.length > 0 && /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "52d76d1b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2956", style: { fontSize: "10px", background: "#eef2ff", color: "#6366f1", padding: "2px 8px", borderRadius: "12px", fontWeight: 700 }, children: [
                 J.length,
                 " ",
                 e === "es" ? "seleccionados" : "selected"
@@ -9055,7 +9057,7 @@ const ww = (t) => {
               "button",
               {
                 "data-vg-id": "23e21fb4",
-                "data-source-path": "/src/components/ViewGateOverlay.tsx:2958",
+                "data-source-path": "/src/components/ViewGateOverlay.tsx:2962",
                 onClick: () => z(!0),
                 className: "vg-input-like-button",
                 style: {
@@ -9074,9 +9076,9 @@ const ww = (t) => {
                   color: J.length > 0 ? "#0f172a" : "#94a3b8"
                 },
                 children: [
-                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fc052", "data-source-path": "/src/components/ViewGateOverlay.tsx:2977", style: { display: "flex", gap: "4px", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis" }, children: J.length > 0 ? J.slice(0, 2).map((l) => {
+                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fc052", "data-source-path": "/src/components/ViewGateOverlay.tsx:2981", style: { display: "flex", gap: "4px", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis" }, children: J.length > 0 ? J.slice(0, 2).map((l) => {
                     const h = l.split("|"), p = h.length > 1 ? h[0] : "", Q = h.length > 1 ? h[1] : l;
-                    return /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "52d76d1e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2984", style: {
+                    return /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "52d76d1e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2988", style: {
                       background: "rgba(99, 102, 241, 0.1)",
                       color: "#6366f1",
                       padding: "1px 6px",
@@ -9084,21 +9086,21 @@ const ww = (t) => {
                       fontSize: "11px",
                       fontWeight: 600
                     }, children: [
-                      p && /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76d1f", "data-source-path": "/src/components/ViewGateOverlay.tsx:2992", style: { opacity: 0.6, marginRight: "4px" }, children: p }),
+                      p && /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76d1f", "data-source-path": "/src/components/ViewGateOverlay.tsx:2996", style: { opacity: 0.6, marginRight: "4px" }, children: p }),
                       (Q || "").split("/").pop() || Q
                     ] }, l);
-                  }).concat(J.length > 2 ? [/* @__PURE__ */ i.jsxs("span", { "data-vg-id": "52d76d20", "data-source-path": "/src/components/ViewGateOverlay.tsx:2996", children: [
+                  }).concat(J.length > 2 ? [/* @__PURE__ */ i.jsxs("span", { "data-vg-id": "52d76d20", "data-source-path": "/src/components/ViewGateOverlay.tsx:3000", children: [
                     "+",
                     J.length - 2
                   ] }, "more")] : []) : r.selectEndpoint }),
-                  /* @__PURE__ */ i.jsx(sa, { "data-vg-id": "c71f9a0a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2999", size: 14, style: { color: "#64748b" } })
+                  /* @__PURE__ */ i.jsx(sa, { "data-vg-id": "c71f9a0a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3003", size: 14, style: { color: "#64748b" } })
                 ]
               }
             )
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc057", "data-source-path": "/src/components/ViewGateOverlay.tsx:3008", style: {
+      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc057", "data-source-path": "/src/components/ViewGateOverlay.tsx:3012", style: {
         padding: "16px 24px 24px",
         borderTop: "1px solid rgba(0,0,0,0.05)",
         display: "flex",
@@ -9130,15 +9132,15 @@ const ww = (t) => {
               opacity: cA || !W.trim() || _.includes("backend") && J.length === 0 || _.includes("ux") && AA.some((l) => !l.name.trim() || !l.link.trim()) ? 0.6 : 1,
               cursor: cA || !W.trim() || _.includes("backend") && J.length === 0 || _.includes("ux") && AA.some((l) => !l.name.trim() || !l.link.trim()) ? "not-allowed" : "pointer"
             },
-            children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc058", "data-source-path": "/src/components/ViewGateOverlay.tsx:3045", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              cA ? /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fc06e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3046", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ i.jsx(pd, { "data-vg-id": "a3fd5c1c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3046", size: 18 }),
-              /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76d3b", "data-source-path": "/src/components/ViewGateOverlay.tsx:3047", children: cA ? r.submitting : r.sendFeedback || "Send Comment" })
+            children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc058", "data-source-path": "/src/components/ViewGateOverlay.tsx:3049", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+              cA ? /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fc06e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3050", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ i.jsx(pd, { "data-vg-id": "a3fd5c1c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3050", size: 18 }),
+              /* @__PURE__ */ i.jsx("span", { "data-vg-id": "52d76d3b", "data-source-path": "/src/components/ViewGateOverlay.tsx:3051", children: cA ? r.submitting : r.sendFeedback || "Send Comment" })
             ] })
           }
         )
       ] })
     ] }) }),
-    jA && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fc071", "data-source-path": "/src/components/ViewGateOverlay.tsx:3058", className: "vg-animate-fade", style: {
+    jA && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "17fc071", "data-source-path": "/src/components/ViewGateOverlay.tsx:3062", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -9150,7 +9152,7 @@ const ww = (t) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: yt
-    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc072", "data-source-path": "/src/components/ViewGateOverlay.tsx:3064", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc072", "data-source-path": "/src/components/ViewGateOverlay.tsx:3068", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "32px",
       width: "820px",
       maxHeight: "85vh",
@@ -9158,22 +9160,22 @@ const ww = (t) => {
       flexDirection: "column",
       transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
     }, children: [
-      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc073", "data-source-path": "/src/components/ViewGateOverlay.tsx:3069", style: { display: "flex", flexDirection: "column", gap: "16px", marginBottom: "24px" }, children: [
-        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc074", "data-source-path": "/src/components/ViewGateOverlay.tsx:3070", style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ i.jsx("h2", { "data-vg-id": "efa6bc40", "data-source-path": "/src/components/ViewGateOverlay.tsx:3071", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a", whiteSpace: "nowrap" }, children: dA ? r.commentDetails : r.annotations }),
-          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc076", "data-source-path": "/src/components/ViewGateOverlay.tsx:3074", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-            RA ? /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc077", "data-source-path": "/src/components/ViewGateOverlay.tsx:3076", style: { display: "flex", alignItems: "center", gap: "8px", padding: "4px 12px", background: "rgba(99, 102, 241, 0.1)", borderRadius: "20px" }, children: [
-              RA.avatar ? /* @__PURE__ */ i.jsx("img", { "data-vg-id": "3cf759ac", "data-source-path": "/src/components/ViewGateOverlay.tsx:3078", src: RA.avatar, style: { width: "20px", height: "20px", borderRadius: "50%" }, alt: "" }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782f7b", "data-source-path": "/src/components/ViewGateOverlay.tsx:3080", style: { width: "20px", height: "20px", borderRadius: "50%", background: "#6366f1", color: "white", fontSize: "10px", display: "flex", alignItems: "center", justifyContent: "center" }, children: RA.name?.[0] }),
+      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc073", "data-source-path": "/src/components/ViewGateOverlay.tsx:3073", style: { display: "flex", flexDirection: "column", gap: "16px", marginBottom: "24px" }, children: [
+        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc074", "data-source-path": "/src/components/ViewGateOverlay.tsx:3074", style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ i.jsx("h2", { "data-vg-id": "efa6bc40", "data-source-path": "/src/components/ViewGateOverlay.tsx:3075", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a", whiteSpace: "nowrap" }, children: dA ? r.commentDetails : r.annotations }),
+          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc076", "data-source-path": "/src/components/ViewGateOverlay.tsx:3078", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+            RA ? /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "17fc077", "data-source-path": "/src/components/ViewGateOverlay.tsx:3080", style: { display: "flex", alignItems: "center", gap: "8px", padding: "4px 12px", background: "rgba(99, 102, 241, 0.1)", borderRadius: "20px" }, children: [
+              RA.avatar ? /* @__PURE__ */ i.jsx("img", { "data-vg-id": "3cf759ac", "data-source-path": "/src/components/ViewGateOverlay.tsx:3082", src: RA.avatar, style: { width: "20px", height: "20px", borderRadius: "50%" }, alt: "" }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782f7b", "data-source-path": "/src/components/ViewGateOverlay.tsx:3084", style: { width: "20px", height: "20px", borderRadius: "50%", background: "#6366f1", color: "white", fontSize: "10px", display: "flex", alignItems: "center", justifyContent: "center" }, children: RA.name?.[0] }),
               /* @__PURE__ */ i.jsx(
                 "span",
                 {
                   "data-vg-id": "8161c11",
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:3084",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:3088",
                   style: { fontSize: "12px", fontWeight: 600, color: "#4338ca" },
                   children: RA.name
                 }
               )
-            ] }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782f7d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3091", style: { fontSize: "12px", color: "#64748b", fontWeight: 600 }, children: e === "es" ? "Sin usuario" : "No user selected" }),
+            ] }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782f7d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3095", style: { fontSize: "12px", color: "#64748b", fontWeight: 600 }, children: e === "es" ? "Sin usuario" : "No user selected" }),
             /* @__PURE__ */ i.jsx(
               "button",
               {
@@ -9182,26 +9184,26 @@ const ww = (t) => {
                 onClick: () => {
                   he(!1), Ee(null), Sr(null), L("all");
                 },
-                children: /* @__PURE__ */ i.jsx(Xt, { "data-vg-id": "eec8c445", "data-source-path": "/src/components/ViewGateOverlay.tsx:3100", size: 20 })
+                children: /* @__PURE__ */ i.jsx(Xt, { "data-vg-id": "eec8c445", "data-source-path": "/src/components/ViewGateOverlay.tsx:3104", size: 20 })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782f7f", "data-source-path": "/src/components/ViewGateOverlay.tsx:3104", style: { display: "flex", flexDirection: "column", gap: "8px", alignItems: "center", width: "100%" }, children: (() => {
-          const l = Array.isArray(SA) ? SA : [], h = dA ? ut.find((S) => S.annotations?.some((sA) => sA._id === dA)) : null, Q = (h ? h.annotations : l).filter((S) => S.status !== "completed" && S.status !== "done"), I = Q.filter((S) => S.status !== "ready_for_review").length, K = Q.filter((S) => S.status === "ready_for_review").length, T = Q.length;
-          return T <= 0 ? T === 0 ? null : /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f80", "data-source-path": "/src/components/ViewGateOverlay.tsx:3118", style: { display: "flex", gap: "8px", opacity: 0.9 }, children: [
-            I > 0 && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f81", "data-source-path": "/src/components/ViewGateOverlay.tsx:3120", className: "vg-badge", style: { background: "#fff7ed", color: "#c2410c", border: "1px solid #ffedd5", fontSize: "11px", padding: "2px 8px" }, children: [
-              I,
+        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782f7f", "data-source-path": "/src/components/ViewGateOverlay.tsx:3108", style: { display: "flex", flexDirection: "column", gap: "8px", alignItems: "center", width: "100%" }, children: (() => {
+          const l = Array.isArray(SA) ? SA : [], h = dA ? ut.find((S) => S.annotations?.some((sA) => sA._id === dA)) : null, Q = (h ? h.annotations : l).filter((S) => S.status !== "completed" && S.status !== "done"), E = Q.filter((S) => S.status !== "ready_for_review").length, K = Q.filter((S) => S.status === "ready_for_review").length, T = Q.length;
+          return T <= 0 ? T === 0 ? null : /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f80", "data-source-path": "/src/components/ViewGateOverlay.tsx:3122", style: { display: "flex", gap: "8px", opacity: 0.9 }, children: [
+            E > 0 && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f81", "data-source-path": "/src/components/ViewGateOverlay.tsx:3124", className: "vg-badge", style: { background: "#fff7ed", color: "#c2410c", border: "1px solid #ffedd5", fontSize: "11px", padding: "2px 8px" }, children: [
+              E,
               " ",
-              I === 1 ? "pendiente" : "pendientes"
+              E === 1 ? "pendiente" : "pendientes"
             ] }),
-            K > 0 && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f82", "data-source-path": "/src/components/ViewGateOverlay.tsx:3125", className: "vg-badge", style: { background: "#f3e8ff", color: "#a855f7", border: "1px solid #e9d5ff", fontSize: "11px", padding: "2px 8px" }, children: [
+            K > 0 && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f82", "data-source-path": "/src/components/ViewGateOverlay.tsx:3129", className: "vg-badge", style: { background: "#f3e8ff", color: "#a855f7", border: "1px solid #e9d5ff", fontSize: "11px", padding: "2px 8px" }, children: [
               K,
               " ",
               e === "es" ? K === 1 ? "Listo para revisión" : "Listos para revisión" : "ready for review"
             ] })
           ] }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-            !B && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f83", "data-source-path": "/src/components/ViewGateOverlay.tsx:3136", className: "vg-segmented-control", style: { marginBottom: "4px" }, children: [
+            !B && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f83", "data-source-path": "/src/components/ViewGateOverlay.tsx:3140", className: "vg-segmented-control", style: { marginBottom: "4px" }, children: [
               /* @__PURE__ */ i.jsx(
                 "div",
                 {
@@ -9233,9 +9235,9 @@ const ww = (t) => {
                   onClick: () => Sr("pending"),
                   className: `vg-segmented-item ${kA === "pending" ? "active" : ""}`,
                   children: [
-                    e === "es" ? I === 1 ? "Pendiente" : "Pendientes" : "Pending",
+                    e === "es" ? E === 1 ? "Pendiente" : "Pendientes" : "Pending",
                     " (",
-                    I,
+                    E,
                     ")"
                   ]
                 }
@@ -9254,7 +9256,7 @@ const ww = (t) => {
                 }
               )
             ] }),
-            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f99", "data-source-path": "/src/components/ViewGateOverlay.tsx:3167", style: { display: "flex", gap: "6px", justifyContent: "center", flexWrap: "wrap", marginTop: B ? "0" : "4px" }, children: [
+            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f99", "data-source-path": "/src/components/ViewGateOverlay.tsx:3171", style: { display: "flex", gap: "6px", justifyContent: "center", flexWrap: "wrap", marginTop: B ? "0" : "4px" }, children: [
               /* @__PURE__ */ i.jsxs(
                 "button",
                 {
@@ -9317,7 +9319,7 @@ const ww = (t) => {
         {
           style: { flex: 1, overflowY: "auto", paddingRight: "10px", overflowX: "hidden" },
           className: "vg-custom-scrollbar",
-          children: qe ? /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782f9a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3233", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782f9b", "data-source-path": "/src/components/ViewGateOverlay.tsx:3234", className: "vg-spinner" }) }) : Js.map((l, h) => /* @__PURE__ */ i.jsxs(
+          children: qe ? /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782f9a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3237", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782f9b", "data-source-path": "/src/components/ViewGateOverlay.tsx:3238", className: "vg-spinner" }) }) : Js.map((l, h) => /* @__PURE__ */ i.jsxs(
             "div",
             {
               className: "vg-glassmorphism vg-animate-slide",
@@ -9329,21 +9331,21 @@ const ww = (t) => {
                 animationDelay: `${h * 0.05}s`
               },
               children: [
-                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f9c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3249", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: [
-                  /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f9d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3250", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
-                    /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161c33", "data-source-path": "/src/components/ViewGateOverlay.tsx:3251", style: { fontSize: "12px", color: "#000000", fontWeight: 600 }, children: Bi(l.timestamp || l.createdAt || l.reference?.timestamp, e) }),
+                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f9c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3253", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: [
+                  /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782f9d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3254", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+                    /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161c33", "data-source-path": "/src/components/ViewGateOverlay.tsx:3255", style: { fontSize: "12px", color: "#000000", fontWeight: 600 }, children: Bi(l.timestamp || l.createdAt || l.reference?.timestamp, e) }),
                     /* @__PURE__ */ i.jsx(
                       "div",
                       {
                         "data-vg-id": "2e782f9f",
-                        "data-source-path": "/src/components/ViewGateOverlay.tsx:3254",
+                        "data-source-path": "/src/components/ViewGateOverlay.tsx:3258",
                         onClick: (p) => {
                           p.stopPropagation();
                           const Q = l.key || `VG-${l._id.slice(-6).toUpperCase()}`;
                           navigator.clipboard.writeText(Q);
-                          const I = p.currentTarget;
-                          I.innerText = "¡Copiado!", I.style.color = "#22c55e", setTimeout(() => {
-                            I.innerText = Q, I.style.color = B ? "#64748b" : "#6366f1";
+                          const E = p.currentTarget;
+                          E.innerText = "¡Copiado!", E.style.color = "#22c55e", setTimeout(() => {
+                            E.innerText = Q, E.style.color = B ? "#64748b" : "#6366f1";
                           }, 1500);
                         },
                         style: {
@@ -9361,14 +9363,14 @@ const ww = (t) => {
                         children: l.key || `VG-${l._id.slice(-6).toUpperCase()}`
                       }
                     ),
-                    l.reference?.metadata?.isModal && /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161c35", "data-source-path": "/src/components/ViewGateOverlay.tsx:3283", className: "vg-badge", style: {
+                    l.reference?.metadata?.isModal && /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161c35", "data-source-path": "/src/components/ViewGateOverlay.tsx:3287", className: "vg-badge", style: {
                       fontSize: "10px",
                       background: B ? "#f1f5f9" : l.status === "completed" || l.status === "done" ? "#ecfdf5" : l.status === "ready_for_review" ? "#f3e8ff" : "#fef3c7",
                       color: B ? "#64748b" : l.status === "completed" || l.status === "done" ? "#059669" : l.status === "ready_for_review" ? "#a855f7" : "#92400e",
                       border: "none",
                       padding: "2px 6px"
                     }, children: "MODAL" }),
-                    l.creator && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782fa1", "data-source-path": "/src/components/ViewGateOverlay.tsx:3292", style: {
+                    l.creator && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782fa1", "data-source-path": "/src/components/ViewGateOverlay.tsx:3296", style: {
                       display: "flex",
                       alignItems: "center",
                       background: "#f8fafc",
@@ -9376,7 +9378,7 @@ const ww = (t) => {
                       borderRadius: "50%",
                       border: "1px solid #e2e8f0",
                       marginLeft: "4px"
-                    }, children: l.creator.avatar ? /* @__PURE__ */ i.jsx("img", { "data-vg-id": "3cf759d4", "data-source-path": "/src/components/ViewGateOverlay.tsx:3302", src: l.creator.avatar, style: { width: "16px", height: "16px", borderRadius: "50%" }, alt: "" }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782fb8", "data-source-path": "/src/components/ViewGateOverlay.tsx:3304", style: { width: "16px", height: "16px", borderRadius: "50%", background: "#6366f1", color: "white", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "8px", fontWeight: 700 }, children: l.creator.name?.[0] }) }),
+                    }, children: l.creator.avatar ? /* @__PURE__ */ i.jsx("img", { "data-vg-id": "3cf759d4", "data-source-path": "/src/components/ViewGateOverlay.tsx:3306", src: l.creator.avatar, style: { width: "16px", height: "16px", borderRadius: "50%" }, alt: "" }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782fb8", "data-source-path": "/src/components/ViewGateOverlay.tsx:3308", style: { width: "16px", height: "16px", borderRadius: "50%", background: "#6366f1", color: "white", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "8px", fontWeight: 700 }, children: l.creator.name?.[0] }) }),
                     l.url && /* @__PURE__ */ i.jsx(
                       gi,
                       {
@@ -9396,7 +9398,7 @@ const ww = (t) => {
                         }
                       }
                     ),
-                    (l.focusAreas?.length > 0 ? l.focusAreas : [...l.backendEndpoints?.length > 0 ? ["backend"] : [], ...l.figmaReference?.length > 0 ? ["ux"] : []]).map((p) => /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161c4e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3330", style: {
+                    (l.focusAreas?.length > 0 ? l.focusAreas : [...l.backendEndpoints?.length > 0 ? ["backend"] : [], ...l.figmaReference?.length > 0 ? ["ux"] : []]).map((p) => /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161c4e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3334", style: {
                       fontSize: "10px",
                       fontWeight: 800,
                       textTransform: "uppercase",
@@ -9411,32 +9413,32 @@ const ww = (t) => {
                       boxShadow: p === "frontend" ? "0 2px 4px rgba(5, 150, 105, 0.05)" : p === "backend" ? "0 2px 4px rgba(79, 70, 229, 0.05)" : "0 2px 4px rgba(192, 38, 211, 0.05)",
                       letterSpacing: "0.02em"
                     }, children: [
-                      p === "frontend" ? /* @__PURE__ */ i.jsx(Mr, { "data-vg-id": "b806bee7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3338", size: 11, strokeWidth: 2.5 }) : p === "backend" ? /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "b1e4c277", "data-source-path": "/src/components/ViewGateOverlay.tsx:3338", size: 11, strokeWidth: 2.5 }) : /* @__PURE__ */ i.jsx(Wt, { "data-vg-id": "ea069934", "data-source-path": "/src/components/ViewGateOverlay.tsx:3338", size: 11, strokeWidth: 2.5 }),
+                      p === "frontend" ? /* @__PURE__ */ i.jsx(Mr, { "data-vg-id": "b806bee7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3342", size: 11, strokeWidth: 2.5 }) : p === "backend" ? /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "b1e4c277", "data-source-path": "/src/components/ViewGateOverlay.tsx:3342", size: 11, strokeWidth: 2.5 }) : /* @__PURE__ */ i.jsx(Wt, { "data-vg-id": "ea069934", "data-source-path": "/src/components/ViewGateOverlay.tsx:3342", size: 11, strokeWidth: 2.5 }),
                       p === "frontend" ? "Frontend" : p === "backend" ? "Backend" : "UX / UI"
                     ] }, p))
                   ] }),
-                  l.status === "completed" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161c52", "data-source-path": "/src/components/ViewGateOverlay.tsx:3344", className: "vg-badge", style: { backgroundColor: "#ecfdf5", color: "#059669", border: "1px solid #d1fae5" }, children: [
-                    /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1a63", "data-source-path": "/src/components/ViewGateOverlay.tsx:3345", size: 14 }),
+                  l.status === "completed" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161c52", "data-source-path": "/src/components/ViewGateOverlay.tsx:3348", className: "vg-badge", style: { backgroundColor: "#ecfdf5", color: "#059669", border: "1px solid #d1fae5" }, children: [
+                    /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1a63", "data-source-path": "/src/components/ViewGateOverlay.tsx:3349", size: 14 }),
                     " ",
                     r.completed || (e === "es" ? "Listo para revisión" : "Ready for Review")
-                  ] }) : l.status === "ready_for_review" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161c54", "data-source-path": "/src/components/ViewGateOverlay.tsx:3348", className: "vg-badge", style: { backgroundColor: "#f3e8ff", color: "#a855f7", border: "1px solid #e9d5ff" }, children: [
-                    /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1a65", "data-source-path": "/src/components/ViewGateOverlay.tsx:3349", size: 14 }),
+                  ] }) : l.status === "ready_for_review" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161c54", "data-source-path": "/src/components/ViewGateOverlay.tsx:3352", className: "vg-badge", style: { backgroundColor: "#f3e8ff", color: "#a855f7", border: "1px solid #e9d5ff" }, children: [
+                    /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1a65", "data-source-path": "/src/components/ViewGateOverlay.tsx:3353", size: 14 }),
                     " ",
                     r.readyForReview
-                  ] }) : l.status === "bug_fixing" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161c56", "data-source-path": "/src/components/ViewGateOverlay.tsx:3352", className: "vg-badge", style: { backgroundColor: "#fff1f2", color: "#e11d48", border: "1px solid #ffe4e6" }, children: [
-                    /* @__PURE__ */ i.jsx(jt, { "data-vg-id": "3b8b181a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3353", size: 14 }),
+                  ] }) : l.status === "bug_fixing" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161c56", "data-source-path": "/src/components/ViewGateOverlay.tsx:3356", className: "vg-badge", style: { backgroundColor: "#fff1f2", color: "#e11d48", border: "1px solid #ffe4e6" }, children: [
+                    /* @__PURE__ */ i.jsx(jt, { "data-vg-id": "3b8b181a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3357", size: 14 }),
                     " ",
                     "Bug Fixing"
-                  ] }) : /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161c6d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3356", className: "vg-badge", style: {
+                  ] }) : /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161c6d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3360", className: "vg-badge", style: {
                     backgroundColor: B || l.status === "backlog" ? "#f1f5f9" : "#fff7ed",
                     color: B || l.status === "backlog" ? "#64748b" : "#ea580c",
                     border: B || l.status === "backlog" ? "1px solid #e2e8f0" : "1px solid #ffedd5"
                   }, children: [
-                    /* @__PURE__ */ i.jsx(na, { "data-vg-id": "62dc6c36", "data-source-path": "/src/components/ViewGateOverlay.tsx:3361", size: 14 }),
+                    /* @__PURE__ */ i.jsx(na, { "data-vg-id": "62dc6c36", "data-source-path": "/src/components/ViewGateOverlay.tsx:3365", size: 14 }),
                     B || l.status === "backlog" ? r.backlog : r.pending
                   ] })
                 ] }),
-                (l.screenshot || l.reference?.previewUrl) && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782fda", "data-source-path": "/src/components/ViewGateOverlay.tsx:3368", style: {
+                (l.screenshot || l.reference?.previewUrl) && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782fda", "data-source-path": "/src/components/ViewGateOverlay.tsx:3372", style: {
                   margin: "0 0 20px 0",
                   borderRadius: "8px",
                   overflow: "hidden",
@@ -9452,7 +9454,7 @@ const ww = (t) => {
                   "img",
                   {
                     "data-vg-id": "3cf75a0d",
-                    "data-source-path": "/src/components/ViewGateOverlay.tsx:3380",
+                    "data-source-path": "/src/components/ViewGateOverlay.tsx:3384",
                     src: l.screenshot || l.reference?.previewUrl,
                     alt: "Visual Preview",
                     style: {
@@ -9463,8 +9465,8 @@ const ww = (t) => {
                     }
                   }
                 ) }),
-                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782fdc", "data-source-path": "/src/components/ViewGateOverlay.tsx:3393", style: { marginBottom: "20px" }, children: [
-                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782fdd", "data-source-path": "/src/components/ViewGateOverlay.tsx:3394", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782fde", "data-source-path": "/src/components/ViewGateOverlay.tsx:3395", style: {
+                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782fdc", "data-source-path": "/src/components/ViewGateOverlay.tsx:3397", style: { marginBottom: "20px" }, children: [
+                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782fdd", "data-source-path": "/src/components/ViewGateOverlay.tsx:3398", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782fde", "data-source-path": "/src/components/ViewGateOverlay.tsx:3399", style: {
                     fontSize: "10px",
                     fontWeight: 800,
                     color: l.priority === "low" ? "#059669" : l.priority === "urgent" ? "#b91c1c" : l.priority === "high" ? "#b45309" : "#4338ca",
@@ -9479,17 +9481,17 @@ const ww = (t) => {
                     ": ",
                     r[l.priority || "medium"]
                   ] }) }),
-                  /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01af8be", "data-source-path": "/src/components/ViewGateOverlay.tsx:3409", className: "vg-text-wrap", style: { margin: "0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: l.message }),
-                  l.figmaReference?.length > 0 && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782fe0", "data-source-path": "/src/components/ViewGateOverlay.tsx:3414", style: { marginTop: "16px", display: "flex", flexDirection: "column", gap: "8px", padding: "12px", background: "#faf5ff", borderRadius: "12px", border: "1px solid #fae8ff" }, children: [
-                    /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782ff6", "data-source-path": "/src/components/ViewGateOverlay.tsx:3415", style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "4px" }, children: [
-                      /* @__PURE__ */ i.jsx(Wt, { "data-vg-id": "ea06996f", "data-source-path": "/src/components/ViewGateOverlay.tsx:3416", size: 14, style: { color: "#d946ef" } }),
-                      /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161c8d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3417", style: { fontSize: "11px", fontWeight: 800, color: "#a21caf", textTransform: "uppercase", letterSpacing: "0.05em" }, children: e === "es" ? "Diseños Figma" : "Figma Designs" })
+                  /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01af8be", "data-source-path": "/src/components/ViewGateOverlay.tsx:3413", className: "vg-text-wrap", style: { margin: "0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: l.message }),
+                  l.figmaReference?.length > 0 && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782fe0", "data-source-path": "/src/components/ViewGateOverlay.tsx:3418", style: { marginTop: "16px", display: "flex", flexDirection: "column", gap: "8px", padding: "12px", background: "#faf5ff", borderRadius: "12px", border: "1px solid #fae8ff" }, children: [
+                    /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782ff6", "data-source-path": "/src/components/ViewGateOverlay.tsx:3419", style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "4px" }, children: [
+                      /* @__PURE__ */ i.jsx(Wt, { "data-vg-id": "ea06996f", "data-source-path": "/src/components/ViewGateOverlay.tsx:3420", size: 14, style: { color: "#d946ef" } }),
+                      /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161c8d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3421", style: { fontSize: "11px", fontWeight: 800, color: "#a21caf", textTransform: "uppercase", letterSpacing: "0.05em" }, children: e === "es" ? "Diseños Figma" : "Figma Designs" })
                     ] }),
                     l.figmaReference.map((p, Q) => /* @__PURE__ */ i.jsxs(
                       "a",
                       {
                         "data-vg-id": "ef479849",
-                        "data-source-path": "/src/components/ViewGateOverlay.tsx:3420",
+                        "data-source-path": "/src/components/ViewGateOverlay.tsx:3424",
                         href: p.link,
                         target: "_blank",
                         rel: "noreferrer",
@@ -9508,32 +9510,32 @@ const ww = (t) => {
                           transition: "all 0.2s",
                           boxShadow: "0 2px 4px rgba(217, 70, 239, 0.05)"
                         },
-                        onMouseEnter: (I) => {
-                          I.currentTarget.style.transform = "translateY(-2px)", I.currentTarget.style.boxShadow = "0 4px 12px rgba(217, 70, 239, 0.15)", I.currentTarget.style.borderColor = "#d946ef";
+                        onMouseEnter: (E) => {
+                          E.currentTarget.style.transform = "translateY(-2px)", E.currentTarget.style.boxShadow = "0 4px 12px rgba(217, 70, 239, 0.15)", E.currentTarget.style.borderColor = "#d946ef";
                         },
-                        onMouseLeave: (I) => {
-                          I.currentTarget.style.transform = "translateY(0)", I.currentTarget.style.boxShadow = "0 2px 4px rgba(217, 70, 239, 0.05)", I.currentTarget.style.borderColor = "#f5d0fe";
+                        onMouseLeave: (E) => {
+                          E.currentTarget.style.transform = "translateY(0)", E.currentTarget.style.boxShadow = "0 2px 4px rgba(217, 70, 239, 0.05)", E.currentTarget.style.borderColor = "#f5d0fe";
                         },
                         children: [
-                          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782ffa", "data-source-path": "/src/components/ViewGateOverlay.tsx:3428", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                            /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782ffb", "data-source-path": "/src/components/ViewGateOverlay.tsx:3429", style: { width: "24px", height: "24px", borderRadius: "6px", background: "rgba(217, 70, 239, 0.1)", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ i.jsx(Mr, { "data-vg-id": "b806bf29", "data-source-path": "/src/components/ViewGateOverlay.tsx:3430", size: 12, strokeWidth: 3 }) }),
-                            /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161c92", "data-source-path": "/src/components/ViewGateOverlay.tsx:3432", style: { fontWeight: 700 }, children: p.name || "Figma Reference" })
+                          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782ffa", "data-source-path": "/src/components/ViewGateOverlay.tsx:3432", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                            /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e782ffb", "data-source-path": "/src/components/ViewGateOverlay.tsx:3433", style: { width: "24px", height: "24px", borderRadius: "6px", background: "rgba(217, 70, 239, 0.1)", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ i.jsx(Mr, { "data-vg-id": "b806bf29", "data-source-path": "/src/components/ViewGateOverlay.tsx:3434", size: 12, strokeWidth: 3 }) }),
+                            /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161c92", "data-source-path": "/src/components/ViewGateOverlay.tsx:3436", style: { fontWeight: 700 }, children: p.name || "Figma Reference" })
                           ] }),
-                          /* @__PURE__ */ i.jsx(Bn, { "data-vg-id": "5c2be04e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3434", size: 14, style: { opacity: 0.5 } })
+                          /* @__PURE__ */ i.jsx(Bn, { "data-vg-id": "5c2be04e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3438", size: 14, style: { opacity: 0.5 } })
                         ]
                       },
                       Q
                     ))
                   ] }),
-                  l.backendEndpoints?.length > 0 && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782fff", "data-source-path": "/src/components/ViewGateOverlay.tsx:3441", style: { marginTop: "16px", display: "flex", flexDirection: "column", gap: "8px", padding: "12px", background: "#f5f8ff", borderRadius: "12px", border: "1px solid #e0e7ff" }, children: [
-                    /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783015", "data-source-path": "/src/components/ViewGateOverlay.tsx:3442", style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "4px" }, children: [
-                      /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "b1e4c2d2", "data-source-path": "/src/components/ViewGateOverlay.tsx:3443", size: 14, style: { color: "#4f46e5" } }),
-                      /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161cac", "data-source-path": "/src/components/ViewGateOverlay.tsx:3444", style: { fontSize: "11px", fontWeight: 800, color: "#3730a3", textTransform: "uppercase", letterSpacing: "0.05em" }, children: "Backend Endpoints" })
+                  l.backendEndpoints?.length > 0 && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e782fff", "data-source-path": "/src/components/ViewGateOverlay.tsx:3445", style: { marginTop: "16px", display: "flex", flexDirection: "column", gap: "8px", padding: "12px", background: "#f5f8ff", borderRadius: "12px", border: "1px solid #e0e7ff" }, children: [
+                    /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783015", "data-source-path": "/src/components/ViewGateOverlay.tsx:3446", style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "4px" }, children: [
+                      /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "b1e4c2d2", "data-source-path": "/src/components/ViewGateOverlay.tsx:3447", size: 14, style: { color: "#4f46e5" } }),
+                      /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161cac", "data-source-path": "/src/components/ViewGateOverlay.tsx:3448", style: { fontSize: "11px", fontWeight: 800, color: "#3730a3", textTransform: "uppercase", letterSpacing: "0.05em" }, children: "Backend Endpoints" })
                     ] }),
-                    /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783018", "data-source-path": "/src/components/ViewGateOverlay.tsx:3446", style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: l.backendEndpoints.map((p) => {
-                      const Q = p.split("|"), I = Q.length > 1 ? Q[0] : "";
+                    /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783018", "data-source-path": "/src/components/ViewGateOverlay.tsx:3450", style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: l.backendEndpoints.map((p) => {
+                      const Q = p.split("|"), E = Q.length > 1 ? Q[0] : "";
                       let K = Q.length > 1 ? Q[1] || "" : p || "", T = "#4f46e5", S = "#e0e7ff";
-                      return I === "GET" ? (T = "#059669", S = "#d1fae5") : I === "POST" ? (T = "#ea580c", S = "#ffedd5") : I === "PUT" ? (T = "#0284c7", S = "#e0f2fe") : I === "DELETE" && (T = "#e11d48", S = "#ffe4e6"), /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783019", "data-source-path": "/src/components/ViewGateOverlay.tsx:3461", className: "vg-animate-slide", style: {
+                      return E === "GET" ? (T = "#059669", S = "#d1fae5") : E === "POST" ? (T = "#ea580c", S = "#ffedd5") : E === "PUT" ? (T = "#0284c7", S = "#e0f2fe") : E === "DELETE" && (T = "#e11d48", S = "#ffe4e6"), /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783019", "data-source-path": "/src/components/ViewGateOverlay.tsx:3465", className: "vg-animate-slide", style: {
                         fontSize: "12px",
                         padding: "6px 12px",
                         background: "#ffffff",
@@ -9545,14 +9547,14 @@ const ww = (t) => {
                         gap: "8px",
                         boxShadow: "0 2px 4px rgba(79, 70, 229, 0.05)"
                       }, children: [
-                        I && /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161caf", "data-source-path": "/src/components/ViewGateOverlay.tsx:3467", style: { fontWeight: 800, color: T, background: S, padding: "2px 6px", borderRadius: "4px", fontSize: "10px" }, children: I }),
-                        /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161cb0", "data-source-path": "/src/components/ViewGateOverlay.tsx:3468", style: { fontWeight: 600, fontFamily: "monospace", letterSpacing: "-0.02em", color: "#1e293b" }, children: K })
+                        E && /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161caf", "data-source-path": "/src/components/ViewGateOverlay.tsx:3471", style: { fontWeight: 800, color: T, background: S, padding: "2px 6px", borderRadius: "4px", fontSize: "10px" }, children: E }),
+                        /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161cb0", "data-source-path": "/src/components/ViewGateOverlay.tsx:3472", style: { fontWeight: 600, fontFamily: "monospace", letterSpacing: "-0.02em", color: "#1e293b" }, children: K })
                       ] }, p);
                     }) })
                   ] })
                 ] }),
-                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78301c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3478", style: { display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "12px", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: [
-                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78301d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3480", style: { display: "flex", gap: "6px" }, children: Rt !== "client" && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78301c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3482", style: { display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "12px", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: [
+                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78301d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3484", style: { display: "flex", gap: "6px" }, children: Rt !== "client" && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
                     /* @__PURE__ */ i.jsx(
                       "button",
                       {
@@ -9566,7 +9568,7 @@ const ww = (t) => {
                           Lr(l._id), Vo(l.message), F(l.priority || "medium"), Ys(Q), Nt(l.figmaReference && l.figmaReference.length > 0 ? l.figmaReference : [{ name: r.figmaPrimaryDesign, link: "" }]), Tr(p), ee(p);
                         },
                         title: r.edit,
-                        children: /* @__PURE__ */ i.jsx(Wt, { "data-vg-id": "ea069996", "data-source-path": "/src/components/ViewGateOverlay.tsx:3504", size: 16 })
+                        children: /* @__PURE__ */ i.jsx(Wt, { "data-vg-id": "ea069996", "data-source-path": "/src/components/ViewGateOverlay.tsx:3508", size: 16 })
                       }
                     ),
                     /* @__PURE__ */ i.jsx(
@@ -9594,11 +9596,11 @@ const ww = (t) => {
                           });
                         },
                         title: e === "es" ? "Eliminar" : "Delete",
-                        children: /* @__PURE__ */ i.jsx(jr, { "data-vg-id": "45b44219", "data-source-path": "/src/components/ViewGateOverlay.tsx:3534", size: 16 })
+                        children: /* @__PURE__ */ i.jsx(jr, { "data-vg-id": "45b44219", "data-source-path": "/src/components/ViewGateOverlay.tsx:3538", size: 16 })
                       }
                     )
                   ] }) }),
-                  /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783035", "data-source-path": "/src/components/ViewGateOverlay.tsx:3540", style: { display: "flex", gap: "8px" }, children: [
+                  /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783035", "data-source-path": "/src/components/ViewGateOverlay.tsx:3544", style: { display: "flex", gap: "8px" }, children: [
                     Rt !== "client" && l.status === "ready_for_review" && /* @__PURE__ */ i.jsxs(
                       "button",
                       {
@@ -9617,7 +9619,7 @@ const ww = (t) => {
                         },
                         disabled: ye,
                         children: [
-                          ye ? /* @__PURE__ */ i.jsx(_r, { "data-vg-id": "a4b73604", "data-source-path": "/src/components/ViewGateOverlay.tsx:3558", size: 14, className: "vg-animate-spin" }) : /* @__PURE__ */ i.jsx(Pl, { "data-vg-id": "41e603c7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3558", size: 14 }),
+                          ye ? /* @__PURE__ */ i.jsx(_r, { "data-vg-id": "a4b73604", "data-source-path": "/src/components/ViewGateOverlay.tsx:3562", size: 14, className: "vg-animate-spin" }) : /* @__PURE__ */ i.jsx(Pl, { "data-vg-id": "41e603c7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3562", size: 14 }),
                           e === "es" ? "Resolver con Evidencia" : "Resolve & Capture"
                         ]
                       }
@@ -9640,7 +9642,7 @@ const ww = (t) => {
                           cursor: "pointer"
                         },
                         children: [
-                          /* @__PURE__ */ i.jsx(Bn, { "data-vg-id": "5c2be088", "data-source-path": "/src/components/ViewGateOverlay.tsx:3578", size: 14 }),
+                          /* @__PURE__ */ i.jsx(Bn, { "data-vg-id": "5c2be088", "data-source-path": "/src/components/ViewGateOverlay.tsx:3582", size: 14 }),
                           e === "es" ? "Ver en Dashboard" : "View in Dashboard"
                         ]
                       }
@@ -9655,7 +9657,7 @@ const ww = (t) => {
         dA || "all"
       )
     ] }) }),
-    WA && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783039", "data-source-path": "/src/components/ViewGateOverlay.tsx:3594", className: "vg-animate-fade", style: {
+    WA && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783039", "data-source-path": "/src/components/ViewGateOverlay.tsx:3598", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -9667,14 +9669,14 @@ const ww = (t) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: yt + 100
-    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78303a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3599", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78303a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3603", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "40px",
       width: "420px",
       textAlign: "center",
       border: "1px solid rgba(255, 255, 255, 0.1)",
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.5)"
     }, children: [
-      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78303b", "data-source-path": "/src/components/ViewGateOverlay.tsx:3606", style: {
+      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78303b", "data-source-path": "/src/components/ViewGateOverlay.tsx:3610", style: {
         width: "64px",
         height: "64px",
         background: WA.type === "danger" ? "rgba(239, 68, 68, 0.1)" : "rgba(99, 102, 241, 0.1)",
@@ -9685,9 +9687,9 @@ const ww = (t) => {
         margin: "0 auto 24px",
         color: WA.type === "danger" ? "#ef4444" : "#6366f1",
         transform: "rotate(-5deg)"
-      }, children: WA.type === "danger" ? /* @__PURE__ */ i.jsx(jr, { "data-vg-id": "45b44221", "data-source-path": "/src/components/ViewGateOverlay.tsx:3615", size: 32 }) : /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1ae2", "data-source-path": "/src/components/ViewGateOverlay.tsx:3615", size: 32 }) }),
-      /* @__PURE__ */ i.jsx("h3", { "data-vg-id": "53ec569", "data-source-path": "/src/components/ViewGateOverlay.tsx:3617", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: WA.title }),
-      /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01af933", "data-source-path": "/src/components/ViewGateOverlay.tsx:3618", style: { margin: "0 0 24px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: WA.message }),
+      }, children: WA.type === "danger" ? /* @__PURE__ */ i.jsx(jr, { "data-vg-id": "45b44221", "data-source-path": "/src/components/ViewGateOverlay.tsx:3619", size: 32 }) : /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1ae2", "data-source-path": "/src/components/ViewGateOverlay.tsx:3619", size: 32 }) }),
+      /* @__PURE__ */ i.jsx("h3", { "data-vg-id": "53ec569", "data-source-path": "/src/components/ViewGateOverlay.tsx:3621", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: WA.title }),
+      /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01af933", "data-source-path": "/src/components/ViewGateOverlay.tsx:3622", style: { margin: "0 0 24px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: WA.message }),
       WA.showInput && /* @__PURE__ */ i.jsx(
         "textarea",
         {
@@ -9700,7 +9702,7 @@ const ww = (t) => {
           style: { marginBottom: "24px", minHeight: "80px", textAlign: "left" }
         }
       ),
-      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783055", "data-source-path": "/src/components/ViewGateOverlay.tsx:3632", style: { display: "flex", gap: "16px" }, children: [
+      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783055", "data-source-path": "/src/components/ViewGateOverlay.tsx:3636", style: { display: "flex", gap: "16px" }, children: [
         /* @__PURE__ */ i.jsx(
           "button",
           {
@@ -9738,13 +9740,13 @@ const ww = (t) => {
                 Dt(!1);
               }
             },
-            children: pe ? /* @__PURE__ */ i.jsx(_r, { "data-vg-id": "a4b73624", "data-source-path": "/src/components/ViewGateOverlay.tsx:3668", size: 18, className: "vg-animate-spin" }) : r.yes
+            children: pe ? /* @__PURE__ */ i.jsx(_r, { "data-vg-id": "a4b73624", "data-source-path": "/src/components/ViewGateOverlay.tsx:3672", size: 18, className: "vg-animate-spin" }) : r.yes
           }
         )
       ] })
     ] }) }),
     !jA && !u && fA && ut.map((l, h) => {
-      const { rect: p, annotations: Q, isModal: I } = l, K = Q[0], T = Q.length, S = Q.some((E) => E.status === "ready_for_review"), sA = Q.some((E) => E.status === "completed" || E.status === "done"), V = Q.some((E) => E.status !== "ready_for_review" && E.status !== "completed" && E.status !== "done"), hA = sA && !S && !V, rA = S && !V && !sA, nA = (S || sA) && !V, mA = (S || sA) && V, yA = Q.filter((E) => E.status !== "ready_for_review" && E.status !== "completed" && E.status !== "done").length, EA = Q.filter((E) => E.status === "ready_for_review").length, CA = Q.filter((E) => E.status === "completed" || E.status === "done").length, LA = Q.some((E) => E.status === "bug_fixing" || E.type === "bug" || E.originalStatus === "bug_fixing"), ve = LA && !rA && !hA ? "#f43f5e" : yA > 0 ? B ? "#64748b" : "#ea580c" : EA > 0 ? "#a855f7" : "#10b981", $ = ut.some((E) => E.element === l.element && E.isTriggerPin), GA = ut.some((E) => E.element === l.element && !E.isTriggerPin), pA = $ && GA ? l.isTriggerPin ? -18 : 18 : 0, TA = p.top === 0 && p.left === 0 && p.width > window.innerWidth * 0.9;
+      const { rect: p, annotations: Q, isModal: E } = l, K = Q[0], T = Q.length, S = Q.some((b) => b.status === "ready_for_review"), sA = Q.some((b) => b.status === "completed" || b.status === "done"), V = Q.some((b) => b.status !== "ready_for_review" && b.status !== "completed" && b.status !== "done"), hA = sA && !S && !V, rA = S && !V && !sA, nA = (S || sA) && !V, mA = (S || sA) && V, yA = Q.filter((b) => b.status !== "ready_for_review" && b.status !== "completed" && b.status !== "done").length, EA = Q.filter((b) => b.status === "ready_for_review").length, CA = Q.filter((b) => b.status === "completed" || b.status === "done").length, LA = Q.some((b) => b.status === "bug_fixing" || b.type === "bug" || b.originalStatus === "bug_fixing"), ve = LA && !rA && !hA ? "#f43f5e" : yA > 0 ? B ? "#64748b" : "#ea580c" : EA > 0 ? "#a855f7" : "#10b981", $ = ut.some((b) => b.element === l.element && b.isTriggerPin), GA = ut.some((b) => b.element === l.element && !b.isTriggerPin), pA = $ && GA ? l.isTriggerPin ? -18 : 18 : 0, TA = p.top === 0 && p.left === 0 && p.width > window.innerWidth * 0.9;
       return /* @__PURE__ */ i.jsxs(
         "div",
         {
@@ -9759,24 +9761,24 @@ const ww = (t) => {
             transition: "all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)",
             zIndex: Uw
           },
-          onMouseEnter: (E) => {
-            const zA = E.currentTarget.getBoundingClientRect(), Dr = window.innerHeight - zA.bottom, $c = zA.top;
+          onMouseEnter: (b) => {
+            const zA = b.currentTarget.getBoundingClientRect(), Dr = window.innerHeight - zA.bottom, $c = zA.top;
             Dr < 250 && $c > Dr ? uA((tn) => ({ ...tn, [l.id]: "vg-top" })) : uA((tn) => ({ ...tn, [l.id]: "" }));
           },
-          onWheel: (E) => {
-            const zA = E.currentTarget.querySelector(".vg-tooltip-scroll");
-            zA && zA.scrollBy({ top: E.deltaY, behavior: "smooth" });
+          onWheel: (b) => {
+            const zA = b.currentTarget.querySelector(".vg-tooltip-scroll");
+            zA && zA.scrollBy({ top: b.deltaY, behavior: "smooth" });
           },
           onClick: () => {
             he(!0), Ee(K._id);
           },
           children: [
-            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783057", "data-source-path": "/src/components/ViewGateOverlay.tsx:3743", className: `vg-pin-tooltip ${XA[l.id] || ""} ${TA || p.left < 160 ? "vg-tooltip-right" : p.left > window.innerWidth - 160 ? "vg-tooltip-left" : ""}`, style: { padding: "16px" }, children: [
-              /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783058", "data-source-path": "/src/components/ViewGateOverlay.tsx:3744", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
-                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783059", "data-source-path": "/src/components/ViewGateOverlay.tsx:3745", style: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap" }, children: [
-                  l.isTriggerPin ? /* @__PURE__ */ i.jsx(Nr, { "data-vg-id": "d88161bf", "data-source-path": "/src/components/ViewGateOverlay.tsx:3747", size: 14, color: ve }) : /* @__PURE__ */ i.jsx(Pr, { "data-vg-id": "7fe17ae", "data-source-path": "/src/components/ViewGateOverlay.tsx:3749", size: 14, color: ve }),
-                  /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78305c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3751", style: { display: "flex", gap: "4px" }, children: [
-                    yA > 0 && /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161d07", "data-source-path": "/src/components/ViewGateOverlay.tsx:3753", className: "vg-badge", style: {
+            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783057", "data-source-path": "/src/components/ViewGateOverlay.tsx:3747", className: `vg-pin-tooltip ${XA[l.id] || ""} ${TA || p.left < 160 ? "vg-tooltip-right" : p.left > window.innerWidth - 160 ? "vg-tooltip-left" : ""}`, style: { padding: "16px" }, children: [
+              /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783058", "data-source-path": "/src/components/ViewGateOverlay.tsx:3748", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
+                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783059", "data-source-path": "/src/components/ViewGateOverlay.tsx:3749", style: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap" }, children: [
+                  l.isTriggerPin ? /* @__PURE__ */ i.jsx(Nr, { "data-vg-id": "d88161bf", "data-source-path": "/src/components/ViewGateOverlay.tsx:3751", size: 14, color: ve }) : /* @__PURE__ */ i.jsx(Pr, { "data-vg-id": "7fe17ae", "data-source-path": "/src/components/ViewGateOverlay.tsx:3753", size: 14, color: ve }),
+                  /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78305c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3755", style: { display: "flex", gap: "4px" }, children: [
+                    yA > 0 && /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161d07", "data-source-path": "/src/components/ViewGateOverlay.tsx:3757", className: "vg-badge", style: {
                       fontSize: "10px",
                       background: B ? "#f1f5f9" : "#fff7ed",
                       color: B ? "#64748b" : "#c2410c"
@@ -9785,7 +9787,7 @@ const ww = (t) => {
                       " ",
                       B || K.status === "backlog" ? "Backlog" : e === "es" ? yA === 1 ? r.pending : "Pendientes" : "pending"
                     ] }),
-                    EA > 0 && /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161d08", "data-source-path": "/src/components/ViewGateOverlay.tsx:3762", style: {
+                    EA > 0 && /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161d08", "data-source-path": "/src/components/ViewGateOverlay.tsx:3766", style: {
                       fontSize: "10px",
                       fontWeight: 700,
                       color: "#a855f7",
@@ -9797,7 +9799,7 @@ const ww = (t) => {
                       " ",
                       e === "es" ? EA === 1 ? "Listo para revisión" : "Listos para revisión" : "ready for review"
                     ] }),
-                    CA > 0 && /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161d09", "data-source-path": "/src/components/ViewGateOverlay.tsx:3774", style: {
+                    CA > 0 && /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161d09", "data-source-path": "/src/components/ViewGateOverlay.tsx:3778", style: {
                       fontSize: "10px",
                       fontWeight: 700,
                       color: "#059669",
@@ -9809,7 +9811,7 @@ const ww = (t) => {
                       " ",
                       e === "es" ? CA === 1 ? "Completado" : "Completados" : "completed"
                     ] }),
-                    Q.some((E) => E.status === "bug_fixing") && /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161d0a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3786", style: {
+                    Q.some((b) => b.status === "bug_fixing") && /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161d0a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3790", style: {
                       fontSize: "10px",
                       fontWeight: 700,
                       color: "#e11d48",
@@ -9819,7 +9821,7 @@ const ww = (t) => {
                     }, children: "BUG" })
                   ] })
                 ] }),
-                I && /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161d0b", "data-source-path": "/src/components/ViewGateOverlay.tsx:3800", className: "vg-badge", style: {
+                E && /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161d0b", "data-source-path": "/src/components/ViewGateOverlay.tsx:3804", className: "vg-badge", style: {
                   fontSize: "10px",
                   background: B ? "#f1f5f9" : mA ? `linear-gradient(90deg, #ea580c 50%, ${sA ? "#10b981" : "#a855f7"} 50%)` : yA > 0 ? "#fff7ed" : hA ? "#ecfdf5" : "#f3e8ff",
                   color: B ? "#64748b" : mA ? "#ffffff" : yA > 0 ? "#c2410c" : hA ? "#059669" : "#a855f7",
@@ -9828,22 +9830,22 @@ const ww = (t) => {
                   textShadow: mA && !B ? "0 1px 2px rgba(0,0,0,0.2)" : "none"
                 }, children: "MODAL" })
               ] }),
-              /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783077", "data-source-path": "/src/components/ViewGateOverlay.tsx:3812", className: "vg-tooltip-scroll", style: { maxHeight: "180px", overflowY: "auto" }, children: Q.map((E, zA) => /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783078", "data-source-path": "/src/components/ViewGateOverlay.tsx:3814", style: {
+              /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783077", "data-source-path": "/src/components/ViewGateOverlay.tsx:3816", className: "vg-tooltip-scroll", style: { maxHeight: "180px", overflowY: "auto" }, children: Q.map((b, zA) => /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783078", "data-source-path": "/src/components/ViewGateOverlay.tsx:3818", style: {
                 padding: "10px 0",
                 borderTop: zA === 0 ? "none" : "1px solid #f1f5f9",
                 display: "flex",
                 gap: "12px",
                 alignItems: "flex-start"
               }, children: [
-                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783079", "data-source-path": "/src/components/ViewGateOverlay.tsx:3821", style: { flex: 1, display: "flex", flexDirection: "column", gap: "4px" }, children: [
-                  /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78307a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3822", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
-                    /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161d10", "data-source-path": "/src/components/ViewGateOverlay.tsx:3823", style: { fontSize: "10px", fontWeight: 600, color: "#64748b" }, children: Bi(E.timestamp || E.createdAt, e) }),
-                    E.creator && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783091", "data-source-path": "/src/components/ViewGateOverlay.tsx:3827", style: { marginLeft: "4px" }, children: E.creator.avatar ? /* @__PURE__ */ i.jsx("img", { "data-vg-id": "3cf75ac4", "data-source-path": "/src/components/ViewGateOverlay.tsx:3829", src: E.creator.avatar, style: { width: "14px", height: "14px", borderRadius: "50%" }, alt: "" }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783093", "data-source-path": "/src/components/ViewGateOverlay.tsx:3831", style: { width: "14px", height: "14px", borderRadius: "50%", background: "#6366f1", color: "white", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "7px", fontWeight: 700 }, children: E.creator.name?.[0] }) })
+                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783079", "data-source-path": "/src/components/ViewGateOverlay.tsx:3825", style: { flex: 1, display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                  /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78307a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3826", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                    /* @__PURE__ */ i.jsx("span", { "data-vg-id": "8161d10", "data-source-path": "/src/components/ViewGateOverlay.tsx:3827", style: { fontSize: "10px", fontWeight: 600, color: "#64748b" }, children: Bi(b.timestamp || b.createdAt, e) }),
+                    b.creator && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783091", "data-source-path": "/src/components/ViewGateOverlay.tsx:3831", style: { marginLeft: "4px" }, children: b.creator.avatar ? /* @__PURE__ */ i.jsx("img", { "data-vg-id": "3cf75ac4", "data-source-path": "/src/components/ViewGateOverlay.tsx:3833", src: b.creator.avatar, style: { width: "14px", height: "14px", borderRadius: "50%" }, alt: "" }) : /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783093", "data-source-path": "/src/components/ViewGateOverlay.tsx:3835", style: { width: "14px", height: "14px", borderRadius: "50%", background: "#6366f1", color: "white", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "7px", fontWeight: 700 }, children: b.creator.name?.[0] }) })
                   ] }),
-                  E.url && /* @__PURE__ */ i.jsx(
+                  b.url && /* @__PURE__ */ i.jsx(
                     gi,
                     {
-                      url: E.url,
+                      url: b.url,
                       onHover: To,
                       style: {
                         display: "flex",
@@ -9860,21 +9862,21 @@ const ww = (t) => {
                       tooltipStyle: { fontSize: "9px" }
                     }
                   ),
-                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783094", "data-source-path": "/src/components/ViewGateOverlay.tsx:3857", className: "vg-line-clamp-2", style: { fontSize: "13px", color: "#1e293b", lineHeight: 1.4, fontWeight: 500 }, children: E.message.length > 100 ? E.message.slice(0, 97) + "..." : E.message })
+                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783094", "data-source-path": "/src/components/ViewGateOverlay.tsx:3861", className: "vg-line-clamp-2", style: { fontSize: "13px", color: "#1e293b", lineHeight: 1.4, fontWeight: 500 }, children: b.message.length > 100 ? b.message.slice(0, 97) + "..." : b.message })
                 ] }),
-                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783095", "data-source-path": "/src/components/ViewGateOverlay.tsx:3861", style: { flexShrink: 0, marginTop: "2px", display: "flex", flexDirection: "column", gap: "4px", alignItems: "flex-end" }, children: [
-                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783096", "data-source-path": "/src/components/ViewGateOverlay.tsx:3862", style: {
+                /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783095", "data-source-path": "/src/components/ViewGateOverlay.tsx:3865", style: { flexShrink: 0, marginTop: "2px", display: "flex", flexDirection: "column", gap: "4px", alignItems: "flex-end" }, children: [
+                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783096", "data-source-path": "/src/components/ViewGateOverlay.tsx:3866", style: {
                     fontSize: "8px",
                     fontWeight: 800,
-                    color: E.priority === "low" ? "#059669" : E.priority === "urgent" ? "#b91c1c" : E.priority === "high" ? "#b45309" : "#4338ca",
-                    backgroundColor: E.priority === "low" ? "#ecfdf5" : E.priority === "urgent" ? "#fef2f2" : E.priority === "high" ? "#fffbeb" : "#eef2ff",
+                    color: b.priority === "low" ? "#059669" : b.priority === "urgent" ? "#b91c1c" : b.priority === "high" ? "#b45309" : "#4338ca",
+                    backgroundColor: b.priority === "low" ? "#ecfdf5" : b.priority === "urgent" ? "#fef2f2" : b.priority === "high" ? "#fffbeb" : "#eef2ff",
                     padding: "2px 6px",
                     borderRadius: "4px",
                     textTransform: "uppercase",
                     border: "1px solid",
-                    borderColor: E.priority === "low" ? "#d1fae5" : E.priority === "urgent" ? "#fee2e2" : E.priority === "high" ? "#fef3c7" : "#e0e7ff"
-                  }, children: r[E.priority || "medium"] }),
-                  E.status === "completed" || E.status === "done" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161d2c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3876", style: {
+                    borderColor: b.priority === "low" ? "#d1fae5" : b.priority === "urgent" ? "#fee2e2" : b.priority === "high" ? "#fef3c7" : "#e0e7ff"
+                  }, children: r[b.priority || "medium"] }),
+                  b.status === "completed" || b.status === "done" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161d2c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3880", style: {
                     display: "flex",
                     alignItems: "center",
                     gap: "4px",
@@ -9887,9 +9889,9 @@ const ww = (t) => {
                     textTransform: "uppercase",
                     border: "1px solid #d1fae5"
                   }, children: [
-                    /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1b3d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3889", size: 10 }),
+                    /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1b3d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3893", size: 10 }),
                     r.completed
-                  ] }) : E.status === "ready_for_review" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161d2e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3893", style: {
+                  ] }) : b.status === "ready_for_review" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161d2e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3897", style: {
                     display: "flex",
                     alignItems: "center",
                     gap: "4px",
@@ -9902,9 +9904,9 @@ const ww = (t) => {
                     textTransform: "uppercase",
                     border: "1px solid #e9d5ff"
                   }, children: [
-                    E.type === "bug" || E.status === "bug_fixing" || E.originalStatus === "bug_fixing" ? /* @__PURE__ */ i.jsx(jt, { "data-vg-id": "3b8b18dd", "data-source-path": "/src/components/ViewGateOverlay.tsx:3906", size: 10 }) : /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1de0", "data-source-path": "/src/components/ViewGateOverlay.tsx:3906", size: 10 }),
+                    b.type === "bug" || b.status === "bug_fixing" || b.originalStatus === "bug_fixing" ? /* @__PURE__ */ i.jsx(jt, { "data-vg-id": "3b8b18dd", "data-source-path": "/src/components/ViewGateOverlay.tsx:3910", size: 10 }) : /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1de0", "data-source-path": "/src/components/ViewGateOverlay.tsx:3910", size: 10 }),
                     r.readyForReview
-                  ] }) : E.status === "bug_fixing" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161fd1", "data-source-path": "/src/components/ViewGateOverlay.tsx:3910", style: {
+                  ] }) : b.status === "bug_fixing" ? /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161fd1", "data-source-path": "/src/components/ViewGateOverlay.tsx:3914", style: {
                     display: "flex",
                     alignItems: "center",
                     gap: "4px",
@@ -9917,40 +9919,40 @@ const ww = (t) => {
                     textTransform: "uppercase",
                     border: "1px solid #ffe4e6"
                   }, children: [
-                    /* @__PURE__ */ i.jsx(jt, { "data-vg-id": "3b8b1b80", "data-source-path": "/src/components/ViewGateOverlay.tsx:3923", size: 10 }),
+                    /* @__PURE__ */ i.jsx(jt, { "data-vg-id": "3b8b1b80", "data-source-path": "/src/components/ViewGateOverlay.tsx:3927", size: 10 }),
                     "Bug Fixing"
-                  ] }) : /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161fd3", "data-source-path": "/src/components/ViewGateOverlay.tsx:3927", style: {
+                  ] }) : /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "8161fd3", "data-source-path": "/src/components/ViewGateOverlay.tsx:3931", style: {
                     display: "flex",
                     alignItems: "center",
                     gap: "4px",
                     fontSize: "8px",
                     fontWeight: 800,
-                    color: B || E.status === "backlog" ? "#64748b" : "#ea580c",
-                    background: B || E.status === "backlog" ? "#f1f5f9" : "#fff7ed",
+                    color: B || b.status === "backlog" ? "#64748b" : "#ea580c",
+                    background: B || b.status === "backlog" ? "#f1f5f9" : "#fff7ed",
                     padding: "2px 6px",
                     borderRadius: "6px",
                     textTransform: "uppercase",
-                    border: B || E.status === "backlog" ? "1px solid #e2e8f0" : "1px solid #ffedd5"
+                    border: B || b.status === "backlog" ? "1px solid #e2e8f0" : "1px solid #ffedd5"
                   }, children: [
-                    /* @__PURE__ */ i.jsx(na, { "data-vg-id": "62dc6f9c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3940", size: 10 }),
-                    B || E.status === "backlog" ? r.backlog : r.pending
+                    /* @__PURE__ */ i.jsx(na, { "data-vg-id": "62dc6f9c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3944", size: 10 }),
+                    B || b.status === "backlog" ? r.backlog : r.pending
                   ] })
                 ] })
-              ] }, E._id)) })
+              ] }, b._id)) })
             ] }),
             /* @__PURE__ */ i.jsxs(
               "div",
               {
                 "data-vg-id": "2e783340",
-                "data-source-path": "/src/components/ViewGateOverlay.tsx:3950",
+                "data-source-path": "/src/components/ViewGateOverlay.tsx:3954",
                 className: `vg-formal-pin ${hA ? "completed" : rA || nA ? "ready" : LA ? "bug" : mA ? "mixed" : B ? "backlog" : ""} ${l.isTriggerPin ? "modal-variant" : ""}`,
                 style: {
                   position: "relative",
                   background: LA && !rA && !hA ? "linear-gradient(135deg, #f43f5e 0%, #e11d48 100%)" : rA ? "linear-gradient(135deg, #a855f7 0%, #7e22ce 100%)" : mA ? sA ? "linear-gradient(135deg, #10b981 0%, #059669 100%)" : "linear-gradient(135deg, #a855f7 0%, #7e22ce 100%)" : void 0
                 },
                 children: [
-                  rA || hA || nA ? LA && !hA ? /* @__PURE__ */ i.jsx(jt, { "data-vg-id": "3b8b1b84", "data-source-path": "/src/components/ViewGateOverlay.tsx:3957", size: 18 }) : /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1de7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3957", size: 18 }) : LA ? /* @__PURE__ */ i.jsx(jt, { "data-vg-id": "3b8b1b86", "data-source-path": "/src/components/ViewGateOverlay.tsx:3957", size: 18 }) : l.isTriggerPin ? /* @__PURE__ */ i.jsx(Nr, { "data-vg-id": "d88164a9", "data-source-path": "/src/components/ViewGateOverlay.tsx:3957", size: 16 }) : I ? /* @__PURE__ */ i.jsx(Bn, { "data-vg-id": "5c2be3aa", "data-source-path": "/src/components/ViewGateOverlay.tsx:3957", size: 16 }) : /* @__PURE__ */ i.jsx(Pr, { "data-vg-id": "7fe1aae", "data-source-path": "/src/components/ViewGateOverlay.tsx:3957", size: 16 }),
-                  T > 1 && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78335c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3960", className: "vg-pin-badge vg-animate-pop", children: T })
+                  rA || hA || nA ? LA && !hA ? /* @__PURE__ */ i.jsx(jt, { "data-vg-id": "3b8b1b84", "data-source-path": "/src/components/ViewGateOverlay.tsx:3961", size: 18 }) : /* @__PURE__ */ i.jsx(rt, { "data-vg-id": "a75c1de7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3961", size: 18 }) : LA ? /* @__PURE__ */ i.jsx(jt, { "data-vg-id": "3b8b1b86", "data-source-path": "/src/components/ViewGateOverlay.tsx:3961", size: 18 }) : l.isTriggerPin ? /* @__PURE__ */ i.jsx(Nr, { "data-vg-id": "d88164a9", "data-source-path": "/src/components/ViewGateOverlay.tsx:3961", size: 16 }) : E ? /* @__PURE__ */ i.jsx(Bn, { "data-vg-id": "5c2be3aa", "data-source-path": "/src/components/ViewGateOverlay.tsx:3961", size: 16 }) : /* @__PURE__ */ i.jsx(Pr, { "data-vg-id": "7fe1aae", "data-source-path": "/src/components/ViewGateOverlay.tsx:3961", size: 16 }),
+                  T > 1 && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78335c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3964", className: "vg-pin-badge vg-animate-pop", children: T })
                 ]
               }
             )
@@ -9971,7 +9973,7 @@ const ww = (t) => {
         children: At?.url
       }
     ),
-    se && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78335d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3985", style: {
+    se && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78335d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3989", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -9987,7 +9989,7 @@ const ww = (t) => {
       animation: "vg-fade-in 0.3s ease-out"
     }, onClick: (l) => {
       l.target === l.currentTarget && z(!1);
-    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78335e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3994", className: "vg-glassmorphism vg-animate-pop", style: {
+    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78335e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3998", className: "vg-glassmorphism vg-animate-pop", style: {
       width: "95%",
       maxWidth: "800px",
       // Wider modal for better scanning
@@ -10002,16 +10004,16 @@ const ww = (t) => {
       border: "1px solid rgba(255, 255, 255, 0.15)",
       backgroundColor: "rgba(255, 255, 255, 0.98)"
     }, children: [
-      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78335f", "data-source-path": "/src/components/ViewGateOverlay.tsx:4007", style: { padding: "32px 40px", borderBottom: "1px solid rgba(0,0,0,0.06)", display: "flex", alignItems: "center", justifyContent: "space-between", background: "white" }, children: [
-        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783360", "data-source-path": "/src/components/ViewGateOverlay.tsx:4008", children: [
-          /* @__PURE__ */ i.jsx("h3", { "data-vg-id": "53ec877", "data-source-path": "/src/components/ViewGateOverlay.tsx:4009", style: { margin: 0, fontSize: "24px", fontWeight: 900, letterSpacing: "-0.03em", color: "#0f172a" }, children: e === "es" ? "Selector de Endpoints" : "Endpoint Selector" }),
-          /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01afc41", "data-source-path": "/src/components/ViewGateOverlay.tsx:4012", style: { margin: "6px 0 0 0", fontSize: "14px", color: "#64748b", fontWeight: 500 }, children: e === "es" ? "Asocia múltiples rutas backend a este ticket para mayor precisión" : "Associate multiple backend routes to this ticket for better precision" })
+      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78335f", "data-source-path": "/src/components/ViewGateOverlay.tsx:4011", style: { padding: "32px 40px", borderBottom: "1px solid rgba(0,0,0,0.06)", display: "flex", alignItems: "center", justifyContent: "space-between", background: "white" }, children: [
+        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783360", "data-source-path": "/src/components/ViewGateOverlay.tsx:4012", children: [
+          /* @__PURE__ */ i.jsx("h3", { "data-vg-id": "53ec877", "data-source-path": "/src/components/ViewGateOverlay.tsx:4013", style: { margin: 0, fontSize: "24px", fontWeight: 900, letterSpacing: "-0.03em", color: "#0f172a" }, children: e === "es" ? "Selector de Endpoints" : "Endpoint Selector" }),
+          /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01afc41", "data-source-path": "/src/components/ViewGateOverlay.tsx:4016", style: { margin: "6px 0 0 0", fontSize: "14px", color: "#64748b", fontWeight: 500 }, children: e === "es" ? "Asocia múltiples rutas backend a este ticket para mayor precisión" : "Associate multiple backend routes to this ticket for better precision" })
         ] }),
         /* @__PURE__ */ i.jsx(
           "button",
           {
             "data-vg-id": "5861c060",
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:4016",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:4020",
             onClick: () => z(!1),
             className: "vg-close-pill",
             style: { width: "40px", height: "40px", display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "14px", background: "#f1f5f9", color: "#64748b", border: "none", cursor: "pointer", transition: "all 0.2s" },
@@ -10021,17 +10023,17 @@ const ww = (t) => {
             onMouseLeave: (l) => {
               l.currentTarget.style.background = "#f1f5f9", l.currentTarget.style.color = "#64748b";
             },
-            children: /* @__PURE__ */ i.jsx(Xt, { "data-vg-id": "eec8c840", "data-source-path": "/src/components/ViewGateOverlay.tsx:4023", size: 20, strokeWidth: 2.5 })
+            children: /* @__PURE__ */ i.jsx(Xt, { "data-vg-id": "eec8c840", "data-source-path": "/src/components/ViewGateOverlay.tsx:4027", size: 20, strokeWidth: 2.5 })
           }
         )
       ] }),
-      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78337a", "data-source-path": "/src/components/ViewGateOverlay.tsx:4027", style: { padding: "24px 40px", borderBottom: "1px solid rgba(0,0,0,0.06)", background: "#fcfcfc" }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78337b", "data-source-path": "/src/components/ViewGateOverlay.tsx:4028", style: { position: "relative" }, children: [
-        /* @__PURE__ */ i.jsx(fd, { "data-vg-id": "8f7bb00f", "data-source-path": "/src/components/ViewGateOverlay.tsx:4029", size: 20, style: { position: "absolute", left: "16px", top: "50%", transform: "translateY(-50%)", color: "#94a3b8" } }),
+      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78337a", "data-source-path": "/src/components/ViewGateOverlay.tsx:4031", style: { padding: "24px 40px", borderBottom: "1px solid rgba(0,0,0,0.06)", background: "#fcfcfc" }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78337b", "data-source-path": "/src/components/ViewGateOverlay.tsx:4032", style: { position: "relative" }, children: [
+        /* @__PURE__ */ i.jsx(fd, { "data-vg-id": "8f7bb00f", "data-source-path": "/src/components/ViewGateOverlay.tsx:4033", size: 20, style: { position: "absolute", left: "16px", top: "50%", transform: "translateY(-50%)", color: "#94a3b8" } }),
         /* @__PURE__ */ i.jsx(
           "input",
           {
             "data-vg-id": "88e38db6",
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:4030",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:4034",
             type: "text",
             placeholder: e === "es" ? "Buscar rutas, métodos o descripciones..." : "Search routes, methods, or descriptions...",
             value: eA,
@@ -10050,11 +10052,11 @@ const ww = (t) => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78337e", "data-source-path": "/src/components/ViewGateOverlay.tsx:4050", style: { flex: 1, overflowY: "auto", overflowX: "hidden", padding: "24px 40px" }, className: "vg-custom-scrollbar", children: kt ? Ro.length > 0 ? /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783382", "data-source-path": "/src/components/ViewGateOverlay.tsx:4057", style: { display: "flex", flexDirection: "column", gap: "0px" }, children: Ro.map((l) => {
+      /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78337e", "data-source-path": "/src/components/ViewGateOverlay.tsx:4054", style: { flex: 1, overflowY: "auto", overflowX: "hidden", padding: "24px 40px" }, className: "vg-custom-scrollbar", children: kt ? Ro.length > 0 ? /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783382", "data-source-path": "/src/components/ViewGateOverlay.tsx:4061", style: { display: "flex", flexDirection: "column", gap: "0px" }, children: Ro.map((l) => {
         const h = l.name === (e === "es" ? "Seleccionados" : "Selected");
-        return /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783398", "data-source-path": "/src/components/ViewGateOverlay.tsx:4061", style: { marginBottom: "32px" }, children: [
-          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783399", "data-source-path": "/src/components/ViewGateOverlay.tsx:4062", style: { display: "flex", alignItems: "center", gap: "12px", marginBottom: "16px", padding: "0 4px" }, children: [
-            /* @__PURE__ */ i.jsx("span", { "data-vg-id": "816202f", "data-source-path": "/src/components/ViewGateOverlay.tsx:4063", style: {
+        return /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783398", "data-source-path": "/src/components/ViewGateOverlay.tsx:4065", style: { marginBottom: "32px" }, children: [
+          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783399", "data-source-path": "/src/components/ViewGateOverlay.tsx:4066", style: { display: "flex", alignItems: "center", gap: "12px", marginBottom: "16px", padding: "0 4px" }, children: [
+            /* @__PURE__ */ i.jsx("span", { "data-vg-id": "816202f", "data-source-path": "/src/components/ViewGateOverlay.tsx:4067", style: {
               fontSize: "11px",
               fontWeight: 900,
               textTransform: "uppercase",
@@ -10066,62 +10068,62 @@ const ww = (t) => {
               border: "1px solid",
               borderColor: h ? "rgba(10, 185, 129, 0.1)" : "rgba(99, 102, 241, 0.1)"
             }, children: l.name }),
-            /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78339b", "data-source-path": "/src/components/ViewGateOverlay.tsx:4077", style: {
+            /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78339b", "data-source-path": "/src/components/ViewGateOverlay.tsx:4081", style: {
               flex: 1,
               height: "1px",
               background: `linear-gradient(90deg, ${h ? "rgba(16, 185, 129, 0.15)" : "rgba(99, 102, 241, 0.15)"} 0%, transparent 100%)`
             } })
           ] }),
-          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78339c", "data-source-path": "/src/components/ViewGateOverlay.tsx:4084", style: {
+          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78339c", "data-source-path": "/src/components/ViewGateOverlay.tsx:4088", style: {
             display: "grid",
             gridTemplateColumns: "repeat(auto-fill, minmax(340px, 1fr))",
             gap: "12px"
           }, children: l.endpoints.map((p) => {
-            const Q = `${p.method}|${p.path}`, I = J.includes(Q);
+            const Q = `${p.method}|${p.path}`, E = J.includes(Q);
             return /* @__PURE__ */ i.jsxs(
               "div",
               {
                 "data-vg-id": "2e78339d",
-                "data-source-path": "/src/components/ViewGateOverlay.tsx:4093",
+                "data-source-path": "/src/components/ViewGateOverlay.tsx:4097",
                 onClick: () => {
-                  ee(I ? J.filter((K) => K !== Q) : [...J, Q]);
+                  ee(E ? J.filter((K) => K !== Q) : [...J, Q]);
                 },
                 style: {
                   padding: "16px 20px",
                   borderRadius: "18px",
                   cursor: "pointer",
                   transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-                  background: I ? "#f5f7ff" : "#ffffff",
+                  background: E ? "#f5f7ff" : "#ffffff",
                   border: "1px solid",
-                  borderColor: I ? "rgba(99, 102, 241, 0.2)" : "#f1f5f9",
+                  borderColor: E ? "rgba(99, 102, 241, 0.2)" : "#f1f5f9",
                   display: "flex",
                   alignItems: "center",
                   gap: "16px",
-                  boxShadow: I ? "0 4px 12px rgba(99, 102, 241, 0.08)" : "none"
+                  boxShadow: E ? "0 4px 12px rgba(99, 102, 241, 0.08)" : "none"
                 },
                 onMouseEnter: (K) => {
-                  I || (K.currentTarget.style.background = "#f8fafc", K.currentTarget.style.borderColor = "#e2e8f0");
+                  E || (K.currentTarget.style.background = "#f8fafc", K.currentTarget.style.borderColor = "#e2e8f0");
                 },
                 onMouseLeave: (K) => {
-                  I || (K.currentTarget.style.background = "#ffffff", K.currentTarget.style.borderColor = "#f1f5f9");
+                  E || (K.currentTarget.style.background = "#ffffff", K.currentTarget.style.borderColor = "#f1f5f9");
                 },
                 children: [
-                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78339e", "data-source-path": "/src/components/ViewGateOverlay.tsx:4125", style: {
+                  /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78339e", "data-source-path": "/src/components/ViewGateOverlay.tsx:4129", style: {
                     width: "24px",
                     height: "24px",
                     borderRadius: "8px",
                     border: "2px solid",
-                    borderColor: I ? "#6366f1" : "#cbd5e1",
-                    backgroundColor: I ? "#6366f1" : "white",
+                    borderColor: E ? "#6366f1" : "#cbd5e1",
+                    backgroundColor: E ? "#6366f1" : "white",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
                     transition: "all 0.2s",
                     flexShrink: 0
-                  }, children: I && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78339f", "data-source-path": "/src/components/ViewGateOverlay.tsx:4138", style: { color: "white", fontSize: "14px", fontWeight: 900 }, children: "✓" }) }),
-                  /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833a0", "data-source-path": "/src/components/ViewGateOverlay.tsx:4140", style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833a1", "data-source-path": "/src/components/ViewGateOverlay.tsx:4141", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                      /* @__PURE__ */ i.jsx("span", { "data-vg-id": "816204c", "data-source-path": "/src/components/ViewGateOverlay.tsx:4142", style: {
+                  }, children: E && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78339f", "data-source-path": "/src/components/ViewGateOverlay.tsx:4142", style: { color: "white", fontSize: "14px", fontWeight: 900 }, children: "✓" }) }),
+                  /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833a0", "data-source-path": "/src/components/ViewGateOverlay.tsx:4144", style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833a1", "data-source-path": "/src/components/ViewGateOverlay.tsx:4145", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                      /* @__PURE__ */ i.jsx("span", { "data-vg-id": "816204c", "data-source-path": "/src/components/ViewGateOverlay.tsx:4146", style: {
                         fontSize: "11px",
                         fontWeight: 800,
                         padding: "3px 8px",
@@ -10130,14 +10132,14 @@ const ww = (t) => {
                         color: p.method === "GET" ? "#166534" : "#991b1b",
                         flexShrink: 0
                       }, children: p.method }),
-                      /* @__PURE__ */ i.jsx("span", { "data-vg-id": "816204d", "data-source-path": "/src/components/ViewGateOverlay.tsx:4153", style: {
+                      /* @__PURE__ */ i.jsx("span", { "data-vg-id": "816204d", "data-source-path": "/src/components/ViewGateOverlay.tsx:4157", style: {
                         fontWeight: 700,
-                        color: I ? "#4338ca" : "#1e293b",
+                        color: E ? "#4338ca" : "#1e293b",
                         fontSize: "14px",
                         wordBreak: "break-all"
                       }, children: p.path })
                     ] }),
-                    p.description && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833b9", "data-source-path": "/src/components/ViewGateOverlay.tsx:4163", style: {
+                    p.description && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833b9", "data-source-path": "/src/components/ViewGateOverlay.tsx:4167", style: {
                       fontSize: "12px",
                       color: "#64748b",
                       marginTop: "6px",
@@ -10152,17 +10154,17 @@ const ww = (t) => {
             );
           }) })
         ] }, l.name);
-      }) }) : /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833ba", "data-source-path": "/src/components/ViewGateOverlay.tsx:4184", style: { padding: "80px 20px", textAlign: "center", display: "flex", flexDirection: "column", alignItems: "center" }, children: [
-        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833bb", "data-source-path": "/src/components/ViewGateOverlay.tsx:4185", style: { width: "80px", height: "80px", borderRadius: "24px", backgroundColor: "#f1f5f9", display: "flex", alignItems: "center", justifyContent: "center", marginBottom: "24px" }, children: /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "b1e4c678", "data-source-path": "/src/components/ViewGateOverlay.tsx:4186", size: 40, style: { color: "#94a3b8" } }) }),
-        /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01afc9c", "data-source-path": "/src/components/ViewGateOverlay.tsx:4188", style: { color: "#0f172a", fontSize: "18px", fontWeight: 800, margin: "0 0 8px 0" }, children: e === "es" ? "No encontramos lo que buscas" : "No results found" }),
-        /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01afc9d", "data-source-path": "/src/components/ViewGateOverlay.tsx:4191", style: { color: "#64748b", fontSize: "15px", margin: 0 }, children: e === "es" ? "Intenta buscar con otros términos o revisa la sincronización" : "Try searching with different terms or check synchronization" })
-      ] }) : /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78337f", "data-source-path": "/src/components/ViewGateOverlay.tsx:4052", style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: "100px 0", gap: "20px" }, children: [
-        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783380", "data-source-path": "/src/components/ViewGateOverlay.tsx:4053", className: "vg-spinner", style: { width: "40px", height: "40px", border: "3px solid rgba(99, 102, 241, 0.1)", borderTopColor: "#6366f1" } }),
-        /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01afc60", "data-source-path": "/src/components/ViewGateOverlay.tsx:4054", style: { color: "#64748b", fontSize: "15px", fontWeight: 600 }, children: e === "es" ? "Cargando endpoints..." : "Loading endpoints..." })
+      }) }) : /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833ba", "data-source-path": "/src/components/ViewGateOverlay.tsx:4188", style: { padding: "80px 20px", textAlign: "center", display: "flex", flexDirection: "column", alignItems: "center" }, children: [
+        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833bb", "data-source-path": "/src/components/ViewGateOverlay.tsx:4189", style: { width: "80px", height: "80px", borderRadius: "24px", backgroundColor: "#f1f5f9", display: "flex", alignItems: "center", justifyContent: "center", marginBottom: "24px" }, children: /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "b1e4c678", "data-source-path": "/src/components/ViewGateOverlay.tsx:4190", size: 40, style: { color: "#94a3b8" } }) }),
+        /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01afc9c", "data-source-path": "/src/components/ViewGateOverlay.tsx:4192", style: { color: "#0f172a", fontSize: "18px", fontWeight: 800, margin: "0 0 8px 0" }, children: e === "es" ? "No encontramos lo que buscas" : "No results found" }),
+        /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01afc9d", "data-source-path": "/src/components/ViewGateOverlay.tsx:4195", style: { color: "#64748b", fontSize: "15px", margin: 0 }, children: e === "es" ? "Intenta buscar con otros términos o revisa la sincronización" : "Try searching with different terms or check synchronization" })
+      ] }) : /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78337f", "data-source-path": "/src/components/ViewGateOverlay.tsx:4056", style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: "100px 0", gap: "20px" }, children: [
+        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e783380", "data-source-path": "/src/components/ViewGateOverlay.tsx:4057", className: "vg-spinner", style: { width: "40px", height: "40px", border: "3px solid rgba(99, 102, 241, 0.1)", borderTopColor: "#6366f1" } }),
+        /* @__PURE__ */ i.jsx("p", { "data-vg-id": "f01afc60", "data-source-path": "/src/components/ViewGateOverlay.tsx:4058", style: { color: "#64748b", fontSize: "15px", fontWeight: 600 }, children: e === "es" ? "Cargando endpoints..." : "Loading endpoints..." })
       ] }) }),
-      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833bf", "data-source-path": "/src/components/ViewGateOverlay.tsx:4198", style: { padding: "24px 40px", borderTop: "1px solid rgba(0,0,0,0.06)", background: "white", display: "flex", alignItems: "center", justifyContent: "space-between", gap: "20px" }, children: [
-        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833c0", "data-source-path": "/src/components/ViewGateOverlay.tsx:4199", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833d6", "data-source-path": "/src/components/ViewGateOverlay.tsx:4200", style: { padding: "6px 12px", background: "#f1f5f9", borderRadius: "10px", fontSize: "14px", fontWeight: 700, color: "#475569" }, children: [
+      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833bf", "data-source-path": "/src/components/ViewGateOverlay.tsx:4202", style: { padding: "24px 40px", borderTop: "1px solid rgba(0,0,0,0.06)", background: "white", display: "flex", alignItems: "center", justifyContent: "space-between", gap: "20px" }, children: [
+        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833c0", "data-source-path": "/src/components/ViewGateOverlay.tsx:4203", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833d6", "data-source-path": "/src/components/ViewGateOverlay.tsx:4204", style: { padding: "6px 12px", background: "#f1f5f9", borderRadius: "10px", fontSize: "14px", fontWeight: 700, color: "#475569" }, children: [
             J.length,
             " ",
             e === "es" ? "seleccionados" : "selected"
@@ -10171,7 +10173,7 @@ const ww = (t) => {
             "button",
             {
               "data-vg-id": "5861c0d4",
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:4204",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:4208",
               onClick: () => {
                 ee([]), ht && Tr([]);
               },
@@ -10180,11 +10182,11 @@ const ww = (t) => {
             }
           )
         ] }),
-        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833d8", "data-source-path": "/src/components/ViewGateOverlay.tsx:4215", style: { display: "flex", gap: "12px" }, children: /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833d8", "data-source-path": "/src/components/ViewGateOverlay.tsx:4219", style: { display: "flex", gap: "12px" }, children: /* @__PURE__ */ i.jsx(
           "button",
           {
             "data-vg-id": "5861c0d6",
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:4216",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:4220",
             onClick: () => {
               ht && Tr(J), z(!1);
             },
@@ -10215,7 +10217,7 @@ const ww = (t) => {
         ) })
       ] })
     ] }) }),
-    ht && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833da", "data-source-path": "/src/components/ViewGateOverlay.tsx:4251", className: "vg-animate-fade", style: {
+    ht && /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833da", "data-source-path": "/src/components/ViewGateOverlay.tsx:4255", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -10227,7 +10229,7 @@ const ww = (t) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: yt + 50
-    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833db", "data-source-path": "/src/components/ViewGateOverlay.tsx:4257", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833db", "data-source-path": "/src/components/ViewGateOverlay.tsx:4261", className: "vg-glassmorphism vg-animate-slide", style: {
       width: "600px",
       maxWidth: "90vw",
       maxHeight: "90vh",
@@ -10240,14 +10242,14 @@ const ww = (t) => {
       flexDirection: "column",
       gap: "24px"
     }, children: [
-      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833dc", "data-source-path": "/src/components/ViewGateOverlay.tsx:4268", style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-        /* @__PURE__ */ i.jsx("h2", { "data-vg-id": "530b172", "data-source-path": "/src/components/ViewGateOverlay.tsx:4269", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#1e293b" }, children: e === "es" ? "Editar Comentario" : "Edit Comment" }),
-        /* @__PURE__ */ i.jsx("button", { "data-vg-id": "5861c0db", "data-source-path": "/src/components/ViewGateOverlay.tsx:4272", onClick: () => Lr(null), style: { background: "none", border: "none", cursor: "pointer", color: "#94a3b8" }, children: /* @__PURE__ */ i.jsx(Xt, { "data-vg-id": "eec8c8a6", "data-source-path": "/src/components/ViewGateOverlay.tsx:4273", size: 24 }) })
+      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833dc", "data-source-path": "/src/components/ViewGateOverlay.tsx:4272", style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+        /* @__PURE__ */ i.jsx("h2", { "data-vg-id": "530b172", "data-source-path": "/src/components/ViewGateOverlay.tsx:4273", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#1e293b" }, children: e === "es" ? "Editar Comentario" : "Edit Comment" }),
+        /* @__PURE__ */ i.jsx("button", { "data-vg-id": "5861c0db", "data-source-path": "/src/components/ViewGateOverlay.tsx:4276", onClick: () => Lr(null), style: { background: "none", border: "none", cursor: "pointer", color: "#94a3b8" }, children: /* @__PURE__ */ i.jsx(Xt, { "data-vg-id": "eec8c8a6", "data-source-path": "/src/components/ViewGateOverlay.tsx:4277", size: 24 }) })
       ] }),
-      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833f5", "data-source-path": "/src/components/ViewGateOverlay.tsx:4277", style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
-        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833f6", "data-source-path": "/src/components/ViewGateOverlay.tsx:4278", children: [
-          /* @__PURE__ */ i.jsx("label", { "data-vg-id": "feec105a", "data-source-path": "/src/components/ViewGateOverlay.tsx:4279", style: { display: "block", fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", textTransform: "uppercase", letterSpacing: "0.5px" }, children: r.priority }),
-          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833f8", "data-source-path": "/src/components/ViewGateOverlay.tsx:4280", style: { display: "flex", gap: "8px" }, children: ["low", "medium", "high", "urgent"].map((l) => /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833f5", "data-source-path": "/src/components/ViewGateOverlay.tsx:4281", style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833f6", "data-source-path": "/src/components/ViewGateOverlay.tsx:4282", children: [
+          /* @__PURE__ */ i.jsx("label", { "data-vg-id": "feec105a", "data-source-path": "/src/components/ViewGateOverlay.tsx:4283", style: { display: "block", fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", textTransform: "uppercase", letterSpacing: "0.5px" }, children: r.priority }),
+          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833f8", "data-source-path": "/src/components/ViewGateOverlay.tsx:4284", style: { display: "flex", gap: "8px" }, children: ["low", "medium", "high", "urgent"].map((l) => /* @__PURE__ */ i.jsx(
             "button",
             {
               onClick: () => F(l),
@@ -10270,12 +10272,12 @@ const ww = (t) => {
             l
           )) })
         ] }),
-        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833f9", "data-source-path": "/src/components/ViewGateOverlay.tsx:4300", style: { marginBottom: "8px" }, children: [
-          /* @__PURE__ */ i.jsx("label", { "data-vg-id": "feec105d", "data-source-path": "/src/components/ViewGateOverlay.tsx:4301", style: { display: "block", fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", textTransform: "uppercase", letterSpacing: "0.5px" }, children: r.focusAreas }),
-          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833fb", "data-source-path": "/src/components/ViewGateOverlay.tsx:4302", style: { display: "flex", gap: "8px" }, children: [
-            { id: "frontend", label: r.frontend, icon: /* @__PURE__ */ i.jsx(Mr, { "data-vg-id": "b806c329", "data-source-path": "/src/components/ViewGateOverlay.tsx:4304", size: 14 }), color: "#10b981", bg: "#ecfdf5", border: "#d1fae5" },
-            { id: "backend", label: r.backend, icon: /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "b1e4c6b9", "data-source-path": "/src/components/ViewGateOverlay.tsx:4305", size: 14 }), color: "#6366f1", bg: "#eef2ff", border: "#e0e7ff" },
-            { id: "ux", label: r.ux, icon: /* @__PURE__ */ i.jsx(Wt, { "data-vg-id": "ea069d76", "data-source-path": "/src/components/ViewGateOverlay.tsx:4306", size: 14 }), color: "#d946ef", bg: "#fdf4ff", border: "#f5d0fe" }
+        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e7833f9", "data-source-path": "/src/components/ViewGateOverlay.tsx:4304", style: { marginBottom: "8px" }, children: [
+          /* @__PURE__ */ i.jsx("label", { "data-vg-id": "feec105d", "data-source-path": "/src/components/ViewGateOverlay.tsx:4305", style: { display: "block", fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", textTransform: "uppercase", letterSpacing: "0.5px" }, children: r.focusAreas }),
+          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e7833fb", "data-source-path": "/src/components/ViewGateOverlay.tsx:4306", style: { display: "flex", gap: "8px" }, children: [
+            { id: "frontend", label: r.frontend, icon: /* @__PURE__ */ i.jsx(Mr, { "data-vg-id": "b806c329", "data-source-path": "/src/components/ViewGateOverlay.tsx:4308", size: 14 }), color: "#10b981", bg: "#ecfdf5", border: "#d1fae5" },
+            { id: "backend", label: r.backend, icon: /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "b1e4c6b9", "data-source-path": "/src/components/ViewGateOverlay.tsx:4309", size: 14 }), color: "#6366f1", bg: "#eef2ff", border: "#e0e7ff" },
+            { id: "ux", label: r.ux, icon: /* @__PURE__ */ i.jsx(Wt, { "data-vg-id": "ea069d76", "data-source-path": "/src/components/ViewGateOverlay.tsx:4310", size: 14 }), color: "#d946ef", bg: "#fdf4ff", border: "#f5d0fe" }
           ].filter((l) => l.id === "backend" ? Er : l.id === "ux" ? k : !0).map((l) => {
             const h = pt.includes(l.id);
             return /* @__PURE__ */ i.jsxs(
@@ -10310,17 +10312,17 @@ const ww = (t) => {
             );
           }) })
         ] }),
-        pt.includes("ux") && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783414", "data-source-path": "/src/components/ViewGateOverlay.tsx:4342", className: "vg-animate-slide", style: { padding: "16px", borderRadius: "16px", background: "#f8fafc", border: "1px solid #e2e8f0" }, children: [
-          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783415", "data-source-path": "/src/components/ViewGateOverlay.tsx:4343", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
-            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783416", "data-source-path": "/src/components/ViewGateOverlay.tsx:4344", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
-              /* @__PURE__ */ i.jsx(Nr, { "data-vg-id": "d881657c", "data-source-path": "/src/components/ViewGateOverlay.tsx:4345", size: 14, style: { color: "#d946ef" } }),
-              /* @__PURE__ */ i.jsx("span", { "data-vg-id": "81620ad", "data-source-path": "/src/components/ViewGateOverlay.tsx:4346", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase" }, children: r.figmaLink })
+        pt.includes("ux") && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783414", "data-source-path": "/src/components/ViewGateOverlay.tsx:4346", className: "vg-animate-slide", style: { padding: "16px", borderRadius: "16px", background: "#f8fafc", border: "1px solid #e2e8f0" }, children: [
+          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783415", "data-source-path": "/src/components/ViewGateOverlay.tsx:4347", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
+            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783416", "data-source-path": "/src/components/ViewGateOverlay.tsx:4348", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+              /* @__PURE__ */ i.jsx(Nr, { "data-vg-id": "d881657c", "data-source-path": "/src/components/ViewGateOverlay.tsx:4349", size: 14, style: { color: "#d946ef" } }),
+              /* @__PURE__ */ i.jsx("span", { "data-vg-id": "81620ad", "data-source-path": "/src/components/ViewGateOverlay.tsx:4350", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase" }, children: r.figmaLink })
             ] }),
             /* @__PURE__ */ i.jsxs(
               "button",
               {
                 "data-vg-id": "5861c116",
-                "data-source-path": "/src/components/ViewGateOverlay.tsx:4348",
+                "data-source-path": "/src/components/ViewGateOverlay.tsx:4352",
                 onClick: () => Nt([...et, { name: "", link: "" }]),
                 style: { background: "#fdf4ff", border: "1px solid #f5d0fe", color: "#d946ef", borderRadius: "8px", padding: "4px 10px", fontSize: "11px", fontWeight: 800, cursor: "pointer" },
                 children: [
@@ -10330,12 +10332,12 @@ const ww = (t) => {
               }
             )
           ] }),
-          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78341a", "data-source-path": "/src/components/ViewGateOverlay.tsx:4355", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: et.map((l, h) => /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78341b", "data-source-path": "/src/components/ViewGateOverlay.tsx:4357", style: { display: "flex", gap: "8px" }, children: [
+          /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78341a", "data-source-path": "/src/components/ViewGateOverlay.tsx:4359", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: et.map((l, h) => /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e78341b", "data-source-path": "/src/components/ViewGateOverlay.tsx:4361", style: { display: "flex", gap: "8px" }, children: [
             /* @__PURE__ */ i.jsx(
               "input",
               {
                 "data-vg-id": "88e38e55",
-                "data-source-path": "/src/components/ViewGateOverlay.tsx:4358",
+                "data-source-path": "/src/components/ViewGateOverlay.tsx:4362",
                 type: "text",
                 className: "vg-textarea",
                 style: { padding: "8px 12px", fontSize: "12px", minHeight: "auto", borderRadius: "10px" },
@@ -10351,7 +10353,7 @@ const ww = (t) => {
               "input",
               {
                 "data-vg-id": "88e38e56",
-                "data-source-path": "/src/components/ViewGateOverlay.tsx:4369",
+                "data-source-path": "/src/components/ViewGateOverlay.tsx:4373",
                 type: "text",
                 className: "vg-textarea",
                 style: { padding: "8px 12px", fontSize: "12px", minHeight: "auto", borderRadius: "10px" },
@@ -10363,16 +10365,16 @@ const ww = (t) => {
                 }
               }
             ),
-            et.length > 1 && /* @__PURE__ */ i.jsx("button", { "data-vg-id": "5861c130", "data-source-path": "/src/components/ViewGateOverlay.tsx:4381", onClick: () => Nt(et.filter((p, Q) => Q !== h)), style: { color: "#ef4444", background: "none", border: "none", cursor: "pointer" }, children: /* @__PURE__ */ i.jsx(jr, { "data-vg-id": "45b44619", "data-source-path": "/src/components/ViewGateOverlay.tsx:4382", size: 16 }) })
+            et.length > 1 && /* @__PURE__ */ i.jsx("button", { "data-vg-id": "5861c130", "data-source-path": "/src/components/ViewGateOverlay.tsx:4385", onClick: () => Nt(et.filter((p, Q) => Q !== h)), style: { color: "#ef4444", background: "none", border: "none", cursor: "pointer" }, children: /* @__PURE__ */ i.jsx(jr, { "data-vg-id": "45b44619", "data-source-path": "/src/components/ViewGateOverlay.tsx:4386", size: 16 }) })
           ] }, h)) })
         ] }),
-        Er && pt.includes("backend") && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783435", "data-source-path": "/src/components/ViewGateOverlay.tsx:4393", className: "vg-animate-slide", style: { padding: "16px", borderRadius: "16px", background: "#f8fafc", border: "1px solid #e2e8f0" }, children: [
-          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783436", "data-source-path": "/src/components/ViewGateOverlay.tsx:4394", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "8px" }, children: [
-            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783437", "data-source-path": "/src/components/ViewGateOverlay.tsx:4395", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
-              /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "b1e4c6f4", "data-source-path": "/src/components/ViewGateOverlay.tsx:4396", size: 14, style: { color: "#6366f1" } }),
-              /* @__PURE__ */ i.jsx("span", { "data-vg-id": "81620ce", "data-source-path": "/src/components/ViewGateOverlay.tsx:4397", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase" }, children: r.endpoint })
+        Er && pt.includes("backend") && /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783435", "data-source-path": "/src/components/ViewGateOverlay.tsx:4397", className: "vg-animate-slide", style: { padding: "16px", borderRadius: "16px", background: "#f8fafc", border: "1px solid #e2e8f0" }, children: [
+          /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783436", "data-source-path": "/src/components/ViewGateOverlay.tsx:4398", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783437", "data-source-path": "/src/components/ViewGateOverlay.tsx:4399", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+              /* @__PURE__ */ i.jsx(Ge, { "data-vg-id": "b1e4c6f4", "data-source-path": "/src/components/ViewGateOverlay.tsx:4400", size: 14, style: { color: "#6366f1" } }),
+              /* @__PURE__ */ i.jsx("span", { "data-vg-id": "81620ce", "data-source-path": "/src/components/ViewGateOverlay.tsx:4401", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase" }, children: r.endpoint })
             ] }),
-            ke.length > 0 && /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "81620cf", "data-source-path": "/src/components/ViewGateOverlay.tsx:4400", style: { fontSize: "10px", background: "#eef2ff", color: "#6366f1", padding: "2px 8px", borderRadius: "12px", fontWeight: 700 }, children: [
+            ke.length > 0 && /* @__PURE__ */ i.jsxs("span", { "data-vg-id": "81620cf", "data-source-path": "/src/components/ViewGateOverlay.tsx:4404", style: { fontSize: "10px", background: "#eef2ff", color: "#6366f1", padding: "2px 8px", borderRadius: "12px", fontWeight: 700 }, children: [
               ke.length,
               " ",
               e === "es" ? "seleccionados" : "selected"
@@ -10382,21 +10384,21 @@ const ww = (t) => {
             "button",
             {
               "data-vg-id": "5861c138",
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:4405",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:4409",
               onClick: () => z(!0),
               style: { width: "100%", padding: "12px 16px", fontSize: "14px", borderRadius: "12px", background: "white", border: "1px solid #e2e8f0", display: "flex", alignItems: "center", justifyContent: "space-between", cursor: "pointer", textAlign: "left", color: ke.length > 0 ? "#0f172a" : "#94a3b8" },
               children: [
-                /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78343c", "data-source-path": "/src/components/ViewGateOverlay.tsx:4409", style: { display: "flex", gap: "4px", overflow: "hidden" }, children: ke.length > 0 ? ke.slice(0, 2).map((l) => /* @__PURE__ */ i.jsx("span", { "data-vg-id": "81620e7", "data-source-path": "/src/components/ViewGateOverlay.tsx:4411", style: { background: "#eef2ff", color: "#6366f1", padding: "1px 6px", borderRadius: "4px", fontSize: "11px", fontWeight: 600 }, children: l.split("|").pop() }, l)).concat(ke.length > 2 ? [/* @__PURE__ */ i.jsxs("span", { "data-vg-id": "81620e8", "data-source-path": "/src/components/ViewGateOverlay.tsx:4411", children: [
+                /* @__PURE__ */ i.jsx("div", { "data-vg-id": "2e78343c", "data-source-path": "/src/components/ViewGateOverlay.tsx:4413", style: { display: "flex", gap: "4px", overflow: "hidden" }, children: ke.length > 0 ? ke.slice(0, 2).map((l) => /* @__PURE__ */ i.jsx("span", { "data-vg-id": "81620e7", "data-source-path": "/src/components/ViewGateOverlay.tsx:4415", style: { background: "#eef2ff", color: "#6366f1", padding: "1px 6px", borderRadius: "4px", fontSize: "11px", fontWeight: 600 }, children: l.split("|").pop() }, l)).concat(ke.length > 2 ? [/* @__PURE__ */ i.jsxs("span", { "data-vg-id": "81620e8", "data-source-path": "/src/components/ViewGateOverlay.tsx:4415", children: [
                   "+",
                   ke.length - 2
                 ] }, "plus")] : []) : r.selectEndpoint }),
-                /* @__PURE__ */ i.jsx(sa, { "data-vg-id": "1cd39120", "data-source-path": "/src/components/ViewGateOverlay.tsx:4414", size: 14, style: { color: "#64748b" } })
+                /* @__PURE__ */ i.jsx(sa, { "data-vg-id": "1cd39120", "data-source-path": "/src/components/ViewGateOverlay.tsx:4418", size: 14, style: { color: "#64748b" } })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783455", "data-source-path": "/src/components/ViewGateOverlay.tsx:4419", children: [
-          /* @__PURE__ */ i.jsx("label", { "data-vg-id": "feec10b9", "data-source-path": "/src/components/ViewGateOverlay.tsx:4420", style: { display: "block", fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", textTransform: "uppercase", letterSpacing: "0.5px" }, children: e === "es" ? "Mensaje" : "Message" }),
+        /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783455", "data-source-path": "/src/components/ViewGateOverlay.tsx:4423", children: [
+          /* @__PURE__ */ i.jsx("label", { "data-vg-id": "feec10b9", "data-source-path": "/src/components/ViewGateOverlay.tsx:4424", style: { display: "block", fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", textTransform: "uppercase", letterSpacing: "0.5px" }, children: e === "es" ? "Mensaje" : "Message" }),
           /* @__PURE__ */ i.jsx(
             "textarea",
             {
@@ -10409,12 +10411,12 @@ const ww = (t) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783457", "data-source-path": "/src/components/ViewGateOverlay.tsx:4431", style: { display: "flex", justifyContent: "flex-end", gap: "12px", marginTop: "16px", paddingTop: "24px", borderTop: "1px solid #f1f5f9" }, children: [
+      /* @__PURE__ */ i.jsxs("div", { "data-vg-id": "2e783457", "data-source-path": "/src/components/ViewGateOverlay.tsx:4435", style: { display: "flex", justifyContent: "flex-end", gap: "12px", marginTop: "16px", paddingTop: "24px", borderTop: "1px solid #f1f5f9" }, children: [
         /* @__PURE__ */ i.jsx(
           "button",
           {
             "data-vg-id": "5861c155",
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:4432",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:4436",
             className: "vg-button-ghost",
             style: { padding: "12px 24px", fontSize: "14px", borderRadius: "12px", color: "#64748b", fontWeight: 700 },
             onClick: () => {