viewgate-wrapper 1.10.22 → 1.10.23

package/dist/viewgate-wrapper.js

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0!important;padding:0!important}:root{--vg-primary: #6366f1;--vg-primary-glow: rgba(99, 102, 241, .5);--vg-primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--vg-bg-glass: rgba(255, 255, 255, .7);--vg-radius: 16px;--vg-font-main: "Inter", system-ui, sans-serif;--vg-font-alt: "Inter", system-ui, sans-serif;--placeholder-color: #94a3b8;--vg-glass-border: rgba(255, 255, 255, .3);--vg-shadow-premium: 0 20px 50px rgba(0, 0, 0, .1)}.vg-container,.vg-container *{box-sizing:border-box}.vg-container{font-family:var(--vg-font-main);-webkit-font-smoothing:antialiased}.vg-glassmorphism{background:var(--vg-bg-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--vg-glass-border);box-shadow:0 8px 32px #0000001a;border-radius:var(--vg-radius);position:relative}.vg-button-primary{background:var(--vg-primary-gradient);color:#fff;border:none;padding:12px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #6366f14d}.vg-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.vg-button-primary:disabled,.vg-button-ghost:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4);transform:none!important;box-shadow:none!important;pointer-events:none}.vg-button-ghost{background:#fffc;color:#1e293b;border:1px solid #e2e8f0;padding:10px 24px;font-family:var(--vg-font-main);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px}.vg-button-ghost:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.vg-badge{background:#f1f5f9;color:#64748b;padding:4px 12px;font-size:11px;border-radius:99px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.vg-textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-family:var(--vg-font-main);font-size:15px;color:#0f172a;resize:none;outline:none;background:#f8fafc;transition:all .2s ease}.vg-textarea:focus{background:#fff;border-color:var(--vg-primary);box-shadow:0 0 0 4px #6366f11a}@keyframes vg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vg-slide-in{0%{transform:translateY(30px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@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 .4s cubic-bezier(.34,1.56,.64,1) forwards}.vg-animate-slide-up{animation:vg-slide-up-fade .5s 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 .5s cubic-bezier(.22,1,.36,1) forwards}.vg-animate-fade{animation:vg-fade-in .35s cubic-bezier(.22,1,.36,1) forwards}.vg-toasts{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px}.vg-toast{padding:12px 20px;display:flex;align-items:center;gap:12px;min-width:300px;border-radius:12px;box-shadow:0 10px 30px #0000001a;background:#fff}.vg-toast.success{border-left:6px solid #22c55e}.vg-toast.error{border-left:6px solid #ef4444}.vg-backdrop-blur{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px) grayscale(.2);backdrop-filter:blur(8px) grayscale(.2);background:#0000001a;pointer-events:none;transition:opacity .3s ease,clip-path .2s cubic-bezier(.19,1,.22,1)}.vg-selection-pulse{position:fixed;pointer-events:none;border:2px solid var(--vg-primary);border-radius:8px;box-shadow:0 0 0 0 var(--vg-primary-glow);animation:vg-pulse 2s infinite;transition:all .2s cubic-bezier(.19,1,.22,1)}@keyframes vg-pulse{0%{box-shadow:0 0 0 0 var(--vg-primary-glow)}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}.vg-selection-label{position:absolute;top:-40px;left:0;background:var(--vg-primary-gradient);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #6366f14d;display:flex;align-items:center;gap:8px}.vg-pin-container{transition:transform .2s ease}.vg-pin-container:hover{transform:scale(1.1)}.vg-formal-pin{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);border:3px solid white;box-shadow:0 4px 12px #ea580c66;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.vg-formal-pin.ready{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.vg-formal-pin.mixed{background:linear-gradient(135deg,#10b981,#059669);border:3px solid #f97316;box-shadow:0 4px 15px #f9731666}.vg-formal-pin.modal-variant{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66;border-style:dashed}.vg-pin-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);padding:16px;border-radius:16px;background:#ffffffe6;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:#1e293b;width:320px;font-size:13px;box-shadow:0 10px 40px #00000026;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.19,1,.22,1);border:1px solid rgba(255,255,255,.5);z-index:1000;overflow:hidden}.vg-tooltip-scroll{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.2) transparent;overflow-y:auto;overflow-x:hidden;padding-right:12px;scroll-behavior:smooth}.vg-tooltip-scroll::-webkit-scrollbar{width:4px}.vg-tooltip-scroll::-webkit-scrollbar-track{background:transparent}.vg-tooltip-scroll::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:10px}.vg-tooltip-scroll::-webkit-scrollbar-thumb:hover{background:#6366f180}.vg-text-wrap{word-break:break-word;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:pre-wrap}.vg-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;max-height:2.8em}.vg-pin-badge{position:absolute;top:-8px;right:-8px;background:#f43f5e;color:#fff;font-size:10px;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 4px 12px #f43f5e66;z-index:2}.vg-pin-tooltip.vg-top{top:auto;bottom:calc(100% + 12px)}.vg-pin-container:hover .vg-pin-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(-5px)}.vg-action-bar{display:flex;gap:12px;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.vg-custom-scrollbar::-webkit-scrollbar{width:6px}.vg-custom-scrollbar::-webkit-scrollbar-track{background:transparent}.vg-custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f166;border-radius:10px;transition:all .2s ease}.vg-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.vg-spinner{border:3px solid rgba(99,102,241,.1);border-top:3px solid var(--vg-primary);border-radius:50%;width:32px;height:32px;animation:vg-spin .8s linear infinite}@keyframes vg-spin{to{transform:rotate(360deg)}}.vg-animate-spin{animation:vg-spin .8s linear infinite}.vg-cursor-pointer,.vg-cursor-pointer *{cursor:pointer!important}.vg-url-tag{position:relative;cursor:help;transition:all .2s ease}.vg-url-tag:hover{background:#f1f5f9!important;border-color:var(--vg-primary)!important}.vg-url-tooltip{position:fixed;left:0;top:0;background:#0f172a;color:#fff;padding:8px 14px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 10px 25px -5px #0006;z-index:2147483647;border:1px solid rgba(255,255,255,.1)}.vg-url-tooltip.visible{opacity:1}.vg-url-tooltip:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-width:6px;border-style:solid}.vg-url-tooltip.vg-top:after{top:100%;border-color:#0f172a transparent transparent transparent}.vg-url-tooltip.vg-bottom:after{bottom:100%;border-color:transparent transparent #0f172a transparent}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import $t, { useRef as ue, useState as S, useEffect as K, forwardRef as yt, createElement as We, createContext as Mt, useContext as Nt, useMemo as It, useCallback as je } from "react";
+import $t, { useRef as ue, useState as S, useEffect as K, forwardRef as yt, createElement as We, createContext as Mt, useContext as Nt, useMemo as It, useCallback as Re } from "react";
 import { createPortal as Lt } from "react-dom";
 var Oe = { exports: {} }, ye = {};
 var et;
@@ -7,19 +7,19 @@ function zt() {
   if (et) return ye;
   et = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function r(n, a, s) {
+  function r(n, s, a) {
     var c = null;
-    if (s !== void 0 && (c = "" + s), a.key !== void 0 && (c = "" + a.key), "key" in a) {
-      s = {};
-      for (var i in a)
-        i !== "key" && (s[i] = a[i]);
-    } else s = a;
-    return a = s.ref, {
+    if (a !== void 0 && (c = "" + a), s.key !== void 0 && (c = "" + s.key), "key" in s) {
+      a = {};
+      for (var i in s)
+        i !== "key" && (a[i] = s[i]);
+    } else a = s;
+    return s = a.ref, {
       $$typeof: e,
       type: n,
       key: c,
-      ref: a !== void 0 ? a : null,
-      props: s
+      ref: s !== void 0 ? s : null,
+      props: a
     };
   }
   return ye.Fragment = t, ye.jsx = r, ye.jsxs = r, ye;
@@ -102,11 +102,11 @@ function Dt() {
         return "<...>";
       }
     }
-    function a() {
-      var d = ae.A;
+    function s() {
+      var d = se.A;
       return d === null ? null : d.getOwner();
     }
-    function s() {
+    function a() {
       return Error("react-stack-top-frame");
     }
     function c(d) {
@@ -134,7 +134,7 @@ function Dt() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function p(d, x, v, b, se, Y) {
+    function p(d, x, v, b, ae, Y) {
       var k = v.ref;
       return d = {
         $$typeof: L,
@@ -159,7 +159,7 @@ function Dt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: se
+        value: ae
       }), Object.defineProperty(d, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -167,11 +167,11 @@ function Dt() {
         value: Y
       }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function m(d, x, v, b, se, Y) {
+    function m(d, x, v, b, ae, Y) {
       var k = x.children;
       if (k !== void 0)
         if (b)
-          if (Re(k)) {
+          if (je(k)) {
             for (b = 0; b < k.length; b++)
               f(k[b]);
             Object.freeze && Object.freeze(k);
@@ -210,18 +210,18 @@ React keys must be passed directly to JSX without using spread:
         d,
         k,
         v,
-        a(),
-        se,
+        s(),
+        ae,
         Y
       );
     }
     function f(d) {
-      A(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === Ee && (d._payload.status === "fulfilled" ? A(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
+      R(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === Ee && (d._payload.status === "fulfilled" ? R(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
     }
-    function A(d) {
+    function R(d) {
       return typeof d == "object" && d !== null && d.$$typeof === L;
     }
-    var P = $t, L = /* @__PURE__ */ Symbol.for("react.transitional.element"), B = /* @__PURE__ */ Symbol.for("react.portal"), ne = /* @__PURE__ */ Symbol.for("react.fragment"), be = /* @__PURE__ */ Symbol.for("react.strict_mode"), Se = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), q = /* @__PURE__ */ Symbol.for("react.context"), V = /* @__PURE__ */ Symbol.for("react.forward_ref"), Ce = /* @__PURE__ */ Symbol.for("react.suspense"), z = /* @__PURE__ */ Symbol.for("react.suspense_list"), D = /* @__PURE__ */ Symbol.for("react.memo"), Ee = /* @__PURE__ */ Symbol.for("react.lazy"), Xe = /* @__PURE__ */ Symbol.for("react.activity"), pe = /* @__PURE__ */ Symbol.for("react.client.reference"), ae = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ke = Object.prototype.hasOwnProperty, Re = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var P = $t, L = /* @__PURE__ */ Symbol.for("react.transitional.element"), B = /* @__PURE__ */ Symbol.for("react.portal"), ne = /* @__PURE__ */ Symbol.for("react.fragment"), be = /* @__PURE__ */ Symbol.for("react.strict_mode"), Se = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), q = /* @__PURE__ */ Symbol.for("react.context"), V = /* @__PURE__ */ Symbol.for("react.forward_ref"), Ce = /* @__PURE__ */ Symbol.for("react.suspense"), z = /* @__PURE__ */ Symbol.for("react.suspense_list"), D = /* @__PURE__ */ Symbol.for("react.memo"), Ee = /* @__PURE__ */ Symbol.for("react.lazy"), Xe = /* @__PURE__ */ Symbol.for("react.activity"), pe = /* @__PURE__ */ Symbol.for("react.client.reference"), se = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ke = Object.prototype.hasOwnProperty, je = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     P = {
@@ -231,10 +231,10 @@ React keys must be passed directly to JSX without using spread:
     };
     var Z, ee = {}, me = P.react_stack_bottom_frame.bind(
       P,
-      s
-    )(), F = I(n(s)), fe = {};
+      a
+    )(), F = I(n(a)), fe = {};
     we.Fragment = ne, we.jsx = function(d, x, v) {
-      var b = 1e4 > ae.recentlyCreatedOwnerStacks++;
+      var b = 1e4 > se.recentlyCreatedOwnerStacks++;
       return m(
         d,
         x,
@@ -244,7 +244,7 @@ React keys must be passed directly to JSX without using spread:
         b ? I(n(d)) : F
       );
     }, we.jsxs = function(d, x, v) {
-      var b = 1e4 > ae.recentlyCreatedOwnerStacks++;
+      var b = 1e4 > se.recentlyCreatedOwnerStacks++;
       return m(
         d,
         x,
@@ -265,12 +265,12 @@ const Ht = ({ children: e }) => {
   const t = ue(null), [r, n] = S(null);
   return K(() => {
     if (t.current && !t.current.shadowRoot) {
-      const a = t.current.attachShadow({ mode: "open" });
+      const s = 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));
+        (i.textContent?.includes(".vg-") || i.textContent?.includes("--vg-")) && s.appendChild(i.cloneNode(!0));
       });
       const c = document.createElement("link");
-      c.rel = "stylesheet", c.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap", a.appendChild(c), n(a);
+      c.rel = "stylesheet", c.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap", s.appendChild(c), n(s);
     }
   }, []), /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ShadowRootWrapper.tsx:38", ref: t, id: "viewgate-shadow-host", children: r && Lt(e, r) });
 };
@@ -307,8 +307,8 @@ const Yt = yt(
     size: t = 24,
     strokeWidth: r = 2,
     absoluteStrokeWidth: n,
-    className: a = "",
-    children: s,
+    className: s = "",
+    children: a,
     iconNode: c,
     ...i
   }, u) => We(
@@ -320,27 +320,27 @@ const Yt = yt(
       height: t,
       stroke: e,
       strokeWidth: n ? Number(r) * 24 / Number(t) : r,
-      className: wt("lucide", a),
-      ...!s && !qt(i) && { "aria-hidden": "true" },
+      className: wt("lucide", s),
+      ...!a && !qt(i) && { "aria-hidden": "true" },
       ...i
     },
     [
       ...c.map(([p, m]) => We(p, m)),
-      ...Array.isArray(s) ? s : [s]
+      ...Array.isArray(a) ? a : [a]
     ]
   )
 );
 const _ = (e, t) => {
   const r = yt(
-    ({ className: n, ...a }, s) => We(Yt, {
-      ref: s,
+    ({ className: n, ...s }, a) => We(Yt, {
+      ref: a,
       iconNode: t,
       className: wt(
         `lucide-${Wt(nt(e))}`,
         `lucide-${e}`,
         n
       ),
-      ...a
+      ...s
     })
   );
   return r.displayName = nt(e), r;
@@ -357,12 +357,12 @@ const Zt = [
 const Kt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-], at = _("clock", Kt);
+], st = _("clock", Kt);
 const Qt = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-], st = _("external-link", Qt);
+], at = _("external-link", Qt);
 const er = [
   [
     "path",
@@ -378,15 +378,15 @@ const rr = [
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ], nr = _("globe", rr);
-const ar = [
+const sr = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
   ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
-], ot = _("grip-vertical", ar);
-const sr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], or = _("loader-circle", sr);
+], ot = _("grip-vertical", sr);
+const ar = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], or = _("loader-circle", ar);
 const ir = [
   [
     "path",
@@ -542,22 +542,22 @@ const xr = [
   apiKey: r,
   baseUrl: n = "https://view-gate.vercel.app"
 }) => {
-  const [a, s] = S(!1), [c, i] = S([]);
+  const [s, a] = S(!1), [c, i] = S([]);
   K(() => {
-    s(vr());
+    a(vr());
   }, []);
   const u = () => {
-    if (sessionStorage.removeItem(Ue), s(!1), typeof window < "u") {
+    if (sessionStorage.removeItem(Ue), a(!1), typeof window < "u") {
       const f = new URL(window.location.href);
       f.searchParams.delete("viewgate"), window.history.replaceState({}, "", f.toString());
     }
-  }, p = (f, A) => {
+  }, p = (f, R) => {
     const P = Date.now();
-    i((L) => [...L, { id: P, message: f, type: A }]), setTimeout(() => {
+    i((L) => [...L, { id: P, message: f, type: R }]), setTimeout(() => {
       i((L) => L.filter((B) => B.id !== P));
     }, 4e3);
   }, m = yr[t];
-  return /* @__PURE__ */ o.jsxs(vt.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:252", value: {
+  return /* @__PURE__ */ o.jsxs(vt.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:251", value: {
     addToast: p,
     language: t,
     t: m,
@@ -567,13 +567,13 @@ const xr = [
     hasActiveToasts: c.length > 0
   }, children: [
     e,
-    a && /* @__PURE__ */ o.jsx(Ht, { "data-source-path": "/src/components/ViewGateProvider.tsx:263", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:264", className: "vg-container", children: [
-      /* @__PURE__ */ o.jsx(An, { "data-source-path": "/src/components/ViewGateProvider.tsx:265" }),
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:266", className: "vg-toasts", style: { zIndex: 2147483646 }, children: c.map((f) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:268", className: `vg-toast vg-animate-slide ${f.type}`, children: [
-        f.type === "success" ? /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateProvider.tsx:270", size: 24, color: "#22c55e" }) : /* @__PURE__ */ o.jsx(Jt, { "data-source-path": "/src/components/ViewGateProvider.tsx:272", size: 24, color: "#ef4444" }),
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:274", children: [
-          /* @__PURE__ */ o.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:275", style: { display: "block", fontSize: "13px", color: "#0f172a", textTransform: "uppercase", marginBottom: "2px" }, children: f.type === "success" ? m.successHeader : m.errorHeader }),
-          /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:278", style: { fontSize: "14px", color: "#000000" }, children: f.message })
+    s && /* @__PURE__ */ o.jsx(Ht, { "data-source-path": "/src/components/ViewGateProvider.tsx:262", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:263", className: "vg-container", children: [
+      /* @__PURE__ */ o.jsx(An, { "data-source-path": "/src/components/ViewGateProvider.tsx:264" }),
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:265", className: "vg-toasts", style: { zIndex: 2147483646 }, children: c.map((f) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:267", className: `vg-toast vg-animate-slide ${f.type}`, children: [
+        f.type === "success" ? /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateProvider.tsx:269", size: 24, color: "#22c55e" }) : /* @__PURE__ */ o.jsx(Jt, { "data-source-path": "/src/components/ViewGateProvider.tsx:271", size: 24, color: "#ef4444" }),
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:273", children: [
+          /* @__PURE__ */ o.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:274", style: { display: "block", fontSize: "13px", color: "#0f172a", textTransform: "uppercase", marginBottom: "2px" }, children: f.type === "success" ? m.successHeader : m.errorHeader }),
+          /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:277", style: { fontSize: "14px", color: "#000000" }, children: f.message })
         ] })
       ] }, f.id)) })
     ] }) })
@@ -586,8 +586,8 @@ function br(e, t) {
     return window.location.protocol + e;
   if (e.match(/^[a-z]+:/i))
     return e;
-  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 r = document.implementation.createHTMLDocument(), n = r.createElement("base"), s = r.createElement("a");
+  return r.head.appendChild(n), r.body.appendChild(s), t && (n.href = t), s.href = e, s.href;
 }
 const Sr = /* @__PURE__ */ (() => {
   let e = 0;
@@ -633,7 +633,7 @@ function kr() {
   return r && (e = parseInt(r, 10), Number.isNaN(e) && (e = 1)), e || window.devicePixelRatio || 1;
 }
 const M = 16384;
-function Rr(e) {
+function jr(e) {
   (e.width > M || e.height > M) && (e.width > M && e.height > M ? e.width > e.height ? (e.height *= M / e.width, e.width = M) : (e.width *= M / e.height, e.height = M) : e.width > M ? (e.height *= M / e.width, e.width = M) : (e.width *= M / e.height, e.height = M));
 }
 function _e(e) {
@@ -646,12 +646,12 @@ function _e(e) {
     }, n.onerror = r, n.crossOrigin = "anonymous", n.decoding = "async", n.src = e;
   });
 }
-async function jr(e) {
+async function Rr(e) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
 async function Or(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), jr(a);
+  const n = "http://www.w3.org/2000/svg", s = document.createElementNS(n, "svg"), a = document.createElementNS(n, "foreignObject");
+  return s.setAttribute("width", `${t}`), s.setAttribute("height", `${r}`), s.setAttribute("viewBox", `0 0 ${t} ${r}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), s.appendChild(a), a.appendChild(e), Rr(s);
 }
 const $ = (e, t) => {
   if (e instanceof t)
@@ -665,17 +665,17 @@ function Ar(e) {
 }
 function Vr(e, t) {
   return bt(t).map((r) => {
-    const n = e.getPropertyValue(r), a = e.getPropertyPriority(r);
-    return `${r}: ${n}${a ? " !important" : ""};`;
+    const n = e.getPropertyValue(r), s = e.getPropertyPriority(r);
+    return `${r}: ${n}${s ? " !important" : ""};`;
   }).join(" ");
 }
 function Tr(e, t, r, n) {
-  const a = `.${e}:${t}`, s = r.cssText ? Ar(r) : Vr(r, n);
-  return document.createTextNode(`${a}{${s}}`);
+  const s = `.${e}:${t}`, a = r.cssText ? Ar(r) : Vr(r, n);
+  return document.createTextNode(`${s}{${a}}`);
 }
 function ct(e, t, r, n) {
-  const a = window.getComputedStyle(e, r), s = a.getPropertyValue("content");
-  if (s === "" || s === "none")
+  const s = window.getComputedStyle(e, r), a = s.getPropertyValue("content");
+  if (a === "" || a === "none")
     return;
   const c = Sr();
   try {
@@ -684,7 +684,7 @@ function ct(e, t, r, n) {
     return;
   }
   const i = document.createElement("style");
-  i.appendChild(Tr(c, r, a, n)), t.appendChild(i);
+  i.appendChild(Tr(c, r, s, n)), t.appendChild(i);
 }
 function _r(e, t, r) {
   ct(e, t, ":before", r), ct(e, t, ":after", r);
@@ -723,16 +723,16 @@ async function Ct(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, c) => {
+  const s = await n.blob();
+  return new Promise((a, c) => {
     const i = new FileReader();
     i.onerror = c, i.onloadend = () => {
       try {
-        s(r({ res: n, result: i.result }));
+        a(r({ res: n, result: i.result }));
       } catch (u) {
         c(u);
       }
-    }, i.readAsDataURL(a);
+    }, i.readAsDataURL(s);
   });
 }
 const ze = {};
@@ -745,16 +745,16 @@ async function Ye(e, t, r) {
   if (ze[n] != null)
     return ze[n];
   r.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
-  let a;
+  let s;
   try {
-    const s = await Ct(e, r.fetchRequestInit, ({ res: c, result: i }) => (t || (t = c.headers.get("Content-Type") || ""), $r(i)));
-    a = Mr(s, t);
-  } catch (s) {
-    a = r.imagePlaceholder || "";
+    const a = await Ct(e, r.fetchRequestInit, ({ res: c, result: i }) => (t || (t = c.headers.get("Content-Type") || ""), $r(i)));
+    s = Mr(a, t);
+  } catch (a) {
+    s = r.imagePlaceholder || "";
     let c = `Failed to fetch resource: ${e}`;
-    s && (c = typeof s == "string" ? s : s.message), c && console.warn(c);
+    a && (c = typeof a == "string" ? a : a.message), c && console.warn(c);
   }
-  return ze[n] = a, a;
+  return ze[n] = s, s;
 }
 async function Ir(e) {
   const t = e.toDataURL();
@@ -762,13 +762,13 @@ async function Ir(e) {
 }
 async function Lr(e, t) {
   if (e.currentSrc) {
-    const s = document.createElement("canvas"), c = s.getContext("2d");
-    s.width = e.clientWidth, s.height = e.clientHeight, c?.drawImage(e, 0, 0, s.width, s.height);
-    const i = s.toDataURL();
+    const a = document.createElement("canvas"), c = a.getContext("2d");
+    a.width = e.clientWidth, a.height = e.clientHeight, c?.drawImage(e, 0, 0, a.width, a.height);
+    const i = a.toDataURL();
     return _e(i);
   }
-  const r = e.poster, n = qe(r), a = await Ye(r, n, t);
-  return _e(a);
+  const r = e.poster, n = qe(r), s = await Ye(r, n, t);
+  return _e(s);
 }
 async function zr(e, t) {
   var r;
@@ -784,11 +784,11 @@ async function Dr(e, t) {
 }
 const Fr = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", Et = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
 async function Hr(e, t, r) {
-  var n, a;
+  var n, s;
   if (Et(t))
     return t;
-  let s = [];
-  return Fr(e) && e.assignedNodes ? s = Q(e.assignedNodes()) : $(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = Q(e.contentDocument.body.childNodes) : s = Q(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || $(e, HTMLVideoElement) || await s.reduce((c, i) => c.then(() => Pe(i, r)).then((u) => {
+  let a = [];
+  return Fr(e) && e.assignedNodes ? a = Q(e.assignedNodes()) : $(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? a = Q(e.contentDocument.body.childNodes) : a = Q(((s = e.shadowRoot) !== null && s !== void 0 ? s : e).childNodes), a.length === 0 || $(e, HTMLVideoElement) || await a.reduce((c, i) => c.then(() => Pe(i, r)).then((u) => {
     u && t.appendChild(u);
   }), Promise.resolve()), t;
 }
@@ -796,10 +796,10 @@ function Wr(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) : bt(r).forEach((s) => {
-    let c = a.getPropertyValue(s);
-    s === "font-size" && c.endsWith("px") && (c = `${Math.floor(parseFloat(c.substring(0, c.length - 2))) - 0.1}px`), $(e, HTMLIFrameElement) && s === "display" && c === "inline" && (c = "block"), s === "d" && t.getAttribute("d") && (c = `path(${t.getAttribute("d")})`), n.setProperty(s, c, a.getPropertyPriority(s));
+  const s = window.getComputedStyle(e);
+  s.cssText ? (n.cssText = s.cssText, n.transformOrigin = s.transformOrigin) : bt(r).forEach((a) => {
+    let c = s.getPropertyValue(a);
+    a === "font-size" && c.endsWith("px") && (c = `${Math.floor(parseFloat(c.substring(0, c.length - 2))) - 0.1}px`), $(e, HTMLIFrameElement) && a === "display" && c === "inline" && (c = "block"), a === "d" && t.getAttribute("d") && (c = `path(${t.getAttribute("d")})`), n.setProperty(a, c, s.getPropertyPriority(a));
   });
 }
 function Ur(e, t) {
@@ -807,7 +807,7 @@ function Ur(e, t) {
 }
 function Br(e, t) {
   if ($(e, HTMLSelectElement)) {
-    const n = Array.from(t.children).find((a) => e.value === a.getAttribute("value"));
+    const n = Array.from(t.children).find((s) => e.value === s.getAttribute("value"));
     n && n.setAttribute("selected", "");
   }
 }
@@ -819,21 +819,21 @@ async function Yr(e, t) {
   if (r.length === 0)
     return e;
   const n = {};
-  for (let s = 0; s < r.length; s++) {
-    const i = r[s].getAttribute("xlink:href");
+  for (let a = 0; a < r.length; a++) {
+    const i = r[a].getAttribute("xlink:href");
     if (i) {
       const u = e.querySelector(i), p = document.querySelector(i);
       !u && p && !n[i] && (n[i] = await Pe(p, t, !0));
     }
   }
-  const a = Object.values(n);
-  if (a.length) {
-    const s = "http://www.w3.org/1999/xhtml", c = document.createElementNS(s, "svg");
-    c.setAttribute("xmlns", s), c.style.position = "absolute", c.style.width = "0", c.style.height = "0", c.style.overflow = "hidden", c.style.display = "none";
-    const i = document.createElementNS(s, "defs");
+  const s = Object.values(n);
+  if (s.length) {
+    const a = "http://www.w3.org/1999/xhtml", c = document.createElementNS(a, "svg");
+    c.setAttribute("xmlns", a), c.style.position = "absolute", c.style.width = "0", c.style.height = "0", c.style.overflow = "hidden", c.style.display = "none";
+    const i = document.createElementNS(a, "defs");
     c.appendChild(i);
-    for (let u = 0; u < a.length; u++)
-      i.appendChild(a[u]);
+    for (let u = 0; u < s.length; u++)
+      i.appendChild(s[u]);
     e.appendChild(c);
   }
   return e;
@@ -848,13 +848,13 @@ function Zr(e) {
 }
 function Kr(e) {
   const t = [];
-  return e.replace(kt, (r, n, a) => (t.push(a), r)), t.filter((r) => !Be(r));
+  return e.replace(kt, (r, n, s) => (t.push(s), r)), t.filter((r) => !Be(r));
 }
-async function Qr(e, t, r, n, a) {
+async function Qr(e, t, r, n, s) {
   try {
-    const s = r ? br(t, r) : t, c = qe(t);
+    const a = r ? br(t, r) : t, c = qe(t);
     let i;
-    return a || (i = await Ye(s, c, n)), e.replace(Zr(t), `$1${i}$3`);
+    return s || (i = await Ye(a, c, n)), e.replace(Zr(t), `$1${i}$3`);
   } catch {
   }
   return e;
@@ -862,29 +862,29 @@ async function Qr(e, t, r, n, a) {
 function en(e, { preferredFontFormat: t }) {
   return t ? e.replace(Jr, (r) => {
     for (; ; ) {
-      const [n, , a] = Xr.exec(r) || [];
-      if (!a)
+      const [n, , s] = Xr.exec(r) || [];
+      if (!s)
         return "";
-      if (a === t)
+      if (s === t)
         return `src: ${n};`;
     }
   }) : e;
 }
-function Rt(e) {
+function jt(e) {
   return e.search(kt) !== -1;
 }
-async function jt(e, t, r) {
-  if (!Rt(e))
+async function Rt(e, t, r) {
+  if (!jt(e))
     return e;
   const n = en(e, r);
-  return Kr(n).reduce((s, c) => s.then((i) => Qr(i, c, t, r)), Promise.resolve(n));
+  return Kr(n).reduce((a, c) => a.then((i) => Qr(i, c, t, r)), Promise.resolve(n));
 }
 async function le(e, t, r) {
   var n;
-  const a = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
-  if (a) {
-    const s = await jt(a, null, r);
-    return t.style.setProperty(e, s, t.style.getPropertyPriority(e)), !0;
+  const s = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
+  if (s) {
+    const a = await Rt(s, null, r);
+    return t.style.setProperty(e, a, t.style.getPropertyPriority(e)), !0;
   }
   return !1;
 }
@@ -895,32 +895,32 @@ async function rn(e, t) {
   const r = $(e, HTMLImageElement);
   if (!(r && !Be(e.src)) && !($(e, SVGImageElement) && !Be(e.href.baseVal)))
     return;
-  const n = r ? e.src : e.href.baseVal, a = await Ye(n, qe(n), t);
-  await new Promise((s, c) => {
-    e.onload = s, e.onerror = t.onImageErrorHandler ? (...u) => {
+  const n = r ? e.src : e.href.baseVal, s = await Ye(n, qe(n), t);
+  await new Promise((a, c) => {
+    e.onload = a, e.onerror = t.onImageErrorHandler ? (...u) => {
       try {
-        s(t.onImageErrorHandler(...u));
+        a(t.onImageErrorHandler(...u));
       } catch (p) {
         c(p);
       }
     } : c;
     const i = e;
-    i.decode && (i.decode = s), i.loading === "lazy" && (i.loading = "eager"), r ? (e.srcset = "", e.src = a) : e.href.baseVal = a;
+    i.decode && (i.decode = a), i.loading === "lazy" && (i.loading = "eager"), r ? (e.srcset = "", e.src = s) : e.href.baseVal = s;
   });
 }
 async function nn(e, t) {
-  const n = Q(e.childNodes).map((a) => Ot(a, t));
+  const n = Q(e.childNodes).map((s) => Ot(s, t));
   await Promise.all(n).then(() => e);
 }
 async function Ot(e, t) {
   $(e, Element) && (await tn(e, t), await rn(e, t), await nn(e, t));
 }
-function an(e, t) {
+function sn(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;
-  return n != null && Object.keys(n).forEach((a) => {
-    r[a] = n[a];
+  return n != null && Object.keys(n).forEach((s) => {
+    r[s] = n[s];
   }), e;
 }
 const ut = {};
@@ -933,53 +933,53 @@ async function pt(e) {
 }
 async function mt(e, t) {
   let r = e.cssText;
-  const n = /url\(["']?([^"')]+)["']?\)/g, s = (r.match(/url\([^)]+\)/g) || []).map(async (c) => {
+  const n = /url\(["']?([^"')]+)["']?\)/g, a = (r.match(/url\([^)]+\)/g) || []).map(async (c) => {
     let i = c.replace(n, "$1");
     return i.startsWith("https://") || (i = new URL(i, e.url).href), Ct(i, t.fetchRequestInit, ({ result: u }) => (r = r.replace(c, `url(${u})`), [c, u]));
   });
-  return Promise.all(s).then(() => r);
+  return Promise.all(a).then(() => r);
 }
 function ft(e) {
   if (e == null)
     return [];
   const t = [], r = /(\/\*[\s\S]*?\*\/)/gi;
   let n = e.replace(r, "");
-  const a = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
+  const s = new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
   for (; ; ) {
-    const u = a.exec(n);
+    const u = s.exec(n);
     if (u === null)
       break;
     t.push(u[0]);
   }
-  n = n.replace(a, "");
-  const s = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, c = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", i = new RegExp(c, "gi");
+  n = n.replace(s, "");
+  const a = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, c = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", i = new RegExp(c, "gi");
   for (; ; ) {
-    let u = s.exec(n);
+    let u = a.exec(n);
     if (u === null) {
       if (u = i.exec(n), u === null)
         break;
-      s.lastIndex = i.lastIndex;
+      a.lastIndex = i.lastIndex;
     } else
-      i.lastIndex = s.lastIndex;
+      i.lastIndex = a.lastIndex;
     t.push(u[0]);
   }
   return t;
 }
-async function sn(e, t) {
+async function an(e, t) {
   const r = [], n = [];
-  return e.forEach((a) => {
-    if ("cssRules" in a)
+  return e.forEach((s) => {
+    if ("cssRules" in s)
       try {
-        Q(a.cssRules || []).forEach((s, c) => {
-          if (s.type === CSSRule.IMPORT_RULE) {
+        Q(s.cssRules || []).forEach((a, c) => {
+          if (a.type === CSSRule.IMPORT_RULE) {
             let i = c + 1;
-            const u = s.href, p = pt(u).then((m) => mt(m, t)).then((m) => ft(m).forEach((f) => {
+            const u = a.href, p = pt(u).then((m) => mt(m, t)).then((m) => ft(m).forEach((f) => {
               try {
-                a.insertRule(f, f.startsWith("@import") ? i += 1 : a.cssRules.length);
-              } catch (A) {
+                s.insertRule(f, f.startsWith("@import") ? i += 1 : s.cssRules.length);
+              } catch (R) {
                 console.error("Error inserting rule from remote css", {
                   rule: f,
-                  error: A
+                  error: R
                 });
               }
             })).catch((m) => {
@@ -988,32 +988,32 @@ async function sn(e, t) {
             n.push(p);
           }
         });
-      } catch (s) {
+      } catch (a) {
         const c = e.find((i) => i.href == null) || document.styleSheets[0];
-        a.href != null && n.push(pt(a.href).then((i) => mt(i, t)).then((i) => ft(i).forEach((u) => {
+        s.href != null && n.push(pt(s.href).then((i) => mt(i, t)).then((i) => ft(i).forEach((u) => {
           c.insertRule(u, c.cssRules.length);
         })).catch((i) => {
           console.error("Error loading remote stylesheet", i);
-        })), console.error("Error inlining remote css file", s);
+        })), console.error("Error inlining remote css file", a);
       }
-  }), Promise.all(n).then(() => (e.forEach((a) => {
-    if ("cssRules" in a)
+  }), Promise.all(n).then(() => (e.forEach((s) => {
+    if ("cssRules" in s)
       try {
-        Q(a.cssRules || []).forEach((s) => {
-          r.push(s);
+        Q(s.cssRules || []).forEach((a) => {
+          r.push(a);
         });
-      } catch (s) {
-        console.error(`Error while reading CSS rules from ${a.href}`, s);
+      } catch (a) {
+        console.error(`Error while reading CSS rules from ${s.href}`, a);
       }
   }), r));
 }
 function on(e) {
-  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => Rt(t.style.getPropertyValue("src")));
+  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => jt(t.style.getPropertyValue("src")));
 }
 async function cn(e, t) {
   if (e.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = Q(e.ownerDocument.styleSheets), n = await sn(r, t);
+  const r = Q(e.ownerDocument.styleSheets), n = await an(r, t);
   return on(n);
 }
 function At(e) {
@@ -1022,36 +1022,36 @@ function At(e) {
 function ln(e) {
   const t = /* @__PURE__ */ new Set();
   function r(n) {
-    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((s) => {
-      t.add(At(s));
-    }), Array.from(n.children).forEach((s) => {
-      s instanceof HTMLElement && r(s);
+    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((a) => {
+      t.add(At(a));
+    }), Array.from(n.children).forEach((a) => {
+      a instanceof HTMLElement && r(a);
     });
   }
   return r(e), t;
 }
 async function dn(e, t) {
   const r = await cn(e, t), n = ln(e);
-  return (await Promise.all(r.filter((s) => n.has(At(s.style.fontFamily))).map((s) => {
-    const c = s.parentStyleSheet ? s.parentStyleSheet.href : null;
-    return jt(s.cssText, c, t);
+  return (await Promise.all(r.filter((a) => n.has(At(a.style.fontFamily))).map((a) => {
+    const c = a.parentStyleSheet ? a.parentStyleSheet.href : null;
+    return Rt(a.cssText, c, t);
   }))).join(`
 `);
 }
 async function un(e, t) {
   const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await dn(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);
+    const n = document.createElement("style"), s = document.createTextNode(r);
+    n.appendChild(s), e.firstChild ? e.insertBefore(n, e.firstChild) : e.appendChild(n);
   }
 }
 async function pn(e, t = {}) {
-  const { width: r, height: n } = St(e, t), a = await Pe(e, t, !0);
-  return await un(a, t), await Ot(a, t), an(a, t), await Or(a, r, n);
+  const { width: r, height: n } = St(e, t), s = await Pe(e, t, !0);
+  return await un(s, t), await Ot(s, t), sn(s, t), await Or(s, r, n);
 }
 async function mn(e, t = {}) {
-  const { width: r, height: n } = St(e, t), a = await pn(e, t), s = await _e(a), c = document.createElement("canvas"), i = c.getContext("2d"), u = t.pixelRatio || kr(), p = t.canvasWidth || r, m = t.canvasHeight || n;
-  return c.width = p * u, c.height = m * u, t.skipAutoScale || Rr(c), c.style.width = `${p}`, c.style.height = `${m}`, t.backgroundColor && (i.fillStyle = t.backgroundColor, i.fillRect(0, 0, c.width, c.height)), i.drawImage(s, 0, 0, c.width, c.height), c;
+  const { width: r, height: n } = St(e, t), s = await pn(e, t), a = await _e(s), c = document.createElement("canvas"), i = c.getContext("2d"), u = t.pixelRatio || kr(), p = t.canvasWidth || r, m = t.canvasHeight || n;
+  return c.width = p * u, c.height = m * u, t.skipAutoScale || jr(c), c.style.width = `${p}`, c.style.height = `${m}`, t.backgroundColor && (i.fillStyle = t.backgroundColor, i.fillRect(0, 0, c.width, c.height)), i.drawImage(a, 0, 0, c.width, c.height), c;
 }
 async function fn(e, t = {}) {
   return (await mn(e, t)).toDataURL();
@@ -1074,11 +1074,11 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
   } catch {
     return "";
   }
-}, gt = ({ url: e, className: t, style: r, tooltipStyle: n, onHover: a }) => {
-  const s = ue(null), c = () => {
-    if (!s.current || !a) return;
-    const i = s.current.getBoundingClientRect(), u = i.top, p = window.innerHeight - i.bottom, m = u < 140 && p > u ? "bottom" : "top";
-    a({
+}, gt = ({ url: e, className: t, style: r, tooltipStyle: n, onHover: s }) => {
+  const a = ue(null), c = () => {
+    if (!a.current || !s) return;
+    const i = a.current.getBoundingClientRect(), u = i.top, p = window.innerHeight - i.bottom, m = u < 140 && p > u ? "bottom" : "top";
+    s({
       url: e,
       x: i.left + i.width / 2,
       y: m === "top" ? i.top : i.bottom,
@@ -1089,12 +1089,12 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     "div",
     {
       "data-source-path": "/src/components/ViewGateOverlay.tsx:106",
-      ref: s,
+      ref: a,
       className: `vg-url-tag ${t || ""}`,
       style: r,
       onMouseEnter: c,
       onMouseMove: c,
-      onMouseLeave: () => a?.(null),
+      onMouseLeave: () => s?.(null),
       children: [
         /* @__PURE__ */ o.jsx(nr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:114", size: r?.fontSize ? parseInt(r.fontSize) + 1 : 10 }),
         /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:115", style: {
@@ -1108,26 +1108,26 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
   );
 }, ve = (e) => {
   const t = [], r = [], n = [];
-  let a = e;
-  for (; a && a.nodeType === Node.ELEMENT_NODE; ) {
-    if (a.id && !a.id.startsWith("vg-") && !a.id.includes(":")) {
-      t.unshift(`#${a.id}`), n.unshift(`${a.localName}#${a.id}`);
+  let s = e;
+  for (; s && s.nodeType === Node.ELEMENT_NODE; ) {
+    if (s.id && !s.id.startsWith("vg-") && !s.id.includes(":")) {
+      t.unshift(`#${s.id}`), n.unshift(`${s.localName}#${s.id}`);
       break;
     }
-    let s = a.localName;
-    const c = Array.from(a.parentNode?.children || []).indexOf(a), i = `${a.localName}[${c}]`;
+    let a = s.localName;
+    const c = Array.from(s.parentNode?.children || []).indexOf(s), i = `${s.localName}[${c}]`;
     n.unshift(i);
-    const u = a.getAttribute("data-testid") || a.getAttribute("data-qa");
-    if (u && r.push(`[data-testid="${u}"]`), a.getAttribute("placeholder"), a.getAttribute("aria-label"), a.getAttribute("role"), a.getAttribute("name"), a.getAttribute("title"), u) {
-      s = `[${a.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${u}"]`, t.unshift(s);
+    const u = s.getAttribute("data-testid") || s.getAttribute("data-qa");
+    if (u && r.push(`[data-testid="${u}"]`), s.getAttribute("placeholder"), s.getAttribute("aria-label"), s.getAttribute("role"), s.getAttribute("name"), s.getAttribute("title"), u) {
+      a = `[${s.hasAttribute("data-testid") ? "data-testid" : "data-qa"}="${u}"]`, t.unshift(a);
       break;
     }
-    const p = Array.from(a.parentNode?.children || []).filter((m) => m.localName === a?.localName);
+    const p = Array.from(s.parentNode?.children || []).filter((m) => m.localName === s?.localName);
     if (p.length > 1) {
-      const m = p.indexOf(a) + 1;
-      s += `:nth-of-type(${m})`;
+      const m = p.indexOf(s) + 1;
+      a += `:nth-of-type(${m})`;
     }
-    t.unshift(s), a = a.parentElement;
+    t.unshift(a), s = s.parentElement;
   }
   return {
     selector: t.join(" > "),
@@ -1148,40 +1148,19 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     placeholder: e.getAttribute("placeholder") || void 0,
     textSnippet: (e.innerText || "").slice(0, 30).trim()
   };
-}, vn = /* @__PURE__ */ (() => {
-  let e = null, t = null;
-  return (r) => {
-    if (!r || typeof window > "u" || typeof document > "u") return r;
-    if (r.includes("oklch") || r.includes("oklab") || r.includes("lab(") || r.includes("lch(") || r.includes("color("))
-      try {
-        if (e || (e = document.createElement("canvas"), e.width = 1, e.height = 1), t || (t = e.getContext("2d", { willReadFrequently: !0 })), t) {
-          t.fillStyle = "#000000", t.fillStyle = r;
-          const s = t.fillStyle;
-          if (s && !s.includes("oklch") && !s.includes("oklab"))
-            return s;
-        }
-        const n = document.createElement("div");
-        n.style.color = r, document.body.appendChild(n);
-        const a = getComputedStyle(n).color;
-        return document.body.removeChild(n), a && !a.includes("oklch") ? a : "rgb(0,0,0)";
-      } catch {
-        return "rgb(0,0,0)";
-      }
-    return r;
-  };
-})(), bn = (e, t, r, n) => new Promise((a) => {
-  const s = new Image();
-  s.onload = () => {
+}, vn = (e, t, r, n) => new Promise((s) => {
+  const a = new Image();
+  a.onload = () => {
     const c = document.createElement("canvas"), i = 2, u = t.width + r * 2, p = t.height + r * 2;
     c.width = u * i, c.height = p * i;
     const m = c.getContext("2d");
     if (m) {
       m.imageSmoothingEnabled = !0, m.imageSmoothingQuality = "high";
-      const f = (t.left - r) * n, A = (t.top - r) * n, P = u * n, L = p * n;
+      const f = (t.left - r) * n, R = (t.top - r) * n, P = u * n, L = p * n;
       m.drawImage(
-        s,
+        a,
         f,
-        A,
+        R,
         P,
         L,
         0,
@@ -1190,9 +1169,30 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
         c.height
       );
     }
-    a(c.toDataURL("image/png", 0.9));
-  }, s.onerror = () => a(""), s.src = e;
-}), Sn = (e) => {
+    s(c.toDataURL("image/png", 0.9));
+  }, a.onerror = () => s(""), a.src = e;
+}), bn = /* @__PURE__ */ (() => {
+  let e = null, t = null;
+  return (r) => {
+    if (!r || typeof window > "u" || typeof document > "u") return r;
+    if (r.includes("oklch") || r.includes("oklab") || r.includes("lab(") || r.includes("lch(") || r.includes("color("))
+      try {
+        if (e || (e = document.createElement("canvas"), e.width = 1, e.height = 1), t || (t = e.getContext("2d", { willReadFrequently: !0 })), t) {
+          t.fillStyle = "#000000", t.fillStyle = r;
+          const a = t.fillStyle;
+          if (a && !a.includes("oklch") && !a.includes("oklab"))
+            return a;
+        }
+        const n = document.createElement("div");
+        n.style.color = r, document.body.appendChild(n);
+        const s = getComputedStyle(n).color;
+        return document.body.removeChild(n), s && !s.includes("oklch") ? s : "rgb(0,0,0)";
+      } catch {
+        return "rgb(0,0,0)";
+      }
+    return r;
+  };
+})(), Sn = (e) => {
   const t = window.getComputedStyle(e), r = {};
   return [
     "display",
@@ -1205,38 +1205,38 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     "width",
     "height",
     "z-index"
-  ].forEach((a) => {
-    const s = t.getPropertyValue(a);
-    r[a] = vn(s);
+  ].forEach((s) => {
+    const a = t.getPropertyValue(s);
+    r[s] = bn(a);
   }), r;
 }, Cn = (e) => {
-  const r = Object.keys(e).find((s) => s.startsWith("__reactFiber$") || s.startsWith("__reactInternalInstance$"));
+  const r = Object.keys(e).find((a) => a.startsWith("__reactFiber$") || a.startsWith("__reactInternalInstance$"));
   if (!r) return "";
   const n = [];
-  let a = e[r];
-  for (; a; ) {
-    const s = a.type;
-    if (typeof s == "function") {
-      const c = s.displayName || s.name;
+  let s = e[r];
+  for (; s; ) {
+    const a = s.type;
+    if (typeof a == "function") {
+      const c = a.displayName || a.name;
       c && !c.includes("ViewGate") && !n.includes(c) && n.unshift(c);
     }
-    a = a.return;
+    s = s.return;
   }
   return n.join(" > ") || "Generic Component";
 }, En = (e) => {
   if (!e) return !1;
   const t = window.getComputedStyle(e), r = e.getBoundingClientRect(), n = e.getAttribute("role");
   if (n && ["listbox", "menu", "combobox", "tooltip", "option"].includes(n)) return !1;
-  const s = 120;
-  return r.width < s && r.height < s || t.position !== "fixed" && t.position !== "absolute" ? !1 : !!(e.closest('[role="dialog"]') || e.closest('[aria-modal="true"]') || e.classList.contains("modal") || e.classList.contains("modal-content"));
+  const a = 120;
+  return r.width < a && r.height < a || t.position !== "fixed" && t.position !== "absolute" ? !1 : !!(e.closest('[role="dialog"]') || e.closest('[aria-modal="true"]') || e.classList.contains("modal") || e.classList.contains("modal-content"));
 }, re = (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;
+    const s = window.getComputedStyle(r);
+    if (s.display === "none" || s.visibility === "hidden" || s.opacity === "0") return !1;
     r = r.parentElement;
   }
   const n = e.getBoundingClientRect();
@@ -1245,10 +1245,10 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
   const r = t.querySelector(e);
   if (r) return r;
   const n = t.querySelectorAll("*");
-  for (const a of Array.from(n)) {
-    const s = a.shadowRoot;
-    if (s) {
-      const c = Vt(e, s);
+  for (const s of Array.from(n)) {
+    const a = s.shadowRoot;
+    if (a) {
+      const c = Vt(e, a);
       if (c) return c;
     }
   }
@@ -1265,26 +1265,26 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
   if (!e.tag) return null;
   const t = Array.from(document.getElementsByTagName(e.tag));
   let r = null, n = 0;
-  for (const a of t) {
-    if (!Ve(a, e)) continue;
-    let s = 0;
-    const c = a.getAttribute("placeholder"), i = e.attributes?.placeholder || e.fingerprint?.placeholder;
-    i && c === i && (s += 6);
-    const u = a.getAttribute("type"), p = e.attributes?.type || e.fingerprint?.type;
-    if (p && u === p && (s += 2), a.innerText?.trim() === e.text.trim() && (s += 5), e.fingerprint?.vgPath) {
-      const { vgPath: m } = ve(a);
-      (m === e.vgPath || e.fingerprint?.vgPath === m) && (s += 10);
+  for (const s of t) {
+    if (!Ve(s, e)) continue;
+    let a = 0;
+    const c = s.getAttribute("placeholder"), i = e.attributes?.placeholder || e.fingerprint?.placeholder;
+    i && c === i && (a += 6);
+    const u = s.getAttribute("type"), p = e.attributes?.type || e.fingerprint?.type;
+    if (p && u === p && (a += 2), s.innerText?.trim() === e.text.trim() && (a += 5), e.fingerprint?.vgPath) {
+      const { vgPath: m } = ve(s);
+      (m === e.vgPath || e.fingerprint?.vgPath === m) && (a += 10);
     }
-    s > n && s >= 7 && (n = s, r = a);
+    a > n && a >= 7 && (n = a, r = s);
   }
   return r;
 }, Ve = (e, t) => {
   if (e.tagName.toLowerCase() !== t.tag.toLowerCase()) return !1;
   const r = e.getAttribute("placeholder"), n = t.attributes?.placeholder || t.fingerprint?.placeholder;
   if (n && r && n !== r) return !1;
-  const a = e.getAttribute("type"), s = t.attributes?.type || t.fingerprint?.type;
-  return !(s && a && s !== a);
-}, Rn = (e, t) => {
+  const s = e.getAttribute("type"), a = t.attributes?.type || t.fingerprint?.type;
+  return !(a && s && a !== s);
+}, jn = (e, t) => {
   if (t) {
     const c = Array.from(document.querySelectorAll(`[${U}="${t}"]`));
     if (c.length > 0) {
@@ -1303,15 +1303,15 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     }
   }
   const n = (e.selector ? Array.from(document.querySelectorAll(e.selector)) : []).filter((c) => Ve(c, e));
-  let a = n.find((c) => {
+  let s = n.find((c) => {
     const { vgPath: i } = ve(c);
     return i === e.vgPath || e.fingerprint?.vgPath === i;
   }) || n[0] || null;
-  if (a && re(a))
-    if (e.metadata?.isModal && !a.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content'))
-      a = null;
+  if (s && re(s))
+    if (e.metadata?.isModal && !s.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content'))
+      s = null;
     else
-      return a;
+      return s;
   if (e.fallbackSelectors)
     for (const c of e.fallbackSelectors) {
       const i = Vt(c);
@@ -1320,22 +1320,22 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
         return i;
       }
     }
-  const s = kn(e);
-  return s && re(s) ? e.metadata?.isModal && !s.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content') ? null : s : null;
+  const a = kn(e);
+  return a && re(a) ? e.metadata?.isModal && !a.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content') ? null : a : null;
 }, He = (e) => ({
   tag: e.tagName.toLowerCase(),
   text: (e.innerText || e.getAttribute("placeholder") || "").slice(0, 50).trim(),
   role: e.getAttribute("role") || void 0,
   type: e.getAttribute("type") || void 0
-}), jn = (e) => {
+}), Rn = (e) => {
   const t = e.parentElement;
   if (!t) return;
-  const r = Array.from(t.children).filter((c) => c !== e).slice(0, 5).map((c) => He(c)), n = Array.from(t.children), a = n.indexOf(e);
-  let s = "middle";
-  return a === 0 && (s = "start"), a === n.length - 1 && (s = "end"), {
+  const r = Array.from(t.children).filter((c) => c !== e).slice(0, 5).map((c) => He(c)), n = Array.from(t.children), s = n.indexOf(e);
+  let a = "middle";
+  return s === 0 && (a = "start"), s === n.length - 1 && (a = "end"), {
     target: {
       ...He(e),
-      location: `${s} of ${t.tagName.toLowerCase()}`
+      location: `${a} of ${t.tagName.toLowerCase()}`
     },
     parent: He(t),
     siblings: r
@@ -1350,18 +1350,18 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     }
     r = r.parentElement;
   }
-  const n = Cn(e), { selector: a, fallbacks: s, vgPath: c } = ve(e), i = {};
+  const n = Cn(e), { selector: s, fallbacks: a, vgPath: c } = ve(e), i = {};
   ["placeholder", "aria-label", "name", "type", "alt", "title", "value", "role"].forEach((m) => {
     const f = e.getAttribute(m);
     f && (i[m] = f);
   });
-  const u = !!e.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content'), p = `${e.tagName.toLowerCase()}-${(e.innerText || "").slice(0, 20).replace(/\s+/g, "_")}-${a.split(" > ").slice(-1)}`;
+  const u = !!e.closest('[role="dialog"], [aria-modal="true"], .modal, .modal-content'), p = `${e.tagName.toLowerCase()}-${(e.innerText || "").slice(0, 20).replace(/\s+/g, "_")}-${s.split(" > ").slice(-1)}`;
   return {
     tag: e.tagName.toLowerCase(),
     id: e.id || "",
     classes: e.className || "",
     text: (e.innerText || "").slice(0, 100).trim(),
-    selector: a,
+    selector: s,
     vgPath: c,
     outerHtml: e.outerHTML,
     parentContext: (e.parentElement?.innerText || "").slice(0, 150).trim(),
@@ -1369,10 +1369,10 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     signature: p,
     source: t,
     attributes: i,
-    fallbackSelectors: [...new Set(s)].slice(0, 5),
+    fallbackSelectors: [...new Set(a)].slice(0, 5),
     domPath: [],
     viewportSize: { width: window.innerWidth, height: window.innerHeight },
-    uiContext: jn(e),
+    uiContext: Rn(e),
     fingerprint: wn(e),
     metadata: {
       hint: `Edit ${t.split(":")[0]} at line ${t.split(":")[1] || "?"}`,
@@ -1384,12 +1384,12 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     }
   };
 }, An = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a, disableViewGate: s, hasActiveToasts: c } = wr(), [i, u] = S(!1), [p, m] = S(null), [f, A] = S(null), [P, L] = S(""), [B, ne] = S(!1), [be, Se] = S(!1), [N, q] = S(!1), [V, Ce] = S([]), [z, D] = S(null), [Ee, Xe] = S(!1), [pe, ae] = S(!1), [ke, Re] = S({}), [I, Z] = S(null), [ee, me] = S(!1), [F, fe] = S(null), [d, x] = S([]), v = It(() => {
+  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: s, disableViewGate: a, hasActiveToasts: c } = wr(), [i, u] = S(!1), [p, m] = S(null), [f, R] = S(null), [P, L] = S(""), [B, ne] = S(!1), [be, Se] = S(!1), [N, q] = S(!1), [V, Ce] = S([]), [z, D] = S(null), [Ee, Xe] = S(!1), [pe, se] = S(!1), [ke, je] = S({}), [I, Z] = S(null), [ee, me] = S(!1), [F, fe] = S(null), [d, x] = S([]), v = It(() => {
     const l = Array.isArray(V) ? V : [];
     if (!I) return l;
     const h = d.find((g) => g.annotations && Array.isArray(g.annotations) && g.annotations.some((E) => E._id === I));
     return h ? h.annotations : l.filter((g) => g._id === I);
-  }, [I, V, d]), [b, se] = S(() => {
+  }, [I, V, d]), [b, ae] = S(() => {
     if (typeof window > "u") return { top: 24, right: 24 };
     const l = localStorage.getItem("vg-exit-pos");
     return l ? JSON.parse(l) : { top: 24, right: 24 };
@@ -1424,14 +1424,14 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     if (!Y && !he) return;
     const l = (g) => {
       if (Y && T.current) {
-        const E = g.clientX - T.current.x, R = g.clientY - T.current.y;
-        let O = T.current.top + R, w = T.current.right - E;
+        const E = g.clientX - T.current.x, j = g.clientY - T.current.y;
+        let O = T.current.top + j, w = T.current.right - E;
         const y = 10;
-        O = Math.max(y, Math.min(window.innerHeight - T.current.height - y, O)), w = Math.max(y, Math.min(window.innerWidth - T.current.width - y, w)), se({ top: O, right: w });
+        O = Math.max(y, Math.min(window.innerHeight - T.current.height - y, O)), w = Math.max(y, Math.min(window.innerWidth - T.current.width - y, w)), ae({ top: O, right: w });
       }
       if (he && X.current) {
-        const E = g.clientX - X.current.x, R = g.clientY - X.current.y;
-        let O = X.current.bottom - R, w = X.current.right - E;
+        const E = g.clientX - X.current.x, j = g.clientY - X.current.y;
+        let O = X.current.bottom - j, w = X.current.right - E;
         const y = 10;
         O = Math.max(y, Math.min(window.innerHeight - X.current.height - y, O)), w = Math.max(y, Math.min(window.innerWidth - X.current.width - y, w)), $e({ bottom: O, right: w });
       }
@@ -1442,49 +1442,49 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
       window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", h);
     };
   }, [Y, he, b, H]);
-  const [Ze, Me] = S(null), [Ke, Qe] = S(""), [Vn, Tn] = S({}), ge = ue(null), xe = ue(null), oe = je(() => {
+  const [Ze, Me] = S(null), [Ke, Qe] = S(""), [Vn, Tn] = S({}), ge = ue(null), xe = ue(null), oe = Re(() => {
     xe.current || (xe.current = requestAnimationFrame(() => {
       const l = /* @__PURE__ */ new Map(), h = Array.isArray(V) ? V : [], g = new Set(h.map((y) => y._id));
       document.querySelectorAll(`[${U}]`).forEach((y) => {
-        const j = y.getAttribute(U);
-        j && !g.has(j) && y.removeAttribute(U);
+        const A = y.getAttribute(U);
+        A && !g.has(A) && y.removeAttribute(U);
       });
-      const R = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((y) => En(y) && re(y)), O = !!R;
+      const j = Array.from(document.querySelectorAll('[role="dialog"], [aria-modal="true"], .modal, .modal-content')).find((y) => En(y) && re(y)), O = !!j;
       V.forEach((y) => {
         if (!y.reference) return;
-        const j = Rn(y.reference, y._id);
-        if (!j || !re(j)) return;
+        const A = jn(y.reference, y._id);
+        if (!A || !re(A)) return;
         const J = !!y.reference.metadata?.isModal;
         let W = !1;
-        if (O ? W = R.contains(j) : W = !J, !W) return;
-        const C = j.getAttribute(U);
+        if (O ? W = j.contains(A) : W = !J, !W) return;
+        const C = A.getAttribute(U);
         C !== y._id && (document.querySelectorAll(`[${U}="${y._id}"]`).forEach((G) => {
           G.removeAttribute(U);
-        }), C || j.setAttribute(U, y._id)), l.has(j) || l.set(j, []), l.get(j).push(y);
+        }), C || A.setAttribute(U, y._id)), l.has(A) || l.set(A, []), l.get(A).push(y);
       });
       const w = [];
-      l.forEach((y, j) => {
-        const J = j.getBoundingClientRect(), W = J.left + J.width / 2, C = J.top + J.height / 2;
+      l.forEach((y, A) => {
+        const J = A.getBoundingClientRect(), W = J.left + J.width / 2, C = J.top + J.height / 2;
         if (W >= 0 && W <= window.innerWidth && C >= 0 && C <= window.innerHeight) {
           const G = document.elementFromPoint(W, C);
-          if (G && !j.contains(G) && !ge.current?.contains(G))
+          if (G && !A.contains(G) && !ge.current?.contains(G))
             return;
         }
         w.push({
           id: y[0]._id,
           // Group identified by its primary annotation
-          element: j,
+          element: A,
           rect: J,
           annotations: y.sort((G, ie) => new Date(ie.timestamp || ie.createdAt).getTime() - new Date(G.timestamp || G.createdAt).getTime()),
           isModal: !!y[0].reference?.metadata?.isModal
         });
       }), x(w), xe.current = null;
     }));
-  }, [V]), te = je(async () => {
+  }, [V]), te = Re(async () => {
     if (n) {
-      ae(!0);
+      se(!0);
       try {
-        const l = await fetch(`${a}/api/annotations`, {
+        const l = await fetch(`${s}/api/annotations`, {
           headers: { "x-api-key": n }
         });
         if (l.ok) {
@@ -1493,16 +1493,16 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
             console.error("Expected annotations array, got:", typeof g), Ce([]);
             return;
           }
-          const E = g.reduce((R, O) => R.find((y) => y._id === O._id) ? R : R.concat([O]), []);
+          const E = g.reduce((j, O) => j.find((y) => y._id === O._id) ? j : j.concat([O]), []);
           Ce(E);
         }
       } catch (l) {
         console.error("Failed to fetch annotations", l);
       } finally {
-        ae(!1);
+        se(!1);
       }
     }
-  }, [n, a]);
+  }, [n, s]);
   K(() => {
     N && V.length === 0 && !pe && q(!1);
   }, [N, V.length, pe]), K(() => {
@@ -1526,7 +1526,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
   }, [te]), K(() => {
     ge.current = document.getElementById("viewgate-shadow-host");
   }, []);
-  const Ne = je((l) => {
+  const Ne = Re((l) => {
     if (!i || f) return;
     const h = xt(l.clientX, l.clientY);
     if (!h || ge.current?.contains(h) || h.closest(".vg-no-capture")) {
@@ -1548,36 +1548,29 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
         }
       }
     });
-  }, [i, f]), Ie = je(async (l) => {
+  }, [i, f]), Ie = Re(async (l) => {
     if (!i || f) return;
     const h = xt(l.clientX, l.clientY);
     if (!(!h || ge.current?.contains(h) || h.closest(".vg-no-capture")) && p) {
       l.preventDefault(), l.stopPropagation(), Se(!0);
       try {
-        const R = await fn(document.body, {
+        const j = await fn(document.body, {
           pixelRatio: 2,
           cacheBust: !0,
           width: window.innerWidth,
           height: window.innerHeight,
           backgroundColor: "#ffffff",
-          filter: (y) => {
-            const j = y;
-            return !(ge.current?.contains(j) || j.id === "viewgate-ui" || j.classList?.contains("vg-no-capture"));
-          }
-        }), O = await bn(R, p.rect, 32, 2), w = {
-          ...p.semanticReference,
-          metadata: {
-            ...p.semanticReference.metadata,
-            elementScreenshot: O
+          filter: (w) => {
+            const y = w;
+            return !(ge.current?.contains(y) || y.id === "viewgate-ui" || y.classList?.contains("vg-no-capture"));
           }
-        };
-        A({
+        }), O = await vn(j, p.rect, 32, 2);
+        R({
           ...p,
-          visualPreview: O,
-          semanticReference: w
+          visualPreview: O
         });
       } catch (g) {
-        console.error("Failed to capture high-fidelity preview:", g), A(p);
+        console.error("Failed to capture high-fidelity preview:", g), R(p);
       } finally {
         Se(!1), m(null);
       }
@@ -1586,7 +1579,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
   K(() => {
     const l = (h) => {
       if (h.key === "Escape") {
-        f ? A(null) : N ? q(!1) : i && u(!1);
+        f ? R(null) : N ? q(!1) : i && u(!1);
         return;
       }
       const E = (() => {
@@ -1608,7 +1601,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     ne(!0);
     const { semanticReference: l } = f, [h, g] = (l.source || "").split(":"), E = g || "0";
     try {
-      if (!(await fetch(`${a}/api/annotations`, {
+      if (!(await fetch(`${s}/api/annotations`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -1631,14 +1624,14 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
           }
         })
       })).ok) throw new Error("Backend failed");
-      e(r.success, "success"), A(null), L(""), u(!1), te();
-    } catch (R) {
-      console.error(R), e(r.error, "error");
+      e(r.success, "success"), R(null), L(""), u(!1), te();
+    } catch (j) {
+      console.error(j), e(r.error, "error");
     } finally {
       ne(!1);
     }
   };
-  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1283", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1284", className: "vg-no-capture", children: [
+  return /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1275", className: "vg-container", children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1276", className: "vg-no-capture", children: [
     !c && /* @__PURE__ */ o.jsxs(
       "div",
       {
@@ -1680,7 +1673,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
               onMouseLeave: (l) => {
                 l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", l.currentTarget.style.color = "#1e293b";
               },
-              children: /* @__PURE__ */ o.jsx(ot, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1328", size: 14 })
+              children: /* @__PURE__ */ o.jsx(ot, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1320", size: 14 })
             }
           ),
           /* @__PURE__ */ o.jsx(
@@ -1691,7 +1684,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                   title: r.exitConfirmTitle || "Close ViewGate?",
                   message: r.exitConfirmMessage || "Are you sure you want to close ViewGate?",
                   type: "danger",
-                  onConfirm: () => s()
+                  onConfirm: () => a()
                 });
               },
               title: "Cerrar ViewGate",
@@ -1716,7 +1709,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
               onMouseLeave: (l) => {
                 l.currentTarget.style.transform = "scale(1) rotate(0deg)", l.currentTarget.style.color = "#64748b", l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.9)";
               },
-              children: /* @__PURE__ */ o.jsx(Le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1368", size: 20, strokeWidth: 2.5 })
+              children: /* @__PURE__ */ o.jsx(Le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1360", size: 20, strokeWidth: 2.5 })
             }
           )
         ]
@@ -1725,7 +1718,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     /* @__PURE__ */ o.jsxs(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1374",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1366",
         style: {
           position: "fixed",
           bottom: `${H.bottom}px`,
@@ -1766,10 +1759,10 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                 l.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.85)", l.currentTarget.style.color = "#1e293b";
               },
               className: "vg-animate-slide-up",
-              children: /* @__PURE__ */ o.jsx(ot, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1417", size: 16 })
+              children: /* @__PURE__ */ o.jsx(ot, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1409", size: 16 })
             }
           ),
-          /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1420", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
+          /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1412", className: "vg-action-bar vg-animate-slide-up", style: { transition: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)" }, children: [
             /* @__PURE__ */ o.jsx(
               "button",
               {
@@ -1779,9 +1772,9 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                   padding: "12px 24px",
                   background: i ? "#ef4444" : void 0
                 },
-                children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1429", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                  i ? /* @__PURE__ */ o.jsx(Le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1430", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1430", size: 20, className: "vg-animate-pop" }),
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1431", children: i ? r.exitMode : r.enterMode })
+                children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1421", style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                  i ? /* @__PURE__ */ o.jsx(Le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1422", size: 20, className: "vg-animate-pop" }) : /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1422", size: 20, className: "vg-animate-pop" }),
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1423", children: i ? r.exitMode : r.enterMode })
                 ] })
               }
             ),
@@ -1789,13 +1782,13 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
               "button",
               {
                 onClick: () => {
-                  q(!N), u(!1), A(null);
+                  q(!N), u(!1), R(null);
                 },
                 className: "vg-button-ghost vg-animate-pop",
                 style: { animationDelay: "0.1s" },
                 children: [
-                  /* @__PURE__ */ o.jsx(tr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1444", size: 20 }),
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1445", children: r.viewComments })
+                  /* @__PURE__ */ o.jsx(tr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1436", size: 20 }),
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1437", children: r.viewComments })
                 ]
               }
             )
@@ -1803,7 +1796,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
         ]
       }
     ),
-    be && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1453", style: {
+    be && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1445", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1816,14 +1809,14 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
       justifyContent: "center",
       zIndex: De + 1,
       cursor: "wait"
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1459", className: "vg-glassmorphism", style: { padding: "30px 50px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1460", className: "vg-spinner" }),
-      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1461", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1451", className: "vg-glassmorphism", style: { padding: "30px 50px", display: "flex", flexDirection: "column", alignItems: "center", gap: "16px" }, children: [
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1452", className: "vg-spinner" }),
+      /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1453", style: { fontWeight: 600, fontSize: "14px", color: "#000000" }, children: "Capturando..." })
     ] }) }),
     i && !f && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1468",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1460",
         className: "vg-backdrop-blur",
         style: {
           opacity: 1,
@@ -1842,7 +1835,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     i && p && !f && !be && /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:1487",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:1479",
         className: "vg-selection-pulse",
         style: {
           top: p.rect.top - 4,
@@ -1854,17 +1847,17 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
         children: /* @__PURE__ */ o.jsxs(
           "div",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1497",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1489",
             className: "vg-selection-label",
             style: {
               ...p.rect.top < 60 ? p.rect.bottom > window.innerHeight - 60 ? { top: "8px", bottom: "auto" } : { top: "100%", marginTop: "8px", bottom: "auto" } : { top: "-40px", bottom: "auto" },
               ...p.rect.left + 200 > window.innerWidth ? { left: "auto", right: "0" } : { left: "0", right: "auto" }
             },
             children: [
-              /* @__PURE__ */ o.jsx(lr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1513", size: 16 }),
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1514", style: { display: "flex", flexDirection: "column" }, children: [
-                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1515", style: { fontWeight: 700 }, children: r.selectToComment }),
-                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1516", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
+              /* @__PURE__ */ o.jsx(lr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1505", size: 16 }),
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1506", style: { display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1507", style: { fontWeight: 700 }, children: r.selectToComment }),
+                /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1508", style: { fontSize: "10px", opacity: 0.8, fontFamily: "monospace" }, children: [
                   Math.round(p.rect.width),
                   " × ",
                   Math.round(p.rect.height)
@@ -1875,7 +1868,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
         )
       }
     ),
-    f && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1526", className: "vg-animate-fade", style: {
+    f && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1518", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1887,13 +1880,13 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Fe
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1531", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1523", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "40px",
       width: "500px",
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
     }, children: [
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1535", style: { textAlign: "center", marginBottom: "32px" }, children: [
-        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1536", style: {
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1527", style: { textAlign: "center", marginBottom: "32px" }, children: [
+        /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1528", style: {
           width: "48px",
           height: "48px",
           background: "var(--vg-primary-gradient)",
@@ -1904,11 +1897,11 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
           margin: "0 auto 16px",
           color: "white",
           boxShadow: "0 8px 16px rgba(99, 102, 241, 0.3)"
-        }, children: /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1541", size: 24 }) }),
-        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1543", style: { margin: "0 0 8px 0", fontSize: "24px", fontWeight: 800, color: "#0f172a" }, children: r.feedbackHeader }),
-        /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1544", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
+        }, children: /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1533", size: 24 }) }),
+        /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1535", style: { margin: "0 0 8px 0", fontSize: "24px", fontWeight: 800, color: "#0f172a" }, children: r.feedbackHeader }),
+        /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1536", style: { margin: 0, color: "#000000", fontSize: "15px" }, children: r.feedbackSubheader })
       ] }),
-      f.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1548", style: {
+      f.visualPreview && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1540", style: {
         marginBottom: "24px",
         borderRadius: "12px",
         overflow: "hidden",
@@ -1936,11 +1929,11 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
           style: { fontSize: "15px", padding: "16px", marginBottom: "24px" }
         }
       ),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1575", style: { display: "flex", gap: "12px" }, children: [
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1567", style: { display: "flex", gap: "12px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            onClick: () => !B && A(null),
+            onClick: () => !B && R(null),
             className: "vg-button-ghost",
             disabled: B,
             style: { flex: 1, padding: "12px" },
@@ -1954,15 +1947,15 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
             className: "vg-button-primary",
             disabled: B || !P.trim(),
             style: { flex: 2 },
-            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1590", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              B ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1591", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(hr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1591", size: 18 }),
-              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1592", children: B ? r.submitting : r.sendFeedback || "Send Comment" })
+            children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1582", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+              B ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1583", className: "vg-spinner", style: { width: "16px", height: "16px", borderWidth: "2px" } }) : /* @__PURE__ */ o.jsx(hr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1583", size: 18 }),
+              /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1584", children: B ? r.submitting : r.sendFeedback || "Send Comment" })
             ] })
           }
         )
       ] })
     ] }) }),
