viewgate-wrapper 1.10.0 → 1.10.4

package/dist/viewgate-wrapper.js

@@ -1,10 +1,10 @@
 (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{opacity:.5;cursor:not-allowed;transform: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-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-cursor-pointer,.vg-cursor-pointer *{cursor:pointer!important}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import et, { useRef as ye, useState as k, useEffect as re, forwardRef as Me, createElement as xe, createContext as tt, useContext as rt, useCallback as oe } from "react";
+import et, { useRef as ye, useState as k, useEffect as ne, forwardRef as Me, createElement as xe, createContext as tt, useContext as rt, useCallback as ie } from "react";
 import { createPortal as nt } from "react-dom";
-var ie = { exports: {} }, ee = {};
+var ce = { exports: {} }, te = {};
 var Re;
 function st() {
-  if (Re) return ee;
+  if (Re) return te;
   Re = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function r(n, a, s) {
@@ -22,29 +22,29 @@ function st() {
       props: s
     };
   }
-  return ee.Fragment = t, ee.jsx = r, ee.jsxs = r, ee;
+  return te.Fragment = t, te.jsx = r, te.jsxs = r, te;
 }
-var te = {};
+var re = {};
 var je;
 function at() {
   return je || (je = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(l) {
       if (l == null) return null;
       if (typeof l == "function")
-        return l.$$typeof === ue ? null : l.displayName || l.name || null;
+        return l.$$typeof === pe ? null : l.displayName || l.name || null;
       if (typeof l == "string") return l;
       switch (l) {
         case N:
           return "Fragment";
         case A:
           return "Profiler";
-        case _:
+        case V:
           return "StrictMode";
         case L:
           return "Suspense";
         case Ee:
           return "SuspenseList";
-        case ne:
+        case se:
           return "Activity";
       }
       if (typeof l == "object")
@@ -57,7 +57,7 @@ function at() {
             return l.displayName || "Context";
           case E:
             return (l._context.displayName || "Context") + ".Consumer";
-          case V:
+          case T:
             var p = l.render;
             return l = l.displayName, l || (l = p.displayName || p.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
           case ke:
@@ -137,7 +137,7 @@ function at() {
     function m(l, p, w, v, z, H) {
       var C = w.ref;
       return l = {
-        $$typeof: P,
+        $$typeof: O,
         type: l,
         key: p,
         props: w,
@@ -167,7 +167,7 @@ function at() {
         value: H
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function g(l, p, w, v, z, H) {
+    function f(l, p, w, v, z, H) {
       var C = p.children;
       if (C !== void 0)
         if (v)
@@ -182,10 +182,10 @@ function at() {
         else x(C);
       if (I.call(p, "key")) {
         C = e(l);
-        var d = Object.keys(p).filter(function(h) {
-          return h !== "key";
+        var d = Object.keys(p).filter(function(y) {
+          return y !== "key";
         });
-        v = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", ae[C + v] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
+        v = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", oe[C + v] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -196,12 +196,12 @@ React keys must be passed directly to JSX without using spread:
           C,
           d,
           C
-        ), ae[C + v] = !0);
+        ), oe[C + v] = !0);
       }
       if (C = null, w !== void 0 && (r(w), C = "" + w), o(p) && (r(p.key), C = "" + p.key), "key" in p) {
         w = {};
-        for (var f in p)
-          f !== "key" && (w[f] = p[f]);
+        for (var h in p)
+          h !== "key" && (w[h] = p[h]);
       } else w = p;
       return C && i(
         w,
@@ -216,12 +216,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function x(l) {
-      y(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === J && (l._payload.status === "fulfilled" ? y(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
+      g(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === J && (l._payload.status === "fulfilled" ? g(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
     }
-    function y(l) {
-      return typeof l == "object" && l !== null && l.$$typeof === P;
+    function g(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === O;
     }
-    var b = et, P = /* @__PURE__ */ Symbol.for("react.transitional.element"), G = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), _ = /* @__PURE__ */ Symbol.for("react.strict_mode"), A = /* @__PURE__ */ Symbol.for("react.profiler"), E = /* @__PURE__ */ Symbol.for("react.consumer"), D = /* @__PURE__ */ Symbol.for("react.context"), V = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), Ee = /* @__PURE__ */ Symbol.for("react.suspense_list"), ke = /* @__PURE__ */ Symbol.for("react.memo"), J = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), ue = /* @__PURE__ */ Symbol.for("react.client.reference"), W = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, Z = Array.isArray, U = console.createTask ? console.createTask : function() {
+    var b = et, O = /* @__PURE__ */ Symbol.for("react.transitional.element"), G = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), V = /* @__PURE__ */ Symbol.for("react.strict_mode"), A = /* @__PURE__ */ Symbol.for("react.profiler"), E = /* @__PURE__ */ Symbol.for("react.consumer"), D = /* @__PURE__ */ Symbol.for("react.context"), T = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), Ee = /* @__PURE__ */ Symbol.for("react.suspense_list"), ke = /* @__PURE__ */ Symbol.for("react.memo"), J = /* @__PURE__ */ Symbol.for("react.lazy"), se = /* @__PURE__ */ Symbol.for("react.activity"), pe = /* @__PURE__ */ Symbol.for("react.client.reference"), W = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, Z = Array.isArray, U = console.createTask ? console.createTask : function() {
       return null;
     };
     b = {
@@ -232,38 +232,38 @@ React keys must be passed directly to JSX without using spread:
     var q, K = {}, Q = b.react_stack_bottom_frame.bind(
       b,
       s
-    )(), se = U(n(s)), ae = {};
-    te.Fragment = N, te.jsx = function(l, p, w) {
+    )(), ae = U(n(s)), oe = {};
+    re.Fragment = N, re.jsx = function(l, p, w) {
       var v = 1e4 > W.recentlyCreatedOwnerStacks++;
-      return g(
+      return f(
         l,
         p,
         w,
         !1,
         v ? Error("react-stack-top-frame") : Q,
-        v ? U(n(l)) : se
+        v ? U(n(l)) : ae
       );
-    }, te.jsxs = function(l, p, w) {
+    }, re.jsxs = function(l, p, w) {
       var v = 1e4 > W.recentlyCreatedOwnerStacks++;
-      return g(
+      return f(
         l,
         p,
         w,
         !0,
         v ? Error("react-stack-top-frame") : Q,
-        v ? U(n(l)) : se
+        v ? U(n(l)) : ae
       );
     };
-  })()), te;
+  })()), re;
 }
 var Oe;
 function ot() {
-  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? ie.exports = st() : ie.exports = at()), ie.exports;
+  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? ce.exports = st() : ce.exports = at()), ce.exports;
 }
 var c = ot();
 const it = ({ children: e }) => {
   const t = ye(null), [r, n] = k(null);
-  return re(() => {
+  return ne(() => {
     if (t.current && !t.current.shadowRoot) {
       const a = t.current.attachShadow({ mode: "open" });
       document.querySelectorAll("style[data-vite-dev-id], style:not([data-vite-dev-id])").forEach((i) => {
@@ -325,12 +325,12 @@ const pt = Me(
       ...i
     },
     [
-      ...o.map(([m, g]) => xe(m, g)),
+      ...o.map(([m, f]) => xe(m, f)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
 );
-const O = (e, t) => {
+const _ = (e, t) => {
   const r = Me(
     ({ className: n, ...a }, s) => xe(pt, {
       ref: s,
@@ -349,20 +349,20 @@ const mt = [
   ["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" }]
-], ft = O("circle-alert", mt);
+], ft = _("circle-alert", mt);
 const ht = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], X = O("circle-check", ht);
+], X = _("circle-check", ht);
 const gt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-], Ve = O("clock", gt);
+], Ve = _("clock", gt);
 const yt = [
   ["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" }]
-], xt = O("external-link", yt);
+], xt = _("external-link", yt);
 const wt = [
   [
     "path",
@@ -372,7 +372,7 @@ const wt = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], vt = O("eye", wt);
+], vt = _("eye", wt);
 const bt = [
   [
     "path",
@@ -381,7 +381,7 @@ const bt = [
       key: "18887p"
     }
   ]
-], me = O("message-square", bt);
+], me = _("message-square", bt);
 const Ct = [
   [
     "path",
@@ -390,7 +390,7 @@ const Ct = [
       key: "edeuup"
     }
   ]
-], Et = O("mouse-pointer-2", Ct);
+], Et = _("mouse-pointer-2", Ct);
 const kt = [
   [
     "path",
@@ -400,11 +400,11 @@ const kt = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], St = O("pencil", kt);
+], St = _("pencil", kt);
 const Rt = [
   ["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" }]
-], jt = O("rotate-ccw", Rt);
+], jt = _("rotate-ccw", Rt);
 const Ot = [
   [
     "path",
@@ -414,18 +414,18 @@ const Ot = [
     }
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
-], _t = O("send", Ot);
+], _t = _("send", Ot);
 const Vt = [
   ["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" }]
-], Te = O("trash-2", Vt);
+], Te = _("trash-2", Vt);
 const Tt = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Pe = O("x", Tt), Pt = {
+], Pe = _("x", Tt), Pt = {
   en: {
     enterMode: "Enter Feedback Mode",
     exitMode: "Exit Mode",
@@ -525,9 +525,9 @@ const Tt = [
   baseUrl: n = "https://view-gate.vercel.app"
 }) => {
   const [a, s] = k([]), o = (u, m) => {
-    const g = Date.now();
-    s((x) => [...x, { id: g, message: u, type: m }]), setTimeout(() => {
-      s((x) => x.filter((y) => y.id !== g));
+    const f = Date.now();
+    s((x) => [...x, { id: f, message: u, type: m }]), setTimeout(() => {
+      s((x) => x.filter((g) => g.id !== f));
     }, 4e3);
   }, i = Pt[t];
   return /* @__PURE__ */ c.jsxs(He.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:211", value: { addToast: o, language: t, t: i, apiKey: r, baseUrl: n }, children: [
@@ -572,16 +572,16 @@ let B = null;
 function We(e = {}) {
   return B || (e.includeStyleProperties ? (B = e.includeStyleProperties, B) : (B = M(window.getComputedStyle(document.documentElement)), B));
 }
-function ce(e, t) {
+function le(e, t) {
   const n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
   return n ? parseFloat(n.replace("px", "")) : 0;
 }
 function Nt(e) {
-  const t = ce(e, "border-left-width"), r = ce(e, "border-right-width");
+  const t = le(e, "border-left-width"), r = le(e, "border-right-width");
   return e.clientWidth + t + r;
 }
 function Lt(e) {
-  const t = ce(e, "border-top-width"), r = ce(e, "border-bottom-width");
+  const t = le(e, "border-top-width"), r = le(e, "border-bottom-width");
   return e.clientHeight + t + r;
 }
 function Ue(e, t = {}) {
@@ -601,7 +601,7 @@ const j = 16384;
 function zt(e) {
   (e.width > j || e.height > j) && (e.width > j && e.height > j ? e.width > e.height ? (e.height *= j / e.width, e.width = j) : (e.width *= j / e.height, e.height = j) : e.width > j ? (e.height *= j / e.width, e.width = j) : (e.width *= j / e.height, e.height = j));
 }
-function le(e) {
+function de(e) {
   return new Promise((t, r) => {
     const n = new Image();
     n.onload = () => {
@@ -723,23 +723,23 @@ async function Ce(e, t, r) {
 }
 async function Zt(e) {
   const t = e.toDataURL();
-  return t === "data:," ? e.cloneNode(!1) : le(t);
+  return t === "data:," ? e.cloneNode(!1) : de(t);
 }
 async function Kt(e, t) {
   if (e.currentSrc) {
     const s = document.createElement("canvas"), o = s.getContext("2d");
     s.width = e.clientWidth, s.height = e.clientHeight, o?.drawImage(e, 0, 0, s.width, s.height);
     const i = s.toDataURL();
-    return le(i);
+    return de(i);
   }
   const r = e.poster, n = be(r), a = await Ce(r, n, t);
-  return le(a);
+  return de(a);
 }
 async function Qt(e, t) {
   var r;
   try {
     if (!((r = e?.contentDocument) === null || r === void 0) && r.body)
-      return await de(e.contentDocument.body, t, !0);
+      return await ue(e.contentDocument.body, t, !0);
   } catch {
   }
   return e.cloneNode(!1);
@@ -753,7 +753,7 @@ async function rr(e, t, r) {
   if (Be(t))
     return t;
   let s = [];
-  return tr(e) && e.assignedNodes ? s = M(e.assignedNodes()) : R(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = M(e.contentDocument.body.childNodes) : s = M(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || R(e, HTMLVideoElement) || await s.reduce((o, i) => o.then(() => de(i, r)).then((u) => {
+  return tr(e) && e.assignedNodes ? s = M(e.assignedNodes()) : R(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = M(e.contentDocument.body.childNodes) : s = M(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || R(e, HTMLVideoElement) || await s.reduce((o, i) => o.then(() => ue(i, r)).then((u) => {
     u && t.appendChild(u);
   }), Promise.resolve()), t;
 }
@@ -788,7 +788,7 @@ async function ir(e, t) {
     const i = r[s].getAttribute("xlink:href");
     if (i) {
       const u = e.querySelector(i), m = document.querySelector(i);
-      !u && m && !n[i] && (n[i] = await de(m, t, !0));
+      !u && m && !n[i] && (n[i] = await ue(m, t, !0));
     }
   }
   const a = Object.values(n);
@@ -803,7 +803,7 @@ async function ir(e, t) {
   }
   return e;
 }
-async function de(e, t, r) {
+async function ue(e, t, r) {
   return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => er(n, t)).then((n) => rr(e, n, t)).then((n) => or(e, n, t)).then((n) => ir(n, t));
 }
 const Ye = /url\((['"]?)([^'"]+?)\1\)/g, cr = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, lr = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
@@ -938,17 +938,17 @@ async function xr(e, t) {
         M(a.cssRules || []).forEach((s, o) => {
           if (s.type === CSSRule.IMPORT_RULE) {
             let i = o + 1;
-            const u = s.href, m = Le(u).then((g) => Ie(g, t)).then((g) => ze(g).forEach((x) => {
+            const u = s.href, m = Le(u).then((f) => Ie(f, t)).then((f) => ze(f).forEach((x) => {
               try {
                 a.insertRule(x, x.startsWith("@import") ? i += 1 : a.cssRules.length);
-              } catch (y) {
+              } catch (g) {
                 console.error("Error inserting rule from remote css", {
                   rule: x,
-                  error: y
+                  error: g
                 });
               }
-            })).catch((g) => {
-              console.error("Error loading remote css", g.toString());
+            })).catch((f) => {
+              console.error("Error loading remote css", f.toString());
             });
             n.push(m);
           }
@@ -1011,12 +1011,12 @@ async function Er(e, t) {
   }
 }
 async function kr(e, t = {}) {
-  const { width: r, height: n } = Ue(e, t), a = await de(e, t, !0);
+  const { width: r, height: n } = Ue(e, t), a = await ue(e, t, !0);
   return await Er(a, t), await Ze(a, t), yr(a, t), await Mt(a, r, n);
 }
 async function Sr(e, t = {}) {
-  const { width: r, height: n } = Ue(e, t), a = await kr(e, t), s = await le(a), o = document.createElement("canvas"), i = o.getContext("2d"), u = t.pixelRatio || It(), m = t.canvasWidth || r, g = t.canvasHeight || n;
-  return o.width = m * u, o.height = g * u, t.skipAutoScale || zt(o), o.style.width = `${m}`, o.style.height = `${g}`, t.backgroundColor && (i.fillStyle = t.backgroundColor, i.fillRect(0, 0, o.width, o.height)), i.drawImage(s, 0, 0, o.width, o.height), o;
+  const { width: r, height: n } = Ue(e, t), a = await kr(e, t), s = await de(a), o = document.createElement("canvas"), i = o.getContext("2d"), u = t.pixelRatio || It(), m = t.canvasWidth || r, f = t.canvasHeight || n;
+  return o.width = m * u, o.height = f * u, t.skipAutoScale || zt(o), o.style.width = `${m}`, o.style.height = `${f}`, t.backgroundColor && (i.fillStyle = t.backgroundColor, i.fillRect(0, 0, o.width, o.height)), i.drawImage(s, 0, 0, o.width, o.height), o;
 }
 async function Rr(e, t = {}) {
   return (await Sr(e, t)).toDataURL("image/jpeg", t.quality || 1);
@@ -1080,24 +1080,29 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
       }
     return r;
   };
-})(), Nr = (e, t, r) => new Promise((n) => {
-  const a = new Image();
-  a.onload = () => {
-    const s = document.createElement("canvas"), o = window.devicePixelRatio || 1, i = t.width + r * 2, u = t.height + r * 2;
-    s.width = i * o, s.height = u * o;
-    const m = s.getContext("2d");
-    m && (m.scale(o, o), m.drawImage(
-      a,
-      t.left - r,
-      t.top - r,
-      i,
-      u,
-      0,
-      0,
-      i,
-      u
-    )), n(s.toDataURL("image/png"));
-  }, a.src = e;
+})(), Nr = (e, t, r, n) => new Promise((a) => {
+  const s = new Image();
+  s.onload = () => {
+    const o = document.createElement("canvas"), i = window.devicePixelRatio || 1, u = t.width + r * 2, m = t.height + r * 2;
+    o.width = u * i, o.height = m * i;
+    const f = o.getContext("2d");
+    if (f) {
+      f.scale(i, i);
+      const x = (t.left + window.scrollX - r) * n, g = (t.top + window.scrollY - r) * n, b = u * n, O = m * n;
+      f.drawImage(
+        s,
+        x,
+        g,
+        b,
+        O,
+        0,
+        0,
+        u,
+        m
+      );
+    }
+    a(o.toDataURL("image/png"));
+  }, s.onerror = () => a(""), s.src = e;
 }), Lr = (e) => {
   const t = window.getComputedStyle(e), r = {};
   return [
@@ -1185,52 +1190,52 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
 }, Dr = (e) => {
   let t = "unknown:0", r = e;
   for (; r; ) {
-    const g = r.getAttribute("data-source-path");
-    if (g) {
-      t = g;
+    const f = r.getAttribute("data-source-path");
+    if (f) {
+      t = f;
       break;
     }
     r = r.parentElement;
   }
-  const n = Ir(e), a = [], s = [], i = ((g) => {
+  const n = Ir(e), a = [], s = [], i = ((f) => {
     const x = [];
-    let y = g;
-    for (; y && y.nodeType === Node.ELEMENT_NODE; ) {
-      let b = y.nodeName.toLowerCase();
+    let g = f;
+    for (; g && g.nodeType === Node.ELEMENT_NODE; ) {
+      let b = g.nodeName.toLowerCase();
       s.unshift(b);
-      const P = y.id && !y.id.startsWith("__") ? y.id : null;
-      P && a.push(`#${P}`);
-      const G = y.getAttribute("data-testid") || y.getAttribute("data-qa");
+      const O = g.id && !g.id.startsWith("__") ? g.id : null;
+      O && a.push(`#${O}`);
+      const G = g.getAttribute("data-testid") || g.getAttribute("data-qa");
       G && a.push(`[data-testid="${G}"]`);
-      const N = y.getAttribute("aria-label"), _ = y.getAttribute("role"), A = y.getAttribute("name");
+      const N = g.getAttribute("aria-label"), V = g.getAttribute("role"), A = g.getAttribute("name");
       if (G) {
-        b = `[${y.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${G}"]`, x.unshift(b);
+        b = `[${g.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${G}"]`, x.unshift(b);
         break;
-      } else if (P) {
-        b = "#" + P, x.unshift(b);
+      } else if (O) {
+        b = "#" + O, x.unshift(b);
         break;
       } else if (N) {
-        b = `${y.localName}[aria-label="${N}"]`, x.unshift(b);
+        b = `${g.localName}[aria-label="${N}"]`, x.unshift(b);
         break;
-      } else if (_) {
-        b = `${y.localName}[role="${_}"]`, x.unshift(b);
+      } else if (V) {
+        b = `${g.localName}[role="${V}"]`, x.unshift(b);
         break;
       } else if (A) {
-        b = `${y.localName}[name="${A}"]`, x.unshift(b);
+        b = `${g.localName}[name="${A}"]`, x.unshift(b);
         break;
       } else {
-        let E = y, D = 1;
+        let E = g, D = 1;
         for (; E.previousElementSibling; )
-          E = E.previousElementSibling, E.nodeName.toLowerCase() === y.nodeName.toLowerCase() && D++;
+          E = E.previousElementSibling, E.nodeName.toLowerCase() === g.nodeName.toLowerCase() && D++;
         D > 1 && (b += `:nth-of-type(${D})`);
       }
-      x.unshift(b), y = y.parentElement;
+      x.unshift(b), g = g.parentElement;
     }
     return x.join(" > ");
   })(e), u = {};
-  ["placeholder", "aria-label", "name", "type", "alt", "title", "value", "role"].forEach((g) => {
-    const x = e.getAttribute(g);
-    x && (u[g] = x);
+  ["placeholder", "aria-label", "name", "type", "alt", "title", "value", "role"].forEach((f) => {
+    const x = e.getAttribute(f);
+    x && (u[f] = x);
   });
   const m = `${e.tagName.toLowerCase()}-${(e.innerText || "").slice(0, 20).replace(/\s+/g, "_")}-${i.split(" > ").slice(-1)}`;
   return {
@@ -1259,133 +1264,133 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
     }
   };
 }, Hr = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a } = At(), [s, o] = k(!1), [i, u] = k(null), [m, g] = k(null), [x, y] = k(""), [b, P] = k(!1), [G, N] = k(!1), [_, A] = k(!1), [E, D] = k([]), [V, L] = k(null), [Ee, ke] = k(!1), [J, ne] = k(!1), [ue, W] = k({}), [I, Z] = k(null), [U, q] = k(null), [K, Q] = k(""), [se, ae] = k({}), l = ye(null), p = ye(null), w = oe(() => {
+  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a } = At(), [s, o] = k(!1), [i, u] = k(null), [m, f] = k(null), [x, g] = k(""), [b, O] = k(!1), [G, N] = k(!1), [V, A] = k(!1), [E, D] = k([]), [T, L] = k(null), [Ee, ke] = k(!1), [J, se] = k(!1), [pe, W] = k({}), [I, Z] = k(null), [U, q] = k(null), [K, Q] = k(""), [ae, oe] = k({}), l = ye(null), p = ye(null), w = ie(() => {
     p.current || (p.current = requestAnimationFrame(() => {
       const d = {};
-      E.forEach((f) => {
-        if (!f.reference) return;
-        const h = Fr(f.reference);
-        if (h) {
-          const T = h.getBoundingClientRect();
-          d[f._id] = {
-            top: T.top + window.scrollY,
-            left: T.left + window.scrollX,
-            width: T.width
+      E.forEach((h) => {
+        if (!h.reference) return;
+        const y = Fr(h.reference);
+        if (y) {
+          const P = y.getBoundingClientRect();
+          d[h._id] = {
+            top: P.top + window.scrollY,
+            left: P.left + window.scrollX,
+            width: P.width
           };
         }
-      }), ae(d), p.current = null;
+      }), oe(d), p.current = null;
     }));
-  }, [E]), v = oe(async () => {
+  }, [E]), v = ie(async () => {
     if (n) {
-      ne(!0);
+      se(!0);
       try {
         const d = await fetch(`${a}/api/annotations`, {
           headers: { "x-api-key": n }
         });
         if (d.ok) {
-          const f = await d.json();
-          D(f.data || []);
+          const h = await d.json();
+          D(h.data || []);
         }
       } catch (d) {
         console.error("Failed to fetch annotations", d);
       } finally {
-        ne(!1);
+        se(!1);
       }
     }
   }, [n, a]);
-  re(() => {
+  ne(() => {
     if (!s && E.length > 0) {
       w();
-      const d = new MutationObserver(() => w()), f = new ResizeObserver(() => w()), h = () => w();
+      const d = new MutationObserver(() => w()), h = new ResizeObserver(() => w()), y = () => w();
       return d.observe(document.documentElement, {
         childList: !0,
         subtree: !0,
         attributes: !0
-      }), f.observe(document.documentElement), window.addEventListener("scroll", h, !0), () => {
-        d.disconnect(), f.disconnect(), window.removeEventListener("scroll", h, !0), p.current && cancelAnimationFrame(p.current);
+      }), h.observe(document.documentElement), window.addEventListener("scroll", y, !0), () => {
+        d.disconnect(), h.disconnect(), window.removeEventListener("scroll", y, !0), p.current && cancelAnimationFrame(p.current);
       };
     }
-  }, [s, E.length, w]), re(() => {
+  }, [s, E.length, w]), ne(() => {
     v();
-  }, [v]), re(() => {
+  }, [v]), ne(() => {
     l.current = document.getElementById("viewgate-shadow-host");
   }, []);
-  const z = oe((d) => {
+  const z = ie((d) => {
     if (!s || m) return;
-    const f = document.elementFromPoint(d.clientX, d.clientY);
-    if (!f || l.current?.contains(f) || f.closest(".vg-no-capture")) {
+    const h = document.elementFromPoint(d.clientX, d.clientY);
+    if (!h || l.current?.contains(h) || h.closest(".vg-no-capture")) {
       u(null);
       return;
     }
-    const h = f.getBoundingClientRect();
+    const y = h.getBoundingClientRect();
     u({
-      tag: f.tagName.toLowerCase(),
-      source: f.getAttribute("data-source-path") || "unknown:0",
-      rect: h,
-      element: f,
-      previewText: (f.innerText || "").slice(0, 100) || (f.getAttribute("placeholder") || "").slice(0, 100) || f.tagName.toLowerCase(),
+      tag: h.tagName.toLowerCase(),
+      source: h.getAttribute("data-source-path") || "unknown:0",
+      rect: y,
+      element: h,
+      previewText: (h.innerText || "").slice(0, 100) || (h.getAttribute("placeholder") || "").slice(0, 100) || h.tagName.toLowerCase(),
       semanticReference: {
-        ...Dr(f),
+        ...Dr(h),
         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
         }
       }
     });
-  }, [s, m]), H = oe(async (d) => {
+  }, [s, m]), H = ie(async (d) => {
     if (!s || m) return;
-    const f = d.target;
-    if (!(l.current?.contains(f) || f.closest(".vg-no-capture")) && i) {
+    const h = d.target;
+    if (!(l.current?.contains(h) || h.closest(".vg-no-capture")) && i) {
       d.preventDefault(), d.stopPropagation(), N(!0);
       try {
-        const h = i.element.getBoundingClientRect(), T = 24, F = await Rr(document.body, {
-          quality: 0.5,
-          pixelRatio: 0.6,
-          filter: (Se) => !l.current?.contains(Se)
-        }), $ = await Nr(F, h, T), S = {
+        const y = i.element.getBoundingClientRect(), P = 24, F = 2, $ = await Rr(document.body, {
+          quality: 0.95,
+          pixelRatio: F,
+          filter: (ee) => !l.current?.contains(ee)
+        }), S = await Nr($, y, P, F), Se = {
           ...i.semanticReference,
           metadata: {
             ...i.semanticReference.metadata,
-            screenshotUrl: F,
-            elementScreenshot: $
+            screenshotUrl: $,
+            elementScreenshot: S
           }
         };
-        g({
+        f({
           ...i,
-          visualPreview: $,
-          semanticReference: S
+          visualPreview: S,
+          semanticReference: Se
         });
-      } catch (h) {
-        console.error("Failed to capture preview:", h), g(i);
+      } catch (y) {
+        console.error("Failed to capture preview:", y), f(i);
       } finally {
         N(!1), u(null);
       }
     }
   }, [s, i, m]);
-  re(() => {
-    const d = (f) => {
-      if (f.key === "Escape") {
-        m ? g(null) : _ ? A(!1) : s && o(!1);
+  ne(() => {
+    const d = (h) => {
+      if (h.key === "Escape") {
+        m ? f(null) : V ? A(!1) : s && o(!1);
         return;
       }
-      const T = (() => {
+      const P = (() => {
         let S = document.activeElement;
         for (; S && S.shadowRoot && S.shadowRoot.activeElement; )
           S = S.shadowRoot.activeElement;
         return S;
       })();
-      if (["input", "textarea"].includes((T?.tagName || "").toLowerCase()) || T?.isContentEditable) return;
-      const $ = f.key.toLowerCase();
-      $ === "c" && !m && !_ && o((S) => !S), $ === "v" && !m && (A((S) => !S), _ || o(!1));
+      if (["input", "textarea"].includes((P?.tagName || "").toLowerCase()) || P?.isContentEditable) return;
+      const $ = h.key.toLowerCase();
+      $ === "c" && !m && !V && o((S) => !S), $ === "v" && !m && (A((S) => !S), V || o(!1));
     };
     return s && !m ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", d), window.addEventListener("mousemove", z, !0), window.addEventListener("click", H, !0), () => {
       document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", d), window.removeEventListener("mousemove", z, !0), window.removeEventListener("click", H, !0);
     };
-  }, [s, m, _, z, H]);
+  }, [s, m, V, z, H]);
   const C = async () => {
     if (!m || !x.trim()) return;
-    P(!0);
-    const { semanticReference: d } = m, [f, h] = (d.source || "").split(":"), T = h || "0";
+    O(!0);
+    const { semanticReference: d } = m, [h, y] = (d.source || "").split(":"), P = y || "0";
     try {
       if (!(await fetch(`${a}/api/annotations`, {
         method: "POST",
@@ -1394,8 +1399,8 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
           "x-api-key": n
         },
         body: JSON.stringify({
-          filePath: f,
-          line: parseInt(T),
+          filePath: h,
+          line: parseInt(P),
           url: window.location.href,
           message: x,
           componentName: d.componentPath || m.tag,
@@ -1410,15 +1415,15 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
           }
         })
       })).ok) throw new Error("Backend failed");
-      e(r.success, "success"), g(null), y(""), o(!1), v();
+      e(r.success, "success"), f(null), g(""), o(!1), v();
     } catch (F) {
       console.error(F), e(r.error, "error");
     } finally {
-      P(!1);
+      O(!1);
     }
   };
-  return /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:701", className: "vg-container", children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:702", className: "vg-no-capture", children: [
-    /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:704", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: Fe }, id: "viewgate-ui", children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:705", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
+  return /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:710", className: "vg-container", children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:711", className: "vg-no-capture", children: [
+    /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:713", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: Fe }, id: "viewgate-ui", children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:714", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
       /* @__PURE__ */ c.jsx(
         "button",
         {
@@ -1428,9 +1433,9 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
             padding: "12px 24px",
             background: s ? "#ef4444" : void 0
           },
-          children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:714", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-            s ? /* @__PURE__ */ c.jsx(Pe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:715", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ c.jsx(me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:715", size: 20, className: "vg-animate-pop" }),
-            /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:716", children: s ? r.exitMode : r.enterMode })
+          children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:723", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+            s ? /* @__PURE__ */ c.jsx(Pe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:724", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ c.jsx(me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:724", size: 20, className: "vg-animate-pop" }),
+            /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:725", children: s ? r.exitMode : r.enterMode })
           ] })
         }
       ),
@@ -1438,18 +1443,18 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
         "button",
         {
           onClick: () => {
-            A(!_), o(!1), g(null);
+            A(!V), o(!1), f(null);
           },
           className: "vg-button-ghost vg-animate-pop",
           style: { animationDelay: "0.1s" },
           children: [
-            /* @__PURE__ */ c.jsx(vt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:729", size: 20 }),
-            /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:730", children: r.viewComments })
+            /* @__PURE__ */ c.jsx(vt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:738", size: 20 }),
+            /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:739", children: r.viewComments })
           ]
         }
       )
     ] }) }),
-    G && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:738", style: {
+    G && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:747", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1462,14 +1467,14 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
       justifyContent: "center",
       zIndex: Fe + 1,
       cursor: "wait"
-    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:744", className: "vg-glassmorphism", style: { padding: "30px 50px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [
-      /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:745", className: "vg-spinner" }),
-      /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:746", style: { fontWeight: 600, fontSize: "14px", color: "#1e293b" }, children: "Capturando..." })
+    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:753", className: "vg-glassmorphism", style: { padding: "30px 50px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [
+      /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:754", className: "vg-spinner" }),
+      /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:755", style: { fontWeight: 600, fontSize: "14px", color: "#1e293b" }, children: "Capturando..." })
     ] }) }),
     s && !m && /* @__PURE__ */ c.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:753",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:762",
         className: "vg-backdrop-blur",
         style: {
           opacity: 1,
@@ -1488,7 +1493,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
     s && i && !m && !G && /* @__PURE__ */ c.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:772",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:781",
         className: "vg-selection-pulse",
         style: {
           top: i.rect.top - 4,
@@ -1500,17 +1505,17 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
         children: /* @__PURE__ */ c.jsxs(
           "div",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:782",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:791",
             className: "vg-selection-label",
             style: {
               ...i.rect.top < 60 ? i.rect.bottom > window.innerHeight - 60 ? { top: "8px", bottom: "auto" } : { top: "100%", marginTop: "8px", bottom: "auto" } : { top: "-40px", bottom: "auto" },
               ...i.rect.left + 200 > window.innerWidth ? { left: "auto", right: "0" } : { left: "0", right: "auto" }
             },
             children: [
-              /* @__PURE__ */ c.jsx(Et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:798", size: 16 }),
-              /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:799", style: { display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:800", style: { fontWeight: 700 }, children: r.selectToComment }),
-                /* @__PURE__ */ c.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:801", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
+              /* @__PURE__ */ c.jsx(Et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:807", size: 16 }),
+              /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:808", style: { display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:809", style: { fontWeight: 700 }, children: r.selectToComment }),
+                /* @__PURE__ */ c.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:810", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
                   Math.round(i.rect.width),
                   " × ",
                   Math.round(i.rect.height)
@@ -1521,7 +1526,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
         )
       }
     ),
-    m && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:811", className: "vg-animate-fade", style: {
+    m && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:820", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1533,13 +1538,13 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
       alignItems: "center",
       justifyContent: "center",
       zIndex: he
-    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:816", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:825", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "40px",
       width: "500px",
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
     }, children: [
-      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:820", style: { textAlign: "center", marginBottom: "32px" }, children: [
-        /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:821", style: {
+      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:829", style: { textAlign: "center", marginBottom: "32px" }, children: [
+        /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:830", style: {
           width: "48px",
           height: "48px",
           background: "var(--vg-primary-gradient)",
@@ -1550,11 +1555,11 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
           margin: "0 auto 16px",
           color: "white",
           boxShadow: "0 8px 16px rgba(99, 102, 241, 0.3)"
-        }, children: /* @__PURE__ */ c.jsx(me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:826", size: 24 }) }),
-        /* @__PURE__ */ c.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:828", style: { margin: "0 0 8px 0", fontSize: "24px", fontWeight: 800, color: "#0f172a" }, children: r.feedbackHeader }),
-        /* @__PURE__ */ c.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:829", style: { margin: 0, color: "#64748b", fontSize: "15px" }, children: r.feedbackSubheader })
+        }, children: /* @__PURE__ */ c.jsx(me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:835", size: 24 }) }),
+        /* @__PURE__ */ c.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:837", style: { margin: "0 0 8px 0", fontSize: "24px", fontWeight: 800, color: "#0f172a" }, children: r.feedbackHeader }),
+        /* @__PURE__ */ c.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:838", style: { margin: 0, color: "#64748b", fontSize: "15px" }, children: r.feedbackSubheader })
       ] }),
-      m.visualPreview && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:833", style: { marginBottom: "24px", borderRadius: "12px", overflow: "hidden", border: "1px solid #e2e8f0", background: "#f8fafc" }, children: /* @__PURE__ */ c.jsx(
+      m.visualPreview && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:842", style: { marginBottom: "24px", borderRadius: "12px", overflow: "hidden", border: "1px solid #e2e8f0", background: "#f8fafc" }, children: /* @__PURE__ */ c.jsx(
         "img",
         {
           src: m.visualPreview,
@@ -1567,18 +1572,18 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
         {
           className: "vg-textarea",
           value: x,
-          onChange: (d) => y(d.target.value),
+          onChange: (d) => g(d.target.value),
           rows: 4,
           placeholder: r.placeholder,
           autoFocus: !0,
           style: { fontSize: "15px", padding: "16px", marginBottom: "24px" }
         }
       ),
-      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:852", style: { display: "flex", gap: "12px" }, children: [
+      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:861", style: { display: "flex", gap: "12px" }, children: [
         /* @__PURE__ */ c.jsx(
           "button",
           {
-            onClick: () => g(null),
+            onClick: () => f(null),
             className: "vg-button-ghost",
             style: { flex: 1, padding: "12px" },
             children: r.cancel
@@ -1591,15 +1596,15 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
             className: "vg-button-primary",
             disabled: b || !x.trim(),
             style: { flex: 2 },
-            children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:866", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              b ? /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:867", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ c.jsx(_t, { "data-source-path": "/src/components/ViewGateOverlay.tsx:867", size: 18 }),
-              /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:868", children: b ? r.submitting : r.sendFeedback || "Send Comment" })
+            children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:875", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+              b ? /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:876", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ c.jsx(_t, { "data-source-path": "/src/components/ViewGateOverlay.tsx:876", size: 18 }),
+              /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:877", children: b ? r.submitting : r.sendFeedback || "Send Comment" })
             ] })
           }
         )
       ] })
     ] }) }),
-    _ && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:878", className: "vg-animate-fade", style: {
+    V && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:887", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1611,23 +1616,23 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
       alignItems: "center",
       justifyContent: "center",
       zIndex: he
-    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:883", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:892", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "32px",
       width: "650px",
       maxHeight: "85vh",
       display: "flex",
       flexDirection: "column"
     }, children: [
-      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:887", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:888", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-          /* @__PURE__ */ c.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:889", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: I ? r.commentDetails : r.annotations }),
-          !I && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:893", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: E.length })
+      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:896", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:897", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+          /* @__PURE__ */ c.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:898", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: I ? r.commentDetails : r.annotations }),
+          !I && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:902", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: E.length })
         ] }),
-        /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:898", style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:907", style: { display: "flex", gap: "8px" }, children: [
           I && /* @__PURE__ */ c.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:900",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:909",
               className: "vg-button-ghost",
               style: { padding: "6px 14px", fontSize: "12px" },
               onClick: () => Z(null),
@@ -1637,58 +1642,58 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
           /* @__PURE__ */ c.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:908",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:917",
               className: "vg-button-ghost",
               style: { padding: "8px", borderRadius: "50%" },
               onClick: () => {
                 A(!1), Z(null);
               },
-              children: /* @__PURE__ */ c.jsx(Pe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:913", size: 20 })
+              children: /* @__PURE__ */ c.jsx(Pe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:922", size: 20 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:918", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: J ? /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:920", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:921", className: "vg-spinner" }) }) : (I ? E.filter((d) => d._id === I) : E).map((d, f) => /* @__PURE__ */ c.jsxs(
+      /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:927", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: J ? /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:929", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:930", className: "vg-spinner" }) }) : (I ? E.filter((d) => d._id === I) : E).map((d, h) => /* @__PURE__ */ c.jsxs(
         "div",
         {
-          "data-source-path": "/src/components/ViewGateOverlay.tsx:925",
+          "data-source-path": "/src/components/ViewGateOverlay.tsx:934",
           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: `${f * 0.05}s`
+            animationDelay: `${h * 0.05}s`
           },
           children: [
-            /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:936", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:937", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
-              d.status === "ready_for_review" ? /* @__PURE__ */ c.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:939", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
-                /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:940", size: 14 }),
+            /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:945", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:946", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+              d.status === "ready_for_review" ? /* @__PURE__ */ c.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:948", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
+                /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:949", size: 14 }),
                 " ",
                 r.readyForReview
-              ] }) : /* @__PURE__ */ c.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:943", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
-                /* @__PURE__ */ c.jsx(Ve, { "data-source-path": "/src/components/ViewGateOverlay.tsx:944", size: 14 }),
+              ] }) : /* @__PURE__ */ c.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:952", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
+                /* @__PURE__ */ c.jsx(Ve, { "data-source-path": "/src/components/ViewGateOverlay.tsx:953", size: 14 }),
                 " ",
                 r.pending
               ] }),
-              /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:947", style: { fontSize: "12px", color: "#94a3b8" }, children: Ar(d.timestamp || d.createdAt || d.reference?.timestamp, t) })
+              /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:956", style: { fontSize: "12px", color: "#94a3b8" }, children: Ar(d.timestamp || d.createdAt || d.reference?.timestamp, t) })
             ] }) }),
             U === d._id ? /* @__PURE__ */ c.jsx(
               "textarea",
               {
                 className: "vg-textarea",
                 value: K,
-                onChange: (h) => Q(h.target.value),
+                onChange: (y) => Q(y.target.value),
                 rows: 3,
                 autoFocus: !0,
                 style: { marginBottom: "16px" }
               }
-            ) : /* @__PURE__ */ c.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:963", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: d.message }),
-            /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:966", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: U === d._id ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+            ) : /* @__PURE__ */ c.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:972", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: d.message }),
+            /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:975", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: U === d._id ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
               /* @__PURE__ */ c.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:969",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:978",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: async () => {
@@ -1705,19 +1710,19 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
                   children: r.save
                 }
               ),
-              /* @__PURE__ */ c.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:991", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => q(null), children: r.cancel })
+              /* @__PURE__ */ c.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1000", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => q(null), children: r.cancel })
             ] }) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
               /* @__PURE__ */ c.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:995",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1004",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: () => {
                     q(d._id), Q(d.message);
                   },
                   children: [
-                    /* @__PURE__ */ c.jsx(St, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1003", size: 14 }),
+                    /* @__PURE__ */ c.jsx(St, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1012", size: 14 }),
                     " ",
                     r.edit
                   ]
@@ -1726,14 +1731,14 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
               /* @__PURE__ */ c.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1005",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1014",
                   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__ */ c.jsx(xt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1012", size: 14 }),
+                    /* @__PURE__ */ c.jsx(xt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1021", size: 14 }),
                     " ",
                     r.review
                   ]
@@ -1742,7 +1747,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
               d.status === "pending" ? /* @__PURE__ */ c.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1015",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1024",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
@@ -1766,7 +1771,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
                     });
                   },
                   children: [
-                    /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1043", size: 14 }),
+                    /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1052", size: 14 }),
                     " ",
                     r.markReady
                   ]
@@ -1774,7 +1779,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
               ) : /* @__PURE__ */ c.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1046",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1055",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
@@ -1799,7 +1804,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
                     });
                   },
                   children: [
-                    /* @__PURE__ */ c.jsx(jt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1074", size: 14 }),
+                    /* @__PURE__ */ c.jsx(jt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1083", size: 14 }),
                     " ",
                     r.reopen
                   ]
@@ -1808,7 +1813,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
               /* @__PURE__ */ c.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1077",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1086",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 12px", color: "#ef4444", borderColor: "#fee2e2", animationDelay: "0.15s" },
                   onClick: () => {
@@ -1830,7 +1835,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
                       }
                     });
                   },
-                  children: /* @__PURE__ */ c.jsx(Te, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1104", size: 16 })
+                  children: /* @__PURE__ */ c.jsx(Te, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1113", size: 16 })
                 }
               )
             ] }) })
