viewgate-wrapper 1.10.12 → 1.10.13

package/dist/viewgate-wrapper.js

@@ -1,25 +1,25 @@
 (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.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}.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-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 .5s cubic-bezier(.34,1.56,.64,1) forwards}.vg-animate-slide-up{animation:vg-slide-up-fade .4s 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 .4s cubic-bezier(.22,1,.36,1) forwards}.vg-animate-fade{animation:vg-fade-in .3s ease-out 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)}.vg-formal-pin{width:32px;height:32px;border-radius:50%;background:var(--vg-primary-gradient);border:3px solid white;box-shadow:0 4px 12px #6366f166;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.vg-formal-pin.ready{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.vg-formal-pin.modal-variant{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66;border-style:dashed}.vg-pin-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);padding:12px 16px;border-radius:12px;background:#fff;color:#1e293b;width:240px;font-size:13px;box-shadow:0 10px 40px #00000026;opacity:0;pointer-events:none;transition:all .2s ease;border:1px solid #e2e8f0}.vg-pin-tooltip.vg-top{top:auto;bottom:calc(100% + 12px)}.vg-pin-container:hover .vg-pin-tooltip{opacity:1;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}')),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import Tt, { useRef as ge, useState as j, useEffect as Z, forwardRef as mt, createElement as ze, createContext as Vt, useContext as Pt, useCallback as Ce } from "react";
+import Tt, { useRef as ge, useState as j, useEffect as Z, forwardRef as mt, createElement as Ie, createContext as Vt, useContext as Pt, useCallback as Ee } from "react";
 import { createPortal as At } from "react-dom";
-var Ee = { exports: {} }, fe = {};
+var Se = { exports: {} }, fe = {};
 var Xe;
 function $t() {
   if (Xe) return fe;
   Xe = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function r(n, s, a) {
+  function r(n, a, s) {
     var i = null;
-    if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
-      a = {};
-      for (var d in s)
-        d !== "key" && (a[d] = s[d]);
-    } else a = s;
-    return s = a.ref, {
+    if (s !== void 0 && (i = "" + s), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+      s = {};
+      for (var c in a)
+        c !== "key" && (s[c] = a[c]);
+    } else s = a;
+    return a = s.ref, {
       $$typeof: e,
       type: n,
       key: i,
-      ref: s !== void 0 ? s : null,
-      props: a
+      ref: a !== void 0 ? a : null,
+      props: s
     };
   }
   return fe.Fragment = t, fe.jsx = r, fe.jsxs = r, fe;
@@ -28,12 +28,12 @@ var he = {};
 var Je;
 function Gt() {
   return Je || (Je = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(c) {
-      if (c == null) return null;
-      if (typeof c == "function")
-        return c.$$typeof === ce ? null : c.displayName || c.name || null;
-      if (typeof c == "string") return c;
-      switch (c) {
+    function e(l) {
+      if (l == null) return null;
+      if (typeof l == "function")
+        return l.$$typeof === ce ? null : l.displayName || l.name || null;
+      if (typeof l == "string") return l;
+      switch (l) {
         case P:
           return "Fragment";
         case D:
@@ -47,131 +47,131 @@ function Gt() {
         case Be:
           return "Activity";
       }
-      if (typeof c == "object")
-        switch (typeof c.tag == "number" && console.error(
+      if (typeof l == "object")
+        switch (typeof l.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), c.$$typeof) {
+        ), l.$$typeof) {
           case T:
             return "Portal";
           case F:
-            return c.displayName || "Context";
+            return l.displayName || "Context";
           case A:
-            return (c._context.displayName || "Context") + ".Consumer";
+            return (l._context.displayName || "Context") + ".Consumer";
           case _:
-            var y = c.render;
-            return c = c.displayName, c || (c = y.displayName || y.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+            var y = l.render;
+            return l = l.displayName, l || (l = y.displayName || y.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
           case H:
-            return y = c.displayName || null, y !== null ? y : e(c.type) || "Memo";
-          case xe:
-            y = c._payload, c = c._init;
+            return y = l.displayName || null, y !== null ? y : e(l.type) || "Memo";
+          case we:
+            y = l._payload, l = l._init;
             try {
-              return e(c(y));
+              return e(l(y));
             } catch {
             }
         }
       return null;
     }
-    function t(c) {
-      return "" + c;
+    function t(l) {
+      return "" + l;
     }
-    function r(c) {
+    function r(l) {
       try {
-        t(c);
+        t(l);
         var y = !1;
       } catch {
         y = !0;
       }
       if (y) {
         y = console;
-        var b = y.error, k = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        var b = y.error, k = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
         return b.call(
           y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           k
-        ), t(c);
+        ), t(l);
       }
     }
-    function n(c) {
-      if (c === P) return "<>";
-      if (typeof c == "object" && c !== null && c.$$typeof === xe)
+    function n(l) {
+      if (l === P) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === we)
         return "<...>";
       try {
-        var y = e(c);
+        var y = e(l);
         return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var c = te.A;
-      return c === null ? null : c.getOwner();
-    }
     function a() {
+      var l = te.A;
+      return l === null ? null : l.getOwner();
+    }
+    function s() {
       return Error("react-stack-top-frame");
     }
-    function i(c) {
-      if (we.call(c, "key")) {
-        var y = Object.getOwnPropertyDescriptor(c, "key").get;
+    function i(l) {
+      if (ve.call(l, "key")) {
+        var y = Object.getOwnPropertyDescriptor(l, "key").get;
         if (y && y.isReactWarning) return !1;
       }
-      return c.key !== void 0;
+      return l.key !== void 0;
     }
-    function d(c, y) {
+    function c(l, y) {
       function b() {
         re || (re = !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)",
           y
         ));
       }
-      b.isReactWarning = !0, Object.defineProperty(c, "key", {
+      b.isReactWarning = !0, Object.defineProperty(l, "key", {
         get: b,
         configurable: !0
       });
     }
     function p() {
-      var c = e(this.type);
-      return Q[c] || (Q[c] = !0, console.error(
+      var l = e(this.type);
+      return Q[l] || (Q[l] = !0, console.error(
         "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."
-      )), c = this.props.ref, c !== void 0 ? c : null;
+      )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function u(c, y, b, k, ne, q) {
+    function u(l, y, b, k, ne, q) {
       var O = b.ref;
-      return c = {
+      return l = {
         $$typeof: w,
-        type: c,
+        type: l,
         key: y,
         props: b,
         _owner: k
-      }, (O !== void 0 ? O : null) !== null ? Object.defineProperty(c, "ref", {
+      }, (O !== void 0 ? O : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: p
-      }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
+      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(c, "_debugInfo", {
+      }), Object.defineProperty(l, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(c, "_debugStack", {
+      }), Object.defineProperty(l, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ne
-      }), Object.defineProperty(c, "_debugTask", {
+      }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: q
-      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function v(c, y, b, k, ne, q) {
+    function v(l, y, b, k, ne, q) {
       var O = y.children;
       if (O !== void 0)
         if (k)
-          if (ve(O)) {
+          if (be(O)) {
             for (k = 0; k < O.length; k++)
               m(O[k]);
             Object.freeze && Object.freeze(O);
@@ -180,12 +180,12 @@ function Gt() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else m(O);
-      if (we.call(y, "key")) {
-        O = e(c);
-        var V = Object.keys(y).filter(function(Te) {
-          return Te !== "key";
+      if (ve.call(y, "key")) {
+        O = e(l);
+        var V = Object.keys(y).filter(function(_e) {
+          return _e !== "key";
         });
-        k = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", be[O + k] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
+        k = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", Ce[O + k] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -196,81 +196,81 @@ React keys must be passed directly to JSX without using spread:
           O,
           V,
           O
-        ), be[O + k] = !0);
+        ), Ce[O + k] = !0);
       }
       if (O = null, b !== void 0 && (r(b), O = "" + b), i(y) && (r(y.key), O = "" + y.key), "key" in y) {
         b = {};
         for (var de in y)
           de !== "key" && (b[de] = y[de]);
       } else b = y;
-      return O && d(
+      return O && c(
         b,
-        typeof c == "function" ? c.displayName || c.name || "Unknown" : c
+        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
       ), u(
-        c,
+        l,
         O,
         b,
-        s(),
+        a(),
         ne,
         q
       );
     }
-    function m(c) {
-      x(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === xe && (c._payload.status === "fulfilled" ? x(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
+    function m(l) {
+      x(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === we && (l._payload.status === "fulfilled" ? x(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
     }
-    function x(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === w;
+    function x(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === w;
     }
-    var f = Tt, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), T = /* @__PURE__ */ Symbol.for("react.portal"), P = /* @__PURE__ */ Symbol.for("react.fragment"), z = /* @__PURE__ */ Symbol.for("react.strict_mode"), D = /* @__PURE__ */ Symbol.for("react.profiler"), A = /* @__PURE__ */ Symbol.for("react.consumer"), F = /* @__PURE__ */ Symbol.for("react.context"), _ = /* @__PURE__ */ Symbol.for("react.forward_ref"), W = /* @__PURE__ */ Symbol.for("react.suspense"), $ = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), xe = /* @__PURE__ */ Symbol.for("react.lazy"), Be = /* @__PURE__ */ Symbol.for("react.activity"), ce = /* @__PURE__ */ Symbol.for("react.client.reference"), te = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, we = Object.prototype.hasOwnProperty, ve = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var f = Tt, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), T = /* @__PURE__ */ Symbol.for("react.portal"), P = /* @__PURE__ */ Symbol.for("react.fragment"), z = /* @__PURE__ */ Symbol.for("react.strict_mode"), D = /* @__PURE__ */ Symbol.for("react.profiler"), A = /* @__PURE__ */ Symbol.for("react.consumer"), F = /* @__PURE__ */ Symbol.for("react.context"), _ = /* @__PURE__ */ Symbol.for("react.forward_ref"), W = /* @__PURE__ */ Symbol.for("react.suspense"), $ = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), we = /* @__PURE__ */ Symbol.for("react.lazy"), Be = /* @__PURE__ */ Symbol.for("react.activity"), ce = /* @__PURE__ */ Symbol.for("react.client.reference"), te = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ve = Object.prototype.hasOwnProperty, be = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
-      react_stack_bottom_frame: function(c) {
-        return c();
+      react_stack_bottom_frame: function(l) {
+        return l();
       }
     };
     var re, Q = {}, le = f.react_stack_bottom_frame.bind(
       f,
-      a
-    )(), U = B(n(a)), be = {};
-    he.Fragment = P, he.jsx = function(c, y, b) {
+      s
+    )(), U = B(n(s)), Ce = {};
+    he.Fragment = P, he.jsx = function(l, y, b) {
       var k = 1e4 > te.recentlyCreatedOwnerStacks++;
       return v(
-        c,
+        l,
         y,
         b,
         !1,
         k ? Error("react-stack-top-frame") : le,
-        k ? B(n(c)) : U
+        k ? B(n(l)) : U
       );
-    }, he.jsxs = function(c, y, b) {
+    }, he.jsxs = function(l, y, b) {
       var k = 1e4 > te.recentlyCreatedOwnerStacks++;
       return v(
-        c,
+        l,
         y,
         b,
         !0,
         k ? Error("react-stack-top-frame") : le,
-        k ? B(n(c)) : U
+        k ? B(n(l)) : U
       );
     };
   })()), he;
 }
 var Ze;
 function Lt() {
-  return Ze || (Ze = 1, process.env.NODE_ENV === "production" ? Ee.exports = $t() : Ee.exports = Gt()), Ee.exports;
+  return Ze || (Ze = 1, process.env.NODE_ENV === "production" ? Se.exports = $t() : Se.exports = Gt()), Se.exports;
 }
 var o = Lt();
 const Nt = ({ children: e }) => {
   const t = ge(null), [r, n] = j(null);
   return Z(() => {
     if (t.current && !t.current.shadowRoot) {
-      const s = t.current.attachShadow({ mode: "open" });
-      document.querySelectorAll("style[data-vite-dev-id], style:not([data-vite-dev-id])").forEach((d) => {
-        (d.textContent?.includes(".vg-") || d.textContent?.includes("--vg-")) && s.appendChild(d.cloneNode(!0));
+      const a = t.current.attachShadow({ mode: "open" });
+      document.querySelectorAll("style[data-vite-dev-id], style:not([data-vite-dev-id])").forEach((c) => {
+        (c.textContent?.includes(".vg-") || c.textContent?.includes("--vg-")) && a.appendChild(c.cloneNode(!0));
       });
       const i = document.createElement("link");
-      i.rel = "stylesheet", i.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap", s.appendChild(i), n(s);
+      i.rel = "stylesheet", i.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap", a.appendChild(i), n(a);
     }
   }, []), /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: t, id: "viewgate-shadow-host", children: r && At(e, r) });
 };
@@ -307,11 +307,11 @@ const Ft = mt(
     size: t = 24,
     strokeWidth: r = 2,
     absoluteStrokeWidth: n,
-    className: s = "",
-    children: a,
+    className: a = "",
+    children: s,
     iconNode: i,
-    ...d
-  }, p) => ze(
+    ...c
+  }, p) => Ie(
     "svg",
     {
       ref: p,
@@ -320,27 +320,27 @@ const Ft = mt(
       height: t,
       stroke: e,
       strokeWidth: n ? Number(r) * 24 / Number(t) : r,
-      className: ft("lucide", s),
-      ...!a && !Dt(d) && { "aria-hidden": "true" },
-      ...d
+      className: ft("lucide", a),
+      ...!s && !Dt(c) && { "aria-hidden": "true" },
+      ...c
     },
     [
-      ...i.map(([u, v]) => ze(u, v)),
-      ...Array.isArray(a) ? a : [a]
+      ...i.map(([u, v]) => Ie(u, v)),
+      ...Array.isArray(s) ? s : [s]
     ]
   )
 );
 const N = (e, t) => {
   const r = mt(
-    ({ className: n, ...s }, a) => ze(Ft, {
-      ref: a,
+    ({ className: n, ...a }, s) => Ie(Ft, {
+      ref: s,
       iconNode: t,
       className: ft(
         `lucide-${Mt(Ke(e))}`,
         `lucide-${e}`,
         n
       ),
-      ...s
+      ...a
     })
   );
   return r.displayName = Ke(e), r;
@@ -390,7 +390,7 @@ const Qt = [
       key: "18887p"
     }
   ]
-], $e = N("message-square", Qt);
+], Ae = N("message-square", Qt);
 const er = [
   [
     "path",
@@ -410,10 +410,10 @@ const rr = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ], nr = N("pencil", rr);
-const ar = [
+const sr = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], sr = N("rotate-ccw", ar);
+], ar = N("rotate-ccw", sr);
 const or = [
   [
     "path",
@@ -434,7 +434,7 @@ const cr = [
 const lr = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ge = N("x", lr), dr = {
+], $e = N("x", lr), dr = {
   en: {
     enterMode: "Enter Feedback Mode",
     exitMode: "Exit Mode",
@@ -531,25 +531,25 @@ const lr = [
   const e = Pt(ht);
   if (!e) throw new Error("useViewGate must be used within a ViewGateProvider");
   return e;
-}, De = "viewgate_enabled", pr = () => typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("viewgate") ? (sessionStorage.setItem(De, "true"), !0) : sessionStorage.getItem(De) === "true", En = ({
+}, ze = "viewgate_enabled", pr = () => typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("viewgate") ? (sessionStorage.setItem(ze, "true"), !0) : sessionStorage.getItem(ze) === "true", En = ({
   children: e,
   language: t = "es",
   apiKey: r,
   baseUrl: n = "https://view-gate.vercel.app"
 }) => {
-  const [s, a] = j(!1), [i, d] = j([]);
+  const [a, s] = j(!1), [i, c] = j([]);
   Z(() => {
-    a(pr());
+    s(pr());
   }, []);
   const p = () => {
-    if (sessionStorage.removeItem(De), a(!1), typeof window < "u") {
+    if (sessionStorage.removeItem(ze), s(!1), typeof window < "u") {
       const m = new URL(window.location.href);
       m.searchParams.delete("viewgate"), window.history.replaceState({}, "", m.toString());
     }
   }, u = (m, x) => {
     const f = Date.now();
-    d((w) => [...w, { id: f, message: m, type: x }]), setTimeout(() => {
-      d((w) => w.filter((T) => T.id !== f));
+    c((w) => [...w, { id: f, message: m, type: x }]), setTimeout(() => {
+      c((w) => w.filter((T) => T.id !== f));
     }, 4e3);
   }, v = dr[t];
   return /* @__PURE__ */ o.jsxs(ht.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:248", value: {
@@ -562,7 +562,7 @@ const lr = [
     hasActiveToasts: i.length > 0
   }, children: [
     e,
-    s && /* @__PURE__ */ o.jsx(Nt, { "data-source-path": "/src/components/ViewGateProvider.tsx:259", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:260", className: "vg-container", children: [
+    a && /* @__PURE__ */ o.jsx(Nt, { "data-source-path": "/src/components/ViewGateProvider.tsx:259", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:260", className: "vg-container", children: [
       /* @__PURE__ */ o.jsx(vn, { "data-source-path": "/src/components/ViewGateProvider.tsx:261" }),
       /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:262", className: "vg-toasts", style: { zIndex: 2147483646 }, children: i.map((m) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:264", className: `vg-toast vg-animate-slide ${m.type}`, children: [
         m.type === "success" ? /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateProvider.tsx:266", size: 24, color: "#22c55e" }) : /* @__PURE__ */ o.jsx(Wt, { "data-source-path": "/src/components/ViewGateProvider.tsx:268", size: 24, color: "#ef4444" }),
@@ -581,8 +581,8 @@ function mr(e, t) {
     return window.location.protocol + e;
   if (e.match(/^[a-z]+:/i))
     return e;
-  const r = document.implementation.createHTMLDocument(), n = r.createElement("base"), s = r.createElement("a");
-  return r.head.appendChild(n), r.body.appendChild(s), t && (n.href = t), s.href = e, s.href;
+  const r = document.implementation.createHTMLDocument(), n = r.createElement("base"), a = r.createElement("a");
+  return r.head.appendChild(n), r.body.appendChild(a), t && (n.href = t), a.href = e, a.href;
 }
 const fr = /* @__PURE__ */ (() => {
   let e = 0;
@@ -598,20 +598,20 @@ function K(e) {
     t.push(e[r]);
   return t;
 }
-let se = null;
+let ae = null;
 function gt(e = {}) {
-  return se || (e.includeStyleProperties ? (se = e.includeStyleProperties, se) : (se = K(window.getComputedStyle(document.documentElement)), se));
+  return ae || (e.includeStyleProperties ? (ae = e.includeStyleProperties, ae) : (ae = K(window.getComputedStyle(document.documentElement)), ae));
 }
-function Re(e, t) {
+function ke(e, t) {
   const n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
   return n ? parseFloat(n.replace("px", "")) : 0;
 }
 function hr(e) {
-  const t = Re(e, "border-left-width"), r = Re(e, "border-right-width");
+  const t = ke(e, "border-left-width"), r = ke(e, "border-right-width");
   return e.clientWidth + t + r;
 }
 function gr(e) {
-  const t = Re(e, "border-top-width"), r = Re(e, "border-bottom-width");
+  const t = ke(e, "border-top-width"), r = ke(e, "border-bottom-width");
   return e.clientHeight + t + r;
 }
 function yt(e, t = {}) {
@@ -631,7 +631,7 @@ const I = 16384;
 function xr(e) {
   (e.width > I || e.height > I) && (e.width > I && e.height > I ? e.width > e.height ? (e.height *= I / e.width, e.width = I) : (e.width *= I / e.height, e.height = I) : e.width > I ? (e.height *= I / e.width, e.width = I) : (e.width *= I / e.height, e.height = I));
 }
-function je(e) {
+function Re(e) {
   return new Promise((t, r) => {
     const n = new Image();
     n.onload = () => {
@@ -645,8 +645,8 @@ async function wr(e) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
 async function vr(e, t, r) {
-  const n = "http://www.w3.org/2000/svg", s = document.createElementNS(n, "svg"), a = document.createElementNS(n, "foreignObject");
-  return s.setAttribute("width", `${t}`), s.setAttribute("height", `${r}`), s.setAttribute("viewBox", `0 0 ${t} ${r}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), s.appendChild(a), a.appendChild(e), wr(s);
+  const n = "http://www.w3.org/2000/svg", a = document.createElementNS(n, "svg"), s = document.createElementNS(n, "foreignObject");
+  return a.setAttribute("width", `${t}`), a.setAttribute("height", `${r}`), a.setAttribute("viewBox", `0 0 ${t} ${r}`), s.setAttribute("width", "100%"), s.setAttribute("height", "100%"), s.setAttribute("x", "0"), s.setAttribute("y", "0"), s.setAttribute("externalResourcesRequired", "true"), a.appendChild(s), s.appendChild(e), wr(a);
 }
 const L = (e, t) => {
   if (e instanceof t)
@@ -660,17 +660,17 @@ function br(e) {
 }
 function Cr(e, t) {
   return gt(t).map((r) => {
-    const n = e.getPropertyValue(r), s = e.getPropertyPriority(r);
-    return `${r}: ${n}${s ? " !important" : ""};`;
+    const n = e.getPropertyValue(r), a = e.getPropertyPriority(r);
+    return `${r}: ${n}${a ? " !important" : ""};`;
   }).join(" ");
 }
 function Er(e, t, r, n) {
-  const s = `.${e}:${t}`, a = r.cssText ? br(r) : Cr(r, n);
-  return document.createTextNode(`${s}{${a}}`);
+  const a = `.${e}:${t}`, s = r.cssText ? br(r) : Cr(r, n);
+  return document.createTextNode(`${a}{${s}}`);
 }
 function nt(e, t, r, n) {
-  const s = window.getComputedStyle(e, r), a = s.getPropertyValue("content");
-  if (a === "" || a === "none")
+  const a = window.getComputedStyle(e, r), s = a.getPropertyValue("content");
+  if (s === "" || s === "none")
     return;
   const i = fr();
   try {
@@ -678,20 +678,20 @@ function nt(e, t, r, n) {
   } catch {
     return;
   }
-  const d = document.createElement("style");
-  d.appendChild(Er(i, r, s, n)), t.appendChild(d);
+  const c = document.createElement("style");
+  c.appendChild(Er(i, r, a, n)), t.appendChild(c);
 }
 function Sr(e, t, r) {
   nt(e, t, ":before", r), nt(e, t, ":after", r);
 }
-const at = "application/font-woff", st = "image/jpeg", kr = {
-  woff: at,
-  woff2: at,
+const st = "application/font-woff", at = "image/jpeg", kr = {
+  woff: st,
+  woff2: st,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: st,
-  jpeg: st,
+  jpg: at,
+  jpeg: at,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
@@ -708,7 +708,7 @@ function He(e) {
 function jr(e) {
   return e.split(/,/)[1];
 }
-function Fe(e) {
+function De(e) {
   return e.search(/^(data:)/) !== -1;
 }
 function Or(e, t) {
@@ -718,58 +718,58 @@ async function xt(e, t, r) {
   const n = await fetch(e, t);
   if (n.status === 404)
     throw new Error(`Resource "${n.url}" not found`);
-  const s = await n.blob();
-  return new Promise((a, i) => {
-    const d = new FileReader();
-    d.onerror = i, d.onloadend = () => {
+  const a = await n.blob();
+  return new Promise((s, i) => {
+    const c = new FileReader();
+    c.onerror = i, c.onloadend = () => {
       try {
-        a(r({ res: n, result: d.result }));
+        s(r({ res: n, result: c.result }));
       } catch (p) {
         i(p);
       }
-    }, d.readAsDataURL(s);
+    }, c.readAsDataURL(a);
   });
 }
-const Le = {};
+const Ge = {};
 function _r(e, t, r) {
   let n = e.replace(/\?.*/, "");
   return r && (n = e), /ttf|otf|eot|woff2?/i.test(n) && (n = n.replace(/.*\//, "")), t ? `[${t}]${n}` : n;
 }
 async function We(e, t, r) {
   const n = _r(e, t, r.includeQueryParams);
-  if (Le[n] != null)
-    return Le[n];
+  if (Ge[n] != null)
+    return Ge[n];
   r.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
-  let s;
+  let a;
   try {
-    const a = await xt(e, r.fetchRequestInit, ({ res: i, result: d }) => (t || (t = i.headers.get("Content-Type") || ""), jr(d)));
-    s = Or(a, t);
-  } catch (a) {
-    s = r.imagePlaceholder || "";
+    const s = await xt(e, r.fetchRequestInit, ({ res: i, result: c }) => (t || (t = i.headers.get("Content-Type") || ""), jr(c)));
+    a = Or(s, t);
+  } catch (s) {
+    a = r.imagePlaceholder || "";
     let i = `Failed to fetch resource: ${e}`;
-    a && (i = typeof a == "string" ? a : a.message), i && console.warn(i);
+    s && (i = typeof s == "string" ? s : s.message), i && console.warn(i);
   }
-  return Le[n] = s, s;
+  return Ge[n] = a, a;
 }
 async function Tr(e) {
   const t = e.toDataURL();
-  return t === "data:," ? e.cloneNode(!1) : je(t);
+  return t === "data:," ? e.cloneNode(!1) : Re(t);
 }
 async function Vr(e, t) {
   if (e.currentSrc) {
-    const a = document.createElement("canvas"), i = a.getContext("2d");
-    a.width = e.clientWidth, a.height = e.clientHeight, i?.drawImage(e, 0, 0, a.width, a.height);
-    const d = a.toDataURL();
-    return je(d);
+    const s = document.createElement("canvas"), i = s.getContext("2d");
+    s.width = e.clientWidth, s.height = e.clientHeight, i?.drawImage(e, 0, 0, s.width, s.height);
+    const c = s.toDataURL();
+    return Re(c);
   }
-  const r = e.poster, n = He(r), s = await We(r, n, t);
-  return je(s);
+  const r = e.poster, n = He(r), a = await We(r, n, t);
+  return Re(a);
 }
 async function Pr(e, t) {
   var r;
   try {
     if (!((r = e?.contentDocument) === null || r === void 0) && r.body)
-      return await Oe(e.contentDocument.body, t, !0);
+      return await je(e.contentDocument.body, t, !0);
   } catch {
   }
   return e.cloneNode(!1);
@@ -779,11 +779,11 @@ async function Ar(e, t) {
 }
 const $r = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", wt = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
 async function Gr(e, t, r) {
-  var n, s;
+  var n, a;
   if (wt(t))
     return t;
-  let a = [];
-  return $r(e) && e.assignedNodes ? a = K(e.assignedNodes()) : L(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? a = K(e.contentDocument.body.childNodes) : a = K(((s = e.shadowRoot) !== null && s !== void 0 ? s : e).childNodes), a.length === 0 || L(e, HTMLVideoElement) || await a.reduce((i, d) => i.then(() => Oe(d, r)).then((p) => {
+  let s = [];
+  return $r(e) && e.assignedNodes ? s = K(e.assignedNodes()) : L(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = K(e.contentDocument.body.childNodes) : s = K(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || L(e, HTMLVideoElement) || await s.reduce((i, c) => i.then(() => je(c, r)).then((p) => {
     p && t.appendChild(p);
   }), Promise.resolve()), t;
 }
@@ -791,10 +791,10 @@ function Lr(e, t, r) {
   const n = t.style;
   if (!n)
     return;
-  const s = window.getComputedStyle(e);
-  s.cssText ? (n.cssText = s.cssText, n.transformOrigin = s.transformOrigin) : gt(r).forEach((a) => {
-    let i = s.getPropertyValue(a);
-    a === "font-size" && i.endsWith("px") && (i = `${Math.floor(parseFloat(i.substring(0, i.length - 2))) - 0.1}px`), L(e, HTMLIFrameElement) && a === "display" && i === "inline" && (i = "block"), a === "d" && t.getAttribute("d") && (i = `path(${t.getAttribute("d")})`), n.setProperty(a, i, s.getPropertyPriority(a));
+  const a = window.getComputedStyle(e);
+  a.cssText ? (n.cssText = a.cssText, n.transformOrigin = a.transformOrigin) : gt(r).forEach((s) => {
+    let i = a.getPropertyValue(s);
+    s === "font-size" && i.endsWith("px") && (i = `${Math.floor(parseFloat(i.substring(0, i.length - 2))) - 0.1}px`), L(e, HTMLIFrameElement) && s === "display" && i === "inline" && (i = "block"), s === "d" && t.getAttribute("d") && (i = `path(${t.getAttribute("d")})`), n.setProperty(s, i, a.getPropertyPriority(s));
   });
 }
 function Nr(e, t) {
@@ -802,7 +802,7 @@ function Nr(e, t) {
 }
 function Mr(e, t) {
   if (L(e, HTMLSelectElement)) {
-    const n = Array.from(t.children).find((s) => e.value === s.getAttribute("value"));
+    const n = Array.from(t.children).find((a) => e.value === a.getAttribute("value"));
     n && n.setAttribute("selected", "");
   }
 }
@@ -814,26 +814,26 @@ async function zr(e, t) {
   if (r.length === 0)
     return e;
   const n = {};
-  for (let a = 0; a < r.length; a++) {
-    const d = r[a].getAttribute("xlink:href");
-    if (d) {
-      const p = e.querySelector(d), u = document.querySelector(d);
-      !p && u && !n[d] && (n[d] = await Oe(u, t, !0));
+  for (let s = 0; s < r.length; s++) {
+    const c = r[s].getAttribute("xlink:href");
+    if (c) {
+      const p = e.querySelector(c), u = document.querySelector(c);
+      !p && u && !n[c] && (n[c] = await je(u, t, !0));
     }
   }
-  const s = Object.values(n);
-  if (s.length) {
-    const a = "http://www.w3.org/1999/xhtml", i = document.createElementNS(a, "svg");
-    i.setAttribute("xmlns", a), i.style.position = "absolute", i.style.width = "0", i.style.height = "0", i.style.overflow = "hidden", i.style.display = "none";
-    const d = document.createElementNS(a, "defs");
-    i.appendChild(d);
-    for (let p = 0; p < s.length; p++)
-      d.appendChild(s[p]);
+  const a = Object.values(n);
+  if (a.length) {
+    const s = "http://www.w3.org/1999/xhtml", i = document.createElementNS(s, "svg");
+    i.setAttribute("xmlns", s), i.style.position = "absolute", i.style.width = "0", i.style.height = "0", i.style.overflow = "hidden", i.style.display = "none";
+    const c = document.createElementNS(s, "defs");
+    i.appendChild(c);
+    for (let p = 0; p < a.length; p++)
+      c.appendChild(a[p]);
     e.appendChild(i);
   }
   return e;
 }
-async function Oe(e, t, r) {
+async function je(e, t, r) {
   return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => Ar(n, t)).then((n) => Gr(e, n, t)).then((n) => Ir(e, n, t)).then((n) => zr(n, t));
 }
 const vt = /url\((['"]?)([^'"]+?)\1\)/g, Dr = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Fr = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
@@ -843,13 +843,13 @@ function Hr(e) {
 }
 function Wr(e) {
   const t = [];
-  return e.replace(vt, (r, n, s) => (t.push(s), r)), t.filter((r) => !Fe(r));
+  return e.replace(vt, (r, n, a) => (t.push(a), r)), t.filter((r) => !De(r));
 }
-async function Br(e, t, r, n, s) {
+async function Br(e, t, r, n, a) {
   try {
-    const a = r ? mr(t, r) : t, i = He(t);
-    let d;
-    return s || (d = await We(a, i, n)), e.replace(Hr(t), `$1${d}$3`);
+    const s = r ? mr(t, r) : t, i = He(t);
+    let c;
+    return a || (c = await We(s, i, n)), e.replace(Hr(t), `$1${c}$3`);
   } catch {
   }
   return e;
@@ -857,10 +857,10 @@ async function Br(e, t, r, n, s) {
 function Ur(e, { preferredFontFormat: t }) {
   return t ? e.replace(Fr, (r) => {
     for (; ; ) {
-      const [n, , s] = Dr.exec(r) || [];
-      if (!s)
+      const [n, , a] = Dr.exec(r) || [];
+      if (!a)
         return "";
-      if (s === t)
+      if (a === t)
         return `src: ${n};`;
     }
   }) : e;
@@ -872,14 +872,14 @@ async function Ct(e, t, r) {
   if (!bt(e))
     return e;
   const n = Ur(e, r);
-  return Wr(n).reduce((a, i) => a.then((d) => Br(d, i, t, r)), Promise.resolve(n));
+  return Wr(n).reduce((s, i) => s.then((c) => Br(c, i, t, r)), Promise.resolve(n));
 }
 async function oe(e, t, r) {
   var n;
-  const s = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
-  if (s) {
-    const a = await Ct(s, null, r);
-    return t.style.setProperty(e, a, t.style.getPropertyPriority(e)), !0;
+  const a = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
+  if (a) {
+    const s = await Ct(a, null, r);
+    return t.style.setProperty(e, s, t.style.getPropertyPriority(e)), !0;
   }
   return !1;
 }
@@ -888,23 +888,23 @@ async function qr(e, t) {
 }
 async function Yr(e, t) {
   const r = L(e, HTMLImageElement);
-  if (!(r && !Fe(e.src)) && !(L(e, SVGImageElement) && !Fe(e.href.baseVal)))
+  if (!(r && !De(e.src)) && !(L(e, SVGImageElement) && !De(e.href.baseVal)))
     return;
-  const n = r ? e.src : e.href.baseVal, s = await We(n, He(n), t);
-  await new Promise((a, i) => {
-    e.onload = a, e.onerror = t.onImageErrorHandler ? (...p) => {
+  const n = r ? e.src : e.href.baseVal, a = await We(n, He(n), t);
+  await new Promise((s, i) => {
+    e.onload = s, e.onerror = t.onImageErrorHandler ? (...p) => {
       try {
-        a(t.onImageErrorHandler(...p));
+        s(t.onImageErrorHandler(...p));
       } catch (u) {
         i(u);
       }
     } : i;
-    const d = e;
-    d.decode && (d.decode = a), d.loading === "lazy" && (d.loading = "eager"), r ? (e.srcset = "", e.src = s) : e.href.baseVal = s;
+    const c = e;
+    c.decode && (c.decode = s), c.loading === "lazy" && (c.loading = "eager"), r ? (e.srcset = "", e.src = a) : e.href.baseVal = a;
   });
 }
 async function Xr(e, t) {
-  const n = K(e.childNodes).map((s) => Et(s, t));
+  const n = K(e.childNodes).map((a) => Et(a, t));
   await Promise.all(n).then(() => e);
 }
 async function Et(e, t) {
@@ -914,8 +914,8 @@ function Jr(e, t) {
   const { style: r } = e;
   t.backgroundColor && (r.backgroundColor = t.backgroundColor), t.width && (r.width = `${t.width}px`), t.height && (r.height = `${t.height}px`);
   const n = t.style;
-  return n != null && Object.keys(n).forEach((s) => {
-    r[s] = n[s];
+  return n != null && Object.keys(n).forEach((a) => {
+    r[a] = n[a];
   }), e;
 }
 const ot = {};
@@ -928,49 +928,49 @@ async function it(e) {
 }
 async function ct(e, t) {
   let r = e.cssText;
-  const n = /url\(["']?([^"')]+)["']?\)/g, a = (r.match(/url\([^)]+\)/g) || []).map(async (i) => {
-    let d = i.replace(n, "$1");
-    return d.startsWith("https://") || (d = new URL(d, e.url).href), xt(d, t.fetchRequestInit, ({ result: p }) => (r = r.replace(i, `url(${p})`), [i, p]));
+  const n = /url\(["']?([^"')]+)["']?\)/g, s = (r.match(/url\([^)]+\)/g) || []).map(async (i) => {
+    let c = i.replace(n, "$1");
+    return c.startsWith("https://") || (c = new URL(c, e.url).href), xt(c, t.fetchRequestInit, ({ result: p }) => (r = r.replace(i, `url(${p})`), [i, p]));
   });
-  return Promise.all(a).then(() => r);
+  return Promise.all(s).then(() => r);
 }
 function lt(e) {
   if (e == null)
     return [];
   const t = [], r = /(\/\*[\s\S]*?\*\/)/gi;
   let n = e.replace(r, "");
-  const s = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
+  const a = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
   for (; ; ) {
-    const p = s.exec(n);
+    const p = a.exec(n);
     if (p === null)
       break;
     t.push(p[0]);
   }
-  n = n.replace(s, "");
-  const a = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, i = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", d = new RegExp(i, "gi");
+  n = n.replace(a, "");
+  const s = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, i = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", c = new RegExp(i, "gi");
   for (; ; ) {
-    let p = a.exec(n);
+    let p = s.exec(n);
     if (p === null) {
-      if (p = d.exec(n), p === null)
+      if (p = c.exec(n), p === null)
         break;
-      a.lastIndex = d.lastIndex;
+      s.lastIndex = c.lastIndex;
     } else
-      d.lastIndex = a.lastIndex;
+      c.lastIndex = s.lastIndex;
     t.push(p[0]);
   }
   return t;
 }
 async function Zr(e, t) {
   const r = [], n = [];
-  return e.forEach((s) => {
-    if ("cssRules" in s)
+  return e.forEach((a) => {
+    if ("cssRules" in a)
       try {
-        K(s.cssRules || []).forEach((a, i) => {
-          if (a.type === CSSRule.IMPORT_RULE) {
-            let d = i + 1;
-            const p = a.href, u = it(p).then((v) => ct(v, t)).then((v) => lt(v).forEach((m) => {
+        K(a.cssRules || []).forEach((s, i) => {
+          if (s.type === CSSRule.IMPORT_RULE) {
+            let c = i + 1;
+            const p = s.href, u = it(p).then((v) => ct(v, t)).then((v) => lt(v).forEach((m) => {
               try {
-                s.insertRule(m, m.startsWith("@import") ? d += 1 : s.cssRules.length);
+                a.insertRule(m, m.startsWith("@import") ? c += 1 : a.cssRules.length);
               } catch (x) {
                 console.error("Error inserting rule from remote css", {
                   rule: m,
@@ -983,22 +983,22 @@ async function Zr(e, t) {
             n.push(u);
           }
         });
-      } catch (a) {
-        const i = e.find((d) => d.href == null) || document.styleSheets[0];
-        s.href != null && n.push(it(s.href).then((d) => ct(d, t)).then((d) => lt(d).forEach((p) => {
+      } catch (s) {
+        const i = e.find((c) => c.href == null) || document.styleSheets[0];
+        a.href != null && n.push(it(a.href).then((c) => ct(c, t)).then((c) => lt(c).forEach((p) => {
           i.insertRule(p, i.cssRules.length);
-        })).catch((d) => {
-          console.error("Error loading remote stylesheet", d);
-        })), console.error("Error inlining remote css file", a);
+        })).catch((c) => {
+          console.error("Error loading remote stylesheet", c);
+        })), console.error("Error inlining remote css file", s);
       }
-  }), Promise.all(n).then(() => (e.forEach((s) => {
-    if ("cssRules" in s)
+  }), Promise.all(n).then(() => (e.forEach((a) => {
+    if ("cssRules" in a)
       try {
-        K(s.cssRules || []).forEach((a) => {
-          r.push(a);
+        K(a.cssRules || []).forEach((s) => {
+          r.push(s);
         });
-      } catch (a) {
-        console.error(`Error while reading CSS rules from ${s.href}`, a);
+      } catch (s) {
+        console.error(`Error while reading CSS rules from ${a.href}`, s);
       }
   }), r));
 }
@@ -1017,41 +1017,41 @@ function St(e) {
 function en(e) {
   const t = /* @__PURE__ */ new Set();
   function r(n) {
-    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((a) => {
-      t.add(St(a));
-    }), Array.from(n.children).forEach((a) => {
-      a instanceof HTMLElement && r(a);
+    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((s) => {
+      t.add(St(s));
+    }), Array.from(n.children).forEach((s) => {
+      s instanceof HTMLElement && r(s);
     });
   }
   return r(e), t;
 }
 async function tn(e, t) {
   const r = await Qr(e, t), n = en(e);
-  return (await Promise.all(r.filter((a) => n.has(St(a.style.fontFamily))).map((a) => {
-    const i = a.parentStyleSheet ? a.parentStyleSheet.href : null;
-    return Ct(a.cssText, i, t);
+  return (await Promise.all(r.filter((s) => n.has(St(s.style.fontFamily))).map((s) => {
+    const i = s.parentStyleSheet ? s.parentStyleSheet.href : null;
+    return Ct(s.cssText, i, t);
   }))).join(`
 `);
 }
 async function rn(e, t) {
   const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await tn(e, t);
   if (r) {
-    const n = document.createElement("style"), s = document.createTextNode(r);
-    n.appendChild(s), e.firstChild ? e.insertBefore(n, e.firstChild) : e.appendChild(n);
+    const n = document.createElement("style"), a = document.createTextNode(r);
+    n.appendChild(a), e.firstChild ? e.insertBefore(n, e.firstChild) : e.appendChild(n);
   }
 }
 async function nn(e, t = {}) {
-  const { width: r, height: n } = yt(e, t), s = await Oe(e, t, !0);
-  return await rn(s, t), await Et(s, t), Jr(s, t), await vr(s, r, n);
+  const { width: r, height: n } = yt(e, t), a = await je(e, t, !0);
+  return await rn(a, t), await Et(a, t), Jr(a, t), await vr(a, r, n);
 }
-async function an(e, t = {}) {
-  const { width: r, height: n } = yt(e, t), s = await nn(e, t), a = await je(s), i = document.createElement("canvas"), d = i.getContext("2d"), p = t.pixelRatio || yr(), u = t.canvasWidth || r, v = t.canvasHeight || n;
-  return i.width = u * p, i.height = v * p, t.skipAutoScale || xr(i), i.style.width = `${u}`, i.style.height = `${v}`, t.backgroundColor && (d.fillStyle = t.backgroundColor, d.fillRect(0, 0, i.width, i.height)), d.drawImage(a, 0, 0, i.width, i.height), i;
+async function sn(e, t = {}) {
+  const { width: r, height: n } = yt(e, t), a = await nn(e, t), s = await Re(a), i = document.createElement("canvas"), c = i.getContext("2d"), p = t.pixelRatio || yr(), u = t.canvasWidth || r, v = t.canvasHeight || n;
+  return i.width = u * p, i.height = v * p, t.skipAutoScale || xr(i), i.style.width = `${u}`, i.style.height = `${v}`, t.backgroundColor && (c.fillStyle = t.backgroundColor, c.fillRect(0, 0, i.width, i.height)), c.drawImage(s, 0, 0, i.width, i.height), i;
 }
 async function dt(e, t = {}) {
-  return (await an(e, t)).toDataURL();
+  return (await sn(e, t)).toDataURL();
 }
-const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 15, Se = "data-vg-pin-id", ln = () => {
+const Oe = 2147483647, Le = Oe, Ne = 2e6, an = Oe - 10, on = Oe - 5, cn = Oe - 15, xe = "data-vg-pin-id", ln = () => {
   const e = window.innerWidth;
   return e < 768 ? "mobile" : e < 1024 ? "tablet" : "desktop";
 }, dn = (e) => {
@@ -1085,10 +1085,10 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
     neighborCount: e.parentElement?.children.length || 0
   }, n = e.getAttribute("aria-label");
   n && (r.ariaLabel = n);
-  const s = e.getAttribute("role");
-  s && (r.role = s);
-  const a = e.getAttribute("name");
-  return a && (r.name = a), r;
+  const a = e.getAttribute("role");
+  a && (r.role = a);
+  const s = e.getAttribute("name");
+  return s && (r.name = s), r;
 }, mn = /* @__PURE__ */ (() => {
   let e = null, t = null;
   return (r) => {
@@ -1097,32 +1097,32 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
       try {
         if (e || (e = document.createElement("canvas"), e.width = 1, e.height = 1), t || (t = e.getContext("2d", { willReadFrequently: !0 })), t) {
           t.fillStyle = "#000000", t.fillStyle = r;
-          const a = t.fillStyle;
-          if (a && !a.includes("oklch") && !a.includes("oklab"))
-            return a;
+          const s = t.fillStyle;
+          if (s && !s.includes("oklch") && !s.includes("oklab"))
+            return s;
         }
         const n = document.createElement("div");
         n.style.color = r, document.body.appendChild(n);
-        const s = getComputedStyle(n).color;
-        return document.body.removeChild(n), s && !s.includes("oklch") ? s : "rgb(0,0,0)";
+        const a = getComputedStyle(n).color;
+        return document.body.removeChild(n), a && !a.includes("oklch") ? a : "rgb(0,0,0)";
       } catch {
         return "rgb(0,0,0)";
       }
     return r;
   };
-})(), ut = (e, t, r, n) => new Promise((s) => {
-  const a = new Image();
-  a.onload = () => {
-    const i = document.createElement("canvas"), d = window.devicePixelRatio || 1, p = t.width + r * 2, u = t.height + r * 2;
-    i.width = p * d, i.height = u * d;
+})(), ut = (e, t, r, n) => new Promise((a) => {
+  const s = new Image();
+  s.onload = () => {
+    const i = document.createElement("canvas"), c = window.devicePixelRatio || 1, p = t.width + r * 2, u = t.height + r * 2;
+    i.width = p * c, i.height = u * c;
     const v = i.getContext("2d");
     if (v) {
-      v.scale(d, d);
+      v.scale(c, c);
       let m = (t.left - r) * n, x = (t.top - r) * n, f = p * n, w = u * n, T = 0, P = 0, z = p, D = u;
-      m < 0 && (T = Math.abs(m) / n, f += m, z -= T, m = 0), m + f > a.width && (f = a.width - m, z = f / n), x < 0 && (P = Math.abs(x) / n, w += x, D -= P, x = 0), x + w > a.height && (w = a.height - x, D = w / n), v.fillStyle = "#ffffff", v.fillRect(0, 0, p, u), f > 0 && w > 0 && v.drawImage(a, m, x, f, w, T, P, z, D);
+      m < 0 && (T = Math.abs(m) / n, f += m, z -= T, m = 0), m + f > s.width && (f = s.width - m, z = f / n), x < 0 && (P = Math.abs(x) / n, w += x, D -= P, x = 0), x + w > s.height && (w = s.height - x, D = w / n), v.fillStyle = "#ffffff", v.fillRect(0, 0, p, u), f > 0 && w > 0 && v.drawImage(s, m, x, f, w, T, P, z, D);
     }
-    s(i.toDataURL("image/png"));
-  }, a.onerror = () => s(""), a.src = e;
+    a(i.toDataURL("image/png"));
+  }, s.onerror = () => a(""), s.src = e;
 }), fn = (e) => {
   const t = window.getComputedStyle(e), r = {};
   return [
@@ -1136,50 +1136,50 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
     "width",
     "height",
     "z-index"
-  ].forEach((s) => {
-    const a = t.getPropertyValue(s);
-    r[s] = mn(a);
+  ].forEach((a) => {
+    const s = t.getPropertyValue(a);
+    r[a] = mn(s);
   }), r;
 }, hn = (e) => {
-  const r = Object.keys(e).find((a) => a.startsWith("__reactFiber$") || a.startsWith("__reactInternalInstance$"));
+  const r = Object.keys(e).find((s) => s.startsWith("__reactFiber$") || s.startsWith("__reactInternalInstance$"));
   if (!r) return "";
   const n = [];
-  let s = e[r];
-  for (; s; ) {
-    const a = s.type;
-    if (typeof a == "function") {
-      const i = a.displayName || a.name;
+  let a = e[r];
+  for (; a; ) {
+    const s = a.type;
+    if (typeof s == "function") {
+      const i = s.displayName || s.name;
       i && !i.includes("ViewGate") && !n.includes(i) && n.unshift(i);
     }
-    s = s.return;
+    a = a.return;
   }
   return n.join(" > ") || "Generic Component";
 }, kt = (e) => {
   if (!e) return !1;
   const t = window.getComputedStyle(e), r = e.getBoundingClientRect(), n = e.getAttribute("role");
   if (n && ["listbox", "menu", "combobox", "tooltip", "option"].includes(n)) return !1;
-  const a = 120;
-  return r.width < a && r.height < a || t.position !== "fixed" && t.position !== "absolute" ? !1 : !!(e.closest('[role="dialog"]') || e.closest('[aria-modal="true"]') || e.classList.contains("modal") || e.classList.contains("modal-content"));
+  const s = 120;
+  return r.width < s && r.height < s || t.position !== "fixed" && t.position !== "absolute" ? !1 : !!(e.closest('[role="dialog"]') || e.closest('[aria-modal="true"]') || e.classList.contains("modal") || e.classList.contains("modal-content"));
 }, ye = (e) => {
   if (!e.isConnected) return !1;
   const t = window.getComputedStyle(e);
   if (t.display === "none" || t.visibility === "hidden" || t.opacity === "0" || e.offsetWidth === 0 || e.offsetHeight === 0) return !1;
   let r = e.parentElement;
   for (; r; ) {
-    const s = window.getComputedStyle(r);
-    if (s.display === "none" || s.visibility === "hidden" || s.opacity === "0") return !1;
+    const a = window.getComputedStyle(r);
+    if (a.display === "none" || a.visibility === "hidden" || a.opacity === "0") return !1;
     r = r.parentElement;
   }
   const n = e.getBoundingClientRect();
   return !(n.width === 0 || n.height === 0 || n.top === 0 && n.left === 0 && n.width > window.innerWidth * 0.9);
-}, ke = (e, t = document) => {
+}, Fe = (e, t = document) => {
   const r = t.querySelector(e);
   if (r) return r;
   const n = t.querySelectorAll("*");
-  for (const s of Array.from(n)) {
-    const a = s.shadowRoot;
-    if (a) {
-      const i = ke(e, a);
+  for (const a of Array.from(n)) {
+    const s = a.shadowRoot;
+    if (s) {
+      const i = Fe(e, s);
       if (i) return i;
     }
   }
@@ -1196,19 +1196,24 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
   if (!e.tag) return null;
   const t = document.getElementsByTagName(e.tag);
   let r = null, n = 0;
-  for (let s = 0; s < t.length; s++) {
-    const a = t[s];
+  for (let a = 0; a < t.length; a++) {
+    const s = t[a];
     let i = 0;
-    a.innerText?.includes(e.text.slice(0, 20)) && (i += 4), e.fingerprint?.classHash && a.className.includes(e.fingerprint.classHash) && (i += 2), e.fingerprint?.ariaLabel && a.getAttribute("aria-label") === e.fingerprint.ariaLabel && (i += 3), e.fingerprint?.role && a.getAttribute("role") === e.fingerprint.role && (i += 2), e.parentContext && (a.parentElement?.innerText || "").includes(e.parentContext.slice(0, 30)) && (i += 2), e.fingerprint?.neighborCount === a.parentElement?.children.length && (i += 1), e.fingerprint?.parentTag === a.parentElement?.tagName.toLowerCase() && (i += 1), i > n && i >= 5 && (n = i, r = a);
+    const c = s.getAttribute("placeholder");
+    e.attributes?.placeholder && c === e.attributes.placeholder ? i += 6 : c && e.attributes?.placeholder && c.includes(e.attributes.placeholder) && (i += 2), s.innerText?.trim() === e.text.trim() ? i += 5 : s.innerText?.includes(e.text.slice(0, 20)) && (i += 3), e.fingerprint?.classHash && s.className.includes(e.fingerprint.classHash) && (i += 2), e.fingerprint?.ariaLabel && s.getAttribute("aria-label") === e.fingerprint.ariaLabel && (i += 3), e.fingerprint?.role && s.getAttribute("role") === e.fingerprint.role && (i += 2), e.parentContext && (s.parentElement?.innerText || "").includes(e.parentContext.slice(0, 30)) && (i += 2), e.fingerprint?.neighborCount === s.parentElement?.children.length && (i += 1), e.fingerprint?.parentTag === s.parentElement?.tagName.toLowerCase() && (i += 1), i > n && i >= 7 && (n = i, r = s);
   }
   return r;
 }, yn = (e, t) => {
   if (t) {
-    const n = ke(`[${Se}="${t}"]`);
-    if (n)
-      return ye(n) ? n : null;
+    const n = Array.from(document.querySelectorAll(`[${xe}="${t}"]`));
+    if (n.length > 0) {
+      const a = n.find((s) => !(!ye(s) || e.metadata?.isModal && !s.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')));
+      return a ? (n.forEach((s) => {
+        s !== a && s.removeAttribute(xe);
+      }), a) : null;
+    }
   }
-  let r = ke(e.selector);
+  let r = Fe(e.selector);
   if (r && ye(r))
     if (e.metadata?.isModal && !r.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content'))
       r = null;
@@ -1216,13 +1221,13 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
       return r;
   if (e.fallbackSelectors) {
     for (const n of e.fallbackSelectors)
-      if (r = ke(n), r && ye(r)) {
+      if (r = Fe(n), r && ye(r)) {
         if (e.metadata?.isModal && !r.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')) continue;
         return r;
       }
   }
   return r = gn(e), r && ye(r) ? e.metadata?.isModal && !r.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content') ? null : r : null;
-}, Ie = (e) => ({
+}, Me = (e) => ({
   tag: e.tagName.toLowerCase(),
   text: (e.innerText || e.getAttribute("placeholder") || "").slice(0, 50).trim(),
   role: e.getAttribute("role") || void 0,
@@ -1230,14 +1235,14 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
 }), xn = (e) => {
   const t = e.parentElement;
   if (!t) return;
-  const r = Array.from(t.children).filter((i) => i !== e).slice(0, 5).map((i) => Ie(i)), n = Array.from(t.children), s = n.indexOf(e);
-  let a = "middle";
-  return s === 0 && (a = "start"), s === n.length - 1 && (a = "end"), {
+  const r = Array.from(t.children).filter((i) => i !== e).slice(0, 5).map((i) => Me(i)), n = Array.from(t.children), a = n.indexOf(e);
+  let s = "middle";
+  return a === 0 && (s = "start"), a === n.length - 1 && (s = "end"), {
     target: {
-      ...Ie(e),
-      location: `${a} of ${t.tagName.toLowerCase()}`
+      ...Me(e),
+      location: `${s} of ${t.tagName.toLowerCase()}`
     },
-    parent: Ie(t),
+    parent: Me(t),
     siblings: r
   };
 }, wn = (e) => {
@@ -1250,16 +1255,16 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
     }
     r = r.parentElement;
   }
-  const n = hn(e), s = [], a = [], i = (m) => {
+  const n = hn(e), a = [], s = [], i = (m) => {
     const x = [];
     let f = m;
     for (; f && f.nodeType === Node.ELEMENT_NODE; ) {
       let w = f.nodeName.toLowerCase();
-      a.unshift(w);
+      s.unshift(w);
       const T = f.id && !f.id.startsWith("__") ? f.id : null;
-      T && s.push(`#${T}`);
+      T && a.push(`#${T}`);
       const P = f.getAttribute("data-testid") || f.getAttribute("data-qa");
-      P && s.push(`[data-testid="${P}"]`);
+      P && a.push(`[data-testid="${P}"]`);
       const z = f.getAttribute("placeholder"), D = f.getAttribute("aria-label"), A = f.getAttribute("role"), F = f.getAttribute("name"), _ = f.getAttribute("title");
       if (P) {
         w = `[${f.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${P}"]`, x.unshift(w);
@@ -1291,7 +1296,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
       x.unshift(w), f = f.parentElement;
     }
     return x.join(" > ");
-  }, d = kt(e.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')), p = i(e), u = {};
+  }, c = kt(e.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')), p = i(e), u = {};
   ["placeholder", "aria-label", "name", "type", "alt", "title", "value", "role"].forEach((m) => {
     const x = e.getAttribute(m);
     x && (u[m] = x);
@@ -1309,8 +1314,8 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
     signature: v,
     source: t,
     attributes: u,
-    fallbackSelectors: [...new Set(s)].slice(0, 5),
-    domPath: a.slice(-10),
+    fallbackSelectors: [...new Set(a)].slice(0, 5),
+    domPath: s.slice(-10),
     viewportSize: { width: window.innerWidth, height: window.innerHeight },
     uiContext: xn(e),
     fingerprint: pn(e),
@@ -1320,35 +1325,35 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
       viewportBreakpoint: ln(),
       outerHtml: e.outerHTML.slice(0, 1500),
       scrollPosition: { x: window.scrollX, y: window.scrollY },
-      isModal: d
+      isModal: c
     }
   };
 }, vn = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: s, disableViewGate: a, hasActiveToasts: i } = ur(), [d, p] = j(!1), [u, v] = j(null), [m, x] = j(null), [f, w] = j(""), [T, P] = j(!1), [z, D] = j(!1), [A, F] = j(!1), [_, W] = j([]), [$, H] = j(null), [xe, Be] = j(!1), [ce, te] = j(!1), [we, ve] = j({}), [B, re] = j(null), [Q, le] = j(!1), [U, be] = j(() => {
+  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: i } = ur(), [c, p] = j(!1), [u, v] = j(null), [m, x] = j(null), [f, w] = j(""), [T, P] = j(!1), [z, D] = j(!1), [A, F] = j(!1), [_, W] = j([]), [$, H] = j(null), [we, Be] = j(!1), [ce, te] = j(!1), [ve, be] = j({}), [B, re] = j(null), [Q, le] = j(!1), [U, Ce] = j(() => {
     if (typeof window > "u") return { top: 24, right: 24 };
-    const l = localStorage.getItem("vg-exit-pos");
-    return l ? JSON.parse(l) : { top: 24, right: 24 };
-  }), [c, y] = j(!1), b = ge(null), [k, ne] = j(() => {
+    const d = localStorage.getItem("vg-exit-pos");
+    return d ? JSON.parse(d) : { top: 24, right: 24 };
+  }), [l, y] = j(!1), b = ge(null), [k, ne] = j(() => {
     if (typeof window > "u") return { bottom: 30, right: 30 };
-    const l = localStorage.getItem("vg-bar-pos");
-    return l ? JSON.parse(l) : { bottom: 30, right: 30 };
-  }), [q, O] = j(!1), V = ge(null), de = (l) => {
-    l.preventDefault(), l.stopPropagation();
-    const h = l.currentTarget.parentElement?.getBoundingClientRect();
+    const d = localStorage.getItem("vg-bar-pos");
+    return d ? JSON.parse(d) : { bottom: 30, right: 30 };
+  }), [q, O] = j(!1), V = ge(null), de = (d) => {
+    d.preventDefault(), d.stopPropagation();
+    const h = d.currentTarget.parentElement?.getBoundingClientRect();
     h && (y(!0), b.current = {
-      x: l.clientX,
-      y: l.clientY,
+      x: d.clientX,
+      y: d.clientY,
       top: U.top,
       right: U.right,
       width: h.width,
       height: h.height
     });
-  }, Te = (l) => {
-    l.preventDefault(), l.stopPropagation();
-    const h = l.currentTarget.parentElement?.getBoundingClientRect();
+  }, _e = (d) => {
+    d.preventDefault(), d.stopPropagation();
+    const h = d.currentTarget.parentElement?.getBoundingClientRect();
     h && (O(!0), V.current = {
-      x: l.clientX,
-      y: l.clientY,
+      x: d.clientX,
+      y: d.clientY,
       bottom: k.bottom,
       right: k.right,
       width: h.width,
@@ -1356,13 +1361,13 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
     });
   };
   Z(() => {
-    if (!c && !q) return;
-    const l = (g) => {
-      if (c && b.current) {
+    if (!l && !q) return;
+    const d = (g) => {
+      if (l && b.current) {
         const G = g.clientX - b.current.x, C = g.clientY - b.current.y;
         let E = b.current.top + C, S = b.current.right - G;
         const R = 10;
-        E = Math.max(R, Math.min(window.innerHeight - b.current.height - R, E)), S = Math.max(R, Math.min(window.innerWidth - b.current.width - R, S)), be({ top: E, right: S });
+        E = Math.max(R, Math.min(window.innerHeight - b.current.height - R, E)), S = Math.max(R, Math.min(window.innerWidth - b.current.width - R, S)), Ce({ top: E, right: S });
       }
       if (q && V.current) {
         const G = g.clientX - V.current.x, C = g.clientY - V.current.y;
@@ -1371,79 +1376,79 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
         E = Math.max(R, Math.min(window.innerHeight - V.current.height - R, E)), S = Math.max(R, Math.min(window.innerWidth - V.current.width - R, S)), ne({ bottom: E, right: S });
       }
     }, h = () => {
-      c && (y(!1), localStorage.setItem("vg-exit-pos", JSON.stringify(U)), b.current = null), q && (O(!1), localStorage.setItem("vg-bar-pos", JSON.stringify(k)), V.current = null);
+      l && (y(!1), localStorage.setItem("vg-exit-pos", JSON.stringify(U)), b.current = null), q && (O(!1), localStorage.setItem("vg-bar-pos", JSON.stringify(k)), V.current = null);
     };
-    return window.addEventListener("mousemove", l), window.addEventListener("mouseup", h), () => {
-      window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", h);
+    return window.addEventListener("mousemove", d), window.addEventListener("mouseup", h), () => {
+      window.removeEventListener("mousemove", d), window.removeEventListener("mouseup", h);
     };
-  }, [c, q, U, k]);
-  const [Ue, Ve] = j(null), [qe, Ye] = j(""), [jt, Ot] = j({}), ae = ge(null), ue = ge(null), pe = Ce(() => {
+  }, [l, q, U, k]);
+  const [Ue, Te] = j(null), [qe, Ye] = j(""), [jt, Ot] = j({}), se = ge(null), ue = ge(null), pe = Ee(() => {
     ue.current || (ue.current = requestAnimationFrame(() => {
-      const l = {}, g = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((C) => kt(C) && ye(C)), G = !!g;
+      const d = {}, g = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((C) => kt(C) && ye(C)), G = !!g;
       _.forEach((C) => {
         if (!C.reference) return;
         const E = yn(C.reference, C._id), S = !!C.reference.metadata?.isModal;
         if (E) {
-          const R = E.getAttribute(Se);
-          R ? R !== C._id && (console.warn(`Element already tagged with ${R}, skipping ${C._id}`), R.length < 10 && E.setAttribute(Se, C._id)) : E.setAttribute(Se, C._id);
+          const R = E.getAttribute(xe);
+          R ? R !== C._id && (console.warn(`Element already tagged with ${R}, skipping ${C._id}`), R.length < 10 && E.setAttribute(xe, C._id)) : E.setAttribute(xe, C._id);
           let Y = !1;
           if (G ? Y = g.contains(E) : Y = !S, !Y) return;
           const M = E.getBoundingClientRect(), me = M.left + M.width / 2, X = M.top + M.height / 2;
           if (me >= 0 && me <= window.innerWidth && X >= 0 && X <= window.innerHeight) {
             const J = document.elementFromPoint(me, X);
-            if (J && !E.contains(J) && !ae.current?.contains(J))
+            if (J && !E.contains(J) && !se.current?.contains(J))
               return;
           }
-          l[C._id] = {
+          d[C._id] = {
             top: M.top + window.scrollY,
             left: M.left + window.scrollX,
             width: M.width,
             isModal: S
           };
         }
-      }), Ot(l), ue.current = null;
+      }), Ot(d), ue.current = null;
     }));
-  }, [_]), ee = Ce(async () => {
+  }, [_]), ee = Ee(async () => {
     if (n) {
       te(!0);
       try {
-        const l = await fetch(`${s}/api/annotations`, {
+        const d = await fetch(`${a}/api/annotations`, {
           headers: { "x-api-key": n }
         });
-        if (l.ok) {
-          const G = ((await l.json()).data || []).reduce((C, E) => C.find((R) => R._id === E._id) ? C : C.concat([E]), []);
+        if (d.ok) {
+          const G = ((await d.json()).data || []).reduce((C, E) => C.find((R) => R._id === E._id) ? C : C.concat([E]), []);
           W(G);
         }
-      } catch (l) {
-        console.error("Failed to fetch annotations", l);
+      } catch (d) {
+        console.error("Failed to fetch annotations", d);
       } finally {
         te(!1);
       }
     }
-  }, [n, s]);
+  }, [n, a]);
   Z(() => {
     A && _.length === 0 && !ce && F(!1);
   }, [A, _.length, ce]), Z(() => {
-    if (!d && _.length > 0) {
+    if (!c && _.length > 0) {
       pe();
-      const l = new MutationObserver(() => pe()), h = new ResizeObserver(() => pe()), g = () => pe();
-      return l.observe(document.documentElement, {
+      const d = new MutationObserver(() => pe()), h = new ResizeObserver(() => pe()), g = () => pe();
+      return d.observe(document.documentElement, {
         childList: !0,
         subtree: !0,
         attributes: !0
       }), h.observe(document.documentElement), window.addEventListener("scroll", g, !0), () => {
-        l.disconnect(), h.disconnect(), window.removeEventListener("scroll", g, !0), ue.current && cancelAnimationFrame(ue.current);
+        d.disconnect(), h.disconnect(), window.removeEventListener("scroll", g, !0), ue.current && cancelAnimationFrame(ue.current);
       };
     }
-  }, [d, _.length, pe]), Z(() => {
+  }, [c, _.length, pe]), Z(() => {
     ee();
   }, [ee]), Z(() => {
-    ae.current = document.getElementById("viewgate-shadow-host");
+    se.current = document.getElementById("viewgate-shadow-host");
   }, []);
-  const Pe = Ce((l) => {
-    if (!d || m) return;
-    const h = pt(l.clientX, l.clientY);
-    if (!h || ae.current?.contains(h) || h.closest(".vg-no-capture")) {
+  const Ve = Ee((d) => {
+    if (!c || m) return;
+    const h = pt(d.clientX, d.clientY);
+    if (!h || se.current?.contains(h) || h.closest(".vg-no-capture")) {
       v(null);
       return;
     }
@@ -1457,16 +1462,16 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
       semanticReference: {
         ...wn(h),
         normalizedOffset: {
-          x: (l.clientX - g.left) / g.width,
-          y: (l.clientY - g.top) / g.height
+          x: (d.clientX - g.left) / g.width,
+          y: (d.clientY - g.top) / g.height
         }
       }
     });
-  }, [d, m]), Ae = Ce(async (l) => {
-    if (!d || m) return;
-    const h = pt(l.clientX, l.clientY);
-    if (!(!h || ae.current?.contains(h) || h.closest(".vg-no-capture")) && u) {
-      l.preventDefault(), l.stopPropagation(), D(!0);
+  }, [c, m]), Pe = Ee(async (d) => {
+    if (!c || m) return;
+    const h = pt(d.clientX, d.clientY);
+    if (!(!h || se.current?.contains(h) || h.closest(".vg-no-capture")) && u) {
+      d.preventDefault(), d.stopPropagation(), D(!0);
       try {
         const C = window.scrollX, E = window.scrollY, S = await dt(document.documentElement, {
           pixelRatio: 1.5,
@@ -1480,7 +1485,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
           },
           filter: (X) => {
             const J = X;
-            return !(ae.current?.contains(J) || J.id === "viewgate-ui");
+            return !(se.current?.contains(J) || J.id === "viewgate-ui");
           }
         }), R = u.element.getBoundingClientRect(), Y = R.top >= 0 && R.left >= 0 && R.bottom <= window.innerHeight && R.right <= window.innerWidth;
         let M = "";
@@ -1494,7 +1499,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
               backgroundColor: "#ffffff",
               filter: (X) => {
                 const J = X;
-                return !ae.current?.contains(J);
+                return !se.current?.contains(J);
               }
             });
           } catch {
@@ -1519,11 +1524,11 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
         D(!1), v(null);
       }
     }
-  }, [d, u, m]);
+  }, [c, u, m]);
   Z(() => {
-    const l = (h) => {
+    const d = (h) => {
       if (h.key === "Escape") {
-        m ? x(null) : A ? F(!1) : d && p(!1);
+        m ? x(null) : A ? F(!1) : c && p(!1);
         return;
       }
       const G = (() => {
@@ -1536,16 +1541,16 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
       const E = h.key.toLowerCase();
       E === "c" && !m && !A && p((S) => !S), E === "v" && !m && (_.length > 0 || A) && (F((S) => !S), A || p(!1));
     };
-    return d && !m ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", l), window.addEventListener("mousemove", Pe, !0), window.addEventListener("click", Ae, !0), () => {
-      document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", l), window.removeEventListener("mousemove", Pe, !0), window.removeEventListener("click", Ae, !0);
+    return c && !m ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", d), window.addEventListener("mousemove", Ve, !0), window.addEventListener("click", Pe, !0), () => {
+      document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", d), window.removeEventListener("mousemove", Ve, !0), window.removeEventListener("click", Pe, !0);
     };
-  }, [d, m, A, _, Pe, Ae]);
+  }, [c, m, A, _, Ve, Pe]);
   const _t = async () => {
     if (!m || !f.trim()) return;
     P(!0);
-    const { semanticReference: l } = m, [h, g] = (l.source || "").split(":"), G = g || "0";
+    const { semanticReference: d } = m, [h, g] = (d.source || "").split(":"), G = g || "0";
     try {
-      if (!(await fetch(`${s}/api/annotations`, {
+      if (!(await fetch(`${a}/api/annotations`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -1556,9 +1561,9 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
           line: parseInt(G),
           url: window.location.href,
           message: f,
-          componentName: l.componentPath || m.tag,
+          componentName: d.componentPath || m.tag,
           reference: {
-            ...l,
+            ...d,
             viewport: {
               width: window.innerWidth,
               height: window.innerHeight
@@ -1575,7 +1580,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
       P(!1);
     }
   };
-  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1051", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1052", className: "vg-no-capture", children: [
+  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1077", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1078", className: "vg-no-capture", children: [
     !i && /* @__PURE__ */ o.jsxs(
       "div",
       {
@@ -1583,11 +1588,11 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
           position: "fixed",
           top: `${U.top}px`,
           right: `${U.right}px`,
-          zIndex: Ne + 10,
+          zIndex: Le + 10,
           display: "flex",
           alignItems: "center",
           gap: "8px",
-          transition: c ? "none" : "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+          transition: l ? "none" : "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
         },
         children: [
           /* @__PURE__ */ o.jsx(
@@ -1605,30 +1610,30 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                 justifyContent: "center",
                 cursor: "grab",
                 color: "#1e293b",
-                opacity: d ? 0 : 1,
-                visibility: d ? "hidden" : "visible",
+                opacity: c ? 0 : 1,
+                visibility: c ? "hidden" : "visible",
                 transition: "all 0.2s",
                 border: "1px solid rgba(0,0,0,0.1)",
                 boxShadow: "0 2px 8px rgba(0,0,0,0.05)"
               },
-              onMouseEnter: (l) => {
-                l.currentTarget.style.backgroundColor = "white", l.currentTarget.style.color = "#000000";
+              onMouseEnter: (d) => {
+                d.currentTarget.style.backgroundColor = "white", d.currentTarget.style.color = "#000000";
               },
-              onMouseLeave: (l) => {
-                l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", l.currentTarget.style.color = "#1e293b";
+              onMouseLeave: (d) => {
+                d.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", d.currentTarget.style.color = "#1e293b";
               },
-              children: /* @__PURE__ */ o.jsx(tt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1096", size: 14 })
+              children: /* @__PURE__ */ o.jsx(tt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1122", size: 14 })
             }
           ),
           /* @__PURE__ */ o.jsx(
             "button",
             {
-              onClick: (l) => {
-                l.stopPropagation(), H({
+              onClick: (d) => {
+                d.stopPropagation(), H({
                   title: r.exitConfirmTitle || "Close ViewGate?",
                   message: r.exitConfirmMessage || "Are you sure you want to close ViewGate?",
                   type: "danger",
-                  onConfirm: () => a()
+                  onConfirm: () => s()
                 });
               },
               title: "Cerrar ViewGate",
@@ -1647,13 +1652,13 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                 color: "#64748b",
                 transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
               },
-              onMouseEnter: (l) => {
-                l.currentTarget.style.transform = "scale(1.1) rotate(90deg)", l.currentTarget.style.color = "#ef4444", l.currentTarget.style.backgroundColor = "white";
+              onMouseEnter: (d) => {
+                d.currentTarget.style.transform = "scale(1.1) rotate(90deg)", d.currentTarget.style.color = "#ef4444", d.currentTarget.style.backgroundColor = "white";
               },
-              onMouseLeave: (l) => {
-                l.currentTarget.style.transform = "scale(1) rotate(0deg)", l.currentTarget.style.color = "#64748b", l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.9)";
+              onMouseLeave: (d) => {
+                d.currentTarget.style.transform = "scale(1) rotate(0deg)", d.currentTarget.style.color = "#64748b", d.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.9)";
               },
-              children: /* @__PURE__ */ o.jsx(Ge, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1136", size: 20, strokeWidth: 2.5 })
+              children: /* @__PURE__ */ o.jsx($e, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1162", size: 20, strokeWidth: 2.5 })
             }
           )
         ]
@@ -1662,12 +1667,12 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
     /* @__PURE__ */ o.jsxs(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1142",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1168",
         style: {
           position: "fixed",
           bottom: `${k.bottom}px`,
           right: `${k.right}px`,
-          zIndex: Ne,
+          zIndex: Le,
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -1678,7 +1683,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
           /* @__PURE__ */ o.jsx(
             "div",
             {
-              onMouseDown: Te,
+              onMouseDown: _e,
               style: {
                 width: "24px",
                 height: "40px",
@@ -1690,35 +1695,35 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                 justifyContent: "center",
                 cursor: "grab",
                 color: "#1e293b",
-                opacity: d ? 0 : 1,
-                visibility: d ? "hidden" : "visible",
+                opacity: c ? 0 : 1,
+                visibility: c ? "hidden" : "visible",
                 transition: "all 0.2s",
                 border: "1px solid rgba(0,0,0,0.1)",
                 boxShadow: "0 2px 8px rgba(0,0,0,0.05)"
               },
-              onMouseEnter: (l) => {
-                l.currentTarget.style.backgroundColor = "white", l.currentTarget.style.color = "#000000";
+              onMouseEnter: (d) => {
+                d.currentTarget.style.backgroundColor = "white", d.currentTarget.style.color = "#000000";
               },
-              onMouseLeave: (l) => {
-                l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", l.currentTarget.style.color = "#1e293b";
+              onMouseLeave: (d) => {
+                d.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", d.currentTarget.style.color = "#1e293b";
               },
               className: "vg-animate-slide-up",
-              children: /* @__PURE__ */ o.jsx(tt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1185", size: 16 })
+              children: /* @__PURE__ */ o.jsx(tt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1211", size: 16 })
             }
           ),
-          /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1188", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
+          /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1214", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
             /* @__PURE__ */ o.jsx(
               "button",
               {
-                onClick: () => p(!d),
+                onClick: () => p(!c),
                 className: "vg-button-primary vg-animate-pop",
                 style: {
                   padding: "12px 24px",
-                  background: d ? "#ef4444" : void 0
+                  background: c ? "#ef4444" : void 0
                 },
-                children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1197", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                  d ? /* @__PURE__ */ o.jsx(Ge, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1198", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx($e, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1198", size: 20, className: "vg-animate-pop" }),
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1199", children: d ? r.exitMode : r.enterMode })
+                children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1223", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                  c ? /* @__PURE__ */ o.jsx($e, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1224", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1224", size: 20, className: "vg-animate-pop" }),
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1225", children: c ? r.exitMode : r.enterMode })
                 ] })
               }
             ),
@@ -1731,8 +1736,8 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                 className: "vg-button-ghost vg-animate-pop",
                 style: { animationDelay: "0.1s" },
                 children: [
-                  /* @__PURE__ */ o.jsx(Xt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1212", size: 20 }),
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1213", children: r.viewComments })
+                  /* @__PURE__ */ o.jsx(Xt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1238", size: 20 }),
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1239", children: r.viewComments })
                 ]
               }
             )
@@ -1740,7 +1745,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
         ]
       }
     ),
-    z && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1221", style: {
+    z && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1247", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1751,16 +1756,16 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: Ne + 1,
+      zIndex: Le + 1,
       cursor: "wait"
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1227", className: "vg-glassmorphism", style: { padding: "30px 50px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1228", className: "vg-spinner" }),
-      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1229", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1253", className: "vg-glassmorphism", style: { padding: "30px 50px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1254", className: "vg-spinner" }),
+      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1255", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
     ] }) }),
-    d && !m && /* @__PURE__ */ o.jsx(
+    c && !m && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1236",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1262",
         className: "vg-backdrop-blur",
         style: {
           opacity: 1,
@@ -1772,14 +1777,14 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                                 ${u.rect.left}px ${u.rect.bottom}px,
                                 ${u.rect.left}px ${u.rect.top}px
                             )` : "none",
-          zIndex: sn
+          zIndex: an
         }
       }
     ),
-    d && u && !m && !z && /* @__PURE__ */ o.jsx(
+    c && u && !m && !z && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1255",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1281",
         className: "vg-selection-pulse",
         style: {
           top: u.rect.top - 4,
@@ -1791,17 +1796,17 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
         children: /* @__PURE__ */ o.jsxs(
           "div",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1265",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1291",
             className: "vg-selection-label",
             style: {
               ...u.rect.top < 60 ? u.rect.bottom > window.innerHeight - 60 ? { top: "8px", bottom: "auto" } : { top: "100%", marginTop: "8px", bottom: "auto" } : { top: "-40px", bottom: "auto" },
               ...u.rect.left + 200 > window.innerWidth ? { left: "auto", right: "0" } : { left: "0", right: "auto" }
             },
             children: [
-              /* @__PURE__ */ o.jsx(tr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1281", size: 16 }),
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1282", style: { display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1283", style: { fontWeight: 700 }, children: r.selectToComment }),
-                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1284", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
+              /* @__PURE__ */ o.jsx(tr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1307", size: 16 }),
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1308", style: { display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1309", style: { fontWeight: 700 }, children: r.selectToComment }),
+                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1310", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
                   Math.round(u.rect.width),
                   " × ",
                   Math.round(u.rect.height)
@@ -1812,7 +1817,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
         )
       }
     ),
-    m && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1294", className: "vg-animate-fade", style: {
+    m && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1320", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1823,14 +1828,14 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: Me
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1299", className: "vg-glassmorphism vg-animate-slide", style: {
+      zIndex: Ne
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1325", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "40px",
       width: "500px",
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
     }, children: [
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1303", style: { textAlign: "center", marginBottom: "32px" }, children: [
-        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1304", style: {
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1329", style: { textAlign: "center", marginBottom: "32px" }, children: [
+        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1330", style: {
           width: "48px",
           height: "48px",
           background: "var(--vg-primary-gradient)",
@@ -1841,11 +1846,11 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
           margin: "0 auto 16px",
           color: "white",
           boxShadow: "0 8px 16px rgba(99, 102, 241, 0.3)"
-        }, children: /* @__PURE__ */ o.jsx($e, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1309", size: 24 }) }),
-        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1311", style: { margin: "0 0 8px 0", fontSize: "24px", fontWeight: 800, color: "#0f172a" }, children: r.feedbackHeader }),
-        /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1312", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
+        }, children: /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1335", size: 24 }) }),
+        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1337", style: { margin: "0 0 8px 0", fontSize: "24px", fontWeight: 800, color: "#0f172a" }, children: r.feedbackHeader }),
+        /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1338", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
       ] }),
-      m.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1316", style: {
+      m.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1342", style: {
         marginBottom: "24px",
         borderRadius: "12px",
         overflow: "hidden",
@@ -1866,14 +1871,14 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
         {
           className: "vg-textarea",
           value: f,
-          onChange: (l) => w(l.target.value),
+          onChange: (d) => w(d.target.value),
           rows: 4,
           placeholder: r.placeholder,
           autoFocus: !0,
           style: { fontSize: "15px", padding: "16px", marginBottom: "24px" }
         }
       ),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1343", style: { display: "flex", gap: "12px" }, children: [
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1369", style: { display: "flex", gap: "12px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
@@ -1891,15 +1896,15 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
             className: "vg-button-primary",
             disabled: T || !f.trim(),
             style: { flex: 2 },
-            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1358", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              T ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1359", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(ir, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1359", size: 18 }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1360", children: T ? r.submitting : r.sendFeedback || "Send Comment" })
+            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1384", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+              T ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1385", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(ir, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1385", size: 18 }),
+              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1386", children: T ? r.submitting : r.sendFeedback || "Send Comment" })
             ] })
           }
         )
       ] })
     ] }) }),
-    A && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1370", className: "vg-animate-fade", style: {
+    A && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1396", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1910,24 +1915,24 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: Me
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1375", className: "vg-glassmorphism vg-animate-slide", style: {
+      zIndex: Ne
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1401", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "32px",
       width: "650px",
       maxHeight: "85vh",
       display: "flex",
       flexDirection: "column"
     }, children: [
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1379", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1380", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1381", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: B ? r.commentDetails : r.annotations }),
-          !B && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1385", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: _.length })
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1405", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1406", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1407", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: B ? r.commentDetails : r.annotations }),
+          !B && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1411", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: _.length })
         ] }),
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1390", style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1416", style: { display: "flex", gap: "8px" }, children: [
           B && /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1392",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1418",
               className: "vg-button-ghost",
               style: { padding: "6px 14px", fontSize: "12px" },
               onClick: () => re(null),
@@ -1937,21 +1942,21 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
           /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1400",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1426",
               className: "vg-button-ghost",
               style: { padding: "8px", borderRadius: "50%" },
               onClick: () => {
                 F(!1), re(null);
               },
-              children: /* @__PURE__ */ o.jsx(Ge, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1405", size: 20 })
+              children: /* @__PURE__ */ o.jsx($e, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1431", size: 20 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1410", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: ce ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1412", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1413", className: "vg-spinner" }) }) : (B ? _.filter((l) => l._id === B) : _).map((l, h) => /* @__PURE__ */ o.jsxs(
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1436", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: ce ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1438", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1439", className: "vg-spinner" }) }) : (B ? _.filter((d) => d._id === B) : _).map((d, h) => /* @__PURE__ */ o.jsxs(
         "div",
         {
-          "data-source-path": "/src/components/ViewGateOverlay.tsx:1417",
+          "data-source-path": "/src/components/ViewGateOverlay.tsx:1443",
           className: "vg-glassmorphism vg-animate-slide",
           style: {
             padding: "20px",
@@ -1961,19 +1966,19 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
             animationDelay: `${h * 0.05}s`
           },
           children: [
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1428", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1429", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
-              l.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1431", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
-                /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1432", size: 14 }),
+            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1454", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1455", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+              d.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1457", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
+                /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1458", size: 14 }),
                 " ",
                 r.readyForReview
-              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1435", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
-                /* @__PURE__ */ o.jsx(Qe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1436", size: 14 }),
+              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1461", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
+                /* @__PURE__ */ o.jsx(Qe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1462", size: 14 }),
                 " ",
                 r.pending
               ] }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1439", style: { fontSize: "12px", color: "#000000" }, children: un(l.timestamp || l.createdAt || l.reference?.timestamp, t) })
+              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1465", style: { fontSize: "12px", color: "#000000" }, children: un(d.timestamp || d.createdAt || d.reference?.timestamp, t) })
             ] }) }),
-            Ue === l._id ? /* @__PURE__ */ o.jsx(
+            Ue === d._id ? /* @__PURE__ */ o.jsx(
               "textarea",
               {
                 className: "vg-textarea",
@@ -1983,21 +1988,21 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                 autoFocus: !0,
                 style: { marginBottom: "16px" }
               }
-            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1455", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: l.message }),
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1458", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: Ue === l._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1481", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: d.message }),
+            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1484", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: Ue === d._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1461",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1487",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: async () => {
                     try {
-                      (await fetch(`${s}/api/annotations/${l._id}`, {
+                      (await fetch(`${a}/api/annotations/${d._id}`, {
                         method: "PATCH",
                         headers: { "Content-Type": "application/json", "x-api-key": n },
                         body: JSON.stringify({ message: qe })
-                      })).ok && (Ve(null), ee(), e(r.updateSuccess, "success"));
+                      })).ok && (Te(null), ee(), e(r.updateSuccess, "success"));
                     } catch {
                       e(r.error, "error");
                     }
@@ -2005,19 +2010,19 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                   children: r.save
                 }
               ),
-              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1483", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Ve(null), children: r.cancel })
+              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1509", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Te(null), children: r.cancel })
             ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1487",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1513",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: () => {
-                    Ve(l._id), Ye(l.message);
+                    Te(d._id), Ye(d.message);
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(nr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1495", size: 14 }),
+                    /* @__PURE__ */ o.jsx(nr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1521", size: 14 }),
                     " ",
                     r.edit
                   ]
@@ -2026,23 +2031,23 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1497",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1523",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.05s" },
                   onClick: () => {
-                    l.url && (window.location.href = l.url);
+                    d.url && (window.location.href = d.url);
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1504", size: 14 }),
+                    /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1530", size: 14 }),
                     " ",
                     r.review
                   ]
                 }
               ),
-              l.status === "pending" ? /* @__PURE__ */ o.jsxs(
+              d.status === "pending" ? /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1507",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1533",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
@@ -2052,7 +2057,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                       type: "success",
                       onConfirm: async () => {
                         try {
-                          (await fetch(`${s}/api/annotations/${l._id}`, {
+                          (await fetch(`${a}/api/annotations/${d._id}`, {
                             method: "PATCH",
                             headers: { "Content-Type": "application/json", "x-api-key": n },
                             body: JSON.stringify({ status: "ready_for_review" })
@@ -2066,7 +2071,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1535", size: 14 }),
+                    /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1561", size: 14 }),
                     " ",
                     r.markReady
                   ]
@@ -2074,7 +2079,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
               ) : /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1538",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1564",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
@@ -2085,7 +2090,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                       // Reopening is a positive action, use success theme (indigo/check) or we could add a neutral theme
                       onConfirm: async () => {
                         try {
-                          (await fetch(`${s}/api/annotations/${l._id}`, {
+                          (await fetch(`${a}/api/annotations/${d._id}`, {
                             method: "PATCH",
                             headers: { "Content-Type": "application/json", "x-api-key": n },
                             body: JSON.stringify({ status: "pending" })
@@ -2099,7 +2104,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(sr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1566", size: 14 }),
+                    /* @__PURE__ */ o.jsx(ar, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1592", size: 14 }),
                     " ",
                     r.reopen
                   ]
@@ -2108,7 +2113,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1569",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1595",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 12px", color: "#ef4444", borderColor: "#fee2e2", animationDelay: "0.15s" },
                   onClick: () => {
@@ -2118,7 +2123,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                       type: "danger",
                       onConfirm: async () => {
                         try {
-                          (await fetch(`${s}/api/annotations/${l._id}`, {
+                          (await fetch(`${a}/api/annotations/${d._id}`, {
                             method: "DELETE",
                             headers: { "x-api-key": n }
                           })).ok && (ee(), e(r.deleteSuccess, "success"));
@@ -2130,16 +2135,16 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
                       }
                     });
                   },
-                  children: /* @__PURE__ */ o.jsx(rt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1596", size: 16 })
+                  children: /* @__PURE__ */ o.jsx(rt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1622", size: 16 })
                 }
               )
             ] }) })
           ]
         },
-        l._id
+        d._id
       )) })
     ] }) }),
-    $ && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1611", className: "vg-animate-fade", style: {
+    $ && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1637", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -2150,15 +2155,15 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: Me + 100
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1616", className: "vg-glassmorphism vg-animate-slide", style: {
+      zIndex: Ne + 100
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1642", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "40px",
       width: "420px",
       textAlign: "center",
       border: "1px solid rgba(255, 255, 255, 0.1)",
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.5)"
     }, children: [
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1623", style: {
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1649", style: {
         width: "64px",
         height: "64px",
         background: $.type === "danger" ? "rgba(239, 68, 68, 0.1)" : "rgba(99, 102, 241, 0.1)",
@@ -2169,14 +2174,14 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
         margin: "0 auto 24px",
         color: $.type === "danger" ? "#ef4444" : "#6366f1",
         transform: "rotate(-5deg)"
-      }, children: $.type === "danger" ? /* @__PURE__ */ o.jsx(rt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1632", size: 32 }) : /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1632", size: 32 }) }),
-      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1634", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: $.title }),
-      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1635", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: $.message }),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1636", style: { display: "flex", gap: "16px" }, children: [
+      }, children: $.type === "danger" ? /* @__PURE__ */ o.jsx(rt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1658", size: 32 }) : /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1658", size: 32 }) }),
+      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1660", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: $.title }),
+      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1661", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: $.message }),
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1662", style: { display: "flex", gap: "16px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1637",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1663",
             className: "vg-button-ghost",
             style: { flex: 1, height: "44px" },
             onClick: () => !Q && H(null),
@@ -2187,7 +2192,7 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1645",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1671",
             className: "vg-button-primary",
             style: {
               flex: 1,
@@ -2204,22 +2209,22 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
               le(!0);
               try {
                 await $.onConfirm();
-              } catch (l) {
-                console.error("Confirmation error:", l);
+              } catch (d) {
+                console.error("Confirmation error:", d);
               } finally {
                 le(!1);
               }
             },
-            children: Q ? /* @__PURE__ */ o.jsx(Kt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1670", size: 18, className: "vg-animate-spin" }) : r.yes
+            children: Q ? /* @__PURE__ */ o.jsx(Kt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1696", size: 18, className: "vg-animate-spin" }) : r.yes
           }
         )
       ] })
     ] }) }),
-    !d && !A && _.map((l, h) => {
-      const g = jt[l._id];
+    !c && !A && _.map((d, h) => {
+      const g = jt[d._id];
       if (!g) return null;
       const C = _.slice(0, h).filter(
-        (E) => E.reference?.selector && E.reference.selector === l.reference?.selector
+        (E) => E.reference?.selector && E.reference.selector === d.reference?.selector
       ).length * 34;
       return /* @__PURE__ */ o.jsxs(
         "div",
@@ -2237,42 +2242,42 @@ const _e = 2147483647, Ne = _e, Me = 2e6, sn = _e - 10, on = _e - 5, cn = _e - 1
           },
           onMouseEnter: (E) => {
             const S = E.currentTarget.getBoundingClientRect();
-            window.innerHeight - S.bottom < 180 ? ve((Y) => ({ ...Y, [l._id]: "vg-top" })) : ve((Y) => ({ ...Y, [l._id]: "" }));
+            window.innerHeight - S.bottom < 180 ? be((Y) => ({ ...Y, [d._id]: "vg-top" })) : be((Y) => ({ ...Y, [d._id]: "" }));
           },
           onClick: () => {
-            F(!0), re(l._id);
+            F(!0), re(d._id);
           },
           children: [
-            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1717", className: `vg-pin-tooltip ${we[l._id] || ""}`, children: [
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1718", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: [
-                l.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1720", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
-                  /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1721", size: 12 }),
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1743", className: `vg-pin-tooltip ${ve[d._id] || ""}`, children: [
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1744", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: [
+                d.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1746", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
+                  /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1747", size: 12 }),
                   " ",
                   r.readyForReview
-                ] }) : /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1724", style: { display: "flex", alignItems: "center", gap: "6px", color: g.isModal ? "#f59e0b" : "#ea580c", fontWeight: 700, fontSize: "11px" }, children: [
-                  /* @__PURE__ */ o.jsx(Qe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1725", size: 12 }),
+                ] }) : /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1750", style: { display: "flex", alignItems: "center", gap: "6px", color: g.isModal ? "#f59e0b" : "#ea580c", fontWeight: 700, fontSize: "11px" }, children: [
+                  /* @__PURE__ */ o.jsx(Qe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1751", size: 12 }),
                   " ",
                   r.pending
                 ] }),
-                g.isModal && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1729", style: { display: "flex", alignItems: "center", gap: "6px", color: "#f59e0b", fontWeight: 700, fontSize: "11px", marginLeft: "auto" }, children: /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1730", children: "MODAL" }) })
+                g.isModal && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1755", style: { display: "flex", alignItems: "center", gap: "6px", color: "#f59e0b", fontWeight: 700, fontSize: "11px", marginLeft: "auto" }, children: /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1756", children: "MODAL" }) })
               ] }),
-              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1734", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: l.message })
+              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1760", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: d.message })
             ] }),
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1737", className: `vg-formal-pin ${l.status === "ready_for_review" ? "ready" : ""} ${g.isModal ? "modal-variant" : ""}`, children: l.status === "ready_for_review" ? /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1738", size: 18 }) : g.isModal ? /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1738", size: 16 }) : /* @__PURE__ */ o.jsx($e, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1738", size: 16 }) })
+            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1763", className: `vg-formal-pin ${d.status === "ready_for_review" ? "ready" : ""} ${g.isModal ? "modal-variant" : ""}`, children: d.status === "ready_for_review" ? /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1764", size: 18 }) : g.isModal ? /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1764", size: 16 }) : /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1764", size: 16 }) })
           ]
         },
-        `pin-${l._id}`
+        `pin-${d._id}`
       );
     })
   ] }) });
 };
 function Rt(e, t, r) {
   if (!t.endsWith(".tsx") && !t.endsWith(".jsx") || t.includes("node_modules")) return e;
-  const n = (d) => d.replace(/\\/g, "/"), s = n(t).replace(n(r), "");
+  const n = (c) => c.replace(/\\/g, "/"), a = n(t).replace(n(r), "");
   return e.split(`
-`).map((d, p) => {
+`).map((c, p) => {
     const u = p + 1;
-    return d.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (v, m, x) => v.includes("data-source-path") || x === "Fragment" || x === "React.Fragment" ? v : `${m}<${x} data-source-path="${s}:${u}"`);
+    return c.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (v, m, x) => v.includes("data-source-path") || x === "Fragment" || x === "React.Fragment" ? v : `${m}<${x} data-source-path="${a}:${u}"`);
   }).join(`
 `);
 }