-    N && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1601", className: "vg-animate-fade", style: {
+    N && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1593", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1974,23 +1967,23 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Fe
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1606", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1598", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "32px",
       width: "650px",
       maxHeight: "85vh",
       display: "flex",
       flexDirection: "column"
     }, children: [
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1610", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1611", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1612", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: I ? r.commentDetails : r.annotations }),
-          /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1615", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: v.length })
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1602", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1603", style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+          /* @__PURE__ */ o.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1604", style: { margin: 0, fontSize: "20px", fontWeight: 800, color: "#0f172a" }, children: I ? r.commentDetails : r.annotations }),
+          /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1607", className: "vg-badge", style: { background: "#e0e7ff", color: "#6366f1" }, children: v.length })
         ] }),
-        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1619", style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1611", style: { display: "flex", gap: "8px" }, children: [
           I && /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1621",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1613",
               className: "vg-button-ghost",
               style: { padding: "6px 14px", fontSize: "12px" },
               onClick: () => Z(null),
@@ -2000,13 +1993,13 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
           /* @__PURE__ */ o.jsx(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1629",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1621",
               className: "vg-button-ghost",
               style: { padding: "8px", borderRadius: "50%" },
               onClick: () => {
                 q(!1), Z(null);
               },
-              children: /* @__PURE__ */ o.jsx(Le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1634", size: 20 })
+              children: /* @__PURE__ */ o.jsx(Le, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1626", size: 20 })
             }
           )
         ] })
