viewgate-wrapper 1.10.1 → 1.10.5

package/dist/viewgate-wrapper.js

@@ -1,18 +1,18 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0!important;padding:0!important}:root{--vg-primary: #6366f1;--vg-primary-glow: rgba(99, 102, 241, .5);--vg-primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--vg-bg-glass: rgba(255, 255, 255, .7);--vg-radius: 16px;--vg-font-main: "Inter", system-ui, sans-serif;--vg-font-alt: "Inter", system-ui, sans-serif;--placeholder-color: #94a3b8;--vg-glass-border: rgba(255, 255, 255, .3);--vg-shadow-premium: 0 20px 50px rgba(0, 0, 0, .1)}.vg-container,.vg-container *{box-sizing:border-box}.vg-container{font-family:var(--vg-font-main);-webkit-font-smoothing:antialiased}.vg-glassmorphism{background:var(--vg-bg-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--vg-glass-border);box-shadow:0 8px 32px #0000001a;border-radius:var(--vg-radius);position:relative}.vg-button-primary{background:var(--vg-primary-gradient);color:#fff;border:none;padding:12px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #6366f14d}.vg-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.vg-button-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.vg-button-ghost{background:#fffc;color:#1e293b;border:1px solid #e2e8f0;padding:10px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px}.vg-button-ghost:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.vg-badge{background:#f1f5f9;color:#64748b;padding:4px 12px;font-size:11px;border-radius:99px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.vg-textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-family:var(--vg-font-main);font-size:15px;color:#0f172a;resize:none;outline:none;background:#f8fafc;transition:all .2s ease}.vg-textarea:focus{background:#fff;border-color:var(--vg-primary);box-shadow:0 0 0 4px #6366f11a}@keyframes vg-pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes vg-slide-up-fade{0%{transform:translateY(12px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.vg-animate-pop{animation:vg-pop-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.vg-animate-slide-up{animation:vg-slide-up-fade .4s cubic-bezier(.22,1,.36,1) forwards}.vg-button-primary,.vg-button-ghost,.vg-pin-container,.vg-action-bar,.vg-glassmorphism{transition:all .3s cubic-bezier(.4,0,.2,1)}.vg-animate-slide{animation:vg-slide-in .4s cubic-bezier(.22,1,.36,1) forwards}.vg-animate-fade{animation:vg-fade-in .3s ease-out forwards}.vg-toasts{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px}.vg-toast{padding:12px 20px;display:flex;align-items:center;gap:12px;min-width:300px;border-radius:12px;box-shadow:0 10px 30px #0000001a;background:#fff}.vg-toast.success{border-left:6px solid #22c55e}.vg-toast.error{border-left:6px solid #ef4444}.vg-backdrop-blur{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px) grayscale(.2);backdrop-filter:blur(8px) grayscale(.2);background:#0000001a;pointer-events:none;transition:opacity .3s ease,clip-path .2s cubic-bezier(.19,1,.22,1)}.vg-selection-pulse{position:fixed;pointer-events:none;border:2px solid var(--vg-primary);border-radius:8px;box-shadow:0 0 0 0 var(--vg-primary-glow);animation:vg-pulse 2s infinite;transition:all .2s cubic-bezier(.19,1,.22,1)}@keyframes vg-pulse{0%{box-shadow:0 0 0 0 var(--vg-primary-glow)}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}.vg-selection-label{position:absolute;top:-40px;left:0;background:var(--vg-primary-gradient);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #6366f14d;display:flex;align-items:center;gap:8px}.vg-pin-container{transition:transform .2s ease}.vg-pin-container:hover{transform:scale(1.1)}.vg-formal-pin{width:32px;height:32px;border-radius:50%;background:var(--vg-primary-gradient);border:3px solid white;box-shadow:0 4px 12px #6366f166;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.vg-formal-pin.ready{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.vg-pin-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);padding:12px 16px;border-radius:12px;background:#fff;color:#1e293b;width:240px;font-size:13px;box-shadow:0 10px 40px #00000026;opacity:0;pointer-events:none;transition:all .2s ease;border:1px solid #e2e8f0}.vg-pin-tooltip.vg-top{top:auto;bottom:calc(100% + 12px)}.vg-pin-container:hover .vg-pin-tooltip{opacity:1;transform:translate(-50%) translateY(-5px)}.vg-action-bar{display:flex;gap:12px;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.vg-custom-scrollbar::-webkit-scrollbar{width:6px}.vg-custom-scrollbar::-webkit-scrollbar-track{background:transparent}.vg-custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f166;border-radius:10px;transition:all .2s ease}.vg-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.vg-spinner{border:3px solid rgba(99,102,241,.1);border-top:3px solid var(--vg-primary);border-radius:50%;width:32px;height:32px;animation:vg-spin .8s linear infinite}@keyframes vg-spin{to{transform:rotate(360deg)}}.vg-cursor-pointer,.vg-cursor-pointer *{cursor:pointer!important}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import et, { useRef as ye, useState as k, useEffect as ne, forwardRef as Me, createElement as xe, createContext as tt, useContext as rt, useCallback as ie } from "react";
-import { createPortal as nt } from "react-dom";
-var ce = { exports: {} }, te = {};
-var Re;
-function st() {
-  if (Re) return te;
-  Re = 1;
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0!important;padding:0!important}:root{--vg-primary: #6366f1;--vg-primary-glow: rgba(99, 102, 241, .5);--vg-primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--vg-bg-glass: rgba(255, 255, 255, .7);--vg-radius: 16px;--vg-font-main: "Inter", system-ui, sans-serif;--vg-font-alt: "Inter", system-ui, sans-serif;--placeholder-color: #94a3b8;--vg-glass-border: rgba(255, 255, 255, .3);--vg-shadow-premium: 0 20px 50px rgba(0, 0, 0, .1)}.vg-container,.vg-container *{box-sizing:border-box}.vg-container{font-family:var(--vg-font-main);-webkit-font-smoothing:antialiased}.vg-glassmorphism{background:var(--vg-bg-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--vg-glass-border);box-shadow:0 8px 32px #0000001a;border-radius:var(--vg-radius);position:relative}.vg-button-primary{background:var(--vg-primary-gradient);color:#fff;border:none;padding:12px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #6366f14d}.vg-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.vg-button-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.vg-button-ghost{background:#fffc;color:#1e293b;border:1px solid #e2e8f0;padding:10px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px}.vg-button-ghost:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.vg-badge{background:#f1f5f9;color:#64748b;padding:4px 12px;font-size:11px;border-radius:99px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.vg-textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-family:var(--vg-font-main);font-size:15px;color:#0f172a;resize:none;outline:none;background:#f8fafc;transition:all .2s ease}.vg-textarea:focus{background:#fff;border-color:var(--vg-primary);box-shadow:0 0 0 4px #6366f11a}@keyframes vg-pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes vg-slide-up-fade{0%{transform:translateY(12px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.vg-animate-pop{animation:vg-pop-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.vg-animate-slide-up{animation:vg-slide-up-fade .4s cubic-bezier(.22,1,.36,1) forwards}.vg-button-primary,.vg-button-ghost,.vg-pin-container,.vg-action-bar,.vg-glassmorphism{transition:all .3s cubic-bezier(.4,0,.2,1)}.vg-animate-slide{animation:vg-slide-in .4s cubic-bezier(.22,1,.36,1) forwards}.vg-animate-fade{animation:vg-fade-in .3s ease-out forwards}.vg-toasts{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px}.vg-toast{padding:12px 20px;display:flex;align-items:center;gap:12px;min-width:300px;border-radius:12px;box-shadow:0 10px 30px #0000001a;background:#fff}.vg-toast.success{border-left:6px solid #22c55e}.vg-toast.error{border-left:6px solid #ef4444}.vg-backdrop-blur{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px) grayscale(.2);backdrop-filter:blur(8px) grayscale(.2);background:#0000001a;pointer-events:none;transition:opacity .3s ease,clip-path .2s cubic-bezier(.19,1,.22,1)}.vg-selection-pulse{position:fixed;pointer-events:none;border:2px solid var(--vg-primary);border-radius:8px;box-shadow:0 0 0 0 var(--vg-primary-glow);animation:vg-pulse 2s infinite;transition:all .2s cubic-bezier(.19,1,.22,1)}@keyframes vg-pulse{0%{box-shadow:0 0 0 0 var(--vg-primary-glow)}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}.vg-selection-label{position:absolute;top:-40px;left:0;background:var(--vg-primary-gradient);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #6366f14d;display:flex;align-items:center;gap:8px}.vg-pin-container{transition:transform .2s ease}.vg-pin-container:hover{transform:scale(1.1)}.vg-formal-pin{width:32px;height:32px;border-radius:50%;background:var(--vg-primary-gradient);border:3px solid white;box-shadow:0 4px 12px #6366f166;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.vg-formal-pin.ready{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.vg-formal-pin.modal-variant{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66;border-style:dashed}.vg-pin-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);padding:12px 16px;border-radius:12px;background:#fff;color:#1e293b;width:240px;font-size:13px;box-shadow:0 10px 40px #00000026;opacity:0;pointer-events:none;transition:all .2s ease;border:1px solid #e2e8f0}.vg-pin-tooltip.vg-top{top:auto;bottom:calc(100% + 12px)}.vg-pin-container:hover .vg-pin-tooltip{opacity:1;transform:translate(-50%) translateY(-5px)}.vg-action-bar{display:flex;gap:12px;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.vg-custom-scrollbar::-webkit-scrollbar{width:6px}.vg-custom-scrollbar::-webkit-scrollbar-track{background:transparent}.vg-custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f166;border-radius:10px;transition:all .2s ease}.vg-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.vg-spinner{border:3px solid rgba(99,102,241,.1);border-top:3px solid var(--vg-primary);border-radius:50%;width:32px;height:32px;animation:vg-spin .8s linear infinite}@keyframes vg-spin{to{transform:rotate(360deg)}}.vg-cursor-pointer,.vg-cursor-pointer *{cursor:pointer!important}')),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import lt, { useRef as Ee, useState as S, useEffect as se, forwardRef as Xe, createElement as Se, createContext as dt, useContext as ut, useCallback as le } from "react";
+import { createPortal as pt } from "react-dom";
+var de = { exports: {} }, re = {};
+var Pe;
+function mt() {
+  if (Pe) return re;
+  Pe = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function r(n, a, s) {
     var o = null;
     if (s !== void 0 && (o = "" + s), a.key !== void 0 && (o = "" + a.key), "key" in a) {
       s = {};
-      for (var i in a)
-        i !== "key" && (s[i] = a[i]);
+      for (var c in a)
+        c !== "key" && (s[c] = a[c]);
     } else s = a;
     return a = s.ref, {
       $$typeof: e,
@@ -22,50 +22,50 @@ function st() {
       props: s
     };
   }
-  return te.Fragment = t, te.jsx = r, te.jsxs = r, te;
+  return re.Fragment = t, re.jsx = r, re.jsxs = r, re;
 }
-var re = {};
-var je;
-function at() {
-  return je || (je = 1, process.env.NODE_ENV !== "production" && (function() {
+var ne = {};
+var Te;
+function ft() {
+  return Te || (Te = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(l) {
       if (l == null) return null;
       if (typeof l == "function")
-        return l.$$typeof === pe ? null : l.displayName || l.name || null;
+        return l.$$typeof === he ? null : l.displayName || l.name || null;
       if (typeof l == "string") return l;
       switch (l) {
         case N:
           return "Fragment";
-        case A:
+        case L:
           return "Profiler";
-        case V:
+        case P:
           return "StrictMode";
-        case L:
+        case A:
           return "Suspense";
-        case Ee:
+        case _e:
           return "SuspenseList";
-        case se:
+        case ae:
           return "Activity";
       }
       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."
         ), l.$$typeof) {
-          case G:
+          case k:
             return "Portal";
-          case D:
+          case q:
             return l.displayName || "Context";
-          case E:
+          case _:
             return (l._context.displayName || "Context") + ".Consumer";
-          case T:
-            var p = l.render;
-            return l = l.displayName, l || (l = p.displayName || p.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
-          case ke:
-            return p = l.displayName || null, p !== null ? p : e(l.type) || "Memo";
-          case J:
-            p = l._payload, l = l._init;
+          case j:
+            var m = l.render;
+            return l = l.displayName, l || (l = m.displayName || m.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case Ve:
+            return m = l.displayName || null, m !== null ? m : e(l.type) || "Memo";
+          case K:
+            m = l._payload, l = l._init;
             try {
-              return e(l(p));
+              return e(l(m));
             } catch {
             }
         }
@@ -77,71 +77,71 @@ function at() {
     function r(l) {
       try {
         t(l);
-        var p = !1;
+        var m = !1;
       } catch {
-        p = !0;
+        m = !0;
       }
-      if (p) {
-        p = console;
-        var w = p.error, v = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return w.call(
-          p,
+      if (m) {
+        m = console;
+        var v = m.error, b = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        return v.call(
+          m,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          v
+          b
         ), t(l);
       }
     }
     function n(l) {
       if (l === N) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === J)
+      if (typeof l == "object" && l !== null && l.$$typeof === K)
         return "<...>";
       try {
-        var p = e(l);
-        return p ? "<" + p + ">" : "<...>";
+        var m = e(l);
+        return m ? "<" + m + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var l = W.A;
+      var l = U.A;
       return l === null ? null : l.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
     function o(l) {
-      if (I.call(l, "key")) {
-        var p = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (p && p.isReactWarning) return !1;
+      if (z.call(l, "key")) {
+        var m = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (m && m.isReactWarning) return !1;
       }
       return l.key !== void 0;
     }
-    function i(l, p) {
-      function w() {
-        q || (q = !0, console.error(
+    function c(l, m) {
+      function v() {
+        Y || (Y = !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)",
-          p
+          m
         ));
       }
-      w.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: w,
+      v.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: v,
         configurable: !0
       });
     }
     function u() {
       var l = e(this.type);
-      return K[l] || (K[l] = !0, console.error(
+      return ee[l] || (ee[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."
       )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function m(l, p, w, v, z, H) {
-      var C = w.ref;
+    function p(l, m, v, b, F, H) {
+      var C = v.ref;
       return l = {
-        $$typeof: O,
+        $$typeof: y,
         type: l,
-        key: p,
-        props: w,
-        _owner: v
+        key: m,
+        props: v,
+        _owner: b
       }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: u
@@ -159,7 +159,7 @@ function at() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
+        value: F
       }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -167,124 +167,124 @@ function at() {
         value: H
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function f(l, p, w, v, z, H) {
-      var C = p.children;
+    function g(l, m, v, b, F, H) {
+      var C = m.children;
       if (C !== void 0)
-        if (v)
-          if (Z(C)) {
-            for (v = 0; v < C.length; v++)
-              x(C[v]);
+        if (b)
+          if (Q(C)) {
+            for (b = 0; b < C.length; b++)
+              E(C[b]);
             Object.freeze && Object.freeze(C);
           } 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 x(C);
-      if (I.call(p, "key")) {
+        else E(C);
+      if (z.call(m, "key")) {
         C = e(l);
-        var d = Object.keys(p).filter(function(y) {
-          return y !== "key";
+        var d = Object.keys(m).filter(function(f) {
+          return f !== "key";
         });
-        v = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", oe[C + v] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
+        b = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", ie[C + b] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          v,
+          b,
           C,
           d,
           C
-        ), oe[C + v] = !0);
+        ), ie[C + b] = !0);
       }
-      if (C = null, w !== void 0 && (r(w), C = "" + w), o(p) && (r(p.key), C = "" + p.key), "key" in p) {
-        w = {};
-        for (var h in p)
-          h !== "key" && (w[h] = p[h]);
-      } else w = p;
-      return C && i(
-        w,
+      if (C = null, v !== void 0 && (r(v), C = "" + v), o(m) && (r(m.key), C = "" + m.key), "key" in m) {
+        v = {};
+        for (var h in m)
+          h !== "key" && (v[h] = m[h]);
+      } else v = m;
+      return C && c(
+        v,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
-      ), m(
+      ), p(
         l,
         C,
-        w,
+        v,
         a(),
-        z,
+        F,
         H
       );
     }
-    function x(l) {
-      g(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === J && (l._payload.status === "fulfilled" ? g(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
+    function E(l) {
+      x(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === K && (l._payload.status === "fulfilled" ? x(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
     }
-    function g(l) {
-      return typeof l == "object" && l !== null && l.$$typeof === O;
+    function x(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === y;
     }
-    var b = et, O = /* @__PURE__ */ Symbol.for("react.transitional.element"), G = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), V = /* @__PURE__ */ Symbol.for("react.strict_mode"), A = /* @__PURE__ */ Symbol.for("react.profiler"), E = /* @__PURE__ */ Symbol.for("react.consumer"), D = /* @__PURE__ */ Symbol.for("react.context"), T = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), Ee = /* @__PURE__ */ Symbol.for("react.suspense_list"), ke = /* @__PURE__ */ Symbol.for("react.memo"), J = /* @__PURE__ */ Symbol.for("react.lazy"), se = /* @__PURE__ */ Symbol.for("react.activity"), pe = /* @__PURE__ */ Symbol.for("react.client.reference"), W = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, Z = Array.isArray, U = console.createTask ? console.createTask : function() {
+    var w = lt, y = /* @__PURE__ */ Symbol.for("react.transitional.element"), k = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), P = /* @__PURE__ */ Symbol.for("react.strict_mode"), L = /* @__PURE__ */ Symbol.for("react.profiler"), _ = /* @__PURE__ */ Symbol.for("react.consumer"), q = /* @__PURE__ */ Symbol.for("react.context"), j = /* @__PURE__ */ Symbol.for("react.forward_ref"), A = /* @__PURE__ */ Symbol.for("react.suspense"), _e = /* @__PURE__ */ Symbol.for("react.suspense_list"), Ve = /* @__PURE__ */ Symbol.for("react.memo"), K = /* @__PURE__ */ Symbol.for("react.lazy"), ae = /* @__PURE__ */ Symbol.for("react.activity"), he = /* @__PURE__ */ Symbol.for("react.client.reference"), U = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, Q = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
-    b = {
+    w = {
       react_stack_bottom_frame: function(l) {
         return l();
       }
     };
-    var q, K = {}, Q = b.react_stack_bottom_frame.bind(
-      b,
+    var Y, ee = {}, te = w.react_stack_bottom_frame.bind(
+      w,
       s
-    )(), ae = U(n(s)), oe = {};
-    re.Fragment = N, re.jsx = function(l, p, w) {
-      var v = 1e4 > W.recentlyCreatedOwnerStacks++;
-      return f(
+    )(), oe = B(n(s)), ie = {};
+    ne.Fragment = N, ne.jsx = function(l, m, v) {
+      var b = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return g(
         l,
-        p,
-        w,
+        m,
+        v,
         !1,
-        v ? Error("react-stack-top-frame") : Q,
-        v ? U(n(l)) : ae
+        b ? Error("react-stack-top-frame") : te,
+        b ? B(n(l)) : oe
       );
-    }, re.jsxs = function(l, p, w) {
-      var v = 1e4 > W.recentlyCreatedOwnerStacks++;
-      return f(
+    }, ne.jsxs = function(l, m, v) {
+      var b = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return g(
         l,
-        p,
-        w,
+        m,
+        v,
         !0,
-        v ? Error("react-stack-top-frame") : Q,
-        v ? U(n(l)) : ae
+        b ? Error("react-stack-top-frame") : te,
+        b ? B(n(l)) : oe
       );
     };
-  })()), re;
+  })()), ne;
 }
-var Oe;
-function ot() {
-  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? ce.exports = st() : ce.exports = at()), ce.exports;
+var Ae;
+function ht() {
+  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? de.exports = mt() : de.exports = ft()), de.exports;
 }
-var c = ot();
-const it = ({ children: e }) => {
-  const t = ye(null), [r, n] = k(null);
-  return ne(() => {
+var i = ht();
+const gt = ({ children: e }) => {
+  const t = Ee(null), [r, n] = S(null);
+  return se(() => {
     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) => {
-        (i.textContent?.includes(".vg-") || i.textContent?.includes("--vg-")) && a.appendChild(i.cloneNode(!0));
+      document.querySelectorAll("style[data-vite-dev-id], style:not([data-vite-dev-id])").forEach((c) => {
+        (c.textContent?.includes(".vg-") || c.textContent?.includes("--vg-")) && a.appendChild(c.cloneNode(!0));
       });
       const o = document.createElement("link");
       o.rel = "stylesheet", o.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap", a.appendChild(o), n(a);
     }
-  }, []), /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: t, id: "viewgate-shadow-host", children: r && nt(e, r) });
+  }, []), /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: t, id: "viewgate-shadow-host", children: r && pt(e, r) });
 };
-const De = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
-const ct = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const lt = (e) => e.replace(
+const Je = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
+const yt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const xt = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, r, n) => n ? n.toUpperCase() : r.toLowerCase()
 );
-const _e = (e) => {
-  const t = lt(e);
+const $e = (e) => {
+  const t = xt(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
-var dt = {
+var wt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -295,13 +295,13 @@ var dt = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const ut = (e) => {
+const vt = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
   return !1;
 };
-const pt = Me(
+const bt = Xe(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -310,60 +310,60 @@ const pt = Me(
     className: a = "",
     children: s,
     iconNode: o,
-    ...i
-  }, u) => xe(
+    ...c
+  }, u) => Se(
     "svg",
     {
       ref: u,
-      ...dt,
+      ...wt,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: n ? Number(r) * 24 / Number(t) : r,
-      className: De("lucide", a),
-      ...!s && !ut(i) && { "aria-hidden": "true" },
-      ...i
+      className: Je("lucide", a),
+      ...!s && !vt(c) && { "aria-hidden": "true" },
+      ...c
     },
     [
-      ...o.map(([m, f]) => xe(m, f)),
+      ...o.map(([p, g]) => Se(p, g)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
 );
-const _ = (e, t) => {
-  const r = Me(
-    ({ className: n, ...a }, s) => xe(pt, {
+const G = (e, t) => {
+  const r = Xe(
+    ({ className: n, ...a }, s) => Se(bt, {
       ref: s,
       iconNode: t,
-      className: De(
-        `lucide-${ct(_e(e))}`,
+      className: Je(
+        `lucide-${yt($e(e))}`,
         `lucide-${e}`,
         n
       ),
       ...a
     })
   );
-  return r.displayName = _e(e), r;
+  return r.displayName = $e(e), r;
 };
-const mt = [
+const Ct = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], ft = _("circle-alert", mt);
-const ht = [
+], Et = G("circle-alert", Ct);
+const St = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], X = _("circle-check", ht);
-const gt = [
+], Z = G("circle-check", St);
+const kt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-], Ve = _("clock", gt);
-const yt = [
+], Ge = G("clock", kt);
+const Rt = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-], xt = _("external-link", yt);
-const wt = [
+], Ne = G("external-link", Rt);
+const jt = [
   [
     "path",
     {
@@ -372,8 +372,8 @@ const wt = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], vt = _("eye", wt);
-const bt = [
+], Ot = G("eye", jt);
+const _t = [
   [
     "path",
     {
@@ -381,8 +381,8 @@ const bt = [
       key: "18887p"
     }
   ]
-], me = _("message-square", bt);
-const Ct = [
+], we = G("message-square", _t);
+const Vt = [
   [
     "path",
     {
@@ -390,8 +390,8 @@ const Ct = [
       key: "edeuup"
     }
   ]
-], Et = _("mouse-pointer-2", Ct);
-const kt = [
+], Pt = G("mouse-pointer-2", Vt);
+const Tt = [
   [
     "path",
     {
@@ -400,12 +400,12 @@ const kt = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], St = _("pencil", kt);
-const Rt = [
+], At = G("pencil", Tt);
+const $t = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], jt = _("rotate-ccw", Rt);
-const Ot = [
+], Gt = G("rotate-ccw", $t);
+const Nt = [
   [
     "path",
     {
@@ -414,18 +414,18 @@ const Ot = [
     }
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
-], _t = _("send", Ot);
-const Vt = [
+], Lt = G("send", Nt);
+const It = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-], Te = _("trash-2", Vt);
-const Tt = [
+], Le = G("trash-2", It);
+const Mt = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Pe = _("x", Tt), Pt = {
+], Ie = G("x", Mt), zt = {
   en: {
     enterMode: "Enter Feedback Mode",
     exitMode: "Exit Mode",
@@ -514,37 +514,37 @@ const Tt = [
     annotations: "Comentarios",
     viewAll: "Ver Todos"
   }
-}, He = tt(void 0), At = () => {
-  const e = rt(He);
+}, Ze = dt(void 0), Ft = () => {
+  const e = ut(Ze);
   if (!e) throw new Error("useViewGate must be used within a ViewGateProvider");
   return e;
-}, qr = ({
+}, Dt = () => typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("viewgate"), Qr = ({
   children: e,
   language: t = "es",
   apiKey: r,
   baseUrl: n = "https://view-gate.vercel.app"
 }) => {
-  const [a, s] = k([]), o = (u, m) => {
-    const f = Date.now();
-    s((x) => [...x, { id: f, message: u, type: m }]), setTimeout(() => {
-      s((x) => x.filter((g) => g.id !== f));
+  const [a] = S(Dt), [s, o] = S([]), c = (p, g) => {
+    const E = Date.now();
+    o((x) => [...x, { id: E, message: p, type: g }]), setTimeout(() => {
+      o((x) => x.filter((w) => w.id !== E));
     }, 4e3);
-  }, i = Pt[t];
-  return /* @__PURE__ */ c.jsxs(He.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:211", value: { addToast: o, language: t, t: i, apiKey: r, baseUrl: n }, children: [
+  }, u = zt[t];
+  return /* @__PURE__ */ i.jsxs(Ze.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:220", value: { addToast: c, language: t, t: u, apiKey: r, baseUrl: n }, children: [
     e,
-    /* @__PURE__ */ c.jsx(it, { "data-source-path": "/src/components/ViewGateProvider.tsx:213", children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:214", className: "vg-container", children: [
-      /* @__PURE__ */ c.jsx(Hr, { "data-source-path": "/src/components/ViewGateProvider.tsx:215" }),
-      /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:216", className: "vg-toasts", style: { zIndex: 2147483646 }, children: a.map((u) => /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:218", className: `vg-toast vg-animate-slide ${u.type}`, children: [
-        u.type === "success" ? /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateProvider.tsx:220", size: 24, color: "#22c55e" }) : /* @__PURE__ */ c.jsx(ft, { "data-source-path": "/src/components/ViewGateProvider.tsx:222", size: 24, color: "#ef4444" }),
-        /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:224", children: [
-          /* @__PURE__ */ c.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:225", style: { display: "block", fontSize: "13px", color: "#0f172a", textTransform: "uppercase", marginBottom: "2px" }, children: u.type === "success" ? i.successHeader : i.errorHeader }),
-          /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:228", style: { fontSize: "14px", color: "#64748b" }, children: u.message })
+    a && /* @__PURE__ */ i.jsx(gt, { "data-source-path": "/src/components/ViewGateProvider.tsx:223", children: /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:224", className: "vg-container", children: [
+      /* @__PURE__ */ i.jsx(Jr, { "data-source-path": "/src/components/ViewGateProvider.tsx:225" }),
+      /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:226", className: "vg-toasts", style: { zIndex: 2147483646 }, children: s.map((p) => /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:228", className: `vg-toast vg-animate-slide ${p.type}`, children: [
+        p.type === "success" ? /* @__PURE__ */ i.jsx(Z, { "data-source-path": "/src/components/ViewGateProvider.tsx:230", size: 24, color: "#22c55e" }) : /* @__PURE__ */ i.jsx(Et, { "data-source-path": "/src/components/ViewGateProvider.tsx:232", size: 24, color: "#ef4444" }),
+        /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:234", children: [
+          /* @__PURE__ */ i.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:235", style: { display: "block", fontSize: "13px", color: "#0f172a", textTransform: "uppercase", marginBottom: "2px" }, children: p.type === "success" ? u.successHeader : u.errorHeader }),
+          /* @__PURE__ */ i.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:238", style: { fontSize: "14px", color: "#64748b" }, children: p.message })
         ] })
-      ] }, u.id)) })
+      ] }, p.id)) })
     ] }) })
   ] });
 };
-function $t(e, t) {
+function Ht(e, t) {
   if (e.match(/^[a-z]+:\/\//i))
     return e;
   if (e.match(/^\/\//))
@@ -554,7 +554,7 @@ function $t(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 Gt = /* @__PURE__ */ (() => {
+const Wt = /* @__PURE__ */ (() => {
   let e = 0;
   const t = () => (
     // eslint-disable-next-line no-bitwise
@@ -562,33 +562,33 @@ const Gt = /* @__PURE__ */ (() => {
   );
   return () => (e += 1, `u${t()}${e}`);
 })();
-function M(e) {
+function D(e) {
   const t = [];
   for (let r = 0, n = e.length; r < n; r++)
     t.push(e[r]);
   return t;
 }
-let B = null;
-function We(e = {}) {
-  return B || (e.includeStyleProperties ? (B = e.includeStyleProperties, B) : (B = M(window.getComputedStyle(document.documentElement)), B));
+let X = null;
+function Ke(e = {}) {
+  return X || (e.includeStyleProperties ? (X = e.includeStyleProperties, X) : (X = D(window.getComputedStyle(document.documentElement)), X));
 }
-function le(e, t) {
+function ue(e, t) {
   const n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
   return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function Nt(e) {
-  const t = le(e, "border-left-width"), r = le(e, "border-right-width");
+function qt(e) {
+  const t = ue(e, "border-left-width"), r = ue(e, "border-right-width");
   return e.clientWidth + t + r;
 }
-function Lt(e) {
-  const t = le(e, "border-top-width"), r = le(e, "border-bottom-width");
+function Ut(e) {
+  const t = ue(e, "border-top-width"), r = ue(e, "border-bottom-width");
   return e.clientHeight + t + r;
 }
-function Ue(e, t = {}) {
-  const r = t.width || Nt(e), n = t.height || Lt(e);
+function Qe(e, t = {}) {
+  const r = t.width || qt(e), n = t.height || Ut(e);
   return { width: r, height: n };
 }
-function It() {
+function Bt() {
   let e, t;
   try {
     t = process;
@@ -597,11 +597,11 @@ function It() {
   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 j = 16384;
-function zt(e) {
-  (e.width > j || e.height > j) && (e.width > j && e.height > j ? e.width > e.height ? (e.height *= j / e.width, e.width = j) : (e.width *= j / e.height, e.height = j) : e.width > j ? (e.height *= j / e.width, e.width = j) : (e.width *= j / e.height, e.height = j));
+const $ = 16384;
+function Yt(e) {
+  (e.width > $ || e.height > $) && (e.width > $ && e.height > $ ? e.width > e.height ? (e.height *= $ / e.width, e.width = $) : (e.width *= $ / e.height, e.height = $) : e.width > $ ? (e.height *= $ / e.width, e.width = $) : (e.width *= $ / e.height, e.height = $));
 }
-function de(e) {
+function pe(e) {
   return new Promise((t, r) => {
     const n = new Image();
     n.onload = () => {
@@ -611,223 +611,223 @@ function de(e) {
     }, n.onerror = r, n.crossOrigin = "anonymous", n.decoding = "async", n.src = e;
   });
 }
-async function Ft(e) {
+async function Xt(e) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
-async function Mt(e, t, r) {
+async function Jt(e, t, r) {
   const n = "http://www.w3.org/2000/svg", a = document.createElementNS(n, "svg"), s = document.createElementNS(n, "foreignObject");
-  return a.setAttribute("width", `${t}`), a.setAttribute("height", `${r}`), a.setAttribute("viewBox", `0 0 ${t} ${r}`), s.setAttribute("width", "100%"), s.setAttribute("height", "100%"), s.setAttribute("x", "0"), s.setAttribute("y", "0"), s.setAttribute("externalResourcesRequired", "true"), a.appendChild(s), s.appendChild(e), Ft(a);
+  return a.setAttribute("width", `${t}`), a.setAttribute("height", `${r}`), a.setAttribute("viewBox", `0 0 ${t} ${r}`), s.setAttribute("width", "100%"), s.setAttribute("height", "100%"), s.setAttribute("x", "0"), s.setAttribute("y", "0"), s.setAttribute("externalResourcesRequired", "true"), a.appendChild(s), s.appendChild(e), Xt(a);
 }
-const R = (e, t) => {
+const T = (e, t) => {
   if (e instanceof t)
     return !0;
   const r = Object.getPrototypeOf(e);
-  return r === null ? !1 : r.constructor.name === t.name || R(r, t);
+  return r === null ? !1 : r.constructor.name === t.name || T(r, t);
 };
-function Dt(e) {
+function Zt(e) {
   const t = e.getPropertyValue("content");
   return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function Ht(e, t) {
-  return We(t).map((r) => {
+function Kt(e, t) {
+  return Ke(t).map((r) => {
     const n = e.getPropertyValue(r), a = e.getPropertyPriority(r);
     return `${r}: ${n}${a ? " !important" : ""};`;
   }).join(" ");
 }
-function Wt(e, t, r, n) {
-  const a = `.${e}:${t}`, s = r.cssText ? Dt(r) : Ht(r, n);
+function Qt(e, t, r, n) {
+  const a = `.${e}:${t}`, s = r.cssText ? Zt(r) : Kt(r, n);
   return document.createTextNode(`${a}{${s}}`);
 }
-function Ae(e, t, r, n) {
+function Me(e, t, r, n) {
   const a = window.getComputedStyle(e, r), s = a.getPropertyValue("content");
   if (s === "" || s === "none")
     return;
-  const o = Gt();
+  const o = Wt();
   try {
     t.className = `${t.className} ${o}`;
   } catch {
     return;
   }
-  const i = document.createElement("style");
-  i.appendChild(Wt(o, r, a, n)), t.appendChild(i);
+  const c = document.createElement("style");
+  c.appendChild(Qt(o, r, a, n)), t.appendChild(c);
 }
-function Ut(e, t, r) {
-  Ae(e, t, ":before", r), Ae(e, t, ":after", r);
+function er(e, t, r) {
+  Me(e, t, ":before", r), Me(e, t, ":after", r);
 }
-const $e = "application/font-woff", Ge = "image/jpeg", qt = {
-  woff: $e,
-  woff2: $e,
+const ze = "application/font-woff", Fe = "image/jpeg", tr = {
+  woff: ze,
+  woff2: ze,
   ttf: "application/font-truetype",
   eot: "application/vnd.ms-fontobject",
   png: "image/png",
-  jpg: Ge,
-  jpeg: Ge,
+  jpg: Fe,
+  jpeg: Fe,
   gif: "image/gif",
   tiff: "image/tiff",
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function Bt(e) {
+function rr(e) {
   const t = /\.([^./]*?)$/g.exec(e);
   return t ? t[1] : "";
 }
-function be(e) {
-  const t = Bt(e).toLowerCase();
-  return qt[t] || "";
+function je(e) {
+  const t = rr(e).toLowerCase();
+  return tr[t] || "";
 }
-function Yt(e) {
+function nr(e) {
   return e.split(/,/)[1];
 }
-function we(e) {
+function ke(e) {
   return e.search(/^(data:)/) !== -1;
 }
-function Xt(e, t) {
+function sr(e, t) {
   return `data:${t};base64,${e}`;
 }
-async function qe(e, t, r) {
+async function et(e, t, r) {
   const n = await fetch(e, t);
   if (n.status === 404)
     throw new Error(`Resource "${n.url}" not found`);
   const a = await n.blob();
   return new Promise((s, o) => {
-    const i = new FileReader();
-    i.onerror = o, i.onloadend = () => {
+    const c = new FileReader();
+    c.onerror = o, c.onloadend = () => {
       try {
-        s(r({ res: n, result: i.result }));
+        s(r({ res: n, result: c.result }));
       } catch (u) {
         o(u);
       }
-    }, i.readAsDataURL(a);
+    }, c.readAsDataURL(a);
   });
 }
-const fe = {};
-function Jt(e, t, r) {
+const ve = {};
+function ar(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 Ce(e, t, r) {
-  const n = Jt(e, t, r.includeQueryParams);
-  if (fe[n] != null)
-    return fe[n];
+async function Oe(e, t, r) {
+  const n = ar(e, t, r.includeQueryParams);
+  if (ve[n] != null)
+    return ve[n];
   r.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let a;
   try {
-    const s = await qe(e, r.fetchRequestInit, ({ res: o, result: i }) => (t || (t = o.headers.get("Content-Type") || ""), Yt(i)));
-    a = Xt(s, t);
+    const s = await et(e, r.fetchRequestInit, ({ res: o, result: c }) => (t || (t = o.headers.get("Content-Type") || ""), nr(c)));
+    a = sr(s, t);
   } catch (s) {
     a = r.imagePlaceholder || "";
     let o = `Failed to fetch resource: ${e}`;
     s && (o = typeof s == "string" ? s : s.message), o && console.warn(o);
   }
-  return fe[n] = a, a;
+  return ve[n] = a, a;
 }
-async function Zt(e) {
+async function or(e) {
   const t = e.toDataURL();
-  return t === "data:," ? e.cloneNode(!1) : de(t);
+  return t === "data:," ? e.cloneNode(!1) : pe(t);
 }
-async function Kt(e, t) {
+async function ir(e, t) {
   if (e.currentSrc) {
     const s = document.createElement("canvas"), o = s.getContext("2d");
     s.width = e.clientWidth, s.height = e.clientHeight, o?.drawImage(e, 0, 0, s.width, s.height);
-    const i = s.toDataURL();
-    return de(i);
+    const c = s.toDataURL();
+    return pe(c);
   }
-  const r = e.poster, n = be(r), a = await Ce(r, n, t);
-  return de(a);
+  const r = e.poster, n = je(r), a = await Oe(r, n, t);
+  return pe(a);
 }
-async function Qt(e, t) {
+async function cr(e, t) {
   var r;
   try {
     if (!((r = e?.contentDocument) === null || r === void 0) && r.body)
-      return await ue(e.contentDocument.body, t, !0);
+      return await me(e.contentDocument.body, t, !0);
   } catch {
   }
   return e.cloneNode(!1);
 }
-async function er(e, t) {
-  return R(e, HTMLCanvasElement) ? Zt(e) : R(e, HTMLVideoElement) ? Kt(e, t) : R(e, HTMLIFrameElement) ? Qt(e, t) : e.cloneNode(Be(e));
+async function lr(e, t) {
+  return T(e, HTMLCanvasElement) ? or(e) : T(e, HTMLVideoElement) ? ir(e, t) : T(e, HTMLIFrameElement) ? cr(e, t) : e.cloneNode(tt(e));
 }
-const tr = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", Be = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
-async function rr(e, t, r) {
+const dr = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", tt = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
+async function ur(e, t, r) {
   var n, a;
-  if (Be(t))
+  if (tt(t))
     return t;
   let s = [];
-  return tr(e) && e.assignedNodes ? s = M(e.assignedNodes()) : R(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = M(e.contentDocument.body.childNodes) : s = M(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || R(e, HTMLVideoElement) || await s.reduce((o, i) => o.then(() => ue(i, r)).then((u) => {
+  return dr(e) && e.assignedNodes ? s = D(e.assignedNodes()) : T(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = D(e.contentDocument.body.childNodes) : s = D(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || T(e, HTMLVideoElement) || await s.reduce((o, c) => o.then(() => me(c, r)).then((u) => {
     u && t.appendChild(u);
   }), Promise.resolve()), t;
 }
-function nr(e, t, r) {
+function pr(e, t, r) {
   const n = t.style;
   if (!n)
     return;
   const a = window.getComputedStyle(e);
-  a.cssText ? (n.cssText = a.cssText, n.transformOrigin = a.transformOrigin) : We(r).forEach((s) => {
+  a.cssText ? (n.cssText = a.cssText, n.transformOrigin = a.transformOrigin) : Ke(r).forEach((s) => {
     let o = a.getPropertyValue(s);
-    s === "font-size" && o.endsWith("px") && (o = `${Math.floor(parseFloat(o.substring(0, o.length - 2))) - 0.1}px`), R(e, HTMLIFrameElement) && s === "display" && o === "inline" && (o = "block"), s === "d" && t.getAttribute("d") && (o = `path(${t.getAttribute("d")})`), n.setProperty(s, o, a.getPropertyPriority(s));
+    s === "font-size" && o.endsWith("px") && (o = `${Math.floor(parseFloat(o.substring(0, o.length - 2))) - 0.1}px`), T(e, HTMLIFrameElement) && s === "display" && o === "inline" && (o = "block"), s === "d" && t.getAttribute("d") && (o = `path(${t.getAttribute("d")})`), n.setProperty(s, o, a.getPropertyPriority(s));
   });
 }
-function sr(e, t) {
-  R(e, HTMLTextAreaElement) && (t.innerHTML = e.value), R(e, HTMLInputElement) && t.setAttribute("value", e.value);
+function mr(e, t) {
+  T(e, HTMLTextAreaElement) && (t.innerHTML = e.value), T(e, HTMLInputElement) && t.setAttribute("value", e.value);
 }
-function ar(e, t) {
-  if (R(e, HTMLSelectElement)) {
+function fr(e, t) {
+  if (T(e, HTMLSelectElement)) {
     const n = Array.from(t.children).find((a) => e.value === a.getAttribute("value"));
     n && n.setAttribute("selected", "");
   }
 }
-function or(e, t, r) {
-  return R(t, Element) && (nr(e, t, r), Ut(e, t, r), sr(e, t), ar(e, t)), t;
+function hr(e, t, r) {
+  return T(t, Element) && (pr(e, t, r), er(e, t, r), mr(e, t), fr(e, t)), t;
 }
-async function ir(e, t) {
+async function gr(e, t) {
   const r = e.querySelectorAll ? e.querySelectorAll("use") : [];
   if (r.length === 0)
     return e;
   const n = {};
   for (let s = 0; s < r.length; s++) {
-    const i = r[s].getAttribute("xlink:href");
-    if (i) {
-      const u = e.querySelector(i), m = document.querySelector(i);
-      !u && m && !n[i] && (n[i] = await ue(m, t, !0));
+    const c = r[s].getAttribute("xlink:href");
+    if (c) {
+      const u = e.querySelector(c), p = document.querySelector(c);
+      !u && p && !n[c] && (n[c] = await me(p, t, !0));
     }
   }
   const a = Object.values(n);
   if (a.length) {
     const s = "http://www.w3.org/1999/xhtml", o = document.createElementNS(s, "svg");
     o.setAttribute("xmlns", s), o.style.position = "absolute", o.style.width = "0", o.style.height = "0", o.style.overflow = "hidden", o.style.display = "none";
-    const i = document.createElementNS(s, "defs");
-    o.appendChild(i);
+    const c = document.createElementNS(s, "defs");
+    o.appendChild(c);
     for (let u = 0; u < a.length; u++)
-      i.appendChild(a[u]);
+      c.appendChild(a[u]);
     e.appendChild(o);
   }
   return e;
 }
-async function ue(e, t, r) {
-  return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => er(n, t)).then((n) => rr(e, n, t)).then((n) => or(e, n, t)).then((n) => ir(n, t));
+async function me(e, t, r) {
+  return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => lr(n, t)).then((n) => ur(e, n, t)).then((n) => hr(e, n, t)).then((n) => gr(n, t));
 }
-const Ye = /url\((['"]?)([^'"]+?)\1\)/g, cr = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, lr = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function dr(e) {
+const rt = /url\((['"]?)([^'"]+?)\1\)/g, yr = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, xr = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function wr(e) {
   const t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function ur(e) {
+function vr(e) {
   const t = [];
-  return e.replace(Ye, (r, n, a) => (t.push(a), r)), t.filter((r) => !we(r));
+  return e.replace(rt, (r, n, a) => (t.push(a), r)), t.filter((r) => !ke(r));
 }
-async function pr(e, t, r, n, a) {
+async function br(e, t, r, n, a) {
   try {
-    const s = r ? $t(t, r) : t, o = be(t);
-    let i;
-    return a || (i = await Ce(s, o, n)), e.replace(dr(t), `$1${i}$3`);
+    const s = r ? Ht(t, r) : t, o = je(t);
+    let c;
+    return a || (c = await Oe(s, o, n)), e.replace(wr(t), `$1${c}$3`);
   } catch {
   }
   return e;
 }
-function mr(e, { preferredFontFormat: t }) {
-  return t ? e.replace(lr, (r) => {
+function Cr(e, { preferredFontFormat: t }) {
+  return t ? e.replace(xr, (r) => {
     for (; ; ) {
-      const [n, , a] = cr.exec(r) || [];
+      const [n, , a] = yr.exec(r) || [];
       if (!a)
         return "";
       if (a === t)
@@ -835,52 +835,52 @@ function mr(e, { preferredFontFormat: t }) {
     }
   }) : e;
 }
-function Xe(e) {
-  return e.search(Ye) !== -1;
+function nt(e) {
+  return e.search(rt) !== -1;
 }
-async function Je(e, t, r) {
-  if (!Xe(e))
+async function st(e, t, r) {
+  if (!nt(e))
     return e;
-  const n = mr(e, r);
-  return ur(n).reduce((s, o) => s.then((i) => pr(i, o, t, r)), Promise.resolve(n));
+  const n = Cr(e, r);
+  return vr(n).reduce((s, o) => s.then((c) => br(c, o, t, r)), Promise.resolve(n));
 }
-async function Y(e, t, r) {
+async function J(e, t, r) {
   var n;
   const a = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
   if (a) {
-    const s = await Je(a, null, r);
+    const s = await st(a, null, r);
     return t.style.setProperty(e, s, t.style.getPropertyPriority(e)), !0;
   }
   return !1;
 }
-async function fr(e, t) {
-  await Y("background", e, t) || await Y("background-image", e, t), await Y("mask", e, t) || await Y("-webkit-mask", e, t) || await Y("mask-image", e, t) || await Y("-webkit-mask-image", e, t);
+async function Er(e, t) {
+  await J("background", e, t) || await J("background-image", e, t), await J("mask", e, t) || await J("-webkit-mask", e, t) || await J("mask-image", e, t) || await J("-webkit-mask-image", e, t);
 }
-async function hr(e, t) {
-  const r = R(e, HTMLImageElement);
-  if (!(r && !we(e.src)) && !(R(e, SVGImageElement) && !we(e.href.baseVal)))
+async function Sr(e, t) {
+  const r = T(e, HTMLImageElement);
+  if (!(r && !ke(e.src)) && !(T(e, SVGImageElement) && !ke(e.href.baseVal)))
     return;
-  const n = r ? e.src : e.href.baseVal, a = await Ce(n, be(n), t);
+  const n = r ? e.src : e.href.baseVal, a = await Oe(n, je(n), t);
   await new Promise((s, o) => {
     e.onload = s, e.onerror = t.onImageErrorHandler ? (...u) => {
       try {
         s(t.onImageErrorHandler(...u));
-      } catch (m) {
-        o(m);
+      } catch (p) {
+        o(p);
       }
     } : o;
-    const i = e;
-    i.decode && (i.decode = s), i.loading === "lazy" && (i.loading = "eager"), r ? (e.srcset = "", e.src = a) : e.href.baseVal = a;
+    const c = e;
+    c.decode && (c.decode = s), c.loading === "lazy" && (c.loading = "eager"), r ? (e.srcset = "", e.src = a) : e.href.baseVal = a;
   });
 }
-async function gr(e, t) {
-  const n = M(e.childNodes).map((a) => Ze(a, t));
+async function kr(e, t) {
+  const n = D(e.childNodes).map((a) => at(a, t));
   await Promise.all(n).then(() => e);
 }
-async function Ze(e, t) {
-  R(e, Element) && (await fr(e, t), await hr(e, t), await gr(e, t));
+async function at(e, t) {
+  T(e, Element) && (await Er(e, t), await Sr(e, t), await kr(e, t));
 }
-function yr(e, t) {
+function Rr(e, t) {
   const { style: r } = e;
   t.backgroundColor && (r.backgroundColor = t.backgroundColor), t.width && (r.width = `${t.width}px`), t.height && (r.height = `${t.height}px`);
   const n = t.style;
@@ -888,23 +888,23 @@ function yr(e, t) {
     r[a] = n[a];
   }), e;
 }
-const Ne = {};
-async function Le(e) {
-  let t = Ne[e];
+const De = {};
+async function He(e) {
+  let t = De[e];
   if (t != null)
     return t;
   const n = await (await fetch(e)).text();
-  return t = { url: e, cssText: n }, Ne[e] = t, t;
+  return t = { url: e, cssText: n }, De[e] = t, t;
 }
-async function Ie(e, t) {
+async function We(e, t) {
   let r = e.cssText;
   const n = /url\(["']?([^"')]+)["']?\)/g, s = (r.match(/url\([^)]+\)/g) || []).map(async (o) => {
-    let i = o.replace(n, "$1");
-    return i.startsWith("https://") || (i = new URL(i, e.url).href), qe(i, t.fetchRequestInit, ({ result: u }) => (r = r.replace(o, `url(${u})`), [o, u]));
+    let c = o.replace(n, "$1");
+    return c.startsWith("https://") || (c = new URL(c, e.url).href), et(c, t.fetchRequestInit, ({ result: u }) => (r = r.replace(o, `url(${u})`), [o, u]));
   });
   return Promise.all(s).then(() => r);
 }
-function ze(e) {
+function qe(e) {
   if (e == null)
     return [];
   const t = [], r = /(\/\*[\s\S]*?\*\/)/gi;
@@ -917,54 +917,54 @@ function ze(e) {
     t.push(u[0]);
   }
   n = n.replace(a, "");
-  const s = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, o = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", i = new RegExp(o, "gi");
+  const s = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, o = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", c = new RegExp(o, "gi");
   for (; ; ) {
     let u = s.exec(n);
     if (u === null) {
-      if (u = i.exec(n), u === null)
+      if (u = c.exec(n), u === null)
         break;
-      s.lastIndex = i.lastIndex;
+      s.lastIndex = c.lastIndex;
     } else
-      i.lastIndex = s.lastIndex;
+      c.lastIndex = s.lastIndex;
     t.push(u[0]);
   }
   return t;
 }
-async function xr(e, t) {
+async function jr(e, t) {
   const r = [], n = [];
   return e.forEach((a) => {
     if ("cssRules" in a)
       try {
-        M(a.cssRules || []).forEach((s, o) => {
+        D(a.cssRules || []).forEach((s, o) => {
           if (s.type === CSSRule.IMPORT_RULE) {
-            let i = o + 1;
-            const u = s.href, m = Le(u).then((f) => Ie(f, t)).then((f) => ze(f).forEach((x) => {
+            let c = o + 1;
+            const u = s.href, p = He(u).then((g) => We(g, t)).then((g) => qe(g).forEach((E) => {
               try {
-                a.insertRule(x, x.startsWith("@import") ? i += 1 : a.cssRules.length);
-              } catch (g) {
+                a.insertRule(E, E.startsWith("@import") ? c += 1 : a.cssRules.length);
+              } catch (x) {
                 console.error("Error inserting rule from remote css", {
-                  rule: x,
-                  error: g
+                  rule: E,
+                  error: x
                 });
               }
-            })).catch((f) => {
-              console.error("Error loading remote css", f.toString());
+            })).catch((g) => {
+              console.error("Error loading remote css", g.toString());
             });
-            n.push(m);
+            n.push(p);
           }
         });
       } catch (s) {
-        const o = e.find((i) => i.href == null) || document.styleSheets[0];
-        a.href != null && n.push(Le(a.href).then((i) => Ie(i, t)).then((i) => ze(i).forEach((u) => {
+        const o = e.find((c) => c.href == null) || document.styleSheets[0];
+        a.href != null && n.push(He(a.href).then((c) => We(c, t)).then((c) => qe(c).forEach((u) => {
           o.insertRule(u, o.cssRules.length);
-        })).catch((i) => {
-          console.error("Error loading remote stylesheet", i);
+        })).catch((c) => {
+          console.error("Error loading remote stylesheet", c);
         })), console.error("Error inlining remote css file", s);
       }
   }), Promise.all(n).then(() => (e.forEach((a) => {
     if ("cssRules" in a)
       try {
-        M(a.cssRules || []).forEach((s) => {
+        D(a.cssRules || []).forEach((s) => {
           r.push(s);
         });
       } catch (s) {
@@ -972,66 +972,66 @@ async function xr(e, t) {
       }
   }), r));
 }
-function wr(e) {
-  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => Xe(t.style.getPropertyValue("src")));
+function Or(e) {
+  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => nt(t.style.getPropertyValue("src")));
 }
-async function vr(e, t) {
+async function _r(e, t) {
   if (e.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = M(e.ownerDocument.styleSheets), n = await xr(r, t);
-  return wr(n);
+  const r = D(e.ownerDocument.styleSheets), n = await jr(r, t);
+  return Or(n);
 }
-function Ke(e) {
+function ot(e) {
   return e.trim().replace(/["']/g, "");
 }
-function br(e) {
+function Vr(e) {
   const t = /* @__PURE__ */ new Set();
   function r(n) {
     (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((s) => {
-      t.add(Ke(s));
+      t.add(ot(s));
     }), Array.from(n.children).forEach((s) => {
       s instanceof HTMLElement && r(s);
     });
   }
   return r(e), t;
 }
-async function Cr(e, t) {
-  const r = await vr(e, t), n = br(e);
-  return (await Promise.all(r.filter((s) => n.has(Ke(s.style.fontFamily))).map((s) => {
+async function Pr(e, t) {
+  const r = await _r(e, t), n = Vr(e);
+  return (await Promise.all(r.filter((s) => n.has(ot(s.style.fontFamily))).map((s) => {
     const o = s.parentStyleSheet ? s.parentStyleSheet.href : null;
-    return Je(s.cssText, o, t);
+    return st(s.cssText, o, t);
   }))).join(`
 `);
 }
-async function Er(e, t) {
-  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await Cr(e, t);
+async function Tr(e, t) {
+  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await Pr(e, t);
   if (r) {
     const n = document.createElement("style"), a = document.createTextNode(r);
     n.appendChild(a), e.firstChild ? e.insertBefore(n, e.firstChild) : e.appendChild(n);
   }
 }
-async function kr(e, t = {}) {
-  const { width: r, height: n } = Ue(e, t), a = await ue(e, t, !0);
-  return await Er(a, t), await Ze(a, t), yr(a, t), await Mt(a, r, n);
+async function Ar(e, t = {}) {
+  const { width: r, height: n } = Qe(e, t), a = await me(e, t, !0);
+  return await Tr(a, t), await at(a, t), Rr(a, t), await Jt(a, r, n);
 }
-async function Sr(e, t = {}) {
-  const { width: r, height: n } = Ue(e, t), a = await kr(e, t), s = await de(a), o = document.createElement("canvas"), i = o.getContext("2d"), u = t.pixelRatio || It(), m = t.canvasWidth || r, f = t.canvasHeight || n;
-  return o.width = m * u, o.height = f * u, t.skipAutoScale || zt(o), o.style.width = `${m}`, o.style.height = `${f}`, t.backgroundColor && (i.fillStyle = t.backgroundColor, i.fillRect(0, 0, o.width, o.height)), i.drawImage(s, 0, 0, o.width, o.height), o;
+async function $r(e, t = {}) {
+  const { width: r, height: n } = Qe(e, t), a = await Ar(e, t), s = await pe(a), o = document.createElement("canvas"), c = o.getContext("2d"), u = t.pixelRatio || Bt(), p = t.canvasWidth || r, g = t.canvasHeight || n;
+  return o.width = p * u, o.height = g * u, t.skipAutoScale || Yt(o), o.style.width = `${p}`, o.style.height = `${g}`, t.backgroundColor && (c.fillStyle = t.backgroundColor, c.fillRect(0, 0, o.width, o.height)), c.drawImage(s, 0, 0, o.width, o.height), o;
 }
-async function Rr(e, t = {}) {
-  return (await Sr(e, t)).toDataURL("image/jpeg", t.quality || 1);
+async function Gr(e, t = {}) {
+  return (await $r(e, t)).toDataURL("image/jpeg", t.quality || 1);
 }
-const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () => {
+const fe = 2147483647, Ue = fe, be = 2e6, Nr = fe - 10, Lr = fe - 5, Ir = fe - 15, Mr = () => {
   const e = window.innerWidth;
   return e < 768 ? "mobile" : e < 1024 ? "tablet" : "desktop";
-}, Pr = (e) => {
+}, zr = (e) => {
   let t = 0;
   for (let r = 0; r < e.length; r++) {
     const n = e.charCodeAt(r);
     t = (t << 5) - t + n, t = t & t;
   }
   return Math.abs(t).toString(16);
-}, Ar = (e, t) => {
+}, Fr = (e, t) => {
   if (!e) return "";
   try {
     const r = new Date(e);
@@ -1046,10 +1046,10 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
   } catch {
     return "";
   }
-}, $r = (e) => {
+}, Dr = (e) => {
   const t = (e.innerText || "").slice(0, 30).trim(), r = {
     tag: e.tagName.toLowerCase(),
-    classHash: Pr(e.className),
+    classHash: zr(e.className),
     textSnippet: t,
     parentTag: e.parentElement?.tagName.toLowerCase(),
     neighborCount: e.parentElement?.children.length || 0
@@ -1059,7 +1059,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
   a && (r.role = a);
   const s = e.getAttribute("name");
   return s && (r.name = s), r;
-}, Gr = /* @__PURE__ */ (() => {
+}, Hr = /* @__PURE__ */ (() => {
   let e = null, t = null;
   return (r) => {
     if (!r || typeof window > "u" || typeof document > "u") return r;
@@ -1080,30 +1080,30 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
       }
     return r;
   };
-})(), Nr = (e, t, r, n) => new Promise((a) => {
+})(), Wr = (e, t, r, n) => new Promise((a) => {
   const s = new Image();
   s.onload = () => {
-    const o = document.createElement("canvas"), i = window.devicePixelRatio || 1, u = t.width + r * 2, m = t.height + r * 2;
-    o.width = u * i, o.height = m * i;
-    const f = o.getContext("2d");
-    if (f) {
-      f.scale(i, i);
-      const x = (t.left + window.scrollX - r) * n, g = (t.top + window.scrollY - r) * n, b = u * n, O = m * n;
-      f.drawImage(
+    const o = document.createElement("canvas"), c = window.devicePixelRatio || 1, u = t.width + r * 2, p = t.height + r * 2;
+    o.width = u * c, o.height = p * c;
+    const g = o.getContext("2d");
+    if (g) {
+      g.scale(c, c);
+      const E = (t.left + window.scrollX - r) * n, x = (t.top + window.scrollY - r) * n, w = u * n, y = p * n;
+      g.drawImage(
         s,
+        E,
         x,
-        g,
-        b,
-        O,
+        w,
+        y,
         0,
         0,
         u,
-        m
+        p
       );
     }
     a(o.toDataURL("image/png"));
-  }, s.src = e;
-}), Lr = (e) => {
+  }, s.onerror = () => a(""), s.src = e;
+}), qr = (e) => {
   const t = window.getComputedStyle(e), r = {};
   return [
     "display",
@@ -1118,9 +1118,9 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
     "z-index"
   ].forEach((a) => {
     const s = t.getPropertyValue(a);
-    r[a] = Gr(s);
+    r[a] = Hr(s);
   }), r;
-}, Ir = (e) => {
+}, Ur = (e) => {
   const r = Object.keys(e).find((s) => s.startsWith("__reactFiber$") || s.startsWith("__reactInternalInstance$"));
   if (!r) return "";
   const n = [];
@@ -1134,19 +1134,39 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
     a = a.return;
   }
   return n.join(" > ") || "Generic Component";
-}, ve = (e, t = document) => {
+}, Be = (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;
+  let r = e.parentElement;
+  for (; r; ) {
+    const a = window.getComputedStyle(r);
+    if (a.display === "none" || a.visibility === "hidden" || a.opacity === "0") return !1;
+    r = r.parentElement;
+  }
+  const n = e.getBoundingClientRect();
+  return !(n.width === 0 || n.height === 0 || n.top === 0 && n.left === 0 && n.width > window.innerWidth * 0.9);
+}, Re = (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 o = ve(e, s);
+      const o = Re(e, s);
       if (o) return o;
     }
   }
   return null;
-}, zr = (e) => {
+}, Ye = (e, t) => {
+  let r = document.elementFromPoint(e, t);
+  for (; r && r.shadowRoot; ) {
+    const n = r.shadowRoot.elementFromPoint(e, t);
+    if (!n || n === r) break;
+    r = n;
+  }
+  return r;
+}, Br = (e) => {
   if (!e.tag) return null;
   const t = document.getElementsByTagName(e.tag);
   let r = null, n = 0;
@@ -1156,241 +1176,259 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
     s.innerText?.includes(e.text.slice(0, 20)) && (o += 4), e.fingerprint?.classHash && s.className.includes(e.fingerprint.classHash) && (o += 2), e.fingerprint?.ariaLabel && s.getAttribute("aria-label") === e.fingerprint.ariaLabel && (o += 3), e.fingerprint?.role && s.getAttribute("role") === e.fingerprint.role && (o += 2), e.parentContext && (s.parentElement?.innerText || "").includes(e.parentContext.slice(0, 30)) && (o += 2), e.fingerprint?.neighborCount === s.parentElement?.children.length && (o += 1), e.fingerprint?.parentTag === s.parentElement?.tagName.toLowerCase() && (o += 1), o > n && o >= 5 && (n = o, r = s);
   }
   return r;
-}, Fr = (e) => {
-  let t = ve(e.selector);
+}, Yr = (e) => {
+  let t = Re(e.selector);
   if (t) return t;
   if (e.fallbackSelectors) {
     for (const r of e.fallbackSelectors)
-      if (t = ve(r), t) return t;
+      if (t = Re(r), t) return t;
   }
-  if (t = zr(e), t) return t;
-  if (e.metadata?.scrollPosition && e.viewportSize) {
-    const r = (e.normalizedOffset?.x || 0.5) * window.innerWidth, n = (e.normalizedOffset?.y || 0.5) * window.innerHeight;
-    if (t = document.elementFromPoint(r, n), t && t.tagName.toLowerCase() === e.tag) return t;
-  }
-  return null;
-}, ge = (e) => ({
+  return t = Br(e), t || null;
+}, Ce = (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
-}), Mr = (e) => {
+}), Xr = (e) => {
   const t = e.parentElement;
   if (!t) return;
-  const r = Array.from(t.children).filter((o) => o !== e).slice(0, 5).map((o) => ge(o)), n = Array.from(t.children), a = n.indexOf(e);
+  const r = Array.from(t.children).filter((o) => o !== e).slice(0, 5).map((o) => Ce(o)), n = Array.from(t.children), a = n.indexOf(e);
   let s = "middle";
   return a === 0 && (s = "start"), a === n.length - 1 && (s = "end"), {
     target: {
-      ...ge(e),
+      ...Ce(e),
       location: `${s} of ${t.tagName.toLowerCase()}`
     },
-    parent: ge(t),
+    parent: Ce(t),
     siblings: r
   };
-}, Dr = (e) => {
+}, it = (e) => {
   let t = "unknown:0", r = e;
   for (; r; ) {
-    const f = r.getAttribute("data-source-path");
-    if (f) {
-      t = f;
+    const x = r.getAttribute("data-source-path");
+    if (x) {
+      t = x;
       break;
     }
     r = r.parentElement;
   }
-  const n = Ir(e), a = [], s = [], i = ((f) => {
-    const x = [];
-    let g = f;
-    for (; g && g.nodeType === Node.ELEMENT_NODE; ) {
-      let b = g.nodeName.toLowerCase();
-      s.unshift(b);
-      const O = g.id && !g.id.startsWith("__") ? g.id : null;
-      O && a.push(`#${O}`);
-      const G = g.getAttribute("data-testid") || g.getAttribute("data-qa");
-      G && a.push(`[data-testid="${G}"]`);
-      const N = g.getAttribute("aria-label"), V = g.getAttribute("role"), A = g.getAttribute("name");
-      if (G) {
-        b = `[${g.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${G}"]`, x.unshift(b);
-        break;
-      } else if (O) {
-        b = "#" + O, x.unshift(b);
+  const n = Ur(e), a = [], s = [], o = (x) => {
+    const w = [];
+    let y = x;
+    for (; y && y.nodeType === Node.ELEMENT_NODE; ) {
+      let k = y.nodeName.toLowerCase();
+      s.unshift(k);
+      const N = y.id && !y.id.startsWith("__") ? y.id : null;
+      N && a.push(`#${N}`);
+      const P = y.getAttribute("data-testid") || y.getAttribute("data-qa");
+      P && a.push(`[data-testid="${P}"]`);
+      const L = y.getAttribute("aria-label"), _ = y.getAttribute("role"), q = y.getAttribute("name");
+      if (P) {
+        k = `[${y.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${P}"]`, w.unshift(k);
         break;
       } else if (N) {
-        b = `${g.localName}[aria-label="${N}"]`, x.unshift(b);
+        k = "#" + N, w.unshift(k);
         break;
-      } else if (V) {
-        b = `${g.localName}[role="${V}"]`, x.unshift(b);
+      } else if (L) {
+        k = `${y.localName}[aria-label="${L}"]`, w.unshift(k);
         break;
-      } else if (A) {
-        b = `${g.localName}[name="${A}"]`, x.unshift(b);
+      } else if (_) {
+        k = `${y.localName}[role="${_}"]`, w.unshift(k);
+        break;
+      } else if (q) {
+        k = `${y.localName}[name="${q}"]`, w.unshift(k);
         break;
       } else {
-        let E = g, D = 1;
-        for (; E.previousElementSibling; )
-          E = E.previousElementSibling, E.nodeName.toLowerCase() === g.nodeName.toLowerCase() && D++;
-        D > 1 && (b += `:nth-of-type(${D})`);
+        let j = y, A = 1;
+        for (; j.previousElementSibling; )
+          j = j.previousElementSibling, j.nodeName.toLowerCase() === y.nodeName.toLowerCase() && A++;
+        A > 1 && (k += `:nth-of-type(${A})`);
+      }
+      w.unshift(k), y = y.parentElement;
+    }
+    return w.join(" > ");
+  }, c = !!(e.closest('[role="dialog"]') || e.closest('[aria-modal="true"]') || e.closest(".modal") || e.closest(".modal-content"));
+  let u;
+  if (c) {
+    const x = e.closest('[role="dialog"]') || e.closest('[aria-modal="true"]') || e.closest(".modal") || e.closest(".modal-content");
+    if (x) {
+      const w = x.id;
+      if (w) {
+        const y = document.querySelector(`[aria-controls="${w}"], [data-target="#${w}"], [href="#${w}"]`);
+        y && (x.contains(y) || (u = it(y)));
       }
-      x.unshift(b), g = g.parentElement;
     }
-    return x.join(" > ");
-  })(e), u = {};
-  ["placeholder", "aria-label", "name", "type", "alt", "title", "value", "role"].forEach((f) => {
-    const x = e.getAttribute(f);
-    x && (u[f] = x);
+  }
+  const p = o(e), g = {};
+  ["placeholder", "aria-label", "name", "type", "alt", "title", "value", "role"].forEach((x) => {
+    const w = e.getAttribute(x);
+    w && (g[x] = w);
   });
-  const m = `${e.tagName.toLowerCase()}-${(e.innerText || "").slice(0, 20).replace(/\s+/g, "_")}-${i.split(" > ").slice(-1)}`;
+  const E = `${e.tagName.toLowerCase()}-${(e.innerText || "").slice(0, 20).replace(/\s+/g, "_")}-${p.split(" > ").slice(-1)}`;
   return {
     tag: e.tagName.toLowerCase(),
     id: e.id || "",
     classes: e.className || "",
     text: (e.innerText || "").slice(0, 100).trim(),
-    selector: i,
+    selector: p,
     outerHtml: e.outerHTML,
     parentContext: (e.parentElement?.innerText || "").slice(0, 150).trim(),
     componentPath: n,
-    signature: m,
+    signature: E,
     source: t,
-    attributes: u,
+    attributes: g,
     fallbackSelectors: [...new Set(a)].slice(0, 5),
     domPath: s.slice(-10),
     viewportSize: { width: window.innerWidth, height: window.innerHeight },
-    uiContext: Mr(e),
-    fingerprint: $r(e),
+    uiContext: Xr(e),
+    fingerprint: Dr(e),
     metadata: {
       hint: `Edit ${t.split(":")[0]} at line ${t.split(":")[1] || "?"}`,
-      computedStyles: Lr(e),
-      viewportBreakpoint: Tr(),
+      computedStyles: qr(e),
+      viewportBreakpoint: Mr(),
       outerHtml: e.outerHTML.slice(0, 1500),
-      scrollPosition: { x: window.scrollX, y: window.scrollY }
+      scrollPosition: { x: window.scrollX, y: window.scrollY },
+      isModal: c,
+      triggerReference: u
     }
   };
-}, Hr = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a } = At(), [s, o] = k(!1), [i, u] = k(null), [m, f] = k(null), [x, g] = k(""), [b, O] = k(!1), [G, N] = k(!1), [V, A] = k(!1), [E, D] = k([]), [T, L] = k(null), [Ee, ke] = k(!1), [J, se] = k(!1), [pe, W] = k({}), [I, Z] = k(null), [U, q] = k(null), [K, Q] = k(""), [ae, oe] = k({}), l = ye(null), p = ye(null), w = ie(() => {
-    p.current || (p.current = requestAnimationFrame(() => {
-      const d = {};
-      E.forEach((h) => {
-        if (!h.reference) return;
-        const y = Fr(h.reference);
-        if (y) {
-          const P = y.getBoundingClientRect();
-          d[h._id] = {
-            top: P.top + window.scrollY,
-            left: P.left + window.scrollX,
-            width: P.width
+}, Jr = () => {
+  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a } = Ft(), [s, o] = S(!1), [c, u] = S(null), [p, g] = S(null), [E, x] = S(""), [w, y] = S(!1), [k, N] = S(!1), [P, L] = S(!1), [_, q] = S([]), [j, A] = S(null), [_e, Ve] = S(!1), [K, ae] = S(!1), [he, U] = S({}), [z, Q] = S(null), [B, Y] = S(null), [ee, te] = S(""), [oe, ie] = S({}), l = Ee(null), m = Ee(null), v = le(() => {
+    m.current || (m.current = requestAnimationFrame(() => {
+      const d = {}, f = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content, .modal-dialog')).find((V) => Be(V)), I = !!f;
+      _.forEach((V) => {
+        if (!V.reference) return;
+        const O = Yr(V.reference), R = !!V.reference.metadata?.isModal;
+        if (O && Be(O)) {
+          const ce = !!(f && f.contains(O));
+          let M = !1;
+          if (I ? M = ce : M = !R, !M) return;
+          const W = O.getBoundingClientRect(), ge = W.left + W.width / 2, ye = W.top + W.height / 2;
+          if (ge >= 0 && ge <= window.innerWidth && ye >= 0 && ye <= window.innerHeight) {
+            const xe = document.elementFromPoint(ge, ye);
+            if (xe && !O.contains(xe) && !l.current?.contains(xe))
+              return;
+          }
+          d[V._id] = {
+            top: W.top + window.scrollY,
+            left: W.left + window.scrollX,
+            width: W.width,
+            isModal: R
           };
         }
-      }), oe(d), p.current = null;
+      }), ie(d), m.current = null;
     }));
-  }, [E]), v = ie(async () => {
+  }, [_]), b = le(async () => {
     if (n) {
-      se(!0);
+      ae(!0);
       try {
         const d = await fetch(`${a}/api/annotations`, {
           headers: { "x-api-key": n }
         });
         if (d.ok) {
           const h = await d.json();
-          D(h.data || []);
+          q(h.data || []);
         }
       } catch (d) {
         console.error("Failed to fetch annotations", d);
       } finally {
-        se(!1);
+        ae(!1);
       }
     }
   }, [n, a]);
-  ne(() => {
-    if (!s && E.length > 0) {
-      w();
-      const d = new MutationObserver(() => w()), h = new ResizeObserver(() => w()), y = () => w();
+  se(() => {
+    if (!s && _.length > 0) {
+      v();
+      const d = new MutationObserver(() => v()), h = new ResizeObserver(() => v()), f = () => v();
       return d.observe(document.documentElement, {
         childList: !0,
         subtree: !0,
         attributes: !0
-      }), h.observe(document.documentElement), window.addEventListener("scroll", y, !0), () => {
-        d.disconnect(), h.disconnect(), window.removeEventListener("scroll", y, !0), p.current && cancelAnimationFrame(p.current);
+      }), h.observe(document.documentElement), window.addEventListener("scroll", f, !0), () => {
+        d.disconnect(), h.disconnect(), window.removeEventListener("scroll", f, !0), m.current && cancelAnimationFrame(m.current);
       };
     }
-  }, [s, E.length, w]), ne(() => {
-    v();
-  }, [v]), ne(() => {
+  }, [s, _.length, v]), se(() => {
+    b();
+  }, [b]), se(() => {
     l.current = document.getElementById("viewgate-shadow-host");
   }, []);
-  const z = ie((d) => {
-    if (!s || m) return;
-    const h = document.elementFromPoint(d.clientX, d.clientY);
+  const F = le((d) => {
+    if (!s || p) return;
+    const h = Ye(d.clientX, d.clientY);
     if (!h || l.current?.contains(h) || h.closest(".vg-no-capture")) {
       u(null);
       return;
     }
-    const y = h.getBoundingClientRect();
+    const f = h.getBoundingClientRect();
     u({
       tag: h.tagName.toLowerCase(),
       source: h.getAttribute("data-source-path") || "unknown:0",
-      rect: y,
+      rect: f,
       element: h,
       previewText: (h.innerText || "").slice(0, 100) || (h.getAttribute("placeholder") || "").slice(0, 100) || h.tagName.toLowerCase(),
       semanticReference: {
-        ...Dr(h),
+        ...it(h),
         normalizedOffset: {
-          x: (d.clientX - y.left) / y.width,
-          y: (d.clientY - y.top) / y.height
+          x: (d.clientX - f.left) / f.width,
+          y: (d.clientY - f.top) / f.height
         }
       }
     });
-  }, [s, m]), H = ie(async (d) => {
-    if (!s || m) return;
-    const h = d.target;
-    if (!(l.current?.contains(h) || h.closest(".vg-no-capture")) && i) {
+  }, [s, p]), H = le(async (d) => {
+    if (!s || p) return;
+    const h = Ye(d.clientX, d.clientY);
+    if (!(!h || l.current?.contains(h) || h.closest(".vg-no-capture")) && c) {
       d.preventDefault(), d.stopPropagation(), N(!0);
       try {
-        const y = i.element.getBoundingClientRect(), P = 24, F = 0.6, $ = await Rr(document.body, {
-          quality: 0.5,
-          pixelRatio: F,
-          filter: (ee) => !l.current?.contains(ee)
-        }), S = await Nr($, y, P, F), Se = {
-          ...i.semanticReference,
+        const f = c.element.getBoundingClientRect(), I = 24, V = 2, O = await Gr(document.body, {
+          quality: 0.95,
+          pixelRatio: V,
+          filter: (M) => !l.current?.contains(M)
+        }), R = await Wr(O, f, I, V), ce = {
+          ...c.semanticReference,
           metadata: {
-            ...i.semanticReference.metadata,
-            screenshotUrl: $,
-            elementScreenshot: S
+            ...c.semanticReference.metadata,
+            screenshotUrl: O,
+            elementScreenshot: R
           }
         };
-        f({
-          ...i,
-          visualPreview: S,
-          semanticReference: Se
+        g({
+          ...c,
+          visualPreview: R,
+          semanticReference: ce
         });
-      } catch (y) {
-        console.error("Failed to capture preview:", y), f(i);
+      } catch (f) {
+        console.error("Failed to capture preview:", f), g(c);
       } finally {
         N(!1), u(null);
       }
     }
-  }, [s, i, m]);
-  ne(() => {
+  }, [s, c, p]);
+  se(() => {
     const d = (h) => {
       if (h.key === "Escape") {
-        m ? f(null) : V ? A(!1) : s && o(!1);
+        p ? g(null) : P ? L(!1) : s && o(!1);
         return;
       }
-      const P = (() => {
-        let S = document.activeElement;
-        for (; S && S.shadowRoot && S.shadowRoot.activeElement; )
-          S = S.shadowRoot.activeElement;
-        return S;
+      const I = (() => {
+        let R = document.activeElement;
+        for (; R && R.shadowRoot && R.shadowRoot.activeElement; )
+          R = R.shadowRoot.activeElement;
+        return R;
       })();
-      if (["input", "textarea"].includes((P?.tagName || "").toLowerCase()) || P?.isContentEditable) return;
-      const $ = h.key.toLowerCase();
-      $ === "c" && !m && !V && o((S) => !S), $ === "v" && !m && (A((S) => !S), V || o(!1));
+      if (["input", "textarea"].includes((I?.tagName || "").toLowerCase()) || I?.isContentEditable) return;
+      const O = h.key.toLowerCase();
+      O === "c" && !p && !P && o((R) => !R), O === "v" && !p && (L((R) => !R), P || o(!1));
     };
-    return s && !m ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", d), window.addEventListener("mousemove", z, !0), window.addEventListener("click", H, !0), () => {
-      document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", d), window.removeEventListener("mousemove", z, !0), window.removeEventListener("click", H, !0);
+    return s && !p ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("keydown", d), window.addEventListener("mousemove", F, !0), window.addEventListener("click", H, !0), () => {
+      document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("keydown", d), window.removeEventListener("mousemove", F, !0), window.removeEventListener("click", H, !0);
     };
-  }, [s, m, V, z, H]);
+  }, [s, p, P, F, H]);
   const C = async () => {
-    if (!m || !x.trim()) return;
-    O(!0);
-    const { semanticReference: d } = m, [h, y] = (d.source || "").split(":"), P = y || "0";
+    if (!p || !E.trim()) return;
+    y(!0);
+    const { semanticReference: d } = p, [h, f] = (d.source || "").split(":"), I = f || "0";
     try {
       if (!(await fetch(`${a}/api/annotations`, {
         method: "POST",
@@ -1400,10 +1438,10 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
         },
         body: JSON.stringify({
           filePath: h,
-          line: parseInt(P),
+          line: parseInt(I),
           url: window.location.href,
-          message: x,
-          componentName: d.componentPath || m.tag,
+          message: E,
+          componentName: d.componentPath || p.tag,
           reference: {
             ...d,
             viewport: {
@@ -1415,16 +1453,16 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
           }
         })
       })).ok) throw new Error("Backend failed");
-      e(r.success, "success"), f(null), g(""), o(!1), v();
-    } catch (F) {
-      console.error(F), e(r.error, "error");
+      e(r.success, "success"), g(null), x(""), o(!1), b();
+    } catch (V) {
+      console.error(V), e(r.error, "error");
     } finally {
-      O(!1);
+      y(!1);
     }
   };
-  return /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:708", className: "vg-container", children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:709", className: "vg-no-capture", children: [
-    /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:711", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: Fe }, id: "viewgate-ui", children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:712", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
-      /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:797", className: "vg-container", children: /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:798", className: "vg-no-capture", children: [
+    /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:800", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: Ue }, id: "viewgate-ui", children: /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:801", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
+      /* @__PURE__ */ i.jsx(
         "button",
         {
           onClick: () => o(!s),
@@ -1433,28 +1471,28 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
             padding: "12px 24px",
             background: s ? "#ef4444" : void 0
           },
-          children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:721", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-            s ? /* @__PURE__ */ c.jsx(Pe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:722", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ c.jsx(me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:722", size: 20, className: "vg-animate-pop" }),
-            /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:723", children: s ? r.exitMode : r.enterMode })
+          children: /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:810", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+            s ? /* @__PURE__ */ i.jsx(Ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:811", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ i.jsx(we, { "data-source-path": "/src/components/ViewGateOverlay.tsx:811", size: 20, className: "vg-animate-pop" }),
+            /* @__PURE__ */ i.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:812", children: s ? r.exitMode : r.enterMode })
           ] })
         }
       ),
-      E.length > 0 && /* @__PURE__ */ c.jsxs(
+      _.length > 0 && /* @__PURE__ */ i.jsxs(
         "button",
         {
           onClick: () => {
-            A(!V), o(!1), f(null);
+            L(!P), o(!1), g(null);
           },
           className: "vg-button-ghost vg-animate-pop",
           style: { animationDelay: "0.1s" },
           children: [
-            /* @__PURE__ */ c.jsx(vt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:736", size: 20 }),
-            /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:737", children: r.viewComments })
+            /* @__PURE__ */ i.jsx(Ot, { "data-source-path": "/src/components/ViewGateOverlay.tsx:825", size: 20 }),
+            /* @__PURE__ */ i.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:826", children: r.viewComments })
           ]
         }
       )
     ] }) }),
-    G && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:745", style: {
+    k && /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:834", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1465,60 +1503,60 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: Fe + 1,
+      zIndex: Ue + 1,
       cursor: "wait"
-    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:751", className: "vg-glassmorphism", style: { padding: "30px 50px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [
-      /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:752", className: "vg-spinner" }),
-      /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:753", style: { fontWeight: 600, fontSize: "14px", color: "#1e293b" }, children: "Capturando..." })
+    }, children: /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:840", className: "vg-glassmorphism", style: { padding: "30px 50px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [
+      /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:841", className: "vg-spinner" }),
+      /* @__PURE__ */ i.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:842", style: { fontWeight: 600, fontSize: "14px", color: "#1e293b" }, children: "Capturando..." })
     ] }) }),
-    s && !m && /* @__PURE__ */ c.jsx(
+    s && !p && /* @__PURE__ */ i.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:760",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:849",
         className: "vg-backdrop-blur",
         style: {
           opacity: 1,
-          clipPath: i ? `polygon(
+          clipPath: c ? `polygon(
                                 0% 0%, 0% 100%, 100% 100%, 100% 0%, 0% 0%,
-                                ${i.rect.left}px ${i.rect.top}px,
-                                ${i.rect.right}px ${i.rect.top}px,
-                                ${i.rect.right}px ${i.rect.bottom}px,
-                                ${i.rect.left}px ${i.rect.bottom}px,
-                                ${i.rect.left}px ${i.rect.top}px
+                                ${c.rect.left}px ${c.rect.top}px,
+                                ${c.rect.right}px ${c.rect.top}px,
+                                ${c.rect.right}px ${c.rect.bottom}px,
+                                ${c.rect.left}px ${c.rect.bottom}px,
+                                ${c.rect.left}px ${c.rect.top}px
                             )` : "none",
-          zIndex: Or
+          zIndex: Nr
         }
       }
     ),
-    s && i && !m && !G && /* @__PURE__ */ c.jsx(
+    s && c && !p && !k && /* @__PURE__ */ i.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:779",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:868",
         className: "vg-selection-pulse",
         style: {
-          top: i.rect.top - 4,
-          left: i.rect.left - 4,
-          width: i.rect.width + 8,
-          height: i.rect.height + 8,
-          zIndex: _r
+          top: c.rect.top - 4,
+          left: c.rect.left - 4,
+          width: c.rect.width + 8,
+          height: c.rect.height + 8,
+          zIndex: Lr
         },
-        children: /* @__PURE__ */ c.jsxs(
+        children: /* @__PURE__ */ i.jsxs(
           "div",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:789",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:878",
             className: "vg-selection-label",
             style: {
-              ...i.rect.top < 60 ? i.rect.bottom > window.innerHeight - 60 ? { top: "8px", bottom: "auto" } : { top: "100%", marginTop: "8px", bottom: "auto" } : { top: "-40px", bottom: "auto" },
-              ...i.rect.left + 200 > window.innerWidth ? { left: "auto", right: "0" } : { left: "0", right: "auto" }
+              ...c.rect.top < 60 ? c.rect.bottom > window.innerHeight - 60 ? { top: "8px", bottom: "auto" } : { top: "100%", marginTop: "8px", bottom: "auto" } : { top: "-40px", bottom: "auto" },
+              ...c.rect.left + 200 > window.innerWidth ? { left: "auto", right: "0" } : { left: "0", right: "auto" }
             },
             children: [
-              /* @__PURE__ */ c.jsx(Et, { "data-source-path": "/src/components/ViewGateOverlay.tsx:805", size: 16 }),
-              /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:806", style: { display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:807", style: { fontWeight: 700 }, children: r.selectToComment }),
-                /* @__PURE__ */ c.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:808", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
-                  Math.round(i.rect.width),
+              /* @__PURE__ */ i.jsx(Pt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:894", size: 16 }),
+              /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:895", style: { display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ i.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:896", style: { fontWeight: 700 }, children: r.selectToComment }),
+                /* @__PURE__ */ i.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:897", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
+                  Math.round(c.rect.width),
                   " × ",
-                  Math.round(i.rect.height)
+                  Math.round(c.rect.height)
                 ] })
               ] })
             ]
@@ -1526,7 +1564,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
         )
       }
     ),
-    m && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:818", className: "vg-animate-fade", style: {
+    p && /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:907", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1537,14 +1575,14 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: he
-    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:823", className: "vg-glassmorphism vg-animate-slide", style: {
+      zIndex: be
+    }, children: /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:912", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "40px",
       width: "500px",
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
     }, children: [
-      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:827", style: { textAlign: "center", marginBottom: "32px" }, children: [
-        /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:828", style: {
+      /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:916", style: { textAlign: "center", marginBottom: "32px" }, children: [
+        /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:917", style: {
           width: "48px",
           height: "48px",
           background: "var(--vg-primary-gradient)",
@@ -1555,56 +1593,56 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
           margin: "0 auto 16px",
           color: "white",
           boxShadow: "0 8px 16px rgba(99, 102, 241, 0.3)"
-        }, children: /* @__PURE__ */ c.jsx(me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:833", size: 24 }) }),
-        /* @__PURE__ */ c.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:835", style: { margin: "0 0 8px 0", fontSize: "24px", fontWeight: 800, color: "#0f172a" }, children: r.feedbackHeader }),
-        /* @__PURE__ */ c.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:836", style: { margin: 0, color: "#64748b", fontSize: "15px" }, children: r.feedbackSubheader })
+        }, children: /* @__PURE__ */ i.jsx(we, { "data-source-path": "/src/components/ViewGateOverlay.tsx:922", size: 24 }) }),
+        /* @__PURE__ */ i.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:924", style: { margin: "0 0 8px 0", fontSize: "24px", fontWeight: 800, color: "#0f172a" }, children: r.feedbackHeader }),
+        /* @__PURE__ */ i.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:925", style: { margin: 0, color: "#64748b", fontSize: "15px" }, children: r.feedbackSubheader })
       ] }),
-      m.visualPreview && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:840", style: { marginBottom: "24px", borderRadius: "12px", overflow: "hidden", border: "1px solid #e2e8f0", background: "#f8fafc" }, children: /* @__PURE__ */ c.jsx(
+      p.visualPreview && /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:929", style: { marginBottom: "24px", borderRadius: "12px", overflow: "hidden", border: "1px solid #e2e8f0", background: "#f8fafc" }, children: /* @__PURE__ */ i.jsx(
         "img",
         {
-          src: m.visualPreview,
+          src: p.visualPreview,
           alt: "Preview",
           style: { maxWidth: "100%", maxHeight: "200px", objectFit: "contain", display: "block", margin: "0 auto" }
         }
       ) }),
-      /* @__PURE__ */ c.jsx(
+      /* @__PURE__ */ i.jsx(
         "textarea",
         {
           className: "vg-textarea",
-          value: x,
-          onChange: (d) => g(d.target.value),
+          value: E,
+          onChange: (d) => x(d.target.value),
           rows: 4,
           placeholder: r.placeholder,
           autoFocus: !0,
           style: { fontSize: "15px", padding: "16px", marginBottom: "24px" }
         }
       ),
-      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:859", style: { display: "flex", gap: "12px" }, children: [
-        /* @__PURE__ */ c.jsx(
+      /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:948", style: { display: "flex", gap: "12px" }, children: [
+        /* @__PURE__ */ i.jsx(
           "button",
           {
-            onClick: () => f(null),
+            onClick: () => g(null),
             className: "vg-button-ghost",
             style: { flex: 1, padding: "12px" },
             children: r.cancel
           }
         ),
-        /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ i.jsx(
           "button",
           {
             onClick: C,
             className: "vg-button-primary",
-            disabled: b || !x.trim(),
+            disabled: w || !E.trim(),
             style: { flex: 2 },
-            children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:873", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              b ? /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:874", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ c.jsx(_t, { "data-source-path": "/src/components/ViewGateOverlay.tsx:874", size: 18 }),
-              /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:875", children: b ? r.submitting : r.sendFeedback || "Send Comment" })
+            children: /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:962", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+              w ? /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:963", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ i.jsx(Lt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:963", size: 18 }),
+              /* @__PURE__ */ i.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:964", children: w ? r.submitting : r.sendFeedback || "Send Comment" })
             ] })
           }
         )
       ] })
     ] }) }),
-    V && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:885", className: "vg-animate-fade", style: {
+    P && /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:974", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1615,48 +1653,48 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: he
-    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:890", className: "vg-glassmorphism vg-animate-slide", style: {
+      zIndex: be
+    }, children: /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:979", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "32px",
       width: "650px",
       maxHeight: "85vh",
       display: "flex",
       flexDirection: "column"
     }, children: [
-      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:894", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:895", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-          /* @__PURE__ */ c.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:896", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: I ? r.commentDetails : r.annotations }),
-          !I && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:900", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: E.length })
+      /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:983", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:984", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+          /* @__PURE__ */ i.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:985", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: z ? r.commentDetails : r.annotations }),
+          !z && /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:989", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: _.length })
         ] }),
-        /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:905", style: { display: "flex", gap: "8px" }, children: [
-          I && /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:994", style: { display: "flex", gap: "8px" }, children: [
+          z && /* @__PURE__ */ i.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:907",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:996",
               className: "vg-button-ghost",
               style: { padding: "6px 14px", fontSize: "12px" },
-              onClick: () => Z(null),
+              onClick: () => Q(null),
               children: r.viewAll || "View All"
             }
           ),
-          /* @__PURE__ */ c.jsx(
+          /* @__PURE__ */ i.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:915",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1004",
               className: "vg-button-ghost",
               style: { padding: "8px", borderRadius: "50%" },
               onClick: () => {
-                A(!1), Z(null);
+                L(!1), Q(null);
               },
-              children: /* @__PURE__ */ c.jsx(Pe, { "data-source-path": "/src/components/ViewGateOverlay.tsx:920", size: 20 })
+              children: /* @__PURE__ */ i.jsx(Ie, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1009", size: 20 })
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:925", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: J ? /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:927", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:928", className: "vg-spinner" }) }) : (I ? E.filter((d) => d._id === I) : E).map((d, h) => /* @__PURE__ */ c.jsxs(
+      /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1014", style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" }, className: "vg-custom-scrollbar", children: K ? /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1016", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1017", className: "vg-spinner" }) }) : (z ? _.filter((d) => d._id === z) : _).map((d, h) => /* @__PURE__ */ i.jsxs(
         "div",
         {
-          "data-source-path": "/src/components/ViewGateOverlay.tsx:932",
+          "data-source-path": "/src/components/ViewGateOverlay.tsx:1021",
           className: "vg-glassmorphism vg-animate-slide",
           style: {
             padding: "20px",
@@ -1666,34 +1704,34 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
             animationDelay: `${h * 0.05}s`
           },
           children: [
-            /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:943", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:944", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
-              d.status === "ready_for_review" ? /* @__PURE__ */ c.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:946", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
-                /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:947", size: 14 }),
+            /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1032", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1033", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+              d.status === "ready_for_review" ? /* @__PURE__ */ i.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1035", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a" }, children: [
+                /* @__PURE__ */ i.jsx(Z, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1036", size: 14 }),
                 " ",
                 r.readyForReview
-              ] }) : /* @__PURE__ */ c.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:950", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
-                /* @__PURE__ */ c.jsx(Ve, { "data-source-path": "/src/components/ViewGateOverlay.tsx:951", size: 14 }),
+              ] }) : /* @__PURE__ */ i.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1039", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c" }, children: [
+                /* @__PURE__ */ i.jsx(Ge, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1040", size: 14 }),
                 " ",
                 r.pending
               ] }),
-              /* @__PURE__ */ c.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:954", style: { fontSize: "12px", color: "#94a3b8" }, children: Ar(d.timestamp || d.createdAt || d.reference?.timestamp, t) })
+              /* @__PURE__ */ i.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1043", style: { fontSize: "12px", color: "#94a3b8" }, children: Fr(d.timestamp || d.createdAt || d.reference?.timestamp, t) })
             ] }) }),
-            U === d._id ? /* @__PURE__ */ c.jsx(
+            B === d._id ? /* @__PURE__ */ i.jsx(
               "textarea",
               {
                 className: "vg-textarea",
-                value: K,
-                onChange: (y) => Q(y.target.value),
+                value: ee,
+                onChange: (f) => te(f.target.value),
                 rows: 3,
                 autoFocus: !0,
                 style: { marginBottom: "16px" }
               }
-            ) : /* @__PURE__ */ c.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:970", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: d.message }),
-            /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:973", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: U === d._id ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-              /* @__PURE__ */ c.jsx(
+            ) : /* @__PURE__ */ i.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1059", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: d.message }),
+            /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1062", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: B === d._id ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+              /* @__PURE__ */ i.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:976",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1065",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: async () => {
@@ -1701,8 +1739,8 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
                       (await fetch(`${a}/api/annotations/${d._id}`, {
                         method: "PATCH",
                         headers: { "Content-Type": "application/json", "x-api-key": n },
-                        body: JSON.stringify({ message: K })
-                      })).ok && (q(null), v(), e(r.updateSuccess, "success"));
+                        body: JSON.stringify({ message: ee })
+                      })).ok && (Y(null), b(), e(r.updateSuccess, "success"));
                     } catch {
                       e(r.error, "error");
                     }
@@ -1710,48 +1748,48 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
                   children: r.save
                 }
               ),
-              /* @__PURE__ */ c.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:998", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => q(null), children: r.cancel })
-            ] }) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-              /* @__PURE__ */ c.jsxs(
+              /* @__PURE__ */ i.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1087", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Y(null), children: r.cancel })
+            ] }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+              /* @__PURE__ */ i.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1002",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1091",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px" },
                   onClick: () => {
-                    q(d._id), Q(d.message);
+                    Y(d._id), te(d.message);
                   },
                   children: [
-                    /* @__PURE__ */ c.jsx(St, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1010", size: 14 }),
+                    /* @__PURE__ */ i.jsx(At, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1099", size: 14 }),
                     " ",
                     r.edit
                   ]
                 }
               ),
-              /* @__PURE__ */ c.jsxs(
+              /* @__PURE__ */ i.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1012",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1101",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.05s" },
                   onClick: () => {
                     d.url && (window.location.href = d.url);
                   },
                   children: [
-                    /* @__PURE__ */ c.jsx(xt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1019", size: 14 }),
+                    /* @__PURE__ */ i.jsx(Ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1108", size: 14 }),
                     " ",
                     r.review
                   ]
                 }
               ),
-              d.status === "pending" ? /* @__PURE__ */ c.jsxs(
+              d.status === "pending" ? /* @__PURE__ */ i.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1022",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1111",
                   className: "vg-button-primary vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
-                    L({
+                    A({
                       title: r.markReadyConfirm,
                       message: r.confirmMarkReady,
                       type: "success",
@@ -1761,29 +1799,29 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
                             method: "PATCH",
                             headers: { "Content-Type": "application/json", "x-api-key": n },
                             body: JSON.stringify({ status: "ready_for_review" })
-                          })).ok && (v(), e(r.updateSuccess, "success"));
+                          })).ok && (b(), e(r.updateSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          L(null);
+                          A(null);
                         }
                       }
                     });
                   },
                   children: [
-                    /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1050", size: 14 }),
+                    /* @__PURE__ */ i.jsx(Z, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1139", size: 14 }),
                     " ",
                     r.markReady
                   ]
                 }
-              ) : /* @__PURE__ */ c.jsxs(
+              ) : /* @__PURE__ */ i.jsxs(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1053",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1142",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                   onClick: () => {
-                    L({
+                    A({
                       title: r.reopenConfirm,
                       message: r.confirmReopen,
                       type: "success",
@@ -1794,30 +1832,30 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
                             method: "PATCH",
                             headers: { "Content-Type": "application/json", "x-api-key": n },
                             body: JSON.stringify({ status: "pending" })
-                          })).ok && (v(), e(r.updateSuccess, "success"));
+                          })).ok && (b(), e(r.updateSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          L(null);
+                          A(null);
                         }
                       }
                     });
                   },
                   children: [
-                    /* @__PURE__ */ c.jsx(jt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1081", size: 14 }),
+                    /* @__PURE__ */ i.jsx(Gt, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1170", size: 14 }),
                     " ",
                     r.reopen
                   ]
                 }
               ),
-              /* @__PURE__ */ c.jsx(
+              /* @__PURE__ */ i.jsx(
                 "button",
                 {
-                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1084",
+                  "data-source-path": "/src/components/ViewGateOverlay.tsx:1173",
                   className: "vg-button-ghost vg-animate-pop",
                   style: { padding: "8px 12px", color: "#ef4444", borderColor: "#fee2e2", animationDelay: "0.15s" },
                   onClick: () => {
-                    L({
+                    A({
                       title: r.deleteConfirm,
                       message: r.confirmDelete,
                       type: "danger",
@@ -1826,16 +1864,16 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
                           (await fetch(`${a}/api/annotations/${d._id}`, {
                             method: "DELETE",
                             headers: { "x-api-key": n }
-                          })).ok && (v(), e(r.deleteSuccess, "success"));
+                          })).ok && (b(), e(r.deleteSuccess, "success"));
                         } catch {
                           e(r.error, "error");
                         } finally {
-                          L(null);
+                          A(null);
                         }
                       }
                     });
                   },
-                  children: /* @__PURE__ */ c.jsx(Te, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1111", size: 16 })
+                  children: /* @__PURE__ */ i.jsx(Le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1200", size: 16 })
                 }
               )
             ] }) })
@@ -1844,7 +1882,7 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
         d._id
       )) })
     ] }) }),
-    T && /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1126", className: "vg-animate-fade", style: {
+    j && /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1215", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1855,80 +1893,83 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      zIndex: he + 1
-    }, children: /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1131", className: "vg-glassmorphism vg-animate-slide", style: { padding: "32px", width: "400px", textAlign: "center" }, children: [
-      /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1132", style: {
+      zIndex: be + 1
+    }, children: /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1220", className: "vg-glassmorphism vg-animate-slide", style: { padding: "32px", width: "400px", textAlign: "center" }, children: [
+      /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1221", style: {
         width: "48px",
         height: "48px",
-        background: T.type === "danger" ? "#fee2e2" : "#e0e7ff",
+        background: j.type === "danger" ? "#fee2e2" : "#e0e7ff",
         borderRadius: "50%",
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
         margin: "0 auto 20px",
-        color: T.type === "danger" ? "#ef4444" : "#6366f1"
-      }, children: T.type === "danger" ? /* @__PURE__ */ c.jsx(Te, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1140", size: 24 }) : /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1140", size: 24 }) }),
-      /* @__PURE__ */ c.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1142", style: { margin: "0 0 8px 0", fontSize: "18px", fontWeight: 800, color: "#0f172a" }, children: T.title }),
-      /* @__PURE__ */ c.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1143", style: { margin: "0 0 24px 0", fontSize: "14px", color: "#64748b", lineHeight: 1.5 }, children: T.message }),
-      /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1144", style: { display: "flex", gap: "12px" }, children: [
-        /* @__PURE__ */ c.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1145", className: "vg-button-ghost", style: { flex: 1 }, onClick: () => L(null), children: r.no }),
-        /* @__PURE__ */ c.jsx(
+        color: j.type === "danger" ? "#ef4444" : "#6366f1"
+      }, children: j.type === "danger" ? /* @__PURE__ */ i.jsx(Le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1229", size: 24 }) : /* @__PURE__ */ i.jsx(Z, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1229", size: 24 }) }),
+      /* @__PURE__ */ i.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1231", style: { margin: "0 0 8px 0", fontSize: "18px", fontWeight: 800, color: "#0f172a" }, children: j.title }),
+      /* @__PURE__ */ i.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1232", style: { margin: "0 0 24px 0", fontSize: "14px", color: "#64748b", lineHeight: 1.5 }, children: j.message }),
+      /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1233", style: { display: "flex", gap: "12px" }, children: [
+        /* @__PURE__ */ i.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1234", className: "vg-button-ghost", style: { flex: 1 }, onClick: () => A(null), children: r.no }),
+        /* @__PURE__ */ i.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1146",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1235",
             className: "vg-button-primary",
             style: {
               flex: 1,
-              backgroundColor: T.type === "danger" ? "#ef4444" : void 0,
-              backgroundImage: T.type === "danger" ? "none" : void 0
+              backgroundColor: j.type === "danger" ? "#ef4444" : void 0,
+              backgroundImage: j.type === "danger" ? "none" : void 0
             },
-            onClick: T.onConfirm,
+            onClick: j.onConfirm,
             children: r.yes
           }
         )
       ] })
     ] }) }),
-    !s && E.map((d, h) => {
-      const y = ae[d._id];
-      if (!y) return null;
-      const F = E.slice(0, h).filter(
-        ($) => $.reference?.selector && $.reference.selector === d.reference?.selector
+    !s && !P && _.map((d, h) => {
+      const f = oe[d._id];
+      if (!f) return null;
+      const V = _.slice(0, h).filter(
+        (O) => O.reference?.selector && O.reference.selector === d.reference?.selector
       ).length * 34;
-      return /* @__PURE__ */ c.jsxs(
+      return /* @__PURE__ */ i.jsxs(
         "div",
         {
           className: "vg-pin-container vg-animate-pop",
           style: {
             position: "fixed",
-            top: y.top - 20 - window.scrollY,
-            left: y.left + y.width / 2 - 16 + F - window.scrollX,
+            top: f.top - 20 - window.scrollY,
+            left: f.left + f.width / 2 - 16 + V - window.scrollX,
             cursor: "pointer",
             animationDelay: `${h * 0.08}s`,
             transition: "all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-            zIndex: Vr - h
+            zIndex: Ir - h
             // Ensure staggered pins don't overlap tooltips weirdly
           },
-          onMouseEnter: ($) => {
-            const S = $.currentTarget.getBoundingClientRect();
-            window.innerHeight - S.bottom < 180 ? W((ee) => ({ ...ee, [d._id]: "vg-top" })) : W((ee) => ({ ...ee, [d._id]: "" }));
+          onMouseEnter: (O) => {
+            const R = O.currentTarget.getBoundingClientRect();
+            window.innerHeight - R.bottom < 180 ? U((M) => ({ ...M, [d._id]: "vg-top" })) : U((M) => ({ ...M, [d._id]: "" }));
           },
           onClick: () => {
-            A(!0), Z(d._id);
+            L(!0), Q(d._id);
           },
           children: [
-            /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1201", className: `vg-pin-tooltip ${pe[d._id] || ""}`, children: [
-              /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1202", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: d.status === "ready_for_review" ? /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1204", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
-                /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1205", size: 12 }),
-                " ",
-                r.readyForReview
-              ] }) : /* @__PURE__ */ c.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1208", style: { display: "flex", alignItems: "center", gap: "6px", color: "#ea580c", fontWeight: 700, fontSize: "11px" }, children: [
-                /* @__PURE__ */ c.jsx(Ve, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1209", size: 12 }),
-                " ",
-                r.pending
-              ] }) }),
-              /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1213", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: d.message })
+            /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1290", className: `vg-pin-tooltip ${he[d._id] || ""}`, children: [
+              /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1291", style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "8px" }, children: [
+                d.status === "ready_for_review" ? /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1293", style: { display: "flex", alignItems: "center", gap: "6px", color: "#16a34a", fontWeight: 700, fontSize: "11px" }, children: [
+                  /* @__PURE__ */ i.jsx(Z, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1294", size: 12 }),
+                  " ",
+                  r.readyForReview
+                ] }) : /* @__PURE__ */ i.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1297", style: { display: "flex", alignItems: "center", gap: "6px", color: f.isModal ? "#f59e0b" : "#ea580c", fontWeight: 700, fontSize: "11px" }, children: [
+                  /* @__PURE__ */ i.jsx(Ge, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1298", size: 12 }),
+                  " ",
+                  r.pending
+                ] }),
+                f.isModal && /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1302", style: { display: "flex", alignItems: "center", gap: "6px", color: "#f59e0b", fontWeight: 700, fontSize: "11px", marginLeft: "auto" }, children: /* @__PURE__ */ i.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1303", children: "MODAL" }) })
+              ] }),
+              /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1307", style: { fontWeight: 500, color: "#1e293b", lineHeight: 1.4 }, children: d.message })
             ] }),
-            /* @__PURE__ */ c.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1216", className: `vg-formal-pin ${d.status === "ready_for_review" ? "ready" : ""}`, children: d.status === "ready_for_review" ? /* @__PURE__ */ c.jsx(X, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1217", size: 18 }) : /* @__PURE__ */ c.jsx(me, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1217", size: 16 }) })
+            /* @__PURE__ */ i.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1310", className: `vg-formal-pin ${d.status === "ready_for_review" ? "ready" : ""} ${f.isModal ? "modal-variant" : ""}`, children: d.status === "ready_for_review" ? /* @__PURE__ */ i.jsx(Z, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1311", size: 18 }) : f.isModal ? /* @__PURE__ */ i.jsx(Ne, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1311", size: 16 }) : /* @__PURE__ */ i.jsx(we, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1311", size: 16 }) })
           ]
         },
         `pin-${d._id}`
@@ -1936,37 +1977,37 @@ const jr = 2147483647, Fe = jr, he = 2e6, Or = 90, _r = 100, Vr = 50, Tr = () =>
     })
   ] }) });
 };
-function Qe(e, t, r) {
+function ct(e, t, r) {
   if (!t.endsWith(".tsx") && !t.endsWith(".jsx") || t.includes("node_modules")) return e;
-  const n = (i) => i.replace(/\\/g, "/"), a = n(t).replace(n(r), "");
+  const n = (c) => c.replace(/\\/g, "/"), a = n(t).replace(n(r), "");
   return e.split(`
-`).map((i, u) => {
-    const m = u + 1;
-    return i.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (f, x, g) => f.includes("data-source-path") || g === "Fragment" || g === "React.Fragment" ? f : `${x}<${g} data-source-path="${a}:${m}"`);
+`).map((c, u) => {
+    const p = u + 1;
+    return c.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (g, E, x) => g.includes("data-source-path") || x === "Fragment" || x === "React.Fragment" ? g : `${E}<${x} data-source-path="${a}:${p}"`);
   }).join(`
 `);
 }
-function Br() {
+function en() {
   return {
     name: "vite-plugin-viewgate",
     enforce: "pre",
     transform(e, t) {
       return {
-        code: Qe(e, t, process.cwd()),
+        code: ct(e, t, process.cwd()),
         map: null
       };
     }
   };
 }
-function Yr(e) {
+function tn(e) {
   const t = this.resourcePath;
-  return t ? (process.env.NODE_ENV, Qe(e, t, process.cwd())) : e;
+  return t ? (process.env.NODE_ENV, ct(e, t, process.cwd())) : e;
 }
 export {
-  qr as ViewGate,
-  Hr as ViewGateOverlay,
-  Qe as transformSourcePaths,
-  At as useViewGate,
-  Yr as viewgateNextLoader,
-  Br as viewgatePlugin
+  Qr as ViewGate,
+  Jr as ViewGateOverlay,
+  ct as transformSourcePaths,
+  Ft as useViewGate,
+  tn as viewgateNextLoader,
+  en as viewgatePlugin
 };