viewgate-wrapper 1.10.18 → 1.10.19

package/dist/viewgate-wrapper.js

@@ -1,11 +1,11 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0!important;padding:0!important}:root{--vg-primary: #6366f1;--vg-primary-glow: rgba(99, 102, 241, .5);--vg-primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--vg-bg-glass: rgba(255, 255, 255, .7);--vg-radius: 16px;--vg-font-main: "Inter", system-ui, sans-serif;--vg-font-alt: "Inter", system-ui, sans-serif;--placeholder-color: #94a3b8;--vg-glass-border: rgba(255, 255, 255, .3);--vg-shadow-premium: 0 20px 50px rgba(0, 0, 0, .1)}.vg-container,.vg-container *{box-sizing:border-box}.vg-container{font-family:var(--vg-font-main);-webkit-font-smoothing:antialiased}.vg-glassmorphism{background:var(--vg-bg-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--vg-glass-border);box-shadow:0 8px 32px #0000001a;border-radius:var(--vg-radius);position:relative}.vg-button-primary{background:var(--vg-primary-gradient);color:#fff;border:none;padding:12px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #6366f14d}.vg-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.vg-button-primary:disabled,.vg-button-ghost:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4);transform:none!important;box-shadow:none!important;pointer-events:none}.vg-button-ghost{background:#fffc;color:#1e293b;border:1px solid #e2e8f0;padding:10px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px}.vg-button-ghost:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.vg-badge{background:#f1f5f9;color:#64748b;padding:4px 12px;font-size:11px;border-radius:99px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.vg-textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-family:var(--vg-font-main);font-size:15px;color:#0f172a;resize:none;outline:none;background:#f8fafc;transition:all .2s ease}.vg-textarea:focus{background:#fff;border-color:var(--vg-primary);box-shadow:0 0 0 4px #6366f11a}@keyframes vg-pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes vg-slide-up-fade{0%{transform:translateY(12px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.vg-animate-pop{animation:vg-pop-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.vg-animate-slide-up{animation:vg-slide-up-fade .4s cubic-bezier(.22,1,.36,1) forwards}.vg-button-primary,.vg-button-ghost,.vg-pin-container,.vg-action-bar,.vg-glassmorphism{transition:all .3s cubic-bezier(.4,0,.2,1)}.vg-animate-slide{animation:vg-slide-in .4s cubic-bezier(.22,1,.36,1) forwards}.vg-animate-fade{animation:vg-fade-in .3s ease-out forwards}.vg-toasts{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px}.vg-toast{padding:12px 20px;display:flex;align-items:center;gap:12px;min-width:300px;border-radius:12px;box-shadow:0 10px 30px #0000001a;background:#fff}.vg-toast.success{border-left:6px solid #22c55e}.vg-toast.error{border-left:6px solid #ef4444}.vg-backdrop-blur{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px) grayscale(.2);backdrop-filter:blur(8px) grayscale(.2);background:#0000001a;pointer-events:none;transition:opacity .3s ease,clip-path .2s cubic-bezier(.19,1,.22,1)}.vg-selection-pulse{position:fixed;pointer-events:none;border:2px solid var(--vg-primary);border-radius:8px;box-shadow:0 0 0 0 var(--vg-primary-glow);animation:vg-pulse 2s infinite;transition:all .2s cubic-bezier(.19,1,.22,1)}@keyframes vg-pulse{0%{box-shadow:0 0 0 0 var(--vg-primary-glow)}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}.vg-selection-label{position:absolute;top:-40px;left:0;background:var(--vg-primary-gradient);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #6366f14d;display:flex;align-items:center;gap:8px}.vg-pin-container{transition:transform .2s ease}.vg-pin-container:hover{transform:scale(1.1)}.vg-formal-pin{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);border:3px solid white;box-shadow:0 4px 12px #ea580c66;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.vg-formal-pin.ready{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.vg-formal-pin.mixed{background:linear-gradient(135deg,#10b981,#059669);border:3px solid #f97316;box-shadow:0 4px 15px #f9731666}.vg-formal-pin.modal-variant{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66;border-style:dashed}.vg-pin-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);padding:16px;border-radius:16px;background:#ffffffe6;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:#1e293b;width:240px;font-size:13px;box-shadow:0 10px 40px #00000026;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.19,1,.22,1);border:1px solid rgba(255,255,255,.5);z-index:1000}.vg-tooltip-scroll{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.2) transparent}.vg-tooltip-scroll::-webkit-scrollbar{width:4px}.vg-tooltip-scroll::-webkit-scrollbar-track{background:transparent}.vg-tooltip-scroll::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:10px}.vg-pin-badge{position:absolute;top:-8px;right:-8px;background:#f43f5e;color:#fff;font-size:10px;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 4px 12px #f43f5e66;z-index:2}.vg-pin-tooltip.vg-top{top:auto;bottom:calc(100% + 12px)}.vg-pin-container:hover .vg-pin-tooltip{opacity:1;transform:translate(-50%) translateY(-5px)}.vg-action-bar{display:flex;gap:12px;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.vg-custom-scrollbar::-webkit-scrollbar{width:6px}.vg-custom-scrollbar::-webkit-scrollbar-track{background:transparent}.vg-custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f166;border-radius:10px;transition:all .2s ease}.vg-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.vg-spinner{border:3px solid rgba(99,102,241,.1);border-top:3px solid var(--vg-primary);border-radius:50%;width:32px;height:32px;animation:vg-spin .8s linear infinite}@keyframes vg-spin{to{transform:rotate(360deg)}}.vg-animate-spin{animation:vg-spin .8s linear infinite}.vg-cursor-pointer,.vg-cursor-pointer *{cursor:pointer!important}.vg-url-tag{position:relative;cursor:help;transition:all .2s ease}.vg-url-tag:hover{background:#f1f5f9!important;border-color:var(--vg-primary)!important}.vg-url-tooltip{position:fixed;left:0;top:0;background:#0f172a;color:#fff;padding:8px 14px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 10px 25px -5px #0006;z-index:2147483647;border:1px solid rgba(255,255,255,.1)}.vg-url-tooltip.visible{opacity:1}.vg-url-tooltip:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-width:6px;border-style:solid}.vg-url-tooltip.vg-top:after{top:100%;border-color:#0f172a transparent transparent transparent}.vg-url-tooltip.vg-bottom:after{bottom:100%;border-color:transparent transparent #0f172a transparent}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import Mt, { useRef as pe, useState as S, useEffect as Z, forwardRef as wt, createElement as He, createContext as Nt, useContext as It, useCallback as ke } from "react";
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0!important;padding:0!important}:root{--vg-primary: #6366f1;--vg-primary-glow: rgba(99, 102, 241, .5);--vg-primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--vg-bg-glass: rgba(255, 255, 255, .7);--vg-radius: 16px;--vg-font-main: "Inter", system-ui, sans-serif;--vg-font-alt: "Inter", system-ui, sans-serif;--placeholder-color: #94a3b8;--vg-glass-border: rgba(255, 255, 255, .3);--vg-shadow-premium: 0 20px 50px rgba(0, 0, 0, .1)}.vg-container,.vg-container *{box-sizing:border-box}.vg-container{font-family:var(--vg-font-main);-webkit-font-smoothing:antialiased}.vg-glassmorphism{background:var(--vg-bg-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--vg-glass-border);box-shadow:0 8px 32px #0000001a;border-radius:var(--vg-radius);position:relative}.vg-button-primary{background:var(--vg-primary-gradient);color:#fff;border:none;padding:12px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #6366f14d}.vg-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.vg-button-primary:disabled,.vg-button-ghost:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4);transform:none!important;box-shadow:none!important;pointer-events:none}.vg-button-ghost{background:#fffc;color:#1e293b;border:1px solid #e2e8f0;padding:10px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px}.vg-button-ghost:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.vg-badge{background:#f1f5f9;color:#64748b;padding:4px 12px;font-size:11px;border-radius:99px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.vg-textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-family:var(--vg-font-main);font-size:15px;color:#0f172a;resize:none;outline:none;background:#f8fafc;transition:all .2s ease}.vg-textarea:focus{background:#fff;border-color:var(--vg-primary);box-shadow:0 0 0 4px #6366f11a}@keyframes vg-pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes vg-slide-up-fade{0%{transform:translateY(12px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.vg-animate-pop{animation:vg-pop-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.vg-animate-slide-up{animation:vg-slide-up-fade .4s cubic-bezier(.22,1,.36,1) forwards}.vg-button-primary,.vg-button-ghost,.vg-pin-container,.vg-action-bar,.vg-glassmorphism{transition:all .3s cubic-bezier(.4,0,.2,1)}.vg-animate-slide{animation:vg-slide-in .4s cubic-bezier(.22,1,.36,1) forwards}.vg-animate-fade{animation:vg-fade-in .3s ease-out forwards}.vg-toasts{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px}.vg-toast{padding:12px 20px;display:flex;align-items:center;gap:12px;min-width:300px;border-radius:12px;box-shadow:0 10px 30px #0000001a;background:#fff}.vg-toast.success{border-left:6px solid #22c55e}.vg-toast.error{border-left:6px solid #ef4444}.vg-backdrop-blur{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px) grayscale(.2);backdrop-filter:blur(8px) grayscale(.2);background:#0000001a;pointer-events:none;transition:opacity .3s ease,clip-path .2s cubic-bezier(.19,1,.22,1)}.vg-selection-pulse{position:fixed;pointer-events:none;border:2px solid var(--vg-primary);border-radius:8px;box-shadow:0 0 0 0 var(--vg-primary-glow);animation:vg-pulse 2s infinite;transition:all .2s cubic-bezier(.19,1,.22,1)}@keyframes vg-pulse{0%{box-shadow:0 0 0 0 var(--vg-primary-glow)}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}.vg-selection-label{position:absolute;top:-40px;left:0;background:var(--vg-primary-gradient);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #6366f14d;display:flex;align-items:center;gap:8px}.vg-pin-container{transition:transform .2s ease}.vg-pin-container:hover{transform:scale(1.1)}.vg-formal-pin{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);border:3px solid white;box-shadow:0 4px 12px #ea580c66;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.vg-formal-pin.ready{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.vg-formal-pin.mixed{background:linear-gradient(135deg,#10b981,#059669);border:3px solid #f97316;box-shadow:0 4px 15px #f9731666}.vg-formal-pin.modal-variant{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66;border-style:dashed}.vg-pin-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);padding:16px;border-radius:16px;background:#ffffffe6;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:#1e293b;width:320px;font-size:13px;box-shadow:0 10px 40px #00000026;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.19,1,.22,1);border:1px solid rgba(255,255,255,.5);z-index:1000;overflow:hidden}.vg-tooltip-scroll{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.2) transparent;overflow-y:auto;overflow-x:hidden;padding-right:12px;scroll-behavior:smooth}.vg-tooltip-scroll::-webkit-scrollbar{width:4px}.vg-tooltip-scroll::-webkit-scrollbar-track{background:transparent}.vg-tooltip-scroll::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:10px}.vg-tooltip-scroll::-webkit-scrollbar-thumb:hover{background:#6366f180}.vg-text-wrap{word-break:break-word;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:pre-wrap}.vg-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.8em}.vg-pin-badge{position:absolute;top:-8px;right:-8px;background:#f43f5e;color:#fff;font-size:10px;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 4px 12px #f43f5e66;z-index:2}.vg-pin-tooltip.vg-top{top:auto;bottom:calc(100% + 12px)}.vg-pin-container:hover .vg-pin-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(-5px)}.vg-action-bar{display:flex;gap:12px;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.vg-custom-scrollbar::-webkit-scrollbar{width:6px}.vg-custom-scrollbar::-webkit-scrollbar-track{background:transparent}.vg-custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f166;border-radius:10px;transition:all .2s ease}.vg-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.vg-spinner{border:3px solid rgba(99,102,241,.1);border-top:3px solid var(--vg-primary);border-radius:50%;width:32px;height:32px;animation:vg-spin .8s linear infinite}@keyframes vg-spin{to{transform:rotate(360deg)}}.vg-animate-spin{animation:vg-spin .8s linear infinite}.vg-cursor-pointer,.vg-cursor-pointer *{cursor:pointer!important}.vg-url-tag{position:relative;cursor:help;transition:all .2s ease}.vg-url-tag:hover{background:#f1f5f9!important;border-color:var(--vg-primary)!important}.vg-url-tooltip{position:fixed;left:0;top:0;background:#0f172a;color:#fff;padding:8px 14px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 10px 25px -5px #0006;z-index:2147483647;border:1px solid rgba(255,255,255,.1)}.vg-url-tooltip.visible{opacity:1}.vg-url-tooltip:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-width:6px;border-style:solid}.vg-url-tooltip.vg-top:after{top:100%;border-color:#0f172a transparent transparent transparent}.vg-url-tooltip.vg-bottom:after{bottom:100%;border-color:transparent transparent #0f172a transparent}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import $t, { useRef as ce, useState as b, useEffect as X, forwardRef as yt, createElement as We, createContext as Mt, useContext as Nt, useMemo as It, useCallback as ke } from "react";
 import { createPortal as Lt } from "react-dom";
-var Re = { exports: {} }, we = {};
-var Qe;
+var Re = { exports: {} }, xe = {};
+var et;
 function zt() {
-  if (Qe) return we;
-  Qe = 1;
+  if (et) return xe;
+  et = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function r(n, a, s) {
     var c = null;
@@ -22,248 +22,248 @@ function zt() {
       props: s
     };
   }
-  return we.Fragment = t, we.jsx = r, we.jsxs = r, we;
+  return xe.Fragment = t, xe.jsx = r, xe.jsxs = r, xe;
 }
-var ve = {};
-var et;
+var ye = {};
+var tt;
 function Dt() {
-  return et || (et = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(d) {
-      if (d == null) return null;
-      if (typeof d == "function")
-        return d.$$typeof === me ? null : d.displayName || d.name || null;
-      if (typeof d == "string") return d;
-      switch (d) {
-        case F:
+  return tt || (tt = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(l) {
+      if (l == null) return null;
+      if (typeof l == "function")
+        return l.$$typeof === le ? null : l.displayName || l.name || null;
+      if (typeof l == "string") return l;
+      switch (l) {
+        case te:
           return "Fragment";
-        case X:
+        case be:
           return "Profiler";
-        case Y:
+        case ve:
           return "StrictMode";
         case Ae:
           return "Suspense";
-        case D:
+        case I:
           return "SuspenseList";
-        case Ye:
+        case Xe:
           return "Activity";
       }
-      if (typeof d == "object")
-        switch (typeof d.tag == "number" && console.error(
+      if (typeof l == "object")
+        switch (typeof l.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), d.$$typeof) {
-          case $:
+        ), l.$$typeof) {
+          case W:
             return "Portal";
-          case J:
-            return d.displayName || "Context";
-          case L:
-            return (d._context.displayName || "Context") + ".Consumer";
-          case _:
-            var x = d.render;
-            return d = d.displayName, d || (d = x.displayName || x.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
-          case H:
-            return x = d.displayName || null, x !== null ? x : e(d.type) || "Memo";
-          case Ce:
-            x = d._payload, d = d._init;
+          case q:
+            return l.displayName || "Context";
+          case M:
+            return (l._context.displayName || "Context") + ".Consumer";
+          case P:
+            var g = l.render;
+            return l = l.displayName, l || (l = g.displayName || g.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case z:
+            return g = l.displayName || null, g !== null ? g : e(l.type) || "Memo";
+          case Se:
+            g = l._payload, l = l._init;
             try {
-              return e(d(x));
+              return e(l(g));
             } catch {
             }
         }
       return null;
     }
-    function t(d) {
-      return "" + d;
+    function t(l) {
+      return "" + l;
     }
-    function r(d) {
+    function r(l) {
       try {
-        t(d);
-        var x = !1;
+        t(l);
+        var g = !1;
       } catch {
-        x = !0;
+        g = !0;
       }
-      if (x) {
-        x = console;
-        var b = x.error, R = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
-        return b.call(
-          x,
+      if (g) {
+        g = console;
+        var S = g.error, v = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        return S.call(
+          g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          R
-        ), t(d);
+          v
+        ), t(l);
       }
     }
-    function n(d) {
-      if (d === F) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === Ce)
+    function n(l) {
+      if (l === te) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === Se)
         return "<...>";
       try {
-        var x = e(d);
-        return x ? "<" + x + ">" : "<...>";
+        var g = e(l);
+        return g ? "<" + g + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var d = se.A;
-      return d === null ? null : d.getOwner();
+      var l = re.A;
+      return l === null ? null : l.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function c(d) {
-      if (Se.call(d, "key")) {
-        var x = Object.getOwnPropertyDescriptor(d, "key").get;
-        if (x && x.isReactWarning) return !1;
+    function c(l) {
+      if (Ce.call(l, "key")) {
+        var g = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (g && g.isReactWarning) return !1;
       }
-      return d.key !== void 0;
+      return l.key !== void 0;
     }
-    function i(d, x) {
-      function b() {
-        oe || (oe = !0, console.error(
+    function i(l, g) {
+      function S() {
+        ne || (ne = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          x
+          g
         ));
       }
-      b.isReactWarning = !0, Object.defineProperty(d, "key", {
-        get: b,
+      S.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: S,
         configurable: !0
       });
     }
     function u() {
-      var d = e(this.type);
-      return Q[d] || (Q[d] = !0, console.error(
+      var l = e(this.type);
+      return Z[l] || (Z[l] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), d = this.props.ref, d !== void 0 ? d : null;
+      )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function p(d, x, b, R, B, ie) {
-      var C = b.ref;
-      return d = {
-        $$typeof: T,
-        type: d,
-        key: x,
-        props: b,
-        _owner: R
-      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(d, "ref", {
+    function p(l, g, S, v, ae, U) {
+      var E = S.ref;
+      return l = {
+        $$typeof: N,
+        type: l,
+        key: g,
+        props: S,
+        _owner: v
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
+      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(d, "_debugInfo", {
+      }), Object.defineProperty(l, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(d, "_debugStack", {
+      }), Object.defineProperty(l, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: B
-      }), Object.defineProperty(d, "_debugTask", {
+        value: ae
+      }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ie
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+        value: U
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function m(d, x, b, R, B, ie) {
-      var C = x.children;
-      if (C !== void 0)
-        if (R)
-          if (Ee(C)) {
-            for (R = 0; R < C.length; R++)
-              f(C[R]);
-            Object.freeze && Object.freeze(C);
+    function m(l, g, S, v, ae, U) {
+      var E = g.children;
+      if (E !== void 0)
+        if (v)
+          if (Ee(E)) {
+            for (v = 0; v < E.length; v++)
+              f(E[v]);
+            Object.freeze && Object.freeze(E);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else f(C);
-      if (Se.call(x, "key")) {
-        C = e(d);
-        var M = Object.keys(x).filter(function(ee) {
-          return ee !== "key";
+        else f(E);
+      if (Ce.call(g, "key")) {
+        E = e(l);
+        var V = Object.keys(g).filter(function(Ge) {
+          return Ge !== "key";
         });
-        R = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", he[C + R] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
+        v = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", ue[E + v] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          R,
-          C,
-          M,
-          C
-        ), he[C + R] = !0);
+          v,
+          E,
+          V,
+          E
+        ), ue[E + v] = !0);
       }
-      if (C = null, b !== void 0 && (r(b), C = "" + b), c(x) && (r(x.key), C = "" + x.key), "key" in x) {
-        b = {};
-        for (var ge in x)
-          ge !== "key" && (b[ge] = x[ge]);
-      } else b = x;
-      return C && i(
-        b,
-        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
+      if (E = null, S !== void 0 && (r(S), E = "" + S), c(g) && (r(g.key), E = "" + g.key), "key" in g) {
+        S = {};
+        for (var H in g)
+          H !== "key" && (S[H] = g[H]);
+      } else S = g;
+      return E && i(
+        S,
+        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
       ), p(
-        d,
-        C,
-        b,
+        l,
+        E,
+        S,
         a(),
-        B,
-        ie
+        ae,
+        U
       );
     }
-    function f(d) {
-      E(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === Ce && (d._payload.status === "fulfilled" ? E(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
+    function f(l) {
+      j(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === Se && (l._payload.status === "fulfilled" ? j(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
     }
-    function E(d) {
-      return typeof d == "object" && d !== null && d.$$typeof === T;
+    function j(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === N;
     }
-    var O = Mt, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), $ = /* @__PURE__ */ Symbol.for("react.portal"), F = /* @__PURE__ */ Symbol.for("react.fragment"), Y = /* @__PURE__ */ Symbol.for("react.strict_mode"), X = /* @__PURE__ */ Symbol.for("react.profiler"), L = /* @__PURE__ */ Symbol.for("react.consumer"), J = /* @__PURE__ */ Symbol.for("react.context"), _ = /* @__PURE__ */ Symbol.for("react.forward_ref"), Ae = /* @__PURE__ */ Symbol.for("react.suspense"), D = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), Ce = /* @__PURE__ */ Symbol.for("react.lazy"), Ye = /* @__PURE__ */ Symbol.for("react.activity"), me = /* @__PURE__ */ Symbol.for("react.client.reference"), se = O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Se = Object.prototype.hasOwnProperty, Ee = Array.isArray, W = console.createTask ? console.createTask : function() {
+    var _ = $t, N = /* @__PURE__ */ Symbol.for("react.transitional.element"), W = /* @__PURE__ */ Symbol.for("react.portal"), te = /* @__PURE__ */ Symbol.for("react.fragment"), ve = /* @__PURE__ */ Symbol.for("react.strict_mode"), be = /* @__PURE__ */ Symbol.for("react.profiler"), M = /* @__PURE__ */ Symbol.for("react.consumer"), q = /* @__PURE__ */ Symbol.for("react.context"), P = /* @__PURE__ */ Symbol.for("react.forward_ref"), Ae = /* @__PURE__ */ Symbol.for("react.suspense"), I = /* @__PURE__ */ Symbol.for("react.suspense_list"), z = /* @__PURE__ */ Symbol.for("react.memo"), Se = /* @__PURE__ */ Symbol.for("react.lazy"), Xe = /* @__PURE__ */ Symbol.for("react.activity"), le = /* @__PURE__ */ Symbol.for("react.client.reference"), re = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Ce = Object.prototype.hasOwnProperty, Ee = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
-    O = {
-      react_stack_bottom_frame: function(d) {
-        return d();
+    _ = {
+      react_stack_bottom_frame: function(l) {
+        return l();
       }
     };
-    var oe, Q = {}, fe = O.react_stack_bottom_frame.bind(
-      O,
+    var ne, Z = {}, de = _.react_stack_bottom_frame.bind(
+      _,
       s
-    )(), U = W(n(s)), he = {};
-    ve.Fragment = F, ve.jsx = function(d, x, b) {
-      var R = 1e4 > se.recentlyCreatedOwnerStacks++;
+    )(), F = D(n(s)), ue = {};
+    ye.Fragment = te, ye.jsx = function(l, g, S) {
+      var v = 1e4 > re.recentlyCreatedOwnerStacks++;
       return m(
-        d,
-        x,
-        b,
+        l,
+        g,
+        S,
         !1,
-        R ? Error("react-stack-top-frame") : fe,
-        R ? W(n(d)) : U
+        v ? Error("react-stack-top-frame") : de,
+        v ? D(n(l)) : F
       );
-    }, ve.jsxs = function(d, x, b) {
-      var R = 1e4 > se.recentlyCreatedOwnerStacks++;
+    }, ye.jsxs = function(l, g, S) {
+      var v = 1e4 > re.recentlyCreatedOwnerStacks++;
       return m(
-        d,
-        x,
-        b,
+        l,
+        g,
+        S,
         !0,
-        R ? Error("react-stack-top-frame") : fe,
-        R ? W(n(d)) : U
+        v ? Error("react-stack-top-frame") : de,
+        v ? D(n(l)) : F
       );
     };
-  })()), ve;
+  })()), ye;
 }
-var tt;
+var rt;
 function Ft() {
-  return tt || (tt = 1, process.env.NODE_ENV === "production" ? Re.exports = zt() : Re.exports = Dt()), Re.exports;
+  return rt || (rt = 1, process.env.NODE_ENV === "production" ? Re.exports = zt() : Re.exports = Dt()), Re.exports;
 }
 var o = Ft();
 const Ht = ({ children: e }) => {
-  const t = pe(null), [r, n] = S(null);
-  return Z(() => {
+  const t = ce(null), [r, n] = b(null);
+  return X(() => {
     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) => {
@@ -274,13 +274,13 @@ const Ht = ({ children: e }) => {
     }
   }, []), /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: t, id: "viewgate-shadow-host", children: r && Lt(e, r) });
 };
-const vt = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
+const wt = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
 const Wt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 const Ut = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, r, n) => n ? n.toUpperCase() : r.toLowerCase()
 );
-const rt = (e) => {
+const nt = (e) => {
   const t = Ut(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
@@ -301,7 +301,7 @@ const qt = (e) => {
       return !0;
   return !1;
 };
-const Yt = wt(
+const Yt = yt(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -311,7 +311,7 @@ const Yt = wt(
     children: s,
     iconNode: c,
     ...i
-  }, u) => He(
+  }, u) => We(
     "svg",
     {
       ref: u,
@@ -320,49 +320,49 @@ const Yt = wt(
       height: t,
       stroke: e,
       strokeWidth: n ? Number(r) * 24 / Number(t) : r,
-      className: vt("lucide", a),
+      className: wt("lucide", a),
       ...!s && !qt(i) && { "aria-hidden": "true" },
       ...i
     },
     [
-      ...c.map(([p, m]) => He(p, m)),
+      ...c.map(([p, m]) => We(p, m)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
 );
-const P = (e, t) => {
-  const r = wt(
-    ({ className: n, ...a }, s) => He(Yt, {
+const T = (e, t) => {
+  const r = yt(
+    ({ className: n, ...a }, s) => We(Yt, {
       ref: s,
       iconNode: t,
-      className: vt(
-        `lucide-${Wt(rt(e))}`,
+      className: wt(
+        `lucide-${Wt(nt(e))}`,
         `lucide-${e}`,
         n
       ),
       ...a
     })
   );
-  return r.displayName = rt(e), r;
+  return r.displayName = nt(e), r;
 };
 const Xt = [
   ["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" }]
-], Jt = P("circle-alert", Xt);
+], Jt = T("circle-alert", Xt);
 const Zt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], ue = P("circle-check", Zt);
+], ie = T("circle-check", Zt);
 const Kt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-], nt = P("clock", Kt);
+], at = T("clock", Kt);
 const Qt = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-], at = P("external-link", Qt);
+], st = T("external-link", Qt);
 const er = [
   [
     "path",
@@ -372,12 +372,12 @@ const er = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], tr = P("eye", er);
+], tr = T("eye", er);
 const rr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
-], nr = P("globe", rr);
+], nr = T("globe", rr);
 const ar = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
@@ -385,8 +385,8 @@ const ar = [
   ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
-], st = P("grip-vertical", ar);
-const sr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], or = P("loader-circle", sr);
+], ot = T("grip-vertical", ar);
+const sr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], or = T("loader-circle", sr);
 const ir = [
   [
     "path",
@@ -395,7 +395,7 @@ const ir = [
       key: "18887p"
     }
   ]
-], je = P("message-square", ir);
+], je = T("message-square", ir);
 const cr = [
   [
     "path",
@@ -404,7 +404,7 @@ const cr = [
       key: "edeuup"
     }
   ]
-], lr = P("mouse-pointer-2", cr);
+], lr = T("mouse-pointer-2", cr);
 const dr = [
   [
     "path",
@@ -414,11 +414,11 @@ const dr = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], ur = P("pencil", dr);
+], ur = T("pencil", dr);
 const pr = [
   ["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" }]
-], mr = P("rotate-ccw", pr);
+], mr = T("rotate-ccw", pr);
 const fr = [
   [
     "path",
@@ -428,18 +428,18 @@ const fr = [
     }
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
-], hr = P("send", fr);
+], hr = T("send", fr);
 const gr = [
   ["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" }]
-], ot = P("trash-2", gr);
+], it = T("trash-2", gr);
 const xr = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ie = P("x", xr), yr = {
+], Le = T("x", xr), yr = {
   en: {
     enterMode: "Enter Feedback Mode",
     exitMode: "Exit Mode",
@@ -532,32 +532,32 @@ const xr = [
     exitConfirmTitle: "¿Cerrar ViewGate?",
     exitConfirmMessage: "¿Estás seguro de que deseas cerrar ViewGate? Puedes volver a activarlo en cualquier momento agregando ?viewgate=true a la URL."
   }
-}, bt = Nt(void 0), wr = () => {
-  const e = It(bt);
+}, vt = Mt(void 0), wr = () => {
+  const e = Nt(vt);
   if (!e) throw new Error("useViewGate must be used within a ViewGateProvider");
   return e;
-}, We = "viewgate_enabled", vr = () => typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("viewgate") ? (sessionStorage.setItem(We, "true"), !0) : sessionStorage.getItem(We) === "true", _n = ({
+}, Ue = "viewgate_enabled", vr = () => typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("viewgate") ? (sessionStorage.setItem(Ue, "true"), !0) : sessionStorage.getItem(Ue) === "true", Gn = ({
   children: e,
   language: t = "es",
   apiKey: r,
   baseUrl: n = "https://view-gate.vercel.app"
 }) => {
-  const [a, s] = S(!1), [c, i] = S([]);
-  Z(() => {
+  const [a, s] = b(!1), [c, i] = b([]);
+  X(() => {
     s(vr());
   }, []);
   const u = () => {
-    if (sessionStorage.removeItem(We), s(!1), typeof window < "u") {
+    if (sessionStorage.removeItem(Ue), s(!1), typeof window < "u") {
       const f = new URL(window.location.href);
       f.searchParams.delete("viewgate"), window.history.replaceState({}, "", f.toString());
     }
-  }, p = (f, E) => {
-    const O = Date.now();
-    i((T) => [...T, { id: O, message: f, type: E }]), setTimeout(() => {
-      i((T) => T.filter(($) => $.id !== O));
+  }, p = (f, j) => {
+    const _ = Date.now();
+    i((N) => [...N, { id: _, message: f, type: j }]), setTimeout(() => {
+      i((N) => N.filter((W) => W.id !== _));
     }, 4e3);
   }, m = yr[t];
-  return /* @__PURE__ */ o.jsxs(bt.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:252", value: {
+  return /* @__PURE__ */ o.jsxs(vt.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:252", value: {
     addToast: p,
     language: t,
     t: m,
@@ -568,9 +568,9 @@ const xr = [
   }, children: [
     e,
     a && /* @__PURE__ */ o.jsx(Ht, { "data-source-path": "/src/components/ViewGateProvider.tsx:263", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:264", className: "vg-container", children: [
-      /* @__PURE__ */ o.jsx(jn, { "data-source-path": "/src/components/ViewGateProvider.tsx:265" }),
+      /* @__PURE__ */ o.jsx(Vn, { "data-source-path": "/src/components/ViewGateProvider.tsx:265" }),
       /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:266", className: "vg-toasts", style: { zIndex: 2147483646 }, children: c.map((f) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:268", className: `vg-toast vg-animate-slide ${f.type}`, children: [
-        f.type === "success" ? /* @__PURE__ */ o.jsx(ue, { "data-source-path": "/src/components/ViewGateProvider.tsx:270", size: 24, color: "#22c55e" }) : /* @__PURE__ */ o.jsx(Jt, { "data-source-path": "/src/components/ViewGateProvider.tsx:272", size: 24, color: "#ef4444" }),
+        f.type === "success" ? /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateProvider.tsx:270", size: 24, color: "#22c55e" }) : /* @__PURE__ */ o.jsx(Jt, { "data-source-path": "/src/components/ViewGateProvider.tsx:272", size: 24, color: "#ef4444" }),
         /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:274", children: [
           /* @__PURE__ */ o.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:275", style: { display: "block", fontSize: "13px", color: "#0f172a", textTransform: "uppercase", marginBottom: "2px" }, children: f.type === "success" ? m.successHeader : m.errorHeader }),
           /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:278", style: { fontSize: "14px", color: "#000000" }, children: f.message })
@@ -589,7 +589,7 @@ function br(e, t) {
   const r = document.implementation.createHTMLDocument(), n = r.createElement("base"), a = r.createElement("a");
   return r.head.appendChild(n), r.body.appendChild(a), t && (n.href = t), a.href = e, a.href;
 }
-const Cr = /* @__PURE__ */ (() => {
+const Sr = /* @__PURE__ */ (() => {
   let e = 0;
   const t = () => (
     // eslint-disable-next-line no-bitwise
@@ -597,21 +597,21 @@ const Cr = /* @__PURE__ */ (() => {
   );
   return () => (e += 1, `u${t()}${e}`);
 })();
-function K(e) {
+function J(e) {
   const t = [];
   for (let r = 0, n = e.length; r < n; r++)
     t.push(e[r]);
   return t;
 }
-let le = null;
-function Ct(e = {}) {
-  return le || (e.includeStyleProperties ? (le = e.includeStyleProperties, le) : (le = K(window.getComputedStyle(document.documentElement)), le));
+let se = null;
+function bt(e = {}) {
+  return se || (e.includeStyleProperties ? (se = e.includeStyleProperties, se) : (se = J(window.getComputedStyle(document.documentElement)), se));
 }
 function Ve(e, t) {
   const n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
   return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function Sr(e) {
+function Cr(e) {
   const t = Ve(e, "border-left-width"), r = Ve(e, "border-right-width");
   return e.clientWidth + t + r;
 }
@@ -620,7 +620,7 @@ function Er(e) {
   return e.clientHeight + t + r;
 }
 function St(e, t = {}) {
-  const r = t.width || Sr(e), n = t.height || Er(e);
+  const r = t.width || Cr(e), n = t.height || Er(e);
   return { width: r, height: n };
 }
 function kr() {
@@ -632,9 +632,9 @@ function kr() {
   const r = t && t.env ? t.env.devicePixelRatio : null;
   return r && (e = parseInt(r, 10), Number.isNaN(e) && (e = 1)), e || window.devicePixelRatio || 1;
 }
-const I = 16384;
+const $ = 16384;
 function Rr(e) {
-  (e.width > I || e.height > I) && (e.width > I && e.height > I ? e.width > e.height ? (e.height *= I / e.width, e.width = I) : (e.width *= I / e.height, e.height = I) : e.width > I ? (e.height *= I / e.width, e.width = I) : (e.width *= I / e.height, e.height = I));
+  (e.width > $ || e.height > $) && (e.width > $ && e.height > $ ? e.width > e.height ? (e.height *= $ / e.width, e.width = $) : (e.width *= $ / e.height, e.height = $) : e.width > $ ? (e.height *= $ / e.width, e.width = $) : (e.width *= $ / e.height, e.height = $));
 }
 function Te(e) {
   return new Promise((t, r) => {
@@ -664,39 +664,39 @@ function Vr(e) {
   return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
 function Tr(e, t) {
-  return Ct(t).map((r) => {
+  return bt(t).map((r) => {
     const n = e.getPropertyValue(r), a = e.getPropertyPriority(r);
     return `${r}: ${n}${a ? " !important" : ""};`;
   }).join(" ");
 }
-function Pr(e, t, r, n) {
+function _r(e, t, r, n) {
   const a = `.${e}:${t}`, s = r.cssText ? Vr(r) : Tr(r, n);
   return document.createTextNode(`${a}{${s}}`);
 }
-function it(e, t, r, n) {
+function ct(e, t, r, n) {
   const a = window.getComputedStyle(e, r), s = a.getPropertyValue("content");
   if (s === "" || s === "none")
     return;
-  const c = Cr();
+  const c = Sr();
   try {
     t.className = `${t.className} ${c}`;
   } catch {
     return;
   }
   const i = document.createElement("style");
-  i.appendChild(Pr(c, r, a, n)), t.appendChild(i);
+  i.appendChild(_r(c, r, a, n)), t.appendChild(i);
 }
-function _r(e, t, r) {
-  it(e, t, ":before", r), it(e, t, ":after", r);
+function Pr(e, t, r) {
+  ct(e, t, ":before", r), ct(e, t, ":after", r);
 }
-const ct = "application/font-woff", lt = "image/jpeg", Ar = {
-  woff: ct,
-  woff2: ct,
+const lt = "application/font-woff", dt = "image/jpeg", Ar = {
+  woff: lt,
+  woff2: lt,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: lt,
-  jpeg: lt,
+  jpg: dt,
+  jpeg: dt,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
@@ -706,20 +706,20 @@ function Gr(e) {
   const t = /\.([^./]*?)$/g.exec(e);
   return t ? t[1] : "";
 }
-function Be(e) {
+function qe(e) {
   const t = Gr(e).toLowerCase();
   return Ar[t] || "";
 }
 function $r(e) {
   return e.split(/,/)[1];
 }
-function Ue(e) {
+function Be(e) {
   return e.search(/^(data:)/) !== -1;
 }
 function Mr(e, t) {
   return `data:${t};base64,${e}`;
 }
-async function Et(e, t, r) {
+async function Ct(e, t, r) {
   const n = await fetch(e, t);
   if (n.status === 404)
     throw new Error(`Resource "${n.url}" not found`);
@@ -735,26 +735,26 @@ async function Et(e, t, r) {
     }, i.readAsDataURL(a);
   });
 }
-const Le = {};
+const ze = {};
 function Nr(e, t, r) {
   let n = e.replace(/\?.*/, "");
   return r && (n = e), /ttf|otf|eot|woff2?/i.test(n) && (n = n.replace(/.*\//, "")), t ? `[${t}]${n}` : n;
 }
-async function qe(e, t, r) {
+async function Ye(e, t, r) {
   const n = Nr(e, t, r.includeQueryParams);
-  if (Le[n] != null)
-    return Le[n];
+  if (ze[n] != null)
+    return ze[n];
   r.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let a;
   try {
-    const s = await Et(e, r.fetchRequestInit, ({ res: c, result: i }) => (t || (t = c.headers.get("Content-Type") || ""), $r(i)));
+    const s = await Ct(e, r.fetchRequestInit, ({ res: c, result: i }) => (t || (t = c.headers.get("Content-Type") || ""), $r(i)));
     a = Mr(s, t);
   } catch (s) {
     a = r.imagePlaceholder || "";
     let c = `Failed to fetch resource: ${e}`;
     s && (c = typeof s == "string" ? s : s.message), c && console.warn(c);
   }
-  return Le[n] = a, a;
+  return ze[n] = a, a;
 }
 async function Ir(e) {
   const t = e.toDataURL();
@@ -767,28 +767,28 @@ async function Lr(e, t) {
     const i = s.toDataURL();
     return Te(i);
   }
-  const r = e.poster, n = Be(r), a = await qe(r, n, t);
+  const r = e.poster, n = qe(r), a = await Ye(r, n, t);
   return Te(a);
 }
 async function zr(e, t) {
   var r;
   try {
     if (!((r = e?.contentDocument) === null || r === void 0) && r.body)
-      return await Pe(e.contentDocument.body, t, !0);
+      return await _e(e.contentDocument.body, t, !0);
   } catch {
   }
   return e.cloneNode(!1);
 }
 async function Dr(e, t) {
-  return G(e, HTMLCanvasElement) ? Ir(e) : G(e, HTMLVideoElement) ? Lr(e, t) : G(e, HTMLIFrameElement) ? zr(e, t) : e.cloneNode(kt(e));
+  return G(e, HTMLCanvasElement) ? Ir(e) : G(e, HTMLVideoElement) ? Lr(e, t) : G(e, HTMLIFrameElement) ? zr(e, t) : e.cloneNode(Et(e));
 }
-const Fr = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", kt = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
+const Fr = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", Et = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
 async function Hr(e, t, r) {
   var n, a;
-  if (kt(t))
+  if (Et(t))
     return t;
   let s = [];
-  return Fr(e) && e.assignedNodes ? s = K(e.assignedNodes()) : G(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = K(e.contentDocument.body.childNodes) : s = K(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || G(e, HTMLVideoElement) || await s.reduce((c, i) => c.then(() => Pe(i, r)).then((u) => {
+  return Fr(e) && e.assignedNodes ? s = J(e.assignedNodes()) : G(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = J(e.contentDocument.body.childNodes) : s = J(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || G(e, HTMLVideoElement) || await s.reduce((c, i) => c.then(() => _e(i, r)).then((u) => {
     u && t.appendChild(u);
   }), Promise.resolve()), t;
 }
@@ -797,7 +797,7 @@ function Wr(e, t, r) {
   if (!n)
     return;
   const a = window.getComputedStyle(e);
-  a.cssText ? (n.cssText = a.cssText, n.transformOrigin = a.transformOrigin) : Ct(r).forEach((s) => {
+  a.cssText ? (n.cssText = a.cssText, n.transformOrigin = a.transformOrigin) : bt(r).forEach((s) => {
     let c = a.getPropertyValue(s);
     s === "font-size" && c.endsWith("px") && (c = `${Math.floor(parseFloat(c.substring(0, c.length - 2))) - 0.1}px`), G(e, HTMLIFrameElement) && s === "display" && c === "inline" && (c = "block"), s === "d" && t.getAttribute("d") && (c = `path(${t.getAttribute("d")})`), n.setProperty(s, c, a.getPropertyPriority(s));
   });
@@ -812,7 +812,7 @@ function Br(e, t) {
   }
 }
 function qr(e, t, r) {
-  return G(t, Element) && (Wr(e, t, r), _r(e, t, r), Ur(e, t), Br(e, t)), t;
+  return G(t, Element) && (Wr(e, t, r), Pr(e, t, r), Ur(e, t), Br(e, t)), t;
 }
 async function Yr(e, t) {
   const r = e.querySelectorAll ? e.querySelectorAll("use") : [];
@@ -823,7 +823,7 @@ async function Yr(e, t) {
     const i = r[s].getAttribute("xlink:href");
     if (i) {
       const u = e.querySelector(i), p = document.querySelector(i);
-      !u && p && !n[i] && (n[i] = await Pe(p, t, !0));
+      !u && p && !n[i] && (n[i] = await _e(p, t, !0));
     }
   }
   const a = Object.values(n);
@@ -838,23 +838,23 @@ async function Yr(e, t) {
   }
   return e;
 }
-async function Pe(e, t, r) {
+async function _e(e, t, r) {
   return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => Dr(n, t)).then((n) => Hr(e, n, t)).then((n) => qr(e, n, t)).then((n) => Yr(n, t));
 }
-const Rt = /url\((['"]?)([^'"]+?)\1\)/g, Xr = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Jr = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+const kt = /url\((['"]?)([^'"]+?)\1\)/g, Xr = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Jr = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
 function Zr(e) {
   const t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
 function Kr(e) {
   const t = [];
-  return e.replace(Rt, (r, n, a) => (t.push(a), r)), t.filter((r) => !Ue(r));
+  return e.replace(kt, (r, n, a) => (t.push(a), r)), t.filter((r) => !Be(r));
 }
 async function Qr(e, t, r, n, a) {
   try {
-    const s = r ? br(t, r) : t, c = Be(t);
+    const s = r ? br(t, r) : t, c = qe(t);
     let i;
-    return a || (i = await qe(s, c, n)), e.replace(Zr(t), `$1${i}$3`);
+    return a || (i = await Ye(s, c, n)), e.replace(Zr(t), `$1${i}$3`);
   } catch {
   }
   return e;
@@ -870,32 +870,32 @@ function en(e, { preferredFontFormat: t }) {
     }
   }) : e;
 }
-function jt(e) {
-  return e.search(Rt) !== -1;
+function Rt(e) {
+  return e.search(kt) !== -1;
 }
-async function Ot(e, t, r) {
-  if (!jt(e))
+async function jt(e, t, r) {
+  if (!Rt(e))
     return e;
   const n = en(e, r);
   return Kr(n).reduce((s, c) => s.then((i) => Qr(i, c, t, r)), Promise.resolve(n));
 }
-async function de(e, t, r) {
+async function oe(e, t, r) {
   var n;
   const a = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
   if (a) {
-    const s = await Ot(a, null, r);
+    const s = await jt(a, null, r);
     return t.style.setProperty(e, s, t.style.getPropertyPriority(e)), !0;
   }
   return !1;
 }
 async function tn(e, t) {
-  await de("background", e, t) || await de("background-image", e, t), await de("mask", e, t) || await de("-webkit-mask", e, t) || await de("mask-image", e, t) || await de("-webkit-mask-image", e, t);
+  await oe("background", e, t) || await oe("background-image", e, t), await oe("mask", e, t) || await oe("-webkit-mask", e, t) || await oe("mask-image", e, t) || await oe("-webkit-mask-image", e, t);
 }
 async function rn(e, t) {
   const r = G(e, HTMLImageElement);
-  if (!(r && !Ue(e.src)) && !(G(e, SVGImageElement) && !Ue(e.href.baseVal)))
+  if (!(r && !Be(e.src)) && !(G(e, SVGImageElement) && !Be(e.href.baseVal)))
     return;
-  const n = r ? e.src : e.href.baseVal, a = await qe(n, Be(n), t);
+  const n = r ? e.src : e.href.baseVal, a = await Ye(n, qe(n), t);
   await new Promise((s, c) => {
     e.onload = s, e.onerror = t.onImageErrorHandler ? (...u) => {
       try {
@@ -909,10 +909,10 @@ async function rn(e, t) {
   });
 }
 async function nn(e, t) {
-  const n = K(e.childNodes).map((a) => Vt(a, t));
+  const n = J(e.childNodes).map((a) => Ot(a, t));
   await Promise.all(n).then(() => e);
 }
-async function Vt(e, t) {
+async function Ot(e, t) {
   G(e, Element) && (await tn(e, t), await rn(e, t), await nn(e, t));
 }
 function an(e, t) {
@@ -923,23 +923,23 @@ function an(e, t) {
     r[a] = n[a];
   }), e;
 }
-const dt = {};
-async function ut(e) {
-  let t = dt[e];
+const ut = {};
+async function pt(e) {
+  let t = ut[e];
   if (t != null)
     return t;
   const n = await (await fetch(e)).text();
-  return t = { url: e, cssText: n }, dt[e] = t, t;
+  return t = { url: e, cssText: n }, ut[e] = t, t;
 }
-async function pt(e, t) {
+async function mt(e, t) {
   let r = e.cssText;
   const n = /url\(["']?([^"')]+)["']?\)/g, s = (r.match(/url\([^)]+\)/g) || []).map(async (c) => {
     let i = c.replace(n, "$1");
-    return i.startsWith("https://") || (i = new URL(i, e.url).href), Et(i, t.fetchRequestInit, ({ result: u }) => (r = r.replace(c, `url(${u})`), [c, u]));
+    return i.startsWith("https://") || (i = new URL(i, e.url).href), Ct(i, t.fetchRequestInit, ({ result: u }) => (r = r.replace(c, `url(${u})`), [c, u]));
   });
   return Promise.all(s).then(() => r);
 }
-function mt(e) {
+function ft(e) {
   if (e == null)
     return [];
   const t = [], r = /(\/\*[\s\S]*?\*\/)/gi;
@@ -970,16 +970,16 @@ async function sn(e, t) {
   return e.forEach((a) => {
     if ("cssRules" in a)
       try {
-        K(a.cssRules || []).forEach((s, c) => {
+        J(a.cssRules || []).forEach((s, c) => {
           if (s.type === CSSRule.IMPORT_RULE) {
             let i = c + 1;
-            const u = s.href, p = ut(u).then((m) => pt(m, t)).then((m) => mt(m).forEach((f) => {
+            const u = s.href, p = pt(u).then((m) => mt(m, t)).then((m) => ft(m).forEach((f) => {
               try {
                 a.insertRule(f, f.startsWith("@import") ? i += 1 : a.cssRules.length);
-              } catch (E) {
+              } catch (j) {
                 console.error("Error inserting rule from remote css", {
                   rule: f,
-                  error: E
+                  error: j
                 });
               }
             })).catch((m) => {
@@ -990,7 +990,7 @@ async function sn(e, t) {
         });
       } catch (s) {
         const c = e.find((i) => i.href == null) || document.styleSheets[0];
-        a.href != null && n.push(ut(a.href).then((i) => pt(i, t)).then((i) => mt(i).forEach((u) => {
+        a.href != null && n.push(pt(a.href).then((i) => mt(i, t)).then((i) => ft(i).forEach((u) => {
           c.insertRule(u, c.cssRules.length);
         })).catch((i) => {
           console.error("Error loading remote stylesheet", i);
@@ -999,7 +999,7 @@ async function sn(e, t) {
   }), Promise.all(n).then(() => (e.forEach((a) => {
     if ("cssRules" in a)
       try {
-        K(a.cssRules || []).forEach((s) => {
+        J(a.cssRules || []).forEach((s) => {
           r.push(s);
         });
       } catch (s) {
@@ -1008,22 +1008,22 @@ async function sn(e, t) {
   }), r));
 }
 function on(e) {
-  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => jt(t.style.getPropertyValue("src")));
+  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => Rt(t.style.getPropertyValue("src")));
 }
 async function cn(e, t) {
   if (e.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = K(e.ownerDocument.styleSheets), n = await sn(r, t);
+  const r = J(e.ownerDocument.styleSheets), n = await sn(r, t);
   return on(n);
 }
-function Tt(e) {
+function Vt(e) {
   return e.trim().replace(/["']/g, "");
 }
 function ln(e) {
   const t = /* @__PURE__ */ new Set();
   function r(n) {
     (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((s) => {
-      t.add(Tt(s));
+      t.add(Vt(s));
     }), Array.from(n.children).forEach((s) => {
       s instanceof HTMLElement && r(s);
     });
@@ -1032,9 +1032,9 @@ function ln(e) {
 }
 async function dn(e, t) {
   const r = await cn(e, t), n = ln(e);
-  return (await Promise.all(r.filter((s) => n.has(Tt(s.style.fontFamily))).map((s) => {
+  return (await Promise.all(r.filter((s) => n.has(Vt(s.style.fontFamily))).map((s) => {
     const c = s.parentStyleSheet ? s.parentStyleSheet.href : null;
-    return Ot(s.cssText, c, t);
+    return jt(s.cssText, c, t);
   }))).join(`
 `);
 }
@@ -1046,17 +1046,17 @@ async function un(e, t) {
   }
 }
 async function pn(e, t = {}) {
-  const { width: r, height: n } = St(e, t), a = await Pe(e, t, !0);
-  return await un(a, t), await Vt(a, t), an(a, t), await Or(a, r, n);
+  const { width: r, height: n } = St(e, t), a = await _e(e, t, !0);
+  return await un(a, t), await Ot(a, t), an(a, t), await Or(a, r, n);
 }
 async function mn(e, t = {}) {
   const { width: r, height: n } = St(e, t), a = await pn(e, t), s = await Te(a), c = document.createElement("canvas"), i = c.getContext("2d"), u = t.pixelRatio || kr(), p = t.canvasWidth || r, m = t.canvasHeight || n;
   return c.width = p * u, c.height = m * u, t.skipAutoScale || Rr(c), c.style.width = `${p}`, c.style.height = `${m}`, t.backgroundColor && (i.fillStyle = t.backgroundColor, i.fillRect(0, 0, c.width, c.height)), i.drawImage(s, 0, 0, c.width, c.height), c;
 }
-async function ft(e, t = {}) {
+async function fn(e, t = {}) {
   return (await mn(e, t)).toDataURL();
 }
-const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 15, ae = "data-vg-pin-id", xn = () => {
+const Pe = 2147483647, De = Pe, Fe = 2e6, hn = Pe - 10, gn = Pe - 5, xn = Pe - 15, ee = "data-vg-pin-id", yn = () => {
   const e = window.innerWidth;
   return e < 768 ? "mobile" : e < 1024 ? "tablet" : "desktop";
 }, ht = (e, t) => {
@@ -1075,7 +1075,7 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
     return "";
   }
 }, gt = ({ url: e, className: t, style: r, tooltipStyle: n, onHover: a }) => {
-  const s = pe(null), c = () => {
+  const s = ce(null), c = () => {
     if (!s.current || !a) return;
     const i = s.current.getBoundingClientRect(), u = i.top, p = window.innerHeight - i.bottom, m = u < 140 && p > u ? "bottom" : "top";
     a({
@@ -1106,7 +1106,7 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
       ]
     }
   );
-}, be = (e) => {
+}, we = (e) => {
   const t = [], r = [], n = [];
   let a = e;
   for (; a && a.nodeType === Node.ELEMENT_NODE; ) {
@@ -1134,8 +1134,8 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
     fallbacks: r,
     vgPath: n.join(" > ")
   };
-}, yn = (e) => {
-  const { vgPath: t } = be(e);
+}, wn = (e) => {
+  const { vgPath: t } = we(e);
   return {
     vgPath: t,
     classHash: e.className,
@@ -1148,7 +1148,7 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
     placeholder: e.getAttribute("placeholder") || void 0,
     textSnippet: (e.innerText || "").slice(0, 30).trim()
   };
-}, wn = /* @__PURE__ */ (() => {
+}, vn = /* @__PURE__ */ (() => {
   let e = null, t = null;
   return (r) => {
     if (!r || typeof window > "u" || typeof document > "u") return r;
@@ -1169,20 +1169,30 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
       }
     return r;
   };
-})(), xt = (e, t, r, n) => new Promise((a) => {
+})(), bn = (e, t, r, n) => new Promise((a) => {
   const s = new Image();
   s.onload = () => {
-    const c = document.createElement("canvas"), i = window.devicePixelRatio || 1, u = t.width + r * 2, p = t.height + r * 2;
+    const c = document.createElement("canvas"), i = 2, u = t.width + r * 2, p = t.height + r * 2;
     c.width = u * i, c.height = p * i;
     const m = c.getContext("2d");
     if (m) {
-      m.scale(i, i);
-      let f = (t.left - r) * n, E = (t.top - r) * n, O = u * n, T = p * n, $ = 0, F = 0, Y = u, X = p;
-      f < 0 && ($ = Math.abs(f) / n, O += f, Y -= $, f = 0), f + O > s.width && (O = s.width - f, Y = O / n), E < 0 && (F = Math.abs(E) / n, T += E, X -= F, E = 0), E + T > s.height && (T = s.height - E, X = T / n), m.fillStyle = "#ffffff", m.fillRect(0, 0, u, p), O > 0 && T > 0 && m.drawImage(s, f, E, O, T, $, F, Y, X);
+      m.imageSmoothingEnabled = !0, m.imageSmoothingQuality = "high";
+      const f = (t.left - r) * n, j = (t.top - r) * n, _ = u * n, N = p * n;
+      m.drawImage(
+        s,
+        f,
+        j,
+        _,
+        N,
+        0,
+        0,
+        c.width,
+        c.height
+      );
     }
-    a(c.toDataURL("image/png"));
+    a(c.toDataURL("image/png", 0.9));
   }, s.onerror = () => a(""), s.src = e;
-}), vn = (e) => {
+}), Sn = (e) => {
   const t = window.getComputedStyle(e), r = {};
   return [
     "display",
@@ -1197,9 +1207,9 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
     "z-index"
   ].forEach((a) => {
     const s = t.getPropertyValue(a);
-    r[a] = wn(s);
+    r[a] = vn(s);
   }), r;
-}, bn = (e) => {
+}, Cn = (e) => {
   const r = Object.keys(e).find((s) => s.startsWith("__reactFiber$") || s.startsWith("__reactInternalInstance$"));
   if (!r) return "";
   const n = [];
@@ -1213,13 +1223,13 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
     a = a.return;
   }
   return n.join(" > ") || "Generic Component";
-}, Cn = (e) => {
+}, En = (e) => {
   if (!e) return !1;
   const t = window.getComputedStyle(e), r = e.getBoundingClientRect(), n = e.getAttribute("role");
   if (n && ["listbox", "menu", "combobox", "tooltip", "option"].includes(n)) return !1;
   const s = 120;
   return r.width < s && r.height < s || t.position !== "fixed" && t.position !== "absolute" ? !1 : !!(e.closest('[role="dialog"]') || e.closest('[aria-modal="true"]') || e.classList.contains("modal") || e.classList.contains("modal-content"));
-}, ne = (e) => {
+}, Q = (e) => {
   if (!e.isConnected) return !1;
   const t = window.getComputedStyle(e);
   if (t.display === "none" || t.visibility === "hidden" || t.opacity === "0" || e.offsetWidth === 0 || e.offsetHeight === 0) return !1;
@@ -1231,19 +1241,19 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
   }
   const n = e.getBoundingClientRect();
   return !(n.width === 0 || n.height === 0 || n.top === 0 && n.left === 0 && n.width > window.innerWidth * 0.9);
-}, Pt = (e, t = document) => {
+}, Tt = (e, t = document) => {
   const r = t.querySelector(e);
   if (r) return r;
   const n = t.querySelectorAll("*");
   for (const a of Array.from(n)) {
     const s = a.shadowRoot;
     if (s) {
-      const c = Pt(e, s);
+      const c = Tt(e, s);
       if (c) return c;
     }
   }
   return null;
-}, yt = (e, t) => {
+}, xt = (e, t) => {
   let r = document.elementFromPoint(e, t);
   for (; r && r.shadowRoot; ) {
     const n = r.shadowRoot.elementFromPoint(e, t);
@@ -1251,7 +1261,7 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
     r = n;
   }
   return r;
-}, Sn = (e) => {
+}, kn = (e) => {
   if (!e.tag) return null;
   const t = Array.from(document.getElementsByTagName(e.tag));
   let r = null, n = 0;
@@ -1262,7 +1272,7 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
     i && c === i && (s += 6);
     const u = a.getAttribute("type"), p = e.attributes?.type || e.fingerprint?.type;
     if (p && u === p && (s += 2), a.innerText?.trim() === e.text.trim() && (s += 5), e.fingerprint?.vgPath) {
-      const { vgPath: m } = be(a);
+      const { vgPath: m } = we(a);
       (m === e.vgPath || e.fingerprint?.vgPath === m) && (s += 10);
     }
     s > n && s >= 7 && (n = s, r = a);
@@ -1274,63 +1284,63 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
   if (n && r && n !== r) return !1;
   const a = e.getAttribute("type"), s = t.attributes?.type || t.fingerprint?.type;
   return !(s && a && s !== a);
-}, En = (e, t) => {
+}, Rn = (e, t) => {
   if (t) {
-    const c = Array.from(document.querySelectorAll(`[${ae}="${t}"]`));
+    const c = Array.from(document.querySelectorAll(`[${ee}="${t}"]`));
     if (c.length > 0) {
       const i = c.filter((u) => Oe(u, e));
       if (i.length === 0)
-        c.forEach((u) => u.removeAttribute(ae));
+        c.forEach((u) => u.removeAttribute(ee));
       else {
         const u = i.find((m) => {
-          const { vgPath: f } = be(m);
+          const { vgPath: f } = we(m);
           return f === e.vgPath || e.fingerprint?.vgPath === f;
-        }), p = u && ne(u) ? u : i.find((m) => !(!ne(m) || e.metadata?.isModal && !m.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')));
+        }), p = u && Q(u) ? u : i.find((m) => !(!Q(m) || e.metadata?.isModal && !m.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')));
         return p ? (c.forEach((m) => {
-          m !== p && m.removeAttribute(ae);
+          m !== p && m.removeAttribute(ee);
         }), p) : null;
       }
     }
   }
   const n = (e.selector ? Array.from(document.querySelectorAll(e.selector)) : []).filter((c) => Oe(c, e));
   let a = n.find((c) => {
-    const { vgPath: i } = be(c);
+    const { vgPath: i } = we(c);
     return i === e.vgPath || e.fingerprint?.vgPath === i;
   }) || n[0] || null;
-  if (a && ne(a))
+  if (a && Q(a))
     if (e.metadata?.isModal && !a.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content'))
       a = null;
     else
       return a;
   if (e.fallbackSelectors)
     for (const c of e.fallbackSelectors) {
-      const i = Pt(c);
-      if (i && Oe(i, e) && ne(i)) {
+      const i = Tt(c);
+      if (i && Oe(i, e) && Q(i)) {
         if (e.metadata?.isModal && !i.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content')) continue;
         return i;
       }
     }
-  const s = Sn(e);
-  return s && ne(s) ? e.metadata?.isModal && !s.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content') ? null : s : null;
-}, Fe = (e) => ({
+  const s = kn(e);
+  return s && Q(s) ? e.metadata?.isModal && !s.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content') ? null : s : null;
+}, He = (e) => ({
   tag: e.tagName.toLowerCase(),
   text: (e.innerText || e.getAttribute("placeholder") || "").slice(0, 50).trim(),
   role: e.getAttribute("role") || void 0,
   type: e.getAttribute("type") || void 0
-}), kn = (e) => {
+}), jn = (e) => {
   const t = e.parentElement;
   if (!t) return;
-  const r = Array.from(t.children).filter((c) => c !== e).slice(0, 5).map((c) => Fe(c)), n = Array.from(t.children), a = n.indexOf(e);
+  const r = Array.from(t.children).filter((c) => c !== e).slice(0, 5).map((c) => He(c)), n = Array.from(t.children), a = n.indexOf(e);
   let s = "middle";
   return a === 0 && (s = "start"), a === n.length - 1 && (s = "end"), {
     target: {
-      ...Fe(e),
+      ...He(e),
       location: `${s} of ${t.tagName.toLowerCase()}`
     },
-    parent: Fe(t),
+    parent: He(t),
     siblings: r
   };
-}, Rn = (e) => {
+}, On = (e) => {
   let t = "unknown:0", r = e;
   for (; r; ) {
     const m = r.getAttribute("data-source-path");
@@ -1340,7 +1350,7 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
     }
     r = r.parentElement;
   }
-  const n = bn(e), { selector: a, fallbacks: s, vgPath: c } = be(e), i = {};
+  const n = Cn(e), { selector: a, fallbacks: s, vgPath: c } = we(e), i = {};
   ["placeholder", "aria-label", "name", "type", "alt", "title", "value", "role"].forEach((m) => {
     const f = e.getAttribute(m);
     f && (i[m] = f);
@@ -1362,245 +1372,226 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
     fallbackSelectors: [...new Set(s)].slice(0, 5),
     domPath: [],
     viewportSize: { width: window.innerWidth, height: window.innerHeight },
-    uiContext: kn(e),
-    fingerprint: yn(e),
+    uiContext: jn(e),
+    fingerprint: wn(e),
     metadata: {
       hint: `Edit ${t.split(":")[0]} at line ${t.split(":")[1] || "?"}`,
-      computedStyles: vn(e),
-      viewportBreakpoint: xn(),
+      computedStyles: Sn(e),
+      viewportBreakpoint: yn(),
       outerHtml: e.outerHTML.slice(0, 1500),
       scrollPosition: { x: window.scrollX, y: window.scrollY },
       isModal: u
     }
   };
-}, jn = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: c } = wr(), [i, u] = S(!1), [p, m] = S(null), [f, E] = S(null), [O, T] = S(""), [$, F] = S(!1), [Y, X] = S(!1), [L, J] = S(!1), [_, Ae] = S([]), [D, H] = S(null), [Ce, Ye] = S(!1), [me, se] = S(!1), [Se, Ee] = S({}), [W, oe] = S(null), [Q, fe] = S(!1), [U, he] = S(null), [d, x] = S([]), [b, R] = S(() => {
+}, Vn = () => {
+  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: c } = wr(), [i, u] = b(!1), [p, m] = b(null), [f, j] = b(null), [_, N] = b(""), [W, te] = b(!1), [ve, be] = b(!1), [M, q] = b(!1), [P, Ae] = b([]), [I, z] = b(null), [Se, Xe] = b(!1), [le, re] = b(!1), [Ce, Ee] = b({}), [D, ne] = b(null), [Z, de] = b(!1), [F, ue] = b(null), [l, g] = b([]), S = It(() => {
+    if (!D) return P;
+    const d = l.find((h) => h.annotations.some((x) => x._id === D));
+    return d ? d.annotations : P.filter((h) => h._id === D);
+  }, [D, P, l]), [v, ae] = b(() => {
     if (typeof window > "u") return { top: 24, right: 24 };
-    const l = localStorage.getItem("vg-exit-pos");
-    return l ? JSON.parse(l) : { top: 24, right: 24 };
-  }), [B, ie] = S(!1), C = pe(null), [M, ge] = S(() => {
+    const d = localStorage.getItem("vg-exit-pos");
+    return d ? JSON.parse(d) : { top: 24, right: 24 };
+  }), [U, E] = b(!1), V = ce(null), [H, Ge] = b(() => {
     if (typeof window > "u") return { bottom: 30, right: 30 };
-    const l = localStorage.getItem("vg-bar-pos");
-    return l ? JSON.parse(l) : { bottom: 30, right: 30 };
-  }), [ee, Xe] = S(!1), q = pe(null), At = (l) => {
-    l.preventDefault(), l.stopPropagation();
-    const h = l.currentTarget.parentElement?.getBoundingClientRect();
-    h && (ie(!0), C.current = {
-      x: l.clientX,
-      y: l.clientY,
-      top: b.top,
-      right: b.right,
+    const d = localStorage.getItem("vg-bar-pos");
+    return d ? JSON.parse(d) : { bottom: 30, right: 30 };
+  }), [pe, Je] = b(!1), B = ce(null), Pt = (d) => {
+    d.preventDefault(), d.stopPropagation();
+    const h = d.currentTarget.parentElement?.getBoundingClientRect();
+    h && (E(!0), V.current = {
+      x: d.clientX,
+      y: d.clientY,
+      top: v.top,
+      right: v.right,
       width: h.width,
       height: h.height
     });
-  }, Gt = (l) => {
-    l.preventDefault(), l.stopPropagation();
-    const h = l.currentTarget.parentElement?.getBoundingClientRect();
-    h && (Xe(!0), q.current = {
-      x: l.clientX,
-      y: l.clientY,
-      bottom: M.bottom,
-      right: M.right,
+  }, At = (d) => {
+    d.preventDefault(), d.stopPropagation();
+    const h = d.currentTarget.parentElement?.getBoundingClientRect();
+    h && (Je(!0), B.current = {
+      x: d.clientX,
+      y: d.clientY,
+      bottom: H.bottom,
+      right: H.right,
       width: h.width,
       height: h.height
     });
   };
-  Z(() => {
-    if (!B && !ee) return;
-    const l = (y) => {
-      if (B && C.current) {
-        const V = y.clientX - C.current.x, j = y.clientY - C.current.y;
-        let w = C.current.top + j, g = C.current.right - V;
-        const v = 10;
-        w = Math.max(v, Math.min(window.innerHeight - C.current.height - v, w)), g = Math.max(v, Math.min(window.innerWidth - C.current.width - v, g)), R({ top: w, right: g });
+  X(() => {
+    if (!U && !pe) return;
+    const d = (x) => {
+      if (U && V.current) {
+        const O = x.clientX - V.current.x, k = x.clientY - V.current.y;
+        let w = V.current.top + k, y = V.current.right - O;
+        const C = 10;
+        w = Math.max(C, Math.min(window.innerHeight - V.current.height - C, w)), y = Math.max(C, Math.min(window.innerWidth - V.current.width - C, y)), ae({ top: w, right: y });
       }
-      if (ee && q.current) {
-        const V = y.clientX - q.current.x, j = y.clientY - q.current.y;
-        let w = q.current.bottom - j, g = q.current.right - V;
-        const v = 10;
-        w = Math.max(v, Math.min(window.innerHeight - q.current.height - v, w)), g = Math.max(v, Math.min(window.innerWidth - q.current.width - v, g)), ge({ bottom: w, right: g });
+      if (pe && B.current) {
+        const O = x.clientX - B.current.x, k = x.clientY - B.current.y;
+        let w = B.current.bottom - k, y = B.current.right - O;
+        const C = 10;
+        w = Math.max(C, Math.min(window.innerHeight - B.current.height - C, w)), y = Math.max(C, Math.min(window.innerWidth - B.current.width - C, y)), Ge({ bottom: w, right: y });
       }
     }, h = () => {
-      B && (ie(!1), localStorage.setItem("vg-exit-pos", JSON.stringify(b)), C.current = null), ee && (Xe(!1), localStorage.setItem("vg-bar-pos", JSON.stringify(M)), q.current = null);
+      U && (E(!1), localStorage.setItem("vg-exit-pos", JSON.stringify(v)), V.current = null), pe && (Je(!1), localStorage.setItem("vg-bar-pos", JSON.stringify(H)), B.current = null);
     };
-    return window.addEventListener("mousemove", l), window.addEventListener("mouseup", h), () => {
-      window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", h);
+    return window.addEventListener("mousemove", d), window.addEventListener("mouseup", h), () => {
+      window.removeEventListener("mousemove", d), window.removeEventListener("mouseup", h);
     };
-  }, [B, ee, b, M]);
-  const [Je, Ge] = S(null), [Ze, Ke] = S(""), [On, Vn] = S({}), ce = pe(null), xe = pe(null), ye = ke(() => {
-    xe.current || (xe.current = requestAnimationFrame(() => {
-      const l = /* @__PURE__ */ new Map(), y = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((w) => Cn(w) && ne(w)), V = !!y;
-      _.forEach((w) => {
+  }, [U, pe, v, H]);
+  const [Ze, $e] = b(null), [Ke, Qe] = b(""), [Tn, _n] = b({}), me = ce(null), fe = ce(null), he = ke(() => {
+    fe.current || (fe.current = requestAnimationFrame(() => {
+      const d = /* @__PURE__ */ new Map(), x = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((w) => En(w) && Q(w)), O = !!x;
+      P.forEach((w) => {
         if (!w.reference) return;
-        const g = En(w.reference, w._id);
-        if (!g || !ne(g)) return;
-        const v = !!w.reference.metadata?.isModal;
-        let z = !1;
-        if (V ? z = y.contains(g) : z = !v, !z) return;
-        const A = g.getAttribute(ae);
-        A !== w._id && (document.querySelectorAll(`[${ae}="${w._id}"]`).forEach((N) => {
-          N.removeAttribute(ae);
-        }), A || g.setAttribute(ae, w._id)), l.has(g) || l.set(g, []), l.get(g).push(w);
+        const y = Rn(w.reference, w._id);
+        if (!y || !Q(y)) return;
+        const C = !!w.reference.metadata?.isModal;
+        let A = !1;
+        if (O ? A = x.contains(y) : A = !C, !A) return;
+        const Y = y.getAttribute(ee);
+        Y !== w._id && (document.querySelectorAll(`[${ee}="${w._id}"]`).forEach((L) => {
+          L.removeAttribute(ee);
+        }), Y || y.setAttribute(ee, w._id)), d.has(y) || d.set(y, []), d.get(y).push(w);
       });
-      const j = [];
-      l.forEach((w, g) => {
-        const v = g.getBoundingClientRect(), z = v.left + v.width / 2, A = v.top + v.height / 2;
-        if (z >= 0 && z <= window.innerWidth && A >= 0 && A <= window.innerHeight) {
-          const N = document.elementFromPoint(z, A);
-          if (N && !g.contains(N) && !ce.current?.contains(N))
+      const k = [];
+      d.forEach((w, y) => {
+        const C = y.getBoundingClientRect(), A = C.left + C.width / 2, Y = C.top + C.height / 2;
+        if (A >= 0 && A <= window.innerWidth && Y >= 0 && Y <= window.innerHeight) {
+          const L = document.elementFromPoint(A, Y);
+          if (L && !y.contains(L) && !me.current?.contains(L))
             return;
         }
-        j.push({
+        k.push({
           id: w[0]._id,
           // Group identified by its primary annotation
-          element: g,
-          rect: v,
-          annotations: w.sort((N, k) => new Date(k.timestamp || k.createdAt).getTime() - new Date(N.timestamp || N.createdAt).getTime()),
+          element: y,
+          rect: C,
+          annotations: w.sort((L, R) => new Date(R.timestamp || R.createdAt).getTime() - new Date(L.timestamp || L.createdAt).getTime()),
           isModal: !!w[0].reference?.metadata?.isModal
         });
-      }), x(j), xe.current = null;
+      }), g(k), fe.current = null;
     }));
-  }, [_]), te = ke(async () => {
+  }, [P]), K = ke(async () => {
     if (n) {
-      se(!0);
+      re(!0);
       try {
-        const l = await fetch(`${a}/api/annotations`, {
+        const d = await fetch(`${a}/api/annotations`, {
           headers: { "x-api-key": n }
         });
-        if (l.ok) {
-          const V = ((await l.json()).data || []).reduce((j, w) => j.find((v) => v._id === w._id) ? j : j.concat([w]), []);
-          Ae(V);
+        if (d.ok) {
+          const O = ((await d.json()).data || []).reduce((k, w) => k.find((C) => C._id === w._id) ? k : k.concat([w]), []);
+          Ae(O);
         }
-      } catch (l) {
-        console.error("Failed to fetch annotations", l);
+      } catch (d) {
+        console.error("Failed to fetch annotations", d);
       } finally {
-        se(!1);
+        re(!1);
       }
     }
   }, [n, a]);
-  Z(() => {
-    L && _.length === 0 && !me && J(!1);
-  }, [L, _.length, me]), Z(() => {
-    if (!i && _.length > 0) {
-      ye();
-      const l = new MutationObserver(() => ye()), h = new ResizeObserver(() => ye()), y = () => ye();
-      return l.observe(document.documentElement, {
+  X(() => {
+    M && P.length === 0 && !le && q(!1);
+  }, [M, P.length, le]), X(() => {
+    if (!i && P.length > 0) {
+      he();
+      const d = new MutationObserver(() => he()), h = new ResizeObserver(() => he()), x = () => he();
+      return d.observe(document.documentElement, {
         childList: !0,
         subtree: !0,
         attributes: !0
-      }), h.observe(document.documentElement), window.addEventListener("scroll", y, !0), () => {
-        l.disconnect(), h.disconnect(), window.removeEventListener("scroll", y, !0), xe.current && cancelAnimationFrame(xe.current);
+      }), h.observe(document.documentElement), window.addEventListener("scroll", x, !0), () => {
+        d.disconnect(), h.disconnect(), window.removeEventListener("scroll", x, !0), fe.current && cancelAnimationFrame(fe.current);
       };
     }
-  }, [i, _.length, ye]), Z(() => {
-    te();
-  }, [te]), Z(() => {
-    ce.current = document.getElementById("viewgate-shadow-host");
+  }, [i, P.length, he]), X(() => {
+    K();
+  }, [K]), X(() => {
+    me.current = document.getElementById("viewgate-shadow-host");
   }, []);
-  const $e = ke((l) => {
+  const Me = ke((d) => {
     if (!i || f) return;
-    const h = yt(l.clientX, l.clientY);
-    if (!h || ce.current?.contains(h) || h.closest(".vg-no-capture")) {
+    const h = xt(d.clientX, d.clientY);
+    if (!h || me.current?.contains(h) || h.closest(".vg-no-capture")) {
       m(null);
       return;
     }
-    const y = h.getBoundingClientRect();
+    const x = h.getBoundingClientRect();
     m({
       tag: h.tagName.toLowerCase(),
       source: h.getAttribute("data-source-path") || "unknown:0",
-      rect: y,
+      rect: x,
       element: h,
       previewText: (h.innerText || "").slice(0, 100) || (h.getAttribute("placeholder") || "").slice(0, 100) || h.tagName.toLowerCase(),
       semanticReference: {
-        ...Rn(h),
+        ...On(h),
         normalizedOffset: {
-          x: (l.clientX - y.left) / y.width,
-          y: (l.clientY - y.top) / y.height
+          x: (d.clientX - x.left) / x.width,
+          y: (d.clientY - x.top) / x.height
         }
       }
     });
-  }, [i, f]), Me = ke(async (l) => {
+  }, [i, f]), Ne = ke(async (d) => {
     if (!i || f) return;
-    const h = yt(l.clientX, l.clientY);
-    if (!(!h || ce.current?.contains(h) || h.closest(".vg-no-capture")) && p) {
-      l.preventDefault(), l.stopPropagation(), X(!0);
+    const h = xt(d.clientX, d.clientY);
+    if (!(!h || me.current?.contains(h) || h.closest(".vg-no-capture")) && p) {
+      d.preventDefault(), d.stopPropagation(), be(!0);
       try {
-        const j = window.scrollX, w = window.scrollY, g = await ft(document.documentElement, {
-          pixelRatio: 1.5,
+        const k = await fn(document.body, {
+          pixelRatio: 2,
           cacheBust: !0,
           width: window.innerWidth,
           height: window.innerHeight,
           backgroundColor: "#ffffff",
-          style: {
-            transform: `scale(${1 / window.devicePixelRatio}) translate(-${j}px, -${w}px)`,
-            transformOrigin: "top left"
-          },
-          filter: (k) => {
-            const re = k;
-            return !(ce.current?.contains(re) || re.id === "viewgate-ui");
+          filter: (C) => {
+            const A = C;
+            return !(me.current?.contains(A) || A.id === "viewgate-ui" || A.classList?.contains("vg-no-capture"));
           }
-        }), v = p.element.getBoundingClientRect(), z = v.top >= 0 && v.left >= 0 && v.bottom <= window.innerHeight && v.right <= window.innerWidth;
-        let A = "";
-        if (z && v.width > 0 && v.height > 0)
-          A = await xt(g, v, 24, 1.5);
-        else
-          try {
-            A = await ft(p.element, {
-              pixelRatio: 2,
-              cacheBust: !0,
-              backgroundColor: "#ffffff",
-              filter: (k) => {
-                const re = k;
-                return !ce.current?.contains(re);
-              }
-            });
-          } catch {
-            A = await xt(g, v, 24, 1.5);
-          }
-        const N = {
+        }), w = await bn(k, p.rect, 32, 2), y = {
           ...p.semanticReference,
           metadata: {
             ...p.semanticReference.metadata,
-            screenshotUrl: g,
-            elementScreenshot: A
+            elementScreenshot: w
           }
         };
-        E({
+        j({
           ...p,
-          visualPreview: A,
-          semanticReference: N
+          visualPreview: w,
+          semanticReference: y
         });
-      } catch (y) {
-        console.error("Failed to capture preview:", y), E(p);
+      } catch (x) {
+        console.error("Failed to capture high-fidelity preview:", x), j(p);
       } finally {
-        X(!1), m(null);
+        be(!1), m(null);
       }
     }
   }, [i, p, f]);
-  Z(() => {
-    const l = (h) => {
+  X(() => {
+    const d = (h) => {
       if (h.key === "Escape") {
-        f ? E(null) : L ? J(!1) : i && u(!1);
+        f ? j(null) : M ? q(!1) : i && u(!1);
         return;
       }
-      const V = (() => {
-        let g = document.activeElement;
-        for (; g && g.shadowRoot && g.shadowRoot.activeElement; )
-          g = g.shadowRoot.activeElement;
-        return g;
+      const O = (() => {
+        let y = document.activeElement;
+        for (; y && y.shadowRoot && y.shadowRoot.activeElement; )
+          y = y.shadowRoot.activeElement;
+        return y;
       })();
-      if (["input", "textarea"].includes((V?.tagName || "").toLowerCase()) || V?.isContentEditable) return;
+      if (["input", "textarea"].includes((O?.tagName || "").toLowerCase()) || O?.isContentEditable) return;
       const w = h.key.toLowerCase();
-      w === "c" && !f && !L && u((g) => !g), w === "v" && !f && (_.length > 0 || L) && (J((g) => !g), L || u(!1));
+      w === "c" && !f && !M && u((y) => !y), w === "v" && !f && (P.length > 0 || M) && (q((y) => !y), M || u(!1));
     };
-    return i && !f ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", l), window.addEventListener("mousemove", $e, !0), window.addEventListener("click", Me, !0), () => {
-      document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", l), window.removeEventListener("mousemove", $e, !0), window.removeEventListener("click", Me, !0);
+    return i && !f ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", d), window.addEventListener("mousemove", Me, !0), window.addEventListener("click", Ne, !0), () => {
+      document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", d), window.removeEventListener("mousemove", Me, !0), window.removeEventListener("click", Ne, !0);
     };
-  }, [i, f, L, _, $e, Me]);
-  const $t = async () => {
-    if (!f || !O.trim()) return;
-    F(!0);
-    const { semanticReference: l } = f, [h, y] = (l.source || "").split(":"), V = y || "0";
+  }, [i, f, M, P, Me, Ne]);
+  const Gt = async () => {
+    if (!f || !_.trim()) return;
+    te(!0);
+    const { semanticReference: d } = f, [h, x] = (d.source || "").split(":"), O = x || "0";
     try {
       if (!(await fetch(`${a}/api/annotations`, {
         method: "POST",
@@ -1610,12 +1601,12 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
         },
         body: JSON.stringify({
           filePath: h,
-          line: parseInt(V),
+          line: parseInt(O),
           url: window.location.href,
-          message: O,
-          componentName: l.componentPath || f.tag,
+          message: _,
+          componentName: d.componentPath || f.tag,
           reference: {
-            ...l,
+            ...d,
             viewport: {
               width: window.innerWidth,
               height: window.innerHeight
@@ -1625,32 +1616,32 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
           }
         })
       })).ok) throw new Error("Backend failed");
-      e(r.success, "success"), E(null), T(""), u(!1), te();
-    } catch (j) {
-      console.error(j), e(r.error, "error");
+      e(r.success, "success"), j(null), N(""), u(!1), K();
+    } catch (k) {
+      console.error(k), e(r.error, "error");
     } finally {
-      F(!1);
+      te(!1);
     }
   };
-  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1154", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1155", className: "vg-no-capture", children: [
+  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1260", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1261", className: "vg-no-capture", children: [
     !c && /* @__PURE__ */ o.jsxs(
       "div",
       {
         style: {
           position: "fixed",
-          top: `${b.top}px`,
-          right: `${b.right}px`,
-          zIndex: ze + 10,
+          top: `${v.top}px`,
+          right: `${v.right}px`,
+          zIndex: De + 10,
           display: "flex",
           alignItems: "center",
           gap: "8px",
-          transition: B ? "none" : "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+          transition: U ? "none" : "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
         },
         children: [
           /* @__PURE__ */ o.jsx(
             "div",
             {
-              onMouseDown: At,
+              onMouseDown: Pt,
               style: {
                 width: "20px",
                 height: "32px",
@@ -1668,20 +1659,20 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
                 border: "1px solid rgba(0,0,0,0.1)",
                 boxShadow: "0 2px 8px rgba(0,0,0,0.05)"
               },
-              onMouseEnter: (l) => {
-                l.currentTarget.style.backgroundColor = "white", l.currentTarget.style.color = "#000000";
+              onMouseEnter: (d) => {
+                d.currentTarget.style.backgroundColor = "white", d.currentTarget.style.color = "#000000";
               },
-              onMouseLeave: (l) => {
-                l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", l.currentTarget.style.color = "#1e293b";
+              onMouseLeave: (d) => {
+                d.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", d.currentTarget.style.color = "#1e293b";
               },
-              children: /* @__PURE__ */ o.jsx(st, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1199", size: 14 })
+              children: /* @__PURE__ */ o.jsx(ot, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1305", size: 14 })
             }
           ),
           /* @__PURE__ */ o.jsx(
             "button",
             {
-              onClick: (l) => {
-                l.stopPropagation(), H({
+              onClick: (d) => {
+                d.stopPropagation(), z({
                   title: r.exitConfirmTitle || "Close ViewGate?",
                   message: r.exitConfirmMessage || "Are you sure you want to close ViewGate?",
                   type: "danger",
@@ -1704,13 +1695,13 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
                 color: "#64748b",
                 transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
               },
-              onMouseEnter: (l) => {
-                l.currentTarget.style.transform = "scale(1.1) rotate(90deg)", l.currentTarget.style.color = "#ef4444", l.currentTarget.style.backgroundColor = "white";
+              onMouseEnter: (d) => {
+                d.currentTarget.style.transform = "scale(1.1) rotate(90deg)", d.currentTarget.style.color = "#ef4444", d.currentTarget.style.backgroundColor = "white";
               },
-              onMouseLeave: (l) => {
-                l.currentTarget.style.transform = "scale(1) rotate(0deg)", l.currentTarget.style.color = "#64748b", l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.9)";
+              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(Ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1239", size: 20, strokeWidth: 2.5 })
+              children: /* @__PURE__ */ o.jsx(Le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1345", size: 20, strokeWidth: 2.5 })
             }
           )
         ]
@@ -1719,23 +1710,23 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
     /* @__PURE__ */ o.jsxs(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1245",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1351",
         style: {
           position: "fixed",
-          bottom: `${M.bottom}px`,
-          right: `${M.right}px`,
-          zIndex: ze,
+          bottom: `${H.bottom}px`,
+          right: `${H.right}px`,
+          zIndex: De,
           display: "flex",
           alignItems: "center",
           gap: "8px",
-          transition: ee ? "none" : "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
+          transition: pe ? "none" : "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)"
         },
         id: "viewgate-ui",
         children: [
           /* @__PURE__ */ o.jsx(
             "div",
             {
-              onMouseDown: Gt,
+              onMouseDown: At,
               style: {
                 width: "24px",
                 height: "40px",
@@ -1753,17 +1744,17 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
                 border: "1px solid rgba(0,0,0,0.1)",
                 boxShadow: "0 2px 8px rgba(0,0,0,0.05)"
               },
-              onMouseEnter: (l) => {
-                l.currentTarget.style.backgroundColor = "white", l.currentTarget.style.color = "#000000";
+              onMouseEnter: (d) => {
+                d.currentTarget.style.backgroundColor = "white", d.currentTarget.style.color = "#000000";
               },
-              onMouseLeave: (l) => {
-                l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", l.currentTarget.style.color = "#1e293b";
+              onMouseLeave: (d) => {
+                d.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", d.currentTarget.style.color = "#1e293b";
               },
               className: "vg-animate-slide-up",
-              children: /* @__PURE__ */ o.jsx(st, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1288", size: 16 })
+              children: /* @__PURE__ */ o.jsx(ot, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1394", size: 16 })
             }
           ),
-          /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1291", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
+          /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1397", 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",
               {
@@ -1773,23 +1764,23 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
                   padding: "12px 24px",
                   background: i ? "#ef4444" : void 0
                 },
-                children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1300", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                  i ? /* @__PURE__ */ o.jsx(Ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1301", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(je, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1301", size: 20, className: "vg-animate-pop" }),
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1302", children: i ? r.exitMode : r.enterMode })
+                children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1406", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                  i ? /* @__PURE__ */ o.jsx(Le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1407", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(je, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1407", size: 20, className: "vg-animate-pop" }),
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1408", children: i ? r.exitMode : r.enterMode })
                 ] })
               }
             ),
-            _.length > 0 && /* @__PURE__ */ o.jsxs(
+            P.length > 0 && /* @__PURE__ */ o.jsxs(
               "button",
               {
                 onClick: () => {
-                  J(!L), u(!1), E(null);
+                  q(!M), u(!1), j(null);
                 },
                 className: "vg-button-ghost vg-animate-pop",
                 style: { animationDelay: "0.1s" },
                 children: [
-                  /* @__PURE__ */ o.jsx(tr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1315", size: 20 }),
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1316", children: r.viewComments })
+                  /* @__PURE__ */ o.jsx(tr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1421", size: 20 }),
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1422", children: r.viewComments })
                 ]
               }
             )
@@ -1797,7 +1788,7 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
         ]
       }
     ),
-    Y && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1324", style: {
+    ve && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1430", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1808,16 +1799,16 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: ze + 1,
+      zIndex: De + 1,
       cursor: "wait"
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1330", 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:1331", className: "vg-spinner" }),
-      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1332", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1436", 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:1437", className: "vg-spinner" }),
+      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1438", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
     ] }) }),
     i && !f && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1339",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1445",
         className: "vg-backdrop-blur",
         style: {
           opacity: 1,
@@ -1829,36 +1820,36 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
                                 ${p.rect.left}px ${p.rect.bottom}px,
                                 ${p.rect.left}px ${p.rect.top}px
                             )` : "none",
-          zIndex: fn
+          zIndex: hn
         }
       }
     ),
-    i && p && !f && !Y && /* @__PURE__ */ o.jsx(
+    i && p && !f && !ve && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1358",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1464",
         className: "vg-selection-pulse",
         style: {
           top: p.rect.top - 4,
           left: p.rect.left - 4,
           width: p.rect.width + 8,
           height: p.rect.height + 8,
-          zIndex: hn
+          zIndex: gn
         },
         children: /* @__PURE__ */ o.jsxs(
           "div",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1368",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1474",
             className: "vg-selection-label",
             style: {
               ...p.rect.top < 60 ? p.rect.bottom > window.innerHeight - 60 ? { top: "8px", bottom: "auto" } : { top: "100%", marginTop: "8px", bottom: "auto" } : { top: "-40px", bottom: "auto" },
               ...p.rect.left + 200 > window.innerWidth ? { left: "auto", right: "0" } : { left: "0", right: "auto" }
             },
             children: [
-              /* @__PURE__ */ o.jsx(lr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1384", size: 16 }),
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1385", style: { display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1386", style: { fontWeight: 700 }, children: r.selectToComment }),
-                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1387", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
+              /* @__PURE__ */ o.jsx(lr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1490", size: 16 }),
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1491", style: { display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1492", style: { fontWeight: 700 }, children: r.selectToComment }),
+                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1493", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
                   Math.round(p.rect.width),
                   " × ",
                   Math.round(p.rect.height)
@@ -1869,7 +1860,7 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
         )
       }
     ),
-    f && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1397", className: "vg-animate-fade", style: {
+    f && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1503", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1880,14 +1871,14 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: De
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1402", className: "vg-glassmorphism vg-animate-slide", style: {
+      zIndex: Fe
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1508", 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:1406", style: { textAlign: "center", marginBottom: "32px" }, children: [
-        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1407", style: {
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1512", style: { textAlign: "center", marginBottom: "32px" }, children: [
+        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1513", style: {
           width: "48px",
           height: "48px",
           background: "var(--vg-primary-gradient)",
@@ -1898,11 +1889,11 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
           margin: "0 auto 16px",
           color: "white",
           boxShadow: "0 8px 16px rgba(99, 102, 241, 0.3)"
-        }, children: /* @__PURE__ */ o.jsx(je, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1412", size: 24 }) }),
-        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1414", 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:1415", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
+        }, children: /* @__PURE__ */ o.jsx(je, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1518", size: 24 }) }),
+        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1520", 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:1521", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
       ] }),
-      f.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1419", style: {
+      f.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1525", style: {
         marginBottom: "24px",
         borderRadius: "12px",
         overflow: "hidden",
@@ -1922,21 +1913,21 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
         "textarea",
         {
           className: "vg-textarea",
-          value: O,
-          onChange: (l) => T(l.target.value),
+          value: _,
+          onChange: (d) => N(d.target.value),
           rows: 4,
           placeholder: r.placeholder,
           autoFocus: !0,
           style: { fontSize: "15px", padding: "16px", marginBottom: "24px" }
         }
       ),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1446", style: { display: "flex", gap: "12px" }, children: [
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1552", style: { display: "flex", gap: "12px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            onClick: () => !$ && E(null),
+            onClick: () => !W && j(null),
             className: "vg-button-ghost",
-            disabled: $,
+            disabled: W,
             style: { flex: 1, padding: "12px" },
             children: r.cancel
           }
@@ -1944,19 +1935,19 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            onClick: $t,
+            onClick: Gt,
             className: "vg-button-primary",
-            disabled: $ || !O.trim(),
+            disabled: W || !_.trim(),
             style: { flex: 2 },
-            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1461", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              $ ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1462", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(hr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1462", size: 18 }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1463", children: $ ? r.submitting : r.sendFeedback || "Send Comment" })
+            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1567", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+              W ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1568", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(hr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1568", size: 18 }),
+              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1569", children: W ? r.submitting : r.sendFeedback || "Send Comment" })
             ] })
           }
         )
       ] })
     ] }) }),
-    L && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1473", className: "vg-animate-fade", style: {
+    M && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1579", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1967,52 +1958,48 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: De
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1478", className: "vg-glassmorphism vg-animate-slide", style: {
+      zIndex: Fe
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1584", 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:1482", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1483", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1484", 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:1488", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: _.length })
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1588", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1589", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1590", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: D ? r.commentDetails : r.annotations }),
+          /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1593", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: S.length })
         ] }),
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1493", style: { display: "flex", gap: "8px" }, children: [
-          W && /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1597", style: { display: "flex", gap: "8px" }, children: [
+          D && /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1495",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1599",
               className: "vg-button-ghost",
               style: { padding: "6px 14px", fontSize: "12px" },
-              onClick: () => oe(null),
+              onClick: () => ne(null),
               children: r.viewAll || "View All"
             }
           ),
           /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1503",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1607",
               className: "vg-button-ghost",
               style: { padding: "8px", borderRadius: "50%" },
               onClick: () => {
-                J(!1), oe(null);
+                q(!1), ne(null);
               },
-              children: /* @__PURE__ */ o.jsx(Ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1508", size: 20 })
+              children: /* @__PURE__ */ o.jsx(Le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1612", size: 20 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1513", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: me ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1515", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1516", className: "vg-spinner" }) }) : (() => {
-        if (!W) return _;
-        const l = d.find((h) => h.annotations.some((y) => y._id === W));
-        return l ? l.annotations : _.filter((h) => h._id === W);
-      })().map((l, h) => /* @__PURE__ */ o.jsxs(
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1616", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: le ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1618", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1619", className: "vg-spinner" }) }) : S.map((d, h) => /* @__PURE__ */ o.jsxs(
         "div",
         {
-          "data-source-path": "/src/components/ViewGateOverlay.tsx:1525",
+          "data-source-path": "/src/components/ViewGateOverlay.tsx:1623",
           className: "vg-glassmorphism vg-animate-slide",
           style: {
             padding: "20px",
@@ -2022,15 +2009,15 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
             animationDelay: `${h * 0.05}s`
           },
           children: [
-            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1536", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: [
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1537", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
-                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1538", style: { fontSize: "12px", color: "#000000", fontWeight: 600 }, children: ht(l.timestamp || l.createdAt || l.reference?.timestamp, t) }),
-                l.url && /* @__PURE__ */ o.jsx(
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1635", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: [
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1636", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1637", style: { fontSize: "12px", color: "#000000", fontWeight: 600 }, children: ht(d.timestamp || d.createdAt || d.reference?.timestamp, t) }),
+                d.url && /* @__PURE__ */ o.jsx(
                   gt,
                   {
-                    "data-source-path": "/src/components/ViewGateOverlay.tsx:1542",
-                    url: l.url,
-                    onHover: he,
+                    "data-source-path": "/src/components/ViewGateOverlay.tsx:1641",
+                    url: d.url,
+                    onHover: ue,
                     style: {
                       display: "flex",
                       alignItems: "center",
@@ -2046,41 +2033,41 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
                   }
                 )
               ] }),
-              l.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1561", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a", border: "1px solid #dcfce7" }, children: [
-                /* @__PURE__ */ o.jsx(ue, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1562", size: 14 }),
+              d.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1660", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a", border: "1px solid #dcfce7" }, children: [
+                /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1661", size: 14 }),
                 " ",
                 r.readyForReview
-              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1565", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c", border: "1px solid #ffedd5" }, children: [
-                /* @__PURE__ */ o.jsx(nt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1566", size: 14 }),
+              ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1664", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c", border: "1px solid #ffedd5" }, children: [
+                /* @__PURE__ */ o.jsx(at, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1665", size: 14 }),
                 " ",
                 r.pending
               ] })
             ] }),
-            Je === l._id ? /* @__PURE__ */ o.jsx(
+            Ze === d._id ? /* @__PURE__ */ o.jsx(
               "textarea",
               {
                 className: "vg-textarea",
-                value: Ze,
-                onChange: (y) => Ke(y.target.value),
+                value: Ke,
+                onChange: (x) => Qe(x.target.value),
                 rows: 3,
                 autoFocus: !0,
                 style: { marginBottom: "16px" }
               }
-            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1581", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: l.message }),
-            /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1584", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: Je === l._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1680", className: "vg-text-wrap", 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:1683", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: Ze === d._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1587",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1686",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: async () => {
                     try {
-                      (await fetch(`${a}/api/annotations/${l._id}`, {
+                      (await fetch(`${a}/api/annotations/${d._id}`, {
                         method: "PATCH",
                         headers: { "Content-Type": "application/json", "x-api-key": n },
-                        body: JSON.stringify({ message: Ze })
-                      })).ok && (Ge(null), te(), e(r.updateSuccess, "success"));
+                        body: JSON.stringify({ message: Ke })
+                      })).ok && ($e(null), K(), e(r.updateSuccess, "success"));
                     } catch {
                       e(r.error, "error");
                     }
@@ -2088,19 +2075,19 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
                   children: r.save
                 }
               ),
-              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1609", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Ge(null), children: r.cancel })
+              /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1708", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => $e(null), children: r.cancel })
             ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1613",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1712",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: () => {
-                    Ge(l._id), Ke(l.message);
+                    $e(d._id), Qe(d.message);
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(ur, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1621", size: 14 }),
+                    /* @__PURE__ */ o.jsx(ur, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1720", size: 14 }),
                     " ",
                     r.edit
                   ]
@@ -2109,47 +2096,47 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
               /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1623",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1722",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.05s" },
                   onClick: () => {
-                    l.url && (window.location.href = l.url);
+                    d.url && (window.location.href = d.url);
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(at, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1630", size: 14 }),
+                    /* @__PURE__ */ o.jsx(st, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1729", size: 14 }),
                     " ",
                     r.review
                   ]
                 }
               ),
-              l.status === "pending" ? /* @__PURE__ */ o.jsxs(
+              d.status === "pending" ? /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1633",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1732",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
-                    H({
+                    z({
                       title: r.markReadyConfirm,
                       message: r.confirmMarkReady,
                       type: "success",
                       onConfirm: async () => {
                         try {
-                          (await fetch(`${a}/api/annotations/${l._id}`, {
+                          (await fetch(`${a}/api/annotations/${d._id}`, {
                             method: "PATCH",
                             headers: { "Content-Type": "application/json", "x-api-key": n },
                             body: JSON.stringify({ status: "ready_for_review" })
-                          })).ok && (te(), e(r.updateSuccess, "success"));
+                          })).ok && (K(), e(r.updateSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          H(null);
+                          z(null);
                         }
                       }
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(ue, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1661", size: 14 }),
+                    /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1760", size: 14 }),
                     " ",
                     r.markReady
                   ]
@@ -2157,32 +2144,32 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
               ) : /* @__PURE__ */ o.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1664",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1763",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
-                    H({
+                    z({
                       title: r.reopenConfirm,
                       message: r.confirmReopen,
                       type: "success",
                       // Reopening is a positive action, use success theme (indigo/check) or we could add a neutral theme
                       onConfirm: async () => {
                         try {
-                          (await fetch(`${a}/api/annotations/${l._id}`, {
+                          (await fetch(`${a}/api/annotations/${d._id}`, {
                             method: "PATCH",
                             headers: { "Content-Type": "application/json", "x-api-key": n },
                             body: JSON.stringify({ status: "pending" })
-                          })).ok && (te(), e(r.updateSuccess, "success"));
+                          })).ok && (K(), e(r.updateSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          H(null);
+                          z(null);
                         }
                       }
                     });
                   },
                   children: [
-                    /* @__PURE__ */ o.jsx(mr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1692", size: 14 }),
+                    /* @__PURE__ */ o.jsx(mr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1791", size: 14 }),
                     " ",
                     r.reopen
                   ]
@@ -2191,38 +2178,38 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
               /* @__PURE__ */ o.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1695",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1794",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 12px", color: "#ef4444", borderColor: "#fee2e2", animationDelay: "0.15s" },
                   onClick: () => {
-                    H({
+                    z({
                       title: r.deleteConfirm,
                       message: r.confirmDelete,
                       type: "danger",
                       onConfirm: async () => {
                         try {
-                          (await fetch(`${a}/api/annotations/${l._id}`, {
+                          (await fetch(`${a}/api/annotations/${d._id}`, {
                             method: "DELETE",
                             headers: { "x-api-key": n }
-                          })).ok && (te(), e(r.deleteSuccess, "success"));
+                          })).ok && (K(), e(r.deleteSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          H(null);
+                          z(null);
                         }
                       }
                     });
                   },
-                  children: /* @__PURE__ */ o.jsx(ot, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1722", size: 16 })
+                  children: /* @__PURE__ */ o.jsx(it, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1821", size: 16 })
                 }
               )
             ] }) })
           ]
         },
-        l._id
+        d._id
       )) })
     ] }) }),
-    D && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1737", className: "vg-animate-fade", style: {
+    I && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1836", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -2233,119 +2220,125 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: De + 100
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1742", className: "vg-glassmorphism vg-animate-slide", style: {
+      zIndex: Fe + 100
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1841", 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:1749", style: {
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1848", style: {
         width: "64px",
         height: "64px",
-        background: D.type === "danger" ? "rgba(239, 68, 68, 0.1)" : "rgba(99, 102, 241, 0.1)",
+        background: I.type === "danger" ? "rgba(239, 68, 68, 0.1)" : "rgba(99, 102, 241, 0.1)",
         borderRadius: "20px",
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
         margin: "0 auto 24px",
-        color: D.type === "danger" ? "#ef4444" : "#6366f1",
+        color: I.type === "danger" ? "#ef4444" : "#6366f1",
         transform: "rotate(-5deg)"
-      }, children: D.type === "danger" ? /* @__PURE__ */ o.jsx(ot, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1758", size: 32 }) : /* @__PURE__ */ o.jsx(ue, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1758", size: 32 }) }),
-      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1760", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: D.title }),
-      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1761", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: D.message }),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1762", style: { display: "flex", gap: "16px" }, children: [
+      }, children: I.type === "danger" ? /* @__PURE__ */ o.jsx(it, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1857", size: 32 }) : /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1857", size: 32 }) }),
+      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1859", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: I.title }),
+      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1860", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: I.message }),
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1861", style: { display: "flex", gap: "16px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1763",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1862",
             className: "vg-button-ghost",
             style: { flex: 1, height: "44px" },
-            onClick: () => !Q && H(null),
-            disabled: Q,
+            onClick: () => !Z && z(null),
+            disabled: Z,
             children: r.no
           }
         ),
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1771",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1870",
             className: "vg-button-primary",
             style: {
               flex: 1,
               height: "44px",
-              backgroundColor: D.type === "danger" ? "#ef4444" : void 0,
-              backgroundImage: D.type === "danger" ? "none" : void 0,
+              backgroundColor: I.type === "danger" ? "#ef4444" : void 0,
+              backgroundImage: I.type === "danger" ? "none" : void 0,
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
               gap: "8px"
             },
-            disabled: Q,
+            disabled: Z,
             onClick: async () => {
-              fe(!0);
+              de(!0);
               try {
-                await D.onConfirm();
-              } catch (l) {
-                console.error("Confirmation error:", l);
+                await I.onConfirm();
+              } catch (d) {
+                console.error("Confirmation error:", d);
               } finally {
-                fe(!1);
+                de(!1);
               }
             },
-            children: Q ? /* @__PURE__ */ o.jsx(or, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1796", size: 18, className: "vg-animate-spin" }) : r.yes
+            children: Z ? /* @__PURE__ */ o.jsx(or, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1895", size: 18, className: "vg-animate-spin" }) : r.yes
           }
         )
       ] })
     ] }) }),
-    !i && !L && d.map((l, h) => {
-      const { rect: y, annotations: V, isModal: j } = l, w = V[0], g = V.length, v = V.some((k) => k.status === "ready_for_review"), z = V.some((k) => k.status !== "ready_for_review"), A = v && z, N = v && !z;
+    !i && !M && l.map((d, h) => {
+      const { rect: x, annotations: O, isModal: k } = d, w = O[0], y = O.length, C = O.some((R) => R.status === "ready_for_review"), A = O.some((R) => R.status !== "ready_for_review"), Y = C && A, L = C && !A;
       return /* @__PURE__ */ o.jsxs(
         "div",
         {
           className: "vg-pin-container vg-animate-pop",
           style: {
             position: "fixed",
-            top: y.top - 20,
-            left: y.left + y.width / 2 - 16,
+            top: x.top - 20,
+            left: x.left + x.width / 2 - 16,
+            width: "32px",
+            height: "32px",
             cursor: "pointer",
             transition: "all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-            zIndex: gn
+            zIndex: xn
+          },
+          onMouseEnter: (R) => {
+            window.innerHeight - x.bottom < 250 ? Ee((Ie) => ({ ...Ie, [d.id]: "vg-top" })) : Ee((Ie) => ({ ...Ie, [d.id]: "" }));
           },
-          onMouseEnter: (k) => {
-            window.innerHeight - y.bottom < 250 ? Ee((Ne) => ({ ...Ne, [l.id]: "vg-top" })) : Ee((Ne) => ({ ...Ne, [l.id]: "" }));
+          onWheel: (R) => {
+            const ge = R.currentTarget.querySelector(".vg-tooltip-scroll");
+            ge && ge.scrollBy({ top: R.deltaY, behavior: "smooth" });
           },
           onClick: () => {
-            J(!0), oe(w._id);
+            q(!0), ne(w._id);
           },
           children: [
-            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1840", className: `vg-pin-tooltip ${Se[l.id] || ""}`, style: { width: "280px", padding: "16px" }, children: [
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1841", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
-                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1842", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                  /* @__PURE__ */ o.jsx(je, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1843", size: 14, color: "#6366f1" }),
-                  /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1844", style: { fontWeight: 800, fontSize: "13px", color: "#0f172a" }, children: [
-                    g,
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1948", className: `vg-pin-tooltip ${Ce[d.id] || ""}`, style: { padding: "16px" }, children: [
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1949", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
+                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1950", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                  /* @__PURE__ */ o.jsx(je, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1951", size: 14, color: "#6366f1" }),
+                  /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1952", style: { fontWeight: 800, fontSize: "13px", color: "#0f172a" }, children: [
+                    y,
                     " ",
-                    g === 1 ? "Comentario" : "Comentarios"
+                    y === 1 ? "Comentario" : "Comentarios"
                   ] })
                 ] }),
-                j && /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1849", className: "vg-badge", style: { fontSize: "10px", background: "#fef3c7", color: "#92400e", border: "none" }, children: "MODAL" })
+                k && /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1957", className: "vg-badge", style: { fontSize: "10px", background: "#fef3c7", color: "#92400e", border: "none" }, children: "MODAL" })
               ] }),
-              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1852", className: "vg-tooltip-scroll", style: { maxHeight: "180px", overflowY: "auto" }, children: V.map((k, re) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1854", style: {
+              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1960", className: "vg-tooltip-scroll", style: { maxHeight: "180px", overflowY: "auto" }, children: O.map((R, ge) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1962", style: {
                 padding: "10px 0",
-                borderTop: re === 0 ? "none" : "1px solid #f1f5f9",
+                borderTop: ge === 0 ? "none" : "1px solid #f1f5f9",
                 display: "flex",
                 gap: "12px",
                 alignItems: "flex-start"
               }, children: [
-                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1861", style: { flex: 1, display: "flex", flexDirection: "column", gap: "4px" }, children: [
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1862", style: { fontSize: "10px", fontWeight: 600, color: "#64748b" }, children: ht(k.timestamp || k.createdAt, t) }),
-                  k.url && /* @__PURE__ */ o.jsx(
+                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1969", style: { flex: 1, display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1970", style: { fontSize: "10px", fontWeight: 600, color: "#64748b" }, children: ht(R.timestamp || R.createdAt, t) }),
+                  R.url && /* @__PURE__ */ o.jsx(
                     gt,
                     {
-                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1866",
-                      url: k.url,
-                      onHover: he,
+                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1974",
+                      url: R.url,
+                      onHover: ue,
                       style: {
                         display: "flex",
                         alignItems: "center",
@@ -2361,9 +2354,9 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
                       tooltipStyle: { fontSize: "9px" }
                     }
                   ),
-                  /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1884", style: { fontSize: "13px", color: "#1e293b", lineHeight: 1.4, fontWeight: 500 }, children: k.message.length > 80 ? k.message.slice(0, 80) + "..." : k.message })
+                  /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1992", className: "vg-line-clamp-2", style: { fontSize: "13px", color: "#1e293b", lineHeight: 1.4, fontWeight: 500 }, children: R.message.length > 100 ? R.message.slice(0, 97) + "..." : R.message })
                 ] }),
-                /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1888", style: { flexShrink: 0, marginTop: "2px" }, children: k.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1890", style: {
+                /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1996", style: { flexShrink: 0, marginTop: "2px" }, children: R.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1998", style: {
                   display: "flex",
                   alignItems: "center",
                   gap: "4px",
@@ -2376,9 +2369,9 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
                   textTransform: "uppercase",
                   border: "1px solid #dcfce7"
                 }, children: [
-                  /* @__PURE__ */ o.jsx(ue, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1903", size: 10 }),
+                  /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2011", size: 10 }),
                   r.readyForReview
-                ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1907", style: {
+                ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2015", style: {
                   display: "flex",
                   alignItems: "center",
                   gap: "4px",
@@ -2391,31 +2384,31 @@ const _e = 2147483647, ze = _e, De = 2e6, fn = _e - 10, hn = _e - 5, gn = _e - 1
                   textTransform: "uppercase",
                   border: "1px solid #ffedd5"
                 }, children: [
-                  /* @__PURE__ */ o.jsx(nt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1920", size: 10 }),
+                  /* @__PURE__ */ o.jsx(at, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2028", size: 10 }),
                   r.pending
                 ] }) })
-              ] }, k._id)) })
+              ] }, R._id)) })
             ] }),
-            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1930", className: `vg-formal-pin ${N ? "ready" : A ? "mixed" : ""} ${j ? "modal-variant" : ""}`, style: { position: "relative" }, children: [
-              N ? /* @__PURE__ */ o.jsx(ue, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1931", size: 18 }) : j ? /* @__PURE__ */ o.jsx(at, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1931", size: 16 }) : /* @__PURE__ */ o.jsx(je, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1931", size: 16 }),
-              g > 1 && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1934", className: "vg-pin-badge vg-animate-pop", children: g })
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2038", className: `vg-formal-pin ${L ? "ready" : Y ? "mixed" : ""} ${k ? "modal-variant" : ""}`, style: { position: "relative" }, children: [
+              L ? /* @__PURE__ */ o.jsx(ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2039", size: 18 }) : k ? /* @__PURE__ */ o.jsx(st, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2039", size: 16 }) : /* @__PURE__ */ o.jsx(je, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2039", size: 16 }),
+              y > 1 && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2042", className: "vg-pin-badge vg-animate-pop", children: y })
             ] })
           ]
         },
-        `group-${l.id}`
+        `group-${d.id}`
       );
     }),
     /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1943",
-        className: `vg-url-tooltip ${U ? "visible" : ""} ${U?.direction === "bottom" ? "vg-bottom" : "vg-top"}`,
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:2051",
+        className: `vg-url-tooltip ${F ? "visible" : ""} ${F?.direction === "bottom" ? "vg-bottom" : "vg-top"}`,
         style: {
-          transform: U ? `translate(-50%, ${U.direction === "top" ? "-110%" : "10%"})` : "translate(-50%, 0)",
-          left: U?.x || 0,
-          top: U?.y || 0
+          transform: F ? `translate(-50%, ${F.direction === "top" ? "-110%" : "10%"})` : "translate(-50%, 0)",
+          left: F?.x || 0,
+          top: F?.y || 0
         },
-        children: U?.url
+        children: F?.url
       }
     )
   ] }) });
@@ -2426,11 +2419,11 @@ function _t(e, t, r) {
   return e.split(`
 `).map((i, u) => {
     const p = u + 1;
-    return i.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (m, f, E) => m.includes("data-source-path") || E === "Fragment" || E === "React.Fragment" ? m : `${f}<${E} data-source-path="${a}:${p}"`);
+    return i.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (m, f, j) => m.includes("data-source-path") || j === "Fragment" || j === "React.Fragment" ? m : `${f}<${j} data-source-path="${a}:${p}"`);
   }).join(`
 `);
 }
-function An() {
+function $n() {
   return {
     name: "vite-plugin-viewgate",
     enforce: "pre",
@@ -2442,15 +2435,15 @@ function An() {
     }
   };
 }
-function Gn(e) {
+function Mn(e) {
   const t = this.resourcePath;
   return t ? (process.env.NODE_ENV, _t(e, t, process.cwd())) : e;
 }
 export {
-  _n as ViewGate,
-  jn as ViewGateOverlay,
+  Gn as ViewGate,
+  Vn as ViewGateOverlay,
   _t as transformSourcePaths,
   wr as useViewGate,
-  Gn as viewgateNextLoader,
-  An as viewgatePlugin
+  Mn as viewgateNextLoader,
+  $n as viewgatePlugin
 };