@@ -2014,13 +2007,13 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
       /* @__PURE__ */ o.jsx(
         "div",
         {
-          "data-source-path": "/src/components/ViewGateOverlay.tsx:1639",
+          "data-source-path": "/src/components/ViewGateOverlay.tsx:1631",
           style: { maxHeight: "60vh", overflowY: "auto", paddingRight: "10px" },
           className: "vg-custom-scrollbar",
-          children: pe ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1645", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1646", className: "vg-spinner" }) }) : v.map((l, h) => /* @__PURE__ */ o.jsxs(
+          children: pe ? /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1637", style: { display: "flex", justifyContent: "center", padding: "40px" }, children: /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1638", className: "vg-spinner" }) }) : v.map((l, h) => /* @__PURE__ */ o.jsxs(
             "div",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:1650",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:1642",
               className: "vg-glassmorphism vg-animate-slide",
               style: {
                 padding: "20px",
@@ -2030,13 +2023,13 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                 animationDelay: `${h * 0.05}s`
               },
               children: [
-                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1661", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: [
-                  /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1662", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
-                    /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1663", style: { fontSize: "12px", color: "#000000", fontWeight: 600 }, children: ht(l.timestamp || l.createdAt || l.reference?.timestamp, t) }),
+                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1653", style: { display: "flex", justifyContent: "space-between", marginBottom: "16px", alignItems: "center" }, children: [
+                  /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1654", style: { display: "flex", gap: "12px", alignItems: "center" }, children: [
+                    /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1655", style: { fontSize: "12px", color: "#000000", fontWeight: 600 }, children: ht(l.timestamp || l.createdAt || l.reference?.timestamp, t) }),
                     l.url && /* @__PURE__ */ o.jsx(
                       gt,
                       {
-                        "data-source-path": "/src/components/ViewGateOverlay.tsx:1667",
+                        "data-source-path": "/src/components/ViewGateOverlay.tsx:1659",
                         url: l.url,
                         onHover: fe,
                         style: {
@@ -2054,12 +2047,12 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                       }
                     )
                   ] }),
-                  l.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1686", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a", border: "1px solid #dcfce7" }, children: [
-                    /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1687", size: 14 }),
+                  l.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1678", className: "vg-badge", style: { backgroundColor: "#f0fdf4", color: "#16a34a", border: "1px solid #dcfce7" }, children: [
+                    /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1679", size: 14 }),
                     " ",
                     r.readyForReview
-                  ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1690", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c", border: "1px solid #ffedd5" }, children: [
-                    /* @__PURE__ */ o.jsx(at, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1691", size: 14 }),
+                  ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1682", className: "vg-badge", style: { backgroundColor: "#fff7ed", color: "#ea580c", border: "1px solid #ffedd5" }, children: [
+                    /* @__PURE__ */ o.jsx(st, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1683", size: 14 }),
                     " ",
                     r.pending
                   ] })
