viewgate-wrapper 1.10.8 → 1.10.9

package/dist/viewgate-wrapper.js

@@ -34,7 +34,7 @@ function vt() {
         return c.$$typeof === ae ? null : c.displayName || c.name || null;
       if (typeof c == "string") return c;
       switch (c) {
-        case T:
+        case V:
           return "Fragment";
         case M:
           return "Profiler";
@@ -53,9 +53,9 @@ function vt() {
         ), c.$$typeof) {
           case j:
             return "Portal";
-          case A:
-            return c.displayName || "Context";
           case P:
+            return c.displayName || "Context";
+          case T:
             return (c._context.displayName || "Context") + ".Consumer";
           case k:
             var f = c.render;
@@ -92,7 +92,7 @@ function vt() {
       }
     }
     function n(c) {
-      if (c === T) return "<>";
+      if (c === V) return "<>";
       if (typeof c == "object" && c !== null && c.$$typeof === pe)
         return "<...>";
       try {
@@ -182,10 +182,10 @@ function vt() {
         else m(b);
       if (me.call(f, "key")) {
         b = e(c);
-        var G = Object.keys(f).filter(function(ce) {
+        var A = Object.keys(f).filter(function(ce) {
           return ce !== "key";
         });
-        S = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ee[b + S] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
+        S = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", ee[b + S] || (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} />`,
           S,
           b,
-          G,
+          A,
           b
         ), ee[b + S] = !0);
       }
@@ -221,7 +221,7 @@ React keys must be passed directly to JSX without using spread:
     function g(c) {
       return typeof c == "object" && c !== null && c.$$typeof === v;
     }
-    var h = ht, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), j = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), I = /* @__PURE__ */ Symbol.for("react.strict_mode"), M = /* @__PURE__ */ Symbol.for("react.profiler"), P = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), k = /* @__PURE__ */ Symbol.for("react.forward_ref"), be = /* @__PURE__ */ Symbol.for("react.suspense"), z = /* @__PURE__ */ Symbol.for("react.suspense_list"), D = /* @__PURE__ */ Symbol.for("react.memo"), pe = /* @__PURE__ */ Symbol.for("react.lazy"), $e = /* @__PURE__ */ Symbol.for("react.activity"), ae = /* @__PURE__ */ Symbol.for("react.client.reference"), K = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, me = Object.prototype.hasOwnProperty, fe = Array.isArray, W = console.createTask ? console.createTask : function() {
+    var h = ht, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), j = /* @__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"), k = /* @__PURE__ */ Symbol.for("react.forward_ref"), be = /* @__PURE__ */ Symbol.for("react.suspense"), z = /* @__PURE__ */ Symbol.for("react.suspense_list"), D = /* @__PURE__ */ Symbol.for("react.memo"), pe = /* @__PURE__ */ Symbol.for("react.lazy"), $e = /* @__PURE__ */ Symbol.for("react.activity"), ae = /* @__PURE__ */ Symbol.for("react.client.reference"), K = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, me = Object.prototype.hasOwnProperty, fe = Array.isArray, W = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
@@ -233,7 +233,7 @@ React keys must be passed directly to JSX without using spread:
       h,
       s
     )(), ie = W(n(s)), ee = {};
