viewgate-wrapper 1.10.6 → 1.10.7

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 pt, { useRef as Oe, useState as k, useEffect as J, forwardRef as Ke, createElement as _e, createContext as mt, useContext as ft, useCallback as fe } from "react";
-import { createPortal as ht } from "react-dom";
+import mt, { useRef as Oe, useState as k, useEffect as J, forwardRef as Ke, createElement as _e, createContext as ft, useContext as ht, useCallback as fe } from "react";
+import { createPortal as gt } from "react-dom";
 var he = { exports: {} }, le = {};
-var Ne;
-function gt() {
-  if (Ne) return le;
-  Ne = 1;
+var Le;
+function yt() {
+  if (Le) return le;
+  Le = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function r(n, a, s) {
     var i = null;
@@ -25,24 +25,24 @@ function gt() {
   return le.Fragment = t, le.jsx = r, le.jsxs = r, le;
 }
 var de = {};
-var Le;
-function yt() {
-  return Le || (Le = 1, process.env.NODE_ENV !== "production" && (function() {
+var Ne;
+function xt() {
+  return Ne || (Ne = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(c) {
       if (c == null) return null;
       if (typeof c == "function")
         return c.$$typeof === se ? null : c.displayName || c.name || null;
       if (typeof c == "string") return c;
       switch (c) {
-        case L:
+        case V:
           return "Fragment";
-        case q:
+        case M:
           return "Profiler";
-        case U:
+        case I:
           return "StrictMode";
         case ve:
           return "Suspense";
-        case I:
+        case z:
           return "SuspenseList";
         case $e:
           return "Activity";
@@ -51,16 +51,16 @@ function yt() {
         switch (typeof c.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), c.$$typeof) {
-          case V:
+          case R:
             return "Portal";
-          case T:
+          case P:
             return c.displayName || "Context";
-          case O:
+          case T:
             return (c._context.displayName || "Context") + ".Consumer";
           case S:
             var f = c.render;
             return c = c.displayName, c || (c = f.displayName || f.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
-          case M:
+          case F:
             return f = c.displayName || null, f !== null ? f : e(c.type) || "Memo";
           case ue:
             f = c._payload, c = c._init;
@@ -92,7 +92,7 @@ function yt() {
       }
     }
     function n(c) {
-      if (c === L) return "<>";
+      if (c === V) return "<>";
       if (typeof c == "object" && c !== null && c.$$typeof === ue)
         return "<...>";
       try {
@@ -134,7 +134,7 @@ function yt() {
         "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, f, C, E, z, D) {
+    function u(c, f, C, E, D, W) {
       var b = C.ref;
       return c = {
         $$typeof: v,
@@ -159,15 +159,15 @@ function yt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
+        value: D
       }), Object.defineProperty(c, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: D
+        value: W
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function x(c, f, C, E, z, D) {
+    function x(c, f, C, E, D, W) {
       var b = f.children;
       if (b !== void 0)
         if (E)
@@ -182,10 +182,10 @@ function yt() {
         else m(b);
       if (pe.call(f, "key")) {
         b = e(c);
-        var P = Object.keys(f).filter(function(ie) {
+        var A = Object.keys(f).filter(function(ie) {
           return ie !== "key";
         });
-        E = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", Q[b + E] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
+        E = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", Q[b + E] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -194,7 +194,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           E,
           b,
-          P,
+          A,
           b
         ), Q[b + E] = !0);
       }
@@ -211,29 +211,29 @@ React keys must be passed directly to JSX without using spread:
         b,
         C,
         a(),
-        z,
-        D
+        D,
+        W
       );
     }
     function m(c) {
-      w(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === ue && (c._payload.status === "fulfilled" ? w(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
+      g(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === ue && (c._payload.status === "fulfilled" ? g(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
-    function w(c) {
+    function g(c) {
       return typeof c == "object" && c !== null && c.$$typeof === v;
     }
-    var g = pt, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), V = /* @__PURE__ */ Symbol.for("react.portal"), L = /* @__PURE__ */ Symbol.for("react.fragment"), U = /* @__PURE__ */ Symbol.for("react.strict_mode"), q = /* @__PURE__ */ Symbol.for("react.profiler"), O = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), S = /* @__PURE__ */ Symbol.for("react.forward_ref"), ve = /* @__PURE__ */ Symbol.for("react.suspense"), I = /* @__PURE__ */ Symbol.for("react.suspense_list"), M = /* @__PURE__ */ Symbol.for("react.memo"), ue = /* @__PURE__ */ Symbol.for("react.lazy"), $e = /* @__PURE__ */ Symbol.for("react.activity"), se = /* @__PURE__ */ Symbol.for("react.client.reference"), Z = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, pe = Object.prototype.hasOwnProperty, me = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var h = mt, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), R = /* @__PURE__ */ Symbol.for("react.portal"), V = /* @__PURE__ */ Symbol.for("react.fragment"), I = /* @__PURE__ */ Symbol.for("react.strict_mode"), M = /* @__PURE__ */ Symbol.for("react.profiler"), T = /* @__PURE__ */ Symbol.for("react.consumer"), P = /* @__PURE__ */ Symbol.for("react.context"), S = /* @__PURE__ */ Symbol.for("react.forward_ref"), ve = /* @__PURE__ */ Symbol.for("react.suspense"), z = /* @__PURE__ */ Symbol.for("react.suspense_list"), F = /* @__PURE__ */ Symbol.for("react.memo"), ue = /* @__PURE__ */ Symbol.for("react.lazy"), $e = /* @__PURE__ */ Symbol.for("react.activity"), se = /* @__PURE__ */ Symbol.for("react.client.reference"), Z = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, pe = Object.prototype.hasOwnProperty, me = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
+    h = {
       react_stack_bottom_frame: function(c) {
         return c();
       }
     };
-    var K, B = {}, ae = g.react_stack_bottom_frame.bind(
-      g,
+    var K, B = {}, ae = h.react_stack_bottom_frame.bind(
+      h,
       s
-    )(), oe = F(n(s)), Q = {};
-    de.Fragment = L, de.jsx = function(c, f, C) {
+    )(), oe = H(n(s)), Q = {};
+    de.Fragment = V, de.jsx = function(c, f, C) {
       var E = 1e4 > Z.recentlyCreatedOwnerStacks++;
       return x(
         c,
@@ -241,7 +241,7 @@ React keys must be passed directly to JSX without using spread:
         C,
         !1,
         E ? Error("react-stack-top-frame") : ae,
-        E ? F(n(c)) : oe
+        E ? H(n(c)) : oe
       );
     }, de.jsxs = function(c, f, C) {
       var E = 1e4 > Z.recentlyCreatedOwnerStacks++;
@@ -251,17 +251,17 @@ React keys must be passed directly to JSX without using spread:
         C,
         !0,
         E ? Error("react-stack-top-frame") : ae,
-        E ? F(n(c)) : oe
+        E ? H(n(c)) : oe
       );
     };
   })()), de;
 }
 var Ie;
-function xt() {
-  return Ie || (Ie = 1, process.env.NODE_ENV === "production" ? he.exports = gt() : he.exports = yt()), he.exports;
+function wt() {
+  return Ie || (Ie = 1, process.env.NODE_ENV === "production" ? he.exports = yt() : he.exports = xt()), he.exports;
 }
-var o = xt();
-const wt = ({ children: e }) => {
+var o = wt();
+const vt = ({ children: e }) => {
   const t = Oe(null), [r, n] = k(null);
   return J(() => {
     if (t.current && !t.current.shadowRoot) {
@@ -272,19 +272,19 @@ const wt = ({ 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 && ht(e, r) });
+  }, []), /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: t, id: "viewgate-shadow-host", children: r && gt(e, r) });
 };
 const Qe = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
-const vt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const bt = (e) => e.replace(
+const bt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Ct = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, r, n) => n ? n.toUpperCase() : r.toLowerCase()
 );
-const ze = (e) => {
-  const t = bt(e);
+const Me = (e) => {
+  const t = Ct(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
-var Ct = {
+var Et = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -295,13 +295,13 @@ var Ct = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const Et = (e) => {
+const St = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
   return !1;
 };
-const St = Ke(
+const kt = Ke(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -315,13 +315,13 @@ const St = Ke(
     "svg",
     {
       ref: p,
-      ...Ct,
+      ...Et,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: n ? Number(r) * 24 / Number(t) : r,
       className: Qe("lucide", a),
-      ...!s && !Et(l) && { "aria-hidden": "true" },
+      ...!s && !St(l) && { "aria-hidden": "true" },
       ...l
     },
     [
@@ -332,38 +332,38 @@ const St = Ke(
 );
 const N = (e, t) => {
   const r = Ke(
-    ({ className: n, ...a }, s) => _e(St, {
+    ({ className: n, ...a }, s) => _e(kt, {
       ref: s,
       iconNode: t,
       className: Qe(
-        `lucide-${vt(ze(e))}`,
+        `lucide-${bt(Me(e))}`,
         `lucide-${e}`,
         n
       ),
       ...a
     })
   );
-  return r.displayName = ze(e), r;
+  return r.displayName = Me(e), r;
 };
-const kt = [
+const Rt = [
   ["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" }]
-], Rt = N("circle-alert", kt);
-const jt = [
+], jt = N("circle-alert", Rt);
+const Ot = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], ne = N("circle-check", jt);
-const Ot = [
+], ne = N("circle-check", Ot);
+const _t = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-], Me = N("clock", Ot);
-const _t = [
+], ze = N("clock", _t);
+const Vt = [
   ["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" }]
-], Fe = N("external-link", _t);
-const Vt = [
+], Fe = N("external-link", Vt);
+const Tt = [
   [
     "path",
     {
@@ -372,9 +372,9 @@ const Vt = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], Tt = N("eye", Vt);
-const Pt = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], At = N("loader-circle", Pt);
-const Gt = [
+], Pt = N("eye", Tt);
+const At = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Gt = N("loader-circle", At);
+const $t = [
   [
     "path",
     {
@@ -382,8 +382,8 @@ const Gt = [
       key: "18887p"
     }
   ]
-], Ce = N("message-square", Gt);
-const $t = [
+], Ce = N("message-square", $t);
+const Lt = [
   [
     "path",
     {
@@ -391,8 +391,8 @@ const $t = [
       key: "edeuup"
     }
   ]
-], Nt = N("mouse-pointer-2", $t);
-const Lt = [
+], Nt = N("mouse-pointer-2", Lt);
+const It = [
   [
     "path",
     {
@@ -401,12 +401,12 @@ const Lt = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], It = N("pencil", Lt);
+], Mt = N("pencil", It);
 const zt = [
   ["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" }]
-], Mt = N("rotate-ccw", zt);
-const Ft = [
+], Ft = N("rotate-ccw", zt);
+const Dt = [
   [
     "path",
     {
@@ -415,18 +415,18 @@ const Ft = [
     }
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
-], Dt = N("send", Ft);
-const Ht = [
+], Ht = N("send", Dt);
+const Wt = [
   ["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" }]
-], De = N("trash-2", Ht);
-const Wt = [
+], De = N("trash-2", Wt);
+const Ut = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ee = N("x", Wt), Ut = {
+], Ee = N("x", Ut), qt = {
   en: {
     enterMode: "Enter Feedback Mode",
     exitMode: "Exit Mode",
@@ -469,7 +469,9 @@ const Wt = [
     save: "Save",
     commentDetails: "Comment Details",
     annotations: "Comments",
-    viewAll: "View All"
+    viewAll: "View All",
+    exitConfirmTitle: "Close ViewGate?",
+    exitConfirmMessage: "Are you sure you want to close ViewGate? You can reopen it at any time by adding ?viewgate=true to your URL."
   },
   es: {
     enterMode: "Activar Modo Comentarios",
@@ -513,13 +515,15 @@ const Wt = [
     save: "Guardar",
     commentDetails: "Detalles del Comentario",
     annotations: "Comentarios",
-    viewAll: "Ver Todos"
+    viewAll: "Ver Todos",
+    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."
   }
-}, et = mt(void 0), qt = () => {
-  const e = ft(et);
+}, et = ft(void 0), Bt = () => {
+  const e = ht(et);
   if (!e) throw new Error("useViewGate must be used within a ViewGateProvider");
   return e;
-}, Ve = "viewgate_enabled", Bt = () => typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("viewgate") ? (sessionStorage.setItem(Ve, "true"), !0) : sessionStorage.getItem(Ve) === "true", an = ({
+}, Ve = "viewgate_enabled", Yt = () => typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("viewgate") ? (sessionStorage.setItem(Ve, "true"), !0) : sessionStorage.getItem(Ve) === "true", on = ({
   children: e,
   language: t = "es",
   apiKey: r,
@@ -527,20 +531,20 @@ const Wt = [
 }) => {
   const [a, s] = k(!1), [i, l] = k([]);
   J(() => {
-    s(Bt());
+    s(Yt());
   }, []);
   const p = () => {
     if (sessionStorage.removeItem(Ve), s(!1), typeof window < "u") {
       const m = new URL(window.location.href);
       m.searchParams.delete("viewgate"), window.history.replaceState({}, "", m.toString());
     }
-  }, u = (m, w) => {
-    const g = Date.now();
-    l((v) => [...v, { id: g, message: m, type: w }]), setTimeout(() => {
-      l((v) => v.filter((V) => V.id !== g));
+  }, u = (m, g) => {
+    const h = Date.now();
+    l((v) => [...v, { id: h, message: m, type: g }]), setTimeout(() => {
+      l((v) => v.filter((R) => R.id !== h));
     }, 4e3);
-  }, x = Ut[t];
-  return /* @__PURE__ */ o.jsxs(et.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:244", value: {
+  }, x = qt[t];
+  return /* @__PURE__ */ o.jsxs(et.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:248", value: {
     addToast: u,
     language: t,
     t: x,
@@ -550,19 +554,19 @@ const Wt = [
     hasActiveToasts: i.length > 0
   }, children: [
     e,
-    a && /* @__PURE__ */ o.jsx(wt, { "data-source-path": "/src/components/ViewGateProvider.tsx:255", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:256", className: "vg-container", children: [
-      /* @__PURE__ */ o.jsx(rn, { "data-source-path": "/src/components/ViewGateProvider.tsx:257" }),
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:258", className: "vg-toasts", style: { zIndex: 2147483646 }, children: i.map((m) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:260", className: `vg-toast vg-animate-slide ${m.type}`, children: [
-        m.type === "success" ? /* @__PURE__ */ o.jsx(ne, { "data-source-path": "/src/components/ViewGateProvider.tsx:262", size: 24, color: "#22c55e" }) : /* @__PURE__ */ o.jsx(Rt, { "data-source-path": "/src/components/ViewGateProvider.tsx:264", size: 24, color: "#ef4444" }),
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:266", children: [
-          /* @__PURE__ */ o.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:267", style: { display: "block", fontSize: "13px", color: "#0f172a", textTransform: "uppercase", marginBottom: "2px" }, children: m.type === "success" ? x.successHeader : x.errorHeader }),
-          /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:270", style: { fontSize: "14px", color: "#64748b" }, children: m.message })
+    a && /* @__PURE__ */ o.jsx(vt, { "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(nn, { "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(ne, { "data-source-path": "/src/components/ViewGateProvider.tsx:266", size: 24, color: "#22c55e" }) : /* @__PURE__ */ o.jsx(jt, { "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" ? x.successHeader : x.errorHeader }),
+          /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:274", style: { fontSize: "14px", color: "#000000" }, children: m.message })
         ] })
       ] }, m.id)) })
     ] }) })
   ] });
 };
-function Yt(e, t) {
+function Xt(e, t) {
   if (e.match(/^[a-z]+:\/\//i))
     return e;
   if (e.match(/^\/\//))
@@ -572,7 +576,7 @@ function Yt(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 Xt = /* @__PURE__ */ (() => {
+const Jt = /* @__PURE__ */ (() => {
   let e = 0;
   const t = () => (
     // eslint-disable-next-line no-bitwise
@@ -580,7 +584,7 @@ const Xt = /* @__PURE__ */ (() => {
   );
   return () => (e += 1, `u${t()}${e}`);
 })();
-function W(e) {
+function q(e) {
   const t = [];
   for (let r = 0, n = e.length; r < n; r++)
     t.push(e[r]);
@@ -588,25 +592,25 @@ function W(e) {
 }
 let te = null;
 function tt(e = {}) {
-  return te || (e.includeStyleProperties ? (te = e.includeStyleProperties, te) : (te = W(window.getComputedStyle(document.documentElement)), te));
+  return te || (e.includeStyleProperties ? (te = e.includeStyleProperties, te) : (te = q(window.getComputedStyle(document.documentElement)), te));
 }
 function ge(e, t) {
   const n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
   return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function Jt(e) {
+function Zt(e) {
   const t = ge(e, "border-left-width"), r = ge(e, "border-right-width");
   return e.clientWidth + t + r;
 }
-function Zt(e) {
+function Kt(e) {
   const t = ge(e, "border-top-width"), r = ge(e, "border-bottom-width");
   return e.clientHeight + t + r;
 }
 function rt(e, t = {}) {
-  const r = t.width || Jt(e), n = t.height || Zt(e);
+  const r = t.width || Zt(e), n = t.height || Kt(e);
   return { width: r, height: n };
 }
-function Kt() {
+function Qt() {
   let e, t;
   try {
     t = process;
@@ -615,9 +619,9 @@ function Kt() {
   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 $ = 16384;
-function Qt(e) {
-  (e.width > $ || e.height > $) && (e.width > $ && e.height > $ ? e.width > e.height ? (e.height *= $ / e.width, e.width = $) : (e.width *= $ / e.height, e.height = $) : e.width > $ ? (e.height *= $ / e.width, e.width = $) : (e.width *= $ / e.height, e.height = $));
+const L = 16384;
+function er(e) {
+  (e.width > L || e.height > L) && (e.width > L && e.height > L ? e.width > e.height ? (e.height *= L / e.width, e.width = L) : (e.width *= L / e.height, e.height = L) : e.width > L ? (e.height *= L / e.width, e.width = L) : (e.width *= L / e.height, e.height = L));
 }
 function ye(e) {
   return new Promise((t, r) => {
@@ -629,50 +633,50 @@ function ye(e) {
     }, n.onerror = r, n.crossOrigin = "anonymous", n.decoding = "async", n.src = e;
   });
 }
-async function er(e) {
+async function tr(e) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
-async function tr(e, t, r) {
+async function rr(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), er(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), tr(a);
 }
-const A = (e, t) => {
+const G = (e, t) => {
   if (e instanceof t)
     return !0;
   const r = Object.getPrototypeOf(e);
-  return r === null ? !1 : r.constructor.name === t.name || A(r, t);
+  return r === null ? !1 : r.constructor.name === t.name || G(r, t);
 };
-function rr(e) {
+function nr(e) {
   const t = e.getPropertyValue("content");
   return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function nr(e, t) {
+function sr(e, t) {
   return tt(t).map((r) => {
     const n = e.getPropertyValue(r), a = e.getPropertyPriority(r);
     return `${r}: ${n}${a ? " !important" : ""};`;
   }).join(" ");
 }
-function sr(e, t, r, n) {
-  const a = `.${e}:${t}`, s = r.cssText ? rr(r) : nr(r, n);
+function ar(e, t, r, n) {
+  const a = `.${e}:${t}`, s = r.cssText ? nr(r) : sr(r, n);
   return document.createTextNode(`${a}{${s}}`);
 }
 function He(e, t, r, n) {
   const a = window.getComputedStyle(e, r), s = a.getPropertyValue("content");
   if (s === "" || s === "none")
     return;
-  const i = Xt();
+  const i = Jt();
   try {
     t.className = `${t.className} ${i}`;
   } catch {
     return;
   }
   const l = document.createElement("style");
-  l.appendChild(sr(i, r, a, n)), t.appendChild(l);
+  l.appendChild(ar(i, r, a, n)), t.appendChild(l);
 }
-function ar(e, t, r) {
+function or(e, t, r) {
   He(e, t, ":before", r), He(e, t, ":after", r);
 }
-const We = "application/font-woff", Ue = "image/jpeg", or = {
+const We = "application/font-woff", Ue = "image/jpeg", ir = {
   woff: We,
   woff2: We,
   ttf: "application/font-truetype",
@@ -685,21 +689,21 @@ const We = "application/font-woff", Ue = "image/jpeg", or = {
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function ir(e) {
+function cr(e) {
   const t = /\.([^./]*?)$/g.exec(e);
   return t ? t[1] : "";
 }
 function Ae(e) {
-  const t = ir(e).toLowerCase();
-  return or[t] || "";
+  const t = cr(e).toLowerCase();
+  return ir[t] || "";
 }
-function cr(e) {
+function lr(e) {
   return e.split(/,/)[1];
 }
 function Te(e) {
   return e.search(/^(data:)/) !== -1;
 }
-function lr(e, t) {
+function dr(e, t) {
   return `data:${t};base64,${e}`;
 }
 async function nt(e, t, r) {
@@ -719,19 +723,19 @@ async function nt(e, t, r) {
   });
 }
 const Se = {};
-function dr(e, t, r) {
+function ur(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 Ge(e, t, r) {
-  const n = dr(e, t, r.includeQueryParams);
+  const n = ur(e, t, r.includeQueryParams);
   if (Se[n] != null)
     return Se[n];
   r.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let a;
   try {
-    const s = await nt(e, r.fetchRequestInit, ({ res: i, result: l }) => (t || (t = i.headers.get("Content-Type") || ""), cr(l)));
-    a = lr(s, t);
+    const s = await nt(e, r.fetchRequestInit, ({ res: i, result: l }) => (t || (t = i.headers.get("Content-Type") || ""), lr(l)));
+    a = dr(s, t);
   } catch (s) {
     a = r.imagePlaceholder || "";
     let i = `Failed to fetch resource: ${e}`;
@@ -739,11 +743,11 @@ async function Ge(e, t, r) {
   }
   return Se[n] = a, a;
 }
-async function ur(e) {
+async function pr(e) {
   const t = e.toDataURL();
   return t === "data:," ? e.cloneNode(!1) : ye(t);
 }
-async function pr(e, t) {
+async function mr(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);
@@ -753,7 +757,7 @@ async function pr(e, t) {
   const r = e.poster, n = Ae(r), a = await Ge(r, n, t);
   return ye(a);
 }
-async function mr(e, t) {
+async function fr(e, t) {
   var r;
   try {
     if (!((r = e?.contentDocument) === null || r === void 0) && r.body)
@@ -762,42 +766,42 @@ async function mr(e, t) {
   }
   return e.cloneNode(!1);
 }
-async function fr(e, t) {
-  return A(e, HTMLCanvasElement) ? ur(e) : A(e, HTMLVideoElement) ? pr(e, t) : A(e, HTMLIFrameElement) ? mr(e, t) : e.cloneNode(st(e));
+async function hr(e, t) {
+  return G(e, HTMLCanvasElement) ? pr(e) : G(e, HTMLVideoElement) ? mr(e, t) : G(e, HTMLIFrameElement) ? fr(e, t) : e.cloneNode(st(e));
 }
-const hr = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", st = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
-async function gr(e, t, r) {
+const gr = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", st = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
+async function yr(e, t, r) {
   var n, a;
   if (st(t))
     return t;
   let s = [];
-  return hr(e) && e.assignedNodes ? s = W(e.assignedNodes()) : A(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = W(e.contentDocument.body.childNodes) : s = W(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || A(e, HTMLVideoElement) || await s.reduce((i, l) => i.then(() => xe(l, r)).then((p) => {
+  return gr(e) && e.assignedNodes ? s = q(e.assignedNodes()) : G(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = q(e.contentDocument.body.childNodes) : s = q(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || G(e, HTMLVideoElement) || await s.reduce((i, l) => i.then(() => xe(l, r)).then((p) => {
     p && t.appendChild(p);
   }), Promise.resolve()), t;
 }
-function yr(e, t, r) {
+function xr(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) : tt(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`), A(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`), G(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 xr(e, t) {
-  A(e, HTMLTextAreaElement) && (t.innerHTML = e.value), A(e, HTMLInputElement) && t.setAttribute("value", e.value);
-}
 function wr(e, t) {
-  if (A(e, HTMLSelectElement)) {
+  G(e, HTMLTextAreaElement) && (t.innerHTML = e.value), G(e, HTMLInputElement) && t.setAttribute("value", e.value);
+}
+function vr(e, t) {
+  if (G(e, HTMLSelectElement)) {
     const n = Array.from(t.children).find((a) => e.value === a.getAttribute("value"));
     n && n.setAttribute("selected", "");
   }
 }
-function vr(e, t, r) {
-  return A(t, Element) && (yr(e, t, r), ar(e, t, r), xr(e, t), wr(e, t)), t;
+function br(e, t, r) {
+  return G(t, Element) && (xr(e, t, r), or(e, t, r), wr(e, t), vr(e, t)), t;
 }
-async function br(e, t) {
+async function Cr(e, t) {
   const r = e.querySelectorAll ? e.querySelectorAll("use") : [];
   if (r.length === 0)
     return e;
@@ -822,30 +826,30 @@ async function br(e, t) {
   return e;
 }
 async function xe(e, t, r) {
-  return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => fr(n, t)).then((n) => gr(e, n, t)).then((n) => vr(e, n, t)).then((n) => br(n, t));
+  return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => hr(n, t)).then((n) => yr(e, n, t)).then((n) => br(e, n, t)).then((n) => Cr(n, t));
 }
-const at = /url\((['"]?)([^'"]+?)\1\)/g, Cr = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Er = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Sr(e) {
+const at = /url\((['"]?)([^'"]+?)\1\)/g, Er = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Sr = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function kr(e) {
   const t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function kr(e) {
+function Rr(e) {
   const t = [];
   return e.replace(at, (r, n, a) => (t.push(a), r)), t.filter((r) => !Te(r));
 }
-async function Rr(e, t, r, n, a) {
+async function jr(e, t, r, n, a) {
   try {
-    const s = r ? Yt(t, r) : t, i = Ae(t);
+    const s = r ? Xt(t, r) : t, i = Ae(t);
     let l;
-    return a || (l = await Ge(s, i, n)), e.replace(Sr(t), `$1${l}$3`);
+    return a || (l = await Ge(s, i, n)), e.replace(kr(t), `$1${l}$3`);
   } catch {
   }
   return e;
 }
-function jr(e, { preferredFontFormat: t }) {
-  return t ? e.replace(Er, (r) => {
+function Or(e, { preferredFontFormat: t }) {
+  return t ? e.replace(Sr, (r) => {
     for (; ; ) {
-      const [n, , a] = Cr.exec(r) || [];
+      const [n, , a] = Er.exec(r) || [];
       if (!a)
         return "";
       if (a === t)
@@ -859,8 +863,8 @@ function ot(e) {
 async function it(e, t, r) {
   if (!ot(e))
     return e;
-  const n = jr(e, r);
-  return kr(n).reduce((s, i) => s.then((l) => Rr(l, i, t, r)), Promise.resolve(n));
+  const n = Or(e, r);
+  return Rr(n).reduce((s, i) => s.then((l) => jr(l, i, t, r)), Promise.resolve(n));
 }
 async function re(e, t, r) {
   var n;
@@ -871,12 +875,12 @@ async function re(e, t, r) {
   }
   return !1;
 }
-async function Or(e, t) {
+async function _r(e, t) {
   await re("background", e, t) || await re("background-image", e, t), await re("mask", e, t) || await re("-webkit-mask", e, t) || await re("mask-image", e, t) || await re("-webkit-mask-image", e, t);
 }
-async function _r(e, t) {
-  const r = A(e, HTMLImageElement);
-  if (!(r && !Te(e.src)) && !(A(e, SVGImageElement) && !Te(e.href.baseVal)))
+async function Vr(e, t) {
+  const r = G(e, HTMLImageElement);
+  if (!(r && !Te(e.src)) && !(G(e, SVGImageElement) && !Te(e.href.baseVal)))
     return;
   const n = r ? e.src : e.href.baseVal, a = await Ge(n, Ae(n), t);
   await new Promise((s, i) => {
@@ -891,14 +895,14 @@ async function _r(e, t) {
     l.decode && (l.decode = s), l.loading === "lazy" && (l.loading = "eager"), r ? (e.srcset = "", e.src = a) : e.href.baseVal = a;
   });
 }
-async function Vr(e, t) {
-  const n = W(e.childNodes).map((a) => ct(a, t));
+async function Tr(e, t) {
+  const n = q(e.childNodes).map((a) => ct(a, t));
   await Promise.all(n).then(() => e);
 }
 async function ct(e, t) {
-  A(e, Element) && (await Or(e, t), await _r(e, t), await Vr(e, t));
+  G(e, Element) && (await _r(e, t), await Vr(e, t), await Tr(e, t));
 }
-function Tr(e, t) {
+function Pr(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;
@@ -948,21 +952,21 @@ function Xe(e) {
   }
   return t;
 }
-async function Pr(e, t) {
+async function Ar(e, t) {
   const r = [], n = [];
   return e.forEach((a) => {
     if ("cssRules" in a)
       try {
-        W(a.cssRules || []).forEach((s, i) => {
+        q(a.cssRules || []).forEach((s, i) => {
           if (s.type === CSSRule.IMPORT_RULE) {
             let l = i + 1;
             const p = s.href, u = Be(p).then((x) => Ye(x, t)).then((x) => Xe(x).forEach((m) => {
               try {
                 a.insertRule(m, m.startsWith("@import") ? l += 1 : a.cssRules.length);
-              } catch (w) {
+              } catch (g) {
                 console.error("Error inserting rule from remote css", {
                   rule: m,
-                  error: w
+                  error: g
                 });
               }
             })).catch((x) => {
@@ -982,7 +986,7 @@ async function Pr(e, t) {
   }), Promise.all(n).then(() => (e.forEach((a) => {
     if ("cssRules" in a)
       try {
-        W(a.cssRules || []).forEach((s) => {
+        q(a.cssRules || []).forEach((s) => {
           r.push(s);
         });
       } catch (s) {
@@ -990,19 +994,19 @@ async function Pr(e, t) {
       }
   }), r));
 }
-function Ar(e) {
+function Gr(e) {
   return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => ot(t.style.getPropertyValue("src")));
 }
-async function Gr(e, t) {
+async function $r(e, t) {
   if (e.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = W(e.ownerDocument.styleSheets), n = await Pr(r, t);
-  return Ar(n);
+  const r = q(e.ownerDocument.styleSheets), n = await Ar(r, t);
+  return Gr(n);
 }
 function lt(e) {
   return e.trim().replace(/["']/g, "");
 }
-function $r(e) {
+function Lr(e) {
   const t = /* @__PURE__ */ new Set();
   function r(n) {
     (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((s) => {
@@ -1014,42 +1018,42 @@ function $r(e) {
   return r(e), t;
 }
 async function Nr(e, t) {
-  const r = await Gr(e, t), n = $r(e);
+  const r = await $r(e, t), n = Lr(e);
   return (await Promise.all(r.filter((s) => n.has(lt(s.style.fontFamily))).map((s) => {
     const i = s.parentStyleSheet ? s.parentStyleSheet.href : null;
     return it(s.cssText, i, t);
   }))).join(`
 `);
 }
-async function Lr(e, t) {
+async function Ir(e, t) {
   const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await Nr(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 Ir(e, t = {}) {
+async function Mr(e, t = {}) {
   const { width: r, height: n } = rt(e, t), a = await xe(e, t, !0);
-  return await Lr(a, t), await ct(a, t), Tr(a, t), await tr(a, r, n);
+  return await Ir(a, t), await ct(a, t), Pr(a, t), await rr(a, r, n);
 }
 async function zr(e, t = {}) {
-  const { width: r, height: n } = rt(e, t), a = await Ir(e, t), s = await ye(a), i = document.createElement("canvas"), l = i.getContext("2d"), p = t.pixelRatio || Kt(), u = t.canvasWidth || r, x = t.canvasHeight || n;
-  return i.width = u * p, i.height = x * p, t.skipAutoScale || Qt(i), i.style.width = `${u}`, i.style.height = `${x}`, t.backgroundColor && (l.fillStyle = t.backgroundColor, l.fillRect(0, 0, i.width, i.height)), l.drawImage(s, 0, 0, i.width, i.height), i;
+  const { width: r, height: n } = rt(e, t), a = await Mr(e, t), s = await ye(a), i = document.createElement("canvas"), l = i.getContext("2d"), p = t.pixelRatio || Qt(), u = t.canvasWidth || r, x = t.canvasHeight || n;
+  return i.width = u * p, i.height = x * p, t.skipAutoScale || er(i), i.style.width = `${u}`, i.style.height = `${x}`, t.backgroundColor && (l.fillStyle = t.backgroundColor, l.fillRect(0, 0, i.width, i.height)), l.drawImage(s, 0, 0, i.width, i.height), i;
 }
-async function Mr(e, t = {}) {
+async function Fr(e, t = {}) {
   return (await zr(e, t)).toDataURL("image/jpeg", t.quality || 1);
 }
-const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 15, Wr = () => {
+const we = 2147483647, ke = we, Re = 2e6, Dr = we - 10, Hr = we - 5, Wr = we - 15, Ur = () => {
   const e = window.innerWidth;
   return e < 768 ? "mobile" : e < 1024 ? "tablet" : "desktop";
-}, Ur = (e) => {
+}, qr = (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);
-}, qr = (e, t) => {
+}, Br = (e, t) => {
   if (!e) return "";
   try {
     const r = new Date(e);
@@ -1064,10 +1068,10 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
   } catch {
     return "";
   }
-}, Br = (e) => {
+}, Yr = (e) => {
   const t = (e.innerText || "").slice(0, 30).trim(), r = {
     tag: e.tagName.toLowerCase(),
-    classHash: Ur(e.className),
+    classHash: qr(e.className),
     textSnippet: t,
     parentTag: e.parentElement?.tagName.toLowerCase(),
     neighborCount: e.parentElement?.children.length || 0
@@ -1077,7 +1081,7 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
   a && (r.role = a);
   const s = e.getAttribute("name");
   return s && (r.name = s), r;
-}, Yr = /* @__PURE__ */ (() => {
+}, Xr = /* @__PURE__ */ (() => {
   let e = null, t = null;
   return (r) => {
     if (!r || typeof window > "u" || typeof document > "u") return r;
@@ -1098,7 +1102,7 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
       }
     return r;
   };
-})(), Xr = (e, t, r, n) => new Promise((a) => {
+})(), Jr = (e, t, r, n) => new Promise((a) => {
   const s = new Image();
   s.onload = () => {
     const i = document.createElement("canvas"), l = window.devicePixelRatio || 1, p = t.width + r * 2, u = t.height + r * 2;
@@ -1106,22 +1110,22 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
     const x = i.getContext("2d");
     if (x) {
       x.scale(l, l);
-      const m = (t.left - r) * n, w = (t.top - r) * n, g = p * n, v = u * n;
-      x.drawImage(
+      let m = (t.left - r) * n, g = (t.top - r) * n, h = p * n, v = u * n, R = 0, V = 0, I = p, M = u;
+      m < 0 && (R = Math.abs(m) / n, h += m, I -= R, m = 0), m + h > s.width && (h = s.width - m, I = h / n), g < 0 && (V = Math.abs(g) / n, v += g, M -= V, g = 0), g + v > s.height && (v = s.height - g, M = v / n), x.fillStyle = "#f8fafc", x.fillRect(0, 0, p, u), h > 0 && v > 0 && x.drawImage(
         s,
         m,
-        w,
         g,
+        h,
         v,
-        0,
-        0,
-        p,
-        u
+        R,
+        V,
+        I,
+        M
       );
     }
     a(i.toDataURL("image/png"));
   }, s.onerror = () => a(""), s.src = e;
-}), Jr = (e) => {
+}), Zr = (e) => {
   const t = window.getComputedStyle(e), r = {};
   return [
     "display",
@@ -1136,9 +1140,9 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
     "z-index"
   ].forEach((a) => {
     const s = t.getPropertyValue(a);
-    r[a] = Yr(s);
+    r[a] = Xr(s);
   }), r;
-}, Zr = (e) => {
+}, Kr = (e) => {
   const r = Object.keys(e).find((s) => s.startsWith("__reactFiber$") || s.startsWith("__reactInternalInstance$"));
   if (!r) return "";
   const n = [];
@@ -1152,6 +1156,12 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
     a = a.return;
   }
   return n.join(" > ") || "Generic Component";
+}, dt = (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"));
 }, Je = (e) => {
   if (!e.isConnected) return !1;
   const t = window.getComputedStyle(e);
@@ -1184,7 +1194,7 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
     r = n;
   }
   return r;
-}, Kr = (e) => {
+}, Qr = (e) => {
   if (!e.tag) return null;
   const t = document.getElementsByTagName(e.tag);
   let r = null, n = 0;
@@ -1194,20 +1204,20 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 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;
-}, Qr = (e) => {
+}, en = (e) => {
   let t = Pe(e.selector);
   if (t) return t;
   if (e.fallbackSelectors) {
     for (const r of e.fallbackSelectors)
       if (t = Pe(r), t) return t;
   }
-  return t = Kr(e), t || null;
+  return t = Qr(e), t || null;
 }, je = (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
-}), en = (e) => {
+}), tn = (e) => {
   const t = e.parentElement;
   if (!t) return;
   const r = Array.from(t.children).filter((i) => i !== e).slice(0, 5).map((i) => je(i)), n = Array.from(t.children), a = n.indexOf(e);
@@ -1220,7 +1230,7 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
     parent: je(t),
     siblings: r
   };
-}, tn = (e) => {
+}, rn = (e) => {
   let t = "unknown:0", r = e;
   for (; r; ) {
     const m = r.getAttribute("data-source-path");
@@ -1230,45 +1240,45 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
     }
     r = r.parentElement;
   }
-  const n = Zr(e), a = [], s = [], i = (m) => {
-    const w = [];
-    let g = m;
-    for (; g && g.nodeType === Node.ELEMENT_NODE; ) {
-      let v = g.nodeName.toLowerCase();
+  const n = Kr(e), a = [], s = [], i = (m) => {
+    const g = [];
+    let h = m;
+    for (; h && h.nodeType === Node.ELEMENT_NODE; ) {
+      let v = h.nodeName.toLowerCase();
       s.unshift(v);
-      const V = g.id && !g.id.startsWith("__") ? g.id : null;
-      V && a.push(`#${V}`);
-      const L = g.getAttribute("data-testid") || g.getAttribute("data-qa");
-      L && a.push(`[data-testid="${L}"]`);
-      const U = g.getAttribute("aria-label"), q = g.getAttribute("role"), O = g.getAttribute("name");
-      if (L) {
-        v = `[${g.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${L}"]`, w.unshift(v);
+      const R = h.id && !h.id.startsWith("__") ? h.id : null;
+      R && a.push(`#${R}`);
+      const V = h.getAttribute("data-testid") || h.getAttribute("data-qa");
+      V && a.push(`[data-testid="${V}"]`);
+      const I = h.getAttribute("aria-label"), M = h.getAttribute("role"), T = h.getAttribute("name");
+      if (V) {
+        v = `[${h.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${V}"]`, g.unshift(v);
         break;
-      } else if (V) {
-        v = "#" + V, w.unshift(v);
+      } else if (R) {
+        v = "#" + R, g.unshift(v);
         break;
-      } else if (U) {
-        v = `${g.localName}[aria-label="${U}"]`, w.unshift(v);
+      } else if (I) {
+        v = `${h.localName}[aria-label="${I}"]`, g.unshift(v);
         break;
-      } else if (q) {
-        v = `${g.localName}[role="${q}"]`, w.unshift(v);
+      } else if (M) {
+        v = `${h.localName}[role="${M}"]`, g.unshift(v);
         break;
-      } else if (O) {
-        v = `${g.localName}[name="${O}"]`, w.unshift(v);
+      } else if (T) {
+        v = `${h.localName}[name="${T}"]`, g.unshift(v);
         break;
       } else {
-        let T = g, S = 1;
-        for (; T.previousElementSibling; )
-          T = T.previousElementSibling, T.nodeName.toLowerCase() === g.nodeName.toLowerCase() && S++;
+        let P = h, S = 1;
+        for (; P.previousElementSibling; )
+          P = P.previousElementSibling, P.nodeName.toLowerCase() === h.nodeName.toLowerCase() && S++;
         S > 1 && (v += `:nth-of-type(${S})`);
       }
-      w.unshift(v), g = g.parentElement;
+      g.unshift(v), h = h.parentElement;
     }
-    return w.join(" > ");
-  }, l = !!(e.closest('[role="dialog"]') || e.closest('[aria-modal="true"]') || e.closest(".modal") || e.closest(".modal-content")), p = i(e), u = {};
+    return g.join(" > ");
+  }, l = dt(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 w = e.getAttribute(m);
-    w && (u[m] = w);
+    const g = e.getAttribute(m);
+    g && (u[m] = g);
   });
   const x = `${e.tagName.toLowerCase()}-${(e.innerText || "").slice(0, 20).replace(/\s+/g, "_")}-${p.split(" > ").slice(-1)}`;
   return {
@@ -1286,43 +1296,43 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
     fallbackSelectors: [...new Set(a)].slice(0, 5),
     domPath: s.slice(-10),
     viewportSize: { width: window.innerWidth, height: window.innerHeight },
-    uiContext: en(e),
-    fingerprint: Br(e),
+    uiContext: tn(e),
+    fingerprint: Yr(e),
     metadata: {
       hint: `Edit ${t.split(":")[0]} at line ${t.split(":")[1] || "?"}`,
-      computedStyles: Jr(e),
-      viewportBreakpoint: Wr(),
+      computedStyles: Zr(e),
+      viewportBreakpoint: Ur(),
       outerHtml: e.outerHTML.slice(0, 1500),
       scrollPosition: { x: window.scrollX, y: window.scrollY },
       isModal: l
     }
   };
-}, rn = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: i } = qt(), [l, p] = k(!1), [u, x] = k(null), [m, w] = k(null), [g, v] = k(""), [V, L] = k(!1), [U, q] = k(!1), [O, T] = k(!1), [S, ve] = k([]), [I, M] = k(null), [ue, $e] = k(!1), [se, Z] = k(!1), [pe, me] = k({}), [F, K] = k(null), [B, ae] = k(!1), [oe, Q] = k(null), [c, f] = k(""), [C, E] = k({}), z = Oe(null), D = Oe(null), b = fe(() => {
-    D.current || (D.current = requestAnimationFrame(() => {
-      const d = {}, h = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal')).find((_) => Je(_)), H = !!h;
-      S.forEach((_) => {
-        if (!_.reference) return;
-        const j = Qr(_.reference), R = !!_.reference.metadata?.isModal;
-        if (j && Je(j)) {
+}, nn = () => {
+  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: i } = Bt(), [l, p] = k(!1), [u, x] = k(null), [m, g] = k(null), [h, v] = k(""), [R, V] = k(!1), [I, M] = k(!1), [T, P] = k(!1), [S, ve] = k([]), [z, F] = k(null), [ue, $e] = k(!1), [se, Z] = k(!1), [pe, me] = k({}), [H, K] = k(null), [B, ae] = k(!1), [oe, Q] = k(null), [c, f] = k(""), [C, E] = k({}), D = Oe(null), W = Oe(null), b = fe(() => {
+    W.current || (W.current = requestAnimationFrame(() => {
+      const d = {}, y = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((O) => dt(O) && Je(O)), U = !!y;
+      S.forEach((O) => {
+        if (!O.reference) return;
+        const _ = en(O.reference), j = !!O.reference.metadata?.isModal;
+        if (_ && Je(_)) {
           let X = !1;
-          if (H ? X = h.contains(j) : X = !R, !X) return;
-          const G = j.getBoundingClientRect(), ce = G.left + G.width / 2, ee = G.top + G.height / 2;
+          if (U ? X = y.contains(_) : X = !j, !X) return;
+          const $ = _.getBoundingClientRect(), ce = $.left + $.width / 2, ee = $.top + $.height / 2;
           if (ce >= 0 && ce <= window.innerWidth && ee >= 0 && ee <= window.innerHeight) {
             const be = document.elementFromPoint(ce, ee);
-            if (be && !j.contains(be) && !z.current?.contains(be))
+            if (be && !_.contains(be) && !D.current?.contains(be))
               return;
           }
-          d[_._id] = {
-            top: G.top + window.scrollY,
-            left: G.left + window.scrollX,
-            width: G.width,
-            isModal: R
+          d[O._id] = {
+            top: $.top + window.scrollY,
+            left: $.left + window.scrollX,
+            width: $.width,
+            isModal: j
           };
         }
-      }), E(d), D.current = null;
+      }), E(d), W.current = null;
     }));
-  }, [S]), P = fe(async () => {
+  }, [S]), A = fe(async () => {
     if (n) {
       Z(!0);
       try {
@@ -1330,8 +1340,8 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
           headers: { "x-api-key": n }
         });
         if (d.ok) {
-          const y = await d.json();
-          ve(y.data || []);
+          const w = await d.json();
+          ve(w.data || []);
         }
       } catch (d) {
         console.error("Failed to fetch annotations", d);
@@ -1341,55 +1351,55 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
     }
   }, [n, a]);
   J(() => {
-    O && S.length === 0 && !se && T(!1);
-  }, [O, S.length, se]), J(() => {
+    T && S.length === 0 && !se && P(!1);
+  }, [T, S.length, se]), J(() => {
     if (!l && S.length > 0) {
       b();
-      const d = new MutationObserver(() => b()), y = new ResizeObserver(() => b()), h = () => b();
+      const d = new MutationObserver(() => b()), w = new ResizeObserver(() => b()), y = () => b();
       return d.observe(document.documentElement, {
         childList: !0,
         subtree: !0,
         attributes: !0
-      }), y.observe(document.documentElement), window.addEventListener("scroll", h, !0), () => {
-        d.disconnect(), y.disconnect(), window.removeEventListener("scroll", h, !0), D.current && cancelAnimationFrame(D.current);
+      }), w.observe(document.documentElement), window.addEventListener("scroll", y, !0), () => {
+        d.disconnect(), w.disconnect(), window.removeEventListener("scroll", y, !0), W.current && cancelAnimationFrame(W.current);
       };
     }
   }, [l, S.length, b]), J(() => {
-    P();
-  }, [P]), J(() => {
-    z.current = document.getElementById("viewgate-shadow-host");
+    A();
+  }, [A]), J(() => {
+    D.current = document.getElementById("viewgate-shadow-host");
   }, []);
   const Y = fe((d) => {
     if (!l || m) return;
-    const y = Ze(d.clientX, d.clientY);
-    if (!y || z.current?.contains(y) || y.closest(".vg-no-capture")) {
+    const w = Ze(d.clientX, d.clientY);
+    if (!w || D.current?.contains(w) || w.closest(".vg-no-capture")) {
       x(null);
       return;
     }
-    const h = y.getBoundingClientRect();
+    const y = w.getBoundingClientRect();
     x({
-      tag: y.tagName.toLowerCase(),
-      source: y.getAttribute("data-source-path") || "unknown:0",
-      rect: h,
-      element: y,
-      previewText: (y.innerText || "").slice(0, 100) || (y.getAttribute("placeholder") || "").slice(0, 100) || y.tagName.toLowerCase(),
+      tag: w.tagName.toLowerCase(),
+      source: w.getAttribute("data-source-path") || "unknown:0",
+      rect: y,
+      element: w,
+      previewText: (w.innerText || "").slice(0, 100) || (w.getAttribute("placeholder") || "").slice(0, 100) || w.tagName.toLowerCase(),
       semanticReference: {
-        ...tn(y),
+        ...rn(w),
         normalizedOffset: {
-          x: (d.clientX - h.left) / h.width,
-          y: (d.clientY - h.top) / h.height
+          x: (d.clientX - y.left) / y.width,
+          y: (d.clientY - y.top) / y.height
         }
       }
     });
   }, [l, m]), ie = fe(async (d) => {
     if (!l || m) return;
-    const y = Ze(d.clientX, d.clientY);
-    if (!(!y || z.current?.contains(y) || y.closest(".vg-no-capture")) && u) {
-      d.preventDefault(), d.stopPropagation(), q(!0);
+    const w = Ze(d.clientX, d.clientY);
+    if (!(!w || D.current?.contains(w) || w.closest(".vg-no-capture")) && u) {
+      d.preventDefault(), d.stopPropagation(), M(!0);
       try {
-        const h = u.element.getBoundingClientRect(), H = 24, _ = 2, j = await Mr(document.body, {
+        const y = u.element.getBoundingClientRect(), U = 24, O = 2, _ = await Fr(document.documentElement, {
           quality: 0.9,
-          pixelRatio: _,
+          pixelRatio: O,
           width: window.innerWidth,
           height: window.innerHeight,
           style: {
@@ -1398,52 +1408,52 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
           },
           filter: (ce) => {
             const ee = ce;
-            return !(z.current?.contains(ee) || ee.id === "viewgate-ui");
+            return !(D.current?.contains(ee) || ee.id === "viewgate-ui");
           }
-        }), R = u.element.getBoundingClientRect(), X = await Xr(j, R, H, _), G = {
+        }), j = u.element.getBoundingClientRect(), X = await Jr(_, j, U, O), $ = {
           ...u.semanticReference,
           metadata: {
             ...u.semanticReference.metadata,
-            screenshotUrl: j,
+            screenshotUrl: _,
             elementScreenshot: X
           }
         };
-        w({
+        g({
           ...u,
           visualPreview: X,
-          semanticReference: G
+          semanticReference: $
         });
-      } catch (h) {
-        console.error("Failed to capture preview:", h), w(u);
+      } catch (y) {
+        console.error("Failed to capture preview:", y), g(u);
       } finally {
-        q(!1), x(null);
+        M(!1), x(null);
       }
     }
   }, [l, u, m]);
   J(() => {
-    const d = (y) => {
-      if (y.key === "Escape") {
-        m ? w(null) : O ? T(!1) : l && p(!1);
+    const d = (w) => {
+      if (w.key === "Escape") {
+        m ? g(null) : T ? P(!1) : l && p(!1);
         return;
       }
-      const H = (() => {
-        let R = document.activeElement;
-        for (; R && R.shadowRoot && R.shadowRoot.activeElement; )
-          R = R.shadowRoot.activeElement;
-        return R;
+      const U = (() => {
+        let j = document.activeElement;
+        for (; j && j.shadowRoot && j.shadowRoot.activeElement; )
+          j = j.shadowRoot.activeElement;
+        return j;
       })();
-      if (["input", "textarea"].includes((H?.tagName || "").toLowerCase()) || H?.isContentEditable) return;
-      const j = y.key.toLowerCase();
-      j === "c" && !m && !O && p((R) => !R), j === "v" && !m && (S.length > 0 || O) && (T((R) => !R), O || p(!1));
+      if (["input", "textarea"].includes((U?.tagName || "").toLowerCase()) || U?.isContentEditable) return;
+      const _ = w.key.toLowerCase();
+      _ === "c" && !m && !T && p((j) => !j), _ === "v" && !m && (S.length > 0 || T) && (P((j) => !j), T || p(!1));
     };
     return l && !m ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", d), window.addEventListener("mousemove", Y, !0), window.addEventListener("click", ie, !0), () => {
       document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", d), window.removeEventListener("mousemove", Y, !0), window.removeEventListener("click", ie, !0);
     };
-  }, [l, m, O, S, Y, ie]);
-  const ut = async () => {
-    if (!m || !g.trim()) return;
-    L(!0);
-    const { semanticReference: d } = m, [y, h] = (d.source || "").split(":"), H = h || "0";
+  }, [l, m, T, S, Y, ie]);
+  const pt = async () => {
+    if (!m || !h.trim()) return;
+    V(!0);
+    const { semanticReference: d } = m, [w, y] = (d.source || "").split(":"), U = y || "0";
     try {
       if (!(await fetch(`${a}/api/annotations`, {
         method: "POST",
@@ -1452,10 +1462,10 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
           "x-api-key": n
         },
         body: JSON.stringify({
-          filePath: y,
-          line: parseInt(H),
+          filePath: w,
+          line: parseInt(U),
           url: window.location.href,
-          message: g,
+          message: h,
           componentName: d.componentPath || m.tag,
           reference: {
             ...d,
@@ -1468,19 +1478,24 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
           }
         })
       })).ok) throw new Error("Backend failed");
-      e(r.success, "success"), w(null), v(""), p(!1), P();
-    } catch (_) {
-      console.error(_), e(r.error, "error");
+      e(r.success, "success"), g(null), v(""), p(!1), A();
+    } catch (O) {
+      console.error(O), e(r.error, "error");
     } finally {
-      L(!1);
+      V(!1);
     }
   };
-  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:806", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:807", className: "vg-no-capture", children: [
+  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:868", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:869", className: "vg-no-capture", children: [
     !i && /* @__PURE__ */ o.jsx(
       "button",
       {
         onClick: (d) => {
-          d.stopPropagation(), s();
+          d.stopPropagation(), F({
+            title: r.exitConfirmTitle || "Close ViewGate?",
+            message: r.exitConfirmMessage || "Are you sure you want to close ViewGate?",
+            type: "danger",
+            onConfirm: () => s()
+          });
         },
         title: "Cerrar ViewGate",
         style: {
@@ -1508,10 +1523,10 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
         onMouseLeave: (d) => {
           d.currentTarget.style.transform = "scale(1) rotate(0deg)", d.currentTarget.style.color = "#64748b", d.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.9)";
         },
-        children: /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:846", size: 20, strokeWidth: 2.5 })
+        children: /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:913", size: 20, strokeWidth: 2.5 })
       }
     ),
-    /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:851", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: ke }, id: "viewgate-ui", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:852", 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("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:918", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: ke }, id: "viewgate-ui", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:919", 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",
         {
@@ -1521,9 +1536,9 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
             padding: "12px 24px",
             background: l ? "#ef4444" : void 0
           },
-          children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:861", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-            l ? /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:862", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(Ce, { "data-source-path": "/src/components/ViewGateOverlay.tsx:862", size: 20, className: "vg-animate-pop" }),
-            /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:863", children: l ? r.exitMode : r.enterMode })
+          children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:928", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+            l ? /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:929", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(Ce, { "data-source-path": "/src/components/ViewGateOverlay.tsx:929", size: 20, className: "vg-animate-pop" }),
+            /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:930", children: l ? r.exitMode : r.enterMode })
           ] })
         }
       ),
@@ -1531,18 +1546,18 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
         "button",
         {
           onClick: () => {
-            T(!O), p(!1), w(null);
+            P(!T), p(!1), g(null);
           },
           className: "vg-button-ghost vg-animate-pop",
           style: { animationDelay: "0.1s" },
           children: [
-            /* @__PURE__ */ o.jsx(Tt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:876", size: 20 }),
-            /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:877", children: r.viewComments })
+            /* @__PURE__ */ o.jsx(Pt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:943", size: 20 }),
+            /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:944", children: r.viewComments })
           ]
         }
       )
     ] }) }),
-    U && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:885", style: {
+    I && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:952", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1555,14 +1570,14 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
       justifyContent: "center",
       zIndex: ke + 1,
       cursor: "wait"
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:891", 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:892", className: "vg-spinner" }),
-      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:893", style: { fontWeight: 600, fontSize: "14px", color: "#1e293b" }, children: "Capturando..." })
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:958", 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:959", className: "vg-spinner" }),
+      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:960", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
     ] }) }),
     l && !m && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:900",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:967",
         className: "vg-backdrop-blur",
         style: {
           opacity: 1,
@@ -1574,36 +1589,36 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
                                 ${u.rect.left}px ${u.rect.bottom}px,
                                 ${u.rect.left}px ${u.rect.top}px
                             )` : "none",
-          zIndex: Fr
+          zIndex: Dr
         }
       }
     ),
-    l && u && !m && !U && /* @__PURE__ */ o.jsx(
+    l && u && !m && !I && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:919",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:986",
         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: Dr
+          zIndex: Hr
         },
         children: /* @__PURE__ */ o.jsxs(
           "div",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:929",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:996",
             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(Nt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:945", size: 16 }),
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:946", style: { display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:947", style: { fontWeight: 700 }, children: r.selectToComment }),
-                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:948", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
+              /* @__PURE__ */ o.jsx(Nt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1012", size: 16 }),
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1013", style: { display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1014", style: { fontWeight: 700 }, children: r.selectToComment }),
+                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1015", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
                   Math.round(u.rect.width),
                   " × ",
                   Math.round(u.rect.height)
@@ -1614,7 +1629,7 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
         )
       }
     ),
-    m && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:958", className: "vg-animate-fade", style: {
+    m && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1025", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1626,13 +1641,13 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Re
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:963", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1030", 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:967", style: { textAlign: "center", marginBottom: "32px" }, children: [
-        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:968", style: {
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1034", style: { textAlign: "center", marginBottom: "32px" }, children: [
+        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1035", style: {
           width: "48px",
           height: "48px",
           background: "var(--vg-primary-gradient)",
@@ -1643,11 +1658,11 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
           margin: "0 auto 16px",
           color: "white",
           boxShadow: "0 8px 16px rgba(99, 102, 241, 0.3)"
-        }, children: /* @__PURE__ */ o.jsx(Ce, { "data-source-path": "/src/components/ViewGateOverlay.tsx:973", size: 24 }) }),
-        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:975", 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:976", style: { margin: 0, color: "#64748b", fontSize: "15px" }, children: r.feedbackSubheader })
+        }, children: /* @__PURE__ */ o.jsx(Ce, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1040", size: 24 }) }),
+        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1042", 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:1043", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
       ] }),
-      m.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:980", style: {
+      m.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1047", style: {
         marginBottom: "24px",
         borderRadius: "12px",
         overflow: "hidden",
@@ -1667,7 +1682,7 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
         "textarea",
         {
           className: "vg-textarea",
-          value: g,
+          value: h,
           onChange: (d) => v(d.target.value),
           rows: 4,
           placeholder: r.placeholder,
@@ -1675,13 +1690,13 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
           style: { fontSize: "15px", padding: "16px", marginBottom: "24px" }
         }
       ),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1007", style: { display: "flex", gap: "12px" }, children: [
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1074", style: { display: "flex", gap: "12px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            onClick: () => !V && w(null),
+            onClick: () => !R && g(null),
             className: "vg-button-ghost",
-            disabled: V,
+            disabled: R,
             style: { flex: 1, padding: "12px" },
             children: r.cancel
           }
@@ -1689,19 +1704,19 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            onClick: ut,
+            onClick: pt,
             className: "vg-button-primary",
-            disabled: V || !g.trim(),
+            disabled: R || !h.trim(),
             style: { flex: 2 },
-            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1022", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              V ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1023", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(Dt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1023", size: 18 }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1024", children: V ? r.submitting : r.sendFeedback || "Send Comment" })
+            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1089", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+              R ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1090", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(Ht, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1090", size: 18 }),
+              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1091", children: R ? r.submitting : r.sendFeedback || "Send Comment" })
             ] })
           }
         )
       ] })
     ] }) }),
-    O && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1034", className: "vg-animate-fade", style: {
+    T && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1101", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1713,23 +1728,23 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Re
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1039", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1106", 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:1043", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1044", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1045", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: F ? r.commentDetails : r.annotations }),
-          !F && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1049", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: S.length })
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1110", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1111", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1112", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: H ? r.commentDetails : r.annotations }),
+          !H && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1116", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: S.length })
         ] }),
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1054", style: { display: "flex", gap: "8px" }, children: [
-          F && /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1121", style: { display: "flex", gap: "8px" }, children: [
+          H && /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1056",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1123",
               className: "vg-button-ghost",
               style: { padding: "6px 14px", fontSize: "12px" },
               onClick: () => K(null),
@@ -1739,58 +1754,58 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
           /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1064",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1131",
               className: "vg-button-ghost",
               style: { padding: "8px", borderRadius: "50%" },
               onClick: () => {
-                T(!1), K(null);
+                P(!1), K(null);
               },
-              children: /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1069", size: 20 })
+              children: /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1136", size: 20 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1074", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: se ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1076", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1077", className: "vg-spinner" }) }) : (F ? S.filter((d) => d._id === F) : S).map((d, y) => /* @__PURE__ */ o.jsxs(
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1141", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: se ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1143", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1144", className: "vg-spinner" }) }) : (H ? S.filter((d) => d._id === H) : S).map((d, w) => /* @__PURE__ */ o.jsxs(
         "div",
         {
-          "data-source-path": "/src/components/ViewGateOverlay.tsx:1081",
+          "data-source-path": "/src/components/ViewGateOverlay.tsx:1148",
           className: "vg-glassmorphism vg-animate-slide",
           style: {
             padding: "20px",
             marginBottom: "16px",
             border: "1px solid rgba(0,0,0,0.05)",
             background: "rgba(255,255,255,0.5)",
-            animationDelay: `${y * 0.05}s`
+            animationDelay: `${w * 0.05}s`
           },
           children: [
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1092", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1093", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
-              d.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1095", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
-                /* @__PURE__ */ o.jsx(ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1096", size: 14 }),
+            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1159", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1160", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+              d.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1162", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
+                /* @__PURE__ */ o.jsx(ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1163", size: 14 }),
                 " ",
                 r.readyForReview
-              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1099", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
-                /* @__PURE__ */ o.jsx(Me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1100", size: 14 }),
+              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1166", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
+                /* @__PURE__ */ o.jsx(ze, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1167", size: 14 }),
                 " ",
                 r.pending
               ] }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1103", style: { fontSize: "12px", color: "#94a3b8" }, children: qr(d.timestamp || d.createdAt || d.reference?.timestamp, t) })
+              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1170", style: { fontSize: "12px", color: "#000000" }, children: Br(d.timestamp || d.createdAt || d.reference?.timestamp, t) })
             ] }) }),
             oe === d._id ? /* @__PURE__ */ o.jsx(
               "textarea",
               {
                 className: "vg-textarea",
                 value: c,
-                onChange: (h) => f(h.target.value),
+                onChange: (y) => f(y.target.value),
                 rows: 3,
                 autoFocus: !0,
                 style: { marginBottom: "16px" }
               }
-            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1119", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: d.message }),
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1122", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: oe === d._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1186", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: d.message }),
+            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1189", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: oe === d._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1125",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1192",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: async () => {
@@ -1799,7 +1814,7 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
                         method: "PATCH",
                         headers: { "Content-Type": "application/json", "x-api-key": n },
                         body: JSON.stringify({ message: c })
-                      })).ok && (Q(null), P(), e(r.updateSuccess, "success"));
+                      })).ok && (Q(null), A(), e(r.updateSuccess, "success"));
                     } catch {
                       e(r.error, "error");
                     }
@@ -1807,19 +1822,19 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
                   children: r.save
                 }
               ),
-              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1147", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Q(null), children: r.cancel })
+              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1214", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Q(null), children: r.cancel })
             ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1151",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1218",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: () => {
                     Q(d._id), f(d.message);
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(It, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1159", size: 14 }),
+                    /* @__PURE__ */ o.jsx(Mt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1226", size: 14 }),
                     " ",
                     r.edit
                   ]
@@ -1828,14 +1843,14 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1161",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1228",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.05s" },
                   onClick: () => {
                     d.url && (window.location.href = d.url);
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(Fe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1168", size: 14 }),
+                    /* @__PURE__ */ o.jsx(Fe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1235", size: 14 }),
                     " ",
                     r.review
                   ]
@@ -1844,11 +1859,11 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
               d.status === "pending" ? /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1171",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1238",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
-                    M({
+                    F({
                       title: r.markReadyConfirm,
                       message: r.confirmMarkReady,
                       type: "success",
@@ -1858,17 +1873,17 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
                             method: "PATCH",
                             headers: { "Content-Type": "application/json", "x-api-key": n },
                             body: JSON.stringify({ status: "ready_for_review" })
-                          })).ok && (P(), e(r.updateSuccess, "success"));
+                          })).ok && (A(), e(r.updateSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          M(null);
+                          F(null);
                         }
                       }
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1199", size: 14 }),
+                    /* @__PURE__ */ o.jsx(ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1266", size: 14 }),
                     " ",
                     r.markReady
                   ]
@@ -1876,11 +1891,11 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
               ) : /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1202",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1269",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
-                    M({
+                    F({
                       title: r.reopenConfirm,
                       message: r.confirmReopen,
                       type: "success",
@@ -1891,17 +1906,17 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
                             method: "PATCH",
                             headers: { "Content-Type": "application/json", "x-api-key": n },
                             body: JSON.stringify({ status: "pending" })
-                          })).ok && (P(), e(r.updateSuccess, "success"));
+                          })).ok && (A(), e(r.updateSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          M(null);
+                          F(null);
                         }
                       }
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(Mt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1230", size: 14 }),
+                    /* @__PURE__ */ o.jsx(Ft, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1297", size: 14 }),
                     " ",
                     r.reopen
                   ]
@@ -1910,11 +1925,11 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1233",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1300",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 12px", color: "#ef4444", borderColor: "#fee2e2", animationDelay: "0.15s" },
                   onClick: () => {
-                    M({
+                    F({
                       title: r.deleteConfirm,
                       message: r.confirmDelete,
                       type: "danger",
@@ -1923,16 +1938,16 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
                           (await fetch(`${a}/api/annotations/${d._id}`, {
                             method: "DELETE",
                             headers: { "x-api-key": n }
-                          })).ok && (P(), e(r.deleteSuccess, "success"));
+                          })).ok && (A(), e(r.deleteSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          M(null);
+                          F(null);
                         }
                       }
                     });
                   },
-                  children: /* @__PURE__ */ o.jsx(De, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1260", size: 16 })
+                  children: /* @__PURE__ */ o.jsx(De, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1327", size: 16 })
                 }
               )
             ] }) })
@@ -1941,7 +1956,7 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
         d._id
       )) })
     ] }) }),
-    I && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1275", className: "vg-animate-fade", style: {
+    z && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1342", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1953,35 +1968,35 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Re + 100
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1280", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1347", 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:1287", style: {
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1354", style: {
         width: "64px",
         height: "64px",
-        background: I.type === "danger" ? "rgba(239, 68, 68, 0.1)" : "rgba(99, 102, 241, 0.1)",
+        background: z.type === "danger" ? "rgba(239, 68, 68, 0.1)" : "rgba(99, 102, 241, 0.1)",
         borderRadius: "20px",
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
         margin: "0 auto 24px",
-        color: I.type === "danger" ? "#ef4444" : "#6366f1",
+        color: z.type === "danger" ? "#ef4444" : "#6366f1",
         transform: "rotate(-5deg)"
-      }, children: I.type === "danger" ? /* @__PURE__ */ o.jsx(De, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1296", size: 32 }) : /* @__PURE__ */ o.jsx(ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1296", size: 32 }) }),
-      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1298", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#f8fafc", letterSpacing: "-0.02em" }, children: I.title }),
-      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1299", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#94a3b8", lineHeight: 1.6 }, children: I.message }),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1300", style: { display: "flex", gap: "16px" }, children: [
+      }, children: z.type === "danger" ? /* @__PURE__ */ o.jsx(De, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1363", size: 32 }) : /* @__PURE__ */ o.jsx(ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1363", size: 32 }) }),
+      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1365", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: z.title }),
+      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1366", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: z.message }),
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1367", style: { display: "flex", gap: "16px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1301",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1368",
             className: "vg-button-ghost",
             style: { flex: 1, height: "44px" },
-            onClick: () => !B && M(null),
+            onClick: () => !B && F(null),
             disabled: B,
             children: r.no
           }
@@ -1989,13 +2004,13 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1309",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1376",
             className: "vg-button-primary",
             style: {
               flex: 1,
               height: "44px",
-              backgroundColor: I.type === "danger" ? "#ef4444" : void 0,
-              backgroundImage: I.type === "danger" ? "none" : void 0,
+              backgroundColor: z.type === "danger" ? "#ef4444" : void 0,
+              backgroundImage: z.type === "danger" ? "none" : void 0,
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
@@ -2005,23 +2020,23 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
             onClick: async () => {
               ae(!0);
               try {
-                await I.onConfirm();
+                await z.onConfirm();
               } catch (d) {
                 console.error("Confirmation error:", d);
               } finally {
                 ae(!1);
               }
             },
-            children: B ? /* @__PURE__ */ o.jsx(At, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1334", size: 18, className: "vg-animate-spin" }) : r.yes
+            children: B ? /* @__PURE__ */ o.jsx(Gt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1401", size: 18, className: "vg-animate-spin" }) : r.yes
           }
         )
       ] })
     ] }) }),
-    !l && !O && S.map((d, y) => {
-      const h = C[d._id];
-      if (!h) return null;
-      const _ = S.slice(0, y).filter(
-        (j) => j.reference?.selector && j.reference.selector === d.reference?.selector
+    !l && !T && S.map((d, w) => {
+      const y = C[d._id];
+      if (!y) return null;
+      const O = S.slice(0, w).filter(
+        (_) => _.reference?.selector && _.reference.selector === d.reference?.selector
       ).length * 34;
       return /* @__PURE__ */ o.jsxs(
         "div",
@@ -2029,38 +2044,38 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
           className: "vg-pin-container vg-animate-pop",
           style: {
             position: "fixed",
-            top: h.top - 20 - window.scrollY,
-            left: h.left + h.width / 2 - 16 + _ - window.scrollX,
+            top: y.top - 20 - window.scrollY,
+            left: y.left + y.width / 2 - 16 + O - window.scrollX,
             cursor: "pointer",
-            animationDelay: `${y * 0.08}s`,
+            animationDelay: `${w * 0.08}s`,
             transition: "all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-            zIndex: Hr - y
+            zIndex: Wr - w
             // Ensure staggered pins don't overlap tooltips weirdly
           },
-          onMouseEnter: (j) => {
-            const R = j.currentTarget.getBoundingClientRect();
-            window.innerHeight - R.bottom < 180 ? me((G) => ({ ...G, [d._id]: "vg-top" })) : me((G) => ({ ...G, [d._id]: "" }));
+          onMouseEnter: (_) => {
+            const j = _.currentTarget.getBoundingClientRect();
+            window.innerHeight - j.bottom < 180 ? me(($) => ({ ...$, [d._id]: "vg-top" })) : me(($) => ({ ...$, [d._id]: "" }));
           },
           onClick: () => {
-            T(!0), K(d._id);
+            P(!0), K(d._id);
           },
           children: [
-            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1381", className: `vg-pin-tooltip ${pe[d._id] || ""}`, children: [
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1382", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: [
-                d.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1384", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
-                  /* @__PURE__ */ o.jsx(ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1385", size: 12 }),
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1448", className: `vg-pin-tooltip ${pe[d._id] || ""}`, children: [
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1449", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: [
+                d.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1451", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
+                  /* @__PURE__ */ o.jsx(ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1452", size: 12 }),
                   " ",
                   r.readyForReview
-                ] }) : /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1388", style: { display: "flex", alignItems: "center", gap: "6px", color: h.isModal ? "#f59e0b" : "#ea580c", fontWeight: 700, fontSize: "11px" }, children: [
-                  /* @__PURE__ */ o.jsx(Me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1389", size: 12 }),
+                ] }) : /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1455", style: { display: "flex", alignItems: "center", gap: "6px", color: y.isModal ? "#f59e0b" : "#ea580c", fontWeight: 700, fontSize: "11px" }, children: [
+                  /* @__PURE__ */ o.jsx(ze, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1456", size: 12 }),
                   " ",
                   r.pending
                 ] }),
-                h.isModal && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1393", 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:1394", children: "MODAL" }) })
+                y.isModal && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1460", 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:1461", children: "MODAL" }) })
               ] }),
-              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1398", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: d.message })
+              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1465", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: d.message })
             ] }),
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1401", className: `vg-formal-pin ${d.status === "ready_for_review" ? "ready" : ""} ${h.isModal ? "modal-variant" : ""}`, children: d.status === "ready_for_review" ? /* @__PURE__ */ o.jsx(ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1402", size: 18 }) : h.isModal ? /* @__PURE__ */ o.jsx(Fe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1402", size: 16 }) : /* @__PURE__ */ o.jsx(Ce, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1402", size: 16 }) })
+            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1468", className: `vg-formal-pin ${d.status === "ready_for_review" ? "ready" : ""} ${y.isModal ? "modal-variant" : ""}`, children: d.status === "ready_for_review" ? /* @__PURE__ */ o.jsx(ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1469", size: 18 }) : y.isModal ? /* @__PURE__ */ o.jsx(Fe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1469", size: 16 }) : /* @__PURE__ */ o.jsx(Ce, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1469", size: 16 }) })
           ]
         },
         `pin-${d._id}`
@@ -2068,37 +2083,37 @@ const we = 2147483647, ke = we, Re = 2e6, Fr = we - 10, Dr = we - 5, Hr = we - 1
     })
   ] }) });
 };
-function dt(e, t, r) {
+function ut(e, t, r) {
   if (!t.endsWith(".tsx") && !t.endsWith(".jsx") || t.includes("node_modules")) return e;
   const n = (l) => l.replace(/\\/g, "/"), a = n(t).replace(n(r), "");
   return e.split(`
 `).map((l, p) => {
     const u = p + 1;
-    return l.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (x, m, w) => x.includes("data-source-path") || w === "Fragment" || w === "React.Fragment" ? x : `${m}<${w} data-source-path="${a}:${u}"`);
+    return l.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (x, m, g) => x.includes("data-source-path") || g === "Fragment" || g === "React.Fragment" ? x : `${m}<${g} data-source-path="${a}:${u}"`);
   }).join(`
 `);
 }
-function on() {
+function cn() {
   return {
     name: "vite-plugin-viewgate",
     enforce: "pre",
     transform(e, t) {
       return {
-        code: dt(e, t, process.cwd()),
+        code: ut(e, t, process.cwd()),
         map: null
       };
     }
   };
 }
-function cn(e) {
+function ln(e) {
   const t = this.resourcePath;
-  return t ? (process.env.NODE_ENV, dt(e, t, process.cwd())) : e;
+  return t ? (process.env.NODE_ENV, ut(e, t, process.cwd())) : e;
 }
 export {
-  an as ViewGate,
-  rn as ViewGateOverlay,
-  dt as transformSourcePaths,
-  qt as useViewGate,
-  cn as viewgateNextLoader,
-  on as viewgatePlugin
+  on as ViewGate,
+  nn as ViewGateOverlay,
+  ut as transformSourcePaths,
+  Bt as useViewGate,
+  ln as viewgateNextLoader,
+  cn as viewgatePlugin
 };