@@ -2074,17 +2067,17 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                     autoFocus: !0,
                     style: { marginBottom: "16px" }
                   }
-                ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1706", className: "vg-text-wrap", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: l.message }),
-                /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1709", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: Ze === l._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                ) : /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1698", className: "vg-text-wrap", style: { margin: "0 0 20px 0", fontSize: "16px", color: "#1e293b", lineHeight: 1.6 }, children: l.message }),
+                /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1701", style: { display: "flex", gap: "12px", justifyContent: "flex-end", borderTop: "1px solid #f1f5f9", paddingTop: "16px" }, children: Ze === l._id ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
                   /* @__PURE__ */ o.jsx(
                     "button",
                     {
-                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1712",
+                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1704",
                       className: "vg-button-primary vg-animate-pop",
                       style: { padding: "8px 16px", fontSize: "13px" },
                       onClick: async () => {
                         try {
-                          (await fetch(`${a}/api/annotations/${l._id}`, {
+                          (await fetch(`${s}/api/annotations/${l._id}`, {
                             method: "PATCH",
                             headers: { "Content-Type": "application/json", "x-api-key": n },
                             body: JSON.stringify({ message: Ke })
@@ -2096,19 +2089,19 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                       children: r.save
                     }
                   ),
-                  /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1734", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Me(null), children: r.cancel })
+                  /* @__PURE__ */ o.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1726", className: "vg-button-ghost vg-animate-pop", style: { padding: "8px 16px", fontSize: "13px" }, onClick: () => Me(null), children: r.cancel })
                 ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
                   /* @__PURE__ */ o.jsxs(
                     "button",
                     {
-                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1738",
+                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1730",
                       className: "vg-button-ghost vg-animate-pop",
                       style: { padding: "8px 16px", fontSize: "13px" },
                       onClick: () => {
                         Me(l._id), Qe(l.message);
                       },
                       children: [
-                        /* @__PURE__ */ o.jsx(ur, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1746", size: 14 }),
+                        /* @__PURE__ */ o.jsx(ur, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1738", size: 14 }),
                         " ",
                         r.edit
                       ]
@@ -2117,14 +2110,14 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                   /* @__PURE__ */ o.jsxs(
                     "button",
                     {
-                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1748",
+                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1740",
                       className: "vg-button-ghost vg-animate-pop",
                       style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.05s" },
                       onClick: () => {
                         l.url && (window.location.href = l.url);
                       },
                       children: [
-                        /* @__PURE__ */ o.jsx(st, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1755", size: 14 }),
+                        /* @__PURE__ */ o.jsx(at, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1747", size: 14 }),
                         " ",
                         r.review
                       ]
@@ -2133,7 +2126,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                   l.status === "pending" ? /* @__PURE__ */ o.jsxs(
                     "button",
                     {
-                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1758",
+                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1750",
                       className: "vg-button-primary vg-animate-pop",
                       style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                       onClick: () => {
@@ -2143,7 +2136,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                           type: "success",
                           onConfirm: async () => {
                             try {
-                              (await fetch(`${a}/api/annotations/${l._id}`, {
+                              (await fetch(`${s}/api/annotations/${l._id}`, {
                                 method: "PATCH",
                                 headers: { "Content-Type": "application/json", "x-api-key": n },
                                 body: JSON.stringify({ status: "ready_for_review" })
@@ -2157,7 +2150,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                         });
                       },
                       children: [
-                        /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1786", size: 14 }),
+                        /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1778", size: 14 }),
                         " ",
                         r.markReady
                       ]
@@ -2165,7 +2158,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                   ) : /* @__PURE__ */ o.jsxs(
                     "button",
                     {
-                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1789",
+                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1781",
                       className: "vg-button-ghost vg-animate-pop",
                       style: { padding: "8px 16px", fontSize: "13px", animationDelay: "0.1s" },
                       onClick: () => {
@@ -2175,7 +2168,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                           type: "success",
                           onConfirm: async () => {
                             try {
-                              (await fetch(`${a}/api/annotations/${l._id}`, {
+                              (await fetch(`${s}/api/annotations/${l._id}`, {
                                 method: "PATCH",
                                 headers: { "Content-Type": "application/json", "x-api-key": n },
                                 body: JSON.stringify({ status: "pending" })
@@ -2189,7 +2182,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                         });
                       },
                       children: [
-                        /* @__PURE__ */ o.jsx(mr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1817", size: 14 }),
+                        /* @__PURE__ */ o.jsx(mr, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1809", size: 14 }),
                         " ",
                         r.reopen
                       ]
@@ -2198,7 +2191,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                   /* @__PURE__ */ o.jsx(
                     "button",
                     {
-                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1820",
+                      "data-source-path": "/src/components/ViewGateOverlay.tsx:1812",
                       className: "vg-button-ghost vg-animate-pop",
                       style: { padding: "8px 12px", color: "#ef4444", borderColor: "#fee2e2", animationDelay: "0.15s" },
                       onClick: () => {
@@ -2208,12 +2201,12 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                           type: "danger",
                           onConfirm: async () => {
                             try {
-                              if ((await fetch(`${a}/api/annotations/${l._id}`, {
+                              if ((await fetch(`${s}/api/annotations/${l._id}`, {
                                 method: "DELETE",
                                 headers: { "x-api-key": n }
                               })).ok) {
                                 if (I === l._id) {
-                                  const E = v.find((R) => R._id !== l._id);
+                                  const E = v.find((j) => j._id !== l._id);
                                   E ? Z(E._id) : (Z(null), q(!1));
                                 }
                                 te(), e(r.deleteSuccess, "success");
@@ -2226,7 +2219,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                           }
                         });
                       },
-                      children: /* @__PURE__ */ o.jsx(it, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1858", size: 16 })
+                      children: /* @__PURE__ */ o.jsx(it, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1850", size: 16 })
                     }
                   )
                 ] }) })
@@ -2238,7 +2231,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
         I || "all"
       )
     ] }) }),
-    z && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1874", className: "vg-animate-fade", style: {
+    z && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1866", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -2250,14 +2243,14 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
       alignItems: "center",
       justifyContent: "center",
       zIndex: Fe + 100
-    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1879", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1871", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "40px",
       width: "420px",
       textAlign: "center",
       border: "1px solid rgba(255, 255, 255, 0.1)",
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.5)"
     }, children: [
-      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1886", style: {
+      /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1878", style: {
         width: "64px",
         height: "64px",
         background: z.type === "danger" ? "rgba(239, 68, 68, 0.1)" : "rgba(99, 102, 241, 0.1)",
@@ -2268,14 +2261,14 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
         margin: "0 auto 24px",
         color: z.type === "danger" ? "#ef4444" : "#6366f1",
         transform: "rotate(-5deg)"
-      }, children: z.type === "danger" ? /* @__PURE__ */ o.jsx(it, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1895", size: 32 }) : /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1895", size: 32 }) }),
-      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1897", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: z.title }),
-      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1898", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: z.message }),
-      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1899", style: { display: "flex", gap: "16px" }, children: [
+      }, children: z.type === "danger" ? /* @__PURE__ */ o.jsx(it, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1887", size: 32 }) : /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1887", size: 32 }) }),
+      /* @__PURE__ */ o.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1889", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 800, color: "#000000", letterSpacing: "-0.02em" }, children: z.title }),
+      /* @__PURE__ */ o.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1890", style: { margin: "0 0 32px 0", fontSize: "15px", color: "#000000", lineHeight: 1.6 }, children: z.message }),
+      /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1891", style: { display: "flex", gap: "16px" }, children: [
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1900",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1892",
             className: "vg-button-ghost",
             style: { flex: 1, height: "44px" },
             onClick: () => !ee && D(null),
@@ -2286,7 +2279,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
         /* @__PURE__ */ o.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:1908",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:1900",
             className: "vg-button-primary",
             style: {
               flex: 1,
@@ -2309,13 +2302,13 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                 me(!1);
               }
             },
-            children: ee ? /* @__PURE__ */ o.jsx(or, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1933", size: 18, className: "vg-animate-spin" }) : r.yes
+            children: ee ? /* @__PURE__ */ o.jsx(or, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1925", size: 18, className: "vg-animate-spin" }) : r.yes
           }
         )
       ] })
     ] }) }),
     !i && !N && d.map((l, h) => {
-      const { rect: g, annotations: E, isModal: R } = l, O = E[0], w = E.length, y = E.some((C) => C.status === "ready_for_review"), j = E.some((C) => C.status !== "ready_for_review"), J = y && j, W = y && !j;
+      const { rect: g, annotations: E, isModal: j } = l, O = E[0], w = E.length, y = E.some((C) => C.status === "ready_for_review"), A = E.some((C) => C.status !== "ready_for_review"), J = y && A, W = y && !A;
       return /* @__PURE__ */ o.jsxs(
         "div",
         {
@@ -2331,7 +2324,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
             zIndex: xn
           },
           onMouseEnter: (C) => {
-            window.innerHeight - g.bottom < 250 ? Re((ie) => ({ ...ie, [l.id]: "vg-top" })) : Re((ie) => ({ ...ie, [l.id]: "" }));
+            window.innerHeight - g.bottom < 250 ? je((ie) => ({ ...ie, [l.id]: "vg-top" })) : je((ie) => ({ ...ie, [l.id]: "" }));
           },
           onWheel: (C) => {
             const G = C.currentTarget.querySelector(".vg-tooltip-scroll");
@@ -2341,31 +2334,31 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
             q(!0), Z(O._id);
           },
           children: [
-            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1986", className: `vg-pin-tooltip ${ke[l.id] || ""}`, style: { padding: "16px" }, children: [
-              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1987", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
-                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1988", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                  /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1989", size: 14, color: "#6366f1" }),
-                  /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1990", style: { fontWeight: 800, fontSize: "13px", color: "#0f172a" }, children: [
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1978", className: `vg-pin-tooltip ${ke[l.id] || ""}`, style: { padding: "16px" }, children: [
+              /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1979", style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
+                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1980", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                  /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:1981", size: 14, color: "#6366f1" }),
+                  /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1982", style: { fontWeight: 800, fontSize: "13px", color: "#0f172a" }, children: [
                     w,
                     " ",
                     w === 1 ? "Comentario" : "Comentarios"
                   ] })
                 ] }),
-                R && /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1995", className: "vg-badge", style: { fontSize: "10px", background: "#fef3c7", color: "#92400e", border: "none" }, children: "MODAL" })
+                j && /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1987", className: "vg-badge", style: { fontSize: "10px", background: "#fef3c7", color: "#92400e", border: "none" }, children: "MODAL" })
               ] }),
-              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1998", className: "vg-tooltip-scroll", style: { maxHeight: "180px", overflowY: "auto" }, children: E.map((C, G) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2000", style: {
+              /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1990", className: "vg-tooltip-scroll", style: { maxHeight: "180px", overflowY: "auto" }, children: E.map((C, G) => /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1992", style: {
                 padding: "10px 0",
                 borderTop: G === 0 ? "none" : "1px solid #f1f5f9",
                 display: "flex",
                 gap: "12px",
                 alignItems: "flex-start"
               }, children: [
-                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2007", style: { flex: 1, display: "flex", flexDirection: "column", gap: "4px" }, children: [
-                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2008", style: { fontSize: "10px", fontWeight: 600, color: "#64748b" }, children: ht(C.timestamp || C.createdAt, t) }),
+                /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:1999", style: { flex: 1, display: "flex", flexDirection: "column", gap: "4px" }, children: [
+                  /* @__PURE__ */ o.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2000", style: { fontSize: "10px", fontWeight: 600, color: "#64748b" }, children: ht(C.timestamp || C.createdAt, t) }),
                   C.url && /* @__PURE__ */ o.jsx(
                     gt,
                     {
-                      "data-source-path": "/src/components/ViewGateOverlay.tsx:2012",
+                      "data-source-path": "/src/components/ViewGateOverlay.tsx:2004",
                       url: C.url,
                       onHover: fe,
                       style: {
@@ -2383,9 +2376,9 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                       tooltipStyle: { fontSize: "9px" }
                     }
                   ),
-                  /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2030", className: "vg-line-clamp-2", style: { fontSize: "13px", color: "#1e293b", lineHeight: 1.4, fontWeight: 500 }, children: C.message.length > 100 ? C.message.slice(0, 97) + "..." : C.message })
+                  /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2022", className: "vg-line-clamp-2", style: { fontSize: "13px", color: "#1e293b", lineHeight: 1.4, fontWeight: 500 }, children: C.message.length > 100 ? C.message.slice(0, 97) + "..." : C.message })
                 ] }),
-                /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2034", style: { flexShrink: 0, marginTop: "2px" }, children: C.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2036", style: {
+                /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2026", style: { flexShrink: 0, marginTop: "2px" }, children: C.status === "ready_for_review" ? /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2028", style: {
                   display: "flex",
                   alignItems: "center",
                   gap: "4px",
@@ -2398,9 +2391,9 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                   textTransform: "uppercase",
                   border: "1px solid #dcfce7"
                 }, children: [
-                  /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2049", size: 10 }),
+                  /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2041", size: 10 }),
                   r.readyForReview
-                ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2053", style: {
+                ] }) : /* @__PURE__ */ o.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2045", style: {
                   display: "flex",
                   alignItems: "center",
                   gap: "4px",