-    ue.Fragment = T, ue.jsx = function(c, f, C) {
+    ue.Fragment = V, ue.jsx = function(c, f, C) {
       var S = 1e4 > K.recentlyCreatedOwnerStacks++;
       return x(
         c,
@@ -416,17 +416,17 @@ const Wt = [
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ], Ut = N("send", Wt);
-const qt = [
+const Bt = [
   ["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", qt);
-const Bt = [
+], De = N("trash-2", Bt);
+const qt = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ee = N("x", Bt), Yt = {
+], Ee = N("x", qt), Yt = {
   en: {
     enterMode: "Enter Feedback Mode",
     exitMode: "Exit Mode",
@@ -910,13 +910,13 @@ function Gr(e, t) {
     r[a] = n[a];
   }), e;
 }
-const qe = {};
-async function Be(e) {
-  let t = qe[e];
+const Be = {};
+async function qe(e) {
+  let t = Be[e];
   if (t != null)
     return t;
   const n = await (await fetch(e)).text();
-  return t = { url: e, cssText: n }, qe[e] = t, t;
+  return t = { url: e, cssText: n }, Be[e] = t, t;
 }
 async function Ye(e, t) {
   let r = e.cssText;
@@ -960,7 +960,7 @@ async function $r(e, t) {
         Y(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) => {
+            const p = s.href, u = qe(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 (g) {
@@ -977,7 +977,7 @@ async function $r(e, t) {
         });
       } catch (s) {
         const i = e.find((l) => l.href == null) || document.styleSheets[0];
-        a.href != null && n.push(Be(a.href).then((l) => Ye(l, t)).then((l) => Xe(l).forEach((p) => {
+        a.href != null && n.push(qe(a.href).then((l) => Ye(l, t)).then((l) => Xe(l).forEach((p) => {
           i.insertRule(p, i.cssRules.length);
         })).catch((l) => {
           console.error("Error loading remote stylesheet", l);
@@ -1041,12 +1041,12 @@ async function Dr(e, t = {}) {
   return i.width = u * p, i.height = x * p, t.skipAutoScale || rr(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 Je(e, t = {}) {
-  return (await Dr(e, t)).toDataURL("image/jpeg", t.quality || 1);
+  return (await Dr(e, t)).toDataURL();
 }
-const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 15, qr = () => {
+const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 15, Br = () => {
   const e = window.innerWidth;
   return e < 768 ? "mobile" : e < 1024 ? "tablet" : "desktop";
-}, Br = (e) => {
+}, qr = (e) => {
   let t = 0;
   for (let r = 0; r < e.length; r++) {
     const n = e.charCodeAt(r);
@@ -1071,7 +1071,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
 }, Xr = (e) => {
   const t = (e.innerText || "").slice(0, 30).trim(), r = {
     tag: e.tagName.toLowerCase(),
-    classHash: Br(e.className),
+    classHash: qr(e.className),
     textSnippet: t,
     parentTag: e.parentElement?.tagName.toLowerCase(),
     neighborCount: e.parentElement?.children.length || 0
@@ -1110,15 +1110,15 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
     const x = i.getContext("2d");
     if (x) {
       x.scale(l, l);
-      let m = (t.left - r) * n, g = (t.top - r) * n, h = p * n, v = u * n, j = 0, T = 0, I = p, M = u;
-      m < 0 && (j = Math.abs(m) / n, h += m, I -= j, m = 0), m + h > s.width && (h = s.width - m, I = h / n), g < 0 && (T = Math.abs(g) / n, v += g, M -= T, 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(
+      let m = (t.left - r) * n, g = (t.top - r) * n, h = p * n, v = u * n, j = 0, V = 0, I = p, M = u;
+      m < 0 && (j = Math.abs(m) / n, h += m, I -= j, 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,
         g,
         h,
         v,
         j,
-        T,
+        V,
         I,
         M
       );
@@ -1248,11 +1248,11 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
       s.unshift(v);
       const j = h.id && !h.id.startsWith("__") ? h.id : null;
       j && a.push(`#${j}`);
-      const T = h.getAttribute("data-testid") || h.getAttribute("data-qa");
-      T && a.push(`[data-testid="${T}"]`);
-      const I = h.getAttribute("aria-label"), M = h.getAttribute("role"), P = h.getAttribute("name");
-      if (T) {
-        v = `[${h.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${T}"]`, g.unshift(v);
+      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 (j) {
         v = "#" + j, g.unshift(v);
@@ -1263,13 +1263,13 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
       } else if (M) {
         v = `${h.localName}[role="${M}"]`, g.unshift(v);
         break;
-      } else if (P) {
-        v = `${h.localName}[name="${P}"]`, g.unshift(v);
+      } else if (T) {
+        v = `${h.localName}[name="${T}"]`, g.unshift(v);
         break;
       } else {
-        let A = h, k = 1;
-        for (; A.previousElementSibling; )
-          A = A.previousElementSibling, A.nodeName.toLowerCase() === h.nodeName.toLowerCase() && k++;
+        let P = h, k = 1;
+        for (; P.previousElementSibling; )
+          P = P.previousElementSibling, P.nodeName.toLowerCase() === h.nodeName.toLowerCase() && k++;
         k > 1 && (v += `:nth-of-type(${k})`);
       }
       g.unshift(v), h = h.parentElement;
@@ -1301,38 +1301,38 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
     metadata: {
       hint: `Edit ${t.split(":")[0]} at line ${t.split(":")[1] || "?"}`,
       computedStyles: Zr(e),
-      viewportBreakpoint: qr(),
+      viewportBreakpoint: Br(),
       outerHtml: e.outerHTML.slice(0, 1500),
       scrollPosition: { x: window.scrollX, y: window.scrollY },
       isModal: l
     }
   };
 }, nn = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: i } = Xt(), [l, p] = R(!1), [u, x] = R(null), [m, g] = R(null), [h, v] = R(""), [j, T] = R(!1), [I, M] = R(!1), [P, A] = R(!1), [k, be] = R([]), [z, D] = R(null), [pe, $e] = R(!1), [ae, K] = R(!1), [me, fe] = R({}), [W, Q] = R(null), [X, oe] = R(!1), [ie, ee] = R(null), [c, f] = R(""), [C, S] = R({}), F = Oe(null), U = Oe(null), b = he(() => {
+  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: i } = Xt(), [l, p] = R(!1), [u, x] = R(null), [m, g] = R(null), [h, v] = R(""), [j, V] = R(!1), [I, M] = R(!1), [T, P] = R(!1), [k, be] = R([]), [z, D] = R(null), [pe, $e] = R(!1), [ae, K] = R(!1), [me, fe] = R({}), [W, Q] = R(null), [X, oe] = R(!1), [ie, ee] = R(null), [c, f] = R(""), [C, S] = R({}), F = Oe(null), U = Oe(null), b = he(() => {
     U.current || (U.current = requestAnimationFrame(() => {
-      const d = {}, y = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((O) => pt(O) && Ke(O)), H = !!y;
-      k.forEach((O) => {
-        if (!O.reference) return;
-        const _ = en(O.reference), E = !!O.reference.metadata?.isModal;
-        if (_ && Ke(_)) {
+      const d = {}, y = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((G) => pt(G) && Ke(G)), H = !!y;
+      k.forEach((G) => {
+        if (!G.reference) return;
+        const O = en(G.reference), E = !!G.reference.metadata?.isModal;
+        if (O && Ke(O)) {
           let te = !1;
-          if (H ? te = y.contains(_) : te = !E, !te) return;
-          const V = _.getBoundingClientRect(), le = V.left + V.width / 2, q = V.top + V.height / 2;
-          if (le >= 0 && le <= window.innerWidth && q >= 0 && q <= window.innerHeight) {
-            const B = document.elementFromPoint(le, q);
-            if (B && !_.contains(B) && !F.current?.contains(B))
+          if (H ? te = y.contains(O) : te = !E, !te) return;
+          const _ = O.getBoundingClientRect(), le = _.left + _.width / 2, B = _.top + _.height / 2;
+          if (le >= 0 && le <= window.innerWidth && B >= 0 && B <= window.innerHeight) {
+            const q = document.elementFromPoint(le, B);
+            if (q && !O.contains(q) && !F.current?.contains(q))
               return;
           }
-          d[O._id] = {
-            top: V.top + window.scrollY,
-            left: V.left + window.scrollX,
-            width: V.width,
+          d[G._id] = {
+            top: _.top + window.scrollY,
+            left: _.left + window.scrollX,
+            width: _.width,
             isModal: E
           };
         }
       }), S(d), U.current = null;
     }));
-  }, [k]), G = he(async () => {
+  }, [k]), A = he(async () => {
     if (n) {
       K(!0);
       try {
@@ -1351,8 +1351,8 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
     }
   }, [n, a]);
   Z(() => {
-    P && k.length === 0 && !ae && A(!1);
-  }, [P, k.length, ae]), Z(() => {
+    T && k.length === 0 && !ae && P(!1);
+  }, [T, k.length, ae]), Z(() => {
     if (!l && k.length > 0) {
       b();
       const d = new MutationObserver(() => b()), w = new ResizeObserver(() => b()), y = () => b();
@@ -1365,8 +1365,8 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
       };
     }
   }, [l, k.length, b]), Z(() => {
-    G();
-  }, [G]), Z(() => {
+    A();
+  }, [A]), Z(() => {
     F.current = document.getElementById("viewgate-shadow-host");
   }, []);
   const J = he((d) => {
@@ -1397,9 +1397,9 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
     if (!(!w || F.current?.contains(w) || w.closest(".vg-no-capture")) && u) {
       d.preventDefault(), d.stopPropagation(), M(!0);
       try {
-        const y = u.element.getBoundingClientRect(), H = 24, O = 2, _ = await Je(document.documentElement, {
-          quality: 0.9,
-          pixelRatio: O,
+        const y = u.element.getBoundingClientRect(), H = 24, G = 2, O = await Je(document.documentElement, {
+          pixelRatio: 1.5,
+          // Reduced slightly for memory stability
           cacheBust: !0,
           width: window.innerWidth,
           height: window.innerHeight,
@@ -1407,39 +1407,40 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
             transform: `scale(${1 / window.devicePixelRatio}) translate(-${window.scrollX}px, -${window.scrollY}px)`,
             transformOrigin: "top left"
           },
-          filter: (q) => {
-            const B = q;
-            return !(F.current?.contains(B) || B.id === "viewgate-ui");
+          filter: (B) => {
+            const q = B;
+            return !(F.current?.contains(q) || q.id === "viewgate-ui");
           }
         }), E = u.element.getBoundingClientRect(), te = E.top >= 0 && E.left >= 0 && E.bottom <= window.innerHeight && E.right <= window.innerWidth;
-        let V = "";
+        let _ = "";
         if (te && E.width > 0 && E.height > 0)
-          V = await Ze(_, E, H, O);
+          _ = await Ze(O, E, H, 1.5);
         else
           try {
-            V = await Je(u.element, {
-              quality: 0.9,
-              pixelRatio: O,
+            _ = await Je(u.element, {
+              pixelRatio: 2,
               cacheBust: !0,
-              filter: (q) => {
-                const B = q;
-                return !F.current?.contains(B);
+              backgroundColor: "#ffffff",
+              // For large elements, white background is safer
+              filter: (B) => {
+                const q = B;
+                return !F.current?.contains(q);
               }
             });
-          } catch (q) {
-            console.warn("Direct element capture failed, falling back to viewport crop:", q), V = await Ze(_, E, H, O);
+          } catch (B) {
+            console.warn("Direct element capture failed, falling back to viewport crop:", B), _ = await Ze(O, E, H, 1.5);
           }
         const le = {
           ...u.semanticReference,
           metadata: {
             ...u.semanticReference.metadata,
-            screenshotUrl: _,
-            elementScreenshot: V
+            screenshotUrl: O,
+            elementScreenshot: _
           }
         };
         g({
           ...u,
-          visualPreview: V,
+          visualPreview: _,
           semanticReference: le
         });
       } catch (y) {
@@ -1452,7 +1453,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
   Z(() => {
     const d = (w) => {
       if (w.key === "Escape") {
-        m ? g(null) : P ? A(!1) : l && p(!1);
+        m ? g(null) : T ? P(!1) : l && p(!1);
         return;
       }
       const H = (() => {
@@ -1462,16 +1463,16 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
         return E;
       })();
       if (["input", "textarea"].includes((H?.tagName || "").toLowerCase()) || H?.isContentEditable) return;
-      const _ = w.key.toLowerCase();
-      _ === "c" && !m && !P && p((E) => !E), _ === "v" && !m && (k.length > 0 || P) && (A((E) => !E), P || p(!1));
+      const O = w.key.toLowerCase();
+      O === "c" && !m && !T && p((E) => !E), O === "v" && !m && (k.length > 0 || T) && (P((E) => !E), 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", J, !0), window.addEventListener("click", ce, !0), () => {
       document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", d), window.removeEventListener("mousemove", J, !0), window.removeEventListener("click", ce, !0);
     };
-  }, [l, m, P, k, J, ce]);
+  }, [l, m, T, k, J, ce]);
   const ft = async () => {
     if (!m || !h.trim()) return;
-    T(!0);
+    V(!0);
     const { semanticReference: d } = m, [w, y] = (d.source || "").split(":"), H = y || "0";
     try {
       if (!(await fetch(`${a}/api/annotations`, {
@@ -1497,14 +1498,14 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
           }
         })
       })).ok) throw new Error("Backend failed");
-      e(r.success, "success"), g(null), v(""), p(!1), G();
-    } catch (O) {
-      console.error(O), e(r.error, "error");
+      e(r.success, "success"), g(null), v(""), p(!1), A();
+    } catch (G) {
+      console.error(G), e(r.error, "error");
     } finally {
-      T(!1);
+      V(!1);
     }
   };
-  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:895", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:896", className: "vg-no-capture", children: [
+  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:894", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:895", className: "vg-no-capture", children: [
     !i && /* @__PURE__ */ o.jsx(
       "button",
       {
@@ -1542,10 +1543,10 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
         onMouseLeave: (d) => {
           d.currentTarget.style.transform = "scale(1) rotate(0deg)", d.currentTarget.style.color = "#64748b", d.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.9)";
         },
-        children: /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:940", size: 20, strokeWidth: 2.5 })
+        children: /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:939", size: 20, strokeWidth: 2.5 })
       }
     ),
-    /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:945", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: ke }, id: "viewgate-ui", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:946", 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:944", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: ke }, id: "viewgate-ui", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:945", 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",
         {
@@ -1555,9 +1556,9 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
             padding: "12px 24px",
             background: l ? "#ef4444" : void 0
           },
-          children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:955", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-            l ? /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:956", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(Ce, { "data-source-path": "/src/components/ViewGateOverlay.tsx:956", size: 20, className: "vg-animate-pop" }),
-            /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:957", children: l ? r.exitMode : r.enterMode })
+          children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:954", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+            l ? /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:955", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(Ce, { "data-source-path": "/src/components/ViewGateOverlay.tsx:955", size: 20, className: "vg-animate-pop" }),
+            /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:956", children: l ? r.exitMode : r.enterMode })
           ] })
         }
       ),
@@ -1565,18 +1566,18 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
         "button",
         {
           onClick: () => {
-            A(!P), p(!1), g(null);
+            P(!T), p(!1), g(null);
           },
           className: "vg-button-ghost vg-animate-pop",
           style: { animationDelay: "0.1s" },
           children: [
-            /* @__PURE__ */ o.jsx(Gt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:970", size: 20 }),
-            /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:971", children: r.viewComments })
+            /* @__PURE__ */ o.jsx(Gt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:969", size: 20 }),
+            /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:970", children: r.viewComments })
           ]
         }
       )
     ] }) }),
-    I && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:979", style: {
+    I && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:978", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1589,14 +1590,14 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
       justifyContent: "center",
       zIndex: ke + 1,
       cursor: "wait"
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:985", 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:986", className: "vg-spinner" }),
-      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:987", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:984", 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:985", className: "vg-spinner" }),
+      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:986", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
     ] }) }),
     l && !m && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:994",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:993",
         className: "vg-backdrop-blur",
         style: {
           opacity: 1,
@@ -1615,7 +1616,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
     l && u && !m && !I && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1013",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1012",
         className: "vg-selection-pulse",
         style: {
           top: u.rect.top - 4,
@@ -1627,17 +1628,17 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
         children: /* @__PURE__ */ o.jsxs(
           "div",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1023",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1022",
             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(Mt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1039", size: 16 }),
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1040", style: { display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1041", style: { fontWeight: 700 }, children: r.selectToComment }),
-                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1042", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
+              /* @__PURE__ */ o.jsx(Mt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1038", size: 16 }),
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1039", style: { display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1040", style: { fontWeight: 700 }, children: r.selectToComment }),
+                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1041", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
                   Math.round(u.rect.width),
                   " × ",
                   Math.round(u.rect.height)
@@ -1648,7 +1649,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
         )
       }
     ),
-    m && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1052", className: "vg-animate-fade", style: {
+    m && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1051", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1660,13 +1661,13 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Re
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1057", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1056", 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:1061", style: { textAlign: "center", marginBottom: "32px" }, children: [
-        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1062", style: {
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1060", style: { textAlign: "center", marginBottom: "32px" }, children: [
+        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1061", style: {
           width: "48px",
           height: "48px",
           background: "var(--vg-primary-gradient)",
@@ -1677,11 +1678,11 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 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:1067", size: 24 }) }),
-        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1069", 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:1070", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
+        }, children: /* @__PURE__ */ o.jsx(Ce, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1066", size: 24 }) }),
+        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1068", 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:1069", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
       ] }),
-      m.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1074", style: {
+      m.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1073", style: {
         marginBottom: "24px",
         borderRadius: "12px",
         overflow: "hidden",
@@ -1709,7 +1710,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
           style: { fontSize: "15px", padding: "16px", marginBottom: "24px" }
         }
       ),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1101", style: { display: "flex", gap: "12px" }, children: [
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1100", style: { display: "flex", gap: "12px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
@@ -1727,15 +1728,15 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
             className: "vg-button-primary",
             disabled: j || !h.trim(),
             style: { flex: 2 },
-            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1116", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              j ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1117", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(Ut, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1117", size: 18 }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1118", children: j ? r.submitting : r.sendFeedback || "Send Comment" })
+            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1115", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+              j ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1116", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(Ut, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1116", size: 18 }),
+              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1117", children: j ? r.submitting : r.sendFeedback || "Send Comment" })
             ] })
           }
         )
       ] })
     ] }) }),
