npm - viewgate-wrapper - Versions diffs - 1.10.16 → 1.10.17 - Mend

viewgate-wrapper 1.10.16 → 1.10.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/components/ViewGateOverlay.d.ts.map +1 -1
package/dist/viewgate-wrapper.js +502 -457
package/dist/viewgate-wrapper.umd.cjs +5 -5
package/package.json +1 -1

package/dist/viewgate-wrapper.js CHANGED Viewed

@@ -1,9 +1,9 @@
 (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:16px;border-radius:16px;background:#ffffffe6;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:#1e293b;width:240px;font-size:13px;box-shadow:0 10px 40px #00000026;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.19,1,.22,1);border:1px solid rgba(255,255,255,.5);z-index:1000}.vg-tooltip-scroll{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.2) transparent}.vg-tooltip-scroll::-webkit-scrollbar{width:4px}.vg-tooltip-scroll::-webkit-scrollbar-track{background:transparent}.vg-tooltip-scroll::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:10px}.vg-pin-badge{position:absolute;top:-8px;right:-8px;background:#f43f5e;color:#fff;font-size:10px;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 4px 12px #f43f5e66;z-index:2}.vg-pin-tooltip.vg-top{top:auto;bottom:calc(100% + 12px)}.vg-pin-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(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import Vt, { useRef as ye, useState as E, useEffect as J, forwardRef as ft, createElement as De, createContext as _t, useContext as At, useCallback as Se } from "react";
-import { createPortal as Gt } from "react-dom";
+import At, { useRef as xe, useState as S, useEffect as J, forwardRef as gt, createElement as De, createContext as Gt, useContext as $t, useCallback as Ee } from "react";
+import { createPortal as Mt } from "react-dom";
 var ke = { exports: {} }, he = {};
 var Je;
-function $t() {
+function Nt() {
   if (Je) return he;
   Je = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
@@ -26,7 +26,7 @@ function $t() {
 }
 var ge = {};
 var Ze;
-function Nt() {
+function It() {
   return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(l) {
       if (l == null) return null;
@@ -40,7 +40,7 @@ function Nt() {
           return "Profiler";
         case q:
           return "StrictMode";
-        case _e:
+        case Pe:
           return "Suspense";
         case z:
           return "SuspenseList";
@@ -55,17 +55,17 @@ function Nt() {
             return "Portal";
           case X:
             return l.displayName || "Context";
-          case M:
+          case N:
             return (l._context.displayName || "Context") + ".Consumer";
-          case V:
-            var y = l.render;
-            return l = l.displayName, l || (l = y.displayName || y.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case P:
+            var x = l.render;
+            return l = l.displayName, l || (l = x.displayName || x.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
           case H:
-            return y = l.displayName || null, y !== null ? y : e(l.type) || "Memo";
+            return x = l.displayName || null, x !== null ? x : e(l.type) || "Memo";
           case we:
-            y = l._payload, l = l._init;
+            x = l._payload, l = l._init;
             try {
-              return e(l(y));
+              return e(l(x));
             } catch {
             }
         }
@@ -77,17 +77,17 @@ function Nt() {
     function r(l) {
       try {
         t(l);
-        var y = !1;
+        var x = !1;
       } catch {
-        y = !0;
+        x = !0;
       }
-      if (y) {
-        y = console;
-        var b = y.error, S = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+      if (x) {
+        x = console;
+        var b = x.error, E = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
         return b.call(
-          y,
+          x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          S
+          E
         ), t(l);
       }
     }
@@ -96,8 +96,8 @@ function Nt() {
       if (typeof l == "object" && l !== null && l.$$typeof === we)
         return "<...>";
       try {
-        var y = e(l);
-        return y ? "<" + y + ">" : "<...>";
+        var x = e(l);
+        return x ? "<" + x + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -111,16 +111,16 @@ function Nt() {
     }
     function c(l) {
       if (ve.call(l, "key")) {
-        var y = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (y && y.isReactWarning) return !1;
+        var x = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (x && x.isReactWarning) return !1;
       }
       return l.key !== void 0;
     }
-    function i(l, y) {
+    function i(l, x) {
       function b() {
         ae || (ae = !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
+          x
         ));
       }
       b.isReactWarning = !0, Object.defineProperty(l, "key", {
@@ -134,14 +134,14 @@ function Nt() {
         "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."
       )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function p(l, y, b, S, _, U) {
+    function p(l, x, b, E, A, U) {
       var k = b.ref;
       return l = {
-        $$typeof: T,
+        $$typeof: V,
         type: l,
-        key: y,
+        key: x,
         props: b,
-        _owner: S
+        _owner: E
       }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: u
@@ -159,7 +159,7 @@ function Nt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: _
+        value: A
       }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -167,42 +167,42 @@ function Nt() {
         value: U
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function m(l, y, b, S, _, U) {
-      var k = y.children;
+    function m(l, x, b, E, A, U) {
+      var k = x.children;
       if (k !== void 0)
-        if (S)
+        if (E)
           if (be(k)) {
-            for (S = 0; S < k.length; S++)
-              f(k[S]);
+            for (E = 0; E < k.length; E++)
+              f(k[E]);
             Object.freeze && Object.freeze(k);
           } else
             console.error(
               "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 f(k);
-      if (ve.call(y, "key")) {
+      if (ve.call(x, "key")) {
         k = e(l);
-        var I = Object.keys(y).filter(function(D) {
+        var I = Object.keys(x).filter(function(D) {
           return D !== "key";
         });
-        S = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", Ce[k + S] || (I = 0 < I.length ? "{" + I.join(": ..., ") + ": ...}" : "{}", console.error(
+        E = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", Ce[k + E] || (I = 0 < I.length ? "{" + I.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          S,
+          E,
           k,
           I,
           k
-        ), Ce[k + S] = !0);
+        ), Ce[k + E] = !0);
       }
-      if (k = null, b !== void 0 && (r(b), k = "" + b), c(y) && (r(y.key), k = "" + y.key), "key" in y) {
+      if (k = null, b !== void 0 && (r(b), k = "" + b), c(x) && (r(x.key), k = "" + x.key), "key" in x) {
         b = {};
-        for (var se in y)
-          se !== "key" && (b[se] = y[se]);
-      } else b = y;
+        for (var se in x)
+          se !== "key" && (b[se] = x[se]);
+      } else b = x;
       return k && i(
         b,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
@@ -211,7 +211,7 @@ React keys must be passed directly to JSX without using spread:
         k,
         b,
         a(),
-        _,
+        A,
         U
       );
     }
@@ -219,9 +219,9 @@ React keys must be passed directly to JSX without using spread:
       C(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === we && (l._payload.status === "fulfilled" ? C(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
     }
     function C(l) {
-      return typeof l == "object" && l !== null && l.$$typeof === T;
+      return typeof l == "object" && l !== null && l.$$typeof === V;
     }
-    var j = Vt, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), $ = /* @__PURE__ */ Symbol.for("react.portal"), F = /* @__PURE__ */ Symbol.for("react.fragment"), q = /* @__PURE__ */ Symbol.for("react.strict_mode"), Y = /* @__PURE__ */ Symbol.for("react.profiler"), M = /* @__PURE__ */ Symbol.for("react.consumer"), X = /* @__PURE__ */ Symbol.for("react.context"), V = /* @__PURE__ */ Symbol.for("react.forward_ref"), _e = /* @__PURE__ */ Symbol.for("react.suspense"), z = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), we = /* @__PURE__ */ Symbol.for("react.lazy"), Be = /* @__PURE__ */ Symbol.for("react.activity"), de = /* @__PURE__ */ Symbol.for("react.client.reference"), ne = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ve = Object.prototype.hasOwnProperty, be = Array.isArray, W = console.createTask ? console.createTask : function() {
+    var j = At, V = /* @__PURE__ */ Symbol.for("react.transitional.element"), $ = /* @__PURE__ */ Symbol.for("react.portal"), F = /* @__PURE__ */ Symbol.for("react.fragment"), q = /* @__PURE__ */ Symbol.for("react.strict_mode"), Y = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), X = /* @__PURE__ */ Symbol.for("react.context"), P = /* @__PURE__ */ Symbol.for("react.forward_ref"), Pe = /* @__PURE__ */ Symbol.for("react.suspense"), z = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), we = /* @__PURE__ */ Symbol.for("react.lazy"), Be = /* @__PURE__ */ Symbol.for("react.activity"), de = /* @__PURE__ */ Symbol.for("react.client.reference"), ne = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ve = Object.prototype.hasOwnProperty, be = Array.isArray, W = console.createTask ? console.createTask : function() {
       return null;
     };
     j = {
@@ -233,36 +233,36 @@ React keys must be passed directly to JSX without using spread:
       j,
       s
     )(), pe = W(n(s)), Ce = {};
-    ge.Fragment = F, ge.jsx = function(l, y, b) {
-      var S = 1e4 > ne.recentlyCreatedOwnerStacks++;
+    ge.Fragment = F, ge.jsx = function(l, x, b) {
+      var E = 1e4 > ne.recentlyCreatedOwnerStacks++;
       return m(
         l,
-        y,
+        x,
         b,
         !1,
-        S ? Error("react-stack-top-frame") : ue,
-        S ? W(n(l)) : pe
+        E ? Error("react-stack-top-frame") : ue,
+        E ? W(n(l)) : pe
       );
-    }, ge.jsxs = function(l, y, b) {
-      var S = 1e4 > ne.recentlyCreatedOwnerStacks++;
+    }, ge.jsxs = function(l, x, b) {
+      var E = 1e4 > ne.recentlyCreatedOwnerStacks++;
       return m(
         l,
-        y,
+        x,
         b,
         !0,
-        S ? Error("react-stack-top-frame") : ue,
-        S ? W(n(l)) : pe
+        E ? Error("react-stack-top-frame") : ue,
+        E ? W(n(l)) : pe
       );
     };
   })()), ge;
 }
 var Ke;
-function Mt() {
-  return Ke || (Ke = 1, process.env.NODE_ENV === "production" ? ke.exports = $t() : ke.exports = Nt()), ke.exports;
+function Lt() {
+  return Ke || (Ke = 1, process.env.NODE_ENV === "production" ? ke.exports = Nt() : ke.exports = It()), ke.exports;
 }
-var o = Mt();
-const It = ({ children: e }) => {
-  const t = ye(null), [r, n] = E(null);
+var o = Lt();
+const zt = ({ children: e }) => {
+  const t = xe(null), [r, n] = S(null);
   return J(() => {
     if (t.current && !t.current.shadowRoot) {
       const a = t.current.attachShadow({ mode: "open" });
@@ -272,19 +272,19 @@ const It = ({ children: e }) => {
       const c = document.createElement("link");
       c.rel = "stylesheet", c.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap", a.appendChild(c), n(a);
     }
-  }, []), /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: t, id: "viewgate-shadow-host", children: r && Gt(e, r) });
+  }, []), /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: t, id: "viewgate-shadow-host", children: r && Mt(e, r) });
 };
-const ht = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
-const Lt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const zt = (e) => e.replace(
+const xt = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
+const Dt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Ft = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, r, n) => n ? n.toUpperCase() : r.toLowerCase()
 );
 const Qe = (e) => {
-  const t = zt(e);
+  const t = Ft(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
-var Dt = {
+var Ht = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -295,13 +295,13 @@ var Dt = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const Ft = (e) => {
+const Wt = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
   return !1;
 };
-const Ht = ft(
+const Ut = gt(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -315,13 +315,13 @@ const Ht = ft(
     "svg",
     {
       ref: u,
-      ...Dt,
+      ...Ht,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: n ? Number(r) * 24 / Number(t) : r,
-      className: ht("lucide", a),
-      ...!s && !Ft(i) && { "aria-hidden": "true" },
+      className: xt("lucide", a),
+      ...!s && !Wt(i) && { "aria-hidden": "true" },
       ...i
     },
     [
@@ -330,13 +330,13 @@ const Ht = ft(
     ]
   )
 );
-const G = (e, t) => {
-  const r = ft(
-    ({ className: n, ...a }, s) => De(Ht, {
+const _ = (e, t) => {
+  const r = gt(
+    ({ className: n, ...a }, s) => De(Ut, {
       ref: s,
       iconNode: t,
-      className: ht(
-        `lucide-${Lt(Qe(e))}`,
+      className: xt(
+        `lucide-${Dt(Qe(e))}`,
         `lucide-${e}`,
         n
       ),
@@ -345,25 +345,25 @@ const G = (e, t) => {
   );
   return r.displayName = Qe(e), r;
 };
-const Wt = [
+const Bt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], Ut = G("circle-alert", Wt);
-const Bt = [
+], qt = _("circle-alert", Bt);
+const Yt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], le = G("circle-check", Bt);
-const qt = [
+], le = _("circle-check", Yt);
+const Xt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-], Yt = G("clock", qt);
-const Xt = [
+], et = _("clock", Xt);
+const Jt = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-], et = G("external-link", Xt);
-const Jt = [
+], tt = _("external-link", Jt);
+const Zt = [
   [
     "path",
     {
@@ -372,17 +372,22 @@ const Jt = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], Zt = G("eye", Jt);
-const Kt = [
+], Kt = _("eye", Zt);
+const Qt = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }]
+], rt = _("globe", Qt);
+const er = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
   ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
-], tt = G("grip-vertical", Kt);
-const Qt = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], er = G("loader-circle", Qt);
-const tr = [
+], nt = _("grip-vertical", er);
+const tr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], rr = _("loader-circle", tr);
+const nr = [
   [
     "path",
     {
@@ -390,8 +395,8 @@ const tr = [
       key: "18887p"
     }
   ]
-], Re = G("message-square", tr);
-const rr = [
+], Re = _("message-square", nr);
+const ar = [
   [
     "path",
     {
@@ -399,8 +404,8 @@ const rr = [
       key: "edeuup"
     }
   ]
-], nr = G("mouse-pointer-2", rr);
-const ar = [
+], sr = _("mouse-pointer-2", ar);
+const or = [
   [
     "path",
     {
@@ -409,12 +414,12 @@ const ar = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], sr = G("pencil", ar);
-const or = [
+], ir = _("pencil", or);
+const cr = [
   ["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" }]
-], ir = G("rotate-ccw", or);
-const cr = [
+], lr = _("rotate-ccw", cr);
+const dr = [
   [
     "path",
     {
@@ -423,18 +428,18 @@ const cr = [
     }
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
-], lr = G("send", cr);
-const dr = [
+], ur = _("send", dr);
+const pr = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-], rt = G("trash-2", dr);
-const ur = [
+], at = _("trash-2", pr);
+const mr = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ne = G("x", ur), pr = {
+], Me = _("x", mr), fr = {
   en: {
     enterMode: "Enter Feedback Mode",
     exitMode: "Exit Mode",
@@ -527,19 +532,19 @@ const ur = [
     exitConfirmTitle: "¿Cerrar ViewGate?",
     exitConfirmMessage: "¿Estás seguro de que deseas cerrar ViewGate? Puedes volver a activarlo en cualquier momento agregando ?viewgate=true a la URL."
   }
-}, gt = _t(void 0), mr = () => {
-  const e = At(gt);
+}, yt = Gt(void 0), hr = () => {
+  const e = $t(yt);
   if (!e) throw new Error("useViewGate must be used within a ViewGateProvider");
   return e;
-}, Fe = "viewgate_enabled", fr = () => typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("viewgate") ? (sessionStorage.setItem(Fe, "true"), !0) : sessionStorage.getItem(Fe) === "true", Rn = ({
+}, Fe = "viewgate_enabled", gr = () => typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("viewgate") ? (sessionStorage.setItem(Fe, "true"), !0) : sessionStorage.getItem(Fe) === "true", On = ({
   children: e,
   language: t = "es",
   apiKey: r,
   baseUrl: n = "https://view-gate.vercel.app"
 }) => {
-  const [a, s] = E(!1), [c, i] = E([]);
+  const [a, s] = S(!1), [c, i] = S([]);
   J(() => {
-    s(fr());
+    s(gr());
   }, []);
   const u = () => {
     if (sessionStorage.removeItem(Fe), s(!1), typeof window < "u") {
@@ -548,11 +553,11 @@ const ur = [
     }
   }, p = (f, C) => {
     const j = Date.now();
-    i((T) => [...T, { id: j, message: f, type: C }]), setTimeout(() => {
-      i((T) => T.filter(($) => $.id !== j));
+    i((V) => [...V, { id: j, message: f, type: C }]), setTimeout(() => {
+      i((V) => V.filter(($) => $.id !== j));
     }, 4e3);
-  }, m = pr[t];
-  return /* @__PURE__ */ o.jsxs(gt.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:252", value: {
+  }, m = fr[t];
+  return /* @__PURE__ */ o.jsxs(yt.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:252", value: {
     addToast: p,
     language: t,
     t: m,
@@ -562,10 +567,10 @@ const ur = [
     hasActiveToasts: c.length > 0
   }, children: [
     e,
-    a && /* @__PURE__ */ o.jsx(It, { "data-source-path": "/src/components/ViewGateProvider.tsx:263", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:264", className: "vg-container", children: [
-      /* @__PURE__ */ o.jsx(bn, { "data-source-path": "/src/components/ViewGateProvider.tsx:265" }),
+    a && /* @__PURE__ */ o.jsx(zt, { "data-source-path": "/src/components/ViewGateProvider.tsx:263", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:264", className: "vg-container", children: [
+      /* @__PURE__ */ o.jsx(Sn, { "data-source-path": "/src/components/ViewGateProvider.tsx:265" }),
       /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:266", className: "vg-toasts", style: { zIndex: 2147483646 }, children: c.map((f) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:268", className: `vg-toast vg-animate-slide ${f.type}`, children: [
-        f.type === "success" ? /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateProvider.tsx:270", size: 24, color: "#22c55e" }) : /* @__PURE__ */ o.jsx(Ut, { "data-source-path": "/src/components/ViewGateProvider.tsx:272", size: 24, color: "#ef4444" }),
+        f.type === "success" ? /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateProvider.tsx:270", size: 24, color: "#22c55e" }) : /* @__PURE__ */ o.jsx(qt, { "data-source-path": "/src/components/ViewGateProvider.tsx:272", size: 24, color: "#ef4444" }),
         /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:274", children: [
           /* @__PURE__ */ o.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:275", style: { display: "block", fontSize: "13px", color: "#0f172a", textTransform: "uppercase", marginBottom: "2px" }, children: f.type === "success" ? m.successHeader : m.errorHeader }),
           /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:278", style: { fontSize: "14px", color: "#000000" }, children: f.message })
@@ -574,7 +579,7 @@ const ur = [
     ] }) })
   ] });
 };
-function hr(e, t) {
+function xr(e, t) {
   if (e.match(/^[a-z]+:\/\//i))
     return e;
   if (e.match(/^\/\//))
@@ -584,7 +589,7 @@ function hr(e, t) {
   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 gr = /* @__PURE__ */ (() => {
+const yr = /* @__PURE__ */ (() => {
   let e = 0;
   const t = () => (
     // eslint-disable-next-line no-bitwise
@@ -599,26 +604,26 @@ function Z(e) {
   return t;
 }
 let ie = null;
-function yt(e = {}) {
+function wt(e = {}) {
   return ie || (e.includeStyleProperties ? (ie = e.includeStyleProperties, ie) : (ie = Z(window.getComputedStyle(document.documentElement)), ie));
 }
 function Oe(e, t) {
   const n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
   return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function yr(e) {
+function wr(e) {
   const t = Oe(e, "border-left-width"), r = Oe(e, "border-right-width");
   return e.clientWidth + t + r;
 }
-function xr(e) {
+function vr(e) {
   const t = Oe(e, "border-top-width"), r = Oe(e, "border-bottom-width");
   return e.clientHeight + t + r;
 }
-function xt(e, t = {}) {
-  const r = t.width || yr(e), n = t.height || xr(e);
+function vt(e, t = {}) {
+  const r = t.width || wr(e), n = t.height || vr(e);
   return { width: r, height: n };
 }
-function wr() {
+function br() {
   let e, t;
   try {
     t = process;
@@ -627,11 +632,11 @@ function wr() {
   const r = t && t.env ? t.env.devicePixelRatio : null;
   return r && (e = parseInt(r, 10), Number.isNaN(e) && (e = 1)), e || window.devicePixelRatio || 1;
 }
-const N = 16384;
-function vr(e) {
-  (e.width > N || e.height > N) && (e.width > N && e.height > N ? e.width > e.height ? (e.height *= N / e.width, e.width = N) : (e.width *= N / e.height, e.height = N) : e.width > N ? (e.height *= N / e.width, e.width = N) : (e.width *= N / e.height, e.height = N));
+const M = 16384;
+function Cr(e) {
+  (e.width > M || e.height > M) && (e.width > M && e.height > M ? e.width > e.height ? (e.height *= M / e.width, e.width = M) : (e.width *= M / e.height, e.height = M) : e.width > M ? (e.height *= M / e.width, e.width = M) : (e.width *= M / e.height, e.height = M));
 }
-function Te(e) {
+function Ve(e) {
   return new Promise((t, r) => {
     const n = new Image();
     n.onload = () => {
@@ -641,71 +646,71 @@ function Te(e) {
     }, n.onerror = r, n.crossOrigin = "anonymous", n.decoding = "async", n.src = e;
   });
 }
-async function br(e) {
+async function Sr(e) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
-async function Cr(e, t, r) {
+async function Er(e, t, r) {
   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), br(a);
+  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), Sr(a);
 }
-const A = (e, t) => {
+const G = (e, t) => {
   if (e instanceof t)
     return !0;
   const r = Object.getPrototypeOf(e);
-  return r === null ? !1 : r.constructor.name === t.name || A(r, t);
+  return r === null ? !1 : r.constructor.name === t.name || G(r, t);
 };
-function Er(e) {
+function kr(e) {
   const t = e.getPropertyValue("content");
   return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function Sr(e, t) {
-  return yt(t).map((r) => {
+function Rr(e, t) {
+  return wt(t).map((r) => {
     const n = e.getPropertyValue(r), a = e.getPropertyPriority(r);
     return `${r}: ${n}${a ? " !important" : ""};`;
   }).join(" ");
 }
-function kr(e, t, r, n) {
-  const a = `.${e}:${t}`, s = r.cssText ? Er(r) : Sr(r, n);
+function jr(e, t, r, n) {
+  const a = `.${e}:${t}`, s = r.cssText ? kr(r) : Rr(r, n);
   return document.createTextNode(`${a}{${s}}`);
 }
-function nt(e, t, r, n) {
+function st(e, t, r, n) {
   const a = window.getComputedStyle(e, r), s = a.getPropertyValue("content");
   if (s === "" || s === "none")
     return;
-  const c = gr();
+  const c = yr();
   try {
     t.className = `${t.className} ${c}`;
   } catch {
     return;
   }
   const i = document.createElement("style");
-  i.appendChild(kr(c, r, a, n)), t.appendChild(i);
+  i.appendChild(jr(c, r, a, n)), t.appendChild(i);
 }
-function Rr(e, t, r) {
-  nt(e, t, ":before", r), nt(e, t, ":after", r);
+function Or(e, t, r) {
+  st(e, t, ":before", r), st(e, t, ":after", r);
 }
-const at = "application/font-woff", st = "image/jpeg", jr = {
-  woff: at,
-  woff2: at,
+const ot = "application/font-woff", it = "image/jpeg", Vr = {
+  woff: ot,
+  woff2: ot,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: st,
-  jpeg: st,
+  jpg: it,
+  jpeg: it,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function Or(e) {
+function Tr(e) {
   const t = /\.([^./]*?)$/g.exec(e);
   return t ? t[1] : "";
 }
 function We(e) {
-  const t = Or(e).toLowerCase();
-  return jr[t] || "";
+  const t = Tr(e).toLowerCase();
+  return Vr[t] || "";
 }
-function Tr(e) {
+function _r(e) {
   return e.split(/,/)[1];
 }
 function He(e) {
@@ -714,7 +719,7 @@ function He(e) {
 function Pr(e, t) {
   return `data:${t};base64,${e}`;
 }
-async function wt(e, t, r) {
+async function bt(e, t, r) {
   const n = await fetch(e, t);
   if (n.status === 404)
     throw new Error(`Resource "${n.url}" not found`);
@@ -730,86 +735,86 @@ async function wt(e, t, r) {
     }, i.readAsDataURL(a);
   });
 }
-const Me = {};
-function Vr(e, t, r) {
+const Ne = {};
+function Ar(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 Ue(e, t, r) {
-  const n = Vr(e, t, r.includeQueryParams);
-  if (Me[n] != null)
-    return Me[n];
+  const n = Ar(e, t, r.includeQueryParams);
+  if (Ne[n] != null)
+    return Ne[n];
   r.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let a;
   try {
-    const s = await wt(e, r.fetchRequestInit, ({ res: c, result: i }) => (t || (t = c.headers.get("Content-Type") || ""), Tr(i)));
+    const s = await bt(e, r.fetchRequestInit, ({ res: c, result: i }) => (t || (t = c.headers.get("Content-Type") || ""), _r(i)));
     a = Pr(s, t);
   } catch (s) {
     a = r.imagePlaceholder || "";
     let c = `Failed to fetch resource: ${e}`;
     s && (c = typeof s == "string" ? s : s.message), c && console.warn(c);
   }
-  return Me[n] = a, a;
+  return Ne[n] = a, a;
 }
-async function _r(e) {
+async function Gr(e) {
   const t = e.toDataURL();
-  return t === "data:," ? e.cloneNode(!1) : Te(t);
+  return t === "data:," ? e.cloneNode(!1) : Ve(t);
 }
-async function Ar(e, t) {
+async function $r(e, t) {
   if (e.currentSrc) {
     const s = document.createElement("canvas"), c = s.getContext("2d");
     s.width = e.clientWidth, s.height = e.clientHeight, c?.drawImage(e, 0, 0, s.width, s.height);
     const i = s.toDataURL();
-    return Te(i);
+    return Ve(i);
   }
   const r = e.poster, n = We(r), a = await Ue(r, n, t);
-  return Te(a);
+  return Ve(a);
 }
-async function Gr(e, t) {
+async function Mr(e, t) {
   var r;
   try {
     if (!((r = e?.contentDocument) === null || r === void 0) && r.body)
-      return await Pe(e.contentDocument.body, t, !0);
+      return await Te(e.contentDocument.body, t, !0);
   } catch {
   }
   return e.cloneNode(!1);
 }
-async function $r(e, t) {
-  return A(e, HTMLCanvasElement) ? _r(e) : A(e, HTMLVideoElement) ? Ar(e, t) : A(e, HTMLIFrameElement) ? Gr(e, t) : e.cloneNode(vt(e));
+async function Nr(e, t) {
+  return G(e, HTMLCanvasElement) ? Gr(e) : G(e, HTMLVideoElement) ? $r(e, t) : G(e, HTMLIFrameElement) ? Mr(e, t) : e.cloneNode(Ct(e));
 }
-const Nr = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", vt = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
-async function Mr(e, t, r) {
+const Ir = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", Ct = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
+async function Lr(e, t, r) {
   var n, a;
-  if (vt(t))
+  if (Ct(t))
     return t;
   let s = [];
-  return Nr(e) && e.assignedNodes ? s = Z(e.assignedNodes()) : A(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = Z(e.contentDocument.body.childNodes) : s = Z(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || A(e, HTMLVideoElement) || await s.reduce((c, i) => c.then(() => Pe(i, r)).then((u) => {
+  return Ir(e) && e.assignedNodes ? s = Z(e.assignedNodes()) : G(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = Z(e.contentDocument.body.childNodes) : s = Z(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || G(e, HTMLVideoElement) || await s.reduce((c, i) => c.then(() => Te(i, r)).then((u) => {
     u && t.appendChild(u);
   }), Promise.resolve()), t;
 }
-function Ir(e, t, r) {
+function zr(e, t, r) {
   const n = t.style;
   if (!n)
     return;
   const a = window.getComputedStyle(e);
-  a.cssText ? (n.cssText = a.cssText, n.transformOrigin = a.transformOrigin) : yt(r).forEach((s) => {
+  a.cssText ? (n.cssText = a.cssText, n.transformOrigin = a.transformOrigin) : wt(r).forEach((s) => {
     let c = a.getPropertyValue(s);
-    s === "font-size" && c.endsWith("px") && (c = `${Math.floor(parseFloat(c.substring(0, c.length - 2))) - 0.1}px`), A(e, HTMLIFrameElement) && s === "display" && c === "inline" && (c = "block"), s === "d" && t.getAttribute("d") && (c = `path(${t.getAttribute("d")})`), n.setProperty(s, c, a.getPropertyPriority(s));
+    s === "font-size" && c.endsWith("px") && (c = `${Math.floor(parseFloat(c.substring(0, c.length - 2))) - 0.1}px`), G(e, HTMLIFrameElement) && s === "display" && c === "inline" && (c = "block"), s === "d" && t.getAttribute("d") && (c = `path(${t.getAttribute("d")})`), n.setProperty(s, c, a.getPropertyPriority(s));
   });
 }
-function Lr(e, t) {
-  A(e, HTMLTextAreaElement) && (t.innerHTML = e.value), A(e, HTMLInputElement) && t.setAttribute("value", e.value);
+function Dr(e, t) {
+  G(e, HTMLTextAreaElement) && (t.innerHTML = e.value), G(e, HTMLInputElement) && t.setAttribute("value", e.value);
 }
-function zr(e, t) {
-  if (A(e, HTMLSelectElement)) {
+function Fr(e, t) {
+  if (G(e, HTMLSelectElement)) {
     const n = Array.from(t.children).find((a) => e.value === a.getAttribute("value"));
     n && n.setAttribute("selected", "");
   }
 }
-function Dr(e, t, r) {
-  return A(t, Element) && (Ir(e, t, r), Rr(e, t, r), Lr(e, t), zr(e, t)), t;
+function Hr(e, t, r) {
+  return G(t, Element) && (zr(e, t, r), Or(e, t, r), Dr(e, t), Fr(e, t)), t;
 }
-async function Fr(e, t) {
+async function Wr(e, t) {
   const r = e.querySelectorAll ? e.querySelectorAll("use") : [];
   if (r.length === 0)
     return e;
@@ -818,7 +823,7 @@ async function Fr(e, t) {
     const i = r[s].getAttribute("xlink:href");
     if (i) {
       const u = e.querySelector(i), p = document.querySelector(i);
-      !u && p && !n[i] && (n[i] = await Pe(p, t, !0));
+      !u && p && !n[i] && (n[i] = await Te(p, t, !0));
     }
   }
   const a = Object.values(n);
@@ -833,31 +838,31 @@ async function Fr(e, t) {
   }
   return e;
 }
-async function Pe(e, t, r) {
-  return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => $r(n, t)).then((n) => Mr(e, n, t)).then((n) => Dr(e, n, t)).then((n) => Fr(n, t));
+async function Te(e, t, r) {
+  return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => Nr(n, t)).then((n) => Lr(e, n, t)).then((n) => Hr(e, n, t)).then((n) => Wr(n, t));
 }
-const bt = /url\((['"]?)([^'"]+?)\1\)/g, Hr = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Wr = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Ur(e) {
+const St = /url\((['"]?)([^'"]+?)\1\)/g, Ur = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Br = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function qr(e) {
   const t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function Br(e) {
+function Yr(e) {
   const t = [];
-  return e.replace(bt, (r, n, a) => (t.push(a), r)), t.filter((r) => !He(r));
+  return e.replace(St, (r, n, a) => (t.push(a), r)), t.filter((r) => !He(r));
 }
-async function qr(e, t, r, n, a) {
+async function Xr(e, t, r, n, a) {
   try {
-    const s = r ? hr(t, r) : t, c = We(t);
+    const s = r ? xr(t, r) : t, c = We(t);
     let i;
-    return a || (i = await Ue(s, c, n)), e.replace(Ur(t), `$1${i}$3`);
+    return a || (i = await Ue(s, c, n)), e.replace(qr(t), `$1${i}$3`);
   } catch {
   }
   return e;
 }
-function Yr(e, { preferredFontFormat: t }) {
-  return t ? e.replace(Wr, (r) => {
+function Jr(e, { preferredFontFormat: t }) {
+  return t ? e.replace(Br, (r) => {
     for (; ; ) {
-      const [n, , a] = Hr.exec(r) || [];
+      const [n, , a] = Ur.exec(r) || [];
       if (!a)
         return "";
       if (a === t)
@@ -865,30 +870,30 @@ function Yr(e, { preferredFontFormat: t }) {
     }
   }) : e;
 }
-function Ct(e) {
-  return e.search(bt) !== -1;
+function Et(e) {
+  return e.search(St) !== -1;
 }
-async function Et(e, t, r) {
-  if (!Ct(e))
+async function kt(e, t, r) {
+  if (!Et(e))
     return e;
-  const n = Yr(e, r);
-  return Br(n).reduce((s, c) => s.then((i) => qr(i, c, t, r)), Promise.resolve(n));
+  const n = Jr(e, r);
+  return Yr(n).reduce((s, c) => s.then((i) => Xr(i, c, t, r)), Promise.resolve(n));
 }
 async function ce(e, t, r) {
   var n;
   const a = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
   if (a) {
-    const s = await Et(a, null, r);
+    const s = await kt(a, null, r);
     return t.style.setProperty(e, s, t.style.getPropertyPriority(e)), !0;
   }
   return !1;
 }
-async function Xr(e, t) {
+async function Zr(e, t) {
   await ce("background", e, t) || await ce("background-image", e, t), await ce("mask", e, t) || await ce("-webkit-mask", e, t) || await ce("mask-image", e, t) || await ce("-webkit-mask-image", e, t);
 }
-async function Jr(e, t) {
-  const r = A(e, HTMLImageElement);
-  if (!(r && !He(e.src)) && !(A(e, SVGImageElement) && !He(e.href.baseVal)))
+async function Kr(e, t) {
+  const r = G(e, HTMLImageElement);
+  if (!(r && !He(e.src)) && !(G(e, SVGImageElement) && !He(e.href.baseVal)))
     return;
   const n = r ? e.src : e.href.baseVal, a = await Ue(n, We(n), t);
   await new Promise((s, c) => {
@@ -903,14 +908,14 @@ async function Jr(e, t) {
     i.decode && (i.decode = s), i.loading === "lazy" && (i.loading = "eager"), r ? (e.srcset = "", e.src = a) : e.href.baseVal = a;
   });
 }
-async function Zr(e, t) {
-  const n = Z(e.childNodes).map((a) => St(a, t));
+async function Qr(e, t) {
+  const n = Z(e.childNodes).map((a) => Rt(a, t));
   await Promise.all(n).then(() => e);
 }
-async function St(e, t) {
-  A(e, Element) && (await Xr(e, t), await Jr(e, t), await Zr(e, t));
+async function Rt(e, t) {
+  G(e, Element) && (await Zr(e, t), await Kr(e, t), await Qr(e, t));
 }
-function Kr(e, t) {
+function en(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;
@@ -918,23 +923,23 @@ function Kr(e, t) {
     r[a] = n[a];
   }), e;
 }
-const ot = {};
-async function it(e) {
-  let t = ot[e];
+const ct = {};
+async function lt(e) {
+  let t = ct[e];
   if (t != null)
     return t;
   const n = await (await fetch(e)).text();
-  return t = { url: e, cssText: n }, ot[e] = t, t;
+  return t = { url: e, cssText: n }, ct[e] = t, t;
 }
-async function ct(e, t) {
+async function dt(e, t) {
   let r = e.cssText;
   const n = /url\(["']?([^"')]+)["']?\)/g, s = (r.match(/url\([^)]+\)/g) || []).map(async (c) => {
     let i = c.replace(n, "$1");
-    return i.startsWith("https://") || (i = new URL(i, e.url).href), wt(i, t.fetchRequestInit, ({ result: u }) => (r = r.replace(c, `url(${u})`), [c, u]));
+    return i.startsWith("https://") || (i = new URL(i, e.url).href), bt(i, t.fetchRequestInit, ({ result: u }) => (r = r.replace(c, `url(${u})`), [c, u]));
   });
   return Promise.all(s).then(() => r);
 }
-function lt(e) {
+function ut(e) {
   if (e == null)
     return [];
   const t = [], r = /(\/\*[\s\S]*?\*\/)/gi;
@@ -960,7 +965,7 @@ function lt(e) {
   }
   return t;
 }
-async function Qr(e, t) {
+async function tn(e, t) {
   const r = [], n = [];
   return e.forEach((a) => {
     if ("cssRules" in a)
@@ -968,7 +973,7 @@ async function Qr(e, t) {
         Z(a.cssRules || []).forEach((s, c) => {
           if (s.type === CSSRule.IMPORT_RULE) {
             let i = c + 1;
-            const u = s.href, p = it(u).then((m) => ct(m, t)).then((m) => lt(m).forEach((f) => {
+            const u = s.href, p = lt(u).then((m) => dt(m, t)).then((m) => ut(m).forEach((f) => {
               try {
                 a.insertRule(f, f.startsWith("@import") ? i += 1 : a.cssRules.length);
               } catch (C) {
@@ -985,7 +990,7 @@ async function Qr(e, t) {
         });
       } catch (s) {
         const c = e.find((i) => i.href == null) || document.styleSheets[0];
-        a.href != null && n.push(it(a.href).then((i) => ct(i, t)).then((i) => lt(i).forEach((u) => {
+        a.href != null && n.push(lt(a.href).then((i) => dt(i, t)).then((i) => ut(i).forEach((u) => {
           c.insertRule(u, c.cssRules.length);
         })).catch((i) => {
           console.error("Error loading remote stylesheet", i);
@@ -1002,59 +1007,59 @@ async function Qr(e, t) {
       }
   }), r));
 }
-function en(e) {
-  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => Ct(t.style.getPropertyValue("src")));
+function rn(e) {
+  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => Et(t.style.getPropertyValue("src")));
 }
-async function tn(e, t) {
+async function nn(e, t) {
   if (e.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = Z(e.ownerDocument.styleSheets), n = await Qr(r, t);
-  return en(n);
+  const r = Z(e.ownerDocument.styleSheets), n = await tn(r, t);
+  return rn(n);
 }
-function kt(e) {
+function jt(e) {
   return e.trim().replace(/["']/g, "");
 }
-function rn(e) {
+function an(e) {
   const t = /* @__PURE__ */ new Set();
   function r(n) {
     (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((s) => {
-      t.add(kt(s));
+      t.add(jt(s));
     }), Array.from(n.children).forEach((s) => {
       s instanceof HTMLElement && r(s);
     });
   }
   return r(e), t;
 }
-async function nn(e, t) {
-  const r = await tn(e, t), n = rn(e);
-  return (await Promise.all(r.filter((s) => n.has(kt(s.style.fontFamily))).map((s) => {
+async function sn(e, t) {
+  const r = await nn(e, t), n = an(e);
+  return (await Promise.all(r.filter((s) => n.has(jt(s.style.fontFamily))).map((s) => {
     const c = s.parentStyleSheet ? s.parentStyleSheet.href : null;
-    return Et(s.cssText, c, t);
+    return kt(s.cssText, c, t);
   }))).join(`
 `);
 }
-async function an(e, t) {
-  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await nn(e, t);
+async function on(e, t) {
+  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await sn(e, t);
   if (r) {
     const n = document.createElement("style"), a = document.createTextNode(r);
     n.appendChild(a), e.firstChild ? e.insertBefore(n, e.firstChild) : e.appendChild(n);
   }
 }
-async function sn(e, t = {}) {
-  const { width: r, height: n } = xt(e, t), a = await Pe(e, t, !0);
-  return await an(a, t), await St(a, t), Kr(a, t), await Cr(a, r, n);
+async function cn(e, t = {}) {
+  const { width: r, height: n } = vt(e, t), a = await Te(e, t, !0);
+  return await on(a, t), await Rt(a, t), en(a, t), await Er(a, r, n);
 }
-async function on(e, t = {}) {
-  const { width: r, height: n } = xt(e, t), a = await sn(e, t), s = await Te(a), c = document.createElement("canvas"), i = c.getContext("2d"), u = t.pixelRatio || wr(), p = t.canvasWidth || r, m = t.canvasHeight || n;
-  return c.width = p * u, c.height = m * u, t.skipAutoScale || vr(c), c.style.width = `${p}`, c.style.height = `${m}`, t.backgroundColor && (i.fillStyle = t.backgroundColor, i.fillRect(0, 0, c.width, c.height)), i.drawImage(s, 0, 0, c.width, c.height), c;
+async function ln(e, t = {}) {
+  const { width: r, height: n } = vt(e, t), a = await cn(e, t), s = await Ve(a), c = document.createElement("canvas"), i = c.getContext("2d"), u = t.pixelRatio || br(), p = t.canvasWidth || r, m = t.canvasHeight || n;
+  return c.width = p * u, c.height = m * u, t.skipAutoScale || Cr(c), c.style.width = `${p}`, c.style.height = `${m}`, t.backgroundColor && (i.fillStyle = t.backgroundColor, i.fillRect(0, 0, c.width, c.height)), i.drawImage(s, 0, 0, c.width, c.height), c;
 }
-async function dt(e, t = {}) {
-  return (await on(e, t)).toDataURL();
+async function pt(e, t = {}) {
+  return (await ln(e, t)).toDataURL();
 }
-const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 15, re = "data-vg-pin-id", un = () => {
+const _e = 2147483647, Ie = _e, Le = 2e6, dn = _e - 10, un = _e - 5, pn = _e - 15, re = "data-vg-pin-id", mn = () => {
   const e = window.innerWidth;
   return e < 768 ? "mobile" : e < 1024 ? "tablet" : "desktop";
-}, ut = (e, t) => {
+}, mt = (e, t) => {
   if (!e) return "";
   try {
     const r = new Date(e);
@@ -1069,7 +1074,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
   } catch {
     return "";
   }
-}, xe = (e) => {
+}, ye = (e) => {
   const t = [], r = [], n = [];
   let a = e;
   for (; a && a.nodeType === Node.ELEMENT_NODE; ) {
@@ -1097,8 +1102,8 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     fallbacks: r,
     vgPath: n.join(" > ")
   };
-}, pn = (e) => {
-  const { vgPath: t } = xe(e);
+}, fn = (e) => {
+  const { vgPath: t } = ye(e);
   return {
     vgPath: t,
     classHash: e.className,
@@ -1111,7 +1116,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     placeholder: e.getAttribute("placeholder") || void 0,
     textSnippet: (e.innerText || "").slice(0, 30).trim()
   };
-}, mn = /* @__PURE__ */ (() => {
+}, hn = /* @__PURE__ */ (() => {
   let e = null, t = null;
   return (r) => {
     if (!r || typeof window > "u" || typeof document > "u") return r;
@@ -1132,7 +1137,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
       }
     return r;
   };
-})(), pt = (e, t, r, n) => new Promise((a) => {
+})(), ft = (e, t, r, n) => new Promise((a) => {
   const s = new Image();
   s.onload = () => {
     const c = document.createElement("canvas"), i = window.devicePixelRatio || 1, u = t.width + r * 2, p = t.height + r * 2;
@@ -1140,12 +1145,12 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     const m = c.getContext("2d");
     if (m) {
       m.scale(i, i);
-      let f = (t.left - r) * n, C = (t.top - r) * n, j = u * n, T = p * n, $ = 0, F = 0, q = u, Y = p;
-      f < 0 && ($ = Math.abs(f) / n, j += f, q -= $, f = 0), f + j > s.width && (j = s.width - f, q = j / n), C < 0 && (F = Math.abs(C) / n, T += C, Y -= F, C = 0), C + T > s.height && (T = s.height - C, Y = T / n), m.fillStyle = "#ffffff", m.fillRect(0, 0, u, p), j > 0 && T > 0 && m.drawImage(s, f, C, j, T, $, F, q, Y);
+      let f = (t.left - r) * n, C = (t.top - r) * n, j = u * n, V = p * n, $ = 0, F = 0, q = u, Y = p;
+      f < 0 && ($ = Math.abs(f) / n, j += f, q -= $, f = 0), f + j > s.width && (j = s.width - f, q = j / n), C < 0 && (F = Math.abs(C) / n, V += C, Y -= F, C = 0), C + V > s.height && (V = s.height - C, Y = V / n), m.fillStyle = "#ffffff", m.fillRect(0, 0, u, p), j > 0 && V > 0 && m.drawImage(s, f, C, j, V, $, F, q, Y);
     }
     a(c.toDataURL("image/png"));
   }, s.onerror = () => a(""), s.src = e;
-}), fn = (e) => {
+}), gn = (e) => {
   const t = window.getComputedStyle(e), r = {};
   return [
     "display",
@@ -1160,9 +1165,9 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     "z-index"
   ].forEach((a) => {
     const s = t.getPropertyValue(a);
-    r[a] = mn(s);
+    r[a] = hn(s);
   }), r;
-}, hn = (e) => {
+}, xn = (e) => {
   const r = Object.keys(e).find((s) => s.startsWith("__reactFiber$") || s.startsWith("__reactInternalInstance$"));
   if (!r) return "";
   const n = [];
@@ -1176,7 +1181,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     a = a.return;
   }
   return n.join(" > ") || "Generic Component";
-}, gn = (e) => {
+}, yn = (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;
@@ -1194,19 +1199,19 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
   }
   const n = e.getBoundingClientRect();
   return !(n.width === 0 || n.height === 0 || n.top === 0 && n.left === 0 && n.width > window.innerWidth * 0.9);
-}, Rt = (e, t = document) => {
+}, Ot = (e, t = document) => {
   const r = t.querySelector(e);
   if (r) return r;
   const n = t.querySelectorAll("*");
   for (const a of Array.from(n)) {
     const s = a.shadowRoot;
     if (s) {
-      const c = Rt(e, s);
+      const c = Ot(e, s);
       if (c) return c;
     }
   }
   return null;
-}, mt = (e, t) => {
+}, ht = (e, t) => {
   let r = document.elementFromPoint(e, t);
   for (; r && r.shadowRoot; ) {
     const n = r.shadowRoot.elementFromPoint(e, t);
@@ -1214,7 +1219,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     r = n;
   }
   return r;
-}, yn = (e) => {
+}, wn = (e) => {
   if (!e.tag) return null;
   const t = Array.from(document.getElementsByTagName(e.tag));
   let r = null, n = 0;
@@ -1225,7 +1230,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     i && c === i && (s += 6);
     const u = a.getAttribute("type"), p = e.attributes?.type || e.fingerprint?.type;
     if (p && u === p && (s += 2), a.innerText?.trim() === e.text.trim() && (s += 5), e.fingerprint?.vgPath) {
-      const { vgPath: m } = xe(a);
+      const { vgPath: m } = ye(a);
       (m === e.vgPath || e.fingerprint?.vgPath === m) && (s += 10);
     }
     s > n && s >= 7 && (n = s, r = a);
@@ -1237,7 +1242,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
   if (n && r && n !== r) return !1;
   const a = e.getAttribute("type"), s = t.attributes?.type || t.fingerprint?.type;
   return !(s && a && s !== a);
-}, xn = (e, t) => {
+}, vn = (e, t) => {
   if (t) {
     const c = Array.from(document.querySelectorAll(`[${re}="${t}"]`));
     if (c.length > 0) {
@@ -1246,7 +1251,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
         c.forEach((u) => u.removeAttribute(re));
       else {
         const u = i.find((m) => {
-          const { vgPath: f } = xe(m);
+          const { vgPath: f } = ye(m);
           return f === e.vgPath || e.fingerprint?.vgPath === f;
         }), p = u && te(u) ? u : i.find((m) => !(!te(m) || e.metadata?.isModal && !m.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')));
         return p ? (c.forEach((m) => {
@@ -1257,7 +1262,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
   }
   const n = (e.selector ? Array.from(document.querySelectorAll(e.selector)) : []).filter((c) => je(c, e));
   let a = n.find((c) => {
-    const { vgPath: i } = xe(c);
+    const { vgPath: i } = ye(c);
     return i === e.vgPath || e.fingerprint?.vgPath === i;
   }) || n[0] || null;
   if (a && te(a))
@@ -1267,20 +1272,20 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
       return a;
   if (e.fallbackSelectors)
     for (const c of e.fallbackSelectors) {
-      const i = Rt(c);
+      const i = Ot(c);
       if (i && je(i, e) && te(i)) {
         if (e.metadata?.isModal && !i.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')) continue;
         return i;
       }
     }
-  const s = yn(e);
+  const s = wn(e);
   return s && te(s) ? e.metadata?.isModal && !s.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content') ? null : s : null;
 }, ze = (e) => ({
   tag: e.tagName.toLowerCase(),
   text: (e.innerText || e.getAttribute("placeholder") || "").slice(0, 50).trim(),
   role: e.getAttribute("role") || void 0,
   type: e.getAttribute("type") || void 0
-}), wn = (e) => {
+}), bn = (e) => {
   const t = e.parentElement;
   if (!t) return;
   const r = Array.from(t.children).filter((c) => c !== e).slice(0, 5).map((c) => ze(c)), n = Array.from(t.children), a = n.indexOf(e);
@@ -1293,7 +1298,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     parent: ze(t),
     siblings: r
   };
-}, vn = (e) => {
+}, Cn = (e) => {
   let t = "unknown:0", r = e;
   for (; r; ) {
     const m = r.getAttribute("data-source-path");
@@ -1303,7 +1308,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     }
     r = r.parentElement;
   }
-  const n = hn(e), { selector: a, fallbacks: s, vgPath: c } = xe(e), i = {};
+  const n = xn(e), { selector: a, fallbacks: s, vgPath: c } = ye(e), i = {};
   ["placeholder", "aria-label", "name", "type", "alt", "title", "value", "role"].forEach((m) => {
     const f = e.getAttribute(m);
     f && (i[m] = f);
@@ -1325,30 +1330,30 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     fallbackSelectors: [...new Set(s)].slice(0, 5),
     domPath: [],
     viewportSize: { width: window.innerWidth, height: window.innerHeight },
-    uiContext: wn(e),
-    fingerprint: pn(e),
+    uiContext: bn(e),
+    fingerprint: fn(e),
     metadata: {
       hint: `Edit ${t.split(":")[0]} at line ${t.split(":")[1] || "?"}`,
-      computedStyles: fn(e),
-      viewportBreakpoint: un(),
+      computedStyles: gn(e),
+      viewportBreakpoint: mn(),
       outerHtml: e.outerHTML.slice(0, 1500),
       scrollPosition: { x: window.scrollX, y: window.scrollY },
       isModal: u
     }
   };
-}, bn = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: c } = mr(), [i, u] = E(!1), [p, m] = E(null), [f, C] = E(null), [j, T] = E(""), [$, F] = E(!1), [q, Y] = E(!1), [M, X] = E(!1), [V, _e] = E([]), [z, H] = E(null), [we, Be] = E(!1), [de, ne] = E(!1), [ve, be] = E({}), [W, ae] = E(null), [K, ue] = E(!1), [pe, Ce] = E([]), [l, y] = E(() => {
+}, Sn = () => {
+  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: c } = hr(), [i, u] = S(!1), [p, m] = S(null), [f, C] = S(null), [j, V] = S(""), [$, F] = S(!1), [q, Y] = S(!1), [N, X] = S(!1), [P, Pe] = S([]), [z, H] = S(null), [we, Be] = S(!1), [de, ne] = S(!1), [ve, be] = S({}), [W, ae] = S(null), [K, ue] = S(!1), [pe, Ce] = S([]), [l, x] = S(() => {
     if (typeof window > "u") return { top: 24, right: 24 };
     const d = localStorage.getItem("vg-exit-pos");
     return d ? JSON.parse(d) : { top: 24, right: 24 };
-  }), [b, S] = E(!1), _ = ye(null), [U, k] = E(() => {
+  }), [b, E] = S(!1), A = xe(null), [U, k] = S(() => {
     if (typeof window > "u") return { bottom: 30, right: 30 };
     const d = localStorage.getItem("vg-bar-pos");
     return d ? JSON.parse(d) : { bottom: 30, right: 30 };
-  }), [I, se] = E(!1), D = ye(null), Ot = (d) => {
+  }), [I, se] = S(!1), D = xe(null), Tt = (d) => {
     d.preventDefault(), d.stopPropagation();
     const h = d.currentTarget.parentElement?.getBoundingClientRect();
-    h && (S(!0), _.current = {
+    h && (E(!0), A.current = {
       x: d.clientX,
       y: d.clientY,
       top: l.top,
@@ -1356,7 +1361,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
       width: h.width,
       height: h.height
     });
-  }, Tt = (d) => {
+  }, _t = (d) => {
     d.preventDefault(), d.stopPropagation();
     const h = d.currentTarget.parentElement?.getBoundingClientRect();
     h && (se(!0), D.current = {
@@ -1370,46 +1375,46 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
   };
   J(() => {
     if (!b && !I) return;
-    const d = (x) => {
-      if (b && _.current) {
-        const O = x.clientX - _.current.x, R = x.clientY - _.current.y;
-        let v = _.current.top + R, g = _.current.right - O;
+    const d = (y) => {
+      if (b && A.current) {
+        const O = y.clientX - A.current.x, R = y.clientY - A.current.y;
+        let v = A.current.top + R, g = A.current.right - O;
         const w = 10;
-        v = Math.max(w, Math.min(window.innerHeight - _.current.height - w, v)), g = Math.max(w, Math.min(window.innerWidth - _.current.width - w, g)), y({ top: v, right: g });
+        v = Math.max(w, Math.min(window.innerHeight - A.current.height - w, v)), g = Math.max(w, Math.min(window.innerWidth - A.current.width - w, g)), x({ top: v, right: g });
       }
       if (I && D.current) {
-        const O = x.clientX - D.current.x, R = x.clientY - D.current.y;
+        const O = y.clientX - D.current.x, R = y.clientY - D.current.y;
         let v = D.current.bottom - R, g = D.current.right - O;
         const w = 10;
         v = Math.max(w, Math.min(window.innerHeight - D.current.height - w, v)), g = Math.max(w, Math.min(window.innerWidth - D.current.width - w, g)), k({ bottom: v, right: g });
       }
     }, h = () => {
-      b && (S(!1), localStorage.setItem("vg-exit-pos", JSON.stringify(l)), _.current = null), I && (se(!1), localStorage.setItem("vg-bar-pos", JSON.stringify(U)), D.current = null);
+      b && (E(!1), localStorage.setItem("vg-exit-pos", JSON.stringify(l)), A.current = null), I && (se(!1), localStorage.setItem("vg-bar-pos", JSON.stringify(U)), D.current = null);
     };
     return window.addEventListener("mousemove", d), window.addEventListener("mouseup", h), () => {
       window.removeEventListener("mousemove", d), window.removeEventListener("mouseup", h);
     };
   }, [b, I, l, U]);
-  const [qe, Ae] = E(null), [Ye, Xe] = E(""), [Cn, En] = E({}), oe = ye(null), me = ye(null), fe = Se(() => {
+  const [qe, Ae] = S(null), [Ye, Xe] = S(""), [En, kn] = S({}), oe = xe(null), me = xe(null), fe = Ee(() => {
     me.current || (me.current = requestAnimationFrame(() => {
-      const d = /* @__PURE__ */ new Map(), x = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((v) => gn(v) && te(v)), O = !!x;
-      V.forEach((v) => {
+      const d = /* @__PURE__ */ new Map(), y = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((v) => yn(v) && te(v)), O = !!y;
+      P.forEach((v) => {
         if (!v.reference) return;
-        const g = xn(v.reference, v._id);
+        const g = vn(v.reference, v._id);
         if (!g || !te(g)) return;
         const w = !!v.reference.metadata?.isModal;
         let L = !1;
-        if (O ? L = x.contains(g) : L = !w, !L) return;
-        const P = g.getAttribute(re);
-        P !== v._id && (document.querySelectorAll(`[${re}="${v._id}"]`).forEach((B) => {
+        if (O ? L = y.contains(g) : L = !w, !L) return;
+        const T = g.getAttribute(re);
+        T !== v._id && (document.querySelectorAll(`[${re}="${v._id}"]`).forEach((B) => {
           B.removeAttribute(re);
-        }), P || g.setAttribute(re, v._id)), d.has(g) || d.set(g, []), d.get(g).push(v);
+        }), T || g.setAttribute(re, v._id)), d.has(g) || d.set(g, []), d.get(g).push(v);
       });
       const R = [];
       d.forEach((v, g) => {
-        const w = g.getBoundingClientRect(), L = w.left + w.width / 2, P = w.top + w.height / 2;
-        if (L >= 0 && L <= window.innerWidth && P >= 0 && P <= window.innerHeight) {
-          const B = document.elementFromPoint(L, P);
+        const w = g.getBoundingClientRect(), L = w.left + w.width / 2, T = w.top + w.height / 2;
+        if (L >= 0 && L <= window.innerWidth && T >= 0 && T <= window.innerHeight) {
+          const B = document.elementFromPoint(L, T);
           if (B && !g.contains(B) && !oe.current?.contains(B))
             return;
         }
@@ -1423,7 +1428,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
         });
       }), Ce(R), me.current = null;
     }));
-  }, [V]), Q = Se(async () => {
+  }, [P]), Q = Ee(async () => {
     if (n) {
       ne(!0);
       try {
@@ -1432,7 +1437,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
         });
         if (d.ok) {
           const O = ((await d.json()).data || []).reduce((R, v) => R.find((w) => w._id === v._id) ? R : R.concat([v]), []);
-          _e(O);
+          Pe(O);
         }
       } catch (d) {
         console.error("Failed to fetch annotations", d);
@@ -1442,53 +1447,53 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     }
   }, [n, a]);
   J(() => {
-    M && V.length === 0 && !de && X(!1);
-  }, [M, V.length, de]), J(() => {
-    if (!i && V.length > 0) {
+    N && P.length === 0 && !de && X(!1);
+  }, [N, P.length, de]), J(() => {
+    if (!i && P.length > 0) {
       fe();
-      const d = new MutationObserver(() => fe()), h = new ResizeObserver(() => fe()), x = () => fe();
+      const d = new MutationObserver(() => fe()), h = new ResizeObserver(() => fe()), y = () => fe();
       return d.observe(document.documentElement, {
         childList: !0,
         subtree: !0,
         attributes: !0
-      }), h.observe(document.documentElement), window.addEventListener("scroll", x, !0), () => {
-        d.disconnect(), h.disconnect(), window.removeEventListener("scroll", x, !0), me.current && cancelAnimationFrame(me.current);
+      }), h.observe(document.documentElement), window.addEventListener("scroll", y, !0), () => {
+        d.disconnect(), h.disconnect(), window.removeEventListener("scroll", y, !0), me.current && cancelAnimationFrame(me.current);
       };
     }
-  }, [i, V.length, fe]), J(() => {
+  }, [i, P.length, fe]), J(() => {
     Q();
   }, [Q]), J(() => {
     oe.current = document.getElementById("viewgate-shadow-host");
   }, []);
-  const Ge = Se((d) => {
+  const Ge = Ee((d) => {
     if (!i || f) return;
-    const h = mt(d.clientX, d.clientY);
+    const h = ht(d.clientX, d.clientY);
     if (!h || oe.current?.contains(h) || h.closest(".vg-no-capture")) {
       m(null);
       return;
     }
-    const x = h.getBoundingClientRect();
+    const y = h.getBoundingClientRect();
     m({
       tag: h.tagName.toLowerCase(),
       source: h.getAttribute("data-source-path") || "unknown:0",
-      rect: x,
+      rect: y,
       element: h,
       previewText: (h.innerText || "").slice(0, 100) || (h.getAttribute("placeholder") || "").slice(0, 100) || h.tagName.toLowerCase(),
       semanticReference: {
-        ...vn(h),
+        ...Cn(h),
         normalizedOffset: {
-          x: (d.clientX - x.left) / x.width,
-          y: (d.clientY - x.top) / x.height
+          x: (d.clientX - y.left) / y.width,
+          y: (d.clientY - y.top) / y.height
         }
       }
     });
-  }, [i, f]), $e = Se(async (d) => {
+  }, [i, f]), $e = Ee(async (d) => {
     if (!i || f) return;
-    const h = mt(d.clientX, d.clientY);
+    const h = ht(d.clientX, d.clientY);
     if (!(!h || oe.current?.contains(h) || h.closest(".vg-no-capture")) && p) {
       d.preventDefault(), d.stopPropagation(), Y(!0);
       try {
-        const R = window.scrollX, v = window.scrollY, g = await dt(document.documentElement, {
+        const R = window.scrollX, v = window.scrollY, g = await pt(document.documentElement, {
           pixelRatio: 1.5,
           cacheBust: !0,
           width: window.innerWidth,
@@ -1499,42 +1504,42 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
             transformOrigin: "top left"
           },
           filter: (ee) => {
-            const Ee = ee;
-            return !(oe.current?.contains(Ee) || Ee.id === "viewgate-ui");
+            const Se = ee;
+            return !(oe.current?.contains(Se) || Se.id === "viewgate-ui");
           }
         }), w = p.element.getBoundingClientRect(), L = w.top >= 0 && w.left >= 0 && w.bottom <= window.innerHeight && w.right <= window.innerWidth;
-        let P = "";
+        let T = "";
         if (L && w.width > 0 && w.height > 0)
-          P = await pt(g, w, 24, 1.5);
+          T = await ft(g, w, 24, 1.5);
         else
           try {
-            P = await dt(p.element, {
+            T = await pt(p.element, {
               pixelRatio: 2,
               cacheBust: !0,
               backgroundColor: "#ffffff",
               filter: (ee) => {
-                const Ee = ee;
-                return !oe.current?.contains(Ee);
+                const Se = ee;
+                return !oe.current?.contains(Se);
               }
             });
           } catch {
-            P = await pt(g, w, 24, 1.5);
+            T = await ft(g, w, 24, 1.5);
           }
         const B = {
           ...p.semanticReference,
           metadata: {
             ...p.semanticReference.metadata,
             screenshotUrl: g,
-            elementScreenshot: P
+            elementScreenshot: T
           }
         };
         C({
           ...p,
-          visualPreview: P,
+          visualPreview: T,
           semanticReference: B
         });
-      } catch (x) {
-        console.error("Failed to capture preview:", x), C(p);
+      } catch (y) {
+        console.error("Failed to capture preview:", y), C(p);
       } finally {
         Y(!1), m(null);
       }
@@ -1543,7 +1548,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
   J(() => {
     const d = (h) => {
       if (h.key === "Escape") {
-        f ? C(null) : M ? X(!1) : i && u(!1);
+        f ? C(null) : N ? X(!1) : i && u(!1);
         return;
       }
       const O = (() => {
@@ -1554,16 +1559,16 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
       })();
       if (["input", "textarea"].includes((O?.tagName || "").toLowerCase()) || O?.isContentEditable) return;
       const v = h.key.toLowerCase();
-      v === "c" && !f && !M && u((g) => !g), v === "v" && !f && (V.length > 0 || M) && (X((g) => !g), M || u(!1));
+      v === "c" && !f && !N && u((g) => !g), v === "v" && !f && (P.length > 0 || N) && (X((g) => !g), N || u(!1));
     };
     return i && !f ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", d), window.addEventListener("mousemove", Ge, !0), window.addEventListener("click", $e, !0), () => {
       document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", d), window.removeEventListener("mousemove", Ge, !0), window.removeEventListener("click", $e, !0);
     };
-  }, [i, f, M, V, Ge, $e]);
+  }, [i, f, N, P, Ge, $e]);
   const Pt = async () => {
     if (!f || !j.trim()) return;
     F(!0);
-    const { semanticReference: d } = f, [h, x] = (d.source || "").split(":"), O = x || "0";
+    const { semanticReference: d } = f, [h, y] = (d.source || "").split(":"), O = y || "0";
     try {
       if (!(await fetch(`${a}/api/annotations`, {
         method: "POST",
@@ -1588,14 +1593,14 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
           }
         })
       })).ok) throw new Error("Backend failed");
-      e(r.success, "success"), C(null), T(""), u(!1), Q();
+      e(r.success, "success"), C(null), V(""), u(!1), Q();
     } catch (R) {
       console.error(R), e(r.error, "error");
     } finally {
       F(!1);
     }
   };
-  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1101", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1102", className: "vg-no-capture", children: [
+  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1102", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1103", className: "vg-no-capture", children: [
     !c && /* @__PURE__ */ o.jsxs(
       "div",
       {
@@ -1613,7 +1618,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
           /* @__PURE__ */ o.jsx(
             "div",
             {
-              onMouseDown: Ot,
+              onMouseDown: Tt,
               style: {
                 width: "20px",
                 height: "32px",
@@ -1637,7 +1642,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
               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:1146", size: 14 })
+              children: /* @__PURE__ */ o.jsx(nt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1147", size: 14 })
             }
           ),
           /* @__PURE__ */ o.jsx(
@@ -1673,7 +1678,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
               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(Ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1186", size: 20, strokeWidth: 2.5 })
+              children: /* @__PURE__ */ o.jsx(Me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1187", size: 20, strokeWidth: 2.5 })
             }
           )
         ]
@@ -1682,7 +1687,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     /* @__PURE__ */ o.jsxs(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1192",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1193",
         style: {
           position: "fixed",
           bottom: `${U.bottom}px`,
@@ -1698,7 +1703,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
           /* @__PURE__ */ o.jsx(
             "div",
             {
-              onMouseDown: Tt,
+              onMouseDown: _t,
               style: {
                 width: "24px",
                 height: "40px",
@@ -1723,10 +1728,10 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
                 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:1235", size: 16 })
+              children: /* @__PURE__ */ o.jsx(nt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1236", size: 16 })
             }
           ),
-          /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1238", 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:1239", 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",
               {
@@ -1736,23 +1741,23 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
                   padding: "12px 24px",
                   background: i ? "#ef4444" : void 0
                 },
-                children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1247", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                  i ? /* @__PURE__ */ o.jsx(Ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1248", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(Re, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1248", size: 20, className: "vg-animate-pop" }),
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1249", children: i ? r.exitMode : r.enterMode })
+                children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1248", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                  i ? /* @__PURE__ */ o.jsx(Me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1249", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(Re, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1249", size: 20, className: "vg-animate-pop" }),
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1250", children: i ? r.exitMode : r.enterMode })
                 ] })
               }
             ),
-            V.length > 0 && /* @__PURE__ */ o.jsxs(
+            P.length > 0 && /* @__PURE__ */ o.jsxs(
               "button",
               {
                 onClick: () => {
-                  X(!M), u(!1), C(null);
+                  X(!N), u(!1), C(null);
                 },
                 className: "vg-button-ghost vg-animate-pop",
                 style: { animationDelay: "0.1s" },
                 children: [
-                  /* @__PURE__ */ o.jsx(Zt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1262", size: 20 }),
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1263", children: r.viewComments })
+                  /* @__PURE__ */ o.jsx(Kt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1263", size: 20 }),
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1264", children: r.viewComments })
                 ]
               }
             )
@@ -1760,7 +1765,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
         ]
       }
     ),
-    q && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1271", style: {
+    q && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1272", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1773,14 +1778,14 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
       justifyContent: "center",
       zIndex: Ie + 1,
       cursor: "wait"
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1277", 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:1278", className: "vg-spinner" }),
-      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1279", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1278", 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:1279", className: "vg-spinner" }),
+      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1280", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
     ] }) }),
     i && !f && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1286",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1287",
         className: "vg-backdrop-blur",
         style: {
           opacity: 1,
@@ -1792,36 +1797,36 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
                                 ${p.rect.left}px ${p.rect.bottom}px,
                                 ${p.rect.left}px ${p.rect.top}px
                             )` : "none",
-          zIndex: cn
+          zIndex: dn
         }
       }
     ),
     i && p && !f && !q && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1305",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1306",
         className: "vg-selection-pulse",
         style: {
           top: p.rect.top - 4,
           left: p.rect.left - 4,
           width: p.rect.width + 8,
           height: p.rect.height + 8,
-          zIndex: ln
+          zIndex: un
         },
         children: /* @__PURE__ */ o.jsxs(
           "div",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1315",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1316",
             className: "vg-selection-label",
             style: {
               ...p.rect.top < 60 ? p.rect.bottom > window.innerHeight - 60 ? { top: "8px", bottom: "auto" } : { top: "100%", marginTop: "8px", bottom: "auto" } : { top: "-40px", bottom: "auto" },
               ...p.rect.left + 200 > window.innerWidth ? { left: "auto", right: "0" } : { left: "0", right: "auto" }
             },
             children: [
-              /* @__PURE__ */ o.jsx(nr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1331", size: 16 }),
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1332", style: { display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1333", style: { fontWeight: 700 }, children: r.selectToComment }),
-                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1334", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
+              /* @__PURE__ */ o.jsx(sr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1332", size: 16 }),
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1333", style: { display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1334", style: { fontWeight: 700 }, children: r.selectToComment }),
+                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1335", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
                   Math.round(p.rect.width),
                   " × ",
                   Math.round(p.rect.height)
@@ -1832,7 +1837,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
         )
       }
     ),
-    f && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1344", className: "vg-animate-fade", style: {
+    f && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1345", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1844,13 +1849,13 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Le
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1349", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1350", 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:1353", style: { textAlign: "center", marginBottom: "32px" }, children: [
-        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1354", style: {
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1354", style: { textAlign: "center", marginBottom: "32px" }, children: [
+        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1355", style: {
           width: "48px",
           height: "48px",
           background: "var(--vg-primary-gradient)",
@@ -1861,11 +1866,11 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
           margin: "0 auto 16px",
           color: "white",
           boxShadow: "0 8px 16px rgba(99, 102, 241, 0.3)"
-        }, children: /* @__PURE__ */ o.jsx(Re, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1359", size: 24 }) }),
-        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1361", 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:1362", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
+        }, children: /* @__PURE__ */ o.jsx(Re, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1360", size: 24 }) }),
+        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1362", 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:1363", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
       ] }),
-      f.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1366", style: {
+      f.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1367", style: {
         marginBottom: "24px",
         borderRadius: "12px",
         overflow: "hidden",
@@ -1886,14 +1891,14 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
         {
           className: "vg-textarea",
           value: j,
-          onChange: (d) => T(d.target.value),
+          onChange: (d) => V(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:1393", style: { display: "flex", gap: "12px" }, children: [
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1394", style: { display: "flex", gap: "12px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
@@ -1911,15 +1916,15 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
             className: "vg-button-primary",
             disabled: $ || !j.trim(),
             style: { flex: 2 },
-            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1408", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              $ ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1409", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(lr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1409", size: 18 }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1410", children: $ ? r.submitting : r.sendFeedback || "Send Comment" })
+            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1409", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+              $ ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1410", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(ur, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1410", size: 18 }),
+              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1411", children: $ ? r.submitting : r.sendFeedback || "Send Comment" })
             ] })
           }
         )
       ] })
     ] }) }),
-    M && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1420", className: "vg-animate-fade", style: {
+    N && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1421", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1931,23 +1936,23 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Le
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1425", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1426", 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:1429", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1430", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1431", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: W ? r.commentDetails : r.annotations }),
-          !W && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1435", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: V.length })
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1430", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1431", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1432", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: W ? r.commentDetails : r.annotations }),
+          !W && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1436", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: P.length })
         ] }),
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1440", style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1441", style: { display: "flex", gap: "8px" }, children: [
           W && /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1442",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1443",
               className: "vg-button-ghost",
               style: { padding: "6px 14px", fontSize: "12px" },
               onClick: () => ae(null),
@@ -1957,25 +1962,25 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
           /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1450",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1451",
               className: "vg-button-ghost",
               style: { padding: "8px", borderRadius: "50%" },
               onClick: () => {
                 X(!1), ae(null);
               },
-              children: /* @__PURE__ */ o.jsx(Ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1455", size: 20 })
+              children: /* @__PURE__ */ o.jsx(Me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1456", size: 20 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1460", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: de ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1462", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1463", className: "vg-spinner" }) }) : (() => {
-        if (!W) return V;
-        const d = pe.find((h) => h.annotations.some((x) => x._id === W));
-        return d ? d.annotations : V.filter((h) => h._id === W);
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1461", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: de ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1463", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1464", className: "vg-spinner" }) }) : (() => {
+        if (!W) return P;
+        const d = pe.find((h) => h.annotations.some((y) => y._id === W));
+        return d ? d.annotations : P.filter((h) => h._id === W);
       })().map((d, h) => /* @__PURE__ */ o.jsxs(
         "div",
         {
-          "data-source-path": "/src/components/ViewGateOverlay.tsx:1472",
+          "data-source-path": "/src/components/ViewGateOverlay.tsx:1473",
           className: "vg-glassmorphism vg-animate-slide",
           style: {
             padding: "20px",
@@ -1985,34 +1990,40 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
             animationDelay: `${h * 0.05}s`
           },
           children: [
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1483", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1484", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
-              d.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1486", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
-                /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1487", size: 14 }),
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1484", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: [
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1485", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1486", style: { fontSize: "12px", color: "#000000", fontWeight: 600 }, children: mt(d.timestamp || d.createdAt || d.reference?.timestamp, t) }),
+                d.url && /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1490", style: { display: "flex", alignItems: "center", gap: "4px", fontSize: "11px", color: "#64748b", background: "#f8fafc", padding: "2px 8px", borderRadius: "6px", border: "1px solid #e2e8f0" }, children: [
+                  /* @__PURE__ */ o.jsx(rt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1491", size: 10 }),
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1492", style: { maxWidth: "150px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: new URL(d.url).pathname })
+                ] })
+              ] }),
+              d.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1499", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a", border: "1px solid #dcfce7" }, children: [
+                /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1500", size: 14 }),
                 " ",
                 r.readyForReview
-              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1490", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
-                /* @__PURE__ */ o.jsx(Yt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1491", size: 14 }),
+              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1503", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c", border: "1px solid #ffedd5" }, children: [
+                /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1504", size: 14 }),
                 " ",
                 r.pending
-              ] }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1494", style: { fontSize: "12px", color: "#000000" }, children: ut(d.timestamp || d.createdAt || d.reference?.timestamp, t) })
-            ] }) }),
+              ] })
+            ] }),
             qe === d._id ? /* @__PURE__ */ o.jsx(
               "textarea",
               {
                 className: "vg-textarea",
                 value: Ye,
-                onChange: (x) => Xe(x.target.value),
+                onChange: (y) => Xe(y.target.value),
                 rows: 3,
                 autoFocus: !0,
                 style: { marginBottom: "16px" }
               }
-            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1510", 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:1513", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: qe === d._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1519", 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:1522", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: qe === d._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1516",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1525",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: async () => {
@@ -2029,19 +2040,19 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
                   children: r.save
                 }
               ),
-              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1538", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Ae(null), children: r.cancel })
+              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1547", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Ae(null), children: r.cancel })
             ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1542",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1551",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: () => {
                     Ae(d._id), Xe(d.message);
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(sr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1550", size: 14 }),
+                    /* @__PURE__ */ o.jsx(ir, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1559", size: 14 }),
                     " ",
                     r.edit
                   ]
@@ -2050,14 +2061,14 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1552",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1561",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.05s" },
                   onClick: () => {
                     d.url && (window.location.href = d.url);
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1559", size: 14 }),
+                    /* @__PURE__ */ o.jsx(tt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1568", size: 14 }),
                     " ",
                     r.review
                   ]
@@ -2066,7 +2077,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
               d.status === "pending" ? /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1562",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1571",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
@@ -2090,7 +2101,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1590", size: 14 }),
+                    /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1599", size: 14 }),
                     " ",
                     r.markReady
                   ]
@@ -2098,7 +2109,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
               ) : /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1593",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1602",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
@@ -2123,7 +2134,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(ir, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1621", size: 14 }),
+                    /* @__PURE__ */ o.jsx(lr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1630", size: 14 }),
                     " ",
                     r.reopen
                   ]
@@ -2132,7 +2143,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1624",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1633",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 12px", color: "#ef4444", borderColor: "#fee2e2", animationDelay: "0.15s" },
                   onClick: () => {
@@ -2154,7 +2165,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
                       }
                     });
                   },
-                  children: /* @__PURE__ */ o.jsx(rt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1651", size: 16 })
+                  children: /* @__PURE__ */ o.jsx(at, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1660", size: 16 })
                 }
               )
             ] }) })
@@ -2163,7 +2174,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
         d._id
       )) })
     ] }) }),
-    z && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1666", className: "vg-animate-fade", style: {
+    z && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1675", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -2175,14 +2186,14 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Le + 100
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1671", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1680", 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:1678", style: {
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1687", style: {
         width: "64px",
         height: "64px",
         background: z.type === "danger" ? "rgba(239, 68, 68, 0.1)" : "rgba(99, 102, 241, 0.1)",
@@ -2193,14 +2204,14 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
         margin: "0 auto 24px",
         color: z.type === "danger" ? "#ef4444" : "#6366f1",
         transform: "rotate(-5deg)"
-      }, children: z.type === "danger" ? /* @__PURE__ */ o.jsx(rt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1687", size: 32 }) : /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1687", size: 32 }) }),
-      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1689", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: z.title }),
-      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1690", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: z.message }),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1691", style: { display: "flex", gap: "16px" }, children: [
+      }, children: z.type === "danger" ? /* @__PURE__ */ o.jsx(at, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1696", size: 32 }) : /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1696", size: 32 }) }),
+      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1698", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: z.title }),
+      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1699", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: z.message }),
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1700", style: { display: "flex", gap: "16px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1692",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1701",
             className: "vg-button-ghost",
             style: { flex: 1, height: "44px" },
             onClick: () => !K && H(null),
@@ -2211,7 +2222,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1700",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1709",
             className: "vg-button-primary",
             style: {
               flex: 1,
@@ -2234,61 +2245,95 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
                 ue(!1);
               }
             },
-            children: K ? /* @__PURE__ */ o.jsx(er, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1725", size: 18, className: "vg-animate-spin" }) : r.yes
+            children: K ? /* @__PURE__ */ o.jsx(rr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1734", size: 18, className: "vg-animate-spin" }) : r.yes
           }
         )
       ] })
     ] }) }),
-    !i && !M && pe.map((d, h) => {
-      const { rect: x, annotations: O, isModal: R } = d, v = O[0], g = O.length;
+    !i && !N && pe.map((d, h) => {
+      const { rect: y, annotations: O, isModal: R } = d, v = O[0], g = O.length;
       return /* @__PURE__ */ o.jsxs(
         "div",
         {
           className: "vg-pin-container vg-animate-pop",
           style: {
             position: "fixed",
-            top: x.top - 20,
-            left: x.left + x.width / 2 - 16,
+            top: y.top - 20,
+            left: y.left + y.width / 2 - 16,
             cursor: "pointer",
             transition: "all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-            zIndex: dn
+            zIndex: pn
           },
           onMouseEnter: (w) => {
-            window.innerHeight - x.bottom < 250 ? be((P) => ({ ...P, [d.id]: "vg-top" })) : be((P) => ({ ...P, [d.id]: "" }));
+            window.innerHeight - y.bottom < 250 ? be((T) => ({ ...T, [d.id]: "vg-top" })) : be((T) => ({ ...T, [d.id]: "" }));
           },
           onClick: () => {
             X(!0), ae(v._id);
           },
           children: [
-            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1764", className: `vg-pin-tooltip ${ve[d.id] || ""}`, style: { width: "280px", padding: "16px" }, children: [
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1765", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
-                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1766", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                  /* @__PURE__ */ o.jsx(Re, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1767", size: 14, color: "#6366f1" }),
-                  /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1768", style: { fontWeight: 800, fontSize: "13px", color: "#0f172a" }, children: [
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1773", className: `vg-pin-tooltip ${ve[d.id] || ""}`, style: { width: "280px", padding: "16px" }, children: [
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1774", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
+                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1775", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                  /* @__PURE__ */ o.jsx(Re, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1776", size: 14, color: "#6366f1" }),
+                  /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1777", style: { fontWeight: 800, fontSize: "13px", color: "#0f172a" }, children: [
                     g,
                     " ",
                     g === 1 ? "Comentario" : "Comentarios"
                   ] })
                 ] }),
-                R && /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1773", className: "vg-badge", style: { fontSize: "10px", background: "#fef3c7", color: "#92400e", border: "none" }, children: "MODAL" })
+                R && /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1782", className: "vg-badge", style: { fontSize: "10px", background: "#fef3c7", color: "#92400e", border: "none" }, children: "MODAL" })
               ] }),
-              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1776", className: "vg-tooltip-scroll", style: { maxHeight: "180px", overflowY: "auto" }, children: O.map((w, L) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1778", style: {
+              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1785", className: "vg-tooltip-scroll", style: { maxHeight: "180px", overflowY: "auto" }, children: O.map((w, L) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1787", style: {
                 padding: "10px 0",
                 borderTop: L === 0 ? "none" : "1px solid #f1f5f9",
                 display: "flex",
-                flexDirection: "column",
-                gap: "4px"
+                gap: "12px",
+                alignItems: "flex-start"
               }, children: [
-                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1785", style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1786", style: { fontSize: "10px", fontWeight: 600, color: "#64748b" }, children: ut(w.timestamp || w.createdAt, t) }),
-                  w.status === "ready_for_review" && /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1789", size: 12, color: "#22c55e" })
+                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1794", style: { flex: 1, display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1795", style: { fontSize: "10px", fontWeight: 600, color: "#64748b" }, children: mt(w.timestamp || w.createdAt, t) }),
+                  w.url && /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1799", style: { display: "flex", alignItems: "center", gap: "4px", fontSize: "9px", color: "#6366f1", opacity: 0.8 }, children: [
+                    /* @__PURE__ */ o.jsx(rt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1800", size: 8 }),
+                    /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1801", children: new URL(w.url).pathname })
+                  ] }),
+                  /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1804", style: { fontSize: "13px", color: "#1e293b", lineHeight: 1.4, fontWeight: 500 }, children: w.message.length > 80 ? w.message.slice(0, 80) + "..." : w.message })
                 ] }),
-                /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1791", style: { fontSize: "13px", color: "#1e293b", lineHeight: 1.4, fontWeight: 500 }, children: w.message.length > 80 ? w.message.slice(0, 80) + "..." : w.message })
+                /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1808", style: { flexShrink: 0, marginTop: "2px" }, children: w.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1810", style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "4px",
+                  fontSize: "8px",
+                  fontWeight: 800,
+                  color: "#16a34a",
+                  background: "#f0fdf4",
+                  padding: "2px 6px",
+                  borderRadius: "6px",
+                  textTransform: "uppercase",
+                  border: "1px solid #dcfce7"
+                }, children: [
+                  /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1823", size: 10 }),
+                  r.readyForReview
+                ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1827", style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "4px",
+                  fontSize: "8px",
+                  fontWeight: 800,
+                  color: "#ea580c",
+                  background: "#fff7ed",
+                  padding: "2px 6px",
+                  borderRadius: "6px",
+                  textTransform: "uppercase",
+                  border: "1px solid #ffedd5"
+                }, children: [
+                  /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1840", size: 10 }),
+                  r.pending
+                ] }) })
               ] }, w._id)) })
             ] }),
-            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1799", className: `vg-formal-pin ${v.status === "ready_for_review" ? "ready" : ""} ${R ? "modal-variant" : ""}`, style: { position: "relative" }, children: [
-              v.status === "ready_for_review" ? /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1800", size: 18 }) : R ? /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1800", size: 16 }) : /* @__PURE__ */ o.jsx(Re, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1800", size: 16 }),
-              g > 1 && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1803", className: "vg-pin-badge vg-animate-pop", children: g })
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1850", className: `vg-formal-pin ${v.status === "ready_for_review" ? "ready" : ""} ${R ? "modal-variant" : ""}`, style: { position: "relative" }, children: [
+              v.status === "ready_for_review" ? /* @__PURE__ */ o.jsx(le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1851", size: 18 }) : R ? /* @__PURE__ */ o.jsx(tt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1851", size: 16 }) : /* @__PURE__ */ o.jsx(Re, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1851", size: 16 }),
+              g > 1 && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1854", className: "vg-pin-badge vg-animate-pop", children: g })
             ] })
           ]
         },
@@ -2297,7 +2342,7 @@ const Ve = 2147483647, Ie = Ve, Le = 2e6, cn = Ve - 10, ln = Ve - 5, dn = Ve - 1
     })
   ] }) });
 };
-function jt(e, t, r) {
+function Vt(e, t, r) {
   if (!t.endsWith(".tsx") && !t.endsWith(".jsx") || t.includes("node_modules")) return e;
   const n = (i) => i.replace(/\\/g, "/"), a = n(t).replace(n(r), "");
   return e.split(`
@@ -2307,27 +2352,27 @@ function jt(e, t, r) {
   }).join(`
 `);
 }
-function jn() {
+function Vn() {
   return {
     name: "vite-plugin-viewgate",
     enforce: "pre",
     transform(e, t) {
       return {
-        code: jt(e, t, process.cwd()),
+        code: Vt(e, t, process.cwd()),
         map: null
       };
     }
   };
 }
-function On(e) {
+function Tn(e) {
   const t = this.resourcePath;
-  return t ? (process.env.NODE_ENV, jt(e, t, process.cwd())) : e;
+  return t ? (process.env.NODE_ENV, Vt(e, t, process.cwd())) : e;
 }
 export {
-  Rn as ViewGate,
-  bn as ViewGateOverlay,
-  jt as transformSourcePaths,
-  mr as useViewGate,
-  On as viewgateNextLoader,
-  jn as viewgatePlugin
+  On as ViewGate,
+  Sn as ViewGateOverlay,
+  Vt as transformSourcePaths,
+  hr as useViewGate,
+  Tn as viewgateNextLoader,
+  Vn as viewgatePlugin
 };