viewgate-wrapper 1.10.10 → 1.10.11

package/dist/viewgate-wrapper.js

@@ -1,11 +1,11 @@
 (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0!important;padding:0!important}:root{--vg-primary: #6366f1;--vg-primary-glow: rgba(99, 102, 241, .5);--vg-primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--vg-bg-glass: rgba(255, 255, 255, .7);--vg-radius: 16px;--vg-font-main: "Inter", system-ui, sans-serif;--vg-font-alt: "Inter", system-ui, sans-serif;--placeholder-color: #94a3b8;--vg-glass-border: rgba(255, 255, 255, .3);--vg-shadow-premium: 0 20px 50px rgba(0, 0, 0, .1)}.vg-container,.vg-container *{box-sizing:border-box}.vg-container{font-family:var(--vg-font-main);-webkit-font-smoothing:antialiased}.vg-glassmorphism{background:var(--vg-bg-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--vg-glass-border);box-shadow:0 8px 32px #0000001a;border-radius:var(--vg-radius);position:relative}.vg-button-primary{background:var(--vg-primary-gradient);color:#fff;border:none;padding:12px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #6366f14d}.vg-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.vg-button-primary:disabled,.vg-button-ghost:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4);transform:none!important;box-shadow:none!important;pointer-events:none}.vg-button-ghost{background:#fffc;color:#1e293b;border:1px solid #e2e8f0;padding:10px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px}.vg-button-ghost:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.vg-badge{background:#f1f5f9;color:#64748b;padding:4px 12px;font-size:11px;border-radius:99px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.vg-textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-family:var(--vg-font-main);font-size:15px;color:#0f172a;resize:none;outline:none;background:#f8fafc;transition:all .2s ease}.vg-textarea:focus{background:#fff;border-color:var(--vg-primary);box-shadow:0 0 0 4px #6366f11a}@keyframes vg-pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes vg-slide-up-fade{0%{transform:translateY(12px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.vg-animate-pop{animation:vg-pop-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.vg-animate-slide-up{animation:vg-slide-up-fade .4s cubic-bezier(.22,1,.36,1) forwards}.vg-button-primary,.vg-button-ghost,.vg-pin-container,.vg-action-bar,.vg-glassmorphism{transition:all .3s cubic-bezier(.4,0,.2,1)}.vg-animate-slide{animation:vg-slide-in .4s cubic-bezier(.22,1,.36,1) forwards}.vg-animate-fade{animation:vg-fade-in .3s ease-out forwards}.vg-toasts{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px}.vg-toast{padding:12px 20px;display:flex;align-items:center;gap:12px;min-width:300px;border-radius:12px;box-shadow:0 10px 30px #0000001a;background:#fff}.vg-toast.success{border-left:6px solid #22c55e}.vg-toast.error{border-left:6px solid #ef4444}.vg-backdrop-blur{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px) grayscale(.2);backdrop-filter:blur(8px) grayscale(.2);background:#0000001a;pointer-events:none;transition:opacity .3s ease,clip-path .2s cubic-bezier(.19,1,.22,1)}.vg-selection-pulse{position:fixed;pointer-events:none;border:2px solid var(--vg-primary);border-radius:8px;box-shadow:0 0 0 0 var(--vg-primary-glow);animation:vg-pulse 2s infinite;transition:all .2s cubic-bezier(.19,1,.22,1)}@keyframes vg-pulse{0%{box-shadow:0 0 0 0 var(--vg-primary-glow)}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}.vg-selection-label{position:absolute;top:-40px;left:0;background:var(--vg-primary-gradient);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #6366f14d;display:flex;align-items:center;gap:8px}.vg-pin-container{transition:transform .2s ease}.vg-pin-container:hover{transform:scale(1.1)}.vg-formal-pin{width:32px;height:32px;border-radius:50%;background:var(--vg-primary-gradient);border:3px solid white;box-shadow:0 4px 12px #6366f166;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.vg-formal-pin.ready{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.vg-formal-pin.modal-variant{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66;border-style:dashed}.vg-pin-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);padding:12px 16px;border-radius:12px;background:#fff;color:#1e293b;width:240px;font-size:13px;box-shadow:0 10px 40px #00000026;opacity:0;pointer-events:none;transition:all .2s ease;border:1px solid #e2e8f0}.vg-pin-tooltip.vg-top{top:auto;bottom:calc(100% + 12px)}.vg-pin-container:hover .vg-pin-tooltip{opacity:1;transform:translate(-50%) translateY(-5px)}.vg-action-bar{display:flex;gap:12px;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.vg-custom-scrollbar::-webkit-scrollbar{width:6px}.vg-custom-scrollbar::-webkit-scrollbar-track{background:transparent}.vg-custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f166;border-radius:10px;transition:all .2s ease}.vg-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.vg-spinner{border:3px solid rgba(99,102,241,.1);border-top:3px solid var(--vg-primary);border-radius:50%;width:32px;height:32px;animation:vg-spin .8s linear infinite}@keyframes vg-spin{to{transform:rotate(360deg)}}.vg-animate-spin{animation:vg-spin .8s linear infinite}.vg-cursor-pointer,.vg-cursor-pointer *{cursor:pointer!important}')),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import _t, { useRef as fe, useState as S, useEffect as X, forwardRef as pt, createElement as Ne, createContext as Tt, useContext as Vt, useCallback as ve } from "react";
-import { createPortal as Pt } from "react-dom";
-var be = { exports: {} }, pe = {};
-var qe;
-function At() {
-  if (qe) return pe;
-  qe = 1;
+import Tt, { useRef as fe, useState as j, useEffect as X, forwardRef as mt, createElement as Me, createContext as Vt, useContext as Pt, useCallback as be } from "react";
+import { createPortal as At } from "react-dom";
+var Ce = { exports: {} }, pe = {};
+var Xe;
+function Gt() {
+  if (Xe) return pe;
+  Xe = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function r(n, a, s) {
     var i = null;
@@ -25,9 +25,9 @@ function At() {
   return pe.Fragment = t, pe.jsx = r, pe.jsxs = r, pe;
 }
 var me = {};
-var Ye;
-function Gt() {
-  return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && (function() {
+var Je;
+function $t() {
+  return Je || (Je = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(c) {
       if (c == null) return null;
       if (typeof c == "function")
@@ -40,11 +40,11 @@ function Gt() {
           return "Profiler";
         case z:
           return "StrictMode";
-        case Re:
+        case Oe:
           return "Suspense";
         case F:
           return "SuspenseList";
-        case He:
+        case Be:
           return "Activity";
       }
       if (typeof c == "object")
@@ -57,15 +57,15 @@ function Gt() {
             return c.displayName || "Context";
           case A:
             return (c._context.displayName || "Context") + ".Consumer";
-          case O:
-            var h = c.render;
-            return c = c.displayName, c || (c = h.displayName || h.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
-          case H:
-            return h = c.displayName || null, h !== null ? h : e(c.type) || "Memo";
-          case he:
-            h = c._payload, c = c._init;
+          case _:
+            var g = c.render;
+            return c = c.displayName, c || (c = g.displayName || g.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+          case W:
+            return g = c.displayName || null, g !== null ? g : e(c.type) || "Memo";
+          case ge:
+            g = c._payload, c = c._init;
             try {
-              return e(c(h));
+              return e(c(g));
             } catch {
             }
         }
@@ -77,27 +77,27 @@ function Gt() {
     function r(c) {
       try {
         t(c);
-        var h = !1;
+        var g = !1;
       } catch {
-        h = !0;
+        g = !0;
       }
-      if (h) {
-        h = console;
-        var v = h.error, E = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+      if (g) {
+        g = console;
+        var v = g.error, k = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
         return v.call(
-          h,
+          g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          E
+          k
         ), t(c);
       }
     }
     function n(c) {
       if (c === P) return "<>";
-      if (typeof c == "object" && c !== null && c.$$typeof === he)
+      if (typeof c == "object" && c !== null && c.$$typeof === ge)
         return "<...>";
       try {
-        var h = e(c);
-        return h ? "<" + h + ">" : "<...>";
+        var g = e(c);
+        return g ? "<" + g + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -110,17 +110,17 @@ function Gt() {
       return Error("react-stack-top-frame");
     }
     function i(c) {
-      if (ge.call(c, "key")) {
-        var h = Object.getOwnPropertyDescriptor(c, "key").get;
-        if (h && h.isReactWarning) return !1;
+      if (ye.call(c, "key")) {
+        var g = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (g && g.isReactWarning) return !1;
       }
       return c.key !== void 0;
     }
-    function d(c, h) {
+    function d(c, g) {
       function v() {
         ee || (ee = !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)",
-          h
+          g
         ));
       }
       v.isReactWarning = !0, Object.defineProperty(c, "key", {
@@ -134,15 +134,15 @@ function Gt() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function u(c, h, v, E, te, U) {
-      var j = v.ref;
+    function u(c, g, v, k, te, q) {
+      var O = v.ref;
       return c = {
         $$typeof: b,
         type: c,
-        key: h,
+        key: g,
         props: v,
-        _owner: E
-      }, (j !== void 0 ? j : null) !== null ? Object.defineProperty(c, "ref", {
+        _owner: k
+      }, (O !== void 0 ? O : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
         get: p
       }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
@@ -164,64 +164,64 @@ function Gt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: q
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function w(c, h, v, E, te, U) {
-      var j = h.children;
-      if (j !== void 0)
-        if (E)
-          if (ye(j)) {
-            for (E = 0; E < j.length; E++)
-              m(j[E]);
-            Object.freeze && Object.freeze(j);
+    function w(c, g, v, k, te, q) {
+      var O = g.children;
+      if (O !== void 0)
+        if (k)
+          if (xe(O)) {
+            for (k = 0; k < O.length; k++)
+              m(O[k]);
+            Object.freeze && Object.freeze(O);
           } 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 m(j);
-      if (ge.call(h, "key")) {
-        j = e(c);
-        var V = Object.keys(h).filter(function(je) {
-          return je !== "key";
+        else m(O);
+      if (ye.call(g, "key")) {
+        O = e(c);
+        var V = Object.keys(g).filter(function(_e) {
+          return _e !== "key";
         });
-        E = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", xe[j + E] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
+        k = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", we[O + k] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          E,
-          j,
+          k,
+          O,
           V,
-          j
-        ), xe[j + E] = !0);
+          O
+        ), we[O + k] = !0);
       }
-      if (j = null, v !== void 0 && (r(v), j = "" + v), i(h) && (r(h.key), j = "" + h.key), "key" in h) {
+      if (O = null, v !== void 0 && (r(v), O = "" + v), i(g) && (r(g.key), O = "" + g.key), "key" in g) {
         v = {};
-        for (var ce in h)
-          ce !== "key" && (v[ce] = h[ce]);
-      } else v = h;
-      return j && d(
+        for (var ce in g)
+          ce !== "key" && (v[ce] = g[ce]);
+      } else v = g;
+      return O && d(
         v,
         typeof c == "function" ? c.displayName || c.name || "Unknown" : c
       ), u(
         c,
-        j,
+        O,
         v,
         a(),
         te,
-        U
+        q
       );
     }
     function m(c) {
-      x(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === he && (c._payload.status === "fulfilled" ? x(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
+      x(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === ge && (c._payload.status === "fulfilled" ? x(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
     function x(c) {
       return typeof c == "object" && c !== null && c.$$typeof === b;
     }
-    var y = _t, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), T = /* @__PURE__ */ Symbol.for("react.portal"), P = /* @__PURE__ */ Symbol.for("react.fragment"), z = /* @__PURE__ */ Symbol.for("react.strict_mode"), D = /* @__PURE__ */ Symbol.for("react.profiler"), A = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), O = /* @__PURE__ */ Symbol.for("react.forward_ref"), Re = /* @__PURE__ */ Symbol.for("react.suspense"), F = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), he = /* @__PURE__ */ Symbol.for("react.lazy"), He = /* @__PURE__ */ Symbol.for("react.activity"), oe = /* @__PURE__ */ Symbol.for("react.client.reference"), Q = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ge = Object.prototype.hasOwnProperty, ye = Array.isArray, W = console.createTask ? console.createTask : function() {
+    var y = Tt, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), T = /* @__PURE__ */ Symbol.for("react.portal"), P = /* @__PURE__ */ Symbol.for("react.fragment"), z = /* @__PURE__ */ Symbol.for("react.strict_mode"), D = /* @__PURE__ */ Symbol.for("react.profiler"), A = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), _ = /* @__PURE__ */ Symbol.for("react.forward_ref"), Oe = /* @__PURE__ */ Symbol.for("react.suspense"), F = /* @__PURE__ */ Symbol.for("react.suspense_list"), W = /* @__PURE__ */ Symbol.for("react.memo"), ge = /* @__PURE__ */ Symbol.for("react.lazy"), Be = /* @__PURE__ */ Symbol.for("react.activity"), oe = /* @__PURE__ */ Symbol.for("react.client.reference"), Q = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ye = Object.prototype.hasOwnProperty, xe = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
     y = {
@@ -232,37 +232,37 @@ React keys must be passed directly to JSX without using spread:
     var ee, Z = {}, ie = y.react_stack_bottom_frame.bind(
       y,
       s
-    )(), B = W(n(s)), xe = {};
-    me.Fragment = P, me.jsx = function(c, h, v) {
-      var E = 1e4 > Q.recentlyCreatedOwnerStacks++;
+    )(), U = B(n(s)), we = {};
+    me.Fragment = P, me.jsx = function(c, g, v) {
+      var k = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return w(
         c,
-        h,
+        g,
         v,
         !1,
-        E ? Error("react-stack-top-frame") : ie,
-        E ? W(n(c)) : B
+        k ? Error("react-stack-top-frame") : ie,
+        k ? B(n(c)) : U
       );
-    }, me.jsxs = function(c, h, v) {
-      var E = 1e4 > Q.recentlyCreatedOwnerStacks++;
+    }, me.jsxs = function(c, g, v) {
+      var k = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return w(
         c,
-        h,
+        g,
         v,
         !0,
-        E ? Error("react-stack-top-frame") : ie,
-        E ? W(n(c)) : B
+        k ? Error("react-stack-top-frame") : ie,
+        k ? B(n(c)) : U
       );
     };
   })()), me;
 }
-var Xe;
-function $t() {
-  return Xe || (Xe = 1, process.env.NODE_ENV === "production" ? be.exports = At() : be.exports = Gt()), be.exports;
+var Ze;
+function Lt() {
+  return Ze || (Ze = 1, process.env.NODE_ENV === "production" ? Ce.exports = Gt() : Ce.exports = $t()), Ce.exports;
 }
-var o = $t();
-const Lt = ({ children: e }) => {
-  const t = fe(null), [r, n] = S(null);
+var o = Lt();
+const Nt = ({ children: e }) => {
+  const t = fe(null), [r, n] = j(null);
   return X(() => {
     if (t.current && !t.current.shadowRoot) {
       const a = t.current.attachShadow({ mode: "open" });
@@ -272,19 +272,19 @@ const Lt = ({ children: e }) => {
       const i = document.createElement("link");
       i.rel = "stylesheet", i.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap", a.appendChild(i), n(a);
     }
-  }, []), /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: t, id: "viewgate-shadow-host", children: r && Pt(e, r) });
+  }, []), /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: t, id: "viewgate-shadow-host", children: r && At(e, r) });
 };
-const mt = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
-const Nt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const It = (e) => e.replace(
+const ft = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
+const It = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Mt = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, r, n) => n ? n.toUpperCase() : r.toLowerCase()
 );
-const Je = (e) => {
-  const t = It(e);
+const Ke = (e) => {
+  const t = Mt(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
-var Mt = {
+var zt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -295,13 +295,13 @@ var Mt = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const zt = (e) => {
+const Dt = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
   return !1;
 };
-const Dt = pt(
+const Ft = mt(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -311,59 +311,59 @@ const Dt = pt(
     children: s,
     iconNode: i,
     ...d
-  }, p) => Ne(
+  }, p) => Me(
     "svg",
     {
       ref: p,
-      ...Mt,
+      ...zt,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: n ? Number(r) * 24 / Number(t) : r,
-      className: mt("lucide", a),
-      ...!s && !zt(d) && { "aria-hidden": "true" },
+      className: ft("lucide", a),
+      ...!s && !Dt(d) && { "aria-hidden": "true" },
       ...d
     },
     [
-      ...i.map(([u, w]) => Ne(u, w)),
+      ...i.map(([u, w]) => Me(u, w)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
 );
-const L = (e, t) => {
-  const r = pt(
-    ({ className: n, ...a }, s) => Ne(Dt, {
+const N = (e, t) => {
+  const r = mt(
+    ({ className: n, ...a }, s) => Me(Ft, {
       ref: s,
       iconNode: t,
-      className: mt(
-        `lucide-${Nt(Je(e))}`,
+      className: ft(
+        `lucide-${It(Ke(e))}`,
         `lucide-${e}`,
         n
       ),
       ...a
     })
   );
-  return r.displayName = Je(e), r;
+  return r.displayName = Ke(e), r;
 };
-const Ft = [
+const Ht = [
   ["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" }]
-], Ht = L("circle-alert", Ft);
-const Wt = [
+], Wt = N("circle-alert", Ht);
+const Bt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], ae = L("circle-check", Wt);
-const Bt = [
+], ae = N("circle-check", Bt);
+const Ut = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-], Ze = L("clock", Bt);
-const Ut = [
+], Qe = N("clock", Ut);
+const qt = [
   ["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" }]
-], Ke = L("external-link", Ut);
-const qt = [
+], et = N("external-link", qt);
+const Yt = [
   [
     "path",
     {
@@ -372,17 +372,17 @@ const qt = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], Yt = L("eye", qt);
-const Xt = [
+], Xt = N("eye", Yt);
+const Jt = [
   ["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" }]
-], Qe = L("grip-vertical", Xt);
-const Jt = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Zt = L("loader-circle", Jt);
-const Kt = [
+], tt = N("grip-vertical", Jt);
+const Zt = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Kt = N("loader-circle", Zt);
+const Qt = [
   [
     "path",
     {
@@ -390,8 +390,8 @@ const Kt = [
       key: "18887p"
     }
   ]
-], Ve = L("message-square", Kt);
-const Qt = [
+], Ae = N("message-square", Qt);
+const er = [
   [
     "path",
     {
@@ -399,8 +399,8 @@ const Qt = [
       key: "edeuup"
     }
   ]
-], er = L("mouse-pointer-2", Qt);
-const tr = [
+], tr = N("mouse-pointer-2", er);
+const rr = [
   [
     "path",
     {
@@ -409,12 +409,12 @@ const tr = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], rr = L("pencil", tr);
-const nr = [
+], nr = N("pencil", rr);
+const sr = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], sr = L("rotate-ccw", nr);
-const ar = [
+], ar = N("rotate-ccw", sr);
+const or = [
   [
     "path",
     {
@@ -423,18 +423,18 @@ const ar = [
     }
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
-], or = L("send", ar);
-const ir = [
+], ir = N("send", or);
+const cr = [
   ["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" }]
-], et = L("trash-2", ir);
-const cr = [
+], rt = N("trash-2", cr);
+const lr = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Pe = L("x", cr), lr = {
+], Ge = N("x", lr), dr = {
   en: {
     enterMode: "Enter Feedback Mode",
     exitMode: "Exit Mode",
@@ -527,22 +527,22 @@ const cr = [
     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."
   }
-}, ft = Tt(void 0), dr = () => {
-  const e = Vt(ft);
+}, ht = Vt(void 0), ur = () => {
+  const e = Pt(ht);
   if (!e) throw new Error("useViewGate must be used within a ViewGateProvider");
   return e;
-}, Ie = "viewgate_enabled", ur = () => typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("viewgate") ? (sessionStorage.setItem(Ie, "true"), !0) : sessionStorage.getItem(Ie) === "true", Cn = ({
+}, ze = "viewgate_enabled", pr = () => typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("viewgate") ? (sessionStorage.setItem(ze, "true"), !0) : sessionStorage.getItem(ze) === "true", En = ({
   children: e,
   language: t = "es",
   apiKey: r,
   baseUrl: n = "https://view-gate.vercel.app"
 }) => {
-  const [a, s] = S(!1), [i, d] = S([]);
+  const [a, s] = j(!1), [i, d] = j([]);
   X(() => {
-    s(ur());
+    s(pr());
   }, []);
   const p = () => {
-    if (sessionStorage.removeItem(Ie), s(!1), typeof window < "u") {
+    if (sessionStorage.removeItem(ze), s(!1), typeof window < "u") {
       const m = new URL(window.location.href);
       m.searchParams.delete("viewgate"), window.history.replaceState({}, "", m.toString());
     }
@@ -551,8 +551,8 @@ const cr = [
     d((b) => [...b, { id: y, message: m, type: x }]), setTimeout(() => {
       d((b) => b.filter((T) => T.id !== y));
     }, 4e3);
-  }, w = lr[t];
-  return /* @__PURE__ */ o.jsxs(ft.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:248", value: {
+  }, w = dr[t];
+  return /* @__PURE__ */ o.jsxs(ht.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:248", value: {
     addToast: u,
     language: t,
     t: w,
@@ -562,10 +562,10 @@ const cr = [
     hasActiveToasts: i.length > 0
   }, children: [
     e,
-    a && /* @__PURE__ */ o.jsx(Lt, { "data-source-path": "/src/components/ViewGateProvider.tsx:259", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:260", className: "vg-container", children: [
-      /* @__PURE__ */ o.jsx(wn, { "data-source-path": "/src/components/ViewGateProvider.tsx:261" }),
+    a && /* @__PURE__ */ o.jsx(Nt, { "data-source-path": "/src/components/ViewGateProvider.tsx:259", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:260", className: "vg-container", children: [
+      /* @__PURE__ */ o.jsx(vn, { "data-source-path": "/src/components/ViewGateProvider.tsx:261" }),
       /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:262", className: "vg-toasts", style: { zIndex: 2147483646 }, children: i.map((m) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:264", className: `vg-toast vg-animate-slide ${m.type}`, children: [
-        m.type === "success" ? /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateProvider.tsx:266", size: 24, color: "#22c55e" }) : /* @__PURE__ */ o.jsx(Ht, { "data-source-path": "/src/components/ViewGateProvider.tsx:268", size: 24, color: "#ef4444" }),
+        m.type === "success" ? /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateProvider.tsx:266", size: 24, color: "#22c55e" }) : /* @__PURE__ */ o.jsx(Wt, { "data-source-path": "/src/components/ViewGateProvider.tsx:268", size: 24, color: "#ef4444" }),
         /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:270", children: [
           /* @__PURE__ */ o.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:271", style: { display: "block", fontSize: "13px", color: "#0f172a", textTransform: "uppercase", marginBottom: "2px" }, children: m.type === "success" ? w.successHeader : w.errorHeader }),
           /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:274", style: { fontSize: "14px", color: "#000000" }, children: m.message })
@@ -574,7 +574,7 @@ const cr = [
     ] }) })
   ] });
 };
-function pr(e, t) {
+function mr(e, t) {
   if (e.match(/^[a-z]+:\/\//i))
     return e;
   if (e.match(/^\/\//))
@@ -584,7 +584,7 @@ function pr(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 mr = /* @__PURE__ */ (() => {
+const fr = /* @__PURE__ */ (() => {
   let e = 0;
   const t = () => (
     // eslint-disable-next-line no-bitwise
@@ -599,26 +599,26 @@ function J(e) {
   return t;
 }
 let ne = null;
-function ht(e = {}) {
+function gt(e = {}) {
   return ne || (e.includeStyleProperties ? (ne = e.includeStyleProperties, ne) : (ne = J(window.getComputedStyle(document.documentElement)), ne));
 }
-function Ce(e, t) {
+function Se(e, t) {
   const n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
   return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function fr(e) {
-  const t = Ce(e, "border-left-width"), r = Ce(e, "border-right-width");
+function hr(e) {
+  const t = Se(e, "border-left-width"), r = Se(e, "border-right-width");
   return e.clientWidth + t + r;
 }
-function hr(e) {
-  const t = Ce(e, "border-top-width"), r = Ce(e, "border-bottom-width");
+function gr(e) {
+  const t = Se(e, "border-top-width"), r = Se(e, "border-bottom-width");
   return e.clientHeight + t + r;
 }
-function gt(e, t = {}) {
-  const r = t.width || fr(e), n = t.height || hr(e);
+function yt(e, t = {}) {
+  const r = t.width || hr(e), n = t.height || gr(e);
   return { width: r, height: n };
 }
-function gr() {
+function yr() {
   let e, t;
   try {
     t = process;
@@ -627,11 +627,11 @@ function gr() {
   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 I = 16384;
-function yr(e) {
-  (e.width > I || e.height > I) && (e.width > I && e.height > I ? e.width > e.height ? (e.height *= I / e.width, e.width = I) : (e.width *= I / e.height, e.height = I) : e.width > I ? (e.height *= I / e.width, e.width = I) : (e.width *= I / e.height, e.height = I));
+const M = 16384;
+function xr(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 Ee(e) {
+function ke(e) {
   return new Promise((t, r) => {
     const n = new Image();
     n.onload = () => {
@@ -641,80 +641,80 @@ function Ee(e) {
     }, n.onerror = r, n.crossOrigin = "anonymous", n.decoding = "async", n.src = e;
   });
 }
-async function xr(e) {
+async function wr(e) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
-async function wr(e, t, r) {
+async function vr(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), xr(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), wr(a);
 }
-const $ = (e, t) => {
+const L = (e, t) => {
   if (e instanceof t)
     return !0;
   const r = Object.getPrototypeOf(e);
-  return r === null ? !1 : r.constructor.name === t.name || $(r, t);
+  return r === null ? !1 : r.constructor.name === t.name || L(r, t);
 };
-function vr(e) {
+function br(e) {
   const t = e.getPropertyValue("content");
   return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function br(e, t) {
-  return ht(t).map((r) => {
+function Cr(e, t) {
+  return gt(t).map((r) => {
     const n = e.getPropertyValue(r), a = e.getPropertyPriority(r);
     return `${r}: ${n}${a ? " !important" : ""};`;
   }).join(" ");
 }
-function Cr(e, t, r, n) {
-  const a = `.${e}:${t}`, s = r.cssText ? vr(r) : br(r, n);
+function Er(e, t, r, n) {
+  const a = `.${e}:${t}`, s = r.cssText ? br(r) : Cr(r, n);
   return document.createTextNode(`${a}{${s}}`);
 }
-function tt(e, t, r, n) {
+function nt(e, t, r, n) {
   const a = window.getComputedStyle(e, r), s = a.getPropertyValue("content");
   if (s === "" || s === "none")
     return;
-  const i = mr();
+  const i = fr();
   try {
     t.className = `${t.className} ${i}`;
   } catch {
     return;
   }
   const d = document.createElement("style");
-  d.appendChild(Cr(i, r, a, n)), t.appendChild(d);
+  d.appendChild(Er(i, r, a, n)), t.appendChild(d);
 }
-function Er(e, t, r) {
-  tt(e, t, ":before", r), tt(e, t, ":after", r);
+function Sr(e, t, r) {
+  nt(e, t, ":before", r), nt(e, t, ":after", r);
 }
-const rt = "application/font-woff", nt = "image/jpeg", Sr = {
-  woff: rt,
-  woff2: rt,
+const st = "application/font-woff", at = "image/jpeg", kr = {
+  woff: st,
+  woff2: st,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: nt,
-  jpeg: nt,
+  jpg: at,
+  jpeg: at,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function kr(e) {
+function Rr(e) {
   const t = /\.([^./]*?)$/g.exec(e);
   return t ? t[1] : "";
 }
-function De(e) {
-  const t = kr(e).toLowerCase();
-  return Sr[t] || "";
+function He(e) {
+  const t = Rr(e).toLowerCase();
+  return kr[t] || "";
 }
-function Rr(e) {
+function jr(e) {
   return e.split(/,/)[1];
 }
-function Me(e) {
+function De(e) {
   return e.search(/^(data:)/) !== -1;
 }
-function jr(e, t) {
+function Or(e, t) {
   return `data:${t};base64,${e}`;
 }
-async function yt(e, t, r) {
+async function xt(e, t, r) {
   const n = await fetch(e, t);
   if (n.status === 404)
     throw new Error(`Resource "${n.url}" not found`);
@@ -730,86 +730,86 @@ async function yt(e, t, r) {
     }, d.readAsDataURL(a);
   });
 }
-const Ae = {};
-function Or(e, t, r) {
+const $e = {};
+function _r(e, t, r) {
   let n = e.replace(/\?.*/, "");
   return r && (n = e), /ttf|otf|eot|woff2?/i.test(n) && (n = n.replace(/.*\//, "")), t ? `[${t}]${n}` : n;
 }
-async function Fe(e, t, r) {
-  const n = Or(e, t, r.includeQueryParams);
-  if (Ae[n] != null)
-    return Ae[n];
+async function We(e, t, r) {
+  const n = _r(e, t, r.includeQueryParams);
+  if ($e[n] != null)
+    return $e[n];
   r.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let a;
   try {
-    const s = await yt(e, r.fetchRequestInit, ({ res: i, result: d }) => (t || (t = i.headers.get("Content-Type") || ""), Rr(d)));
-    a = jr(s, t);
+    const s = await xt(e, r.fetchRequestInit, ({ res: i, result: d }) => (t || (t = i.headers.get("Content-Type") || ""), jr(d)));
+    a = Or(s, t);
   } catch (s) {
     a = r.imagePlaceholder || "";
     let i = `Failed to fetch resource: ${e}`;
     s && (i = typeof s == "string" ? s : s.message), i && console.warn(i);
   }
-  return Ae[n] = a, a;
+  return $e[n] = a, a;
 }
-async function _r(e) {
+async function Tr(e) {
   const t = e.toDataURL();
-  return t === "data:," ? e.cloneNode(!1) : Ee(t);
+  return t === "data:," ? e.cloneNode(!1) : ke(t);
 }
-async function Tr(e, t) {
+async function Vr(e, t) {
   if (e.currentSrc) {
     const s = document.createElement("canvas"), i = s.getContext("2d");
     s.width = e.clientWidth, s.height = e.clientHeight, i?.drawImage(e, 0, 0, s.width, s.height);
     const d = s.toDataURL();
-    return Ee(d);
+    return ke(d);
   }
-  const r = e.poster, n = De(r), a = await Fe(r, n, t);
-  return Ee(a);
+  const r = e.poster, n = He(r), a = await We(r, n, t);
+  return ke(a);
 }
-async function Vr(e, t) {
+async function Pr(e, t) {
   var r;
   try {
     if (!((r = e?.contentDocument) === null || r === void 0) && r.body)
-      return await Se(e.contentDocument.body, t, !0);
+      return await Re(e.contentDocument.body, t, !0);
   } catch {
   }
   return e.cloneNode(!1);
 }
-async function Pr(e, t) {
-  return $(e, HTMLCanvasElement) ? _r(e) : $(e, HTMLVideoElement) ? Tr(e, t) : $(e, HTMLIFrameElement) ? Vr(e, t) : e.cloneNode(xt(e));
+async function Ar(e, t) {
+  return L(e, HTMLCanvasElement) ? Tr(e) : L(e, HTMLVideoElement) ? Vr(e, t) : L(e, HTMLIFrameElement) ? Pr(e, t) : e.cloneNode(wt(e));
 }
-const Ar = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", xt = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
-async function Gr(e, t, r) {
+const Gr = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", wt = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
+async function $r(e, t, r) {
   var n, a;
-  if (xt(t))
+  if (wt(t))
     return t;
   let s = [];
-  return Ar(e) && e.assignedNodes ? s = J(e.assignedNodes()) : $(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = J(e.contentDocument.body.childNodes) : s = J(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || $(e, HTMLVideoElement) || await s.reduce((i, d) => i.then(() => Se(d, r)).then((p) => {
+  return Gr(e) && e.assignedNodes ? s = J(e.assignedNodes()) : L(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = J(e.contentDocument.body.childNodes) : s = J(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || L(e, HTMLVideoElement) || await s.reduce((i, d) => i.then(() => Re(d, r)).then((p) => {
     p && t.appendChild(p);
   }), Promise.resolve()), t;
 }
-function $r(e, t, r) {
+function Lr(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) : ht(r).forEach((s) => {
+  a.cssText ? (n.cssText = a.cssText, n.transformOrigin = a.transformOrigin) : gt(r).forEach((s) => {
     let i = a.getPropertyValue(s);
-    s === "font-size" && i.endsWith("px") && (i = `${Math.floor(parseFloat(i.substring(0, i.length - 2))) - 0.1}px`), $(e, HTMLIFrameElement) && s === "display" && i === "inline" && (i = "block"), s === "d" && t.getAttribute("d") && (i = `path(${t.getAttribute("d")})`), n.setProperty(s, i, a.getPropertyPriority(s));
+    s === "font-size" && i.endsWith("px") && (i = `${Math.floor(parseFloat(i.substring(0, i.length - 2))) - 0.1}px`), L(e, HTMLIFrameElement) && s === "display" && i === "inline" && (i = "block"), s === "d" && t.getAttribute("d") && (i = `path(${t.getAttribute("d")})`), n.setProperty(s, i, a.getPropertyPriority(s));
   });
 }
-function Lr(e, t) {
-  $(e, HTMLTextAreaElement) && (t.innerHTML = e.value), $(e, HTMLInputElement) && t.setAttribute("value", e.value);
-}
 function Nr(e, t) {
-  if ($(e, HTMLSelectElement)) {
+  L(e, HTMLTextAreaElement) && (t.innerHTML = e.value), L(e, HTMLInputElement) && t.setAttribute("value", e.value);
+}
+function Ir(e, t) {
+  if (L(e, HTMLSelectElement)) {
     const n = Array.from(t.children).find((a) => e.value === a.getAttribute("value"));
     n && n.setAttribute("selected", "");
   }
 }
-function Ir(e, t, r) {
-  return $(t, Element) && ($r(e, t, r), Er(e, t, r), Lr(e, t), Nr(e, t)), t;
+function Mr(e, t, r) {
+  return L(t, Element) && (Lr(e, t, r), Sr(e, t, r), Nr(e, t), Ir(e, t)), t;
 }
-async function Mr(e, t) {
+async function zr(e, t) {
   const r = e.querySelectorAll ? e.querySelectorAll("use") : [];
   if (r.length === 0)
     return e;
@@ -818,7 +818,7 @@ async function Mr(e, t) {
     const d = r[s].getAttribute("xlink:href");
     if (d) {
       const p = e.querySelector(d), u = document.querySelector(d);
-      !p && u && !n[d] && (n[d] = await Se(u, t, !0));
+      !p && u && !n[d] && (n[d] = await Re(u, t, !0));
     }
   }
   const a = Object.values(n);
@@ -833,31 +833,31 @@ async function Mr(e, t) {
   }
   return e;
 }
-async function Se(e, t, r) {
-  return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => Pr(n, t)).then((n) => Gr(e, n, t)).then((n) => Ir(e, n, t)).then((n) => Mr(n, t));
+async function Re(e, t, r) {
+  return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => Ar(n, t)).then((n) => $r(e, n, t)).then((n) => Mr(e, n, t)).then((n) => zr(n, t));
 }
-const wt = /url\((['"]?)([^'"]+?)\1\)/g, zr = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Dr = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Fr(e) {
+const vt = /url\((['"]?)([^'"]+?)\1\)/g, Dr = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Fr = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function Hr(e) {
   const t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function Hr(e) {
+function Wr(e) {
   const t = [];
-  return e.replace(wt, (r, n, a) => (t.push(a), r)), t.filter((r) => !Me(r));
+  return e.replace(vt, (r, n, a) => (t.push(a), r)), t.filter((r) => !De(r));
 }
-async function Wr(e, t, r, n, a) {
+async function Br(e, t, r, n, a) {
   try {
-    const s = r ? pr(t, r) : t, i = De(t);
+    const s = r ? mr(t, r) : t, i = He(t);
     let d;
-    return a || (d = await Fe(s, i, n)), e.replace(Fr(t), `$1${d}$3`);
+    return a || (d = await We(s, i, n)), e.replace(Hr(t), `$1${d}$3`);
   } catch {
   }
   return e;
 }
-function Br(e, { preferredFontFormat: t }) {
-  return t ? e.replace(Dr, (r) => {
+function Ur(e, { preferredFontFormat: t }) {
+  return t ? e.replace(Fr, (r) => {
     for (; ; ) {
-      const [n, , a] = zr.exec(r) || [];
+      const [n, , a] = Dr.exec(r) || [];
       if (!a)
         return "";
       if (a === t)
@@ -865,32 +865,32 @@ function Br(e, { preferredFontFormat: t }) {
     }
   }) : e;
 }
-function vt(e) {
-  return e.search(wt) !== -1;
+function bt(e) {
+  return e.search(vt) !== -1;
 }
-async function bt(e, t, r) {
-  if (!vt(e))
+async function Ct(e, t, r) {
+  if (!bt(e))
     return e;
-  const n = Br(e, r);
-  return Hr(n).reduce((s, i) => s.then((d) => Wr(d, i, t, r)), Promise.resolve(n));
+  const n = Ur(e, r);
+  return Wr(n).reduce((s, i) => s.then((d) => Br(d, i, t, r)), Promise.resolve(n));
 }
 async function se(e, t, r) {
   var n;
   const a = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
   if (a) {
-    const s = await bt(a, null, r);
+    const s = await Ct(a, null, r);
     return t.style.setProperty(e, s, t.style.getPropertyPriority(e)), !0;
   }
   return !1;
 }
-async function Ur(e, t) {
+async function qr(e, t) {
   await se("background", e, t) || await se("background-image", e, t), await se("mask", e, t) || await se("-webkit-mask", e, t) || await se("mask-image", e, t) || await se("-webkit-mask-image", e, t);
 }
-async function qr(e, t) {
-  const r = $(e, HTMLImageElement);
-  if (!(r && !Me(e.src)) && !($(e, SVGImageElement) && !Me(e.href.baseVal)))
+async function Yr(e, t) {
+  const r = L(e, HTMLImageElement);
+  if (!(r && !De(e.src)) && !(L(e, SVGImageElement) && !De(e.href.baseVal)))
     return;
-  const n = r ? e.src : e.href.baseVal, a = await Fe(n, De(n), t);
+  const n = r ? e.src : e.href.baseVal, a = await We(n, He(n), t);
   await new Promise((s, i) => {
     e.onload = s, e.onerror = t.onImageErrorHandler ? (...p) => {
       try {
@@ -903,14 +903,14 @@ async function qr(e, t) {
     d.decode && (d.decode = s), d.loading === "lazy" && (d.loading = "eager"), r ? (e.srcset = "", e.src = a) : e.href.baseVal = a;
   });
 }
-async function Yr(e, t) {
-  const n = J(e.childNodes).map((a) => Ct(a, t));
+async function Xr(e, t) {
+  const n = J(e.childNodes).map((a) => Et(a, t));
   await Promise.all(n).then(() => e);
 }
-async function Ct(e, t) {
-  $(e, Element) && (await Ur(e, t), await qr(e, t), await Yr(e, t));
+async function Et(e, t) {
+  L(e, Element) && (await qr(e, t), await Yr(e, t), await Xr(e, t));
 }
-function Xr(e, t) {
+function Jr(e, t) {
   const { style: r } = e;
   t.backgroundColor && (r.backgroundColor = t.backgroundColor), t.width && (r.width = `${t.width}px`), t.height && (r.height = `${t.height}px`);
   const n = t.style;
@@ -918,23 +918,23 @@ function Xr(e, t) {
     r[a] = n[a];
   }), e;
 }
-const st = {};
-async function at(e) {
-  let t = st[e];
+const ot = {};
+async function it(e) {
+  let t = ot[e];
   if (t != null)
     return t;
   const n = await (await fetch(e)).text();
-  return t = { url: e, cssText: n }, st[e] = t, t;
+  return t = { url: e, cssText: n }, ot[e] = t, t;
 }
-async function ot(e, t) {
+async function ct(e, t) {
   let r = e.cssText;
   const n = /url\(["']?([^"')]+)["']?\)/g, s = (r.match(/url\([^)]+\)/g) || []).map(async (i) => {
     let d = i.replace(n, "$1");
-    return d.startsWith("https://") || (d = new URL(d, e.url).href), yt(d, t.fetchRequestInit, ({ result: p }) => (r = r.replace(i, `url(${p})`), [i, p]));
+    return d.startsWith("https://") || (d = new URL(d, e.url).href), xt(d, t.fetchRequestInit, ({ result: p }) => (r = r.replace(i, `url(${p})`), [i, p]));
   });
   return Promise.all(s).then(() => r);
 }
-function it(e) {
+function lt(e) {
   if (e == null)
     return [];
   const t = [], r = /(\/\*[\s\S]*?\*\/)/gi;
@@ -960,7 +960,7 @@ function it(e) {
   }
   return t;
 }
-async function Jr(e, t) {
+async function Zr(e, t) {
   const r = [], n = [];
   return e.forEach((a) => {
     if ("cssRules" in a)
@@ -968,7 +968,7 @@ async function Jr(e, t) {
         J(a.cssRules || []).forEach((s, i) => {
           if (s.type === CSSRule.IMPORT_RULE) {
             let d = i + 1;
-            const p = s.href, u = at(p).then((w) => ot(w, t)).then((w) => it(w).forEach((m) => {
+            const p = s.href, u = it(p).then((w) => ct(w, t)).then((w) => lt(w).forEach((m) => {
               try {
                 a.insertRule(m, m.startsWith("@import") ? d += 1 : a.cssRules.length);
               } catch (x) {
@@ -985,7 +985,7 @@ async function Jr(e, t) {
         });
       } catch (s) {
         const i = e.find((d) => d.href == null) || document.styleSheets[0];
-        a.href != null && n.push(at(a.href).then((d) => ot(d, t)).then((d) => it(d).forEach((p) => {
+        a.href != null && n.push(it(a.href).then((d) => ct(d, t)).then((d) => lt(d).forEach((p) => {
           i.insertRule(p, i.cssRules.length);
         })).catch((d) => {
           console.error("Error loading remote stylesheet", d);
@@ -1002,66 +1002,66 @@ async function Jr(e, t) {
       }
   }), r));
 }
-function Zr(e) {
-  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => vt(t.style.getPropertyValue("src")));
+function Kr(e) {
+  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => bt(t.style.getPropertyValue("src")));
 }
-async function Kr(e, t) {
+async function Qr(e, t) {
   if (e.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = J(e.ownerDocument.styleSheets), n = await Jr(r, t);
-  return Zr(n);
+  const r = J(e.ownerDocument.styleSheets), n = await Zr(r, t);
+  return Kr(n);
 }
-function Et(e) {
+function St(e) {
   return e.trim().replace(/["']/g, "");
 }
-function Qr(e) {
+function en(e) {
   const t = /* @__PURE__ */ new Set();
   function r(n) {
     (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((s) => {
-      t.add(Et(s));
+      t.add(St(s));
     }), Array.from(n.children).forEach((s) => {
       s instanceof HTMLElement && r(s);
     });
   }
   return r(e), t;
 }
-async function en(e, t) {
-  const r = await Kr(e, t), n = Qr(e);
-  return (await Promise.all(r.filter((s) => n.has(Et(s.style.fontFamily))).map((s) => {
+async function tn(e, t) {
+  const r = await Qr(e, t), n = en(e);
+  return (await Promise.all(r.filter((s) => n.has(St(s.style.fontFamily))).map((s) => {
     const i = s.parentStyleSheet ? s.parentStyleSheet.href : null;
-    return bt(s.cssText, i, t);
+    return Ct(s.cssText, i, t);
   }))).join(`
 `);
 }
-async function tn(e, t) {
-  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await en(e, t);
+async function rn(e, t) {
+  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await tn(e, t);
   if (r) {
     const n = document.createElement("style"), a = document.createTextNode(r);
     n.appendChild(a), e.firstChild ? e.insertBefore(n, e.firstChild) : e.appendChild(n);
   }
 }
-async function rn(e, t = {}) {
-  const { width: r, height: n } = gt(e, t), a = await Se(e, t, !0);
-  return await tn(a, t), await Ct(a, t), Xr(a, t), await wr(a, r, n);
-}
 async function nn(e, t = {}) {
-  const { width: r, height: n } = gt(e, t), a = await rn(e, t), s = await Ee(a), i = document.createElement("canvas"), d = i.getContext("2d"), p = t.pixelRatio || gr(), u = t.canvasWidth || r, w = t.canvasHeight || n;
-  return i.width = u * p, i.height = w * p, t.skipAutoScale || yr(i), i.style.width = `${u}`, i.style.height = `${w}`, t.backgroundColor && (d.fillStyle = t.backgroundColor, d.fillRect(0, 0, i.width, i.height)), d.drawImage(s, 0, 0, i.width, i.height), i;
+  const { width: r, height: n } = yt(e, t), a = await Re(e, t, !0);
+  return await rn(a, t), await Et(a, t), Jr(a, t), await vr(a, r, n);
+}
+async function sn(e, t = {}) {
+  const { width: r, height: n } = yt(e, t), a = await nn(e, t), s = await ke(a), i = document.createElement("canvas"), d = i.getContext("2d"), p = t.pixelRatio || yr(), u = t.canvasWidth || r, w = t.canvasHeight || n;
+  return i.width = u * p, i.height = w * p, t.skipAutoScale || xr(i), i.style.width = `${u}`, i.style.height = `${w}`, t.backgroundColor && (d.fillStyle = t.backgroundColor, d.fillRect(0, 0, i.width, i.height)), d.drawImage(s, 0, 0, i.width, i.height), i;
 }
-async function ct(e, t = {}) {
-  return (await nn(e, t)).toDataURL();
+async function dt(e, t = {}) {
+  return (await sn(e, t)).toDataURL();
 }
-const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 15, cn = () => {
+const je = 2147483647, Le = je, Ne = 2e6, an = je - 10, on = je - 5, cn = je - 15, he = "data-vg-pin-id", ln = () => {
   const e = window.innerWidth;
   return e < 768 ? "mobile" : e < 1024 ? "tablet" : "desktop";
-}, ln = (e) => {
+}, dn = (e) => {
   let t = 0;
   for (let r = 0; r < e.length; r++) {
     const n = e.charCodeAt(r);
     t = (t << 5) - t + n, t = t & t;
   }
   return Math.abs(t).toString(16);
-}, dn = (e, t) => {
+}, un = (e, t) => {
   if (!e) return "";
   try {
     const r = new Date(e);
@@ -1076,10 +1076,10 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
   } catch {
     return "";
   }
-}, un = (e) => {
+}, pn = (e) => {
   const t = (e.innerText || "").slice(0, 30).trim(), r = {
     tag: e.tagName.toLowerCase(),
-    classHash: ln(e.className),
+    classHash: dn(e.className),
     textSnippet: t,
     parentTag: e.parentElement?.tagName.toLowerCase(),
     neighborCount: e.parentElement?.children.length || 0
@@ -1089,7 +1089,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
   a && (r.role = a);
   const s = e.getAttribute("name");
   return s && (r.name = s), r;
-}, pn = /* @__PURE__ */ (() => {
+}, mn = /* @__PURE__ */ (() => {
   let e = null, t = null;
   return (r) => {
     if (!r || typeof window > "u" || typeof document > "u") return r;
@@ -1110,7 +1110,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
       }
     return r;
   };
-})(), lt = (e, t, r, n) => new Promise((a) => {
+})(), ut = (e, t, r, n) => new Promise((a) => {
   const s = new Image();
   s.onload = () => {
     const i = document.createElement("canvas"), d = window.devicePixelRatio || 1, p = t.width + r * 2, u = t.height + r * 2;
@@ -1123,7 +1123,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
     }
     a(i.toDataURL("image/png"));
   }, s.onerror = () => a(""), s.src = e;
-}), mn = (e) => {
+}), fn = (e) => {
   const t = window.getComputedStyle(e), r = {};
   return [
     "display",
@@ -1138,9 +1138,9 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
     "z-index"
   ].forEach((a) => {
     const s = t.getPropertyValue(a);
-    r[a] = pn(s);
+    r[a] = mn(s);
   }), r;
-}, fn = (e) => {
+}, hn = (e) => {
   const r = Object.keys(e).find((s) => s.startsWith("__reactFiber$") || s.startsWith("__reactInternalInstance$"));
   if (!r) return "";
   const n = [];
@@ -1154,13 +1154,13 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
     a = a.return;
   }
   return n.join(" > ") || "Generic Component";
-}, St = (e) => {
+}, kt = (e) => {
   if (!e) return !1;
   const t = window.getComputedStyle(e), r = e.getBoundingClientRect(), n = e.getAttribute("role");
   if (n && ["listbox", "menu", "combobox", "tooltip", "option"].includes(n)) return !1;
   const s = 120;
   return r.width < s && r.height < s || t.position !== "fixed" && t.position !== "absolute" ? !1 : !!(e.closest('[role="dialog"]') || e.closest('[aria-modal="true"]') || e.classList.contains("modal") || e.classList.contains("modal-content"));
-}, dt = (e) => {
+}, Fe = (e) => {
   if (!e.isConnected) return !1;
   const t = window.getComputedStyle(e);
   if (t.display === "none" || t.visibility === "hidden" || t.opacity === "0" || e.offsetWidth === 0 || e.offsetHeight === 0) return !1;
@@ -1172,19 +1172,19 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
   }
   const n = e.getBoundingClientRect();
   return !(n.width === 0 || n.height === 0 || n.top === 0 && n.left === 0 && n.width > window.innerWidth * 0.9);
-}, ze = (e, t = document) => {
+}, Ee = (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 i = ze(e, s);
+      const i = Ee(e, s);
       if (i) return i;
     }
   }
   return null;
-}, ut = (e, t) => {
+}, pt = (e, t) => {
   let r = document.elementFromPoint(e, t);
   for (; r && r.shadowRoot; ) {
     const n = r.shadowRoot.elementFromPoint(e, t);
@@ -1192,7 +1192,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
     r = n;
   }
   return r;
-}, hn = (e) => {
+}, gn = (e) => {
   if (!e.tag) return null;
   const t = document.getElementsByTagName(e.tag);
   let r = null, n = 0;
@@ -1202,33 +1202,37 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
     s.innerText?.includes(e.text.slice(0, 20)) && (i += 4), e.fingerprint?.classHash && s.className.includes(e.fingerprint.classHash) && (i += 2), e.fingerprint?.ariaLabel && s.getAttribute("aria-label") === e.fingerprint.ariaLabel && (i += 3), e.fingerprint?.role && s.getAttribute("role") === e.fingerprint.role && (i += 2), e.parentContext && (s.parentElement?.innerText || "").includes(e.parentContext.slice(0, 30)) && (i += 2), e.fingerprint?.neighborCount === s.parentElement?.children.length && (i += 1), e.fingerprint?.parentTag === s.parentElement?.tagName.toLowerCase() && (i += 1), i > n && i >= 5 && (n = i, r = s);
   }
   return r;
-}, gn = (e) => {
-  let t = ze(e.selector);
-  if (t) return t;
+}, yn = (e, t) => {
+  if (t) {
+    const n = Ee(`[${he}="${t}"]`);
+    if (n && Fe(n)) return n;
+  }
+  let r = Ee(e.selector);
+  if (r) return r;
   if (e.fallbackSelectors) {
-    for (const r of e.fallbackSelectors)
-      if (t = ze(r), t) return t;
+    for (const n of e.fallbackSelectors)
+      if (r = Ee(n), r) return r;
   }
-  return t = hn(e), t || null;
-}, Le = (e) => ({
+  return r = gn(e), r || null;
+}, Ie = (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
-}), yn = (e) => {
+}), xn = (e) => {
   const t = e.parentElement;
   if (!t) return;
-  const r = Array.from(t.children).filter((i) => i !== e).slice(0, 5).map((i) => Le(i)), n = Array.from(t.children), a = n.indexOf(e);
+  const r = Array.from(t.children).filter((i) => i !== e).slice(0, 5).map((i) => Ie(i)), n = Array.from(t.children), a = n.indexOf(e);
   let s = "middle";
   return a === 0 && (s = "start"), a === n.length - 1 && (s = "end"), {
     target: {
-      ...Le(e),
+      ...Ie(e),
       location: `${s} of ${t.tagName.toLowerCase()}`
     },
-    parent: Le(t),
+    parent: Ie(t),
     siblings: r
   };
-}, xn = (e) => {
+}, wn = (e) => {
   let t = "unknown:0", r = e;
   for (; r; ) {
     const m = r.getAttribute("data-source-path");
@@ -1238,7 +1242,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
     }
     r = r.parentElement;
   }
-  const n = fn(e), a = [], s = [], i = (m) => {
+  const n = hn(e), a = [], s = [], i = (m) => {
     const x = [];
     let y = m;
     for (; y && y.nodeType === Node.ELEMENT_NODE; ) {
@@ -1265,15 +1269,15 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
         b = `${y.localName}[name="${A}"]`, x.unshift(b);
         break;
       } else {
-        let G = y, O = 1;
+        let G = y, _ = 1;
         for (; G.previousElementSibling; )
-          G = G.previousElementSibling, G.nodeName.toLowerCase() === y.nodeName.toLowerCase() && O++;
-        O > 1 && (b += `:nth-of-type(${O})`);
+          G = G.previousElementSibling, G.nodeName.toLowerCase() === y.nodeName.toLowerCase() && _++;
+        _ > 1 && (b += `:nth-of-type(${_})`);
       }
       x.unshift(b), y = y.parentElement;
     }
     return x.join(" > ");
-  }, d = St(e.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')), p = i(e), u = {};
+  }, d = kt(e.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')), p = i(e), u = {};
   ["placeholder", "aria-label", "name", "type", "alt", "title", "value", "role"].forEach((m) => {
     const x = e.getAttribute(m);
     x && (u[m] = x);
@@ -1294,96 +1298,102 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
     fallbackSelectors: [...new Set(a)].slice(0, 5),
     domPath: s.slice(-10),
     viewportSize: { width: window.innerWidth, height: window.innerHeight },
-    uiContext: yn(e),
-    fingerprint: un(e),
+    uiContext: xn(e),
+    fingerprint: pn(e),
     metadata: {
       hint: `Edit ${t.split(":")[0]} at line ${t.split(":")[1] || "?"}`,
-      computedStyles: mn(e),
-      viewportBreakpoint: cn(),
+      computedStyles: fn(e),
+      viewportBreakpoint: ln(),
       outerHtml: e.outerHTML.slice(0, 1500),
       scrollPosition: { x: window.scrollX, y: window.scrollY },
       isModal: d
     }
   };
-}, wn = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: i } = dr(), [d, p] = S(!1), [u, w] = S(null), [m, x] = S(null), [y, b] = S(""), [T, P] = S(!1), [z, D] = S(!1), [A, G] = S(!1), [O, Re] = S([]), [F, H] = S(null), [he, He] = S(!1), [oe, Q] = S(!1), [ge, ye] = S({}), [W, ee] = S(null), [Z, ie] = S(!1), [B, xe] = S(() => {
+}, vn = () => {
+  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: i } = ur(), [d, p] = j(!1), [u, w] = j(null), [m, x] = j(null), [y, b] = j(""), [T, P] = j(!1), [z, D] = j(!1), [A, G] = j(!1), [_, Oe] = j([]), [F, W] = j(null), [ge, Be] = j(!1), [oe, Q] = j(!1), [ye, xe] = j({}), [B, ee] = j(null), [Z, ie] = j(!1), [U, we] = j(() => {
     if (typeof window > "u") return { top: 24, right: 24 };
     const l = localStorage.getItem("vg-exit-pos");
     return l ? JSON.parse(l) : { top: 24, right: 24 };
-  }), [c, h] = S(!1), v = fe(null), [E, te] = S(() => {
+  }), [c, g] = j(!1), v = fe(null), [k, te] = j(() => {
     if (typeof window > "u") return { bottom: 30, right: 30 };
     const l = localStorage.getItem("vg-bar-pos");
     return l ? JSON.parse(l) : { bottom: 30, right: 30 };
-  }), [U, j] = S(!1), V = fe(null), ce = (l) => {
+  }), [q, O] = j(!1), V = fe(null), ce = (l) => {
     l.preventDefault(), l.stopPropagation();
     const f = l.currentTarget.parentElement?.getBoundingClientRect();
-    f && (h(!0), v.current = {
+    f && (g(!0), v.current = {
       x: l.clientX,
       y: l.clientY,
-      top: B.top,
-      right: B.right,
+      top: U.top,
+      right: U.right,
       width: f.width,
       height: f.height
     });
-  }, je = (l) => {
+  }, _e = (l) => {
     l.preventDefault(), l.stopPropagation();
     const f = l.currentTarget.parentElement?.getBoundingClientRect();
-    f && (j(!0), V.current = {
+    f && (O(!0), V.current = {
       x: l.clientX,
       y: l.clientY,
-      bottom: E.bottom,
-      right: E.right,
+      bottom: k.bottom,
+      right: k.right,
       width: f.width,
       height: f.height
     });
   };
   X(() => {
-    if (!c && !U) return;
-    const l = (g) => {
+    if (!c && !q) return;
+    const l = (h) => {
       if (c && v.current) {
-        const M = g.clientX - v.current.x, _ = g.clientY - v.current.y;
-        let k = v.current.top + _, C = v.current.right - M;
+        const $ = h.clientX - v.current.x, S = h.clientY - v.current.y;
+        let C = v.current.top + S, E = v.current.right - $;
         const R = 10;
-        k = Math.max(R, Math.min(window.innerHeight - v.current.height - R, k)), C = Math.max(R, Math.min(window.innerWidth - v.current.width - R, C)), xe({ top: k, right: C });
+        C = Math.max(R, Math.min(window.innerHeight - v.current.height - R, C)), E = Math.max(R, Math.min(window.innerWidth - v.current.width - R, E)), we({ top: C, right: E });
       }
-      if (U && V.current) {
-        const M = g.clientX - V.current.x, _ = g.clientY - V.current.y;
-        let k = V.current.bottom - _, C = V.current.right - M;
+      if (q && V.current) {
+        const $ = h.clientX - V.current.x, S = h.clientY - V.current.y;
+        let C = V.current.bottom - S, E = V.current.right - $;
         const R = 10;
-        k = Math.max(R, Math.min(window.innerHeight - V.current.height - R, k)), C = Math.max(R, Math.min(window.innerWidth - V.current.width - R, C)), te({ bottom: k, right: C });
+        C = Math.max(R, Math.min(window.innerHeight - V.current.height - R, C)), E = Math.max(R, Math.min(window.innerWidth - V.current.width - R, E)), te({ bottom: C, right: E });
       }
     }, f = () => {
-      c && (h(!1), localStorage.setItem("vg-exit-pos", JSON.stringify(B)), v.current = null), U && (j(!1), localStorage.setItem("vg-bar-pos", JSON.stringify(E)), V.current = null);
+      c && (g(!1), localStorage.setItem("vg-exit-pos", JSON.stringify(U)), v.current = null), q && (O(!1), localStorage.setItem("vg-bar-pos", JSON.stringify(k)), V.current = null);
     };
     return window.addEventListener("mousemove", l), window.addEventListener("mouseup", f), () => {
       window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", f);
     };
-  }, [c, U, B, E]);
-  const [We, Oe] = S(null), [Be, Ue] = S(""), [Rt, jt] = S({}), re = fe(null), le = fe(null), de = ve(() => {
+  }, [c, q, U, k]);
+  const [Ue, Te] = j(null), [qe, Ye] = j(""), [jt, Ot] = j({}), re = fe(null), le = fe(null), de = be(() => {
     le.current || (le.current = requestAnimationFrame(() => {
-      const l = {}, g = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((_) => St(_) && dt(_)), M = !!g;
-      O.forEach((_) => {
-        if (!_.reference) return;
-        const k = gn(_.reference), C = !!_.reference.metadata?.isModal;
-        if (k && dt(k)) {
+      const l = {}, h = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((S) => kt(S) && Fe(S)), $ = !!h;
+      _.forEach((S) => {
+        if (!S.reference) return;
+        const C = yn(S.reference, S._id), E = !!S.reference.metadata?.isModal;
+        if (C && Fe(C)) {
+          if (!C.hasAttribute(he))
+            C.setAttribute(he, S._id);
+          else {
+            const H = C.getAttribute(he);
+            H !== S._id && H?.startsWith("temp-") && C.setAttribute(he, S._id);
+          }
           let R = !1;
-          if (M ? R = g.contains(k) : R = !C, !R) return;
-          const N = k.getBoundingClientRect(), q = N.left + N.width / 2, ue = N.top + N.height / 2;
-          if (q >= 0 && q <= window.innerWidth && ue >= 0 && ue <= window.innerHeight) {
-            const Y = document.elementFromPoint(q, ue);
-            if (Y && !k.contains(Y) && !re.current?.contains(Y))
+          if ($ ? R = h.contains(C) : R = !E, !R) return;
+          const I = C.getBoundingClientRect(), Y = I.left + I.width / 2, ue = I.top + I.height / 2;
+          if (Y >= 0 && Y <= window.innerWidth && ue >= 0 && ue <= window.innerHeight) {
+            const H = document.elementFromPoint(Y, ue);
+            if (H && !C.contains(H) && !re.current?.contains(H))
               return;
           }
-          l[_._id] = {
-            top: N.top + window.scrollY,
-            left: N.left + window.scrollX,
-            width: N.width,
-            isModal: C
+          l[S._id] = {
+            top: I.top + window.scrollY,
+            left: I.left + window.scrollX,
+            width: I.width,
+            isModal: E
           };
         }
-      }), jt(l), le.current = null;
+      }), Ot(l), le.current = null;
     }));
-  }, [O]), K = ve(async () => {
+  }, [_]), K = be(async () => {
     if (n) {
       Q(!0);
       try {
@@ -1391,8 +1401,8 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
           headers: { "x-api-key": n }
         });
         if (l.ok) {
-          const f = await l.json();
-          Re(f.data || []);
+          const $ = ((await l.json()).data || []).reduce((S, C) => S.find((R) => R._id === C._id) ? S : S.concat([C]), []);
+          Oe($);
         }
       } catch (l) {
         console.error("Failed to fetch annotations", l);
@@ -1402,99 +1412,99 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
     }
   }, [n, a]);
   X(() => {
-    A && O.length === 0 && !oe && G(!1);
-  }, [A, O.length, oe]), X(() => {
-    if (!d && O.length > 0) {
+    A && _.length === 0 && !oe && G(!1);
+  }, [A, _.length, oe]), X(() => {
+    if (!d && _.length > 0) {
       de();
-      const l = new MutationObserver(() => de()), f = new ResizeObserver(() => de()), g = () => de();
+      const l = new MutationObserver(() => de()), f = new ResizeObserver(() => de()), h = () => de();
       return l.observe(document.documentElement, {
         childList: !0,
         subtree: !0,
         attributes: !0
-      }), f.observe(document.documentElement), window.addEventListener("scroll", g, !0), () => {
-        l.disconnect(), f.disconnect(), window.removeEventListener("scroll", g, !0), le.current && cancelAnimationFrame(le.current);
+      }), f.observe(document.documentElement), window.addEventListener("scroll", h, !0), () => {
+        l.disconnect(), f.disconnect(), window.removeEventListener("scroll", h, !0), le.current && cancelAnimationFrame(le.current);
       };
     }
-  }, [d, O.length, de]), X(() => {
+  }, [d, _.length, de]), X(() => {
     K();
   }, [K]), X(() => {
     re.current = document.getElementById("viewgate-shadow-host");
   }, []);
-  const _e = ve((l) => {
+  const Ve = be((l) => {
     if (!d || m) return;
-    const f = ut(l.clientX, l.clientY);
+    const f = pt(l.clientX, l.clientY);
     if (!f || re.current?.contains(f) || f.closest(".vg-no-capture")) {
       w(null);
       return;
     }
-    const g = f.getBoundingClientRect();
+    const h = f.getBoundingClientRect();
     w({
       tag: f.tagName.toLowerCase(),
       source: f.getAttribute("data-source-path") || "unknown:0",
-      rect: g,
+      rect: h,
       element: f,
       previewText: (f.innerText || "").slice(0, 100) || (f.getAttribute("placeholder") || "").slice(0, 100) || f.tagName.toLowerCase(),
       semanticReference: {
-        ...xn(f),
+        ...wn(f),
         normalizedOffset: {
-          x: (l.clientX - g.left) / g.width,
-          y: (l.clientY - g.top) / g.height
+          x: (l.clientX - h.left) / h.width,
+          y: (l.clientY - h.top) / h.height
         }
       }
     });
-  }, [d, m]), Te = ve(async (l) => {
+  }, [d, m]), Pe = be(async (l) => {
     if (!d || m) return;
-    const f = ut(l.clientX, l.clientY);
+    const f = pt(l.clientX, l.clientY);
     if (!(!f || re.current?.contains(f) || f.closest(".vg-no-capture")) && u) {
       l.preventDefault(), l.stopPropagation(), D(!0);
       try {
-        const _ = window.scrollX, k = window.scrollY, C = await ct(document.documentElement, {
+        const S = window.scrollX, C = window.scrollY, E = await dt(document.documentElement, {
           pixelRatio: 1.5,
           cacheBust: !0,
           width: window.innerWidth,
           height: window.innerHeight,
           backgroundColor: "#ffffff",
           style: {
-            transform: `scale(${1 / window.devicePixelRatio}) translate(-${_}px, -${k}px)`,
+            transform: `scale(${1 / window.devicePixelRatio}) translate(-${S}px, -${C}px)`,
             transformOrigin: "top left"
           },
-          filter: (Y) => {
-            const we = Y;
-            return !(re.current?.contains(we) || we.id === "viewgate-ui");
+          filter: (H) => {
+            const ve = H;
+            return !(re.current?.contains(ve) || ve.id === "viewgate-ui");
           }
-        }), R = u.element.getBoundingClientRect(), N = R.top >= 0 && R.left >= 0 && R.bottom <= window.innerHeight && R.right <= window.innerWidth;
-        let q = "";
-        if (N && R.width > 0 && R.height > 0)
-          q = await lt(C, R, 24, 1.5);
+        }), R = u.element.getBoundingClientRect(), I = R.top >= 0 && R.left >= 0 && R.bottom <= window.innerHeight && R.right <= window.innerWidth;
+        let Y = "";
+        if (I && R.width > 0 && R.height > 0)
+          Y = await ut(E, R, 24, 1.5);
         else
           try {
-            q = await ct(u.element, {
+            Y = await dt(u.element, {
               pixelRatio: 2,
               cacheBust: !0,
               backgroundColor: "#ffffff",
-              filter: (Y) => {
-                const we = Y;
-                return !re.current?.contains(we);
+              filter: (H) => {
+                const ve = H;
+                return !re.current?.contains(ve);
               }
             });
           } catch {
-            q = await lt(C, R, 24, 1.5);
+            Y = await ut(E, R, 24, 1.5);
           }
         const ue = {
           ...u.semanticReference,
           metadata: {
             ...u.semanticReference.metadata,
-            screenshotUrl: C,
-            elementScreenshot: q
+            screenshotUrl: E,
+            elementScreenshot: Y
           }
         };
         x({
           ...u,
-          visualPreview: q,
+          visualPreview: Y,
           semanticReference: ue
         });
-      } catch (g) {
-        console.error("Failed to capture preview:", g), x(u);
+      } catch (h) {
+        console.error("Failed to capture preview:", h), x(u);
       } finally {
         D(!1), w(null);
       }
@@ -1506,24 +1516,24 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
         m ? x(null) : A ? G(!1) : d && p(!1);
         return;
       }
-      const M = (() => {
-        let C = document.activeElement;
-        for (; C && C.shadowRoot && C.shadowRoot.activeElement; )
-          C = C.shadowRoot.activeElement;
-        return C;
+      const $ = (() => {
+        let E = document.activeElement;
+        for (; E && E.shadowRoot && E.shadowRoot.activeElement; )
+          E = E.shadowRoot.activeElement;
+        return E;
       })();
-      if (["input", "textarea"].includes((M?.tagName || "").toLowerCase()) || M?.isContentEditable) return;
-      const k = f.key.toLowerCase();
-      k === "c" && !m && !A && p((C) => !C), k === "v" && !m && (O.length > 0 || A) && (G((C) => !C), A || p(!1));
+      if (["input", "textarea"].includes(($?.tagName || "").toLowerCase()) || $?.isContentEditable) return;
+      const C = f.key.toLowerCase();
+      C === "c" && !m && !A && p((E) => !E), C === "v" && !m && (_.length > 0 || A) && (G((E) => !E), A || p(!1));
     };
-    return d && !m ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", l), window.addEventListener("mousemove", _e, !0), window.addEventListener("click", Te, !0), () => {
-      document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", l), window.removeEventListener("mousemove", _e, !0), window.removeEventListener("click", Te, !0);
+    return d && !m ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", l), window.addEventListener("mousemove", Ve, !0), window.addEventListener("click", Pe, !0), () => {
+      document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", l), window.removeEventListener("mousemove", Ve, !0), window.removeEventListener("click", Pe, !0);
     };
-  }, [d, m, A, O, _e, Te]);
-  const Ot = async () => {
+  }, [d, m, A, _, Ve, Pe]);
+  const _t = async () => {
     if (!m || !y.trim()) return;
     P(!0);
-    const { semanticReference: l } = m, [f, g] = (l.source || "").split(":"), M = g || "0";
+    const { semanticReference: l } = m, [f, h] = (l.source || "").split(":"), $ = h || "0";
     try {
       if (!(await fetch(`${a}/api/annotations`, {
         method: "POST",
@@ -1533,7 +1543,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
         },
         body: JSON.stringify({
           filePath: f,
-          line: parseInt(M),
+          line: parseInt($),
           url: window.location.href,
           message: y,
           componentName: l.componentPath || m.tag,
@@ -1549,21 +1559,21 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
         })
       })).ok) throw new Error("Backend failed");
       e(r.success, "success"), x(null), b(""), p(!1), K();
-    } catch (_) {
-      console.error(_), e(r.error, "error");
+    } catch (S) {
+      console.error(S), e(r.error, "error");
     } finally {
       P(!1);
     }
   };
-  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:987", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:988", className: "vg-no-capture", children: [
+  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1021", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1022", className: "vg-no-capture", children: [
     !i && /* @__PURE__ */ o.jsxs(
       "div",
       {
         style: {
           position: "fixed",
-          top: `${B.top}px`,
-          right: `${B.right}px`,
-          zIndex: Ge + 10,
+          top: `${U.top}px`,
+          right: `${U.right}px`,
+          zIndex: Le + 10,
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -1597,14 +1607,14 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
               onMouseLeave: (l) => {
                 l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", l.currentTarget.style.color = "#1e293b";
               },
-              children: /* @__PURE__ */ o.jsx(Qe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1032", size: 14 })
+              children: /* @__PURE__ */ o.jsx(tt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1066", size: 14 })
             }
           ),
           /* @__PURE__ */ o.jsx(
             "button",
             {
               onClick: (l) => {
-                l.stopPropagation(), H({
+                l.stopPropagation(), W({
                   title: r.exitConfirmTitle || "Close ViewGate?",
                   message: r.exitConfirmMessage || "Are you sure you want to close ViewGate?",
                   type: "danger",
@@ -1633,7 +1643,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
               onMouseLeave: (l) => {
                 l.currentTarget.style.transform = "scale(1) rotate(0deg)", l.currentTarget.style.color = "#64748b", l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.9)";
               },
-              children: /* @__PURE__ */ o.jsx(Pe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1072", size: 20, strokeWidth: 2.5 })
+              children: /* @__PURE__ */ o.jsx(Ge, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1106", size: 20, strokeWidth: 2.5 })
             }
           )
         ]
@@ -1642,23 +1652,23 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
     /* @__PURE__ */ o.jsxs(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1078",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1112",
         style: {
           position: "fixed",
-          bottom: `${E.bottom}px`,
-          right: `${E.right}px`,
-          zIndex: Ge,
+          bottom: `${k.bottom}px`,
+          right: `${k.right}px`,
+          zIndex: Le,
           display: "flex",
           alignItems: "center",
           gap: "8px",
-          transition: U ? "none" : "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
+          transition: q ? "none" : "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
         },
         id: "viewgate-ui",
         children: [
           /* @__PURE__ */ o.jsx(
             "div",
             {
-              onMouseDown: je,
+              onMouseDown: _e,
               style: {
                 width: "24px",
                 height: "40px",
@@ -1683,10 +1693,10 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
                 l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", l.currentTarget.style.color = "#1e293b";
               },
               className: "vg-animate-slide-up",
-              children: /* @__PURE__ */ o.jsx(Qe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1121", size: 16 })
+              children: /* @__PURE__ */ o.jsx(tt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1155", size: 16 })
             }
           ),
-          /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1124", 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:1158", 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",
               {
@@ -1696,13 +1706,13 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
                   padding: "12px 24px",
                   background: d ? "#ef4444" : void 0
                 },
-                children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1133", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                  d ? /* @__PURE__ */ o.jsx(Pe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1134", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(Ve, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1134", size: 20, className: "vg-animate-pop" }),
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1135", children: d ? r.exitMode : r.enterMode })
+                children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1167", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                  d ? /* @__PURE__ */ o.jsx(Ge, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1168", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1168", size: 20, className: "vg-animate-pop" }),
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1169", children: d ? r.exitMode : r.enterMode })
                 ] })
               }
             ),
-            O.length > 0 && /* @__PURE__ */ o.jsxs(
+            _.length > 0 && /* @__PURE__ */ o.jsxs(
               "button",
               {
                 onClick: () => {
@@ -1711,8 +1721,8 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
                 className: "vg-button-ghost vg-animate-pop",
                 style: { animationDelay: "0.1s" },
                 children: [
-                  /* @__PURE__ */ o.jsx(Yt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1148", size: 20 }),
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1149", children: r.viewComments })
+                  /* @__PURE__ */ o.jsx(Xt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1182", size: 20 }),
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1183", children: r.viewComments })
                 ]
               }
             )
@@ -1720,7 +1730,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
         ]
       }
     ),
-    z && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1157", style: {
+    z && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1191", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1731,16 +1741,16 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: Ge + 1,
+      zIndex: Le + 1,
       cursor: "wait"
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1163", 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:1164", className: "vg-spinner" }),
-      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1165", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1197", 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:1198", className: "vg-spinner" }),
+      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1199", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
     ] }) }),
     d && !m && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1172",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1206",
         className: "vg-backdrop-blur",
         style: {
           opacity: 1,
@@ -1752,36 +1762,36 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
                                 ${u.rect.left}px ${u.rect.bottom}px,
                                 ${u.rect.left}px ${u.rect.top}px
                             )` : "none",
-          zIndex: sn
+          zIndex: an
         }
       }
     ),
     d && u && !m && !z && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1191",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1225",
         className: "vg-selection-pulse",
         style: {
           top: u.rect.top - 4,
           left: u.rect.left - 4,
           width: u.rect.width + 8,
           height: u.rect.height + 8,
-          zIndex: an
+          zIndex: on
         },
         children: /* @__PURE__ */ o.jsxs(
           "div",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1201",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1235",
             className: "vg-selection-label",
             style: {
               ...u.rect.top < 60 ? u.rect.bottom > window.innerHeight - 60 ? { top: "8px", bottom: "auto" } : { top: "100%", marginTop: "8px", bottom: "auto" } : { top: "-40px", bottom: "auto" },
               ...u.rect.left + 200 > window.innerWidth ? { left: "auto", right: "0" } : { left: "0", right: "auto" }
             },
             children: [
-              /* @__PURE__ */ o.jsx(er, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1217", size: 16 }),
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1218", style: { display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1219", style: { fontWeight: 700 }, children: r.selectToComment }),
-                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1220", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
+              /* @__PURE__ */ o.jsx(tr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1251", size: 16 }),
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1252", style: { display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1253", style: { fontWeight: 700 }, children: r.selectToComment }),
+                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1254", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
                   Math.round(u.rect.width),
                   " × ",
                   Math.round(u.rect.height)
@@ -1792,7 +1802,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
         )
       }
     ),
-    m && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1230", className: "vg-animate-fade", style: {
+    m && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1264", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1803,14 +1813,14 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: $e
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1235", className: "vg-glassmorphism vg-animate-slide", style: {
+      zIndex: Ne
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1269", 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:1239", style: { textAlign: "center", marginBottom: "32px" }, children: [
-        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1240", style: {
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1273", style: { textAlign: "center", marginBottom: "32px" }, children: [
+        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1274", style: {
           width: "48px",
           height: "48px",
           background: "var(--vg-primary-gradient)",
@@ -1821,11 +1831,11 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
           margin: "0 auto 16px",
           color: "white",
           boxShadow: "0 8px 16px rgba(99, 102, 241, 0.3)"
-        }, children: /* @__PURE__ */ o.jsx(Ve, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1245", size: 24 }) }),
-        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1247", 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:1248", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
+        }, children: /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1279", size: 24 }) }),
+        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1281", 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:1282", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
       ] }),
-      m.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1252", style: {
+      m.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1286", style: {
         marginBottom: "24px",
         borderRadius: "12px",
         overflow: "hidden",
@@ -1853,7 +1863,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
           style: { fontSize: "15px", padding: "16px", marginBottom: "24px" }
         }
       ),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1279", style: { display: "flex", gap: "12px" }, children: [
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1313", style: { display: "flex", gap: "12px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
@@ -1867,19 +1877,19 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            onClick: Ot,
+            onClick: _t,
             className: "vg-button-primary",
             disabled: T || !y.trim(),
             style: { flex: 2 },
-            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1294", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              T ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1295", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(or, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1295", size: 18 }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1296", children: T ? r.submitting : r.sendFeedback || "Send Comment" })
+            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1328", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+              T ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1329", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(ir, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1329", size: 18 }),
+              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1330", children: T ? r.submitting : r.sendFeedback || "Send Comment" })
             ] })
           }
         )
       ] })
     ] }) }),
-    A && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1306", className: "vg-animate-fade", style: {
+    A && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1340", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1890,24 +1900,24 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: $e
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1311", className: "vg-glassmorphism vg-animate-slide", style: {
+      zIndex: Ne
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1345", 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:1315", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1316", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1317", 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:1321", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: O.length })
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1349", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1350", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1351", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: B ? r.commentDetails : r.annotations }),
+          !B && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1355", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: _.length })
         ] }),
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1326", style: { display: "flex", gap: "8px" }, children: [
-          W && /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1360", style: { display: "flex", gap: "8px" }, children: [
+          B && /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1328",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1362",
               className: "vg-button-ghost",
               style: { padding: "6px 14px", fontSize: "12px" },
               onClick: () => ee(null),
@@ -1917,21 +1927,21 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
           /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1336",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1370",
               className: "vg-button-ghost",
               style: { padding: "8px", borderRadius: "50%" },
               onClick: () => {
                 G(!1), ee(null);
               },
-              children: /* @__PURE__ */ o.jsx(Pe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1341", size: 20 })
+              children: /* @__PURE__ */ o.jsx(Ge, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1375", size: 20 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1346", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: oe ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1348", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1349", className: "vg-spinner" }) }) : (W ? O.filter((l) => l._id === W) : O).map((l, f) => /* @__PURE__ */ o.jsxs(
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1380", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: oe ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1382", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1383", className: "vg-spinner" }) }) : (B ? _.filter((l) => l._id === B) : _).map((l, f) => /* @__PURE__ */ o.jsxs(
         "div",
         {
-          "data-source-path": "/src/components/ViewGateOverlay.tsx:1353",
+          "data-source-path": "/src/components/ViewGateOverlay.tsx:1387",
           className: "vg-glassmorphism vg-animate-slide",
           style: {
             padding: "20px",
@@ -1941,34 +1951,34 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
             animationDelay: `${f * 0.05}s`
           },
           children: [
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1364", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1365", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
-              l.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1367", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
-                /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1368", size: 14 }),
+            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1398", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1399", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+              l.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1401", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
+                /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1402", size: 14 }),
                 " ",
                 r.readyForReview
-              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1371", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
-                /* @__PURE__ */ o.jsx(Ze, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1372", size: 14 }),
+              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1405", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
+                /* @__PURE__ */ o.jsx(Qe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1406", size: 14 }),
                 " ",
                 r.pending
               ] }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1375", style: { fontSize: "12px", color: "#000000" }, children: dn(l.timestamp || l.createdAt || l.reference?.timestamp, t) })
+              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1409", style: { fontSize: "12px", color: "#000000" }, children: un(l.timestamp || l.createdAt || l.reference?.timestamp, t) })
             ] }) }),
-            We === l._id ? /* @__PURE__ */ o.jsx(
+            Ue === l._id ? /* @__PURE__ */ o.jsx(
               "textarea",
               {
                 className: "vg-textarea",
-                value: Be,
-                onChange: (g) => Ue(g.target.value),
+                value: qe,
+                onChange: (h) => Ye(h.target.value),
                 rows: 3,
                 autoFocus: !0,
                 style: { marginBottom: "16px" }
               }
-            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1391", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: l.message }),
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1394", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: We === l._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1425", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: l.message }),
+            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1428", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: Ue === l._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1397",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1431",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: async () => {
@@ -1976,8 +1986,8 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
                       (await fetch(`${a}/api/annotations/${l._id}`, {
                         method: "PATCH",
                         headers: { "Content-Type": "application/json", "x-api-key": n },
-                        body: JSON.stringify({ message: Be })
-                      })).ok && (Oe(null), K(), e(r.updateSuccess, "success"));
+                        body: JSON.stringify({ message: qe })
+                      })).ok && (Te(null), K(), e(r.updateSuccess, "success"));
                     } catch {
                       e(r.error, "error");
                     }
@@ -1985,19 +1995,19 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
                   children: r.save
                 }
               ),
-              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1419", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Oe(null), children: r.cancel })
+              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1453", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Te(null), children: r.cancel })
             ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1423",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1457",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: () => {
-                    Oe(l._id), Ue(l.message);
+                    Te(l._id), Ye(l.message);
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(rr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1431", size: 14 }),
+                    /* @__PURE__ */ o.jsx(nr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1465", size: 14 }),
                     " ",
                     r.edit
                   ]
@@ -2006,14 +2016,14 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1433",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1467",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.05s" },
                   onClick: () => {
                     l.url && (window.location.href = l.url);
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(Ke, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1440", size: 14 }),
+                    /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1474", size: 14 }),
                     " ",
                     r.review
                   ]
@@ -2022,11 +2032,11 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
               l.status === "pending" ? /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1443",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1477",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
-                    H({
+                    W({
                       title: r.markReadyConfirm,
                       message: r.confirmMarkReady,
                       type: "success",
@@ -2040,13 +2050,13 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          H(null);
+                          W(null);
                         }
                       }
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1471", size: 14 }),
+                    /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1505", size: 14 }),
                     " ",
                     r.markReady
                   ]
@@ -2054,11 +2064,11 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
               ) : /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1474",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1508",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
-                    H({
+                    W({
                       title: r.reopenConfirm,
                       message: r.confirmReopen,
                       type: "success",
@@ -2073,13 +2083,13 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          H(null);
+                          W(null);
                         }
                       }
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(sr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1502", size: 14 }),
+                    /* @__PURE__ */ o.jsx(ar, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1536", size: 14 }),
                     " ",
                     r.reopen
                   ]
@@ -2088,11 +2098,11 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1505",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1539",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 12px", color: "#ef4444", borderColor: "#fee2e2", animationDelay: "0.15s" },
                   onClick: () => {
-                    H({
+                    W({
                       title: r.deleteConfirm,
                       message: r.confirmDelete,
                       type: "danger",
@@ -2105,12 +2115,12 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          H(null);
+                          W(null);
                         }
                       }
                     });
                   },
-                  children: /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1532", size: 16 })
+                  children: /* @__PURE__ */ o.jsx(rt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1566", size: 16 })
                 }
               )
             ] }) })
@@ -2119,7 +2129,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
         l._id
       )) })
     ] }) }),
-    F && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1547", className: "vg-animate-fade", style: {
+    F && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1581", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -2130,15 +2140,15 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: $e + 100
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1552", className: "vg-glassmorphism vg-animate-slide", style: {
+      zIndex: Ne + 100
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1586", 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:1559", style: {
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1593", style: {
         width: "64px",
         height: "64px",
         background: F.type === "danger" ? "rgba(239, 68, 68, 0.1)" : "rgba(99, 102, 241, 0.1)",
@@ -2149,17 +2159,17 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
         margin: "0 auto 24px",
         color: F.type === "danger" ? "#ef4444" : "#6366f1",
         transform: "rotate(-5deg)"
-      }, children: F.type === "danger" ? /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1568", size: 32 }) : /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1568", size: 32 }) }),
-      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1570", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: F.title }),
-      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1571", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: F.message }),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1572", style: { display: "flex", gap: "16px" }, children: [
+      }, children: F.type === "danger" ? /* @__PURE__ */ o.jsx(rt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1602", size: 32 }) : /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1602", size: 32 }) }),
+      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1604", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: F.title }),
+      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1605", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: F.message }),
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1606", style: { display: "flex", gap: "16px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1573",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1607",
             className: "vg-button-ghost",
             style: { flex: 1, height: "44px" },
-            onClick: () => !Z && H(null),
+            onClick: () => !Z && W(null),
             disabled: Z,
             children: r.no
           }
@@ -2167,7 +2177,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1581",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1615",
             className: "vg-button-primary",
             style: {
               flex: 1,
@@ -2190,16 +2200,16 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
                 ie(!1);
               }
             },
-            children: Z ? /* @__PURE__ */ o.jsx(Zt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1606", size: 18, className: "vg-animate-spin" }) : r.yes
+            children: Z ? /* @__PURE__ */ o.jsx(Kt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1640", size: 18, className: "vg-animate-spin" }) : r.yes
           }
         )
       ] })
     ] }) }),
-    !d && !A && O.map((l, f) => {
-      const g = Rt[l._id];
-      if (!g) return null;
-      const _ = O.slice(0, f).filter(
-        (k) => k.reference?.selector && k.reference.selector === l.reference?.selector
+    !d && !A && _.map((l, f) => {
+      const h = jt[l._id];
+      if (!h) return null;
+      const S = _.slice(0, f).filter(
+        (C) => C.reference?.selector && C.reference.selector === l.reference?.selector
       ).length * 34;
       return /* @__PURE__ */ o.jsxs(
         "div",
@@ -2207,38 +2217,38 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
           className: "vg-pin-container vg-animate-pop",
           style: {
             position: "fixed",
-            top: g.top - 20 - window.scrollY,
-            left: g.left + g.width / 2 - 16 + _ - window.scrollX,
+            top: h.top - 20 - window.scrollY,
+            left: h.left + h.width / 2 - 16 + S - window.scrollX,
             cursor: "pointer",
             animationDelay: `${f * 0.08}s`,
             transition: "all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-            zIndex: on - f
+            zIndex: cn - f
             // Ensure staggered pins don't overlap tooltips weirdly
           },
-          onMouseEnter: (k) => {
-            const C = k.currentTarget.getBoundingClientRect();
-            window.innerHeight - C.bottom < 180 ? ye((N) => ({ ...N, [l._id]: "vg-top" })) : ye((N) => ({ ...N, [l._id]: "" }));
+          onMouseEnter: (C) => {
+            const E = C.currentTarget.getBoundingClientRect();
+            window.innerHeight - E.bottom < 180 ? xe((I) => ({ ...I, [l._id]: "vg-top" })) : xe((I) => ({ ...I, [l._id]: "" }));
           },
           onClick: () => {
             G(!0), ee(l._id);
           },
           children: [
-            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1653", className: `vg-pin-tooltip ${ge[l._id] || ""}`, children: [
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1654", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: [
-                l.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1656", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
-                  /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1657", size: 12 }),
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1687", className: `vg-pin-tooltip ${ye[l._id] || ""}`, children: [
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1688", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: [
+                l.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1690", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
+                  /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1691", size: 12 }),
                   " ",
                   r.readyForReview
-                ] }) : /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1660", style: { display: "flex", alignItems: "center", gap: "6px", color: g.isModal ? "#f59e0b" : "#ea580c", fontWeight: 700, fontSize: "11px" }, children: [
-                  /* @__PURE__ */ o.jsx(Ze, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1661", size: 12 }),
+                ] }) : /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1694", style: { display: "flex", alignItems: "center", gap: "6px", color: h.isModal ? "#f59e0b" : "#ea580c", fontWeight: 700, fontSize: "11px" }, children: [
+                  /* @__PURE__ */ o.jsx(Qe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1695", size: 12 }),
                   " ",
                   r.pending
                 ] }),
-                g.isModal && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1665", style: { display: "flex", alignItems: "center", gap: "6px", color: "#f59e0b", fontWeight: 700, fontSize: "11px", marginLeft: "auto" }, children: /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1666", children: "MODAL" }) })
+                h.isModal && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1699", style: { display: "flex", alignItems: "center", gap: "6px", color: "#f59e0b", fontWeight: 700, fontSize: "11px", marginLeft: "auto" }, children: /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1700", children: "MODAL" }) })
               ] }),
-              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1670", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: l.message })
+              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1704", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: l.message })
             ] }),
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1673", className: `vg-formal-pin ${l.status === "ready_for_review" ? "ready" : ""} ${g.isModal ? "modal-variant" : ""}`, children: l.status === "ready_for_review" ? /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1674", size: 18 }) : g.isModal ? /* @__PURE__ */ o.jsx(Ke, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1674", size: 16 }) : /* @__PURE__ */ o.jsx(Ve, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1674", size: 16 }) })
+            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1707", className: `vg-formal-pin ${l.status === "ready_for_review" ? "ready" : ""} ${h.isModal ? "modal-variant" : ""}`, children: l.status === "ready_for_review" ? /* @__PURE__ */ o.jsx(ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1708", size: 18 }) : h.isModal ? /* @__PURE__ */ o.jsx(et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1708", size: 16 }) : /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1708", size: 16 }) })
           ]
         },
         `pin-${l._id}`
@@ -2246,7 +2256,7 @@ const ke = 2147483647, Ge = ke, $e = 2e6, sn = ke - 10, an = ke - 5, on = ke - 1
     })
   ] }) });
 };
-function kt(e, t, r) {
+function Rt(e, t, r) {
   if (!t.endsWith(".tsx") && !t.endsWith(".jsx") || t.includes("node_modules")) return e;
   const n = (d) => d.replace(/\\/g, "/"), a = n(t).replace(n(r), "");
   return e.split(`
@@ -2256,27 +2266,27 @@ function kt(e, t, r) {
   }).join(`
 `);
 }
-function En() {
+function Sn() {
   return {
     name: "vite-plugin-viewgate",
     enforce: "pre",
     transform(e, t) {
       return {
-        code: kt(e, t, process.cwd()),
+        code: Rt(e, t, process.cwd()),
         map: null
       };
     }
   };
 }
-function Sn(e) {
+function kn(e) {
   const t = this.resourcePath;
-  return t ? (process.env.NODE_ENV, kt(e, t, process.cwd())) : e;
+  return t ? (process.env.NODE_ENV, Rt(e, t, process.cwd())) : e;
 }
 export {
-  Cn as ViewGate,
-  wn as ViewGateOverlay,
-  kt as transformSourcePaths,
-  dr as useViewGate,
-  Sn as viewgateNextLoader,
-  En as viewgatePlugin
+  En as ViewGate,
+  vn as ViewGateOverlay,
+  Rt as transformSourcePaths,
+  ur as useViewGate,
+  kn as viewgateNextLoader,
+  Sn as viewgatePlugin
 };