-    P && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1128", className: "vg-animate-fade", style: {
+    T && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1127", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1747,23 +1748,23 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Re
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1133", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1132", 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:1137", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1138", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1139", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: W ? r.commentDetails : r.annotations }),
-          !W && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1143", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: k.length })
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1136", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1137", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1138", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: W ? r.commentDetails : r.annotations }),
+          !W && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1142", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: k.length })
         ] }),
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1148", style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1147", style: { display: "flex", gap: "8px" }, children: [
           W && /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1150",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1149",
               className: "vg-button-ghost",
               style: { padding: "6px 14px", fontSize: "12px" },
               onClick: () => Q(null),
@@ -1773,21 +1774,21 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
           /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1158",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1157",
               className: "vg-button-ghost",
               style: { padding: "8px", borderRadius: "50%" },
               onClick: () => {
-                A(!1), Q(null);
+                P(!1), Q(null);
               },
-              children: /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1163", size: 20 })
+              children: /* @__PURE__ */ o.jsx(Ee, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1162", size: 20 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1168", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: ae ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1170", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1171", className: "vg-spinner" }) }) : (W ? k.filter((d) => d._id === W) : k).map((d, w) => /* @__PURE__ */ o.jsxs(
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1167", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: ae ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1169", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1170", className: "vg-spinner" }) }) : (W ? k.filter((d) => d._id === W) : k).map((d, w) => /* @__PURE__ */ o.jsxs(
         "div",
         {
-          "data-source-path": "/src/components/ViewGateOverlay.tsx:1175",
+          "data-source-path": "/src/components/ViewGateOverlay.tsx:1174",
           className: "vg-glassmorphism vg-animate-slide",
           style: {
             padding: "20px",
@@ -1797,17 +1798,17 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
             animationDelay: `${w * 0.05}s`
           },
           children: [
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1186", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1187", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
-              d.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1189", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
-                /* @__PURE__ */ o.jsx(se, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1190", size: 14 }),
+            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1185", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1186", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+              d.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1188", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
+                /* @__PURE__ */ o.jsx(se, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1189", size: 14 }),
                 " ",
                 r.readyForReview
-              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1193", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
-                /* @__PURE__ */ o.jsx(ze, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1194", size: 14 }),
+              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1192", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
+                /* @__PURE__ */ o.jsx(ze, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1193", size: 14 }),
                 " ",
                 r.pending
               ] }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1197", style: { fontSize: "12px", color: "#000000" }, children: Yr(d.timestamp || d.createdAt || d.reference?.timestamp, t) })
+              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1196", style: { fontSize: "12px", color: "#000000" }, children: Yr(d.timestamp || d.createdAt || d.reference?.timestamp, t) })
             ] }) }),
             ie === d._id ? /* @__PURE__ */ o.jsx(
               "textarea",
@@ -1819,12 +1820,12 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
                 autoFocus: !0,
                 style: { marginBottom: "16px" }
               }
-            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1213", 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:1216", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: ie === d._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1212", 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:1215", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: ie === d._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1219",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1218",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: async () => {
@@ -1833,7 +1834,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
                         method: "PATCH",
                         headers: { "Content-Type": "application/json", "x-api-key": n },
                         body: JSON.stringify({ message: c })
-                      })).ok && (ee(null), G(), e(r.updateSuccess, "success"));
+                      })).ok && (ee(null), A(), e(r.updateSuccess, "success"));
                     } catch {
                       e(r.error, "error");
                     }