@@ -2413,14 +2406,14 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
                   textTransform: "uppercase",
                   border: "1px solid #ffedd5"
                 }, children: [
-                  /* @__PURE__ */ o.jsx(at, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2066", size: 10 }),
+                  /* @__PURE__ */ o.jsx(st, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2058", size: 10 }),
                   r.pending
                 ] }) })
               ] }, C._id)) })
             ] }),
-            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2076", className: `vg-formal-pin ${W ? "ready" : J ? "mixed" : ""} ${R ? "modal-variant" : ""}`, style: { position: "relative" }, children: [
-              W ? /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2077", size: 18 }) : R ? /* @__PURE__ */ o.jsx(st, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2077", size: 16 }) : /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2077", size: 16 }),
-              w > 1 && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2080", className: "vg-pin-badge vg-animate-pop", children: w })
+            /* @__PURE__ */ o.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2068", className: `vg-formal-pin ${W ? "ready" : J ? "mixed" : ""} ${j ? "modal-variant" : ""}`, style: { position: "relative" }, children: [
+              W ? /* @__PURE__ */ o.jsx(de, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2069", size: 18 }) : j ? /* @__PURE__ */ o.jsx(at, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2069", size: 16 }) : /* @__PURE__ */ o.jsx(Ae, { "data-source-path": "/src/components/ViewGateOverlay.tsx:2069", size: 16 }),
+              w > 1 && /* @__PURE__ */ o.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:2072", className: "vg-pin-badge vg-animate-pop", children: w })
             ] })
           ]
         },