@@ -1839,7 +1844,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
         d._id
       )) })
     ] }) }),
-    V && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1119", className: "vg-animate-fade", style: {
+    T && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1128", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1851,42 +1856,42 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
       alignItems: "center",
       justifyContent: "center",
       zIndex: he + 1
-    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1124", className: "vg-glassmorphism vg-animate-slide", style: { padding: "32px", width: "400px", textAlign: "center" }, children: [
-      /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1125", style: {
+    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1133", className: "vg-glassmorphism vg-animate-slide", style: { padding: "32px", width: "400px", textAlign: "center" }, children: [
+      /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1134", style: {
         width: "48px",
         height: "48px",
-        background: V.type === "danger" ? "#fee2e2" : "#e0e7ff",
+        background: T.type === "danger" ? "#fee2e2" : "#e0e7ff",
         borderRadius: "50%",
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
         margin: "0 auto 20px",
-        color: V.type === "danger" ? "#ef4444" : "#6366f1"
-      }, children: V.type === "danger" ? /* @__PURE__ */ c.jsx(Te, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1133", size: 24 }) : /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1133", size: 24 }) }),
-      /* @__PURE__ */ c.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1135", style: { margin: "0 0 8px 0", fontSize: "18px", fontWeight: 800, color: "#0f172a" }, children: V.title }),
-      /* @__PURE__ */ c.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1136", style: { margin: "0 0 24px 0", fontSize: "14px", color: "#64748b", lineHeight: 1.5 }, children: V.message }),
-      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1137", style: { display: "flex", gap: "12px" }, children: [
-        /* @__PURE__ */ c.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1138", className: "vg-button-ghost", style: { flex: 1 }, onClick: () => L(null), children: r.no }),
+        color: T.type === "danger" ? "#ef4444" : "#6366f1"
+      }, children: T.type === "danger" ? /* @__PURE__ */ c.jsx(Te, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1142", size: 24 }) : /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1142", size: 24 }) }),
+      /* @__PURE__ */ c.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1144", style: { margin: "0 0 8px 0", fontSize: "18px", fontWeight: 800, color: "#0f172a" }, children: T.title }),
+      /* @__PURE__ */ c.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1145", style: { margin: "0 0 24px 0", fontSize: "14px", color: "#64748b", lineHeight: 1.5 }, children: T.message }),
+      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1146", style: { display: "flex", gap: "12px" }, children: [
+        /* @__PURE__ */ c.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1147", className: "vg-button-ghost", style: { flex: 1 }, onClick: () => L(null), children: r.no }),
         /* @__PURE__ */ c.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1139",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1148",
             className: "vg-button-primary",
             style: {
               flex: 1,
-              backgroundColor: V.type === "danger" ? "#ef4444" : void 0,
-              backgroundImage: V.type === "danger" ? "none" : void 0
+              backgroundColor: T.type === "danger" ? "#ef4444" : void 0,
+              backgroundImage: T.type === "danger" ? "none" : void 0
             },