@@ -1841,19 +1842,19 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
                   children: r.save
                 }
               ),
-              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1241", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => ee(null), children: r.cancel })
+              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1240", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => ee(null), children: r.cancel })
             ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1245",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1244",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: () => {
                     ee(d._id), f(d.message);
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(Ft, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1253", size: 14 }),
+                    /* @__PURE__ */ o.jsx(Ft, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1252", size: 14 }),
                     " ",
                     r.edit
                   ]
@@ -1862,14 +1863,14 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1255",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1254",
                   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:1262", size: 14 }),
+                    /* @__PURE__ */ o.jsx(Fe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1261", size: 14 }),
                     " ",
                     r.review
                   ]
@@ -1878,7 +1879,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
               d.status === "pending" ? /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1265",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1264",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
@@ -1892,7 +1893,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
                             method: "PATCH",
                             headers: { "Content-Type": "application/json", "x-api-key": n },
                             body: JSON.stringify({ status: "ready_for_review" })
-                          })).ok && (G(), e(r.updateSuccess, "success"));
+                          })).ok && (A(), e(r.updateSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
@@ -1902,7 +1903,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(se, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1293", size: 14 }),
+                    /* @__PURE__ */ o.jsx(se, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1292", size: 14 }),
                     " ",
                     r.markReady
                   ]
@@ -1910,7 +1911,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
               ) : /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1296",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1295",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
@@ -1925,7 +1926,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
                             method: "PATCH",
                             headers: { "Content-Type": "application/json", "x-api-key": n },
                             body: JSON.stringify({ status: "pending" })
-                          })).ok && (G(), e(r.updateSuccess, "success"));
+                          })).ok && (A(), e(r.updateSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
@@ -1935,7 +1936,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(Ht, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1324", size: 14 }),
+                    /* @__PURE__ */ o.jsx(Ht, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1323", size: 14 }),
                     " ",
                     r.reopen
                   ]
@@ -1944,7 +1945,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1327",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1326",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 12px", color: "#ef4444", borderColor: "#fee2e2", animationDelay: "0.15s" },
                   onClick: () => {
@@ -1957,7 +1958,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
                           (await fetch(`${a}/api/annotations/${d._id}`, {
                             method: "DELETE",
                             headers: { "x-api-key": n }
-                          })).ok && (G(), e(r.deleteSuccess, "success"));
+                          })).ok && (A(), e(r.deleteSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
@@ -1966,7 +1967,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
                       }
                     });
                   },