@@ -2430,7 +2423,7 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
     /* @__PURE__ */ o.jsx(
       "div",
       {
-        "data-source-path": "/src/components/ViewGateOverlay.tsx:2089",
+        "data-source-path": "/src/components/ViewGateOverlay.tsx:2081",
         className: `vg-url-tooltip ${F ? "visible" : ""} ${F?.direction === "bottom" ? "vg-bottom" : "vg-top"}`,
         style: {
           transform: F ? `translate(-50%, ${F.direction === "top" ? "-110%" : "10%"})` : "translate(-50%, 0)",
@@ -2444,11 +2437,11 @@ const Ge = 2147483647, De = Ge, Fe = 2e6, hn = Ge - 10, gn = Ge - 5, xn = Ge - 1
 };
 function Tt(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 = (i) => i.replace(/\\/g, "/"), s = n(t).replace(n(r), "");
   return e.split(`
 `).map((i, u) => {
     const p = u + 1;
-    return i.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (m, f, A) => m.includes("data-source-path") || A === "Fragment" || A === "React.Fragment" ? m : `${f}<${A} data-source-path="${a}:${p}"`);
+    return i.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (m, f, R) => m.includes("data-source-path") || R === "Fragment" || R === "React.Fragment" ? m : `${f}<${R} data-source-path="${s}:${p}"`);
   }).join(`
 `);
 }