-            onClick: V.onConfirm,
+            onClick: T.onConfirm,
             children: r.yes
           }
         )
       ] })
     ] }) }),
-    !s && E.map((d, f) => {
-      const h = se[d._id];
-      if (!h) return null;
-      const F = E.slice(0, f).filter(
+    !s && E.map((d, h) => {
+      const y = ae[d._id];
+      if (!y) return null;
+      const F = E.slice(0, h).filter(
         ($) => $.reference?.selector && $.reference.selector === d.reference?.selector
       ).length * 34;
       return /* @__PURE__ */ c.jsxs(
@@ -1895,35 +1900,35 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
           className: "vg-pin-container vg-animate-pop",
           style: {
             position: "fixed",
-            top: h.top - 20 - window.scrollY,
-            left: h.left + h.width / 2 - 16 + F - window.scrollX,
+            top: y.top - 20 - window.scrollY,
+            left: y.left + y.width / 2 - 16 + F - window.scrollX,
             cursor: "pointer",
-            animationDelay: `${f * 0.08}s`,
+            animationDelay: `${h * 0.08}s`,
             transition: "all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-            zIndex: Vr - f
+            zIndex: Vr - h
             // Ensure staggered pins don't overlap tooltips weirdly
           },
           onMouseEnter: ($) => {
             const S = $.currentTarget.getBoundingClientRect();
-            window.innerHeight - S.bottom < 180 ? W((pe) => ({ ...pe, [d._id]: "vg-top" })) : W((pe) => ({ ...pe, [d._id]: "" }));
+            window.innerHeight - S.bottom < 180 ? W((ee) => ({ ...ee, [d._id]: "vg-top" })) : W((ee) => ({ ...ee, [d._id]: "" }));
           },
           onClick: () => {
             A(!0), Z(d._id);
           },
           children: [
-            /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1194", className: `vg-pin-tooltip ${ue[d._id] || ""}`, children: [
-              /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1195", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: d.status === "ready_for_review" ? /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1197", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
-                /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1198", size: 12 }),
+            /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1203", className: `vg-pin-tooltip ${pe[d._id] || ""}`, children: [
+              /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1204", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: d.status === "ready_for_review" ? /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1206", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
+                /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1207", size: 12 }),
                 " ",
                 r.readyForReview
-              ] }) : /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1201", style: { display: "flex", alignItems: "center", gap: "6px", color: "#ea580c", fontWeight: 700, fontSize: "11px" }, children: [
-                /* @__PURE__ */ c.jsx(Ve, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1202", size: 12 }),
+              ] }) : /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1210", style: { display: "flex", alignItems: "center", gap: "6px", color: "#ea580c", fontWeight: 700, fontSize: "11px" }, children: [
+                /* @__PURE__ */ c.jsx(Ve, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1211", size: 12 }),
                 " ",
                 r.pending
               ] }) }),
-              /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1206", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: d.message })
+              /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1215", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: d.message })
             ] }),
-            /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1209", className: `vg-formal-pin ${d.status === "ready_for_review" ? "ready" : ""}`, children: d.status === "ready_for_review" ? /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1210", size: 18 }) : /* @__PURE__ */ c.jsx(me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1210", size: 16 }) })
+            /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1218", className: `vg-formal-pin ${d.status === "ready_for_review" ? "ready" : ""}`, children: d.status === "ready_for_review" ? /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1219", size: 18 }) : /* @__PURE__ */ c.jsx(me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1219", size: 16 }) })
           ]
         },
         `pin-${d._id}`
@@ -1937,7 +1942,7 @@ function Qe(e, t, r) {
   return e.split(`
 `).map((i, u) => {
     const m = u + 1;
-    return i.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (g, x, y) => g.includes("data-source-path") || y === "Fragment" || y === "React.Fragment" ? g : `${x}<${y} data-source-path="${a}:${m}"`);
+    return i.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (f, x, g) => f.includes("data-source-path") || g === "Fragment" || g === "React.Fragment" ? f : `${x}<${g} data-source-path="${a}:${m}"`);
   }).join(`
 `);
 }