-                  children: /* @__PURE__ */ o.jsx(De, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1354", size: 16 })
+                  children: /* @__PURE__ */ o.jsx(De, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1353", size: 16 })
                 }
               )
             ] }) })
@@ -1975,7 +1976,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
         d._id
       )) })
     ] }) }),
-    z && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1369", className: "vg-animate-fade", style: {
+    z && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1368", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1987,14 +1988,14 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Re + 100
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1374", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1373", 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:1381", style: {
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1380", style: {
         width: "64px",
         height: "64px",
         background: z.type === "danger" ? "rgba(239, 68, 68, 0.1)" : "rgba(99, 102, 241, 0.1)",
@@ -2005,14 +2006,14 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
         margin: "0 auto 24px",
         color: z.type === "danger" ? "#ef4444" : "#6366f1",
         transform: "rotate(-5deg)"
-      }, children: z.type === "danger" ? /* @__PURE__ */ o.jsx(De, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1390", size: 32 }) : /* @__PURE__ */ o.jsx(se, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1390", size: 32 }) }),
-      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1392", 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:1393", 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:1394", style: { display: "flex", gap: "16px" }, children: [
+      }, children: z.type === "danger" ? /* @__PURE__ */ o.jsx(De, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1389", size: 32 }) : /* @__PURE__ */ o.jsx(se, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1389", size: 32 }) }),
+      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1391", 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:1392", 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:1393", style: { display: "flex", gap: "16px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1395",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1394",
             className: "vg-button-ghost",
             style: { flex: 1, height: "44px" },
             onClick: () => !X && D(null),
