viewgate-wrapper 1.11.41 → 1.11.42

package/dist/viewgate-wrapper.js

@@ -1,33 +1,33 @@
 (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0!important;padding:0!important}:root{--vg-primary: #6366f1;--vg-primary-glow: rgba(99, 102, 241, .5);--vg-primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--vg-bg-glass: rgba(255, 255, 255, .7);--vg-radius: 16px;--vg-font-main: "Inter", system-ui, sans-serif;--vg-font-alt: "Inter", system-ui, sans-serif;--placeholder-color: #94a3b8;--vg-glass-border: rgba(255, 255, 255, .3);--vg-shadow-premium: 0 20px 50px rgba(0, 0, 0, .1)}.vg-container,.vg-container *{box-sizing:border-box}.vg-container{font-family:var(--vg-font-main);-webkit-font-smoothing:antialiased;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.vg-glassmorphism{background:var(--vg-bg-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--vg-glass-border);box-shadow:0 8px 32px #0000001a;border-radius:var(--vg-radius);position:relative}.vg-button-primary{background:var(--vg-primary-gradient);color:#fff;border:none;padding:12px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #6366f14d}.vg-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.vg-button-primary:disabled,.vg-button-ghost:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4);transform:none!important;box-shadow:none!important;pointer-events:none}.vg-button-ghost{background:#fffc;color:#1e293b;border:1px solid #e2e8f0;padding:10px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px}.vg-button-ghost:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.vg-badge{background:#f1f5f9;color:#64748b;padding:4px 12px;font-size:11px;border-radius:99px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.vg-textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-family:var(--vg-font-main);font-size:15px;color:#0f172a;resize:none;outline:none;background:#f8fafc;transition:all .2s ease}.vg-textarea:focus{background:#fff;border-color:var(--vg-primary);box-shadow:0 0 0 4px #6366f11a}@keyframes vg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vg-slide-in{0%{transform:translateY(30px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes vg-pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes vg-slide-up-fade{0%{transform:translateY(12px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.vg-animate-pop{animation:vg-pop-in .4s cubic-bezier(.34,1.56,.64,1) forwards}.vg-animate-slide-up{animation:vg-slide-up-fade .5s cubic-bezier(.22,1,.36,1) forwards}.vg-button-primary,.vg-button-ghost,.vg-pin-container,.vg-action-bar,.vg-glassmorphism{transition:all .3s cubic-bezier(.4,0,.2,1)}.vg-animate-slide{animation:vg-slide-in .5s cubic-bezier(.22,1,.36,1) forwards}.vg-animate-fade{animation:vg-fade-in .35s cubic-bezier(.22,1,.36,1) forwards}.vg-toasts{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px}.vg-toast{padding:12px 20px;display:flex;align-items:center;gap:12px;min-width:300px;border-radius:12px;box-shadow:0 10px 30px #0000001a;background:#fff}.vg-toast.success{border-left:6px solid #22c55e}.vg-toast.error{border-left:6px solid #ef4444}.vg-backdrop-blur{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px) grayscale(.2);backdrop-filter:blur(8px) grayscale(.2);background:#0000001a;pointer-events:none;transition:opacity .3s ease,clip-path .2s cubic-bezier(.19,1,.22,1)}.vg-selection-pulse{position:fixed;pointer-events:none;border:2px solid var(--vg-primary);border-radius:8px;box-shadow:0 0 0 0 var(--vg-primary-glow);animation:vg-pulse 2s infinite;transition:all .2s cubic-bezier(.19,1,.22,1)}@keyframes vg-pulse{0%{box-shadow:0 0 0 0 var(--vg-primary-glow)}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}.vg-selection-label{position:absolute;top:-40px;left:0;background:var(--vg-primary-gradient);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #6366f14d;display:flex;align-items:center;gap:8px}.vg-pin-container{transition:transform .2s ease}.vg-pin-container:hover{transform:scale(1.1);z-index:2147483645!important}.vg-formal-pin{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);border:3px solid white;box-shadow:0 4px 12px #ea580c66;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.vg-formal-pin.modal-variant{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66;border-style:dashed}.vg-formal-pin.ready{background:linear-gradient(135deg,#a855f7,#7e22ce);box-shadow:0 4px 12px #a855f766}.vg-formal-pin.completed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.vg-formal-pin.backlog{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 4px 12px #64748b66}.vg-formal-pin.bug{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 4px 12px #e11d4866}.vg-formal-pin.mixed{border:3px solid #ea580c;box-shadow:0 4px 15px #ea580c66}.vg-pin-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);padding:16px;border-radius:16px;background:#fff;color:#1e293b;width:320px;font-size:13px;box-shadow:0 10px 40px #00000040;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.19,1,.22,1);border:1px solid #e2e8f0;z-index:1000;overflow:hidden}.vg-tooltip-scroll{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.2) transparent;overflow-y:auto;overflow-x:hidden;padding-right:12px;scroll-behavior:smooth}.vg-tooltip-scroll::-webkit-scrollbar{width:4px}.vg-tooltip-scroll::-webkit-scrollbar-track{background:transparent}.vg-tooltip-scroll::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:10px}.vg-tooltip-scroll::-webkit-scrollbar-thumb:hover{background:#6366f180}.vg-text-wrap{word-break:break-word;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:pre-wrap}.vg-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.8em}.vg-pin-badge{position:absolute;top:-8px;right:-8px;background:#f43f5e;color:#fff;font-size:10px;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 4px 12px #f43f5e66;z-index:2}.vg-pin-tooltip.vg-top{top:auto;bottom:calc(100% + 12px)}.vg-pin-tooltip.vg-tooltip-right{left:0;transform:translate(0)}.vg-pin-tooltip.vg-tooltip-left{left:auto;right:0;transform:translate(0)}.vg-pin-container:hover .vg-pin-tooltip.vg-tooltip-right,.vg-pin-container:hover .vg-pin-tooltip.vg-tooltip-left{transform:translate(0) translateY(-5px)}.vg-pin-container:hover .vg-pin-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(-5px)}.vg-action-bar{display:flex;gap:12px;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.vg-custom-scrollbar::-webkit-scrollbar{width:6px}.vg-custom-scrollbar::-webkit-scrollbar-track{background:transparent}.vg-custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f166;border-radius:10px;transition:all .2s ease}.vg-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.vg-spinner{border:3px solid rgba(99,102,241,.1);border-top:3px solid var(--vg-primary);border-radius:50%;width:32px;height:32px;animation:vg-spin .8s linear infinite}@keyframes vg-spin{to{transform:rotate(360deg)}}.vg-animate-spin{animation:vg-spin .8s linear infinite}.vg-cursor-pointer,.vg-cursor-pointer *{cursor:pointer!important}.vg-url-tag{position:relative;cursor:help;transition:all .2s ease}.vg-url-tag:hover{background:#f1f5f9!important;border-color:var(--vg-primary)!important}.vg-url-tooltip{position:fixed;left:0;top:0;background:#0f172a;color:#fff;padding:8px 14px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 10px 25px -5px #0006;z-index:2147483647;border:1px solid rgba(255,255,255,.1)}.vg-url-tooltip.visible{opacity:1}.vg-url-tooltip:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-width:6px;border-style:solid}.vg-url-tooltip.vg-top:after{top:100%;border-color:#0f172a transparent transparent transparent}.vg-url-tooltip.vg-bottom:after{bottom:100%;border-color:transparent transparent #0f172a transparent}.vg-segmented-control{display:flex;background:#f1f5f9;padding:4px;border-radius:99px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;border:4px solid #e2e8f0;width:100%;max-width:480px;margin:0 auto}.vg-segmented-slider{position:absolute;top:4px;bottom:4px;border-radius:99px;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:1}.vg-segmented-item{position:relative;flex:1;padding:8px 4px;font-size:11px;font-weight:700;text-align:center;z-index:2;transition:all .35s ease;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:99px;color:#64748b;white-space:nowrap;min-width:0}.vg-segmented-item.active{color:#fff}.vg-glassmorphism.vg-animate-slide:last-child{margin-bottom:0!important}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import xt, { createContext as Rr, useEffect as se, useLayoutEffect as ss, useContext as _r, useMemo as ot, useRef as ee, useCallback as _e, useDebugValue as os, useState as C, forwardRef as Tr, createElement as Ga } from "react";
-import { createPortal as ns } from "react-dom";
+import xt, { createContext as _r, useEffect as oe, useLayoutEffect as oo, useContext as Tr, useMemo as st, useRef as ee, useCallback as _e, useDebugValue as so, useState as C, forwardRef as Ar, createElement as Ra } from "react";
+import { createPortal as no } from "react-dom";
 var Xt = { exports: {} }, Ct = {};
 var sr;
-function is() {
+function io() {
   if (sr) return Ct;
   sr = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.fragment");
-  function r(o, c, d) {
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), o = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(s, i, c) {
     var l = null;
-    if (d !== void 0 && (l = "" + d), c.key !== void 0 && (l = "" + c.key), "key" in c) {
-      d = {};
-      for (var u in c)
-        u !== "key" && (d[u] = c[u]);
-    } else d = c;
-    return c = d.ref, {
+    if (c !== void 0 && (l = "" + c), i.key !== void 0 && (l = "" + i.key), "key" in i) {
+      c = {};
+      for (var p in i)
+        p !== "key" && (c[p] = i[p]);
+    } else c = i;
+    return i = c.ref, {
       $$typeof: e,
-      type: o,
+      type: s,
       key: l,
-      ref: c !== void 0 ? c : null,
-      props: d
+      ref: i !== void 0 ? i : null,
+      props: c
     };
   }
-  return Ct.Fragment = s, Ct.jsx = r, Ct.jsxs = r, Ct;
+  return Ct.Fragment = o, Ct.jsx = r, Ct.jsxs = r, Ct;
 }
 var Et = {};
-var or;
-function cs() {
-  return or || (or = 1, process.env.NODE_ENV !== "production" && (function() {
+var nr;
+function co() {
+  return nr || (nr = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(f) {
       if (f == null) return null;
       if (typeof f == "function")
@@ -44,7 +44,7 @@ function cs() {
           return "Suspense";
         case X:
           return "SuspenseList";
-        case oe:
+        case se:
           return "Activity";
       }
       if (typeof f == "object")
@@ -71,12 +71,12 @@ function cs() {
         }
       return null;
     }
-    function s(f) {
+    function o(f) {
       return "" + f;
     }
     function r(f) {
       try {
-        s(f);
+        o(f);
         var R = !1;
       } catch {
         R = !0;
@@ -88,10 +88,10 @@ function cs() {
           R,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           $
-        ), s(f);
+        ), o(f);
       }
     }
-    function o(f) {
+    function s(f) {
       if (f === T) return "<>";
       if (typeof f == "object" && f !== null && f.$$typeof === D)
         return "<...>";
@@ -102,11 +102,11 @@ function cs() {
         return "<...>";
       }
     }
-    function c() {
+    function i() {
       var f = M.A;
       return f === null ? null : f.getOwner();
     }
-    function d() {
+    function c() {
       return Error("react-stack-top-frame");
     }
     function l(f) {
@@ -116,7 +116,7 @@ function cs() {
       }
       return f.key !== void 0;
     }
-    function u(f, R) {
+    function p(f, R) {
       function z() {
         L || (L = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
@@ -134,7 +134,7 @@ function cs() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function k(f, R, z, $, Ae, Ee) {
+    function S(f, R, z, $, Ae, Ee) {
       var P = z.ref;
       return f = {
         $$typeof: V,
@@ -203,14 +203,14 @@ React keys must be passed directly to JSX without using spread:
         for (var nt in R)
           nt !== "key" && (z[nt] = R[nt]);
       } else z = R;
-      return P && u(
+      return P && p(
         z,
         typeof f == "function" ? f.displayName || f.name || "Unknown" : f
-      ), k(
+      ), S(
         f,
         P,
         z,
-        c(),
+        i(),
         Ae,
         Ee
       );
@@ -221,18 +221,18 @@ React keys must be passed directly to JSX without using spread:
     function h(f) {
       return typeof f == "object" && f !== null && f.$$typeof === V;
     }
-    var S = xt, V = /* @__PURE__ */ Symbol.for("react.transitional.element"), E = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), G = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), ge = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), U = /* @__PURE__ */ Symbol.for("react.forward_ref"), N = /* @__PURE__ */ Symbol.for("react.suspense"), X = /* @__PURE__ */ Symbol.for("react.suspense_list"), re = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), oe = /* @__PURE__ */ Symbol.for("react.activity"), le = /* @__PURE__ */ Symbol.for("react.client.reference"), M = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, pe = Object.prototype.hasOwnProperty, B = Array.isArray, ne = console.createTask ? console.createTask : function() {
+    var k = xt, V = /* @__PURE__ */ Symbol.for("react.transitional.element"), E = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), G = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), ge = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), U = /* @__PURE__ */ Symbol.for("react.forward_ref"), N = /* @__PURE__ */ Symbol.for("react.suspense"), X = /* @__PURE__ */ Symbol.for("react.suspense_list"), re = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), se = /* @__PURE__ */ Symbol.for("react.activity"), le = /* @__PURE__ */ Symbol.for("react.client.reference"), M = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, pe = Object.prototype.hasOwnProperty, B = Array.isArray, ne = console.createTask ? console.createTask : function() {
       return null;
     };
-    S = {
+    k = {
       react_stack_bottom_frame: function(f) {
         return f();
       }
     };
-    var L, je = {}, Oe = S.react_stack_bottom_frame.bind(
-      S,
-      d
-    )(), Be = ne(o(d)), Ce = {};
+    var L, je = {}, Oe = k.react_stack_bottom_frame.bind(
+      k,
+      c
+    )(), Be = ne(s(c)), Ce = {};
     Et.Fragment = T, Et.jsx = function(f, R, z) {
       var $ = 1e4 > M.recentlyCreatedOwnerStacks++;
       return y(
@@ -241,7 +241,7 @@ React keys must be passed directly to JSX without using spread:
         z,
         !1,
         $ ? Error("react-stack-top-frame") : Oe,
-        $ ? ne(o(f)) : Be
+        $ ? ne(s(f)) : Be
       );
     }, Et.jsxs = function(f, R, z) {
       var $ = 1e4 > M.recentlyCreatedOwnerStacks++;
@@ -251,72 +251,72 @@ React keys must be passed directly to JSX without using spread:
         z,
         !0,
         $ ? Error("react-stack-top-frame") : Oe,
-        $ ? ne(o(f)) : Be
+        $ ? ne(s(f)) : Be
       );
     };
   })()), Et;
 }
-var nr;
-function ds() {
-  return nr || (nr = 1, process.env.NODE_ENV === "production" ? Xt.exports = is() : Xt.exports = cs()), Xt.exports;
-}
-var t = ds(), Kt = { exports: {} }, ya = {};
 var ir;
-function ls() {
-  if (ir) return ya;
-  ir = 1;
+function lo() {
+  return ir || (ir = 1, process.env.NODE_ENV === "production" ? Xt.exports = io() : Xt.exports = co()), Xt.exports;
+}
+var t = lo(), Kt = { exports: {} }, ba = {};
+var cr;
+function po() {
+  if (cr) return ba;
+  cr = 1;
   var e = xt;
-  function s(g, h) {
+  function o(g, h) {
     return g === h && (g !== 0 || 1 / g === 1 / h) || g !== g && h !== h;
   }
-  var r = typeof Object.is == "function" ? Object.is : s, o = e.useState, c = e.useEffect, d = e.useLayoutEffect, l = e.useDebugValue;
-  function u(g, h) {
-    var S = h(), V = o({ inst: { value: S, getSnapshot: h } }), E = V[0].inst, T = V[1];
-    return d(
+  var r = typeof Object.is == "function" ? Object.is : o, s = e.useState, i = e.useEffect, c = e.useLayoutEffect, l = e.useDebugValue;
+  function p(g, h) {
+    var k = h(), V = s({ inst: { value: k, getSnapshot: h } }), E = V[0].inst, T = V[1];
+    return c(
       function() {
-        E.value = S, E.getSnapshot = h, m(E) && T({ inst: E });
+        E.value = k, E.getSnapshot = h, m(E) && T({ inst: E });
       },
-      [g, S, h]
-    ), c(
+      [g, k, h]
+    ), i(
       function() {
         return m(E) && T({ inst: E }), g(function() {
           m(E) && T({ inst: E });
         });
       },
       [g]
-    ), l(S), S;
+    ), l(k), k;
   }
   function m(g) {
     var h = g.getSnapshot;
     g = g.value;
     try {
-      var S = h();
-      return !r(g, S);
+      var k = h();
+      return !r(g, k);
     } catch {
       return !0;
     }
   }
-  function k(g, h) {
+  function S(g, h) {
     return h();
   }
-  var y = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? k : u;
-  return ya.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : y, ya;
+  var y = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? S : p;
+  return ba.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : y, ba;
 }
-var ba = {};
-var cr;
-function ps() {
-  return cr || (cr = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(S, V) {
-      return S === V && (S !== 0 || 1 / S === 1 / V) || S !== S && V !== V;
+var wa = {};
+var dr;
+function uo() {
+  return dr || (dr = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(k, V) {
+      return k === V && (k !== 0 || 1 / k === 1 / V) || k !== k && V !== V;
     }
-    function s(S, V) {
-      y || c.startTransition === void 0 || (y = !0, console.error(
+    function o(k, V) {
+      y || i.startTransition === void 0 || (y = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
       var E = V();
       if (!g) {
         var T = V();
-        d(E, T) || (console.error(
+        c(E, T) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), g = !0);
       }
@@ -328,188 +328,188 @@ function ps() {
         function() {
           G.value = E, G.getSnapshot = V, r(G) && x({ inst: G });
         },
-        [S, E, V]
-      ), u(
+        [k, E, V]
+      ), p(
         function() {
-          return r(G) && x({ inst: G }), S(function() {
+          return r(G) && x({ inst: G }), k(function() {
             r(G) && x({ inst: G });
           });
         },
-        [S]
-      ), k(E), E;
+        [k]
+      ), S(E), E;
     }
-    function r(S) {
-      var V = S.getSnapshot;
-      S = S.value;
+    function r(k) {
+      var V = k.getSnapshot;
+      k = k.value;
       try {
         var E = V();
-        return !d(S, E);
+        return !c(k, E);
       } catch {
         return !0;
       }
     }
-    function o(S, V) {
+    function s(k, V) {
       return V();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var c = xt, d = typeof Object.is == "function" ? Object.is : e, l = c.useState, u = c.useEffect, m = c.useLayoutEffect, k = c.useDebugValue, y = !1, g = !1, h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? o : s;
-    ba.useSyncExternalStore = c.useSyncExternalStore !== void 0 ? c.useSyncExternalStore : h, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), ba;
+    var i = xt, c = typeof Object.is == "function" ? Object.is : e, l = i.useState, p = i.useEffect, m = i.useLayoutEffect, S = i.useDebugValue, y = !1, g = !1, h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? s : o;
+    wa.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : h, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), wa;
 }
-var dr;
-function us() {
-  return dr || (dr = 1, process.env.NODE_ENV === "production" ? Kt.exports = ls() : Kt.exports = ps()), Kt.exports;
+var lr;
+function fo() {
+  return lr || (lr = 1, process.env.NODE_ENV === "production" ? Kt.exports = po() : Kt.exports = uo()), Kt.exports;
 }
-var lr = us();
-const Ar = 0, Ir = 1, Nr = 2, pr = 3;
-var ur = Object.prototype.hasOwnProperty;
-function Ra(e, s) {
-  var r, o;
-  if (e === s) return !0;
-  if (e && s && (r = e.constructor) === s.constructor) {
-    if (r === Date) return e.getTime() === s.getTime();
-    if (r === RegExp) return e.toString() === s.toString();
+var pr = fo();
+const Ir = 0, Nr = 1, zr = 2, ur = 3;
+var fr = Object.prototype.hasOwnProperty;
+function _a(e, o) {
+  var r, s;
+  if (e === o) return !0;
+  if (e && o && (r = e.constructor) === o.constructor) {
+    if (r === Date) return e.getTime() === o.getTime();
+    if (r === RegExp) return e.toString() === o.toString();
     if (r === Array) {
-      if ((o = e.length) === s.length)
-        for (; o-- && Ra(e[o], s[o]); ) ;
-      return o === -1;
+      if ((s = e.length) === o.length)
+        for (; s-- && _a(e[s], o[s]); ) ;
+      return s === -1;
     }
     if (!r || typeof e == "object") {
-      o = 0;
+      s = 0;
       for (r in e)
-        if (ur.call(e, r) && ++o && !ur.call(s, r) || !(r in s) || !Ra(e[r], s[r])) return !1;
-      return Object.keys(s).length === o;
+        if (fr.call(e, r) && ++s && !fr.call(o, r) || !(r in o) || !_a(e[r], o[r])) return !1;
+      return Object.keys(o).length === s;
     }
   }
-  return e !== e && s !== s;
+  return e !== e && o !== o;
 }
 const $e = /* @__PURE__ */ new WeakMap(), Fe = () => {
 }, de = (
   /*#__NOINLINE__*/
   Fe()
-), _a = Object, I = (e) => e === de, Pe = (e) => typeof e == "function", Xe = (e, s) => ({
+), Ta = Object, I = (e) => e === de, Pe = (e) => typeof e == "function", Xe = (e, o) => ({
   ...e,
-  ...s
-}), zr = (e) => Pe(e.then), wa = {}, Jt = {}, Ma = "undefined", It = typeof window != Ma, Ta = typeof document != Ma, fs = It && "Deno" in window, gs = () => It && typeof window.requestAnimationFrame != Ma, Pr = (e, s) => {
+  ...o
+}), Pr = (e) => Pe(e.then), ka = {}, Jt = {}, La = "undefined", It = typeof window != La, Aa = typeof document != La, go = It && "Deno" in window, mo = () => It && typeof window.requestAnimationFrame != La, Mr = (e, o) => {
   const r = $e.get(e);
   return [
     // Getter
-    () => !I(s) && e.get(s) || wa,
+    () => !I(o) && e.get(o) || ka,
     // Setter
-    (o) => {
-      if (!I(s)) {
-        const c = e.get(s);
-        s in Jt || (Jt[s] = c), r[5](s, Xe(c, o), c || wa);
+    (s) => {
+      if (!I(o)) {
+        const i = e.get(o);
+        o in Jt || (Jt[o] = i), r[5](o, Xe(i, s), i || ka);
       }
     },
     // Subscriber
     r[6],
     // Get server cache snapshot
-    () => !I(s) && s in Jt ? Jt[s] : !I(s) && e.get(s) || wa
+    () => !I(o) && o in Jt ? Jt[o] : !I(o) && e.get(o) || ka
   ];
 };
-let Aa = !0;
-const ms = () => Aa, [Ia, Na] = It && window.addEventListener ? [
+let Ia = !0;
+const ho = () => Ia, [Na, za] = It && window.addEventListener ? [
   window.addEventListener.bind(window),
   window.removeEventListener.bind(window)
 ] : [
   Fe,
   Fe
-], hs = () => {
-  const e = Ta && document.visibilityState;
+], xo = () => {
+  const e = Aa && document.visibilityState;
   return I(e) || e !== "hidden";
-}, xs = (e) => (Ta && document.addEventListener("visibilitychange", e), Ia("focus", e), () => {
-  Ta && document.removeEventListener("visibilitychange", e), Na("focus", e);
-}), vs = (e) => {
-  const s = () => {
-    Aa = !0, e();
+}, vo = (e) => (Aa && document.addEventListener("visibilitychange", e), Na("focus", e), () => {
+  Aa && document.removeEventListener("visibilitychange", e), za("focus", e);
+}), yo = (e) => {
+  const o = () => {
+    Ia = !0, e();
   }, r = () => {
-    Aa = !1;
+    Ia = !1;
   };
-  return Ia("online", s), Ia("offline", r), () => {
-    Na("online", s), Na("offline", r);
+  return Na("online", o), Na("offline", r), () => {
+    za("online", o), za("offline", r);
   };
-}, ys = {
-  isOnline: ms,
-  isVisible: hs
-}, bs = {
-  initFocus: xs,
-  initReconnect: vs
-}, fr = !xt.useId, ht = !It || fs, ws = (e) => gs() ? window.requestAnimationFrame(e) : setTimeout(e, 1), ka = ht ? se : ss, Sa = typeof navigator < "u" && navigator.connection, gr = !ht && Sa && ([
+}, bo = {
+  isOnline: ho,
+  isVisible: xo
+}, wo = {
+  initFocus: vo,
+  initReconnect: yo
+}, gr = !xt.useId, ht = !It || go, ko = (e) => mo() ? window.requestAnimationFrame(e) : setTimeout(e, 1), Sa = ht ? oe : oo, ja = typeof navigator < "u" && navigator.connection, mr = !ht && ja && ([
   "slow-2g",
   "2g"
-].includes(Sa.effectiveType) || Sa.saveData), Zt = /* @__PURE__ */ new WeakMap(), ks = (e) => _a.prototype.toString.call(e), ja = (e, s) => e === `[object ${s}]`;
-let Ss = 0;
-const za = (e) => {
-  const s = typeof e, r = ks(e), o = ja(r, "Date"), c = ja(r, "RegExp"), d = ja(r, "Object");
-  let l, u;
-  if (_a(e) === e && !o && !c) {
+].includes(ja.effectiveType) || ja.saveData), Zt = /* @__PURE__ */ new WeakMap(), So = (e) => Ta.prototype.toString.call(e), Oa = (e, o) => e === `[object ${o}]`;
+let jo = 0;
+const Pa = (e) => {
+  const o = typeof e, r = So(e), s = Oa(r, "Date"), i = Oa(r, "RegExp"), c = Oa(r, "Object");
+  let l, p;
+  if (Ta(e) === e && !s && !i) {
     if (l = Zt.get(e), l) return l;
-    if (l = ++Ss + "~", Zt.set(e, l), Array.isArray(e)) {
-      for (l = "@", u = 0; u < e.length; u++)
-        l += za(e[u]) + ",";
+    if (l = ++jo + "~", Zt.set(e, l), Array.isArray(e)) {
+      for (l = "@", p = 0; p < e.length; p++)
+        l += Pa(e[p]) + ",";
       Zt.set(e, l);
     }
-    if (d) {
+    if (c) {
       l = "#";
-      const m = _a.keys(e).sort();
-      for (; !I(u = m.pop()); )
-        I(e[u]) || (l += u + ":" + za(e[u]) + ",");
+      const m = Ta.keys(e).sort();
+      for (; !I(p = m.pop()); )
+        I(e[p]) || (l += p + ":" + Pa(e[p]) + ",");
       Zt.set(e, l);
     }
   } else
-    l = o ? e.toJSON() : s == "symbol" ? e.toString() : s == "string" ? JSON.stringify(e) : "" + e;
+    l = s ? e.toJSON() : o == "symbol" ? e.toString() : o == "string" ? JSON.stringify(e) : "" + e;
   return l;
-}, La = (e) => {
+}, Wa = (e) => {
   if (Pe(e))
     try {
       e = e();
     } catch {
       e = "";
     }
-  const s = e;
-  return e = typeof e == "string" ? e : (Array.isArray(e) ? e.length : e) ? za(e) : "", [
+  const o = e;
+  return e = typeof e == "string" ? e : (Array.isArray(e) ? e.length : e) ? Pa(e) : "", [
     e,
-    s
+    o
   ];
 };
-let js = 0;
-const Pa = () => ++js;
-async function Mr(...e) {
-  const [s, r, o, c] = e, d = Xe({
+let Oo = 0;
+const Ma = () => ++Oo;
+async function Lr(...e) {
+  const [o, r, s, i] = e, c = Xe({
     populateCache: !0,
     throwOnError: !0
-  }, typeof c == "boolean" ? {
-    revalidate: c
-  } : c || {});
-  let l = d.populateCache;
-  const u = d.rollbackOnError;
-  let m = d.optimisticData;
-  const k = (h) => typeof u == "function" ? u(h) : u !== !1, y = d.throwOnError;
+  }, typeof i == "boolean" ? {
+    revalidate: i
+  } : i || {});
+  let l = c.populateCache;
+  const p = c.rollbackOnError;
+  let m = c.optimisticData;
+  const S = (h) => typeof p == "function" ? p(h) : p !== !1, y = c.throwOnError;
   if (Pe(r)) {
-    const h = r, S = [], V = s.keys();
+    const h = r, k = [], V = o.keys();
     for (const E of V)
       // Skip the special useSWRInfinite and useSWRSubscription keys.
-      !/^\$(inf|sub)\$/.test(E) && h(s.get(E)._k) && S.push(E);
-    return Promise.all(S.map(g));
+      !/^\$(inf|sub)\$/.test(E) && h(o.get(E)._k) && k.push(E);
+    return Promise.all(k.map(g));
   }
   return g(r);
   async function g(h) {
-    const [S] = La(h);
-    if (!S) return;
-    const [V, E] = Pr(s, S), [T, G, x, ge] = $e.get(s), A = () => {
-      const B = T[S];
-      return (Pe(d.revalidate) ? d.revalidate(V().data, h) : d.revalidate !== !1) && (delete x[S], delete ge[S], B && B[0]) ? B[0](Nr).then(() => V().data) : V().data;
+    const [k] = Wa(h);
+    if (!k) return;
+    const [V, E] = Mr(o, k), [T, G, x, ge] = $e.get(o), A = () => {
+      const B = T[k];
+      return (Pe(c.revalidate) ? c.revalidate(V().data, h) : c.revalidate !== !1) && (delete x[k], delete ge[k], B && B[0]) ? B[0](zr).then(() => V().data) : V().data;
     };
     if (e.length < 3)
       return A();
-    let U = o, N, X = !1;
-    const re = Pa();
-    G[S] = [
+    let U = s, N, X = !1;
+    const re = Ma();
+    G[k] = [
       re,
       0
     ];
-    const D = !I(m), oe = V(), le = oe.data, M = oe._c, pe = I(M) ? le : M;
+    const D = !I(m), se = V(), le = se.data, M = se._c, pe = I(M) ? le : M;
     if (D && (m = Pe(m) ? m(pe, le) : m, E({
       data: m,
       _c: pe
@@ -519,13 +519,13 @@ async function Mr(...e) {
       } catch (B) {
         N = B, X = !0;
       }
-    if (U && zr(U))
+    if (U && Pr(U))
       if (U = await U.catch((B) => {
         N = B, X = !0;
-      }), re !== G[S][0]) {
+      }), re !== G[k][0]) {
         if (X) throw N;
         return U;
-      } else X && D && k(N) && (l = !0, E({
+      } else X && D && S(N) && (l = !0, E({
         data: pe,
         _c: de
       }));
@@ -543,7 +543,7 @@ async function Mr(...e) {
           error: de,
           _c: de
         });
-    if (G[S][1] = Pa(), Promise.resolve(A()).then(() => {
+    if (G[k][1] = Ma(), Promise.resolve(A()).then(() => {
       E({
         _c: de
       });
@@ -554,59 +554,59 @@ async function Mr(...e) {
     return U;
   }
 }
-const mr = (e, s) => {
+const hr = (e, o) => {
   for (const r in e)
-    e[r][0] && e[r][0](s);
-}, Os = (e, s) => {
+    e[r][0] && e[r][0](o);
+}, Co = (e, o) => {
   if (!$e.has(e)) {
-    const r = Xe(bs, s), o = /* @__PURE__ */ Object.create(null), c = Mr.bind(de, e);
-    let d = Fe;
-    const l = /* @__PURE__ */ Object.create(null), u = (y, g) => {
+    const r = Xe(wo, o), s = /* @__PURE__ */ Object.create(null), i = Lr.bind(de, e);
+    let c = Fe;
+    const l = /* @__PURE__ */ Object.create(null), p = (y, g) => {
       const h = l[y] || [];
       return l[y] = h, h.push(g), () => h.splice(h.indexOf(g), 1);
     }, m = (y, g, h) => {
       e.set(y, g);
-      const S = l[y];
-      if (S)
-        for (const V of S)
+      const k = l[y];
+      if (k)
+        for (const V of k)
           V(g, h);
-    }, k = () => {
+    }, S = () => {
       if (!$e.has(e) && ($e.set(e, [
-        o,
+        s,
         /* @__PURE__ */ Object.create(null),
         /* @__PURE__ */ Object.create(null),
         /* @__PURE__ */ Object.create(null),
-        c,
+        i,
         m,
-        u
+        p
       ]), !ht)) {
-        const y = r.initFocus(setTimeout.bind(de, mr.bind(de, o, Ar))), g = r.initReconnect(setTimeout.bind(de, mr.bind(de, o, Ir)));
-        d = () => {
+        const y = r.initFocus(setTimeout.bind(de, hr.bind(de, s, Ir))), g = r.initReconnect(setTimeout.bind(de, hr.bind(de, s, Nr)));
+        c = () => {
           y && y(), g && g(), $e.delete(e);
         };
       }
     };
-    return k(), [
+    return S(), [
       e,
-      c,
-      k,
-      d
+      i,
+      S,
+      c
     ];
   }
   return [
     e,
     $e.get(e)[4]
   ];
-}, Cs = (e, s, r, o, c) => {
-  const d = r.errorRetryCount, l = c.retryCount, u = ~~((Math.random() + 0.5) * (1 << (l < 8 ? l : 8))) * r.errorRetryInterval;
-  !I(d) && l > d || setTimeout(o, u, c);
-}, Es = Ra, [Lr, Vs] = Os(/* @__PURE__ */ new Map()), Gs = Xe(
+}, Eo = (e, o, r, s, i) => {
+  const c = r.errorRetryCount, l = i.retryCount, p = ~~((Math.random() + 0.5) * (1 << (l < 8 ? l : 8))) * r.errorRetryInterval;
+  !I(c) && l > c || setTimeout(s, p, i);
+}, Vo = _a, [Wr, Go] = Co(/* @__PURE__ */ new Map()), Ro = Xe(
   {
     // events
     onLoadingSlow: Fe,
     onSuccess: Fe,
     onError: Fe,
-    onErrorRetry: Cs,
+    onErrorRetry: Eo,
     onDiscarded: Fe,
     // switches
     revalidateOnFocus: !0,
@@ -614,29 +614,29 @@ const mr = (e, s) => {
     revalidateIfStale: !0,
     shouldRetryOnError: !0,
     // timeouts
-    errorRetryInterval: gr ? 1e4 : 5e3,
+    errorRetryInterval: mr ? 1e4 : 5e3,
     focusThrottleInterval: 5 * 1e3,
     dedupingInterval: 2 * 1e3,
-    loadingTimeout: gr ? 5e3 : 3e3,
+    loadingTimeout: mr ? 5e3 : 3e3,
     // providers
-    compare: Es,
+    compare: Vo,
     isPaused: () => !1,
-    cache: Lr,
-    mutate: Vs,
+    cache: Wr,
+    mutate: Go,
     fallback: {}
   },
   // use web preset by default
-  ys
-), Rs = (e, s) => {
-  const r = Xe(e, s);
-  if (s) {
-    const { use: o, fallback: c } = e, { use: d, fallback: l } = s;
-    o && d && (r.use = o.concat(d)), c && l && (r.fallback = Xe(c, l));
+  bo
+), _o = (e, o) => {
+  const r = Xe(e, o);
+  if (o) {
+    const { use: s, fallback: i } = e, { use: c, fallback: l } = o;
+    s && c && (r.use = s.concat(c)), i && l && (r.fallback = Xe(i, l));
   }
   return r;
-}, _s = Rr({}), Ts = "$inf$", Wr = It && window.__SWR_DEVTOOLS_USE__, As = Wr ? window.__SWR_DEVTOOLS_USE__ : [], Is = () => {
-  Wr && (window.__SWR_DEVTOOLS_REACT__ = xt);
-}, Ns = (e) => Pe(e[1]) ? [
+}, To = _r({}), Ao = "$inf$", Dr = It && window.__SWR_DEVTOOLS_USE__, Io = Dr ? window.__SWR_DEVTOOLS_USE__ : [], No = () => {
+  Dr && (window.__SWR_DEVTOOLS_REACT__ = xt);
+}, zo = (e) => Pe(e[1]) ? [
   e[0],
   e[1],
   e[2] || {}
@@ -644,33 +644,33 @@ const mr = (e, s) => {
   e[0],
   null,
   (e[1] === null ? e[2] : e[1]) || {}
-], Dr = () => {
-  const e = _r(_s);
-  return ot(() => Xe(Gs, e), [
+], $r = () => {
+  const e = Tr(To);
+  return st(() => Xe(Ro, e), [
     e
   ]);
-}, zs = (e) => (s, r, o) => e(s, r && ((...d) => {
-  const [l] = La(s), [, , , u] = $e.get(Lr);
-  if (l.startsWith(Ts))
-    return r(...d);
-  const m = u[l];
-  return I(m) ? r(...d) : (delete u[l], m);
-}), o), Ps = As.concat(zs), Ms = (e) => function(...r) {
-  const o = Dr(), [c, d, l] = Ns(r), u = Rs(o, l);
+}, Po = (e) => (o, r, s) => e(o, r && ((...c) => {
+  const [l] = Wa(o), [, , , p] = $e.get(Wr);
+  if (l.startsWith(Ao))
+    return r(...c);
+  const m = p[l];
+  return I(m) ? r(...c) : (delete p[l], m);
+}), s), Mo = Io.concat(Po), Lo = (e) => function(...r) {
+  const s = $r(), [i, c, l] = zo(r), p = _o(s, l);
   let m = e;
-  const { use: k } = u, y = (k || []).concat(Ps);
+  const { use: S } = p, y = (S || []).concat(Mo);
   for (let g = y.length; g--; )
     m = y[g](m);
-  return m(c, d || u.fetcher || null, u);
-}, Ls = (e, s, r) => {
-  const o = s[e] || (s[e] = []);
-  return o.push(r), () => {
-    const c = o.indexOf(r);
-    c >= 0 && (o[c] = o[o.length - 1], o.pop());
+  return m(i, c || p.fetcher || null, p);
+}, Wo = (e, o, r) => {
+  const s = o[e] || (o[e] = []);
+  return s.push(r), () => {
+    const i = s.indexOf(r);
+    i >= 0 && (s[i] = s[s.length - 1], s.pop());
   };
 };
-Is();
-const Oa = xt.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
+No();
+const Ca = xt.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
 // and emitting an error.
 // We assume that this is only for the `use(thenable)` case, not `use(context)`.
 // https://github.com/facebook/react/blob/aed00dacfb79d17c53218404c52b1c7aa59c4a89/packages/react-server/src/ReactFizzThenable.js#L45
@@ -683,31 +683,31 @@ const Oa = xt.use || // This extra generic is to avoid TypeScript mixing up the
     case "rejected":
       throw e.reason;
     default:
-      throw e.status = "pending", e.then((s) => {
-        e.status = "fulfilled", e.value = s;
-      }, (s) => {
-        e.status = "rejected", e.reason = s;
+      throw e.status = "pending", e.then((o) => {
+        e.status = "fulfilled", e.value = o;
+      }, (o) => {
+        e.status = "rejected", e.reason = o;
       }), e;
   }
-}), Ca = {
+}), Ea = {
   dedupe: !0
-}, hr = Promise.resolve(de), Ws = () => Fe, Ds = (e, s, r) => {
-  const { cache: o, compare: c, suspense: d, fallbackData: l, revalidateOnMount: u, revalidateIfStale: m, refreshInterval: k, refreshWhenHidden: y, refreshWhenOffline: g, keepPreviousData: h, strictServerPrefetchWarning: S } = r, [V, E, T, G] = $e.get(o), [x, ge] = La(e), A = ee(!1), U = ee(!1), N = ee(x), X = ee(s), re = ee(r), D = () => re.current, oe = () => D().isVisible() && D().isOnline(), [le, M, pe, B] = Pr(o, x), ne = ee({}).current, L = I(l) ? I(r.fallback) ? de : r.fallback[x] : l, je = (W, F) => {
+}, xr = Promise.resolve(de), Do = () => Fe, $o = (e, o, r) => {
+  const { cache: s, compare: i, suspense: c, fallbackData: l, revalidateOnMount: p, revalidateIfStale: m, refreshInterval: S, refreshWhenHidden: y, refreshWhenOffline: g, keepPreviousData: h, strictServerPrefetchWarning: k } = r, [V, E, T, G] = $e.get(s), [x, ge] = Wa(e), A = ee(!1), U = ee(!1), N = ee(x), X = ee(o), re = ee(r), D = () => re.current, se = () => D().isVisible() && D().isOnline(), [le, M, pe, B] = Mr(s, x), ne = ee({}).current, L = I(l) ? I(r.fallback) ? de : r.fallback[x] : l, je = (W, F) => {
     for (const q in ne) {
       const K = q;
       if (K === "data") {
-        if (!c(W[K], F[K]) && (!I(W[K]) || !c(Ee, F[K])))
+        if (!i(W[K], F[K]) && (!I(W[K]) || !i(Ee, F[K])))
           return !1;
       } else if (F[K] !== W[K])
         return !1;
     }
     return !0;
-  }, Oe = !A.current, Be = ot(() => {
+  }, Oe = !A.current, Be = st(() => {
     const W = le(), F = B(), q = (J) => {
       const Y = Xe(J);
       return delete Y._k, (() => {
-        if (!x || !s || D().isPaused()) return !1;
-        if (Oe && !I(u)) return u;
+        if (!x || !o || D().isPaused()) return !1;
+        if (Oe && !I(p)) return p;
         const Ne = I(L) ? Y.data : L;
         return I(Ne) || m;
       })() ? {
@@ -725,30 +725,30 @@ const Oa = xt.use || // This extra generic is to avoid TypeScript mixing up the
       () => Ve
     ];
   }, [
-    o,
+    s,
     x
-  ]), Ce = lr.useSyncExternalStore(_e(
+  ]), Ce = pr.useSyncExternalStore(_e(
     (W) => pe(x, (F, q) => {
       je(q, F) || W();
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      o,
+      s,
       x
     ]
-  ), Be[0], Be[1]), f = V[x] && V[x].length > 0, R = Ce.data, z = I(R) ? L && zr(L) ? Oa(L) : L : R, $ = Ce.error, Ae = ee(z), Ee = h ? I(R) ? I(Ae.current) ? z : Ae.current : R : z, P = x && I(z), be = ee(null);
+  ), Be[0], Be[1]), f = V[x] && V[x].length > 0, R = Ce.data, z = I(R) ? L && Pr(L) ? Ca(L) : L : R, $ = Ce.error, Ae = ee(z), Ee = h ? I(R) ? I(Ae.current) ? z : Ae.current : R : z, P = x && I(z), be = ee(null);
   !ht && // getServerSnapshot is only called during hydration
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  lr.useSyncExternalStore(Ws, () => (be.current = !1, be), () => (be.current = !0, be));
+  pr.useSyncExternalStore(Do, () => (be.current = !1, be), () => (be.current = !0, be));
   const nt = be.current;
-  S && nt && !d && P && console.warn(`Missing pre-initiated data for serialized key "${x}" during server-side rendering. Data fetching should be initiated on the server and provided to SWR via fallback data. You can set "strictServerPrefetchWarning: false" to disable this warning.`);
-  const Me = !x || !s || D().isPaused() || f && !I($) ? !1 : Oe && !I(u) ? u : d ? I(z) ? !1 : m : I(z) || m, He = Oe && Me, me = I(Ce.isValidating) ? He : Ce.isValidating, Ie = I(Ce.isLoading) ? He : Ce.isLoading, ae = _e(
+  k && nt && !c && P && console.warn(`Missing pre-initiated data for serialized key "${x}" during server-side rendering. Data fetching should be initiated on the server and provided to SWR via fallback data. You can set "strictServerPrefetchWarning: false" to disable this warning.`);
+  const Me = !x || !o || D().isPaused() || f && !I($) ? !1 : Oe && !I(p) ? p : c ? I(z) ? !1 : m : I(z) || m, He = Oe && Me, me = I(Ce.isValidating) ? He : Ce.isValidating, Ie = I(Ce.isLoading) ? He : Ce.isLoading, ae = _e(
     async (W) => {
       const F = X.current;
       if (!x || !F || U.current || D().isPaused())
         return !1;
       let q, K, Ve = !0;
-      const xe = W || {}, J = !T[x] || !xe.dedupe, Y = () => fr ? !U.current && x === N.current && A.current : x === N.current, Le = {
+      const xe = W || {}, J = !T[x] || !xe.dedupe, Y = () => gr ? !U.current && x === N.current && A.current : x === N.current, Le = {
         isValidating: !1,
         isLoading: !1
       }, Ne = () => {
@@ -765,7 +765,7 @@ const Oa = xt.use || // This extra generic is to avoid TypeScript mixing up the
           Ve && Y() && D().onLoadingSlow(x, r);
         }, r.loadingTimeout), T[x] = [
           F(ge),
-          Pa()
+          Ma()
         ]), [q, K] = T[x], q = await q, J && setTimeout(vt, r.dedupingInterval), !T[x] || T[x][1] !== K)
           return J && Y() && D().onDiscarded(x), !1;
         Le.error = de;
@@ -776,13 +776,13 @@ const Oa = xt.use || // This extra generic is to avoid TypeScript mixing up the
         ue[1] === 0))
           return Ne(), J && Y() && D().onDiscarded(x), !1;
         const ze = le().data;
-        Le.data = c(ze, q) ? ze : q, J && Y() && D().onSuccess(q, x, r);
+        Le.data = i(ze, q) ? ze : q, J && Y() && D().onSuccess(q, x, r);
       } catch (ue) {
         vt();
         const ze = D(), { shouldRetryOnError: zt } = ze;
-        ze.isPaused() || (Le.error = ue, J && Y() && (ze.onError(ue, x, ze), (zt === !0 || Pe(zt) && zt(ue)) && (!D().revalidateOnFocus || !D().revalidateOnReconnect || oe()) && ze.onErrorRetry(ue, x, ze, (Z) => {
+        ze.isPaused() || (Le.error = ue, J && Y() && (ze.onError(ue, x, ze), (zt === !0 || Pe(zt) && zt(ue)) && (!D().revalidateOnFocus || !D().revalidateOnReconnect || se()) && ze.onErrorRetry(ue, x, ze, (Z) => {
           const Je = V[x];
-          Je && Je[0] && Je[0](pr, Z);
+          Je && Je[0] && Je[0](ur, Z);
         }, {
           retryCount: (xe.retryCount || 0) + 1,
           dedupe: !0
@@ -803,67 +803,67 @@ const Oa = xt.use || // This extra generic is to avoid TypeScript mixing up the
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       x,
-      o
+      s
     ]
   ), Ke = _e(
     // Use callback to make sure `keyRef.current` returns latest result every time
-    (...W) => Mr(o, N.current, ...W),
+    (...W) => Lr(s, N.current, ...W),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  if (ka(() => {
-    X.current = s, re.current = r, I(R) || (Ae.current = R);
-  }), ka(() => {
+  if (Sa(() => {
+    X.current = o, re.current = r, I(R) || (Ae.current = R);
+  }), Sa(() => {
     if (!x) return;
-    const W = ae.bind(de, Ca);
+    const W = ae.bind(de, Ea);
     let F = 0;
     D().revalidateOnFocus && (F = Date.now() + D().focusThrottleInterval);
-    const K = Ls(x, V, (Ve, xe = {}) => {
-      if (Ve == Ar) {
+    const K = Wo(x, V, (Ve, xe = {}) => {
+      if (Ve == Ir) {
         const J = Date.now();
-        D().revalidateOnFocus && J > F && oe() && (F = J + D().focusThrottleInterval, W());
-      } else if (Ve == Ir)
-        D().revalidateOnReconnect && oe() && W();
+        D().revalidateOnFocus && J > F && se() && (F = J + D().focusThrottleInterval, W());
+      } else if (Ve == Nr)
+        D().revalidateOnReconnect && se() && W();
       else {
-        if (Ve == Nr)
+        if (Ve == zr)
           return ae();
-        if (Ve == pr)
+        if (Ve == ur)
           return ae(xe);
       }
     });
     return U.current = !1, N.current = x, A.current = !0, M({
       _k: ge
-    }), Me && (T[x] || (I(z) || ht ? W() : ws(W))), () => {
+    }), Me && (T[x] || (I(z) || ht ? W() : ko(W))), () => {
       U.current = !0, K();
     };
   }, [
     x
-  ]), ka(() => {
+  ]), Sa(() => {
     let W;
     function F() {
-      const K = Pe(k) ? k(le().data) : k;
+      const K = Pe(S) ? S(le().data) : S;
       K && W !== -1 && (W = setTimeout(q, K));
     }
     function q() {
-      !le().error && (y || D().isVisible()) && (g || D().isOnline()) ? ae(Ca).then(F) : F();
+      !le().error && (y || D().isVisible()) && (g || D().isOnline()) ? ae(Ea).then(F) : F();
     }
     return F(), () => {
       W && (clearTimeout(W), W = -1);
     };
   }, [
-    k,
+    S,
     y,
     g,
     x
-  ]), os(Ee), d) {
-    if (!fr && ht && P)
+  ]), so(Ee), c) {
+    if (!gr && ht && P)
       throw new Error("Fallback data is required when using Suspense in SSR.");
-    P && (X.current = s, re.current = r, U.current = !1);
-    const W = G[x], F = !I(W) && P ? Ke(W) : hr;
-    if (Oa(F), !I($) && P)
+    P && (X.current = o, re.current = r, U.current = !1);
+    const W = G[x], F = !I(W) && P ? Ke(W) : xr;
+    if (Ca(F), !I($) && P)
       throw $;
-    const q = P ? ae(Ca) : hr;
-    !I(Ee) && P && (q.status = "fulfilled", q.value = !0), Oa(q);
+    const q = P ? ae(Ea) : xr;
+    !I(Ee) && P && (q.status = "fulfilled", q.value = !0), Ca(q);
   }
   return {
     mutate: Ke,
@@ -880,30 +880,30 @@ const Oa = xt.use || // This extra generic is to avoid TypeScript mixing up the
       return ne.isLoading = !0, Ie;
     }
   };
-}, xr = Ms(Ds), $s = ({ children: e }) => {
-  const s = ee(null), [r, o] = C(null);
-  return se(() => {
-    if (s.current && !s.current.shadowRoot) {
-      const c = s.current.attachShadow({ mode: "open" });
-      document.querySelectorAll("style[data-vite-dev-id], style:not([data-vite-dev-id])").forEach((u) => {
-        (u.textContent?.includes(".vg-") || u.textContent?.includes("--vg-")) && c.appendChild(u.cloneNode(!0));
+}, vr = Lo($o), Fo = ({ children: e }) => {
+  const o = ee(null), [r, s] = C(null);
+  return oe(() => {
+    if (o.current && !o.current.shadowRoot) {
+      const i = o.current.attachShadow({ mode: "open" });
+      document.querySelectorAll("style[data-vite-dev-id], style:not([data-vite-dev-id])").forEach((p) => {
+        (p.textContent?.includes(".vg-") || p.textContent?.includes("--vg-")) && i.appendChild(p.cloneNode(!0));
       });
       const l = document.createElement("link");
-      l.rel = "stylesheet", l.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap", c.appendChild(l), o(c);
+      l.rel = "stylesheet", l.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap", i.appendChild(l), s(i);
     }
-  }, []), /* @__PURE__ */ t.jsx("div", { "data-vg-id": "49696d6b", "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: s, id: "viewgate-shadow-host", style: { position: "relative", zIndex: 2147483647 }, children: r && ns(e, r) });
+  }, []), /* @__PURE__ */ t.jsx("div", { "data-vg-id": "49696d6b", "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: o, id: "viewgate-shadow-host", style: { position: "relative", zIndex: 2147483647 }, children: r && no(e, r) });
 };
-const $r = (...e) => e.filter((s, r, o) => !!s && s.trim() !== "" && o.indexOf(s) === r).join(" ").trim();
-const Fs = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const Bs = (e) => e.replace(
+const Fr = (...e) => e.filter((o, r, s) => !!o && o.trim() !== "" && s.indexOf(o) === r).join(" ").trim();
+const Bo = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Ho = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (s, r, o) => o ? o.toUpperCase() : r.toLowerCase()
+  (o, r, s) => s ? s.toUpperCase() : r.toLowerCase()
 );
-const vr = (e) => {
-  const s = Bs(e);
-  return s.charAt(0).toUpperCase() + s.slice(1);
+const yr = (e) => {
+  const o = Ho(e);
+  return o.charAt(0).toUpperCase() + o.slice(1);
 };
-var Hs = {
+var Uo = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -914,57 +914,57 @@ var Hs = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const Us = (e) => {
-  for (const s in e)
-    if (s.startsWith("aria-") || s === "role" || s === "title")
+const qo = (e) => {
+  for (const o in e)
+    if (o.startsWith("aria-") || o === "role" || o === "title")
       return !0;
   return !1;
 };
-const qs = Tr(
+const Yo = Ar(
   ({
     color: e = "currentColor",
-    size: s = 24,
+    size: o = 24,
     strokeWidth: r = 2,
-    absoluteStrokeWidth: o,
-    className: c = "",
-    children: d,
+    absoluteStrokeWidth: s,
+    className: i = "",
+    children: c,
     iconNode: l,
-    ...u
-  }, m) => Ga(
+    ...p
+  }, m) => Ra(
     "svg",
     {
       ref: m,
-      ...Hs,
-      width: s,
-      height: s,
+      ...Uo,
+      width: o,
+      height: o,
       stroke: e,
-      strokeWidth: o ? Number(r) * 24 / Number(s) : r,
-      className: $r("lucide", c),
-      ...!d && !Us(u) && { "aria-hidden": "true" },
-      ...u
+      strokeWidth: s ? Number(r) * 24 / Number(o) : r,
+      className: Fr("lucide", i),
+      ...!c && !qo(p) && { "aria-hidden": "true" },
+      ...p
     },
     [
-      ...l.map(([k, y]) => Ga(k, y)),
-      ...Array.isArray(d) ? d : [d]
+      ...l.map(([S, y]) => Ra(S, y)),
+      ...Array.isArray(c) ? c : [c]
     ]
   )
 );
-const H = (e, s) => {
-  const r = Tr(
-    ({ className: o, ...c }, d) => Ga(qs, {
-      ref: d,
-      iconNode: s,
-      className: $r(
-        `lucide-${Fs(vr(e))}`,
+const H = (e, o) => {
+  const r = Ar(
+    ({ className: s, ...i }, c) => Ra(Yo, {
+      ref: c,
+      iconNode: o,
+      className: Fr(
+        `lucide-${Bo(yr(e))}`,
         `lucide-${e}`,
-        o
+        s
       ),
-      ...c
+      ...i
     })
   );
-  return r.displayName = vr(e), r;
+  return r.displayName = yr(e), r;
 };
-const Ys = [
+const Xo = [
   ["path", { d: "M12 20v-9", key: "1qisl0" }],
   ["path", { d: "M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z", key: "uouzyp" }],
   ["path", { d: "M14.12 3.88 16 2", key: "qol33r" }],
@@ -976,8 +976,8 @@ const Ys = [
   ["path", { d: "M6 13H2", key: "82j7cp" }],
   ["path", { d: "m8 2 1.88 1.88", key: "fmnt4t" }],
   ["path", { d: "M9 7.13V6a3 3 0 1 1 6 0v1.13", key: "1vgav8" }]
-], Vt = H("bug", Ys);
-const Xs = [
+], Vt = H("bug", Xo);
+const Ko = [
   [
     "path",
     {
@@ -986,27 +986,27 @@ const Xs = [
     }
   ],
   ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
-], Ks = H("camera", Xs);
-const Js = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], yr = H("chevron-down", Js);
-const Zs = [
+], Jo = H("camera", Ko);
+const Zo = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], br = H("chevron-down", Zo);
+const Qo = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], Qs = H("circle-alert", Zs);
-const eo = [
+], es = H("circle-alert", Qo);
+const ts = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], st = H("circle-check", eo);
-const to = [
+], ot = H("circle-check", ts);
+const as = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-], br = H("clock", to);
-const ao = [
+], wr = H("clock", as);
+const rs = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-], Ea = H("external-link", ao);
-const ro = [
+], Va = H("external-link", rs);
+const os = [
   [
     "path",
     {
@@ -1015,26 +1015,26 @@ const ro = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], so = H("eye", ro);
-const oo = [
+], ss = H("eye", os);
+const ns = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
-], Ye = H("globe", oo);
-const no = [
+], Ye = H("globe", ns);
+const is = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
   ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
-], io = H("grip-vertical", no);
-const co = [
+], cs = H("grip-vertical", is);
+const ds = [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
-], lo = H("key", co);
-const po = [
+], ls = H("key", ds);
+const ps = [
   [
     "path",
     {
@@ -1056,17 +1056,17 @@ const po = [
       key: "kqbvx6"
     }
   ]
-], Qt = H("layers", po);
-const uo = [
+], Qt = H("layers", ps);
+const us = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
-], ea = H("link", uo);
-const fo = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], ta = H("loader-circle", fo);
-const go = [
+], ea = H("link", us);
+const fs = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], ta = H("loader-circle", fs);
+const gs = [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
-], wr = H("lock", go);
-const mo = [
+], kr = H("lock", gs);
+const ms = [
   [
     "path",
     {
@@ -1074,8 +1074,8 @@ const mo = [
       key: "18887p"
     }
   ]
-], aa = H("message-square", mo);
-const ho = [
+], aa = H("message-square", ms);
+const hs = [
   [
     "path",
     {
@@ -1083,8 +1083,8 @@ const ho = [
       key: "edeuup"
     }
   ]
-], xo = H("mouse-pointer-2", ho);
-const vo = [
+], xs = H("mouse-pointer-2", hs);
+const vs = [
   [
     "path",
     {
@@ -1093,16 +1093,16 @@ const vo = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], Gt = H("pencil", vo);
-const yo = [
+], Gt = H("pencil", vs);
+const ys = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
-], bo = H("plus", yo);
-const wo = [
+], bs = H("plus", ys);
+const ws = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], ko = H("search", wo);
-const So = [
+], ks = H("search", ws);
+const Ss = [
   [
     "path",
     {
@@ -1111,15 +1111,15 @@ const So = [
     }
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
-], jo = H("send", So);
-const Oo = [
+], js = H("send", Ss);
+const Os = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-], ra = H("trash-2", Oo);
-const Co = [
+], ra = H("trash-2", Os);
+const Cs = [
   [
     "path",
     {
@@ -1129,11 +1129,11 @@ const Co = [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], Eo = H("triangle-alert", Co);
-const Vo = [
+], Es = H("triangle-alert", Cs);
+const Vs = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Rt = H("x", Vo), Go = {
+], Rt = H("x", Vs), Gs = {
   en: {
     enterMode: "Enter Feedback Mode",
     exitMode: "Exit Mode",
@@ -1278,147 +1278,181 @@ const Vo = [
     figmaPrimaryDesign: "Diseño Principal",
     invalidToken: "Token inválido o expirado"
   }
-}, Fr = Rr(void 0), Ro = () => {
-  const e = _r(Fr);
+}, Br = _r(void 0), Rs = () => {
+  const e = Tr(Br);
   if (!e) throw new Error("useViewGate must be used within a ViewGateProvider");
   return e;
-}, Tt = "viewgate_enabled", _o = () => {
+}, Tt = "viewgate_enabled", _s = () => {
   if (typeof window > "u") return !1;
   const e = new URLSearchParams(window.location.search);
   return e.has("viewgate") || e.has("viewgate-backlog") ? (sessionStorage.setItem(Tt, "true"), !0) : sessionStorage.getItem(Tt) === "true";
-}, en = ({
+}, on = ({
   children: e,
-  language: s = "es",
+  language: o = "es",
   apiKey: r,
-  baseUrl: o = "https://view-gate.vercel.app",
-  dashboardUrl: c
+  baseUrl: s = "https://view-gate.vercel.app",
+  dashboardUrl: i
 }) => {
-  const d = c || (o === "https://view-gate.vercel.app" ? "https://view-gate-dashboard.vercel.app" : o.includes("localhost:5000") ? o.replace("5000", "3000") : o), [l, u] = C(!1), [m, k] = C([]);
+  const c = i || (s === "https://view-gate.vercel.app" ? "https://view-gate-dashboard.vercel.app" : s.includes("localhost:5000") ? s.replace("5000", "3000") : s), [l, p] = C(!1), [m, S] = C([]);
   ee(0);
   const y = ee(null), g = ee(!1);
-  se(() => {
-    u(_o());
+  oe(() => {
+    p(_s());
     const E = (G) => {
       G.key === "Alt" && !G.repeat && (G.preventDefault(), g.current = !1, y.current && clearTimeout(y.current), y.current = setTimeout(() => {
         const x = new URL(window.location.href);
-        x.searchParams.delete("viewgate"), x.searchParams.set("viewgate-backlog", "true"), window.history.replaceState({}, "", x.toString()), u(!0), sessionStorage.setItem(Tt, "true"), window.dispatchEvent(new PopStateEvent("popstate")), S(s === "es" ? "Modo Backlog activado" : "Backlog Mode activated", "success"), g.current = !0, y.current = null;
+        x.searchParams.delete("viewgate"), x.searchParams.set("viewgate-backlog", "true"), window.history.replaceState({}, "", x.toString()), p(!0), sessionStorage.setItem(Tt, "true"), window.dispatchEvent(new PopStateEvent("popstate")), k(o === "es" ? "Modo Backlog activado" : "Backlog Mode activated", "success"), g.current = !0, y.current = null;
       }, 1e3));
     }, T = (G) => {
       if (G.key === "Alt" && (G.preventDefault(), y.current)) {
         clearTimeout(y.current), y.current = null;
         const x = new URL(window.location.href);
-        x.searchParams.delete("viewgate-backlog"), x.searchParams.set("viewgate", "true"), window.history.replaceState({}, "", x.toString()), u(!0), sessionStorage.setItem(Tt, "true"), window.dispatchEvent(new PopStateEvent("popstate")), S(s === "es" ? "Modo Normal activado" : "Normal Mode activated", "success");
+        x.searchParams.delete("viewgate-backlog"), x.searchParams.set("viewgate", "true"), window.history.replaceState({}, "", x.toString()), p(!0), sessionStorage.setItem(Tt, "true"), window.dispatchEvent(new PopStateEvent("popstate")), k(o === "es" ? "Modo Normal activado" : "Normal Mode activated", "success");
       }
     };
     return window.addEventListener("keydown", E), window.addEventListener("keyup", T), () => {
       window.removeEventListener("keydown", E), window.removeEventListener("keyup", T);
     };
-  }, [s]);
+  }, [o]);
   const h = () => {
-    if (sessionStorage.removeItem(Tt), u(!1), typeof window < "u") {
+    if (sessionStorage.removeItem(Tt), p(!1), typeof window < "u") {
       const E = new URL(window.location.href);
       E.searchParams.delete("viewgate"), window.history.replaceState({}, "", E.toString());
     }
-  }, S = (E, T) => {
+  }, k = (E, T) => {
     const G = Date.now();
-    k((x) => [...x, { id: G, message: E, type: T }]), setTimeout(() => {
-      k((x) => x.filter((ge) => ge.id !== G));
+    S((x) => [...x, { id: G, message: E, type: T }]), setTimeout(() => {
+      S((x) => x.filter((ge) => ge.id !== G));
     }, 4e3);
-  }, V = Go[s];
-  return /* @__PURE__ */ t.jsxs(Fr.Provider, { "data-vg-id": "89da3486", "data-source-path": "/src/components/ViewGateProvider.tsx:369", value: {
-    addToast: S,
-    language: s,
+  }, V = Gs[o];
+  return /* @__PURE__ */ t.jsxs(Br.Provider, { "data-vg-id": "89da3486", "data-source-path": "/src/components/ViewGateProvider.tsx:369", value: {
+    addToast: k,
+    language: o,
     t: V,
     apiKey: r,
-    baseUrl: o,
-    dashboardUrl: d,
+    baseUrl: s,
+    dashboardUrl: c,
     disableViewGate: h,
     hasActiveToasts: m.length > 0
   }, children: [
     e,
-    l && /* @__PURE__ */ t.jsx($s, { "data-vg-id": "f1499d3a", "data-source-path": "/src/components/ViewGateProvider.tsx:381", children: /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "1bedb79b", "data-source-path": "/src/components/ViewGateProvider.tsx:382", className: "vg-container", children: [
-      /* @__PURE__ */ t.jsx(Ho, { "data-vg-id": "d3f262cb", "data-source-path": "/src/components/ViewGateProvider.tsx:383" }),
+    l && /* @__PURE__ */ t.jsx(Fo, { "data-vg-id": "f1499d3a", "data-source-path": "/src/components/ViewGateProvider.tsx:381", children: /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "1bedb79b", "data-source-path": "/src/components/ViewGateProvider.tsx:382", className: "vg-container", children: [
+      /* @__PURE__ */ t.jsx(Xs, { "data-vg-id": "d3f262cb", "data-source-path": "/src/components/ViewGateProvider.tsx:383" }),
       /* @__PURE__ */ t.jsx("div", { "data-vg-id": "1bedb79d", "data-source-path": "/src/components/ViewGateProvider.tsx:384", className: "vg-toasts", style: { zIndex: 2147483647 }, children: m.map((E) => /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "1bedb79e", "data-source-path": "/src/components/ViewGateProvider.tsx:386", className: `vg-toast vg-animate-slide ${E.type}`, children: [
-        E.type === "success" ? /* @__PURE__ */ t.jsx(st, { "data-vg-id": "c7ae3b26", "data-source-path": "/src/components/ViewGateProvider.tsx:388", size: 24, color: "#22c55e" }) : E.type === "warning" ? /* @__PURE__ */ t.jsx(Eo, { "data-vg-id": "137eb473", "data-source-path": "/src/components/ViewGateProvider.tsx:390", size: 24, color: "#f59e0b" }) : /* @__PURE__ */ t.jsx(Qs, { "data-vg-id": "e7ad3c7c", "data-source-path": "/src/components/ViewGateProvider.tsx:392", size: 24, color: "#ef4444" }),
+        E.type === "success" ? /* @__PURE__ */ t.jsx(ot, { "data-vg-id": "c7ae3b26", "data-source-path": "/src/components/ViewGateProvider.tsx:388", size: 24, color: "#22c55e" }) : E.type === "warning" ? /* @__PURE__ */ t.jsx(Es, { "data-vg-id": "137eb473", "data-source-path": "/src/components/ViewGateProvider.tsx:390", size: 24, color: "#f59e0b" }) : /* @__PURE__ */ t.jsx(es, { "data-vg-id": "e7ad3c7c", "data-source-path": "/src/components/ViewGateProvider.tsx:392", size: 24, color: "#ef4444" }),
         /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "61c93bb7", "data-source-path": "/src/components/ViewGateProvider.tsx:394", children: [
-          /* @__PURE__ */ t.jsx("strong", { "data-vg-id": "29b8e974", "data-source-path": "/src/components/ViewGateProvider.tsx:395", style: { display: "block", fontSize: "13px", color: "#0f172a", textTransform: "uppercase", marginBottom: "2px" }, children: E.type === "success" ? V.successHeader : E.type === "warning" ? s === "es" ? "Aviso" : "Warning" : V.errorHeader }),
+          /* @__PURE__ */ t.jsx("strong", { "data-vg-id": "29b8e974", "data-source-path": "/src/components/ViewGateProvider.tsx:395", style: { display: "block", fontSize: "13px", color: "#0f172a", textTransform: "uppercase", marginBottom: "2px" }, children: E.type === "success" ? V.successHeader : E.type === "warning" ? o === "es" ? "Aviso" : "Warning" : V.errorHeader }),
           /* @__PURE__ */ t.jsx("span", { "data-vg-id": "fbbd7822", "data-source-path": "/src/components/ViewGateProvider.tsx:398", style: { fontSize: "14px", color: "#000000" }, children: E.message })
         ] })
       ] }, E.id)) })
     ] }) })
   ] });
-}, kr = async (e, s = {}) => {
+}, Sr = async (e, o = {}) => {
   const {
     scale: r = window.devicePixelRatio || 2,
-    padding: o = 48,
-    backgroundColor: c = "#000000",
-    logging: d = !1
-  } = s, l = e.getBoundingClientRect(), u = document.createElement("canvas");
-  u.width = (l.width + o * 2) * r, u.height = (l.height + o * 2) * r;
-  const m = u.getContext("2d");
-  return m ? (m.fillStyle = c, m.fillRect(0, 0, u.width, u.height), m.save(), m.scale(r, r), m.translate(o - l.left, o - l.top), d && console.log("[VGCap] Starting recursive render of", e), await Br(e, m), m.restore(), u.toDataURL("image/webp", 0.98)) : "";
-}, Br = async (e, s) => {
+    padding: s = 48,
+    backgroundColor: i = "#000000",
+    logging: c = !1
+  } = o, l = e.getBoundingClientRect(), p = document.createElement("canvas");
+  p.width = (l.width + s * 2) * r, p.height = (l.height + s * 2) * r;
+  const m = p.getContext("2d");
+  return m ? (m.fillStyle = i, m.fillRect(0, 0, p.width, p.height), m.save(), m.scale(r, r), m.translate(s - l.left, s - l.top), await sa(e, m), m.restore(), p.toDataURL("image/webp", 0.98)) : "";
+}, sa = async (e, o) => {
   if (e.nodeType === Node.TEXT_NODE) {
-    await Ao(e, s);
+    await Ps(e, o);
     return;
   }
-  if (e.nodeType !== Node.ELEMENT_NODE) return;
-  const r = e, o = window.getComputedStyle(r);
-  if (o.display === "none" || o.visibility === "hidden" || o.opacity === "0") return;
-  const c = r.getBoundingClientRect();
-  s.save(), s.globalAlpha = parseFloat(o.opacity || "1"), To(s, c, o), r instanceof HTMLImageElement && await Io(s, r, c), o.backgroundImage !== "none" && await No(s, r, c, o);
-  const d = Array.from(r.childNodes);
-  for (const l of d)
-    await Br(l, s);
-  s.restore();
-}, To = (e, s, r) => {
-  const o = parseFloat(r.borderRadius) || 0, c = r.backgroundColor;
-  if (e.beginPath(), o > 0) {
-    const l = s.left, u = s.top, m = s.width, k = s.height;
-    e.moveTo(l + o, u), e.arcTo(l + m, u, l + m, u + k, o), e.arcTo(l + m, u + k, l, u + k, o), e.arcTo(l, u + k, l, u, o), e.arcTo(l, u, l + m, u, o), e.closePath();
-  } else
-    e.rect(s.left, s.top, s.width, s.height);
-  if (r.boxShadow !== "none") {
-    const l = r.boxShadow.match(/rgba?\(.*?\)\s+(\d+)px\s+(\d+)px\s+(\d+)px/);
-    l && l[0] && (e.shadowColor = l[0], e.shadowBlur = parseInt(l[3] || "0"), e.shadowOffsetX = parseInt(l[1] || "0"), e.shadowOffsetY = parseInt(l[2] || "0"));
+  if (e.nodeType !== Node.ELEMENT_NODE) {
+    if (e instanceof HTMLElement && e.shadowRoot)
+      for (const p of Array.from(e.shadowRoot.childNodes))
+        await sa(p, o);
+    return;
+  }
+  const r = e, s = window.getComputedStyle(r);
+  if (s.display === "none" || s.visibility === "hidden" || s.opacity === "0") return;
+  const i = r.getBoundingClientRect();
+  o.save(), o.globalAlpha *= parseFloat(s.opacity || "1");
+  const c = parseFloat(s.borderRadius) > 0;
+  Ts(o, i, s), As(o, s), Is(o, r, i, s), c && o.clip(), r instanceof HTMLImageElement && await Ms(o, r, i), s.backgroundImage.includes("url(") && await Ls(o, r, i, s);
+  const l = Array.from(r.childNodes);
+  for (const p of l)
+    await sa(p, o);
+  if (r.shadowRoot)
+    for (const p of Array.from(r.shadowRoot.childNodes))
+      await sa(p, o);
+  o.restore(), zs(o, i, s);
+}, Ts = (e, o, r) => {
+  const s = parseFloat(r.borderRadius) || 0, i = o.left, c = o.top, l = o.width, p = o.height;
+  e.beginPath(), s > 0 ? (e.moveTo(i + s, c), e.arcTo(i + l, c, i + l, c + p, s), e.arcTo(i + l, c + p, i, c + p, s), e.arcTo(i, c + p, i, c, s), e.arcTo(i, c, i + l, c, s), e.closePath()) : e.rect(i, c, l, p);
+}, As = (e, o) => {
+  if (o.boxShadow === "none") return;
+  const r = o.boxShadow.match(/rgba?\(.*?\)\s+(-?\d+)px\s+(-?\d+)px\s+(\d+)px/);
+  r && r[0] && (e.shadowColor = r[0], e.shadowBlur = parseInt(r[3] || "0"), e.shadowOffsetX = parseInt(r[1] || "0"), e.shadowOffsetY = parseInt(r[2] || "0"));
+}, Is = (e, o, r, s) => {
+  const i = s.backgroundImage, c = s.backgroundColor;
+  if (i.includes("linear-gradient")) {
+    const l = Ns(e, i, r);
+    if (l) {
+      e.fillStyle = l, e.fill(), e.shadowColor = "transparent";
+      return;
+    }
   }
-  c !== "rgba(0, 0, 0, 0)" && c !== "transparent" && (e.fillStyle = c, e.fill());
-  const d = parseFloat(r.borderWidth) || 0;
-  d > 0 && (e.strokeStyle = r.borderColor, e.lineWidth = d, e.stroke()), e.shadowColor = "transparent", e.shadowBlur = 0;
-}, Ao = async (e, s) => {
+  c !== "rgba(0, 0, 0, 0)" && c !== "transparent" && (e.fillStyle = c, e.fill(), e.shadowColor = "transparent");
+}, Ns = (e, o, r) => {
+  const s = o.match(/(rgba?\(.*?\)|#[a-fA-F0-9]{3,8}|[a-z]+)(\s+(\d+%))?/g);
+  if (!s || s.length < 2) return null;
+  const i = e.createLinearGradient(r.left, r.top, r.left, r.bottom);
+  return s.forEach((c, l) => {
+    const p = c.trim().split(/\s+/), m = p[0];
+    let S = l / (s.length - 1);
+    p.length > 1 && p[1] && p[1].includes("%") && (S = parseInt(p[1] || "0") / 100);
+    try {
+      m && i.addColorStop(Math.max(0, Math.min(1, S)), m);
+    } catch {
+    }
+  }), i;
+}, zs = (e, o, r) => {
+  const s = parseFloat(r.borderWidth) || 0;
+  if (s <= 0) return;
+  const i = parseFloat(r.borderRadius) || 0, c = o.left, l = o.top, p = o.width, m = o.height;
+  e.save(), e.strokeStyle = r.borderColor, e.lineWidth = s, e.beginPath(), i > 0 ? (e.moveTo(c + i, l), e.arcTo(c + p, l, c + p, l + m, i), e.arcTo(c + p, l + m, c, l + m, i), e.arcTo(c, l + m, c, l, i), e.arcTo(c, l, c + p, l, i), e.closePath()) : e.rect(c, l, p, m), e.stroke(), e.restore();
+}, Ps = async (e, o) => {
   const r = e.parentElement;
   if (!r || !e.textContent?.trim()) return;
-  const o = window.getComputedStyle(r), c = document.createRange();
-  c.selectNodeContents(e);
-  const d = c.getClientRects();
-  if (d.length === 0) return;
-  s.font = `${o.fontStyle} ${o.fontVariant} ${o.fontWeight} ${o.fontSize} ${o.fontFamily}`, s.fillStyle = o.color, s.textBaseline = "alphabetic";
+  const s = window.getComputedStyle(r), i = document.createRange();
+  i.selectNodeContents(e);
+  const c = i.getClientRects();
+  if (c.length === 0) return;
+  o.save(), o.font = `${s.fontStyle} ${s.fontVariant} ${s.fontWeight} ${s.fontSize} ${s.fontFamily}`, o.fillStyle = s.color, o.textBaseline = "alphabetic";
   const l = e.textContent || "";
-  for (const u of Array.from(d)) {
-    s.fillText(l, u.left, u.bottom - parseFloat(o.fontSize || "16") * 0.2);
-    break;
+  for (let p = 0; p < c.length; p++) {
+    const m = c[p];
+    m && p === 0 && o.fillText(l, m.left, m.bottom - parseFloat(s.fontSize || "16") * 0.2);
   }
-}, Io = async (e, s, r, o) => {
-  if (s.complete)
+  o.restore();
+}, Ms = async (e, o, r, s) => {
+  if (o.complete)
     try {
-      e.drawImage(s, r.left, r.top, r.width, r.height);
+      e.drawImage(o, r.left, r.top, r.width, r.height);
     } catch {
     }
-}, No = async (e, s, r, o) => {
-  const d = o.backgroundImage.match(/url\(["']?(.*?)["']?\)/);
-  if (!d) return;
-  const l = d[1], u = new Image();
-  u.crossOrigin = "anonymous", u.src = l, await new Promise((m) => {
-    u.onload = m, u.onerror = m, setTimeout(m, 500);
-  }), u.complete && u.naturalWidth > 0 && e.drawImage(u, r.left, r.top, r.width, r.height);
-}, Nt = 2147e6, Sr = Nt, rt = Nt, zo = Nt - 100, Po = Nt - 50, Mo = Nt - 150, Te = "data-vg-pin-id", Lo = () => {
+}, Ls = async (e, o, r, s) => {
+  const c = s.backgroundImage.match(/url\(["']?(.*?)["']?\)/);
+  if (!c) return;
+  const l = c[1];
+  if (!l) return;
+  const p = new Image();
+  p.crossOrigin = "anonymous", p.src = l, await new Promise((m) => {
+    p.onload = m, p.onerror = m, setTimeout(m, 800);
+  }), p.complete && p.naturalWidth > 0 && e.drawImage(p, r.left, r.top, r.width, r.height);
+}, Nt = 2147e6, jr = Nt, rt = Nt, Ws = Nt - 100, Ds = Nt - 50, $s = Nt - 150, Te = "data-vg-pin-id", Fs = () => {
   const e = window.innerWidth;
   return e < 768 ? "mobile" : e < 1024 ? "tablet" : "desktop";
-}, jr = (e, s) => {
+}, Or = (e, o) => {
   if (!e) return "";
   try {
     const r = new Date(e);
-    return isNaN(r.getTime()) ? "" : new Intl.DateTimeFormat(s === "es" ? "es-ES" : "en-US", {
+    return isNaN(r.getTime()) ? "" : new Intl.DateTimeFormat(o === "es" ? "es-ES" : "en-US", {
       day: "2-digit",
       month: "2-digit",
       year: "numeric",
@@ -1429,20 +1463,20 @@ const Vo = [
   } catch {
     return "";
   }
-}, Or = ({ url: e, className: s, style: r, tooltipStyle: o, onHover: c }) => {
-  const d = ee(null), l = () => {
-    if (!d.current || !c) return;
-    const k = d.current.getBoundingClientRect(), y = k.top, g = window.innerHeight - k.bottom, h = y < 140 && g > y ? "bottom" : "top";
-    c({
+}, Cr = ({ url: e, className: o, style: r, tooltipStyle: s, onHover: i }) => {
+  const c = ee(null), l = () => {
+    if (!c.current || !i) return;
+    const S = c.current.getBoundingClientRect(), y = S.top, g = window.innerHeight - S.bottom, h = y < 140 && g > y ? "bottom" : "top";
+    i({
       url: e,
-      x: k.left + k.width / 2,
-      y: h === "top" ? k.top : k.bottom,
+      x: S.left + S.width / 2,
+      y: h === "top" ? S.top : S.bottom,
       direction: h
     });
-  }, u = (k) => k.toLowerCase().replace(/\/$/g, "").replace(/\/(?:[0-9]+|(?:[0-9a-f]{24}))(?=\/|$)/g, "/:id"), m = () => {
+  }, p = (S) => S.toLowerCase().replace(/\/$/g, "").replace(/\/(?:[0-9]+|(?:[0-9a-f]{24}))(?=\/|$)/g, "/:id"), m = () => {
     try {
-      const k = u(window.location.pathname), y = new URL(e), g = u(y.pathname);
-      return k === g || k.startsWith(g) || g.startsWith(k);
+      const S = p(window.location.pathname), y = new URL(e), g = p(y.pathname);
+      return S === g || S.startsWith(g) || g.startsWith(S);
     } catch {
       return !1;
     }
@@ -1450,8 +1484,8 @@ const Vo = [
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      ref: d,
-      className: `vg-url-tag ${s || ""}`,
+      ref: c,
+      className: `vg-url-tag ${o || ""}`,
       style: {
         ...r,
         opacity: m() ? 1 : 0.6,
@@ -1459,7 +1493,7 @@ const Vo = [
       },
       onMouseEnter: l,
       onMouseMove: l,
-      onMouseLeave: () => c?.(null),
+      onMouseLeave: () => i?.(null),
       children: [
         /* @__PURE__ */ t.jsx(Ye, { "data-vg-id": "353251b6", "data-source-path": "/src/components/ViewGateOverlay.tsx:149", size: r?.fontSize ? parseInt(r.fontSize) + 1 : 10 }),
         /* @__PURE__ */ t.jsx("span", { "data-vg-id": "1b724dd0", "data-source-path": "/src/components/ViewGateOverlay.tsx:150", style: {
@@ -1472,33 +1506,33 @@ const Vo = [
     }
   );
 }, At = (e) => {
-  const s = [], r = [], o = [];
-  let c = e, d = !1;
-  for (; c && c.nodeType === Node.ELEMENT_NODE; ) {
-    const l = c.localName.toLowerCase();
-    let u = 1, m = c.previousElementSibling;
+  const o = [], r = [], s = [];
+  let i = e, c = !1;
+  for (; i && i.nodeType === Node.ELEMENT_NODE; ) {
+    const l = i.localName.toLowerCase();
+    let p = 1, m = i.previousElementSibling;
     for (; m; )
-      m.localName.toLowerCase() === l && u++, m = m.previousElementSibling;
-    const k = l === "body" || l === "head" || l === "html" ? l : `${l}:nth-of-type(${u})`;
-    if (o.unshift(k), !d) {
-      const y = c.getAttribute("data-testid") || c.getAttribute("data-qa");
+      m.localName.toLowerCase() === l && p++, m = m.previousElementSibling;
+    const S = l === "body" || l === "head" || l === "html" ? l : `${l}:nth-of-type(${p})`;
+    if (s.unshift(S), !c) {
+      const y = i.getAttribute("data-testid") || i.getAttribute("data-qa");
       if (y) {
-        const g = c.hasAttribute("data-testid") ? "data-testid" : "data-qa";
+        const g = i.hasAttribute("data-testid") ? "data-testid" : "data-qa";
         r.push(`[${g}="${y}"]`);
       }
-      c.id && !c.id.startsWith("vg-") && !c.id.includes(":") ? (s.unshift(`#${c.id}`), d = !0) : y ? (s.unshift(`[${c.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${y}"]`), d = !0) : s.unshift(k);
+      i.id && !i.id.startsWith("vg-") && !i.id.includes(":") ? (o.unshift(`#${i.id}`), c = !0) : y ? (o.unshift(`[${i.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${y}"]`), c = !0) : o.unshift(S);
     }
-    if (c = c.parentElement, l === "html") break;
+    if (i = i.parentElement, l === "html") break;
   }
   return {
-    selector: s.join(" > "),
+    selector: o.join(" > "),
     fallbacks: r,
-    vgPath: o.join(" > ")
+    vgPath: s.join(" > ")
   };
-}, Cr = (e) => {
-  const { vgPath: s } = At(e);
+}, Er = (e) => {
+  const { vgPath: o } = At(e);
   return {
-    vgPath: s,
+    vgPath: o,
     classHash: e.className,
     parentTag: e.parentElement?.tagName.toLowerCase(),
     neighborCount: e.parentElement?.children.length,
@@ -1510,29 +1544,29 @@ const Vo = [
     testId: e.getAttribute("data-testid") || e.getAttribute("data-qa") || void 0,
     textSnippet: (e.innerText || "").slice(0, 50).trim()
   };
-}, Wo = /* @__PURE__ */ (() => {
-  let e = null, s = null;
+}, Bs = /* @__PURE__ */ (() => {
+  let e = null, o = null;
   return (r) => {
     if (!r || typeof window > "u" || typeof document > "u") return r;
     if (r.includes("oklch") || r.includes("oklab") || r.includes("lab(") || r.includes("lch(") || r.includes("color("))
       try {
-        if (e || (e = document.createElement("canvas"), e.width = 1, e.height = 1), s || (s = e.getContext("2d", { willReadFrequently: !0 })), s) {
-          s.fillStyle = "#000000", s.fillStyle = r;
-          const d = s.fillStyle;
-          if (d && !d.includes("oklch") && !d.includes("oklab"))
-            return d;
+        if (e || (e = document.createElement("canvas"), e.width = 1, e.height = 1), o || (o = e.getContext("2d", { willReadFrequently: !0 })), o) {
+          o.fillStyle = "#000000", o.fillStyle = r;
+          const c = o.fillStyle;
+          if (c && !c.includes("oklch") && !c.includes("oklab"))
+            return c;
         }
-        const o = document.createElement("div");
-        o.style.color = r, document.body.appendChild(o);
-        const c = getComputedStyle(o).color;
-        return document.body.removeChild(o), c && !c.includes("oklch") ? c : "rgb(0,0,0)";
+        const s = document.createElement("div");
+        s.style.color = r, document.body.appendChild(s);
+        const i = getComputedStyle(s).color;
+        return document.body.removeChild(s), i && !i.includes("oklch") ? i : "rgb(0,0,0)";
       } catch {
         return "rgb(0,0,0)";
       }
     return r;
   };
-})(), Do = (e) => {
-  const s = window.getComputedStyle(e), r = {};
+})(), Hs = (e) => {
+  const o = window.getComputedStyle(e), r = {};
   return [
     "display",
     "position",
@@ -1544,199 +1578,199 @@ const Vo = [
     "width",
     "height",
     "z-index"
-  ].forEach((c) => {
-    const d = s.getPropertyValue(c);
-    r[c] = Wo(d);
+  ].forEach((i) => {
+    const c = o.getPropertyValue(i);
+    r[i] = Bs(c);
   }), r;
-}, $o = (e) => {
-  const r = Object.keys(e).find((d) => d.startsWith("__reactFiber$") || d.startsWith("__reactInternalInstance$"));
+}, Us = (e) => {
+  const r = Object.keys(e).find((c) => c.startsWith("__reactFiber$") || c.startsWith("__reactInternalInstance$"));
   if (!r) return "";
-  const o = [];
-  let c = e[r];
-  for (; c; ) {
-    const d = c.type;
-    if (typeof d == "function") {
-      const l = d.displayName || d.name;
-      l && !l.includes("ViewGate") && !o.includes(l) && o.unshift(l);
+  const s = [];
+  let i = e[r];
+  for (; i; ) {
+    const c = i.type;
+    if (typeof c == "function") {
+      const l = c.displayName || c.name;
+      l && !l.includes("ViewGate") && !s.includes(l) && s.unshift(l);
     }
-    c = c.return;
+    i = i.return;
   }
-  return o.join(" > ") || "Generic Component";
-}, oa = (e) => {
+  return s.join(" > ") || "Generic Component";
+}, na = (e) => {
   if (!e || e.id === "viewgate-ui" || e.id === "viewgate-shadow-host" || e.closest("#viewgate-shadow-host")) return !1;
   if (e.getAttribute("role") === "dialog" || e.getAttribute("aria-modal") === "true" || e.classList.contains("modal") || e.classList.contains("modal-content")) return !0;
-  const s = window.getComputedStyle(e), r = e.getBoundingClientRect(), o = e.getAttribute("role");
-  if (o && ["listbox", "menu", "combobox", "tooltip", "option"].includes(o) || r.width < 120 && r.height < 120) return !1;
-  const d = parseInt(s.zIndex) || 0, l = s.position === "fixed" || s.position === "absolute", u = r.width > window.innerWidth * 0.4 && r.height > window.innerHeight * 0.4, m = Math.abs(r.left + r.width / 2 - window.innerWidth / 2) < 50, k = e.getAttribute("class") || "", y = k.toLowerCase().includes("modal") || k.toLowerCase().includes("dialog");
-  return !!(l && d >= 100 && (u || m || y));
-}, sa = (e) => {
-  let s = e;
-  for (; s && s !== document.body; ) {
-    if (oa(s)) return s;
-    s = s.parentElement;
+  const o = window.getComputedStyle(e), r = e.getBoundingClientRect(), s = e.getAttribute("role");
+  if (s && ["listbox", "menu", "combobox", "tooltip", "option"].includes(s) || r.width < 120 && r.height < 120) return !1;
+  const c = parseInt(o.zIndex) || 0, l = o.position === "fixed" || o.position === "absolute", p = r.width > window.innerWidth * 0.4 && r.height > window.innerHeight * 0.4, m = Math.abs(r.left + r.width / 2 - window.innerWidth / 2) < 50, S = e.getAttribute("class") || "", y = S.toLowerCase().includes("modal") || S.toLowerCase().includes("dialog");
+  return !!(l && c >= 100 && (p || m || y));
+}, oa = (e) => {
+  let o = e;
+  for (; o && o !== document.body; ) {
+    if (na(o)) return o;
+    o = o.parentElement;
   }
   return null;
 }, De = (e) => {
   if (!e.isConnected) return !1;
-  const s = window.getComputedStyle(e);
-  if (s.display === "none" || s.visibility === "hidden" || s.opacity === "0")
+  const o = window.getComputedStyle(e);
+  if (o.display === "none" || o.visibility === "hidden" || o.opacity === "0")
     return e.tagName !== "BODY" && e.tagName, !1;
   if (e.offsetWidth === 0 || e.offsetHeight === 0)
     return !1;
   let r = e.parentElement;
   for (; r; ) {
-    const c = window.getComputedStyle(r);
-    if (c.display === "none" || c.visibility === "hidden" || c.opacity === "0") return !1;
+    const i = window.getComputedStyle(r);
+    if (i.display === "none" || i.visibility === "hidden" || i.opacity === "0") return !1;
     r = r.parentElement;
   }
-  const o = e.getBoundingClientRect();
-  return !(o.width === 0 || o.height === 0);
-}, Hr = (e, s = document) => {
-  const r = s.querySelector(e);
+  const s = e.getBoundingClientRect();
+  return !(s.width === 0 || s.height === 0);
+}, Hr = (e, o = document) => {
+  const r = o.querySelector(e);
   if (r) return r;
-  const o = s.querySelectorAll("*");
-  for (const c of Array.from(o)) {
-    const d = c.shadowRoot;
-    if (d) {
-      const l = Hr(e, d);
+  const s = o.querySelectorAll("*");
+  for (const i of Array.from(s)) {
+    const c = i.shadowRoot;
+    if (c) {
+      const l = Hr(e, c);
       if (l) return l;
     }
   }
   return null;
-}, Er = (e, s) => {
-  let r = document.elementFromPoint(e, s);
+}, Vr = (e, o) => {
+  let r = document.elementFromPoint(e, o);
   for (; r && r.shadowRoot; ) {
-    const o = r.shadowRoot.elementFromPoint(e, s);
-    if (!o || o === r) break;
-    r = o;
+    const s = r.shadowRoot.elementFromPoint(e, o);
+    if (!s || s === r) break;
+    r = s;
   }
   return r;
-}, Fo = (e) => {
+}, qs = (e) => {
   if (!e.tag) return null;
-  const s = Array.from(document.getElementsByTagName(e.tag));
-  let r = null, o = 0;
-  for (const c of s) {
-    if (!_t(c, e)) continue;
-    let d = 0;
-    const l = c.getAttribute("placeholder"), u = e.attributes?.placeholder || e.fingerprint?.placeholder;
-    u && l === u && (d += 6);
-    const m = c.getAttribute("type"), k = e.attributes?.type || e.fingerprint?.type;
-    if (k && m === k && (d += 2), c.innerText?.trim() === e.text.trim() && (d += 5), e.fingerprint?.vgPath) {
-      const { vgPath: y } = At(c);
-      (y === e.vgPath || e.fingerprint?.vgPath === y) && (d += 10);
+  const o = Array.from(document.getElementsByTagName(e.tag));
+  let r = null, s = 0;
+  for (const i of o) {
+    if (!_t(i, e)) continue;
+    let c = 0;
+    const l = i.getAttribute("placeholder"), p = e.attributes?.placeholder || e.fingerprint?.placeholder;
+    p && l === p && (c += 6);
+    const m = i.getAttribute("type"), S = e.attributes?.type || e.fingerprint?.type;
+    if (S && m === S && (c += 2), i.innerText?.trim() === e.text.trim() && (c += 5), e.fingerprint?.vgPath) {
+      const { vgPath: y } = At(i);
+      (y === e.vgPath || e.fingerprint?.vgPath === y) && (c += 10);
     }
-    d > o && d >= 7 && (o = d, r = c);
+    c > s && c >= 7 && (s = c, r = i);
   }
   return r;
-}, _t = (e, s) => {
-  if (e.tagName.toLowerCase() !== s.tag.toLowerCase()) return !1;
-  const r = e.getAttribute("placeholder"), o = s.attributes?.placeholder || s.fingerprint?.placeholder;
-  if (o && r && o !== r) return !1;
-  const c = e.getAttribute("type"), d = s.attributes?.type || s.fingerprint?.type;
-  return !(d && c && d !== c);
-}, Vr = (e, s) => {
-  if (s) {
-    const l = Array.from(document.querySelectorAll(`[${Te}="${s}"]`));
+}, _t = (e, o) => {
+  if (e.tagName.toLowerCase() !== o.tag.toLowerCase()) return !1;
+  const r = e.getAttribute("placeholder"), s = o.attributes?.placeholder || o.fingerprint?.placeholder;
+  if (s && r && s !== r) return !1;
+  const i = e.getAttribute("type"), c = o.attributes?.type || o.fingerprint?.type;
+  return !(c && i && c !== i);
+}, Gr = (e, o) => {
+  if (o) {
+    const l = Array.from(document.querySelectorAll(`[${Te}="${o}"]`));
     if (l.length > 0) {
-      const u = l.filter((m) => _t(m, e));
-      if (u.length === 0)
+      const p = l.filter((m) => _t(m, e));
+      if (p.length === 0)
         l.forEach((m) => m.removeAttribute(Te));
       else {
-        const m = u.find((y) => {
+        const m = p.find((y) => {
           const { vgPath: g } = At(y);
           return g === e.vgPath || e.fingerprint?.vgPath === g;
-        }), k = m && De(m) ? m : u.find((y) => !(!De(y) || e.metadata?.isModal && !y.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')));
-        return k ? (l.forEach((y) => {
-          y !== k && y.removeAttribute(Te);
-        }), k) : null;
+        }), S = m && De(m) ? m : p.find((y) => !(!De(y) || e.metadata?.isModal && !y.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')));
+        return S ? (l.forEach((y) => {
+          y !== S && y.removeAttribute(Te);
+        }), S) : null;
       }
     }
   }
   if (e.vgPath)
     try {
       const l = document.querySelector(e.vgPath);
-      if (l && _t(l, e) && De(l) && (!e.metadata?.isModal || sa(l)))
+      if (l && _t(l, e) && De(l) && (!e.metadata?.isModal || oa(l)))
         return l;
     } catch {
     }
-  const o = (e.selector ? Array.from(document.querySelectorAll(e.selector)) : []).filter((l) => _t(l, e));
-  let c = o.find((l) => {
-    const { vgPath: u } = At(l);
-    return u === e.vgPath || e.fingerprint?.vgPath === u;
-  }) || o[0] || null;
-  if (c && De(c))
-    if (e.metadata?.isModal && !sa(c))
-      c = null;
+  const s = (e.selector ? Array.from(document.querySelectorAll(e.selector)) : []).filter((l) => _t(l, e));
+  let i = s.find((l) => {
+    const { vgPath: p } = At(l);
+    return p === e.vgPath || e.fingerprint?.vgPath === p;
+  }) || s[0] || null;
+  if (i && De(i))
+    if (e.metadata?.isModal && !oa(i))
+      i = null;
     else
-      return c;
+      return i;
   if (e.fallbackSelectors)
     for (const l of e.fallbackSelectors) {
-      const u = Hr(l);
-      if (u && _t(u, e) && De(u)) {
-        if (e.metadata?.isModal && !sa(u)) continue;
-        return u;
+      const p = Hr(l);
+      if (p && _t(p, e) && De(p)) {
+        if (e.metadata?.isModal && !oa(p)) continue;
+        return p;
       }
     }
-  const d = Fo(e);
-  return d && De(d) ? e.metadata?.isModal && !sa(d) ? null : d : null;
-}, Va = (e) => ({
+  const c = qs(e);
+  return c && De(c) ? e.metadata?.isModal && !oa(c) ? null : c : null;
+}, Ga = (e) => ({
   tag: e.tagName.toLowerCase(),
   text: (e.innerText || e.getAttribute("placeholder") || "").slice(0, 50).trim(),
   role: e.getAttribute("role") || void 0,
   type: e.getAttribute("type") || void 0
-}), Gr = (e) => {
+}), Rr = (e) => {
   if (!e) return "";
-  let s = e.replace(/<path[^>]*d="([^"]{50,})"[^>]*\/?>/gi, (r, o) => r.replace(o, `${o.substring(0, 20)}...[STRIPPED_${o.length}]`));
-  return s = s.replace(/<polygon[^>]*points="([^"]{50,})"[^>]*\/?>/gi, (r, o) => r.replace(o, `${o.substring(0, 20)}...[STRIPPED_${o.length}]`)), s;
-}, Bo = (e) => {
-  const s = e.parentElement;
-  if (!s) return;
-  const r = Array.from(s.children).filter((l) => l !== e).slice(0, 5).map((l) => Va(l)), o = Array.from(s.children), c = o.indexOf(e);
-  let d = "middle";
-  return c === 0 && (d = "start"), c === o.length - 1 && (d = "end"), {
+  let o = e.replace(/<path[^>]*d="([^"]{50,})"[^>]*\/?>/gi, (r, s) => r.replace(s, `${s.substring(0, 20)}...[STRIPPED_${s.length}]`));
+  return o = o.replace(/<polygon[^>]*points="([^"]{50,})"[^>]*\/?>/gi, (r, s) => r.replace(s, `${s.substring(0, 20)}...[STRIPPED_${s.length}]`)), o;
+}, Ys = (e) => {
+  const o = e.parentElement;
+  if (!o) return;
+  const r = Array.from(o.children).filter((l) => l !== e).slice(0, 5).map((l) => Ga(l)), s = Array.from(o.children), i = s.indexOf(e);
+  let c = "middle";
+  return i === 0 && (c = "start"), i === s.length - 1 && (c = "end"), {
     target: {
-      ...Va(e),
-      location: `${d} of ${s.tagName.toLowerCase()}`
+      ...Ga(e),
+      location: `${c} of ${o.tagName.toLowerCase()}`
     },
-    parent: Va(s),
+    parent: Ga(o),
     siblings: r
   };
-}, Ur = (e, s) => {
+}, Ur = (e, o) => {
   const r = e.getAttribute("data-vg-id") || void 0;
-  let o;
-  const d = Object.keys(e).find((G) => G.startsWith("__reactFiber$") || G.startsWith("__reactInternalInstance$"));
-  if (d) {
-    let G = e[d];
+  let s;
+  const c = Object.keys(e).find((G) => G.startsWith("__reactFiber$") || G.startsWith("__reactInternalInstance$"));
+  if (c) {
+    let G = e[c];
     for (; G; ) {
       if (G._debugSource) {
         const { fileName: x, lineNumber: ge, columnNumber: A } = G._debugSource;
-        o = `${x}:${ge}${A ? ":" + A : ""}`;
+        s = `${x}:${ge}${A ? ":" + A : ""}`;
         break;
       }
       G = G.return;
     }
   }
-  const l = Cr(e), u = {
+  const l = Er(e), p = {
     vgId: r ? 1 : 0,
-    fiber: o ? 0.8 : 0,
+    fiber: s ? 0.8 : 0,
     fingerprint: 0.5 + (l.testId ? 0.3 : 0) + (l.ariaLabel ? 0.1 : 0)
   };
-  let m = e.getAttribute("data-source-path") || o || "unknown:0";
-  const k = $o(e), { selector: y, fallbacks: g, vgPath: h } = At(e), S = {};
+  let m = e.getAttribute("data-source-path") || s || "unknown:0";
+  const S = Us(e), { selector: y, fallbacks: g, vgPath: h } = At(e), k = {};
   ["placeholder", "aria-label", "name", "type", "alt", "title", "value", "role", "data-testid"].forEach((G) => {
     const x = e.getAttribute(G);
-    x && (S[G] = x);
+    x && (k[G] = x);
   });
   const V = (() => {
     let G = e;
     for (; G && G !== document.body; ) {
-      if (oa(G)) return !0;
+      if (na(G)) return !0;
       G = G.parentElement;
     }
     return !1;
   })();
   let E;
-  V && s && !s.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content') && (E = Ur(s));
+  V && o && !o.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content') && (E = Ur(o));
   const T = `${e.tagName.toLowerCase()}-${(e.innerText || "").slice(0, 20).replace(/\s+/g, "_")}-${y.split(" > ").slice(-1)}`;
   return {
     tag: e.tagName.toLowerCase(),
@@ -1746,94 +1780,94 @@ const Vo = [
     selector: y,
     vgPath: h,
     vgId: r,
-    outerHtml: Gr(e.outerHTML),
+    outerHtml: Rr(e.outerHTML),
     parentContext: e.parentElement ? `<${e.parentElement.tagName.toLowerCase()} ${Array.from(e.parentElement.attributes).map((G) => `${G.name}="${G.value}"`).join(" ").slice(0, 500)}>` : "N/A",
-    componentPath: k,
+    componentPath: S,
     signature: T,
     source: m,
-    attributes: S,
-    confidence: u,
+    attributes: k,
+    confidence: p,
     fallbackSelectors: [...new Set(g)].slice(0, 5),
     domPath: [],
     viewportSize: { width: window.innerWidth, height: window.innerHeight },
-    uiContext: Bo(e),
-    fingerprint: Cr(e),
+    uiContext: Ys(e),
+    fingerprint: Er(e),
     metadata: {
       hint: `Edit ${m.split(":")[0]} at line ${m.split(":")[1] || "?"}`,
-      computedStyles: Do(e),
-      viewportBreakpoint: Lo(),
-      outerHtml: Gr(e.outerHTML).slice(0, 2e3),
+      computedStyles: Hs(e),
+      viewportBreakpoint: Fs(),
+      outerHtml: Rr(e.outerHTML).slice(0, 2e3),
       scrollPosition: { x: window.scrollX, y: window.scrollY },
       isModal: V,
       triggerReference: E
     }
   };
-}, Ho = () => {
-  const { mutate: e } = Dr(), { addToast: s, language: r, t: o, apiKey: c, baseUrl: d, dashboardUrl: l, disableViewGate: u, hasActiveToasts: m } = Ro(), [k, y] = C(typeof window < "u" ? window.location.pathname + window.location.search : "/"), g = ot(() => typeof window > "u" ? !1 : window.location.href.includes("viewgate-backlog"), [k]);
-  se(() => {
+}, Xs = () => {
+  const { mutate: e } = $r(), { addToast: o, language: r, t: s, apiKey: i, baseUrl: c, dashboardUrl: l, disableViewGate: p, hasActiveToasts: m } = Rs(), [S, y] = C(typeof window < "u" ? window.location.pathname + window.location.search : "/"), g = st(() => typeof window > "u" ? !1 : window.location.href.includes("viewgate-backlog"), [S]);
+  oe(() => {
     const a = () => y(window.location.pathname + window.location.search);
     window.addEventListener("popstate", a);
-    const n = window.history.pushState, i = window.history.replaceState;
-    return window.history.pushState = function(...p) {
-      n.apply(this, p), setTimeout(a, 0);
-    }, window.history.replaceState = function(...p) {
-      i.apply(this, p), setTimeout(a, 0);
+    const n = window.history.pushState, d = window.history.replaceState;
+    return window.history.pushState = function(...u) {
+      n.apply(this, u), setTimeout(a, 0);
+    }, window.history.replaceState = function(...u) {
+      d.apply(this, u), setTimeout(a, 0);
     }, () => {
-      window.removeEventListener("popstate", a), window.history.pushState = n, window.history.replaceState = i;
+      window.removeEventListener("popstate", a), window.history.pushState = n, window.history.replaceState = d;
     };
   }, []);
-  const [h, S] = C(!1), [V, E] = C("medium"), [T, G] = C("medium"), [x, ge] = C("all"), [A, U] = C(null), [N, X] = C(null), [re, D] = C(""), [oe, le] = C(!1), [M, pe] = C([]), [B, ne] = C([
-    { name: o.figmaPrimaryDesign, link: "" }
+  const [h, k] = C(!1), [V, E] = C("medium"), [T, G] = C("medium"), [x, ge] = C("all"), [A, U] = C(null), [N, X] = C(null), [re, D] = C(""), [se, le] = C(!1), [M, pe] = C([]), [B, ne] = C([
+    { name: s.figmaPrimaryDesign, link: "" }
   ]), [L, je] = C([]), [Oe, Be] = C([]), [Ce, f] = C(null), [R, z] = C(!1), [$, Ae] = C(""), [Ee, P] = C(!1), [be, nt] = C("down");
   ee(null);
-  const [Me, He] = C(!1), [me, Ie] = C(!1), [ae, Ke] = C([]), [he, W] = C(null), [F, q] = C(""), [K, Ve] = C(!1), [xe, J] = C({}), [Y, Le] = C(null), [Ne, vt] = C(!1), [Ge, ue] = C(null), [ze, zt] = C([]), [Z, Je] = C(() => typeof window > "u" ? null : localStorage.getItem("vg_token") || sessionStorage.getItem("vg_token")), [ie, na] = C(() => {
+  const [Me, He] = C(!1), [me, Ie] = C(!1), [ae, Ke] = C([]), [he, W] = C(null), [F, q] = C(""), [K, Ve] = C(!1), [xe, J] = C({}), [Y, Le] = C(null), [Ne, vt] = C(!1), [Ge, ue] = C(null), [ze, zt] = C([]), [Z, Je] = C(() => typeof window > "u" ? null : localStorage.getItem("vg_token") || sessionStorage.getItem("vg_token")), [ie, ia] = C(() => {
     if (typeof window > "u") return null;
     const a = localStorage.getItem("vg_user") || sessionStorage.getItem("vg_user");
     return a && a !== "undefined" ? JSON.parse(a) : null;
-  }), [yt, ia] = C(() => typeof window > "u" ? null : localStorage.getItem("vg_role") || sessionStorage.getItem("vg_role")), [Ze, Wa] = C(""), [ca, Da] = C(!1), [qo, Yr] = C(!1), [bt, $a] = C(!1), [Pt, Fa] = C(!1), [Mt, Xr] = C(!1), [Lt, Ba] = C(!0), Kr = async (a) => {
-    if (a && a.preventDefault(), !(!Ze.trim() || !d)) {
-      Da(!0);
+  }), [yt, ca] = C(() => typeof window > "u" ? null : localStorage.getItem("vg_role") || sessionStorage.getItem("vg_role")), [Ze, Da] = C(""), [da, $a] = C(!1), [Js, Yr] = C(!1), [bt, Fa] = C(!1), [Pt, Ba] = C(!1), [Mt, Xr] = C(!1), [Lt, Ha] = C(!0), Kr = async (a) => {
+    if (a && a.preventDefault(), !(!Ze.trim() || !c)) {
+      $a(!0);
       try {
-        const n = await fetch(`${d}/api/auth/me`, {
+        const n = await fetch(`${c}/api/auth/me`, {
           headers: {
             Authorization: `Bearer ${Ze.trim()}`,
-            "x-api-key": c || ""
+            "x-api-key": i || ""
           }
         });
         if (!n.ok) {
           const w = await n.json().catch(() => ({}));
           throw new Error(w.error || w.message || "Invalid token");
         }
-        const i = await n.json();
-        console.log("[ViewGate] Auth data received:", i);
-        const p = i.user || (i.email ? i : null), v = i.role || p?.role || "dev";
-        if (console.log("[ViewGate] Identified as:", p?.email, p?.name, "Role:", v), !p) throw new Error("User not found in token");
-        Je(Ze.trim()), na(p), ia(v), localStorage.setItem("vg_token", Ze.trim()), p && localStorage.setItem("vg_user", JSON.stringify(p)), v && localStorage.setItem("vg_role", v), s(r === "es" ? "Sesión iniciada correctamente" : o.successHeader, "success"), Wa(""), Fa(!1), $a(!1), Yr(!1), da();
+        const d = await n.json();
+        console.log("[ViewGate] Auth data received:", d);
+        const u = d.user || (d.email ? d : null), v = d.role || u?.role || "dev";
+        if (console.log("[ViewGate] Identified as:", u?.email, u?.name, "Role:", v), !u) throw new Error("User not found in token");
+        Je(Ze.trim()), ia(u), ca(v), localStorage.setItem("vg_token", Ze.trim()), u && localStorage.setItem("vg_user", JSON.stringify(u)), v && localStorage.setItem("vg_role", v), o(r === "es" ? "Sesión iniciada correctamente" : s.successHeader, "success"), Da(""), Ba(!1), Fa(!1), Yr(!1), la();
       } catch (n) {
-        let i = n.message || (r === "es" ? "Clave inválida o expirada" : "Invalid or expired key");
-        i.toLowerCase().includes("invalid or expired token") && (i = o.invalidToken), s(i, "error");
+        let d = n.message || (r === "es" ? "Clave inválida o expirada" : "Invalid or expired key");
+        d.toLowerCase().includes("invalid or expired token") && (d = s.invalidToken), o(d, "error");
       } finally {
-        Da(!1);
+        $a(!1);
       }
     }
   }, wt = _e(() => {
-    console.log("[VIEWGATE_WRAPPER] Clearing session"), Je(null), na(null), ia(null), Ba(!1), sessionStorage.removeItem("vg_token"), sessionStorage.removeItem("vg_user"), sessionStorage.removeItem("vg_role"), localStorage.removeItem("vg_token"), localStorage.removeItem("vg_user"), localStorage.removeItem("vg_role");
-    const a = d;
-    e((n) => typeof n == "string" && a && n.startsWith(a), void 0, { revalidate: !1 }), Ke([]), ue(null), S(!1), X(null), D(""), Ie(!1), s(r === "es" ? "Sesión finalizada o inválida" : "Session ended or invalid", "error");
-  }, [d, r]);
-  se(() => {
+    console.log("[VIEWGATE_WRAPPER] Clearing session"), Je(null), ia(null), ca(null), Ha(!1), sessionStorage.removeItem("vg_token"), sessionStorage.removeItem("vg_user"), sessionStorage.removeItem("vg_role"), localStorage.removeItem("vg_token"), localStorage.removeItem("vg_user"), localStorage.removeItem("vg_role");
+    const a = c;
+    e((n) => typeof n == "string" && a && n.startsWith(a), void 0, { revalidate: !1 }), Ke([]), ue(null), k(!1), X(null), D(""), Ie(!1), o(r === "es" ? "Sesión finalizada o inválida" : "Session ended or invalid", "error");
+  }, [c, r]);
+  oe(() => {
     const a = (n) => {
       if (n.data?.type?.startsWith("VIEWGATE_") && console.log("[VIEWGATE_WRAPPER] Received message:", n.data.type, n.data), n.data?.type === "VIEWGATE_AUTH_SUCCESS" || n.data?.type === "VIEWGATE_SILENT_AUTH") {
-        const { token: i, user: p, role: v, error: w } = n.data;
-        if (console.log("[VIEWGATE_WRAPPER] Auth process:", { type: n.data.type, hasToken: !!i, hasUser: !!p }), w === "NO_SESSION")
+        const { token: d, user: u, role: v, error: w } = n.data;
+        if (console.log("[VIEWGATE_WRAPPER] Auth process:", { type: n.data.type, hasToken: !!d, hasUser: !!u }), w === "NO_SESSION")
           return;
         const O = sessionStorage.getItem("vg_token");
-        if (i && i !== O || !i && O) {
+        if (d && d !== O || !d && O) {
           console.log("[VIEWGATE_WRAPPER] Session sync detected change, clearing caches");
-          const j = d;
+          const j = c;
           e((Q) => typeof Q == "string" && j && Q.startsWith(j), void 0, { revalidate: !0 }), Ke([]);
         }
-        i && (Je(i), sessionStorage.setItem("vg_token", i), localStorage.setItem("vg_token", i), p && (na(p), ia(v || p.role || "dev"), sessionStorage.setItem("vg_user", JSON.stringify(p)), localStorage.setItem("vg_user", JSON.stringify(p))), n.data.type === "VIEWGATE_AUTH_SUCCESS" && s(r === "es" ? "Sesión iniciada correctamente" : "Logged in successfully", "success"));
+        d && (Je(d), sessionStorage.setItem("vg_token", d), localStorage.setItem("vg_token", d), u && (ia(u), ca(v || u.role || "dev"), sessionStorage.setItem("vg_user", JSON.stringify(u)), localStorage.setItem("vg_user", JSON.stringify(u))), n.data.type === "VIEWGATE_AUTH_SUCCESS" && o(r === "es" ? "Sesión iniciada correctamente" : "Logged in successfully", "success"));
       }
       if (n.data?.type === "VIEWGATE_LOGOUT") {
         if (console.log("[VIEWGATE_WRAPPER] Logout message received"), sessionStorage.getItem("vg_token")) {
@@ -1844,117 +1878,117 @@ const Vo = [
       }
     };
     return window.addEventListener("message", a), () => window.removeEventListener("message", a);
-  }, [r, wt, d]);
-  const da = _e(() => {
-    if (!c || !d || Pt) return;
-    const a = { "x-api-key": c };
-    Z && (a.Authorization = `Bearer ${Z}`), fetch(`${d}/api/projects/settings-check`, {
+  }, [r, wt, c]);
+  const la = _e(() => {
+    if (!i || !c || Pt) return;
+    const a = { "x-api-key": i };
+    Z && (a.Authorization = `Bearer ${Z}`), fetch(`${c}/api/projects/settings-check`, {
       headers: a
     }).then((n) => {
       if (n.status === 403)
         throw wt(), new Error("Unauthorized");
       return n.json();
     }).then((n) => {
-      n.projectId && f(n.projectId), typeof n.isFigmaConnected == "boolean" && z(n.isFigmaConnected), typeof n.hasEndpoints == "boolean" && Xr(n.hasEndpoints), Fa(!0);
+      n.projectId && f(n.projectId), typeof n.isFigmaConnected == "boolean" && z(n.isFigmaConnected), typeof n.hasEndpoints == "boolean" && Xr(n.hasEndpoints), Ba(!0);
     }).catch((n) => {
       n.message !== "Unauthorized" && console.error("Failed to fetch project settings-check", n);
     });
-  }, [c, d, Pt]), la = _e(() => {
-    if (!c || !d || bt) return;
-    const a = { "x-api-key": c };
-    Z && (a.Authorization = `Bearer ${Z}`), fetch(`${d}/api/projects/endpoints`, {
+  }, [i, c, Pt]), pa = _e(() => {
+    if (!i || !c || bt) return;
+    const a = { "x-api-key": i };
+    Z && (a.Authorization = `Bearer ${Z}`), fetch(`${c}/api/projects/endpoints`, {
       headers: a
     }).then((n) => {
       if (n.status === 403)
         throw wt(), new Error("Unauthorized");
       return n.json();
     }).then((n) => {
-      n.endpoints && Array.isArray(n.endpoints) ? Be(n.endpoints) : Array.isArray(n) && Be(n), typeof n.isFigmaConnected == "boolean" && z(n.isFigmaConnected), $a(!0);
+      n.endpoints && Array.isArray(n.endpoints) ? Be(n.endpoints) : Array.isArray(n) && Be(n), typeof n.isFigmaConnected == "boolean" && z(n.isFigmaConnected), Fa(!0);
     }).catch((n) => {
       n.message !== "Unauthorized" && console.error("Failed to fetch project endpoints", n);
     });
-  }, [c, d, bt]);
-  se(() => {
-    (h || Z) && (Pt || da());
-  }, [h, Z, Pt, da]), se(() => {
-    Ee && !bt && la();
-  }, [Ee, bt, la]), se(() => {
+  }, [i, c, bt]);
+  oe(() => {
+    (h || Z) && (Pt || la());
+  }, [h, Z, Pt, la]), oe(() => {
+    Ee && !bt && pa();
+  }, [Ee, bt, pa]), oe(() => {
     if (M.length === 0) return;
     const a = ["frontend"];
     Mt && a.push("backend"), R && a.push("ux");
-    const n = M.filter((i) => a.includes(i));
+    const n = M.filter((d) => a.includes(d));
     n.length !== M.length && pe(n);
   }, [Oe.length, R, M]);
-  const Ha = _e(async (a) => {
+  const Ua = _e(async (a) => {
     const n = {
-      "x-api-key": c
+      "x-api-key": i
     };
     Z && (n.Authorization = `Bearer ${Z}`);
-    const i = await fetch(a, { headers: n });
-    if (!i.ok) {
-      i.status === 403 && wt();
-      const p = await i.json().catch(() => ({}));
-      let v = p.message || p.error || "Fetch failed";
-      v.toLowerCase().includes("invalid or expired token") && (v = o.invalidToken);
+    const d = await fetch(a, { headers: n });
+    if (!d.ok) {
+      d.status === 403 && wt();
+      const u = await d.json().catch(() => ({}));
+      let v = u.message || u.error || "Fetch failed";
+      v.toLowerCase().includes("invalid or expired token") && (v = s.invalidToken);
       const w = new Error(v);
-      throw w.status = i.status, w;
+      throw w.status = d.status, w;
     }
-    return Ba(!0), i.json();
-  }, [c, Z]), Jr = ot(() => g ? "backlog" : "pending,todo,in_progress,review,ready_for_review,bug_fixing", [g]), { data: Wt, isLoading: Dt, error: Ua } = xr(
-    c ? `${d}/api/projects/active-sprint` : null,
-    Ha,
+    return Ha(!0), d.json();
+  }, [i, Z]), Jr = st(() => g ? "backlog" : "pending,todo,in_progress,review,ready_for_review,bug_fixing", [g]), { data: Wt, isLoading: Dt, error: qa } = vr(
+    i ? `${c}/api/projects/active-sprint` : null,
+    Ua,
     {
       revalidateOnFocus: !0,
       revalidateOnMount: !0,
       dedupingInterval: 6e4
     }
-  ), { data: kt, isLoading: Qe, mutate: $t } = xr(
-    c && (Wt || g) ? `${d}/api/annotations?status=${Jr}` : null,
-    Ha,
+  ), { data: kt, isLoading: Qe, mutate: $t } = vr(
+    i && (Wt || g) ? `${c}/api/annotations?status=${Jr}` : null,
+    Ua,
     {
       refreshInterval: 3e4,
       // Reduced polling frequency to 30s to save resources
       revalidateOnFocus: !0,
       dedupingInterval: 5e3
     }
-  ), [et, qa] = C(null), [it, Yo] = C(null), Ya = ee(ae);
-  Ya.current = ae;
-  const [ce, Ft] = C(null), Xa = ee(null), [ct, Zr] = C([]), Ka = ot(() => {
+  ), [et, Ya] = C(null), [it, Zs] = C(null), Xa = ee(ae);
+  Xa.current = ae;
+  const [ce, Ft] = C(null), Ka = ee(null), [ct, Zr] = C([]), Ja = st(() => {
     const a = ($ || "").toLowerCase().trim();
     return a ? Oe.filter((n) => {
-      const i = n.path && n.path.toLowerCase().includes(a), p = n.description && n.description.toLowerCase().includes(a), v = n.method && n.method.toLowerCase().includes(a);
-      return i || p || v;
+      const d = n.path && n.path.toLowerCase().includes(a), u = n.description && n.description.toLowerCase().includes(a), v = n.method && n.method.toLowerCase().includes(a);
+      return d || u || v;
     }) : Oe;
-  }, [Oe, $]), Ja = ot(() => {
+  }, [Oe, $]), Za = st(() => {
     const a = {}, n = r === "es" ? "Seleccionados" : "Selected";
-    return Ka.forEach((i) => {
-      const p = `${i.method}|${i.path}`;
-      L.includes(p) && (a[n] || (a[n] = { name: n, endpoints: [] }), a[n].endpoints.push(i));
-      const w = (i.path || "").split("/").filter((Q) => Q && !["api", "v1.0", "v2", "rest"].includes(Q.toLowerCase()));
+    return Ja.forEach((d) => {
+      const u = `${d.method}|${d.path}`;
+      L.includes(u) && (a[n] || (a[n] = { name: n, endpoints: [] }), a[n].endpoints.push(d));
+      const w = (d.path || "").split("/").filter((Q) => Q && !["api", "v1.0", "v2", "rest"].includes(Q.toLowerCase()));
       let O = w.length > 0 ? w[0] : "General";
       O = O.replace(/([a-z])([A-Z])/g, "$1 $2"), O = O.replace(/([A-Z])([A-Z][a-z])/g, "$1 $2"), O = O.charAt(0).toUpperCase() + O.slice(1), a[O] || (a[O] = { name: O, endpoints: [] });
       const j = a[O];
-      j && j.endpoints.push(i);
-    }), Object.values(a).sort((i, p) => i.name === n ? -1 : p.name === n || i.name === "General" ? 1 : p.name === "General" ? -1 : i.name.localeCompare(p.name));
-  }, [Ka, L, r]), pa = ot(() => {
+      j && j.endpoints.push(d);
+    }), Object.values(a).sort((d, u) => d.name === n ? -1 : u.name === n || d.name === "General" ? 1 : u.name === "General" ? -1 : d.name.localeCompare(u.name));
+  }, [Ja, L, r]), ua = st(() => {
     let a = Array.isArray(ae) ? ae : [];
     if (Y) {
-      const i = ct.find((p) => p.annotations && Array.isArray(p.annotations) && p.annotations.some((v) => v._id === Y));
-      i ? a = i.annotations : a = a.filter((p) => p._id === Y);
+      const d = ct.find((u) => u.annotations && Array.isArray(u.annotations) && u.annotations.some((v) => v._id === Y));
+      d ? a = d.annotations : a = a.filter((u) => u._id === Y);
     }
-    return a = a.filter((i) => i.status !== "completed" && i.status !== "done"), window.location.href.includes("viewgate-backlog") || (ce === "pending" ? a = a.filter((i) => i.status !== "ready_for_review") : ce === "ready" && (a = a.filter((i) => i.status === "ready_for_review"))), x !== "all" && (a = a.filter((i) => (i.priority || "medium") === x)), a;
+    return a = a.filter((d) => d.status !== "completed" && d.status !== "done"), window.location.href.includes("viewgate-backlog") || (ce === "pending" ? a = a.filter((d) => d.status !== "ready_for_review") : ce === "ready" && (a = a.filter((d) => d.status === "ready_for_review"))), x !== "all" && (a = a.filter((d) => (d.priority || "medium") === x)), a;
   }, [Y, ae, ct, ce, x]);
-  se(() => {
-    Y && pa.length === 0 && !Qe && Le(null);
-  }, [Y, pa.length, Qe]);
+  oe(() => {
+    Y && ua.length === 0 && !Qe && Le(null);
+  }, [Y, ua.length, Qe]);
   const [dt, Qr] = C(() => {
     if (typeof window > "u") return { bottom: 30, right: 30 };
     const a = localStorage.getItem("vg-bar-pos");
     return a ? JSON.parse(a) : { bottom: 30, right: 30 };
-  }), [St, Za] = C(!1), We = ee(null), es = (a) => {
+  }), [St, Qa] = C(!1), We = ee(null), eo = (a) => {
     a.preventDefault(), a.stopPropagation();
     const n = a.currentTarget.parentElement?.getBoundingClientRect();
-    n && (Za(!0), We.current = {
+    n && (Qa(!0), We.current = {
       x: a.clientX,
       y: a.clientY,
       bottom: dt.bottom,
@@ -1963,37 +1997,37 @@ const Vo = [
       height: n.height
     });
   };
-  se(() => {
+  oe(() => {
     if (!St) return;
-    const a = (i) => {
+    const a = (d) => {
       if (St && We.current) {
-        const p = i.clientX - We.current.x, v = i.clientY - We.current.y;
-        let w = We.current.bottom - v, O = We.current.right - p;
+        const u = d.clientX - We.current.x, v = d.clientY - We.current.y;
+        let w = We.current.bottom - v, O = We.current.right - u;
         const j = 10;
         w = Math.max(j, Math.min(window.innerHeight - We.current.height - j, w)), O = Math.max(j, Math.min(window.innerWidth - We.current.width - j, O)), Qr({ bottom: w, right: O });
       }
     }, n = () => {
-      St && (Za(!1), localStorage.setItem("vg-bar-pos", JSON.stringify(dt)), We.current = null);
+      St && (Qa(!1), localStorage.setItem("vg-bar-pos", JSON.stringify(dt)), We.current = null);
     };
     return window.addEventListener("mousemove", a), window.addEventListener("mouseup", n), () => {
       window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", n);
     };
   }, [St, dt]);
-  const [lt, Bt] = C(null), [Qa, er] = C(""), [pt, ua] = C([]), [tt, jt] = C([]), [Ue, Ht] = C([]), [Ut, tr] = C(!1);
-  se(() => {
+  const [lt, Bt] = C(null), [er, tr] = C(""), [pt, fa] = C([]), [tt, jt] = C([]), [Ue, Ht] = C([]), [Ut, ar] = C(!1);
+  oe(() => {
     lt && Ht(L);
   }, [L, lt]);
-  const [Xo, Ko] = C({}), fa = ee(null), ut = ee(null), ga = ee(null), qt = ee(!1), ar = _e(() => {
+  const [Qs, en] = C({}), ga = ee(null), ut = ee(null), ma = ee(null), qt = ee(!1), rr = _e(() => {
     typeof window > "u" || qt.current || (ut.current && cancelAnimationFrame(ut.current), ut.current = requestAnimationFrame(() => {
-      ut.current = null, qt.current = !0, ga.current;
-      const a = Ya.current, n = Array.isArray(a) ? a : [], i = new Set(n.map((_) => _._id));
+      ut.current = null, qt.current = !0, ma.current;
+      const a = Xa.current, n = Array.isArray(a) ? a : [], d = new Set(n.map((_) => _._id));
       document.querySelectorAll(`[${Te}]`).forEach((_) => {
         const fe = _.getAttribute(Te);
-        fe && !i.has(fe) && _.removeAttribute(Te);
+        fe && !d.has(fe) && _.removeAttribute(Te);
       });
-      const p = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], [class*="modal" i], [class*="dialog" i], .fixed, .modal-backdrop, .fixed.inset-0')), v = p.find((_) => oa(_) && De(_));
+      const u = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], [class*="modal" i], [class*="dialog" i], .fixed, .modal-backdrop, .fixed.inset-0')), v = u.find((_) => na(_) && De(_));
       let w = !!v;
-      console.log("[ViewGate Debug] Modal Detection:", { potentialModals: p.length, activeModal: v, isAnyModalOpen: w });
+      console.log("[ViewGate Debug] Modal Detection:", { potentialModals: u.length, activeModal: v, isAnyModalOpen: w });
       const O = /* @__PURE__ */ new Map();
       n.forEach((_) => {
         if (!_ || !_.reference) return;
@@ -2018,7 +2052,7 @@ const Vo = [
           return;
         }
         const fe = !!_.reference.metadata?.isModal;
-        let te = Vr(_.reference, _._id);
+        let te = Gr(_.reference, _._id);
         if (console.log(`[ViewGate Debug] Processing Pin [${_._id}]:`, { isModalTarget: fe, targetEl: te, isVisible: te ? De(te) : !1 }), !te || !De(te)) return;
         let Re = !1;
         if (fe ? (Re = !0, w = !0, console.log(`[ViewGate Debug] Pin [${_._id}] Modal Open Check: isModalTarget=true`)) : (Re = !w, console.log(`[ViewGate Debug] Pin [${_._id}] No Modal Check: !isAnyModalOpen=${Re}`)), !Re) return;
@@ -2049,96 +2083,96 @@ const Vo = [
       })(O), Zr(j), qt.current = !1;
     }));
   }, [Ge]);
-  se(() => {
+  oe(() => {
     if (kt) {
       const a = Array.isArray(kt) ? kt : kt?.data || [];
       if (Array.isArray(a)) {
-        const n = a.reduce((i, p) => i.find((w) => w._id === p._id) ? i : i.concat([p]), []);
+        const n = a.reduce((d, u) => d.find((w) => w._id === u._id) ? d : d.concat([u]), []);
         Ke(n);
       }
     } else Qe || Ke([]);
-  }, [kt, Qe]), se(() => {
+  }, [kt, Qe]), oe(() => {
     ue(Wt || null);
-  }, [Wt]), se(() => {
+  }, [Wt]), oe(() => {
     me && ae.length === 0 && !Qe && Ie(!1);
-  }, [me, ae.length, Qe]), se(() => {
+  }, [me, ae.length, Qe]), oe(() => {
     let a = null;
     const n = () => {
-      qt.current || ar();
-    }, i = new MutationObserver((w) => {
+      qt.current || rr();
+    }, d = new MutationObserver((w) => {
       w.some(
         (j) => j.type !== "attributes" || j.attributeName !== Te && !j.target.parentElement?.closest("#viewgate-shadow-host")
       ) && (a && clearTimeout(a), a = setTimeout(() => {
         n(), setTimeout(n, 350);
       }, 32));
     });
-    ga.current = i;
-    const p = new ResizeObserver(() => n()), v = () => n();
-    return n(), i.observe(document.documentElement, {
+    ma.current = d;
+    const u = new ResizeObserver(() => n()), v = () => n();
+    return n(), d.observe(document.documentElement, {
       childList: !0,
       subtree: !0,
       attributes: !0
-    }), p.observe(document.documentElement), window.addEventListener("scroll", v, { capture: !0, passive: !0 }), () => {
-      a && clearTimeout(a), i.disconnect(), p.disconnect(), window.removeEventListener("scroll", v, !0), ut.current && cancelAnimationFrame(ut.current), ga.current = null;
+    }), u.observe(document.documentElement), window.addEventListener("scroll", v, { capture: !0, passive: !0 }), () => {
+      a && clearTimeout(a), d.disconnect(), u.disconnect(), window.removeEventListener("scroll", v, !0), ut.current && cancelAnimationFrame(ut.current), ma.current = null;
     };
-  }, [h, ae, ar, me, Y, k]);
-  const ma = _e((a) => {
+  }, [h, ae, rr, me, Y, S]);
+  const ha = _e((a) => {
     let n = a;
     for (; n && n !== document.body; ) {
-      if (oa(n)) return n;
+      if (na(n)) return n;
       n = n.parentElement;
     }
     return null;
   }, []);
-  se(() => {
+  oe(() => {
     const a = (n) => {
-      const i = n.target;
-      i && (ma(i) || (Xa.current = i));
+      const d = n.target;
+      d && (ha(d) || (Ka.current = d));
     };
     return window.addEventListener("mousedown", a, !0), () => window.removeEventListener("mousedown", a, !0);
-  }, [ma]), se(() => {
-    fa.current = document.getElementById("viewgate-shadow-host");
+  }, [ha]), oe(() => {
+    ga.current = document.getElementById("viewgate-shadow-host");
   }, []);
-  const ha = _e((a) => {
+  const xa = _e((a) => {
     if (!h || N) return;
-    const n = Er(a.clientX, a.clientY);
-    if (!n || fa.current?.contains(n) || n.closest(".vg-no-capture")) {
+    const n = Vr(a.clientX, a.clientY);
+    if (!n || ga.current?.contains(n) || n.closest(".vg-no-capture")) {
       U(null);
       return;
     }
-    const i = n.getBoundingClientRect();
+    const d = n.getBoundingClientRect();
     U({
       tag: n.tagName.toLowerCase(),
       source: n.getAttribute("data-source-path") || "unknown:0",
-      rect: i,
+      rect: d,
       element: n,
       previewText: (n.innerText || "").slice(0, 100) || (n.getAttribute("placeholder") || "").slice(0, 100) || n.tagName.toLowerCase(),
       semanticReference: {
-        ...Ur(n, Xa.current),
+        ...Ur(n, Ka.current),
         normalizedOffset: {
-          x: (a.clientX - i.left) / i.width,
-          y: (a.clientY - i.top) / i.height
+          x: (a.clientX - d.left) / d.width,
+          y: (a.clientY - d.top) / d.height
         }
       }
     });
-  }, [h, N]), xa = _e(async (a) => {
+  }, [h, N]), va = _e(async (a) => {
     if (!h || N) return;
-    const n = Er(a.clientX, a.clientY);
-    if (!(!n || fa.current?.contains(n) || n.closest(".vg-no-capture")) && A) {
-      const i = A;
-      let p = i.element;
-      ma(p);
-      let v = i.semanticReference, w = i.tag;
+    const n = Vr(a.clientX, a.clientY);
+    if (!(!n || ga.current?.contains(n) || n.closest(".vg-no-capture")) && A) {
+      const d = A;
+      let u = d.element;
+      ha(u);
+      let v = d.semanticReference, w = d.tag;
       a.preventDefault(), a.stopPropagation(), He(!0);
       try {
         await new Promise((_) => requestAnimationFrame(_)), await new Promise((_) => setTimeout(_, 150));
-        const O = p.getBoundingClientRect(), j = await kr(p, {
+        const O = u.getBoundingClientRect(), j = await Sr(u, {
           scale: 3,
           padding: 48,
           backgroundColor: "#000000"
         }), Q = {
-          ...i,
-          element: p,
+          ...d,
+          element: u,
           rect: O,
           semanticReference: v,
           tag: w,
@@ -2146,84 +2180,84 @@ const Vo = [
         };
         X(Q);
       } catch (O) {
-        console.error("[ViewGate] Capture failed:", O), X(i);
+        console.error("[ViewGate] Capture failed:", O), X(d);
       } finally {
         He(!1), U(null);
       }
     }
   }, [h, A, N]);
-  se(() => {
+  oe(() => {
     const a = (n) => {
-      const p = (() => {
+      const u = (() => {
         let O = document.activeElement;
         for (; O && O.shadowRoot && O.shadowRoot.activeElement; )
           O = O.shadowRoot.activeElement;
         return O;
       })();
-      if (["input", "textarea"].includes((p?.tagName || "").toLowerCase()) || p?.isContentEditable) return;
+      if (["input", "textarea"].includes((u?.tagName || "").toLowerCase()) || u?.isContentEditable) return;
       const w = n.key.toLowerCase();
       if (!Z) {
-        (w === "c" || w === "v") && s(r === "es" ? "Debes iniciar sesión en el Dashboard para usar ViewGate" : "Log in to the Dashboard to use ViewGate", "warning");
+        (w === "c" || w === "v") && o(r === "es" ? "Debes iniciar sesión en el Dashboard para usar ViewGate" : "Log in to the Dashboard to use ViewGate", "warning");
         return;
       }
       if (n.key === "Escape") {
-        N ? X(null) : me ? Ie(!1) : h && S(!1);
+        N ? X(null) : me ? Ie(!1) : h && k(!1);
         return;
       }
       if (w === "c" && !n.ctrlKey && !n.metaKey && !N && !me) {
         if (!Lt) {
-          s(r === "es" ? "Acceso denegado a este proyecto" : "No project access", "error");
+          o(r === "es" ? "Acceso denegado a este proyecto" : "No project access", "error");
           return;
         }
         if (yt === "client") {
-          s(r === "es" ? "Acceso de solo lectura (Backlog)" : "Read-only access (Backlog)", "warning");
+          o(r === "es" ? "Acceso de solo lectura (Backlog)" : "Read-only access (Backlog)", "warning");
           return;
         }
         if (Dt && !h) {
-          if (Ua?.status === 403 || !Lt) {
-            const Q = Ua?.message || (r === "es" ? "Acceso denegado a este proyecto" : "No project access");
-            s(Q, "error");
+          if (qa?.status === 403 || !Lt) {
+            const Q = qa?.message || (r === "es" ? "Acceso denegado a este proyecto" : "No project access");
+            o(Q, "error");
             return;
           }
-          s(r === "es" ? "Verificando información del sprint..." : "Checking sprint info...", "warning");
+          o(r === "es" ? "Verificando información del sprint..." : "Checking sprint info...", "warning");
           return;
         }
         if (!(Ge && Ge.status !== "closed") && !g && !h) {
-          s(r === "es" ? "No hay un sprint activo. No se pueden generar comentarios." : "No active sprint found. Cannot generate comments.", "error");
+          o(r === "es" ? "No hay un sprint activo. No se pueden generar comentarios." : "No active sprint found. Cannot generate comments.", "error");
           return;
         }
-        S((j) => !j);
+        k((j) => !j);
       }
       if (w === "v" && !N) {
         if (!Lt) {
-          s(r === "es" ? "Acceso denegado a este proyecto" : "No project access", "error");
+          o(r === "es" ? "Acceso denegado a este proyecto" : "No project access", "error");
           return;
         }
-        (ae.length > 0 || me) && (Ie((O) => !O), me || S(!1));
+        (ae.length > 0 || me) && (Ie((O) => !O), me || k(!1));
       }
     };
-    return h && !N ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", a), window.addEventListener("mousemove", ha, !0), window.addEventListener("click", xa, !0), () => {
-      document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", a), window.removeEventListener("mousemove", ha, !0), window.removeEventListener("click", xa, !0);
+    return h && !N ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", a), window.addEventListener("mousemove", xa, !0), window.addEventListener("click", va, !0), () => {
+      document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", a), window.removeEventListener("mousemove", xa, !0), window.removeEventListener("click", va, !0);
     };
-  }, [h, N, me, ae, ha, xa, Z, yt]);
-  const ts = async () => {
+  }, [h, N, me, ae, xa, va, Z, yt]);
+  const to = async () => {
     if (!N || !re.trim()) return;
     if (M.includes("backend") && L.length === 0) {
-      s(r === "es" ? "Selecciona al menos un endpoint de backend" : "Select at least one backend endpoint", "error");
+      o(r === "es" ? "Selecciona al menos un endpoint de backend" : "Select at least one backend endpoint", "error");
       return;
     }
     if (M.includes("ux") && B.some((O) => !O.name.trim() || !O.link.trim())) {
-      s(r === "es" ? "Todos los diseños de Figma deben tener nombre y link" : "All Figma designs must have a name and link", "error");
+      o(r === "es" ? "Todos los diseños de Figma deben tener nombre y link" : "All Figma designs must have a name and link", "error");
       return;
     }
     if (!ie) {
-      s(r === "es" ? "Selecciona un usuario para comentar" : "Please select a user to comment", "error");
+      o(r === "es" ? "Selecciona un usuario para comentar" : "Please select a user to comment", "error");
       return;
     }
     le(!0);
-    const { semanticReference: a } = N, [n, i] = (a.source || "").split(":"), v = {
+    const { semanticReference: a } = N, [n, d] = (a.source || "").split(":"), v = {
       filePath: n,
-      line: parseInt(i || "0"),
+      line: parseInt(d || "0"),
       url: window.location.href,
       title: re.length > 50 ? re.substring(0, 50) + "..." : re,
       message: re,
@@ -2251,11 +2285,11 @@ const Vo = [
       avatar: ie.avatar
     });
     try {
-      const w = await fetch(`${d}/api/annotations`, {
+      const w = await fetch(`${c}/api/annotations`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          "x-api-key": c,
+          "x-api-key": i,
           Authorization: Z ? `Bearer ${Z}` : ""
         },
         body: JSON.stringify(v)
@@ -2264,32 +2298,32 @@ const Vo = [
         const O = await w.json().catch(() => ({}));
         throw new Error(O.message || O.error || "Backend failed");
       }
-      s(o.success, "success"), X(null), D(""), pe([]), ne([{ name: o.figmaPrimaryDesign, link: "" }]), je([]), S(!1), $t();
+      o(s.success, "success"), X(null), D(""), pe([]), ne([{ name: s.figmaPrimaryDesign, link: "" }]), je([]), k(!1), $t();
     } catch (w) {
       console.error(w);
-      const O = w.message && w.message !== "Backend failed" ? w.message : o.error;
-      s(O, "error");
+      const O = w.message && w.message !== "Backend failed" ? w.message : s.error;
+      o(O, "error");
     } finally {
       le(!1);
     }
-  }, as = async (a) => {
+  }, ao = async (a) => {
     He(!0);
     try {
-      const n = Vr(a.reference, a._id);
+      const n = Gr(a.reference, a._id);
       if (!n) {
-        s(r === "es" ? "No se pudo encontrar el elemento original para la captura" : "Could not find the original element for capture", "error"), He(!1);
+        o(r === "es" ? "No se pudo encontrar el elemento original para la captura" : "Could not find the original element for capture", "error"), He(!1);
         return;
       }
       n.scrollIntoView({ behavior: "smooth", block: "center" }), await new Promise((w) => setTimeout(w, 600));
-      const i = n.style.outline, p = n.style.transition;
-      n.style.transition = "outline 0.3s ease", n.style.outline = "4px solid #10b981", n.style.outlineOffset = "4px", await new Promise((w) => setTimeout(w, 400)), n.style.outline = i, n.style.transition = p, await new Promise((w) => requestAnimationFrame(w)), await new Promise((w) => setTimeout(w, 50));
-      const v = await kr(n, {
+      const d = n.style.outline, u = n.style.transition;
+      n.style.transition = "outline 0.3s ease", n.style.outline = "4px solid #10b981", n.style.outlineOffset = "4px", await new Promise((w) => setTimeout(w, 400)), n.style.outline = d, n.style.transition = u, await new Promise((w) => requestAnimationFrame(w)), await new Promise((w) => setTimeout(w, 50));
+      const v = await Sr(n, {
         scale: 3,
         padding: 48,
         backgroundColor: "#000000"
       });
       if (v) {
-        const w = await fetch(`${d}/api/tickets/${a._id}`, {
+        const w = await fetch(`${c}/api/tickets/${a._id}`, {
           method: "PATCH",
           headers: {
             "Content-Type": "application/json",
@@ -2304,11 +2338,11 @@ const Vo = [
           const O = await w.json().catch(() => ({}));
           throw new Error(O.message || O.error || "API failed");
         }
-        s(r === "es" ? "¡Ticket resuelto con éxito!" : "Ticket resolved successfully!", "success"), $t();
+        o(r === "es" ? "¡Ticket resuelto con éxito!" : "Ticket resolved successfully!", "success"), $t();
       }
-      n.style.outline = i, n.style.transition = p;
+      n.style.outline = d, n.style.transition = u;
     } catch (n) {
-      console.error("[ViewGate] Resolve with evidence failed:", n), s(r === "es" ? `Error: ${n.message}` : `Error: ${n.message}`, "error");
+      console.error("[ViewGate] Resolve with evidence failed:", n), o(r === "es" ? `Error: ${n.message}` : `Error: ${n.message}`, "error");
     } finally {
       He(!1);
     }
@@ -2321,7 +2355,7 @@ const Vo = [
           position: "fixed",
           bottom: `${dt.bottom}px`,
           right: `${dt.right}px`,
-          zIndex: Sr,
+          zIndex: jr,
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -2332,7 +2366,7 @@ const Vo = [
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              onMouseDown: es,
+              onMouseDown: eo,
               style: {
                 width: "24px",
                 height: "40px",
@@ -2357,7 +2391,7 @@ const Vo = [
                 a.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", a.currentTarget.style.color = "#1e293b";
               },
               className: "vg-animate-slide-up",
-              children: /* @__PURE__ */ t.jsx(io, { "data-vg-id": "3dbe6a11", "data-source-path": "/src/components/ViewGateOverlay.tsx:2064", size: 16 })
+              children: /* @__PURE__ */ t.jsx(cs, { "data-vg-id": "3dbe6a11", "data-source-path": "/src/components/ViewGateOverlay.tsx:2064", size: 16 })
             }
           ),
           /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "ef883fff", "data-source-path": "/src/components/ViewGateOverlay.tsx:2067", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
@@ -2367,14 +2401,14 @@ const Vo = [
                 {
                   onClick: () => {
                     if (Dt && !h) {
-                      s(r === "es" ? "Sincronizando con el servidor..." : "Syncing with server...", "warning");
+                      o(r === "es" ? "Sincronizando con el servidor..." : "Syncing with server...", "warning");
                       return;
                     }
                     if (!Ge && !g && !h) {
-                      s(r === "es" ? "No hay un sprint activo. No se pueden generar comentarios." : "No active sprint found. Cannot generate comments.", "error");
+                      o(r === "es" ? "No hay un sprint activo. No se pueden generar comentarios." : "No active sprint found. Cannot generate comments.", "error");
                       return;
                     }
-                    S(!h);
+                    k(!h);
                   },
                   className: "vg-button-primary vg-animate-pop",
                   style: {
@@ -2386,7 +2420,7 @@ const Vo = [
                   title: !Ge && !g && !h ? r === "es" ? "Requiere sprint activo" : "Requires active sprint" : "",
                   children: /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "ef884001", "data-source-path": "/src/components/ViewGateOverlay.tsx:2106", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
                     Dt && !h ? /* @__PURE__ */ t.jsx(ta, { "data-vg-id": "edca6150", "data-source-path": "/src/components/ViewGateOverlay.tsx:2108", size: 20, className: "vg-animate-spin" }) : h ? /* @__PURE__ */ t.jsx(Rt, { "data-vg-id": "ff5f5cf", "data-source-path": "/src/components/ViewGateOverlay.tsx:2110", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ t.jsx(aa, { "data-vg-id": "10c621c4", "data-source-path": "/src/components/ViewGateOverlay.tsx:2112", size: 20, className: "vg-animate-pop" }),
-                    /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76c43", "data-source-path": "/src/components/ViewGateOverlay.tsx:2114", children: Dt && !h ? r === "es" ? "Cargando..." : "Loading..." : h ? o.exitMode : o.enterMode })
+                    /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76c43", "data-source-path": "/src/components/ViewGateOverlay.tsx:2114", children: Dt && !h ? r === "es" ? "Cargando..." : "Loading..." : h ? s.exitMode : s.enterMode })
                   ] })
                 }
               ),
@@ -2394,13 +2428,13 @@ const Vo = [
                 "button",
                 {
                   onClick: () => {
-                    Ie(!me), S(!1), X(null);
+                    Ie(!me), k(!1), X(null);
                   },
                   className: "vg-button-ghost vg-animate-pop",
                   style: { animationDelay: "0.1s" },
                   children: [
-                    /* @__PURE__ */ t.jsx(so, { "data-vg-id": "cd7341f9", "data-source-path": "/src/components/ViewGateOverlay.tsx:2132", size: 20 }),
-                    /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76c45", "data-source-path": "/src/components/ViewGateOverlay.tsx:2133", children: o.viewComments })
+                    /* @__PURE__ */ t.jsx(ss, { "data-vg-id": "cd7341f9", "data-source-path": "/src/components/ViewGateOverlay.tsx:2132", size: 20 }),
+                    /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76c45", "data-source-path": "/src/components/ViewGateOverlay.tsx:2133", children: s.viewComments })
                   ]
                 }
               )
@@ -2417,7 +2451,7 @@ const Vo = [
               "button",
               {
                 onClick: () => {
-                  S(!0), X({ rect: new DOMRect() });
+                  k(!0), X({ rect: new DOMRect() });
                 },
                 className: "vg-button-primary vg-animate-pop",
                 style: {
@@ -2428,7 +2462,7 @@ const Vo = [
                   gap: "10px"
                 },
                 children: [
-                  /* @__PURE__ */ t.jsx(wr, { "data-vg-id": "422a5ea5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2153", size: 18 }),
+                  /* @__PURE__ */ t.jsx(kr, { "data-vg-id": "422a5ea5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2153", size: 18 }),
                   /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76c47", "data-source-path": "/src/components/ViewGateOverlay.tsx:2154", style: { fontWeight: 700 }, children: r === "es" ? "Desbloquear con Clave" : "Unlock with Key" })
                 ]
               }
@@ -2438,10 +2472,10 @@ const Vo = [
               {
                 onClick: (a) => {
                   a.stopPropagation(), W({
-                    title: o.exitConfirmTitle || "Close ViewGate?",
-                    message: o.exitConfirmMessage || "Are you sure you want to close ViewGate?",
+                    title: s.exitConfirmTitle || "Close ViewGate?",
+                    message: s.exitConfirmMessage || "Are you sure you want to close ViewGate?",
                     type: "danger",
-                    onConfirm: () => u()
+                    onConfirm: () => p()
                   });
                 },
                 className: "vg-button-ghost vg-animate-pop",
@@ -2465,7 +2499,7 @@ const Vo = [
                 onMouseLeave: (a) => {
                   a.currentTarget.style.color = "#64748b", a.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.8)", a.currentTarget.style.borderColor = "rgba(0,0,0,0.05)", a.currentTarget.style.transform = "scale(1)";
                 },
-                title: o.close || "Cerrar ViewGate",
+                title: s.close || "Cerrar ViewGate",
                 children: /* @__PURE__ */ t.jsx(Rt, { "data-vg-id": "ff5f5d6", "data-source-path": "/src/components/ViewGateOverlay.tsx:2198", size: 20, strokeWidth: 2.5 })
               }
             )
@@ -2484,7 +2518,7 @@ const Vo = [
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: Sr + 1,
+      zIndex: jr + 1,
       cursor: "wait"
     }, children: /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fbf7f", "data-source-path": "/src/components/ViewGateOverlay.tsx:2213", className: "vg-glassmorphism", style: { padding: "30px 50px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [
       /* @__PURE__ */ t.jsx("div", { "data-vg-id": "17fbf95", "data-source-path": "/src/components/ViewGateOverlay.tsx:2214", className: "vg-spinner" }),
@@ -2504,7 +2538,7 @@ const Vo = [
                                 ${A.rect.left}px ${A.rect.bottom}px,
                                 ${A.rect.left}px ${A.rect.top}px
                             )` : "none",
-          zIndex: zo
+          zIndex: Ws
         }
       }
     ),
@@ -2517,7 +2551,7 @@ const Vo = [
           left: A.rect.left - 4,
           width: A.rect.width + 8,
           height: A.rect.height + 8,
-          zIndex: Po
+          zIndex: Ds
         },
         children: /* @__PURE__ */ t.jsxs(
           "div",
@@ -2528,9 +2562,9 @@ const Vo = [
               ...A.rect.left + 200 > window.innerWidth ? { left: "auto", right: "0" } : { left: "0", right: "auto" }
             },
             children: [
-              /* @__PURE__ */ t.jsx(xo, { "data-vg-id": "f840c8ce", "data-source-path": "/src/components/ViewGateOverlay.tsx:2267", size: 16 }),
+              /* @__PURE__ */ t.jsx(xs, { "data-vg-id": "f840c8ce", "data-source-path": "/src/components/ViewGateOverlay.tsx:2267", size: 16 }),
               /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fbf98", "data-source-path": "/src/components/ViewGateOverlay.tsx:2268", style: { display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76c64", "data-source-path": "/src/components/ViewGateOverlay.tsx:2269", style: { fontWeight: 700 }, children: o.selectToComment }),
+                /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76c64", "data-source-path": "/src/components/ViewGateOverlay.tsx:2269", style: { fontWeight: 700 }, children: s.selectToComment }),
                 /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "52d76c65", "data-source-path": "/src/components/ViewGateOverlay.tsx:2270", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
                   Math.round(A.rect.width),
                   " × ",
@@ -2576,7 +2610,7 @@ const Vo = [
           color: "white",
           boxShadow: "0 8px 20px -4px var(--vg-primary)",
           animation: "pulse 2s infinite"
-        }, children: /* @__PURE__ */ t.jsx(wr, { "data-vg-id": "422a5ede", "data-source-path": "/src/components/ViewGateOverlay.tsx:2301", size: 32 }) }),
+        }, children: /* @__PURE__ */ t.jsx(kr, { "data-vg-id": "422a5ede", "data-source-path": "/src/components/ViewGateOverlay.tsx:2301", size: 32 }) }),
         /* @__PURE__ */ t.jsx("h2", { "data-vg-id": "efa6bb80", "data-source-path": "/src/components/ViewGateOverlay.tsx:2303", style: { margin: "0 0 12px 0", fontSize: "24px", fontWeight: 800, color: "#0f172a", letterSpacing: "-0.025em" }, children: r === "es" ? "ViewGate Protegido" : "ViewGate Protected" }),
         /* @__PURE__ */ t.jsx("p", { "data-vg-id": "1000def7", "data-source-path": "/src/components/ViewGateOverlay.tsx:2306", style: { margin: 0, color: "#64748b", fontSize: "15px", lineHeight: 1.6 }, children: r === "es" ? "Ingresa tu Clave de Acceso Semanal para continuar." : "Enter your project Weekly Access Key to continue." })
       ] }),
@@ -2587,7 +2621,7 @@ const Vo = [
             autoFocus: !0,
             type: "password",
             value: Ze,
-            onChange: (a) => Wa(a.target.value),
+            onChange: (a) => Da(a.target.value),
             placeholder: r === "es" ? "Pega tu clave aquí..." : "Paste your key here...",
             style: {
               width: "100%",
@@ -2612,7 +2646,7 @@ const Vo = [
           "button",
           {
             type: "submit",
-            disabled: ca || !Ze.trim(),
+            disabled: da || !Ze.trim(),
             className: "vg-button-primary",
             style: {
               width: "100%",
@@ -2623,11 +2657,11 @@ const Vo = [
               gap: "12px",
               fontSize: "16px",
               fontWeight: 700,
-              opacity: ca || !Ze.trim() ? 0.7 : 1,
+              opacity: da || !Ze.trim() ? 0.7 : 1,
               boxShadow: "0 10px 15px -3px rgba(99, 102, 241, 0.3)"
             },
             children: [
-              ca ? /* @__PURE__ */ t.jsx(ta, { "data-vg-id": "cb81c82b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2361", size: 20, className: "vg-animate-spin" }) : /* @__PURE__ */ t.jsx(lo, { "data-vg-id": "d69f974c", "data-source-path": "/src/components/ViewGateOverlay.tsx:2363", size: 20 }),
+              da ? /* @__PURE__ */ t.jsx(ta, { "data-vg-id": "cb81c82b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2361", size: 20, className: "vg-animate-spin" }) : /* @__PURE__ */ t.jsx(ls, { "data-vg-id": "d69f974c", "data-source-path": "/src/components/ViewGateOverlay.tsx:2363", size: 20 }),
               r === "es" ? "Desbloquear" : "Unlock Now"
             ]
           }
@@ -2638,7 +2672,7 @@ const Vo = [
         "button",
         {
           onClick: () => {
-            X(null), S(!1), Ie(!1);
+            X(null), k(!1), Ie(!1);
           },
           className: "vg-button-ghost",
           style: { width: "100%", padding: "12px", fontSize: "14px", color: "#94a3b8" },
@@ -2708,8 +2742,8 @@ const Vo = [
           color: "white",
           boxShadow: "0 4px 12px rgba(99, 102, 241, 0.2)"
         }, children: /* @__PURE__ */ t.jsx(aa, { "data-vg-id": "10c62228", "data-source-path": "/src/components/ViewGateOverlay.tsx:2448", size: 20 }) }),
-        /* @__PURE__ */ t.jsx("h2", { "data-vg-id": "efa6bba7", "data-source-path": "/src/components/ViewGateOverlay.tsx:2450", style: { margin: "0 0 4px 0", fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: o.feedbackHeader }),
-        /* @__PURE__ */ t.jsx("p", { "data-vg-id": "1000df33", "data-source-path": "/src/components/ViewGateOverlay.tsx:2451", style: { margin: 0, color: "#64748b", fontSize: "14px" }, children: o.feedbackSubheader })
+        /* @__PURE__ */ t.jsx("h2", { "data-vg-id": "efa6bba7", "data-source-path": "/src/components/ViewGateOverlay.tsx:2450", style: { margin: "0 0 4px 0", fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: s.feedbackHeader }),
+        /* @__PURE__ */ t.jsx("p", { "data-vg-id": "1000df33", "data-source-path": "/src/components/ViewGateOverlay.tsx:2451", style: { margin: 0, color: "#64748b", fontSize: "14px" }, children: s.feedbackSubheader })
       ] }),
       /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fbff3", "data-source-path": "/src/components/ViewGateOverlay.tsx:2455", className: "vg-custom-scrollbar", style: {
         flex: 1,
@@ -2749,13 +2783,13 @@ const Vo = [
             value: re,
             onChange: (a) => D(a.target.value),
             rows: 4,
-            placeholder: o.placeholder,
+            placeholder: s.placeholder,
             autoFocus: !0,
             style: { fontSize: "15px", padding: "16px", marginBottom: "24px", minHeight: "120px" }
           }
         ),
         /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fbff5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2498", style: { marginBottom: "24px" }, children: [
-          /* @__PURE__ */ t.jsx("label", { "data-vg-id": "18bd4b33", "data-source-path": "/src/components/ViewGateOverlay.tsx:2499", style: { fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", display: "block" }, children: o.priority }),
+          /* @__PURE__ */ t.jsx("label", { "data-vg-id": "18bd4b33", "data-source-path": "/src/components/ViewGateOverlay.tsx:2499", style: { fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", display: "block" }, children: s.priority }),
           /* @__PURE__ */ t.jsx("div", { "data-vg-id": "17fbff7", "data-source-path": "/src/components/ViewGateOverlay.tsx:2502", style: { display: "flex", gap: "8px" }, children: ["low", "medium", "high", "urgent"].map((a) => /* @__PURE__ */ t.jsx(
             "button",
             {
@@ -2774,24 +2808,24 @@ const Vo = [
                 transition: "all 0.2s",
                 textTransform: "uppercase"
               },
-              children: o[a]
+              children: s[a]
             },
             a
           )) })
         ] }),
         /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fbff8", "data-source-path": "/src/components/ViewGateOverlay.tsx:2529", style: { marginBottom: "24px" }, children: [
-          /* @__PURE__ */ t.jsx("label", { "data-vg-id": "18bd4b36", "data-source-path": "/src/components/ViewGateOverlay.tsx:2530", style: { fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", display: "block" }, children: o.focusAreas }),
+          /* @__PURE__ */ t.jsx("label", { "data-vg-id": "18bd4b36", "data-source-path": "/src/components/ViewGateOverlay.tsx:2530", style: { fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", display: "block" }, children: s.focusAreas }),
           /* @__PURE__ */ t.jsx("div", { "data-vg-id": "17fbffa", "data-source-path": "/src/components/ViewGateOverlay.tsx:2533", style: { display: "flex", gap: "8px", marginBottom: M.length > 0 ? "12px" : "0" }, children: [
-            { id: "frontend", label: o.frontend, icon: /* @__PURE__ */ t.jsx(Qt, { "data-vg-id": "377c172e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2535", size: 14 }), color: "#10b981", bg: "#ecfdf5", border: "#d1fae5" },
-            { id: "backend", label: o.backend, icon: /* @__PURE__ */ t.jsx(Ye, { "data-vg-id": "7117e5d5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2536", size: 14 }), color: "#6366f1", bg: "#eef2ff", border: "#e0e7ff" },
-            { id: "ux", label: o.ux, icon: /* @__PURE__ */ t.jsx(Gt, { "data-vg-id": "de42479a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2537", size: 14 }), color: "#d946ef", bg: "#fdf4ff", border: "#f5d0fe" }
+            { id: "frontend", label: s.frontend, icon: /* @__PURE__ */ t.jsx(Qt, { "data-vg-id": "377c172e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2535", size: 14 }), color: "#10b981", bg: "#ecfdf5", border: "#d1fae5" },
+            { id: "backend", label: s.backend, icon: /* @__PURE__ */ t.jsx(Ye, { "data-vg-id": "7117e5d5", "data-source-path": "/src/components/ViewGateOverlay.tsx:2536", size: 14 }), color: "#6366f1", bg: "#eef2ff", border: "#e0e7ff" },
+            { id: "ux", label: s.ux, icon: /* @__PURE__ */ t.jsx(Gt, { "data-vg-id": "de42479a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2537", size: 14 }), color: "#d946ef", bg: "#fdf4ff", border: "#f5d0fe" }
           ].filter((a) => a.id === "backend" ? Mt : a.id === "ux" ? R : !0).map((a) => {
             const n = M.includes(a.id);
             return /* @__PURE__ */ t.jsxs(
               "button",
               {
                 onClick: () => {
-                  n ? pe(M.filter((i) => i !== a.id)) : (pe([...M, a.id]), a.id === "backend" && la());
+                  n ? pe(M.filter((d) => d !== a.id)) : (pe([...M, a.id]), a.id === "backend" && pa());
                 },
                 style: {
                   flex: 1,
@@ -2822,7 +2856,7 @@ const Vo = [
             /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fc014", "data-source-path": "/src/components/ViewGateOverlay.tsx:2585", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "8px" }, children: [
               /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fc015", "data-source-path": "/src/components/ViewGateOverlay.tsx:2586", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
                 /* @__PURE__ */ t.jsx(ea, { "data-vg-id": "38884e11", "data-source-path": "/src/components/ViewGateOverlay.tsx:2587", size: 14, style: { color: "#d946ef" } }),
-                /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76ce2", "data-source-path": "/src/components/ViewGateOverlay.tsx:2588", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase", letterSpacing: "0.05em" }, children: o.figmaLink })
+                /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76ce2", "data-source-path": "/src/components/ViewGateOverlay.tsx:2588", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase", letterSpacing: "0.05em" }, children: s.figmaLink })
               ] }),
               /* @__PURE__ */ t.jsxs(
                 "button",
@@ -2847,9 +2881,9 @@ const Vo = [
                   onMouseEnter: (a) => a.currentTarget.style.background = "rgba(217, 70, 239, 0.15)",
                   onMouseLeave: (a) => a.currentTarget.style.background = "rgba(217, 70, 239, 0.1)",
                   children: [
-                    /* @__PURE__ */ t.jsx(bo, { "data-vg-id": "11a60c74", "data-source-path": "/src/components/ViewGateOverlay.tsx:2611", size: 10 }),
+                    /* @__PURE__ */ t.jsx(bs, { "data-vg-id": "11a60c74", "data-source-path": "/src/components/ViewGateOverlay.tsx:2611", size: 10 }),
                     " ",
-                    o.addLink
+                    s.addLink
                   ]
                 }
               )
@@ -2864,11 +2898,11 @@ const Vo = [
                     type: "text",
                     className: "vg-textarea",
                     style: { padding: "8px 10px", fontSize: "11px", minHeight: "auto", borderRadius: "8px", border: "1px solid rgba(0,0,0,0.05)" },
-                    placeholder: o.figmaNamePlaceholder,
+                    placeholder: s.figmaNamePlaceholder,
                     value: a.name,
-                    onChange: (i) => {
-                      const p = [...B];
-                      p[n] && (p[n].name = i.target.value, ne(p));
+                    onChange: (d) => {
+                      const u = [...B];
+                      u[n] && (u[n].name = d.target.value, ne(u));
                     }
                   }
                 ),
@@ -2880,11 +2914,11 @@ const Vo = [
                     type: "text",
                     className: "vg-textarea",
                     style: { padding: "8px 10px", fontSize: "11px", minHeight: "auto", borderRadius: "8px", border: "1px solid rgba(0,0,0,0.05)" },
-                    placeholder: o.figmaLinkPlaceholder,
+                    placeholder: s.figmaLinkPlaceholder,
                     value: a.link,
-                    onChange: (i) => {
-                      const p = [...B];
-                      p[n] && (p[n].link = i.target.value, ne(p));
+                    onChange: (d) => {
+                      const u = [...B];
+                      u[n] && (u[n].link = d.target.value, ne(u));
                     }
                   }
                 )
@@ -2894,7 +2928,7 @@ const Vo = [
                 {
                   "data-vg-id": "23e21f97",
                   "data-source-path": "/src/components/ViewGateOverlay.tsx:2649",
-                  onClick: () => ne(B.filter((i, p) => p !== n)),
+                  onClick: () => ne(B.filter((d, u) => u !== n)),
                   style: {
                     background: "rgba(239, 68, 68, 0.05)",
                     border: "1px solid rgba(239, 68, 68, 0.1)",
@@ -2907,8 +2941,8 @@ const Vo = [
                     alignItems: "center",
                     justifyContent: "center"
                   },
-                  onMouseEnter: (i) => i.currentTarget.style.background = "rgba(239, 68, 68, 0.1)",
-                  onMouseLeave: (i) => i.currentTarget.style.background = "rgba(239, 68, 68, 0.05)",
+                  onMouseEnter: (d) => d.currentTarget.style.background = "rgba(239, 68, 68, 0.1)",
+                  onMouseLeave: (d) => d.currentTarget.style.background = "rgba(239, 68, 68, 0.05)",
                   children: /* @__PURE__ */ t.jsx(ra, { "data-vg-id": "e1375db0", "data-source-path": "/src/components/ViewGateOverlay.tsx:2666", size: 14 })
                 }
               )
@@ -2918,7 +2952,7 @@ const Vo = [
             /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fc037", "data-source-path": "/src/components/ViewGateOverlay.tsx:2679", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "8px" }, children: [
               /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fc038", "data-source-path": "/src/components/ViewGateOverlay.tsx:2680", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
                 /* @__PURE__ */ t.jsx(Ye, { "data-vg-id": "7117e5fd", "data-source-path": "/src/components/ViewGateOverlay.tsx:2681", size: 14, style: { color: "#6366f1" } }),
-                /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76d1a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2682", style: { fontSize: "11px", fontWeight: 700, color: "#64748b" }, children: o.endpoint })
+                /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76d1a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2682", style: { fontSize: "11px", fontWeight: 700, color: "#64748b" }, children: s.endpoint })
               ] }),
               L.length > 0 && /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "52d76d1b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2685", style: { fontSize: "10px", background: "#eef2ff", color: "#6366f1", padding: "2px 8px", borderRadius: "12px", fontWeight: 700 }, children: [
                 L.length,
@@ -2950,7 +2984,7 @@ const Vo = [
                 },
                 children: [
                   /* @__PURE__ */ t.jsx("div", { "data-vg-id": "17fc052", "data-source-path": "/src/components/ViewGateOverlay.tsx:2710", style: { display: "flex", gap: "4px", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis" }, children: L.length > 0 ? L.slice(0, 2).map((a) => {
-                    const n = a.split("|"), i = n.length > 1 ? n[0] : "", p = n.length > 1 ? n[1] : a;
+                    const n = a.split("|"), d = n.length > 1 ? n[0] : "", u = n.length > 1 ? n[1] : a;
                     return /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "52d76d1e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2717", style: {
                       background: "rgba(99, 102, 241, 0.1)",
                       color: "#6366f1",
@@ -2959,14 +2993,14 @@ const Vo = [
                       fontSize: "11px",
                       fontWeight: 600
                     }, children: [
-                      i && /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76d1f", "data-source-path": "/src/components/ViewGateOverlay.tsx:2725", style: { opacity: 0.6, marginRight: "4px" }, children: i }),
-                      (p || "").split("/").pop() || p
+                      d && /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76d1f", "data-source-path": "/src/components/ViewGateOverlay.tsx:2725", style: { opacity: 0.6, marginRight: "4px" }, children: d }),
+                      (u || "").split("/").pop() || u
                     ] }, a);
                   }).concat(L.length > 2 ? [/* @__PURE__ */ t.jsxs("span", { "data-vg-id": "52d76d20", "data-source-path": "/src/components/ViewGateOverlay.tsx:2729", children: [
                     "+",
                     L.length - 2
-                  ] }, "more")] : []) : o.selectEndpoint }),
-                  /* @__PURE__ */ t.jsx(yr, { "data-vg-id": "c71f9a0a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2732", size: 14, style: { color: "#64748b" } })
+                  ] }, "more")] : []) : s.selectEndpoint }),
+                  /* @__PURE__ */ t.jsx(br, { "data-vg-id": "c71f9a0a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2732", size: 14, style: { color: "#64748b" } })
                 ]
               }
             )
@@ -2986,28 +3020,28 @@ const Vo = [
           "button",
           {
             onClick: () => {
-              oe || (X(null), S(!1));
+              se || (X(null), k(!1));
             },
             className: "vg-button-ghost",
-            disabled: oe,
+            disabled: se,
             style: { flex: 1, padding: "12px" },
-            children: o.cancel
+            children: s.cancel
           }
         ),
         /* @__PURE__ */ t.jsx(
           "button",
           {
-            onClick: ts,
+            onClick: to,
             className: "vg-button-primary",
-            disabled: oe || !re.trim() || M.includes("backend") && L.length === 0 || M.includes("ux") && B.some((a) => !a.name.trim() || !a.link.trim()),
+            disabled: se || !re.trim() || M.includes("backend") && L.length === 0 || M.includes("ux") && B.some((a) => !a.name.trim() || !a.link.trim()),
             style: {
               flex: 2,
-              opacity: oe || !re.trim() || M.includes("backend") && L.length === 0 || M.includes("ux") && B.some((a) => !a.name.trim() || !a.link.trim()) ? 0.6 : 1,
-              cursor: oe || !re.trim() || M.includes("backend") && L.length === 0 || M.includes("ux") && B.some((a) => !a.name.trim() || !a.link.trim()) ? "not-allowed" : "pointer"
+              opacity: se || !re.trim() || M.includes("backend") && L.length === 0 || M.includes("ux") && B.some((a) => !a.name.trim() || !a.link.trim()) ? 0.6 : 1,
+              cursor: se || !re.trim() || M.includes("backend") && L.length === 0 || M.includes("ux") && B.some((a) => !a.name.trim() || !a.link.trim()) ? "not-allowed" : "pointer"
             },
             children: /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fc058", "data-source-path": "/src/components/ViewGateOverlay.tsx:2778", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              oe ? /* @__PURE__ */ t.jsx("div", { "data-vg-id": "17fc06e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2779", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ t.jsx(jo, { "data-vg-id": "a3fd5c1c", "data-source-path": "/src/components/ViewGateOverlay.tsx:2779", size: 18 }),
-              /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76d3b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2780", children: oe ? o.submitting : o.sendFeedback || "Send Comment" })
+              se ? /* @__PURE__ */ t.jsx("div", { "data-vg-id": "17fc06e", "data-source-path": "/src/components/ViewGateOverlay.tsx:2779", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ t.jsx(js, { "data-vg-id": "a3fd5c1c", "data-source-path": "/src/components/ViewGateOverlay.tsx:2779", size: 18 }),
+              /* @__PURE__ */ t.jsx("span", { "data-vg-id": "52d76d3b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2780", children: se ? s.submitting : s.sendFeedback || "Send Comment" })
             ] })
           }
         )
@@ -3035,7 +3069,7 @@ const Vo = [
     }, children: [
       /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fc073", "data-source-path": "/src/components/ViewGateOverlay.tsx:2802", style: { display: "flex", flexDirection: "column", gap: "16px", marginBottom: "24px" }, children: [
         /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fc074", "data-source-path": "/src/components/ViewGateOverlay.tsx:2803", style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ t.jsx("h2", { "data-vg-id": "efa6bc40", "data-source-path": "/src/components/ViewGateOverlay.tsx:2804", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a", whiteSpace: "nowrap" }, children: Y ? o.commentDetails : o.annotations }),
+          /* @__PURE__ */ t.jsx("h2", { "data-vg-id": "efa6bc40", "data-source-path": "/src/components/ViewGateOverlay.tsx:2804", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a", whiteSpace: "nowrap" }, children: Y ? s.commentDetails : s.annotations }),
           /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fc076", "data-source-path": "/src/components/ViewGateOverlay.tsx:2807", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
             ie ? /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "17fc077", "data-source-path": "/src/components/ViewGateOverlay.tsx:2809", style: { display: "flex", alignItems: "center", gap: "8px", padding: "4px 12px", background: "rgba(99, 102, 241, 0.1)", borderRadius: "20px" }, children: [
               ie.avatar ? /* @__PURE__ */ t.jsx("img", { "data-vg-id": "3cf759ac", "data-source-path": "/src/components/ViewGateOverlay.tsx:2811", src: ie.avatar, style: { width: "20px", height: "20px", borderRadius: "50%" }, alt: "" }) : /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e782f7b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2813", style: { width: "20px", height: "20px", borderRadius: "50%", background: "#6366f1", color: "white", fontSize: "10px", display: "flex", alignItems: "center", justifyContent: "center" }, children: ie.name?.[0] }),
@@ -3063,7 +3097,7 @@ const Vo = [
           ] })
         ] }),
         /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e782f7f", "data-source-path": "/src/components/ViewGateOverlay.tsx:2837", style: { display: "flex", flexDirection: "column", gap: "8px", alignItems: "center", width: "100%" }, children: (() => {
-          const a = Array.isArray(ae) ? ae : [], n = Y ? ct.find((j) => j.annotations?.some((Q) => Q._id === Y)) : null, p = (n ? n.annotations : a).filter((j) => j.status !== "completed" && j.status !== "done"), v = p.filter((j) => j.status !== "ready_for_review").length, w = p.filter((j) => j.status === "ready_for_review").length, O = p.length;
+          const a = Array.isArray(ae) ? ae : [], n = Y ? ct.find((j) => j.annotations?.some((Q) => Q._id === Y)) : null, u = (n ? n.annotations : a).filter((j) => j.status !== "completed" && j.status !== "done"), v = u.filter((j) => j.status !== "ready_for_review").length, w = u.filter((j) => j.status === "ready_for_review").length, O = u.length;
           return O <= 0 ? O === 0 ? null : /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e782f80", "data-source-path": "/src/components/ViewGateOverlay.tsx:2851", style: { display: "flex", gap: "8px", opacity: 0.9 }, children: [
             v > 0 && /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e782f81", "data-source-path": "/src/components/ViewGateOverlay.tsx:2853", className: "vg-badge", style: { background: "#fff7ed", color: "#c2410c", border: "1px solid #ffedd5", fontSize: "11px", padding: "2px 8px" }, children: [
               v,
@@ -3095,7 +3129,7 @@ const Vo = [
                   onClick: () => Ft(null),
                   className: `vg-segmented-item ${ce === null ? "active" : ""}`,
                   children: [
-                    o.viewAll || "Todos",
+                    s.viewAll || "Todos",
                     " (",
                     O,
                     ")"
@@ -3147,15 +3181,15 @@ const Vo = [
                     transition: "all 0.2s"
                   },
                   children: [
-                    o.viewAll || "Todos",
+                    s.viewAll || "Todos",
                     " (",
-                    p.filter((j) => g ? !0 : ce === "pending" ? j.status !== "ready_for_review" : ce === "ready" ? j.status === "ready_for_review" : !0).length,
+                    u.filter((j) => g ? !0 : ce === "pending" ? j.status !== "ready_for_review" : ce === "ready" ? j.status === "ready_for_review" : !0).length,
                     ")"
                   ]
                 }
               ),
               ["low", "medium", "high", "urgent"].map((j) => {
-                const Q = p.filter((_) => g ? !0 : ce === "pending" ? _.status !== "ready_for_review" : ce === "ready" ? _.status === "ready_for_review" : !0).filter((_) => (_.priority || "medium") === j).length;
+                const Q = u.filter((_) => g ? !0 : ce === "pending" ? _.status !== "ready_for_review" : ce === "ready" ? _.status === "ready_for_review" : !0).filter((_) => (_.priority || "medium") === j).length;
                 return Q === 0 && x !== j ? null : /* @__PURE__ */ t.jsxs(
                   "button",
                   {
@@ -3174,7 +3208,7 @@ const Vo = [
                       textTransform: "uppercase"
                     },
                     children: [
-                      o[j],
+                      s[j],
                       " (",
                       Q,
                       ")"
@@ -3192,7 +3226,7 @@ const Vo = [
         {
           style: { flex: 1, overflowY: "auto", paddingRight: "10px", overflowX: "hidden" },
           className: "vg-custom-scrollbar",
-          children: Qe ? /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e782f9a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2966", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e782f9b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2967", className: "vg-spinner" }) }) : pa.map((a, n) => /* @__PURE__ */ t.jsxs(
+          children: Qe ? /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e782f9a", "data-source-path": "/src/components/ViewGateOverlay.tsx:2966", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e782f9b", "data-source-path": "/src/components/ViewGateOverlay.tsx:2967", className: "vg-spinner" }) }) : ua.map((a, n) => /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: "vg-glassmorphism vg-animate-slide",
@@ -3206,19 +3240,19 @@ const Vo = [
               children: [
                 /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e782f9c", "data-source-path": "/src/components/ViewGateOverlay.tsx:2982", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: [
                   /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e782f9d", "data-source-path": "/src/components/ViewGateOverlay.tsx:2983", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
-                    /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161c33", "data-source-path": "/src/components/ViewGateOverlay.tsx:2984", style: { fontSize: "12px", color: "#000000", fontWeight: 600 }, children: jr(a.timestamp || a.createdAt || a.reference?.timestamp, r) }),
+                    /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161c33", "data-source-path": "/src/components/ViewGateOverlay.tsx:2984", style: { fontSize: "12px", color: "#000000", fontWeight: 600 }, children: Or(a.timestamp || a.createdAt || a.reference?.timestamp, r) }),
                     /* @__PURE__ */ t.jsx(
                       "div",
                       {
                         "data-vg-id": "2e782f9f",
                         "data-source-path": "/src/components/ViewGateOverlay.tsx:2987",
-                        onClick: (i) => {
-                          i.stopPropagation();
-                          const p = a.key || `VG-${a._id.slice(-6).toUpperCase()}`;
-                          navigator.clipboard.writeText(p);
-                          const v = i.currentTarget;
+                        onClick: (d) => {
+                          d.stopPropagation();
+                          const u = a.key || `VG-${a._id.slice(-6).toUpperCase()}`;
+                          navigator.clipboard.writeText(u);
+                          const v = d.currentTarget;
                           v.innerText = "¡Copiado!", v.style.color = "#22c55e", setTimeout(() => {
-                            v.innerText = p, v.style.color = g ? "#64748b" : "#6366f1";
+                            v.innerText = u, v.style.color = g ? "#64748b" : "#6366f1";
                           }, 1500);
                         },
                         style: {
@@ -3253,10 +3287,10 @@ const Vo = [
                       marginLeft: "4px"
                     }, children: a.creator.avatar ? /* @__PURE__ */ t.jsx("img", { "data-vg-id": "3cf759d4", "data-source-path": "/src/components/ViewGateOverlay.tsx:3035", src: a.creator.avatar, style: { width: "16px", height: "16px", borderRadius: "50%" }, alt: "" }) : /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e782fb8", "data-source-path": "/src/components/ViewGateOverlay.tsx:3037", style: { width: "16px", height: "16px", borderRadius: "50%", background: "#6366f1", color: "white", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "8px", fontWeight: 700 }, children: a.creator.name?.[0] }) }),
                     a.url && /* @__PURE__ */ t.jsx(
-                      Or,
+                      Cr,
                       {
                         url: a.url,
-                        onHover: qa,
+                        onHover: Ya,
                         style: {
                           display: "flex",
                           alignItems: "center",
@@ -3271,33 +3305,33 @@ const Vo = [
                         }
                       }
                     ),
-                    (a.focusAreas?.length > 0 ? a.focusAreas : [...a.backendEndpoints?.length > 0 ? ["backend"] : [], ...a.figmaReference?.length > 0 ? ["ux"] : []]).map((i) => /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "8161c4e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3063", style: {
+                    (a.focusAreas?.length > 0 ? a.focusAreas : [...a.backendEndpoints?.length > 0 ? ["backend"] : [], ...a.figmaReference?.length > 0 ? ["ux"] : []]).map((d) => /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "8161c4e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3063", style: {
                       fontSize: "10px",
                       fontWeight: 800,
                       textTransform: "uppercase",
                       padding: "4px 10px",
                       borderRadius: "24px",
-                      background: i === "frontend" ? "linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%)" : i === "backend" ? "linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%)" : "linear-gradient(135deg, #fdf4ff 0%, #fae8ff 100%)",
-                      color: i === "frontend" ? "#059669" : i === "backend" ? "#4f46e5" : "#c026d3",
+                      background: d === "frontend" ? "linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%)" : d === "backend" ? "linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%)" : "linear-gradient(135deg, #fdf4ff 0%, #fae8ff 100%)",
+                      color: d === "frontend" ? "#059669" : d === "backend" ? "#4f46e5" : "#c026d3",
                       display: "flex",
                       alignItems: "center",
                       gap: "4px",
-                      border: `1px solid ${i === "frontend" ? "#a7f3d0" : i === "backend" ? "#c7d2fe" : "#fbcfe8"}`,
-                      boxShadow: i === "frontend" ? "0 2px 4px rgba(5, 150, 105, 0.05)" : i === "backend" ? "0 2px 4px rgba(79, 70, 229, 0.05)" : "0 2px 4px rgba(192, 38, 211, 0.05)",
+                      border: `1px solid ${d === "frontend" ? "#a7f3d0" : d === "backend" ? "#c7d2fe" : "#fbcfe8"}`,
+                      boxShadow: d === "frontend" ? "0 2px 4px rgba(5, 150, 105, 0.05)" : d === "backend" ? "0 2px 4px rgba(79, 70, 229, 0.05)" : "0 2px 4px rgba(192, 38, 211, 0.05)",
                       letterSpacing: "0.02em"
                     }, children: [
-                      i === "frontend" ? /* @__PURE__ */ t.jsx(Qt, { "data-vg-id": "b806bee7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3071", size: 11, strokeWidth: 2.5 }) : i === "backend" ? /* @__PURE__ */ t.jsx(Ye, { "data-vg-id": "b1e4c277", "data-source-path": "/src/components/ViewGateOverlay.tsx:3071", size: 11, strokeWidth: 2.5 }) : /* @__PURE__ */ t.jsx(Gt, { "data-vg-id": "ea069934", "data-source-path": "/src/components/ViewGateOverlay.tsx:3071", size: 11, strokeWidth: 2.5 }),
-                      i === "frontend" ? "Frontend" : i === "backend" ? "Backend" : "UX / UI"
-                    ] }, i))
+                      d === "frontend" ? /* @__PURE__ */ t.jsx(Qt, { "data-vg-id": "b806bee7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3071", size: 11, strokeWidth: 2.5 }) : d === "backend" ? /* @__PURE__ */ t.jsx(Ye, { "data-vg-id": "b1e4c277", "data-source-path": "/src/components/ViewGateOverlay.tsx:3071", size: 11, strokeWidth: 2.5 }) : /* @__PURE__ */ t.jsx(Gt, { "data-vg-id": "ea069934", "data-source-path": "/src/components/ViewGateOverlay.tsx:3071", size: 11, strokeWidth: 2.5 }),
+                      d === "frontend" ? "Frontend" : d === "backend" ? "Backend" : "UX / UI"
+                    ] }, d))
                   ] }),
                   a.status === "completed" ? /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "8161c52", "data-source-path": "/src/components/ViewGateOverlay.tsx:3077", className: "vg-badge", style: { backgroundColor: "#ecfdf5", color: "#059669", border: "1px solid #d1fae5" }, children: [
-                    /* @__PURE__ */ t.jsx(st, { "data-vg-id": "a75c1a63", "data-source-path": "/src/components/ViewGateOverlay.tsx:3078", size: 14 }),
+                    /* @__PURE__ */ t.jsx(ot, { "data-vg-id": "a75c1a63", "data-source-path": "/src/components/ViewGateOverlay.tsx:3078", size: 14 }),
                     " ",
-                    o.completed || (r === "es" ? "Listo para revisión" : "Ready for Review")
+                    s.completed || (r === "es" ? "Listo para revisión" : "Ready for Review")
                   ] }) : a.status === "ready_for_review" ? /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "8161c54", "data-source-path": "/src/components/ViewGateOverlay.tsx:3081", className: "vg-badge", style: { backgroundColor: "#f3e8ff", color: "#a855f7", border: "1px solid #e9d5ff" }, children: [
-                    /* @__PURE__ */ t.jsx(st, { "data-vg-id": "a75c1a65", "data-source-path": "/src/components/ViewGateOverlay.tsx:3082", size: 14 }),
+                    /* @__PURE__ */ t.jsx(ot, { "data-vg-id": "a75c1a65", "data-source-path": "/src/components/ViewGateOverlay.tsx:3082", size: 14 }),
                     " ",
-                    o.readyForReview
+                    s.readyForReview
                   ] }) : a.status === "bug_fixing" ? /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "8161c56", "data-source-path": "/src/components/ViewGateOverlay.tsx:3085", className: "vg-badge", style: { backgroundColor: "#fff1f2", color: "#e11d48", border: "1px solid #ffe4e6" }, children: [
                     /* @__PURE__ */ t.jsx(Vt, { "data-vg-id": "3b8b181a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3086", size: 14 }),
                     " ",
@@ -3307,8 +3341,8 @@ const Vo = [
                     color: g || a.status === "backlog" ? "#64748b" : "#ea580c",
                     border: g || a.status === "backlog" ? "1px solid #e2e8f0" : "1px solid #ffedd5"
                   }, children: [
-                    /* @__PURE__ */ t.jsx(br, { "data-vg-id": "62dc6c36", "data-source-path": "/src/components/ViewGateOverlay.tsx:3094", size: 14 }),
-                    g || a.status === "backlog" ? o.backlog : o.pending
+                    /* @__PURE__ */ t.jsx(wr, { "data-vg-id": "62dc6c36", "data-source-path": "/src/components/ViewGateOverlay.tsx:3094", size: 14 }),
+                    g || a.status === "backlog" ? s.backlog : s.pending
                   ] })
                 ] }),
                 (a.screenshot || a.reference?.previewUrl) && /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e782fda", "data-source-path": "/src/components/ViewGateOverlay.tsx:3101", style: {
@@ -3347,9 +3381,9 @@ const Vo = [
                     border: "1px solid",
                     borderColor: a.priority === "low" ? "#d1fae5" : a.priority === "urgent" ? "#fee2e2" : a.priority === "high" ? "#fef3c7" : "#e0e7ff"
                   }, children: [
-                    o.priority,
+                    s.priority,
                     ": ",
-                    o[a.priority || "medium"]
+                    s[a.priority || "medium"]
                   ] }) }),
                   /* @__PURE__ */ t.jsx("p", { "data-vg-id": "f01af8be", "data-source-path": "/src/components/ViewGateOverlay.tsx:3140", className: "vg-text-wrap", style: { margin: "0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: a.message }),
                   a.figmaReference?.length > 0 && /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e782fe0", "data-source-path": "/src/components/ViewGateOverlay.tsx:3145", style: { marginTop: "16px", display: "flex", flexDirection: "column", gap: "8px", padding: "12px", background: "#faf5ff", borderRadius: "12px", border: "1px solid #fae8ff" }, children: [
@@ -3357,12 +3391,12 @@ const Vo = [
                       /* @__PURE__ */ t.jsx(Gt, { "data-vg-id": "ea06996f", "data-source-path": "/src/components/ViewGateOverlay.tsx:3147", size: 14, style: { color: "#d946ef" } }),
                       /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161c8d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3148", style: { fontSize: "11px", fontWeight: 800, color: "#a21caf", textTransform: "uppercase", letterSpacing: "0.05em" }, children: r === "es" ? "Diseños Figma" : "Figma Designs" })
                     ] }),
-                    a.figmaReference.map((i, p) => /* @__PURE__ */ t.jsxs(
+                    a.figmaReference.map((d, u) => /* @__PURE__ */ t.jsxs(
                       "a",
                       {
                         "data-vg-id": "ef479849",
                         "data-source-path": "/src/components/ViewGateOverlay.tsx:3151",
-                        href: i.link,
+                        href: d.link,
                         target: "_blank",
                         rel: "noreferrer",
                         className: "vg-animate-pop",
@@ -3389,12 +3423,12 @@ const Vo = [
                         children: [
                           /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e782ffa", "data-source-path": "/src/components/ViewGateOverlay.tsx:3159", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
                             /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e782ffb", "data-source-path": "/src/components/ViewGateOverlay.tsx:3160", style: { width: "24px", height: "24px", borderRadius: "6px", background: "rgba(217, 70, 239, 0.1)", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ t.jsx(Qt, { "data-vg-id": "b806bf29", "data-source-path": "/src/components/ViewGateOverlay.tsx:3161", size: 12, strokeWidth: 3 }) }),
-                            /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161c92", "data-source-path": "/src/components/ViewGateOverlay.tsx:3163", style: { fontWeight: 700 }, children: i.name || "Figma Reference" })
+                            /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161c92", "data-source-path": "/src/components/ViewGateOverlay.tsx:3163", style: { fontWeight: 700 }, children: d.name || "Figma Reference" })
                           ] }),
-                          /* @__PURE__ */ t.jsx(Ea, { "data-vg-id": "5c2be04e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3165", size: 14, style: { opacity: 0.5 } })
+                          /* @__PURE__ */ t.jsx(Va, { "data-vg-id": "5c2be04e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3165", size: 14, style: { opacity: 0.5 } })
                         ]
                       },
-                      p
+                      u
                     ))
                   ] }),
                   a.backendEndpoints?.length > 0 && /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e782fff", "data-source-path": "/src/components/ViewGateOverlay.tsx:3172", style: { marginTop: "16px", display: "flex", flexDirection: "column", gap: "8px", padding: "12px", background: "#f5f8ff", borderRadius: "12px", border: "1px solid #e0e7ff" }, children: [
@@ -3402,9 +3436,9 @@ const Vo = [
                       /* @__PURE__ */ t.jsx(Ye, { "data-vg-id": "b1e4c2d2", "data-source-path": "/src/components/ViewGateOverlay.tsx:3174", size: 14, style: { color: "#4f46e5" } }),
                       /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161cac", "data-source-path": "/src/components/ViewGateOverlay.tsx:3175", style: { fontSize: "11px", fontWeight: 800, color: "#3730a3", textTransform: "uppercase", letterSpacing: "0.05em" }, children: "Backend Endpoints" })
                     ] }),
-                    /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e783018", "data-source-path": "/src/components/ViewGateOverlay.tsx:3177", style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: a.backendEndpoints.map((i) => {
-                      const p = i.split("|"), v = p.length > 1 ? p[0] : "";
-                      let w = p.length > 1 ? p[1] || "" : i || "", O = "#4f46e5", j = "#e0e7ff";
+                    /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e783018", "data-source-path": "/src/components/ViewGateOverlay.tsx:3177", style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: a.backendEndpoints.map((d) => {
+                      const u = d.split("|"), v = u.length > 1 ? u[0] : "";
+                      let w = u.length > 1 ? u[1] || "" : d || "", O = "#4f46e5", j = "#e0e7ff";
                       return v === "GET" ? (O = "#059669", j = "#d1fae5") : v === "POST" ? (O = "#ea580c", j = "#ffedd5") : v === "PUT" ? (O = "#0284c7", j = "#e0f2fe") : v === "DELETE" && (O = "#e11d48", j = "#ffe4e6"), /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783019", "data-source-path": "/src/components/ViewGateOverlay.tsx:3192", className: "vg-animate-slide", style: {
                         fontSize: "12px",
                         padding: "6px 12px",
@@ -3419,7 +3453,7 @@ const Vo = [
                       }, children: [
                         v && /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161caf", "data-source-path": "/src/components/ViewGateOverlay.tsx:3198", style: { fontWeight: 800, color: O, background: j, padding: "2px 6px", borderRadius: "4px", fontSize: "10px" }, children: v }),
                         /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161cb0", "data-source-path": "/src/components/ViewGateOverlay.tsx:3199", style: { fontWeight: 600, fontFamily: "monospace", letterSpacing: "-0.02em", color: "#1e293b" }, children: w })
-                      ] }, i);
+                      ] }, d);
                     }) })
                   ] })
                 ] }),
@@ -3431,13 +3465,13 @@ const Vo = [
                         className: "vg-button-ghost vg-animate-pop",
                         style: { padding: "8px", minWidth: "36px" },
                         onClick: () => {
-                          const i = a.backendEndpoints || [], p = a.focusAreas && a.focusAreas.length > 0 ? a.focusAreas : [
-                            ...i.length > 0 ? ["backend"] : [],
+                          const d = a.backendEndpoints || [], u = a.focusAreas && a.focusAreas.length > 0 ? a.focusAreas : [
+                            ...d.length > 0 ? ["backend"] : [],
                             ...a.figmaReference && a.figmaReference.length > 0 ? ["ux"] : []
                           ];
-                          Bt(a._id), er(a.message), G(a.priority || "medium"), ua(p), jt(a.figmaReference && a.figmaReference.length > 0 ? a.figmaReference : [{ name: o.figmaPrimaryDesign, link: "" }]), Ht(i), je(i);
+                          Bt(a._id), tr(a.message), G(a.priority || "medium"), fa(u), jt(a.figmaReference && a.figmaReference.length > 0 ? a.figmaReference : [{ name: s.figmaPrimaryDesign, link: "" }]), Ht(d), je(d);
                         },
-                        title: o.edit,
+                        title: s.edit,
                         children: /* @__PURE__ */ t.jsx(Gt, { "data-vg-id": "ea069996", "data-source-path": "/src/components/ViewGateOverlay.tsx:3235", size: 16 })
                       }
                     ),
@@ -3448,17 +3482,17 @@ const Vo = [
                         style: { padding: "8px", minWidth: "36px", color: "#ef4444" },
                         onClick: () => {
                           W({
-                            title: o.deleteConfirm,
-                            message: o.confirmDelete,
+                            title: s.deleteConfirm,
+                            message: s.confirmDelete,
                             type: "danger",
                             onConfirm: async () => {
                               try {
-                                (await fetch(`${d}/api/annotations/${a._id}`, {
+                                (await fetch(`${c}/api/annotations/${a._id}`, {
                                   method: "DELETE",
-                                  headers: { "x-api-key": c }
-                                })).ok && ($t(), s(o.deleteSuccess, "success"));
+                                  headers: { "x-api-key": i }
+                                })).ok && ($t(), o(s.deleteSuccess, "success"));
                               } catch {
-                                s(o.error, "error");
+                                o(s.error, "error");
                               } finally {
                                 W(null);
                               }
@@ -3474,7 +3508,7 @@ const Vo = [
                     yt !== "client" && a.status === "ready_for_review" && /* @__PURE__ */ t.jsxs(
                       "button",
                       {
-                        onClick: () => as(a),
+                        onClick: () => ao(a),
                         className: "vg-button-primary vg-animate-pop",
                         style: {
                           padding: "8px 16px",
@@ -3489,7 +3523,7 @@ const Vo = [
                         },
                         disabled: Me,
                         children: [
-                          Me ? /* @__PURE__ */ t.jsx(ta, { "data-vg-id": "a4b73604", "data-source-path": "/src/components/ViewGateOverlay.tsx:3289", size: 14, className: "vg-animate-spin" }) : /* @__PURE__ */ t.jsx(Ks, { "data-vg-id": "41e603c7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3289", size: 14 }),
+                          Me ? /* @__PURE__ */ t.jsx(ta, { "data-vg-id": "a4b73604", "data-source-path": "/src/components/ViewGateOverlay.tsx:3289", size: 14, className: "vg-animate-spin" }) : /* @__PURE__ */ t.jsx(Jo, { "data-vg-id": "41e603c7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3289", size: 14 }),
                           r === "es" ? "Resolver con Evidencia" : "Resolve & Capture"
                         ]
                       }
@@ -3512,7 +3546,7 @@ const Vo = [
                           cursor: "pointer"
                         },
                         children: [
-                          /* @__PURE__ */ t.jsx(Ea, { "data-vg-id": "5c2be088", "data-source-path": "/src/components/ViewGateOverlay.tsx:3309", size: 14 }),
+                          /* @__PURE__ */ t.jsx(Va, { "data-vg-id": "5c2be088", "data-source-path": "/src/components/ViewGateOverlay.tsx:3309", size: 14 }),
                           r === "es" ? "Ver en Dashboard" : "View in Dashboard"
                         ]
                       }
@@ -3557,14 +3591,14 @@ const Vo = [
         margin: "0 auto 24px",
         color: he.type === "danger" ? "#ef4444" : "#6366f1",
         transform: "rotate(-5deg)"
-      }, children: he.type === "danger" ? /* @__PURE__ */ t.jsx(ra, { "data-vg-id": "45b44221", "data-source-path": "/src/components/ViewGateOverlay.tsx:3346", size: 32 }) : /* @__PURE__ */ t.jsx(st, { "data-vg-id": "a75c1ae2", "data-source-path": "/src/components/ViewGateOverlay.tsx:3346", size: 32 }) }),
+      }, children: he.type === "danger" ? /* @__PURE__ */ t.jsx(ra, { "data-vg-id": "45b44221", "data-source-path": "/src/components/ViewGateOverlay.tsx:3346", size: 32 }) : /* @__PURE__ */ t.jsx(ot, { "data-vg-id": "a75c1ae2", "data-source-path": "/src/components/ViewGateOverlay.tsx:3346", size: 32 }) }),
       /* @__PURE__ */ t.jsx("h3", { "data-vg-id": "53ec569", "data-source-path": "/src/components/ViewGateOverlay.tsx:3348", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: he.title }),
       /* @__PURE__ */ t.jsx("p", { "data-vg-id": "f01af933", "data-source-path": "/src/components/ViewGateOverlay.tsx:3349", style: { margin: "0 0 24px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: he.message }),
       he.showInput && /* @__PURE__ */ t.jsx(
         "textarea",
         {
           className: "vg-textarea",
-          placeholder: o.reopenPlaceholder,
+          placeholder: s.reopenPlaceholder,
           value: F,
           onChange: (a) => q(a.target.value),
           rows: 3,
@@ -3580,7 +3614,7 @@ const Vo = [
             style: { flex: 1, height: "44px" },
             onClick: () => !Ne && W(null),
             disabled: Ne,
-            children: o.no
+            children: s.no
           }
         ),
         /* @__PURE__ */ t.jsx(
@@ -3610,30 +3644,30 @@ const Vo = [
                 vt(!1);
               }
             },
-            children: Ne ? /* @__PURE__ */ t.jsx(ta, { "data-vg-id": "a4b73624", "data-source-path": "/src/components/ViewGateOverlay.tsx:3399", size: 18, className: "vg-animate-spin" }) : o.yes
+            children: Ne ? /* @__PURE__ */ t.jsx(ta, { "data-vg-id": "a4b73624", "data-source-path": "/src/components/ViewGateOverlay.tsx:3399", size: 18, className: "vg-animate-spin" }) : s.yes
           }
         )
       ] })
     ] }) }),
     !me && !h && Z && ct.map((a, n) => {
-      const { rect: i, annotations: p, isModal: v } = a, w = p[0], O = p.length, j = p.some((b) => b.status === "ready_for_review"), Q = p.some((b) => b.status === "completed" || b.status === "done"), _ = p.some((b) => b.status !== "ready_for_review" && b.status !== "completed" && b.status !== "done"), fe = Q && !j && !_, te = j && !_ && !Q, Re = (j || Q) && !_, ve = (j || Q) && _, ye = p.filter((b) => b.status !== "ready_for_review" && b.status !== "completed" && b.status !== "done").length, we = p.filter((b) => b.status === "ready_for_review").length, ke = p.filter((b) => b.status === "completed" || b.status === "done").length, Se = p.some((b) => b.status === "bug_fixing" || b.type === "bug" || b.originalStatus === "bug_fixing"), Yt = Se && !te && !fe ? "#f43f5e" : ye > 0 ? g ? "#64748b" : "#ea580c" : we > 0 ? "#a855f7" : "#10b981", ft = ct.some((b) => b.element === a.element && b.isTriggerPin), qe = ct.some((b) => b.element === a.element && !b.isTriggerPin), mt = ft && qe ? a.isTriggerPin ? -18 : 18 : 0, Ot = i.top === 0 && i.left === 0 && i.width > window.innerWidth * 0.9;
+      const { rect: d, annotations: u, isModal: v } = a, w = u[0], O = u.length, j = u.some((b) => b.status === "ready_for_review"), Q = u.some((b) => b.status === "completed" || b.status === "done"), _ = u.some((b) => b.status !== "ready_for_review" && b.status !== "completed" && b.status !== "done"), fe = Q && !j && !_, te = j && !_ && !Q, Re = (j || Q) && !_, ve = (j || Q) && _, ye = u.filter((b) => b.status !== "ready_for_review" && b.status !== "completed" && b.status !== "done").length, we = u.filter((b) => b.status === "ready_for_review").length, ke = u.filter((b) => b.status === "completed" || b.status === "done").length, Se = u.some((b) => b.status === "bug_fixing" || b.type === "bug" || b.originalStatus === "bug_fixing"), Yt = Se && !te && !fe ? "#f43f5e" : ye > 0 ? g ? "#64748b" : "#ea580c" : we > 0 ? "#a855f7" : "#10b981", ft = ct.some((b) => b.element === a.element && b.isTriggerPin), qe = ct.some((b) => b.element === a.element && !b.isTriggerPin), mt = ft && qe ? a.isTriggerPin ? -18 : 18 : 0, Ot = d.top === 0 && d.left === 0 && d.width > window.innerWidth * 0.9;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
           className: "vg-pin-container vg-animate-pop",
           style: {
             position: "fixed",
-            top: Math.max(20, Math.min(window.innerHeight - 52, i.top - 20)),
-            left: Ot ? Math.max(20, i.left + 40 + mt) : Math.max(20, Math.min(window.innerWidth - 52, i.left + i.width / 2 - 16 + mt)),
+            top: Math.max(20, Math.min(window.innerHeight - 52, d.top - 20)),
+            left: Ot ? Math.max(20, d.left + 40 + mt) : Math.max(20, Math.min(window.innerWidth - 52, d.left + d.width / 2 - 16 + mt)),
             width: "32px",
             height: "32px",
             cursor: "pointer",
             transition: "all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-            zIndex: Mo
+            zIndex: $s
           },
           onMouseEnter: (b) => {
-            const at = b.currentTarget.getBoundingClientRect(), rr = window.innerHeight - at.bottom, rs = at.top;
-            rr < 250 && rs > rr ? J((va) => ({ ...va, [a.id]: "vg-top" })) : J((va) => ({ ...va, [a.id]: "" }));
+            const at = b.currentTarget.getBoundingClientRect(), or = window.innerHeight - at.bottom, ro = at.top;
+            or < 250 && ro > or ? J((ya) => ({ ...ya, [a.id]: "vg-top" })) : J((ya) => ({ ...ya, [a.id]: "" }));
           },
           onWheel: (b) => {
             const at = b.currentTarget.querySelector(".vg-tooltip-scroll");
@@ -3643,7 +3677,7 @@ const Vo = [
             Ie(!0), Le(w._id);
           },
           children: [
-            /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783057", "data-source-path": "/src/components/ViewGateOverlay.tsx:3474", className: `vg-pin-tooltip ${xe[a.id] || ""} ${Ot || i.left < 160 ? "vg-tooltip-right" : i.left > window.innerWidth - 160 ? "vg-tooltip-left" : ""}`, style: { padding: "16px" }, children: [
+            /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783057", "data-source-path": "/src/components/ViewGateOverlay.tsx:3474", className: `vg-pin-tooltip ${xe[a.id] || ""} ${Ot || d.left < 160 ? "vg-tooltip-right" : d.left > window.innerWidth - 160 ? "vg-tooltip-left" : ""}`, style: { padding: "16px" }, children: [
               /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783058", "data-source-path": "/src/components/ViewGateOverlay.tsx:3475", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
                 /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783059", "data-source-path": "/src/components/ViewGateOverlay.tsx:3476", style: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap" }, children: [
                   a.isTriggerPin ? /* @__PURE__ */ t.jsx(ea, { "data-vg-id": "d88161bf", "data-source-path": "/src/components/ViewGateOverlay.tsx:3478", size: 14, color: Yt }) : /* @__PURE__ */ t.jsx(aa, { "data-vg-id": "7fe17ae", "data-source-path": "/src/components/ViewGateOverlay.tsx:3480", size: 14, color: Yt }),
@@ -3655,7 +3689,7 @@ const Vo = [
                     }, children: [
                       ye,
                       " ",
-                      g || w.status === "backlog" ? "Backlog" : r === "es" ? ye === 1 ? o.pending : "Pendientes" : "pending"
+                      g || w.status === "backlog" ? "Backlog" : r === "es" ? ye === 1 ? s.pending : "Pendientes" : "pending"
                     ] }),
                     we > 0 && /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "8161d08", "data-source-path": "/src/components/ViewGateOverlay.tsx:3493", style: {
                       fontSize: "10px",
@@ -3681,7 +3715,7 @@ const Vo = [
                       " ",
                       r === "es" ? ke === 1 ? "Completado" : "Completados" : "completed"
                     ] }),
-                    p.some((b) => b.status === "bug_fixing") && /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161d0a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3517", style: {
+                    u.some((b) => b.status === "bug_fixing") && /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161d0a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3517", style: {
                       fontSize: "10px",
                       fontWeight: 700,
                       color: "#e11d48",
@@ -3700,7 +3734,7 @@ const Vo = [
                   textShadow: ve && !g ? "0 1px 2px rgba(0,0,0,0.2)" : "none"
                 }, children: "MODAL" })
               ] }),
-              /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e783077", "data-source-path": "/src/components/ViewGateOverlay.tsx:3543", className: "vg-tooltip-scroll", style: { maxHeight: "180px", overflowY: "auto" }, children: p.map((b, at) => /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783078", "data-source-path": "/src/components/ViewGateOverlay.tsx:3545", style: {
+              /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e783077", "data-source-path": "/src/components/ViewGateOverlay.tsx:3543", className: "vg-tooltip-scroll", style: { maxHeight: "180px", overflowY: "auto" }, children: u.map((b, at) => /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783078", "data-source-path": "/src/components/ViewGateOverlay.tsx:3545", style: {
                 padding: "10px 0",
                 borderTop: at === 0 ? "none" : "1px solid #f1f5f9",
                 display: "flex",
@@ -3709,14 +3743,14 @@ const Vo = [
               }, children: [
                 /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783079", "data-source-path": "/src/components/ViewGateOverlay.tsx:3552", style: { flex: 1, display: "flex", flexDirection: "column", gap: "4px" }, children: [
                   /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e78307a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3553", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
-                    /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161d10", "data-source-path": "/src/components/ViewGateOverlay.tsx:3554", style: { fontSize: "10px", fontWeight: 600, color: "#64748b" }, children: jr(b.timestamp || b.createdAt, r) }),
+                    /* @__PURE__ */ t.jsx("span", { "data-vg-id": "8161d10", "data-source-path": "/src/components/ViewGateOverlay.tsx:3554", style: { fontSize: "10px", fontWeight: 600, color: "#64748b" }, children: Or(b.timestamp || b.createdAt, r) }),
                     b.creator && /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e783091", "data-source-path": "/src/components/ViewGateOverlay.tsx:3558", style: { marginLeft: "4px" }, children: b.creator.avatar ? /* @__PURE__ */ t.jsx("img", { "data-vg-id": "3cf75ac4", "data-source-path": "/src/components/ViewGateOverlay.tsx:3560", src: b.creator.avatar, style: { width: "14px", height: "14px", borderRadius: "50%" }, alt: "" }) : /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e783093", "data-source-path": "/src/components/ViewGateOverlay.tsx:3562", 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] }) })
                   ] }),
                   b.url && /* @__PURE__ */ t.jsx(
-                    Or,
+                    Cr,
                     {
                       url: b.url,
-                      onHover: qa,
+                      onHover: Ya,
                       style: {
                         display: "flex",
                         alignItems: "center",
@@ -3745,7 +3779,7 @@ const Vo = [
                     textTransform: "uppercase",
                     border: "1px solid",
                     borderColor: b.priority === "low" ? "#d1fae5" : b.priority === "urgent" ? "#fee2e2" : b.priority === "high" ? "#fef3c7" : "#e0e7ff"
-                  }, children: o[b.priority || "medium"] }),
+                  }, children: s[b.priority || "medium"] }),
                   b.status === "completed" || b.status === "done" ? /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "8161d2c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3607", style: {
                     display: "flex",
                     alignItems: "center",
@@ -3759,8 +3793,8 @@ const Vo = [
                     textTransform: "uppercase",
                     border: "1px solid #d1fae5"
                   }, children: [
-                    /* @__PURE__ */ t.jsx(st, { "data-vg-id": "a75c1b3d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3620", size: 10 }),
-                    o.completed
+                    /* @__PURE__ */ t.jsx(ot, { "data-vg-id": "a75c1b3d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3620", size: 10 }),
+                    s.completed
                   ] }) : b.status === "ready_for_review" ? /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "8161d2e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3624", style: {
                     display: "flex",
                     alignItems: "center",
@@ -3774,8 +3808,8 @@ const Vo = [
                     textTransform: "uppercase",
                     border: "1px solid #e9d5ff"
                   }, children: [
-                    b.type === "bug" || b.status === "bug_fixing" || b.originalStatus === "bug_fixing" ? /* @__PURE__ */ t.jsx(Vt, { "data-vg-id": "3b8b18dd", "data-source-path": "/src/components/ViewGateOverlay.tsx:3637", size: 10 }) : /* @__PURE__ */ t.jsx(st, { "data-vg-id": "a75c1de0", "data-source-path": "/src/components/ViewGateOverlay.tsx:3637", size: 10 }),
-                    o.readyForReview
+                    b.type === "bug" || b.status === "bug_fixing" || b.originalStatus === "bug_fixing" ? /* @__PURE__ */ t.jsx(Vt, { "data-vg-id": "3b8b18dd", "data-source-path": "/src/components/ViewGateOverlay.tsx:3637", size: 10 }) : /* @__PURE__ */ t.jsx(ot, { "data-vg-id": "a75c1de0", "data-source-path": "/src/components/ViewGateOverlay.tsx:3637", size: 10 }),
+                    s.readyForReview
                   ] }) : b.status === "bug_fixing" ? /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "8161fd1", "data-source-path": "/src/components/ViewGateOverlay.tsx:3641", style: {
                     display: "flex",
                     alignItems: "center",
@@ -3804,8 +3838,8 @@ const Vo = [
                     textTransform: "uppercase",
                     border: g || b.status === "backlog" ? "1px solid #e2e8f0" : "1px solid #ffedd5"
                   }, children: [
-                    /* @__PURE__ */ t.jsx(br, { "data-vg-id": "62dc6f9c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3671", size: 10 }),
-                    g || b.status === "backlog" ? o.backlog : o.pending
+                    /* @__PURE__ */ t.jsx(wr, { "data-vg-id": "62dc6f9c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3671", size: 10 }),
+                    g || b.status === "backlog" ? s.backlog : s.pending
                   ] })
                 ] })
               ] }, b._id)) })
@@ -3821,7 +3855,7 @@ const Vo = [
                   background: Se && !te && !fe ? "linear-gradient(135deg, #f43f5e 0%, #e11d48 100%)" : te ? "linear-gradient(135deg, #a855f7 0%, #7e22ce 100%)" : ve ? Q ? "linear-gradient(135deg, #10b981 0%, #059669 100%)" : "linear-gradient(135deg, #a855f7 0%, #7e22ce 100%)" : void 0
                 },
                 children: [
-                  te || fe || Re ? Se && !fe ? /* @__PURE__ */ t.jsx(Vt, { "data-vg-id": "3b8b1b84", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 18 }) : /* @__PURE__ */ t.jsx(st, { "data-vg-id": "a75c1de7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 18 }) : Se ? /* @__PURE__ */ t.jsx(Vt, { "data-vg-id": "3b8b1b86", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 18 }) : a.isTriggerPin ? /* @__PURE__ */ t.jsx(ea, { "data-vg-id": "d88164a9", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 16 }) : v ? /* @__PURE__ */ t.jsx(Ea, { "data-vg-id": "5c2be3aa", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 16 }) : /* @__PURE__ */ t.jsx(aa, { "data-vg-id": "7fe1aae", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 16 }),
+                  te || fe || Re ? Se && !fe ? /* @__PURE__ */ t.jsx(Vt, { "data-vg-id": "3b8b1b84", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 18 }) : /* @__PURE__ */ t.jsx(ot, { "data-vg-id": "a75c1de7", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 18 }) : Se ? /* @__PURE__ */ t.jsx(Vt, { "data-vg-id": "3b8b1b86", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 18 }) : a.isTriggerPin ? /* @__PURE__ */ t.jsx(ea, { "data-vg-id": "d88164a9", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 16 }) : v ? /* @__PURE__ */ t.jsx(Va, { "data-vg-id": "5c2be3aa", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 16 }) : /* @__PURE__ */ t.jsx(aa, { "data-vg-id": "7fe1aae", "data-source-path": "/src/components/ViewGateOverlay.tsx:3688", size: 16 }),
                   O > 1 && /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e78335c", "data-source-path": "/src/components/ViewGateOverlay.tsx:3691", className: "vg-pin-badge vg-animate-pop", children: O })
                 ]
               }
@@ -3898,7 +3932,7 @@ const Vo = [
         )
       ] }),
       /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e78337a", "data-source-path": "/src/components/ViewGateOverlay.tsx:3758", style: { padding: "24px 40px", borderBottom: "1px solid rgba(0,0,0,0.06)", background: "#fcfcfc" }, children: /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e78337b", "data-source-path": "/src/components/ViewGateOverlay.tsx:3759", style: { position: "relative" }, children: [
-        /* @__PURE__ */ t.jsx(ko, { "data-vg-id": "8f7bb00f", "data-source-path": "/src/components/ViewGateOverlay.tsx:3760", size: 20, style: { position: "absolute", left: "16px", top: "50%", transform: "translateY(-50%)", color: "#94a3b8" } }),
+        /* @__PURE__ */ t.jsx(ks, { "data-vg-id": "8f7bb00f", "data-source-path": "/src/components/ViewGateOverlay.tsx:3760", size: 20, style: { position: "absolute", left: "16px", top: "50%", transform: "translateY(-50%)", color: "#94a3b8" } }),
         /* @__PURE__ */ t.jsx(
           "input",
           {
@@ -3922,7 +3956,7 @@ const Vo = [
           }
         )
       ] }) }),
-      /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e78337e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3781", style: { flex: 1, overflowY: "auto", overflowX: "hidden", padding: "24px 40px" }, className: "vg-custom-scrollbar", children: bt ? Ja.length > 0 ? /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e783382", "data-source-path": "/src/components/ViewGateOverlay.tsx:3788", style: { display: "flex", flexDirection: "column", gap: "0px" }, children: Ja.map((a) => {
+      /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e78337e", "data-source-path": "/src/components/ViewGateOverlay.tsx:3781", style: { flex: 1, overflowY: "auto", overflowX: "hidden", padding: "24px 40px" }, className: "vg-custom-scrollbar", children: bt ? Za.length > 0 ? /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e783382", "data-source-path": "/src/components/ViewGateOverlay.tsx:3788", style: { display: "flex", flexDirection: "column", gap: "0px" }, children: Za.map((a) => {
         const n = a.name === (r === "es" ? "Seleccionados" : "Selected");
         return /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783398", "data-source-path": "/src/components/ViewGateOverlay.tsx:3792", style: { marginBottom: "32px" }, children: [
           /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783399", "data-source-path": "/src/components/ViewGateOverlay.tsx:3793", style: { display: "flex", alignItems: "center", gap: "12px", marginBottom: "16px", padding: "0 4px" }, children: [
@@ -3948,15 +3982,15 @@ const Vo = [
             display: "grid",
             gridTemplateColumns: "repeat(auto-fill, minmax(340px, 1fr))",
             gap: "12px"
-          }, children: a.endpoints.map((i) => {
-            const p = `${i.method}|${i.path}`, v = L.includes(p);
+          }, children: a.endpoints.map((d) => {
+            const u = `${d.method}|${d.path}`, v = L.includes(u);
             return /* @__PURE__ */ t.jsxs(
               "div",
               {
                 "data-vg-id": "2e78339d",
                 "data-source-path": "/src/components/ViewGateOverlay.tsx:3824",
                 onClick: () => {
-                  je(v ? L.filter((w) => w !== p) : [...L, p]);
+                  je(v ? L.filter((w) => w !== u) : [...L, u]);
                 },
                 style: {
                   padding: "16px 20px",
@@ -3998,17 +4032,17 @@ const Vo = [
                         fontWeight: 800,
                         padding: "3px 8px",
                         borderRadius: "8px",
-                        background: i.method === "GET" ? "#dcfce7" : "#fee2e2",
-                        color: i.method === "GET" ? "#166534" : "#991b1b",
+                        background: d.method === "GET" ? "#dcfce7" : "#fee2e2",
+                        color: d.method === "GET" ? "#166534" : "#991b1b",
                         flexShrink: 0
-                      }, children: i.method }),
+                      }, children: d.method }),
                       /* @__PURE__ */ t.jsx("span", { "data-vg-id": "816204d", "data-source-path": "/src/components/ViewGateOverlay.tsx:3884", style: {
                         fontWeight: 700,
                         color: v ? "#4338ca" : "#1e293b",
                         fontSize: "14px",
                         wordBreak: "break-all"
-                      }, children: i.path }),
-                      i.contract && /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e7833b9", "data-source-path": "/src/components/ViewGateOverlay.tsx:3893", style: {
+                      }, children: d.path }),
+                      d.contract && /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e7833b9", "data-source-path": "/src/components/ViewGateOverlay.tsx:3893", style: {
                         fontSize: "9px",
                         fontWeight: 900,
                         color: "#6366f1",
@@ -4018,18 +4052,18 @@ const Vo = [
                         textTransform: "uppercase"
                       }, children: "JSON" })
                     ] }),
-                    i.description && /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e7833ba", "data-source-path": "/src/components/ViewGateOverlay.tsx:3905", style: {
+                    d.description && /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e7833ba", "data-source-path": "/src/components/ViewGateOverlay.tsx:3905", style: {
                       fontSize: "12px",
                       color: "#64748b",
                       marginTop: "6px",
                       wordBreak: "break-word",
                       fontWeight: 450,
                       lineHeight: 1.4
-                    }, children: i.description })
+                    }, children: d.description })
                   ] })
                 ]
               },
-              p
+              u
             );
           }) })
         ] }, a.name);
@@ -4178,7 +4212,7 @@ const Vo = [
       ] }),
       /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e7833fd", "data-source-path": "/src/components/ViewGateOverlay.tsx:4075", style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
         /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e7833fe", "data-source-path": "/src/components/ViewGateOverlay.tsx:4076", children: [
-          /* @__PURE__ */ t.jsx("label", { "data-vg-id": "feec1077", "data-source-path": "/src/components/ViewGateOverlay.tsx:4077", style: { display: "block", fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", textTransform: "uppercase", letterSpacing: "0.5px" }, children: o.priority }),
+          /* @__PURE__ */ t.jsx("label", { "data-vg-id": "feec1077", "data-source-path": "/src/components/ViewGateOverlay.tsx:4077", style: { display: "block", fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", textTransform: "uppercase", letterSpacing: "0.5px" }, children: s.priority }),
           /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e783415", "data-source-path": "/src/components/ViewGateOverlay.tsx:4078", style: { display: "flex", gap: "8px" }, children: ["low", "medium", "high", "urgent"].map((a) => /* @__PURE__ */ t.jsx(
             "button",
             {
@@ -4197,24 +4231,24 @@ const Vo = [
                 transition: "all 0.2s",
                 textTransform: "capitalize"
               },
-              children: o[a]
+              children: s[a]
             },
             a
           )) })
         ] }),
         /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783416", "data-source-path": "/src/components/ViewGateOverlay.tsx:4098", style: { marginBottom: "8px" }, children: [
-          /* @__PURE__ */ t.jsx("label", { "data-vg-id": "feec107a", "data-source-path": "/src/components/ViewGateOverlay.tsx:4099", style: { display: "block", fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", textTransform: "uppercase", letterSpacing: "0.5px" }, children: o.focusAreas }),
+          /* @__PURE__ */ t.jsx("label", { "data-vg-id": "feec107a", "data-source-path": "/src/components/ViewGateOverlay.tsx:4099", style: { display: "block", fontSize: "12px", fontWeight: 700, color: "#64748b", marginBottom: "8px", textTransform: "uppercase", letterSpacing: "0.5px" }, children: s.focusAreas }),
           /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e783418", "data-source-path": "/src/components/ViewGateOverlay.tsx:4100", style: { display: "flex", gap: "8px" }, children: [
-            { id: "frontend", label: o.frontend, icon: /* @__PURE__ */ t.jsx(Qt, { "data-vg-id": "b806c346", "data-source-path": "/src/components/ViewGateOverlay.tsx:4102", size: 14 }), color: "#10b981", bg: "#ecfdf5", border: "#d1fae5" },
-            { id: "backend", label: o.backend, icon: /* @__PURE__ */ t.jsx(Ye, { "data-vg-id": "b1e4c6d6", "data-source-path": "/src/components/ViewGateOverlay.tsx:4103", size: 14 }), color: "#6366f1", bg: "#eef2ff", border: "#e0e7ff" },
-            { id: "ux", label: o.ux, icon: /* @__PURE__ */ t.jsx(Gt, { "data-vg-id": "ea069d93", "data-source-path": "/src/components/ViewGateOverlay.tsx:4104", size: 14 }), color: "#d946ef", bg: "#fdf4ff", border: "#f5d0fe" }
+            { id: "frontend", label: s.frontend, icon: /* @__PURE__ */ t.jsx(Qt, { "data-vg-id": "b806c346", "data-source-path": "/src/components/ViewGateOverlay.tsx:4102", size: 14 }), color: "#10b981", bg: "#ecfdf5", border: "#d1fae5" },
+            { id: "backend", label: s.backend, icon: /* @__PURE__ */ t.jsx(Ye, { "data-vg-id": "b1e4c6d6", "data-source-path": "/src/components/ViewGateOverlay.tsx:4103", size: 14 }), color: "#6366f1", bg: "#eef2ff", border: "#e0e7ff" },
+            { id: "ux", label: s.ux, icon: /* @__PURE__ */ t.jsx(Gt, { "data-vg-id": "ea069d93", "data-source-path": "/src/components/ViewGateOverlay.tsx:4104", size: 14 }), color: "#d946ef", bg: "#fdf4ff", border: "#f5d0fe" }
           ].filter((a) => a.id === "backend" ? Mt : a.id === "ux" ? R : !0).map((a) => {
             const n = pt.includes(a.id);
             return /* @__PURE__ */ t.jsxs(
               "button",
               {
                 onClick: () => {
-                  ua(n ? pt.filter((i) => i !== a.id) : [...pt, a.id]);
+                  fa(n ? pt.filter((d) => d !== a.id) : [...pt, a.id]);
                 },
                 style: {
                   flex: 1,
@@ -4246,7 +4280,7 @@ const Vo = [
           /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e78341d", "data-source-path": "/src/components/ViewGateOverlay.tsx:4141", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
             /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783433", "data-source-path": "/src/components/ViewGateOverlay.tsx:4142", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
               /* @__PURE__ */ t.jsx(ea, { "data-vg-id": "d8816599", "data-source-path": "/src/components/ViewGateOverlay.tsx:4143", size: 14, style: { color: "#d946ef" } }),
-              /* @__PURE__ */ t.jsx("span", { "data-vg-id": "81620ca", "data-source-path": "/src/components/ViewGateOverlay.tsx:4144", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase" }, children: o.figmaLink })
+              /* @__PURE__ */ t.jsx("span", { "data-vg-id": "81620ca", "data-source-path": "/src/components/ViewGateOverlay.tsx:4144", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase" }, children: s.figmaLink })
             ] }),
             /* @__PURE__ */ t.jsxs(
               "button",
@@ -4257,7 +4291,7 @@ const Vo = [
                 style: { background: "#fdf4ff", border: "1px solid #f5d0fe", color: "#d946ef", borderRadius: "8px", padding: "4px 10px", fontSize: "11px", fontWeight: 800, cursor: "pointer" },
                 children: [
                   "+ ",
-                  o.addLink
+                  s.addLink
                 ]
               }
             )
@@ -4271,11 +4305,11 @@ const Vo = [
                 type: "text",
                 className: "vg-textarea",
                 style: { padding: "8px 12px", fontSize: "12px", minHeight: "auto", borderRadius: "10px" },
-                placeholder: o.figmaNamePlaceholder,
+                placeholder: s.figmaNamePlaceholder,
                 value: a.name,
-                onChange: (i) => {
-                  const p = [...tt];
-                  p[n] && (p[n].name = i.target.value, jt(p));
+                onChange: (d) => {
+                  const u = [...tt];
+                  u[n] && (u[n].name = d.target.value, jt(u));
                 }
               }
             ),
@@ -4287,22 +4321,22 @@ const Vo = [
                 type: "text",
                 className: "vg-textarea",
                 style: { padding: "8px 12px", fontSize: "12px", minHeight: "auto", borderRadius: "10px" },
-                placeholder: o.figmaLinkPlaceholder,
+                placeholder: s.figmaLinkPlaceholder,
                 value: a.link,
-                onChange: (i) => {
-                  const p = [...tt];
-                  p[n] && (p[n].link = i.target.value, jt(p));
+                onChange: (d) => {
+                  const u = [...tt];
+                  u[n] && (u[n].link = d.target.value, jt(u));
                 }
               }
             ),
-            tt.length > 1 && /* @__PURE__ */ t.jsx("button", { "data-vg-id": "5861c138", "data-source-path": "/src/components/ViewGateOverlay.tsx:4179", onClick: () => jt(tt.filter((i, p) => p !== n)), style: { color: "#ef4444", background: "none", border: "none", cursor: "pointer" }, children: /* @__PURE__ */ t.jsx(ra, { "data-vg-id": "45b44621", "data-source-path": "/src/components/ViewGateOverlay.tsx:4180", size: 16 }) })
+            tt.length > 1 && /* @__PURE__ */ t.jsx("button", { "data-vg-id": "5861c138", "data-source-path": "/src/components/ViewGateOverlay.tsx:4179", onClick: () => jt(tt.filter((d, u) => u !== n)), style: { color: "#ef4444", background: "none", border: "none", cursor: "pointer" }, children: /* @__PURE__ */ t.jsx(ra, { "data-vg-id": "45b44621", "data-source-path": "/src/components/ViewGateOverlay.tsx:4180", size: 16 }) })
           ] }, n)) })
         ] }),
         Mt && pt.includes("backend") && /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783452", "data-source-path": "/src/components/ViewGateOverlay.tsx:4191", className: "vg-animate-slide", style: { padding: "16px", borderRadius: "16px", background: "#f8fafc", border: "1px solid #e2e8f0" }, children: [
           /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783453", "data-source-path": "/src/components/ViewGateOverlay.tsx:4192", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "8px" }, children: [
             /* @__PURE__ */ t.jsxs("div", { "data-vg-id": "2e783454", "data-source-path": "/src/components/ViewGateOverlay.tsx:4193", style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
               /* @__PURE__ */ t.jsx(Ye, { "data-vg-id": "b1e4c711", "data-source-path": "/src/components/ViewGateOverlay.tsx:4194", size: 14, style: { color: "#6366f1" } }),
-              /* @__PURE__ */ t.jsx("span", { "data-vg-id": "81620eb", "data-source-path": "/src/components/ViewGateOverlay.tsx:4195", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase" }, children: o.endpoint })
+              /* @__PURE__ */ t.jsx("span", { "data-vg-id": "81620eb", "data-source-path": "/src/components/ViewGateOverlay.tsx:4195", style: { fontSize: "11px", fontWeight: 800, color: "#64748b", textTransform: "uppercase" }, children: s.endpoint })
             ] }),
             Ue.length > 0 && /* @__PURE__ */ t.jsxs("span", { "data-vg-id": "81620ec", "data-source-path": "/src/components/ViewGateOverlay.tsx:4198", style: { fontSize: "10px", background: "#eef2ff", color: "#6366f1", padding: "2px 8px", borderRadius: "12px", fontWeight: 700 }, children: [
               Ue.length,
@@ -4321,8 +4355,8 @@ const Vo = [
                 /* @__PURE__ */ t.jsx("div", { "data-vg-id": "2e783459", "data-source-path": "/src/components/ViewGateOverlay.tsx:4207", style: { display: "flex", gap: "4px", overflow: "hidden" }, children: Ue.length > 0 ? Ue.slice(0, 2).map((a) => /* @__PURE__ */ t.jsx("span", { "data-vg-id": "81620ef", "data-source-path": "/src/components/ViewGateOverlay.tsx:4209", style: { background: "#eef2ff", color: "#6366f1", padding: "1px 6px", borderRadius: "4px", fontSize: "11px", fontWeight: 600 }, children: a.split("|").pop() }, a)).concat(Ue.length > 2 ? [/* @__PURE__ */ t.jsxs("span", { "data-vg-id": "81620f0", "data-source-path": "/src/components/ViewGateOverlay.tsx:4209", children: [
                   "+",
                   Ue.length - 2
-                ] }, "plus")] : []) : o.selectEndpoint }),
-                /* @__PURE__ */ t.jsx(yr, { "data-vg-id": "1cd393c8", "data-source-path": "/src/components/ViewGateOverlay.tsx:4212", size: 14, style: { color: "#64748b" } })
+                ] }, "plus")] : []) : s.selectEndpoint }),
+                /* @__PURE__ */ t.jsx(br, { "data-vg-id": "1cd393c8", "data-source-path": "/src/components/ViewGateOverlay.tsx:4212", size: 14, style: { color: "#64748b" } })
               ]
             }
           )
@@ -4333,8 +4367,8 @@ const Vo = [
             "textarea",
             {
               className: "vg-textarea",
-              value: Qa,
-              onChange: (a) => er(a.target.value),
+              value: er,
+              onChange: (a) => tr(a.target.value),
               rows: 5,
               style: { minHeight: "120px", fontSize: "15px" }
             }
@@ -4352,7 +4386,7 @@ const Vo = [
             onClick: () => {
               Bt(null), je([]);
             },
-            children: o.cancel
+            children: s.cancel
           }
         ),
         /* @__PURE__ */ t.jsx(
@@ -4371,80 +4405,80 @@ const Vo = [
             },
             disabled: Ut,
             onClick: async () => {
-              tr(!0);
+              ar(!0);
               try {
-                (await fetch(`${d}/api/annotations/${lt}`, {
+                (await fetch(`${c}/api/annotations/${lt}`, {
                   method: "PATCH",
                   headers: {
                     "Content-Type": "application/json",
                     Authorization: Z ? `Bearer ${Z}` : "",
-                    "x-api-key": c || ""
+                    "x-api-key": i || ""
                   },
                   body: JSON.stringify({
-                    message: Qa,
+                    message: er,
                     priority: T,
                     focusAreas: pt,
                     figmaReference: tt,
                     backendEndpoints: Ue
                   })
-                })).ok && (Bt(null), $t(), s(o.updateSuccess, "success"));
+                })).ok && (Bt(null), $t(), o(s.updateSuccess, "success"));
               } catch {
               } finally {
-                tr(!1);
+                ar(!1);
               }
             },
-            children: Ut ? "..." : o.save
+            children: Ut ? "..." : s.save
           }
         )
       ] })
     ] }) })
   ] }) });
 };
-function qr(e, s, r) {
-  if (!s.endsWith(".tsx") && !s.endsWith(".jsx") || s.includes("node_modules")) return e;
-  const o = (k) => k.replace(/\\/g, "/"), c = o(s).replace(o(r), ""), d = (k) => {
+function qr(e, o, r) {
+  if (!o.endsWith(".tsx") && !o.endsWith(".jsx") || o.includes("node_modules")) return e;
+  const s = (S) => S.replace(/\\/g, "/"), i = s(o).replace(s(r), ""), c = (S) => {
     let y = 0;
-    for (let g = 0; g < k.length; g++) y = Math.imul(31, y) + k.charCodeAt(g) | 0;
+    for (let g = 0; g < S.length; g++) y = Math.imul(31, y) + S.charCodeAt(g) | 0;
     return (y >>> 0).toString(16);
   };
   let l = 0;
   return e.split(`
-`).map((k, y) => {
+`).map((S, y) => {
     const g = y + 1;
-    return k.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (h, S, V) => {
+    return S.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (h, k, V) => {
       if (h.includes("data-source-path") || h.includes("data-vg-id") || V === "Fragment" || V === "React.Fragment")
         return h;
       l++;
-      const E = d(`${c}:${V}:${l}`);
-      return `${S}<${V} data-vg-id="${E}" data-source-path="${c}:${g}"`;
+      const E = c(`${i}:${V}:${l}`);
+      return `${k}<${V} data-vg-id="${E}" data-source-path="${i}:${g}"`;
     });
   }).join(`
 `);
 }
-function tn() {
+function sn() {
   return {
     name: "vite-plugin-viewgate",
     enforce: "pre",
-    transform(e, s) {
+    transform(e, o) {
       return {
-        code: qr(e, s, process.cwd()),
+        code: qr(e, o, process.cwd()),
         map: null
       };
     }
   };
 }
-function Uo(e) {
-  const s = this.resourcePath;
-  return s ? (this.getOptions && this.getOptions(), qr(e, s, process.cwd())) : e;
+function Ks(e) {
+  const o = this.resourcePath;
+  return o ? (this.getOptions && this.getOptions(), qr(e, o, process.cwd())) : e;
 }
-function an(e) {
-  return Uo.call(this, e);
+function nn(e) {
+  return Ks.call(this, e);
 }
 export {
-  en as ViewGate,
-  Ho as ViewGateOverlay,
+  on as ViewGate,
+  Xs as ViewGateOverlay,
   qr as transformSourcePaths,
-  Ro as useViewGate,
-  an as viewgateNextLoader,
-  tn as viewgatePlugin
+  Rs as useViewGate,
+  nn as viewgateNextLoader,
+  sn as viewgatePlugin
 };