viewgate-wrapper 1.9.2 → 1.9.3

package/dist/viewgate-wrapper.js

@@ -1,9 +1,9 @@
-(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;600;700;800;900&display=swap";:root{--vg-primary: #2513ec;--vg-primary-gradient: linear-gradient(135deg, #2513ec 0%, #7e3ff2 100%);--vg-glass: rgba(255, 255, 255, .7);--vg-glass-border: rgba(255, 255, 255, .3);--vg-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--vg-radius: 16px}body{font-family:Inter,system-ui,-apple-system,sans-serif!important;margin:0}.vg-glassmorphism{background:var(--vg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--vg-glass-border);box-shadow:var(--vg-shadow);border-radius:var(--vg-radius)}.vg-button-primary{background:var(--vg-primary-gradient);color:#fff;border:none;padding:10px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #2513ec4d}.vg-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2513ec66}.vg-button-ghost{background:transparent;color:#444;border:1px solid #ddd;padding:10px 24px;border-radius:12px;cursor:pointer;transition:background .2s}.vg-button-ghost:hover{background:#0000000d}.vg-badge{background:#2513ec1a;color:var(--vg-primary);padding:4px 12px;border-radius:20px;font-size:12px;font-family:JetBrains Mono,monospace;font-weight:700;border:1px solid rgba(37,19,236,.2)}.vg-textarea{width:100%;border:1.5px solid #eee;border-radius:12px;padding:12px;font-family:inherit;color:#0f172a;resize:none;transition:border-color .2s,box-shadow .2s;outline:none}.vg-textarea:focus{border-color:var(--vg-primary);box-shadow:0 0 0 4px #2513ec1a}@keyframes vg-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vg-fade-in{0%{opacity:0}to{opacity:1}}.vg-animate-slide{animation:vg-slide-in .3s cubic-bezier(.16,1,.3,1)}.vg-animate-fade{animation:vg-fade-in .2s ease-out}@keyframes vg-pop-in{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.vg-button-appear{animation:vg-pop-in .4s cubic-bezier(.34,1.56,.64,1) forwards}.vg-toasts{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:100000}.vg-toast{padding:16px 24px;display:flex;align-items:center;gap:12px;min-width:300px}.vg-toast.success{background:#ecfdf5;border:1px solid #10b981;color:#065f46}.vg-toast.error{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}.vg-cursor-pointer *{cursor:pointer!important}@keyframes vg-pulse-green{0%{box-shadow:0 0 #10b981b3;border-color:#10b981}70%{box-shadow:0 0 0 15px #10b98100;border-color:#10b981}to{box-shadow:0 0 #10b98100;border-color:#10b981}}.vg-highlight-active{animation:vg-pulse-green 2s infinite!important;outline:4px solid #10b981!important;outline-offset:2px!important;transition:all .3s ease!important;position:relative!important;z-index:9999!important}.vg-highlight-active:after{content:"✓ Revised";position:absolute;top:-25px;left:0;background:#10b981;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;white-space:nowrap;pointer-events:none}@keyframes vg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vg-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:40px;height:40px;animation:vg-spin 1s linear infinite;margin-bottom:16px}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import Ae, { createContext as Le, useState as C, useContext as Ge, useCallback as oe, useEffect as Z } from "react";
-var K = { exports: {} }, U = {};
+(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;600;700;800;900&display=swap";:root{--vg-primary: #2513ec;--vg-primary-gradient: linear-gradient(135deg, #2513ec 0%, #7e3ff2 100%);--vg-glass: rgba(255, 255, 255, .7);--vg-glass-border: rgba(255, 255, 255, .3);--vg-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--vg-radius: 16px}body{font-family:Inter,system-ui,-apple-system,sans-serif!important;margin:0}.vg-glassmorphism{background:var(--vg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--vg-glass-border);box-shadow:var(--vg-shadow);border-radius:var(--vg-radius)}.vg-button-primary{background:var(--vg-primary-gradient);color:#fff;border:none;padding:10px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #2513ec4d}.vg-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2513ec66}.vg-button-ghost{background:transparent;color:#444;border:1px solid #ddd;padding:10px 24px;border-radius:12px;cursor:pointer;transition:background .2s}.vg-button-ghost:hover{background:#0000000d}.vg-badge{background:#2513ec1a;color:var(--vg-primary);padding:4px 12px;border-radius:20px;font-size:12px;font-family:JetBrains Mono,monospace;font-weight:700;border:1px solid rgba(37,19,236,.2)}.vg-textarea{width:100%;border:1.5px solid #eee;border-radius:12px;padding:12px;font-family:inherit;color:#0f172a;resize:none;transition:border-color .2s,box-shadow .2s;outline:none}.vg-textarea:focus{border-color:var(--vg-primary);box-shadow:0 0 0 4px #2513ec1a}@keyframes vg-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vg-fade-in{0%{opacity:0}to{opacity:1}}.vg-animate-slide{animation:vg-slide-in .3s cubic-bezier(.16,1,.3,1)}.vg-animate-fade{animation:vg-fade-in .2s ease-out}@keyframes vg-pop-in{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.vg-button-appear{animation:vg-pop-in .4s cubic-bezier(.34,1.56,.64,1) forwards}.vg-toasts{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:100000}.vg-toast{padding:16px 24px;display:flex;align-items:center;gap:12px;min-width:300px}.vg-toast.success{background:#ecfdf5;border:1px solid #10b981;color:#065f46}.vg-toast.error{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}.vg-cursor-pointer *{cursor:pointer!important}@keyframes vg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vg-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:40px;height:40px;animation:vg-spin 1s linear infinite;margin-bottom:16px}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import Ae, { createContext as Ge, useState as C, useContext as $e, useCallback as ae, useEffect as ue } from "react";
+var J = { exports: {} }, H = {};
 var de;
-function $e() {
-  if (de) return U;
+function Le() {
+  if (de) return H;
   de = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function r(n, a, s) {
@@ -21,50 +21,50 @@ function $e() {
       props: s
     };
   }
-  return U.Fragment = t, U.jsx = r, U.jsxs = r, U;
+  return H.Fragment = t, H.jsx = r, H.jsxs = r, H;
 }
-var Y = {};
+var W = {};
 var fe;
 function Ie() {
   return fe || (fe = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === _ ? null : o.displayName || o.name || null;
+        return o.$$typeof === k ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case A:
+        case P:
           return "Fragment";
-        case B:
+        case Y:
           return "Profiler";
-        case N:
+        case F:
           return "StrictMode";
-        case M:
+        case D:
           return "Suspense";
-        case ne:
+        case ee:
           return "SuspenseList";
-        case J:
+        case q:
           return "Activity";
       }
       if (typeof o == "object")
         switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), o.$$typeof) {
-          case q:
+          case U:
             return "Portal";
-          case re:
+          case Q:
             return o.displayName || "Context";
-          case D:
+          case N:
             return (o._context.displayName || "Context") + ".Consumer";
-          case L:
-            var p = o.render;
-            return o = o.displayName, o || (o = p.displayName || p.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case se:
-            return p = o.displayName || null, p !== null ? p : e(o.type) || "Memo";
-          case H:
-            p = o._payload, o = o._init;
+          case _:
+            var f = o.render;
+            return o = o.displayName, o || (o = f.displayName || f.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case te:
+            return f = o.displayName || null, f !== null ? f : e(o.type) || "Memo";
+          case M:
+            f = o._payload, o = o._init;
             try {
-              return e(o(p));
+              return e(o(f));
             } catch {
             }
         }
@@ -76,50 +76,50 @@ function Ie() {
     function r(o) {
       try {
         t(o);
-        var p = !1;
+        var f = !1;
       } catch {
-        p = !0;
+        f = !0;
       }
-      if (p) {
-        p = console;
-        var x = p.error, w = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+      if (f) {
+        f = console;
+        var x = f.error, w = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return x.call(
-          p,
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           w
         ), t(o);
       }
     }
     function n(o) {
-      if (o === A) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === H)
+      if (o === P) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === M)
         return "<...>";
       try {
-        var p = e(o);
-        return p ? "<" + p + ">" : "<...>";
+        var f = e(o);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var o = G.A;
+      var o = T.A;
       return o === null ? null : o.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
     function i(o) {
-      if (j.call(o, "key")) {
-        var p = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (p && p.isReactWarning) return !1;
+      if (V.call(o, "key")) {
+        var f = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function c(o, p) {
+    function c(o, f) {
       function x() {
-        X || (X = !0, console.error(
+        p || (p = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          p
+          f
         ));
       }
       x.isReactWarning = !0, Object.defineProperty(o, "key", {
@@ -129,19 +129,19 @@ function Ie() {
     }
     function u() {
       var o = e(this.type);
-      return W[o] || (W[o] = !0, console.error(
+      return h[o] || (h[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function d(o, p, x, w, $, R) {
-      var y = x.ref;
+    function d(o, f, x, w, B, ne) {
+      var v = x.ref;
       return o = {
-        $$typeof: k,
+        $$typeof: R,
         type: o,
-        key: p,
+        key: f,
         props: x,
         _owner: w
-      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(o, "ref", {
+      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
         get: u
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
@@ -158,33 +158,33 @@ function Ie() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $
+        value: B
       }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: R
+        value: ne
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function h(o, p, x, w, $, R) {
-      var y = p.children;
-      if (y !== void 0)
+    function m(o, f, x, w, B, ne) {
+      var v = f.children;
+      if (v !== void 0)
         if (w)
-          if (z(y)) {
-            for (w = 0; w < y.length; w++)
-              g(y[w]);
-            Object.freeze && Object.freeze(y);
+          if (re(v)) {
+            for (w = 0; w < v.length; w++)
+              g(v[w]);
+            Object.freeze && Object.freeze(v);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else g(y);
-      if (j.call(p, "key")) {
-        y = e(o);
-        var O = Object.keys(p).filter(function(Ve) {
+        else g(v);
+      if (V.call(f, "key")) {
+        v = e(o);
+        var $ = Object.keys(f).filter(function(Ve) {
           return Ve !== "key";
         });
-        w = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", T[y + w] || (O = 0 < O.length ? "{" + O.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < $.length ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}", z[v + w] || ($ = 0 < $.length ? "{" + $.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -192,35 +192,35 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           w,
-          y,
-          O,
-          y
-        ), T[y + w] = !0);
+          v,
+          $,
+          v
+        ), z[v + w] = !0);
       }
-      if (y = null, x !== void 0 && (r(x), y = "" + x), i(p) && (r(p.key), y = "" + p.key), "key" in p) {
+      if (v = null, x !== void 0 && (r(x), v = "" + x), i(f) && (r(f.key), v = "" + f.key), "key" in f) {
         x = {};
-        for (var ae in p)
-          ae !== "key" && (x[ae] = p[ae]);
-      } else x = p;
-      return y && c(
+        for (var se in f)
+          se !== "key" && (x[se] = f[se]);
+      } else x = f;
+      return v && c(
         x,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
       ), d(
         o,
-        y,
+        v,
         x,
         a(),
-        $,
-        R
+        B,
+        ne
       );
     }
     function g(o) {
-      v(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === H && (o._payload.status === "fulfilled" ? v(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+      y(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === M && (o._payload.status === "fulfilled" ? y(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function v(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === k;
+    function y(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === R;
     }
-    var E = Ae, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), q = /* @__PURE__ */ Symbol.for("react.portal"), A = /* @__PURE__ */ Symbol.for("react.fragment"), N = /* @__PURE__ */ Symbol.for("react.strict_mode"), B = /* @__PURE__ */ Symbol.for("react.profiler"), D = /* @__PURE__ */ Symbol.for("react.consumer"), re = /* @__PURE__ */ Symbol.for("react.context"), L = /* @__PURE__ */ Symbol.for("react.forward_ref"), M = /* @__PURE__ */ Symbol.for("react.suspense"), ne = /* @__PURE__ */ Symbol.for("react.suspense_list"), se = /* @__PURE__ */ Symbol.for("react.memo"), H = /* @__PURE__ */ Symbol.for("react.lazy"), J = /* @__PURE__ */ Symbol.for("react.activity"), _ = /* @__PURE__ */ Symbol.for("react.client.reference"), G = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, z = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var E = Ae, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), U = /* @__PURE__ */ Symbol.for("react.portal"), P = /* @__PURE__ */ Symbol.for("react.fragment"), F = /* @__PURE__ */ Symbol.for("react.strict_mode"), Y = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), Q = /* @__PURE__ */ Symbol.for("react.context"), _ = /* @__PURE__ */ Symbol.for("react.forward_ref"), D = /* @__PURE__ */ Symbol.for("react.suspense"), ee = /* @__PURE__ */ Symbol.for("react.suspense_list"), te = /* @__PURE__ */ Symbol.for("react.memo"), M = /* @__PURE__ */ Symbol.for("react.lazy"), q = /* @__PURE__ */ Symbol.for("react.activity"), k = /* @__PURE__ */ Symbol.for("react.client.reference"), T = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, re = Array.isArray, A = console.createTask ? console.createTask : function() {
       return null;
     };
     E = {
@@ -228,36 +228,36 @@ React keys must be passed directly to JSX without using spread:
         return o();
       }
     };
-    var X, W = {}, f = E.react_stack_bottom_frame.bind(
+    var p, h = {}, O = E.react_stack_bottom_frame.bind(
       E,
       s
-    )(), m = V(n(s)), T = {};
-    Y.Fragment = A, Y.jsx = function(o, p, x) {
-      var w = 1e4 > G.recentlyCreatedOwnerStacks++;
-      return h(
+    )(), G = A(n(s)), z = {};
+    W.Fragment = P, W.jsx = function(o, f, x) {
+      var w = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return m(
         o,
-        p,
+        f,
         x,
         !1,
-        w ? Error("react-stack-top-frame") : f,
-        w ? V(n(o)) : m
+        w ? Error("react-stack-top-frame") : O,
+        w ? A(n(o)) : G
       );
-    }, Y.jsxs = function(o, p, x) {
-      var w = 1e4 > G.recentlyCreatedOwnerStacks++;
-      return h(
+    }, W.jsxs = function(o, f, x) {
+      var w = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return m(
         o,
-        p,
+        f,
         x,
         !0,
-        w ? Error("react-stack-top-frame") : f,
-        w ? V(n(o)) : m
+        w ? Error("react-stack-top-frame") : O,
+        w ? A(n(o)) : G
       );
     };
-  })()), Y;
+  })()), W;
 }
 var pe;
 function Fe() {
-  return pe || (pe = 1, process.env.NODE_ENV === "production" ? K.exports = $e() : K.exports = Ie()), K.exports;
+  return pe || (pe = 1, process.env.NODE_ENV === "production" ? J.exports = Le() : J.exports = Ie()), J.exports;
 }
 var l = Fe();
 const Ne = {
@@ -325,20 +325,20 @@ const Ne = {
     updateSuccess: "Estado actualizado correctamente.",
     navigating: "Redirigiendo a revisión..."
   }
-}, be = Le(void 0), De = () => {
-  const e = Ge(be);
+}, be = Ge(void 0), De = () => {
+  const e = $e(be);
   if (!e) throw new Error("useViewGate must be used within a ViewGateProvider");
   return e;
 }, Ft = ({ children: e, language: t = "es", apiKey: r, baseUrl: n = "https://view-gate.vercel.app" }) => {
   const [a, s] = C([]), i = (u, d) => {
-    const h = Date.now();
-    s((g) => [...g, { id: h, message: u, type: d }]), setTimeout(() => {
-      s((g) => g.filter((v) => v.id !== h));
+    const m = Date.now();
+    s((g) => [...g, { id: m, message: u, type: d }]), setTimeout(() => {
+      s((g) => g.filter((y) => y.id !== m));
     }, 4e3);
   }, c = Ne[t];
   return /* @__PURE__ */ l.jsxs(be.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:136", value: { addToast: i, language: t, t: c, apiKey: r, baseUrl: n }, children: [
     e,
-    /* @__PURE__ */ l.jsx($t, { "data-source-path": "/src/components/ViewGateProvider.tsx:138" }),
+    /* @__PURE__ */ l.jsx(Lt, { "data-source-path": "/src/components/ViewGateProvider.tsx:138" }),
     /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:139", className: "vg-toasts", children: a.map((u) => /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:141", className: `vg-toast vg-glassmorphism vg-animate-slide ${u.type}`, children: [
       /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:142", style: { fontSize: "20px" }, children: u.type === "success" ? "✅" : "❌" }),
       /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:143", children: [
@@ -358,7 +358,7 @@ function Me(e, t) {
   const r = document.implementation.createHTMLDocument(), n = r.createElement("base"), a = r.createElement("a");
   return r.head.appendChild(n), r.body.appendChild(a), t && (n.href = t), a.href = e, a.href;
 }
-const He = /* @__PURE__ */ (() => {
+const ze = /* @__PURE__ */ (() => {
   let e = 0;
   const t = () => (
     // eslint-disable-next-line no-bitwise
@@ -366,30 +366,30 @@ const He = /* @__PURE__ */ (() => {
   );
   return () => (e += 1, `u${t()}${e}`);
 })();
-function P(e) {
+function j(e) {
   const t = [];
   for (let r = 0, n = e.length; r < n; r++)
     t.push(e[r]);
   return t;
 }
-let I = null;
+let L = null;
 function Ee(e = {}) {
-  return I || (e.includeStyleProperties ? (I = e.includeStyleProperties, I) : (I = P(window.getComputedStyle(document.documentElement)), I));
+  return L || (e.includeStyleProperties ? (L = e.includeStyleProperties, L) : (L = j(window.getComputedStyle(document.documentElement)), L));
 }
-function Q(e, t) {
+function X(e, t) {
   const n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
   return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function ze(e) {
-  const t = Q(e, "border-left-width"), r = Q(e, "border-right-width");
+function He(e) {
+  const t = X(e, "border-left-width"), r = X(e, "border-right-width");
   return e.clientWidth + t + r;
 }
 function We(e) {
-  const t = Q(e, "border-top-width"), r = Q(e, "border-bottom-width");
+  const t = X(e, "border-top-width"), r = X(e, "border-bottom-width");
   return e.clientHeight + t + r;
 }
 function Se(e, t = {}) {
-  const r = t.width || ze(e), n = t.height || We(e);
+  const r = t.width || He(e), n = t.height || We(e);
   return { width: r, height: n };
 }
 function Ue() {
@@ -405,7 +405,7 @@ const S = 16384;
 function Ye(e) {
   (e.width > S || e.height > S) && (e.width > S && e.height > S ? e.width > e.height ? (e.height *= S / e.width, e.width = S) : (e.width *= S / e.height, e.height = S) : e.width > S ? (e.height *= S / e.width, e.width = S) : (e.width *= S / e.height, e.height = S));
 }
-function ee(e) {
+function Z(e) {
   return new Promise((t, r) => {
     const n = new Image();
     n.onload = () => {
@@ -446,7 +446,7 @@ function me(e, t, r, n) {
   const a = window.getComputedStyle(e, r), s = a.getPropertyValue("content");
   if (s === "" || s === "none")
     return;
-  const i = He();
+  const i = ze();
   try {
     t.className = `${t.className} ${i}`;
   } catch {
@@ -475,14 +475,14 @@ function et(e) {
   const t = /\.([^./]*?)$/g.exec(e);
   return t ? t[1] : "";
 }
-function le(e) {
+function ce(e) {
   const t = et(e).toLowerCase();
   return Qe[t] || "";
 }
 function tt(e) {
   return e.split(/,/)[1];
 }
-function ce(e) {
+function ie(e) {
   return e.search(/^(data:)/) !== -1;
 }
 function rt(e, t) {
@@ -504,15 +504,15 @@ async function Ce(e, t, r) {
     }, c.readAsDataURL(a);
   });
 }
-const ie = {};
+const oe = {};
 function nt(e, t, r) {
   let n = e.replace(/\?.*/, "");
   return r && (n = e), /ttf|otf|eot|woff2?/i.test(n) && (n = n.replace(/.*\//, "")), t ? `[${t}]${n}` : n;
 }
-async function ue(e, t, r) {
+async function le(e, t, r) {
   const n = nt(e, t, r.includeQueryParams);
-  if (ie[n] != null)
-    return ie[n];
+  if (oe[n] != null)
+    return oe[n];
   r.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let a;
   try {
@@ -523,27 +523,27 @@ async function ue(e, t, r) {
     let i = `Failed to fetch resource: ${e}`;
     s && (i = typeof s == "string" ? s : s.message), i && console.warn(i);
   }
-  return ie[n] = a, a;
+  return oe[n] = a, a;
 }
 async function st(e) {
   const t = e.toDataURL();
-  return t === "data:," ? e.cloneNode(!1) : ee(t);
+  return t === "data:," ? e.cloneNode(!1) : Z(t);
 }
 async function at(e, t) {
   if (e.currentSrc) {
     const s = document.createElement("canvas"), i = s.getContext("2d");
     s.width = e.clientWidth, s.height = e.clientHeight, i?.drawImage(e, 0, 0, s.width, s.height);
     const c = s.toDataURL();
-    return ee(c);
+    return Z(c);
   }
-  const r = e.poster, n = le(r), a = await ue(r, n, t);
-  return ee(a);
+  const r = e.poster, n = ce(r), a = await le(r, n, t);
+  return Z(a);
 }
 async function ot(e, t) {
   var r;
   try {
     if (!((r = e?.contentDocument) === null || r === void 0) && r.body)
-      return await te(e.contentDocument.body, t, !0);
+      return await K(e.contentDocument.body, t, !0);
   } catch {
   }
   return e.cloneNode(!1);
@@ -557,7 +557,7 @@ async function lt(e, t, r) {
   if (Re(t))
     return t;
   let s = [];
-  return ct(e) && e.assignedNodes ? s = P(e.assignedNodes()) : b(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = P(e.contentDocument.body.childNodes) : s = P(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || b(e, HTMLVideoElement) || await s.reduce((i, c) => i.then(() => te(c, r)).then((u) => {
+  return ct(e) && e.assignedNodes ? s = j(e.assignedNodes()) : b(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = j(e.contentDocument.body.childNodes) : s = j(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || b(e, HTMLVideoElement) || await s.reduce((i, c) => i.then(() => K(c, r)).then((u) => {
     u && t.appendChild(u);
   }), Promise.resolve()), t;
 }
@@ -592,7 +592,7 @@ async function mt(e, t) {
     const c = r[s].getAttribute("xlink:href");
     if (c) {
       const u = e.querySelector(c), d = document.querySelector(c);
-      !u && d && !n[c] && (n[c] = await te(d, t, !0));
+      !u && d && !n[c] && (n[c] = await K(d, t, !0));
     }
   }
   const a = Object.values(n);
@@ -607,7 +607,7 @@ async function mt(e, t) {
   }
   return e;
 }
-async function te(e, t, r) {
+async function K(e, t, r) {
   return !r && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((n) => it(n, t)).then((n) => lt(e, n, t)).then((n) => pt(e, n, t)).then((n) => mt(n, t));
 }
 const ke = /url\((['"]?)([^'"]+?)\1\)/g, ht = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, gt = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
@@ -617,13 +617,13 @@ function xt(e) {
 }
 function yt(e) {
   const t = [];
-  return e.replace(ke, (r, n, a) => (t.push(a), r)), t.filter((r) => !ce(r));
+  return e.replace(ke, (r, n, a) => (t.push(a), r)), t.filter((r) => !ie(r));
 }
 async function wt(e, t, r, n, a) {
   try {
-    const s = r ? Me(t, r) : t, i = le(t);
+    const s = r ? Me(t, r) : t, i = ce(t);
     let c;
-    return a || (c = await ue(s, i, n)), e.replace(xt(t), `$1${c}$3`);
+    return a || (c = await le(s, i, n)), e.replace(xt(t), `$1${c}$3`);
   } catch {
   }
   return e;
@@ -648,7 +648,7 @@ async function Te(e, t, r) {
   const n = vt(e, r);
   return yt(n).reduce((s, i) => s.then((c) => wt(c, i, t, r)), Promise.resolve(n));
 }
-async function F(e, t, r) {
+async function I(e, t, r) {
   var n;
   const a = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
   if (a) {
@@ -658,13 +658,13 @@ async function F(e, t, r) {
   return !1;
 }
 async function bt(e, t) {
-  await F("background", e, t) || await F("background-image", e, t), await F("mask", e, t) || await F("-webkit-mask", e, t) || await F("mask-image", e, t) || await F("-webkit-mask-image", e, t);
+  await I("background", e, t) || await I("background-image", e, t), await I("mask", e, t) || await I("-webkit-mask", e, t) || await I("mask-image", e, t) || await I("-webkit-mask-image", e, t);
 }
 async function Et(e, t) {
   const r = b(e, HTMLImageElement);
-  if (!(r && !ce(e.src)) && !(b(e, SVGImageElement) && !ce(e.href.baseVal)))
+  if (!(r && !ie(e.src)) && !(b(e, SVGImageElement) && !ie(e.href.baseVal)))
     return;
-  const n = r ? e.src : e.href.baseVal, a = await ue(n, le(n), t);
+  const n = r ? e.src : e.href.baseVal, a = await le(n, ce(n), t);
   await new Promise((s, i) => {
     e.onload = s, e.onerror = t.onImageErrorHandler ? (...u) => {
       try {
@@ -678,7 +678,7 @@ async function Et(e, t) {
   });
 }
 async function St(e, t) {
-  const n = P(e.childNodes).map((a) => Oe(a, t));
+  const n = j(e.childNodes).map((a) => Oe(a, t));
   await Promise.all(n).then(() => e);
 }
 async function Oe(e, t) {
@@ -739,20 +739,20 @@ async function Rt(e, t) {
   return e.forEach((a) => {
     if ("cssRules" in a)
       try {
-        P(a.cssRules || []).forEach((s, i) => {
+        j(a.cssRules || []).forEach((s, i) => {
           if (s.type === CSSRule.IMPORT_RULE) {
             let c = i + 1;
-            const u = s.href, d = ye(u).then((h) => we(h, t)).then((h) => ve(h).forEach((g) => {
+            const u = s.href, d = ye(u).then((m) => we(m, t)).then((m) => ve(m).forEach((g) => {
               try {
                 a.insertRule(g, g.startsWith("@import") ? c += 1 : a.cssRules.length);
-              } catch (v) {
+              } catch (y) {
                 console.error("Error inserting rule from remote css", {
                   rule: g,
-                  error: v
+                  error: y
                 });
               }
-            })).catch((h) => {
-              console.error("Error loading remote css", h.toString());
+            })).catch((m) => {
+              console.error("Error loading remote css", m.toString());
             });
             n.push(d);
           }
@@ -768,7 +768,7 @@ async function Rt(e, t) {
   }), Promise.all(n).then(() => (e.forEach((a) => {
     if ("cssRules" in a)
       try {
-        P(a.cssRules || []).forEach((s) => {
+        j(a.cssRules || []).forEach((s) => {
           r.push(s);
         });
       } catch (s) {
@@ -782,7 +782,7 @@ function kt(e) {
 async function jt(e, t) {
   if (e.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = P(e.ownerDocument.styleSheets), n = await Rt(r, t);
+  const r = j(e.ownerDocument.styleSheets), n = await Rt(r, t);
   return kt(n);
 }
 function Pe(e) {
@@ -815,17 +815,17 @@ async function Pt(e, t) {
   }
 }
 async function _t(e, t = {}) {
-  const { width: r, height: n } = Se(e, t), a = await te(e, t, !0);
+  const { width: r, height: n } = Se(e, t), a = await K(e, t, !0);
   return await Pt(a, t), await Oe(a, t), Ct(a, t), await Be(a, r, n);
 }
 async function Vt(e, t = {}) {
-  const { width: r, height: n } = Se(e, t), a = await _t(e, t), s = await ee(a), i = document.createElement("canvas"), c = i.getContext("2d"), u = t.pixelRatio || Ue(), d = t.canvasWidth || r, h = t.canvasHeight || n;
-  return i.width = d * u, i.height = h * u, t.skipAutoScale || Ye(i), i.style.width = `${d}`, i.style.height = `${h}`, t.backgroundColor && (c.fillStyle = t.backgroundColor, c.fillRect(0, 0, i.width, i.height)), c.drawImage(s, 0, 0, i.width, i.height), i;
+  const { width: r, height: n } = Se(e, t), a = await _t(e, t), s = await Z(a), i = document.createElement("canvas"), c = i.getContext("2d"), u = t.pixelRatio || Ue(), d = t.canvasWidth || r, m = t.canvasHeight || n;
+  return i.width = d * u, i.height = m * u, t.skipAutoScale || Ye(i), i.style.width = `${d}`, i.style.height = `${m}`, t.backgroundColor && (c.fillStyle = t.backgroundColor, c.fillRect(0, 0, i.width, i.height)), c.drawImage(s, 0, 0, i.width, i.height), i;
 }
 async function At(e, t = {}) {
   return (await Vt(e, t)).toDataURL();
 }
-const Lt = (e) => {
+const Gt = (e) => {
   const r = Object.keys(e).find((s) => s.startsWith("__reactFiber$") || s.startsWith("__reactInternalInstance$"));
   if (!r) return "";
   const n = [];
@@ -839,7 +839,7 @@ const Lt = (e) => {
     a = a.return;
   }
   return n.join(" > ") || "Generic Component";
-}, Gt = (e) => {
+}, $t = (e) => {
   let t = "unknown:0", r = e;
   for (; r; ) {
     const d = r.getAttribute("data-source-path");
@@ -849,27 +849,27 @@ const Lt = (e) => {
     }
     r = r.parentElement;
   }
-  const n = Lt(e), s = ((d) => {
-    const h = [];
+  const n = Gt(e), s = ((d) => {
+    const m = [];
     let g = d;
     for (; g && g.nodeType === Node.ELEMENT_NODE; ) {
-      let v = g.nodeName.toLowerCase();
+      let y = g.nodeName.toLowerCase();
       if (g.id) {
-        v += "#" + g.id, h.unshift(v);
+        y += "#" + g.id, m.unshift(y);
         break;
       } else {
-        let E = g, k = 1;
+        let E = g, R = 1;
         for (; E.previousElementSibling; )
-          E = E.previousElementSibling, E.nodeName.toLowerCase() === v && k++;
-        k > 1 && (v += `:nth-of-type(${k})`);
+          E = E.previousElementSibling, E.nodeName.toLowerCase() === y && R++;
+        R > 1 && (y += `:nth-of-type(${R})`);
       }
-      h.unshift(v), g = g.parentElement;
+      m.unshift(y), g = g.parentElement;
     }
-    return h.join(" > ");
+    return m.join(" > ");
   })(e), i = (e.innerText || "").slice(0, 50).trim(), c = {};
   ["placeholder", "aria-label", "name", "type", "alt", "title", "value", "role"].forEach((d) => {
-    const h = e.getAttribute(d);
-    h && (c[d] = h);
+    const m = e.getAttribute(d);
+    m && (c[d] = m);
   });
   const u = `${e.tagName.toLowerCase()}-${i.replace(/\s+/g, "_")}-${s.split(" > ").slice(-2).join("_")}`;
   return {
@@ -889,82 +889,50 @@ const Lt = (e) => {
       hint: `Edit ${t.split(":")[0]} at line ${t.split(":")[1] || "?"}`
     }
   };
-}, $t = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a } = De(), [s, i] = C(!1), [c, u] = C(null), [d, h] = C(null), [g, v] = C(""), [E, k] = C(!1), [q, A] = C(!1), [N, B] = C(!1), [D, re] = C([]), [L, M] = C(null), [ne, se] = C(!1), [H, J] = C(!1), [_, G] = C(null), j = oe(async () => {
+}, Lt = () => {
+  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a } = De(), [s, i] = C(!1), [c, u] = C(null), [d, m] = C(null), [g, y] = C(""), [E, R] = C(!1), [U, P] = C(!1), [F, Y] = C(!1), [N, Q] = C([]), [_, D] = C(null), [ee, te] = C(!1), [M, q] = C(!1), k = ae(async () => {
     if (n) {
-      J(!0);
+      q(!0);
       try {
-        const f = await fetch(`${a}/api/annotations`, {
+        const p = await fetch(`${a}/api/annotations`, {
           headers: { "x-api-key": n }
         });
-        if (f.ok) {
-          const m = await f.json();
-          re(m);
+        if (p.ok) {
+          const h = await p.json();
+          Q(h);
         }
-      } catch (f) {
-        console.error("Failed to fetch annotations", f);
+      } catch (p) {
+        console.error("Failed to fetch annotations", p);
       } finally {
-        J(!1);
+        q(!1);
       }
     }
   }, [n, a]);
-  Z(() => {
-    const f = () => {
-      const m = window.location.hash;
-      if (m.includes("vg_hl=")) {
-        const o = m.split("vg_hl=")[1];
-        if (!o) return;
-        const p = decodeURIComponent(o);
-        [100, 500, 1e3, 2e3].forEach((w) => {
-          setTimeout(() => {
-            const $ = document.querySelectorAll("*");
-            for (const R of $)
-              if (R.tagName.toLowerCase() === p.split("-")[0]) {
-                const y = R.getBoundingClientRect();
-                if (y.width > 0 && y.height > 0) {
-                  const O = (R.innerText || "").slice(0, 50).trim().replace(/\s+/g, "_");
-                  if (p.includes(O)) {
-                    R.classList.add("vg-highlight-active"), G(R), R.scrollIntoView({ behavior: "smooth", block: "center" });
-                    break;
-                  }
-                }
-              }
-          }, w);
-        });
-      }
-    };
-    return f(), window.addEventListener("hashchange", f), () => window.removeEventListener("hashchange", f);
-  }, []), Z(() => {
-    if (!_) return;
-    const f = () => {
-      _.classList.remove("vg-highlight-active"), G(null), window.history.replaceState && window.history.replaceState(null, "", window.location.pathname + window.location.search);
-    };
-    return _.addEventListener("mouseover", f), () => _.removeEventListener("mouseover", f);
-  }, [_]), Z(() => {
-    j();
-  }, [j]);
-  const z = oe((f) => {
+  ue(() => {
+    k();
+  }, [k]);
+  const T = ae((p) => {
     if (!s || d) return;
-    const m = document.elementFromPoint(f.clientX, f.clientY);
-    if (!m || m.id === "viewgate-overlay" || m.closest("#viewgate-ui")) {
+    const h = document.elementFromPoint(p.clientX, p.clientY);
+    if (!h || h.id === "viewgate-overlay" || h.closest("#viewgate-ui")) {
       u(null);
       return;
     }
-    m.getAttribute("data-source-path"), u({
-      tag: m.tagName.toLowerCase(),
-      source: m.getAttribute("data-source-path") || "unknown:0",
-      rect: m.getBoundingClientRect(),
-      element: m,
-      previewText: (m.innerText || "").slice(0, 100) || (m.getAttribute("placeholder") || "").slice(0, 100) || m.tagName.toLowerCase(),
-      semanticReference: Gt(m)
+    h.getAttribute("data-source-path"), u({
+      tag: h.tagName.toLowerCase(),
+      source: h.getAttribute("data-source-path") || "unknown:0",
+      rect: h.getBoundingClientRect(),
+      element: h,
+      previewText: (h.innerText || "").slice(0, 100) || (h.getAttribute("placeholder") || "").slice(0, 100) || h.tagName.toLowerCase(),
+      semanticReference: $t(h)
     });
-  }, [s, d]), V = oe(async (f) => {
+  }, [s, d]), V = ae(async (p) => {
     if (!(!s || d) && c) {
-      f.preventDefault(), f.stopPropagation(), A(!0);
+      p.preventDefault(), p.stopPropagation(), P(!0);
       try {
-        const m = c.element.style.display, T = window.getComputedStyle(c.element).display === "inline";
-        T && (c.element.style.display = "inline-block");
-        const o = await At(c.element, {
+        const h = c.element.style.display, O = window.getComputedStyle(c.element).display === "inline";
+        O && (c.element.style.display = "inline-block");
+        const G = await At(c.element, {
           pixelRatio: 2,
           skipFonts: !1,
           cacheBust: !0,
@@ -973,21 +941,21 @@ const Lt = (e) => {
             padding: "4px"
           }
         });
-        T && (c.element.style.display = m), h({ ...c, visualPreview: o });
-      } catch (m) {
-        console.error("Failed to capture preview:", m), h(c);
+        O && (c.element.style.display = h), m({ ...c, visualPreview: G });
+      } catch (h) {
+        console.error("Failed to capture preview:", h), m(c);
       } finally {
-        A(!1), u(null);
+        P(!1), u(null);
       }
     }
-  }, [s, c, d, N]);
-  Z(() => (s && !d ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("mousemove", z), window.addEventListener("click", V, !0), () => {
-    document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("mousemove", z), window.removeEventListener("click", V, !0);
-  }), [s, d, z, V]);
-  const X = async () => {
+  }, [s, c, d, F]);
+  ue(() => (s && !d ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("mousemove", T), window.addEventListener("click", V, !0), () => {
+    document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("mousemove", T), window.removeEventListener("click", V, !0);
+  }), [s, d, T, V]);
+  const re = async () => {
     if (!d || !g.trim()) return;
-    k(!0);
-    const { semanticReference: f } = d, [m, T] = f.source.split(":"), o = T || "0";
+    R(!0);
+    const { semanticReference: p } = d, [h, O] = p.source.split(":"), G = O || "0";
     try {
       if (!(await fetch(`${a}/api/annotations`, {
         method: "POST",
@@ -996,23 +964,23 @@ const Lt = (e) => {
           "x-api-key": n
         },
         body: JSON.stringify({
-          filePath: m,
-          line: parseInt(o),
+          filePath: h,
+          line: parseInt(G),
           url: window.location.href,
           message: g,
-          componentName: f.componentPath || d.tag,
-          reference: f
+          componentName: p.componentPath || d.tag,
+          reference: p
         })
       })).ok) throw new Error("Backend failed");
-      e(r.success, "success"), h(null), v(""), i(!1), j();
-    } catch (p) {
-      console.error(p), e(r.error, "error");
+      e(r.success, "success"), m(null), y(""), i(!1), k();
+    } catch (z) {
+      console.error(z), e(r.error, "error");
     } finally {
-      k(!1);
+      R(!1);
     }
-  }, W = (f) => f.split("/").pop()?.split("\\").pop() || "unknown";
+  }, A = (p) => p.split("/").pop()?.split("\\").pop() || "unknown";
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:345", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: 99999 }, id: "viewgate-ui", children: [
+    /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:282", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: 99999 }, id: "viewgate-ui", children: [
       /* @__PURE__ */ l.jsx(
         "button",
         {
@@ -1022,11 +990,11 @@ const Lt = (e) => {
           children: s ? r.exitMode : r.enterMode
         }
       ),
-      D.length > 0 && /* @__PURE__ */ l.jsx(
+      N.length > 0 && /* @__PURE__ */ l.jsx(
         "button",
         {
           onClick: () => {
-            B(!N), i(!1), h(null);
+            Y(!F), i(!1), m(null);
           },
           className: "vg-button-ghost vg-button-appear",
           style: { padding: "12px 24px", fontSize: "15px", marginLeft: "12px", background: "white" },
@@ -1035,7 +1003,7 @@ const Lt = (e) => {
         "view-comments"
       )
     ] }),
-    q && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:371", style: {
+    U && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:308", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1047,11 +1015,11 @@ const Lt = (e) => {
       justifyContent: "center",
       zIndex: 1e5,
       cursor: "wait"
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:384", className: "vg-glassmorphism", style: { padding: "30px 50px", fontWeight: 700, display: "flex", flexDirection: "column", alignItems: "center", backgroundColor: "rgba(0,0,0,0.7)", color: "white", border: "1px solid rgba(255,255,255,0.1)" }, children: [
-      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:385", className: "vg-spinner" }),
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:321", className: "vg-glassmorphism", style: { padding: "30px 50px", fontWeight: 700, display: "flex", flexDirection: "column", alignItems: "center", backgroundColor: "rgba(0,0,0,0.7)", color: "white", border: "1px solid rgba(255,255,255,0.1)" }, children: [
+      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:322", className: "vg-spinner" }),
       "Capturing..."
     ] }) }),
-    s && c && !d && !q && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:393", style: {
+    s && c && !d && !U && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:330", style: {
       position: "fixed",
       top: c.rect.top,
       left: c.rect.left,
@@ -1065,7 +1033,7 @@ const Lt = (e) => {
       boxShadow: "0 0 15px rgba(37, 19, 236, 0.2)",
       transition: "all 0.1s ease-out"
     } }),
-    d && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:411", className: "vg-animate-fade", style: {
+    d && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:348", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1077,34 +1045,34 @@ const Lt = (e) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: 99999
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:424", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:361", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "32px",
       width: "460px",
       background: "white",
       color: "#0f172a"
     }, children: [
-      /* @__PURE__ */ l.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:430", style: { margin: "0 0 10px 0", fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }),
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:432", style: { marginBottom: "20px" }, children: [
-        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:433", style: { display: "flex", flexWrap: "wrap", gap: "8px", alignItems: "center" }, children: [
-          d.semanticReference.componentPath ? /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:435", className: "vg-badge", style: { backgroundColor: "#f5f3ff", color: "#7c3aed", borderColor: "#ddd6fe" }, children: [
+      /* @__PURE__ */ l.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:367", style: { margin: "0 0 10px 0", fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }),
+      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:369", style: { marginBottom: "20px" }, children: [
+        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:370", style: { display: "flex", flexWrap: "wrap", gap: "8px", alignItems: "center" }, children: [
+          d.semanticReference.componentPath ? /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:372", className: "vg-badge", style: { backgroundColor: "#f5f3ff", color: "#7c3aed", borderColor: "#ddd6fe" }, children: [
             "📦 ",
             d.tag
-          ] }) : /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:439", className: "vg-badge", children: d.tag }),
-          d.semanticReference.source && !d.semanticReference.source.startsWith("unknown") ? /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:444", className: "vg-badge", style: { backgroundColor: "#fdf2f8", color: "#db2777", borderColor: "#fbcfe8" }, children: [
+          ] }) : /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:376", className: "vg-badge", children: d.tag }),
+          d.semanticReference.source && !d.semanticReference.source.startsWith("unknown") ? /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:381", className: "vg-badge", style: { backgroundColor: "#fdf2f8", color: "#db2777", borderColor: "#fbcfe8" }, children: [
             "📄 ",
-            W(d.semanticReference.source.split(":")[0] || "unknown")
-          ] }) }) : /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:449", className: "vg-badge", style: { backgroundColor: "#f0f9ff", color: "#0369a1", borderColor: "#bae6fd", maxWidth: "300px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+            A(d.semanticReference.source.split(":")[0] || "unknown")
+          ] }) }) : /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:386", className: "vg-badge", style: { backgroundColor: "#f0f9ff", color: "#0369a1", borderColor: "#bae6fd", maxWidth: "300px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
             "🆔 ",
             d.semanticReference.signature
           ] })
         ] }),
-        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:454", style: { marginTop: "8px", fontSize: "11px", color: "#94a3b8" }, children: [
+        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:391", style: { marginTop: "8px", fontSize: "11px", color: "#94a3b8" }, children: [
           "🎯 ",
           d.semanticReference.selector
         ] })
       ] }),
-      d.visualPreview && /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:461", style: { marginBottom: "24px" }, children: [
-        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:462", style: {
+      d.visualPreview && /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:398", style: { marginBottom: "24px" }, children: [
+        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:399", style: {
           fontSize: "11px",
           fontWeight: 800,
           textTransform: "uppercase",
@@ -1112,14 +1080,14 @@ const Lt = (e) => {
           letterSpacing: "0.05em",
           marginBottom: "10px"
         }, children: r.preview }),
-        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:472", style: {
+        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:409", style: {
           border: "1px dashed #e2e8f0",
           borderRadius: "10px",
           padding: "16px",
           display: "flex",
           justifyContent: "center",
           backgroundColor: "#fdfdfd"
-        }, children: /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:480", style: {
+        }, children: /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:417", style: {
           position: "relative",
           width: "100%",
           height: "100%",
@@ -1148,17 +1116,17 @@ const Lt = (e) => {
         {
           className: "vg-textarea",
           value: g,
-          onChange: (f) => v(f.target.value),
+          onChange: (p) => y(p.target.value),
           rows: 4,
           placeholder: r.placeholder,
           autoFocus: !0
         }
       ),
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:515", style: { display: "flex", justifyContent: "flex-end", gap: "12px", marginTop: "24px" }, children: [
+      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:452", style: { display: "flex", justifyContent: "flex-end", gap: "12px", marginTop: "24px" }, children: [
         /* @__PURE__ */ l.jsx(
           "button",
           {
-            onClick: () => h(null),
+            onClick: () => m(null),
             className: "vg-button-ghost",
             children: r.cancel
           }
@@ -1166,7 +1134,7 @@ const Lt = (e) => {
         /* @__PURE__ */ l.jsx(
           "button",
           {
-            onClick: X,
+            onClick: re,
             className: "vg-button-primary",
             disabled: E || !g.trim(),
             style: { opacity: E || !g.trim() ? 0.6 : 1 },
@@ -1175,7 +1143,7 @@ const Lt = (e) => {
         )
       ] })
     ] }) }),
-    N && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:537", className: "vg-animate-fade", style: {
+    F && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:474", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1187,7 +1155,7 @@ const Lt = (e) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: 99999
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:550", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:487", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "32px",
       width: "600px",
       maxHeight: "80vh",
@@ -1196,55 +1164,55 @@ const Lt = (e) => {
       display: "flex",
       flexDirection: "column"
     }, children: [
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:559", style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ l.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:560", style: { margin: 0, fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }),
-        /* @__PURE__ */ l.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:561", onClick: () => B(!1), className: "vg-button-ghost", style: { padding: "6px 12px" }, children: "✕" })
+      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:496", style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ l.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:497", style: { margin: 0, fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }),
+        /* @__PURE__ */ l.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:498", onClick: () => Y(!1), className: "vg-button-ghost", style: { padding: "6px 12px" }, children: "✕" })
       ] }),
-      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:564", style: { overflowY: "auto", flex: 1, paddingRight: "8px", display: "flex", flexDirection: "column", gap: "16px" }, children: H ? /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:566", style: { textAlign: "center", padding: "40px", color: "#64748b" }, children: "Cargando..." }) : D.length === 0 ? /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:568", style: { textAlign: "center", padding: "40px", color: "#64748b" }, children: r.noComments }) : D.map((f) => /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:571", style: {
+      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:501", style: { overflowY: "auto", flex: 1, paddingRight: "8px", display: "flex", flexDirection: "column", gap: "16px" }, children: M ? /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:503", style: { textAlign: "center", padding: "40px", color: "#64748b" }, children: "Cargando..." }) : N.length === 0 ? /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:505", style: { textAlign: "center", padding: "40px", color: "#64748b" }, children: r.noComments }) : N.map((p) => /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:508", style: {
         border: "1px solid #e2e8f0",
         borderRadius: "12px",
         padding: "16px",
-        backgroundColor: f.status === "ready_for_review" ? "#f0fdf4" : "#fff"
+        backgroundColor: p.status === "ready_for_review" ? "#f0fdf4" : "#fff"
       }, children: [
-        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:577", style: { display: "flex", justifyContent: "space-between", marginBottom: "12px" }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:578", style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
-          f.status === "ready_for_review" ? /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:580", className: "vg-badge", style: { backgroundColor: "#dcfce7", color: "#166534", borderColor: "#bbf7d0" }, children: [
+        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:514", style: { display: "flex", justifyContent: "space-between", marginBottom: "12px" }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:515", style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
+          p.status === "ready_for_review" ? /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:517", className: "vg-badge", style: { backgroundColor: "#dcfce7", color: "#166534", borderColor: "#bbf7d0" }, children: [
             "✓ ",
             r.readyForReview
-          ] }) : /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:582", className: "vg-badge", style: { backgroundColor: "#fef3c7", color: "#92400e", borderColor: "#fde68a" }, children: [
+          ] }) : /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:519", className: "vg-badge", style: { backgroundColor: "#fef3c7", color: "#92400e", borderColor: "#fde68a" }, children: [
             "⏳ ",
             r.pending
           ] }),
-          /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:584", style: { fontSize: "12px", color: "#64748b" }, children: new Date(f.timestamp).toLocaleString() })
+          /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:521", style: { fontSize: "12px", color: "#64748b" }, children: new Date(p.timestamp).toLocaleString() })
         ] }) }),
-        /* @__PURE__ */ l.jsxs("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:590", style: { margin: "0 0 12px 0", fontSize: "15px", fontWeight: 600 }, children: [
+        /* @__PURE__ */ l.jsxs("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:527", style: { margin: "0 0 12px 0", fontSize: "15px", fontWeight: 600 }, children: [
           '"',
-          f.message,
+          p.message,
           '"'
         ] }),
-        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:592", style: { display: "flex", gap: "6px", flexWrap: "wrap", marginBottom: "16px" }, children: [
-          /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:593", className: "vg-badge", style: { backgroundColor: "#f1f5f9", color: "#475569", border: "none" }, children: [
+        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:529", style: { display: "flex", gap: "6px", flexWrap: "wrap", marginBottom: "16px" }, children: [
+          /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:530", className: "vg-badge", style: { backgroundColor: "#f1f5f9", color: "#475569", border: "none" }, children: [
             "📦 ",
-            f.componentName?.split(" > ").pop() || "UI Element"
+            p.componentName?.split(" > ").pop() || "UI Element"
           ] }),
-          f.filePath && f.filePath !== "unknown" && /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:597", className: "vg-badge", style: { backgroundColor: "#f1f5f9", color: "#475569", border: "none" }, children: [
+          p.filePath && p.filePath !== "unknown" && /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:534", className: "vg-badge", style: { backgroundColor: "#f1f5f9", color: "#475569", border: "none" }, children: [
             "📄 ",
-            W(f.filePath)
+            A(p.filePath)
           ] })
         ] }),
-        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:603", style: { display: "flex", gap: "8px", justifyContent: "flex-end", borderTop: "1px solid #e2e8f0", paddingTop: "16px", marginTop: "8px" }, children: [
-          f.status === "pending" ? /* @__PURE__ */ l.jsxs(
+        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:540", style: { display: "flex", gap: "8px", justifyContent: "flex-end", borderTop: "1px solid #e2e8f0", paddingTop: "16px", marginTop: "8px" }, children: [
+          p.status === "pending" ? /* @__PURE__ */ l.jsxs(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:605",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:542",
               className: "vg-button-primary",
               style: { display: "flex", alignItems: "center", gap: "6px" },
               onClick: async () => {
                 try {
-                  (await fetch(`${a}/api/annotations/${f._id}`, {
+                  (await fetch(`${a}/api/annotations/${p._id}`, {
                     method: "PATCH",
                     headers: { "Content-Type": "application/json", "x-api-key": n },
                     body: JSON.stringify({ status: "ready_for_review" })
-                  })).ok && (j(), e(r.updateSuccess, "success"));
+                  })).ok && (k(), e(r.updateSuccess, "success"));
                 } catch {
                   e(r.error, "error");
                 }
@@ -1257,16 +1225,16 @@ const Lt = (e) => {
           ) : /* @__PURE__ */ l.jsxs(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:627",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:564",
               className: "vg-button-ghost",
               style: { display: "flex", alignItems: "center", gap: "6px" },
               onClick: async () => {
                 try {
-                  (await fetch(`${a}/api/annotations/${f._id}`, {
+                  (await fetch(`${a}/api/annotations/${p._id}`, {
                     method: "PATCH",
                     headers: { "Content-Type": "application/json", "x-api-key": n },
                     body: JSON.stringify({ status: "pending" })
-                  })).ok && (j(), e(r.updateSuccess, "success"));
+                  })).ok && (k(), e(r.updateSuccess, "success"));
                 } catch {
                   e(r.error, "error");
                 }
@@ -1280,17 +1248,13 @@ const Lt = (e) => {
           /* @__PURE__ */ l.jsxs(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:650",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:587",
               className: "vg-button-ghost",
               style: { display: "flex", alignItems: "center", gap: "6px" },
               onClick: () => {
-                if (f.url) {
-                  se(!0);
-                  const m = new URL(f.url);
-                  m.hash = `vg_hl=${encodeURIComponent(f.reference.signature)}`, setTimeout(() => {
-                    window.location.href = m.toString();
-                  }, 1e3);
-                }
+                p.url && (te(!0), setTimeout(() => {
+                  window.location.href = p.url;
+                }, 1e3));
               },
               children: [
                 "👁️ ",
@@ -1301,23 +1265,23 @@ const Lt = (e) => {
           /* @__PURE__ */ l.jsxs(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:667",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:602",
               className: "vg-button-primary",
               style: { backgroundColor: "#ef4444", display: "flex", alignItems: "center", gap: "6px" },
               onClick: () => {
-                M({
+                D({
                   title: r.deleteConfirm,
                   message: r.confirmDelete,
                   onConfirm: async () => {
                     try {
-                      (await fetch(`${a}/api/annotations/${f._id}`, {
+                      (await fetch(`${a}/api/annotations/${p._id}`, {
                         method: "DELETE",
                         headers: { "x-api-key": n }
-                      })).ok && (j(), e(r.deleteSuccess, "success"));
+                      })).ok && (k(), e(r.deleteSuccess, "success"));
                     } catch {
                       e(r.error, "error");
                     } finally {
-                      M(null);
+                      D(null);
                     }
                   }
                 });
@@ -1329,9 +1293,9 @@ const Lt = (e) => {
             }
           )
         ] })
-      ] }, f._id)) })
+      ] }, p._id)) })
     ] }) }),
-    ne && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:706", style: {
+    ee && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:641", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1344,11 +1308,11 @@ const Lt = (e) => {
       zIndex: 3e5,
       backdropFilter: "blur(10px)",
       color: "white"
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:720", style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "20px" }, children: [
-      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:721", className: "vg-spinner", style: { width: "50px", height: "50px", borderTopColor: "white" } }),
-      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:722", style: { fontSize: "18px", fontWeight: 600, letterSpacing: "0.5px" }, children: r.navigating })
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:655", style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "20px" }, children: [
+      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:656", className: "vg-spinner", style: { width: "50px", height: "50px", borderTopColor: "white" } }),
+      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:657", style: { fontSize: "18px", fontWeight: 600, letterSpacing: "0.5px" }, children: r.navigating })
     ] }) }),
-    L && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:729", className: "vg-animate-fade", style: {
+    _ && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:664", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1360,22 +1324,22 @@ const Lt = (e) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: 2e5
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:742", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:677", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "32px",
       width: "400px",
       background: "white",
       textAlign: "center"
     }, children: [
-      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:748", style: { fontSize: "48px", marginBottom: "16px" }, children: "⚠️" }),
-      /* @__PURE__ */ l.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:749", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 700, color: "#0f172a" }, children: L.title }),
-      /* @__PURE__ */ l.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:750", style: { margin: "0 0 24px 0", fontSize: "15px", color: "#64748b", lineHeight: 1.5 }, children: L.message }),
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:752", style: { display: "flex", gap: "12px", justifyContent: "center" }, children: [
+      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:683", style: { fontSize: "48px", marginBottom: "16px" }, children: "⚠️" }),
+      /* @__PURE__ */ l.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:684", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 700, color: "#0f172a" }, children: _.title }),
+      /* @__PURE__ */ l.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:685", style: { margin: "0 0 24px 0", fontSize: "15px", color: "#64748b", lineHeight: 1.5 }, children: _.message }),
+      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:687", style: { display: "flex", gap: "12px", justifyContent: "center" }, children: [
         /* @__PURE__ */ l.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:753",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:688",
             className: "vg-button-ghost",
-            onClick: () => M(null),
+            onClick: () => D(null),
             style: { flex: 1 },
             children: r.no
           }
@@ -1383,10 +1347,10 @@ const Lt = (e) => {
         /* @__PURE__ */ l.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:760",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:695",
             className: "vg-button-primary",
             style: { backgroundColor: "#ef4444", flex: 1 },
-            onClick: L.onConfirm,
+            onClick: _.onConfirm,
             children: r.yes
           }
         )
@@ -1400,7 +1364,7 @@ function _e(e, t, r) {
   return e.split(`
 `).map((c, u) => {
     const d = u + 1;
-    return c.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (h, g, v) => h.includes("data-source-path") || v === "Fragment" || v === "React.Fragment" ? h : `${g}<${v} data-source-path="${a}:${d}"`);
+    return c.replace(/(^|[^a-zA-Z0-9])<([a-zA-Z][a-zA-Z0-9\.]*)(?=[ \t\n\/\>])/g, (m, g, y) => m.includes("data-source-path") || y === "Fragment" || y === "React.Fragment" ? m : `${g}<${y} data-source-path="${a}:${d}"`);
   }).join(`
 `);
 }
@@ -1422,7 +1386,7 @@ function Dt(e) {
 }
 export {
   Ft as ViewGate,
-  $t as ViewGateOverlay,
+  Lt as ViewGateOverlay,
   _e as transformSourcePaths,
   De as useViewGate,
   Dt as viewgateNextLoader,