@@ -2023,7 +2024,7 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1403",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1402",
             className: "vg-button-primary",
             style: {
               flex: 1,
@@ -2046,16 +2047,16 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
                 oe(!1);
               }
             },
-            children: X ? /* @__PURE__ */ o.jsx(Lt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1428", size: 18, className: "vg-animate-spin" }) : r.yes
+            children: X ? /* @__PURE__ */ o.jsx(Lt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1427", size: 18, className: "vg-animate-spin" }) : r.yes
           }
         )
       ] })
     ] }) }),
-    !l && !P && k.map((d, w) => {
+    !l && !T && k.map((d, w) => {
       const y = C[d._id];
       if (!y) return null;
-      const O = k.slice(0, w).filter(
-        (_) => _.reference?.selector && _.reference.selector === d.reference?.selector
+      const G = k.slice(0, w).filter(
+        (O) => O.reference?.selector && O.reference.selector === d.reference?.selector
       ).length * 34;
       return /* @__PURE__ */ o.jsxs(
         "div",
@@ -2064,37 +2065,37 @@ const ve = 2147483647, ke = ve, Re = 2e6, Hr = ve - 10, Wr = ve - 5, Ur = ve - 1
           style: {
             position: "fixed",
             top: y.top - 20 - window.scrollY,
-            left: y.left + y.width / 2 - 16 + O - window.scrollX,
+            left: y.left + y.width / 2 - 16 + G - window.scrollX,
             cursor: "pointer",
             animationDelay: `${w * 0.08}s`,
             transition: "all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)",
             zIndex: Ur - w
             // Ensure staggered pins don't overlap tooltips weirdly
           },
-          onMouseEnter: (_) => {
-            const E = _.currentTarget.getBoundingClientRect();
-            window.innerHeight - E.bottom < 180 ? fe((V) => ({ ...V, [d._id]: "vg-top" })) : fe((V) => ({ ...V, [d._id]: "" }));
+          onMouseEnter: (O) => {
+            const E = O.currentTarget.getBoundingClientRect();
+            window.innerHeight - E.bottom < 180 ? fe((_) => ({ ..._, [d._id]: "vg-top" })) : fe((_) => ({ ..._, [d._id]: "" }));
           },
           onClick: () => {
-            A(!0), Q(d._id);
+            P(!0), Q(d._id);
           },
           children: [
-            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1475", className: `vg-pin-tooltip ${me[d._id] || ""}`, children: [
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1476", 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:1478", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
-                  /* @__PURE__ */ o.jsx(se, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1479", size: 12 }),
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1474", className: `vg-pin-tooltip ${me[d._id] || ""}`, children: [
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1475", 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:1477", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
+                  /* @__PURE__ */ o.jsx(se, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1478", size: 12 }),
                   " ",
                   r.readyForReview
-                ] }) : /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1482", 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:1483", size: 12 }),
+                ] }) : /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1481", 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:1482", size: 12 }),
                   " ",
                   r.pending
                 ] }),
-                y.isModal && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1487", 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:1488", children: "MODAL" }) })
+                y.isModal && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1486", 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:1487", children: "MODAL" }) })
               ] }),
-              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1492", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: d.message })
+              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1491", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: d.message })
             ] }),
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1495", className: `vg-formal-pin ${d.status === "ready_for_review" ? "ready" : ""} ${y.isModal ? "modal-variant" : ""}`, children: d.status === "ready_for_review" ? /* @__PURE__ */ o.jsx(se, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1496", size: 18 }) : y.isModal ? /* @__PURE__ */ o.jsx(Fe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1496", size: 16 }) : /* @__PURE__ */ o.jsx(Ce, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1496", size: 16 }) })
+            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1494", className: `vg-formal-pin ${d.status === "ready_for_review" ? "ready" : ""} ${y.isModal ? "modal-variant" : ""}`, children: d.status === "ready_for_review" ? /* @__PURE__ */ o.jsx(se, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1495", size: 18 }) : y.isModal ? /* @__PURE__ */ o.jsx(Fe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1495", size: 16 }) : /* @__PURE__ */ o.jsx(Ce, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1495", size: 16 }) })
           ]
         },
         `pin-${d._id}`