viewgate-wrapper 1.7.1 → 1.8.0

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}.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 S, useContext as $e, useCallback as ne, useEffect as ue } from "react";
-var J = { exports: {} }, W = {};
+import Ae, { createContext as Ge, useState as C, useContext as $e, useCallback as ae, useEffect as ue } from "react";
+var J = { exports: {} }, z = {};
 var de;
 function Le() {
-  if (de) return W;
+  if (de) return z;
   de = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function r(n, a, s) {
@@ -21,29 +21,29 @@ function Le() {
       props: s
     };
   }
-  return W.Fragment = t, W.jsx = r, W.jsxs = r, W;
+  return z.Fragment = t, z.jsx = r, z.jsxs = r, z;
 }
-var z = {};
+var W = {};
 var fe;
-function 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 === N ? 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 P:
           return "Fragment";
         case Y:
           return "Profiler";
-        case $:
-          return "StrictMode";
         case F:
+          return "StrictMode";
+        case D:
           return "Suspense";
         case ee:
           return "SuspenseList";
-        case I:
+        case q:
           return "Activity";
       }
       if (typeof o == "object")
@@ -54,14 +54,14 @@ function Fe() {
             return "Portal";
           case Q:
             return o.displayName || "Context";
-          case L:
+          case N:
             return (o._context.displayName || "Context") + ".Consumer";
-          case O:
+          case _:
             var f = o.render;
             return o = o.displayName, o || (o = f.displayName || f.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case q:
+          case te:
             return f = o.displayName || null, f !== null ? f : e(o.type) || "Memo";
-          case R:
+          case M:
             f = o._payload, o = o._init;
             try {
               return e(o(f));
@@ -92,7 +92,7 @@ function Fe() {
     }
     function n(o) {
       if (o === P) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === R)
+      if (typeof o == "object" && o !== null && o.$$typeof === M)
         return "<...>";
       try {
         var f = e(o);
@@ -102,14 +102,14 @@ function Fe() {
       }
     }
     function a() {
-      var o = D.A;
+      var o = T.A;
       return o === null ? null : o.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
     function i(o) {
-      if (M.call(o, "key")) {
+      if (V.call(o, "key")) {
         var f = Object.getOwnPropertyDescriptor(o, "key").get;
         if (f && f.isReactWarning) return !1;
       }
@@ -117,7 +117,7 @@ function Fe() {
     }
     function c(o, f) {
       function x() {
-        T || (T = !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)",
           f
         ));
@@ -129,14 +129,14 @@ function Fe() {
     }
     function u() {
       var o = e(this.type);
-      return _[o] || (_[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, f, x, w, B, te) {
+    function d(o, f, x, w, B, ne) {
       var v = x.ref;
       return o = {
-        $$typeof: k,
+        $$typeof: R,
         type: o,
         key: f,
         props: x,
@@ -163,14 +163,14 @@ function Fe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: te
+        value: ne
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function p(o, f, x, w, B, te) {
+    function m(o, f, x, w, B, ne) {
       var v = f.children;
       if (v !== void 0)
         if (w)
-          if (m(v)) {
+          if (re(v)) {
             for (w = 0; w < v.length; w++)
               g(v[w]);
             Object.freeze && Object.freeze(v);
@@ -179,12 +179,12 @@ function Fe() {
               "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(v);
-      if (M.call(f, "key")) {
+      if (V.call(f, "key")) {
         v = e(o);
-        var V = Object.keys(f).filter(function(Ve) {
+        var $ = Object.keys(f).filter(function(Ve) {
           return Ve !== "key";
         });
-        w = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", le[v + w] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < $.length ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}", H[v + w] || ($ = 0 < $.length ? "{" + $.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -193,14 +193,14 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           w,
           v,
-          V,
+          $,
           v
-        ), le[v + w] = !0);
+        ), H[v + w] = !0);
       }
       if (v = null, x !== void 0 && (r(x), v = "" + x), i(f) && (r(f.key), v = "" + f.key), "key" in f) {
         x = {};
-        for (var re in f)
-          re !== "key" && (x[re] = f[re]);
+        for (var se in f)
+          se !== "key" && (x[se] = f[se]);
       } else x = f;
       return v && c(
         x,
@@ -211,16 +211,16 @@ React keys must be passed directly to JSX without using spread:
         x,
         a(),
         B,
-        te
+        ne
       );
     }
     function g(o) {
-      y(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === R && (o._payload.status === "fulfilled" ? y(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 y(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === k;
+      return typeof o == "object" && o !== null && o.$$typeof === R;
     }
-    var E = Ae, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), U = /* @__PURE__ */ Symbol.for("react.portal"), P = /* @__PURE__ */ Symbol.for("react.fragment"), $ = /* @__PURE__ */ Symbol.for("react.strict_mode"), Y = /* @__PURE__ */ Symbol.for("react.profiler"), L = /* @__PURE__ */ Symbol.for("react.consumer"), Q = /* @__PURE__ */ Symbol.for("react.context"), O = /* @__PURE__ */ Symbol.for("react.forward_ref"), F = /* @__PURE__ */ Symbol.for("react.suspense"), ee = /* @__PURE__ */ Symbol.for("react.suspense_list"), q = /* @__PURE__ */ Symbol.for("react.memo"), R = /* @__PURE__ */ Symbol.for("react.lazy"), I = /* @__PURE__ */ Symbol.for("react.activity"), N = /* @__PURE__ */ Symbol.for("react.client.reference"), D = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, m = Array.isArray, h = 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,38 +228,38 @@ React keys must be passed directly to JSX without using spread:
         return o();
       }
     };
-    var T, _ = {}, H = E.react_stack_bottom_frame.bind(
+    var p, h = {}, O = E.react_stack_bottom_frame.bind(
       E,
       s
-    )(), ce = h(n(s)), le = {};
-    z.Fragment = P, z.jsx = function(o, f, x) {
-      var w = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return p(
+    )(), G = A(n(s)), H = {};
+    W.Fragment = P, W.jsx = function(o, f, x) {
+      var w = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return m(
         o,
         f,
         x,
         !1,
-        w ? Error("react-stack-top-frame") : H,
-        w ? h(n(o)) : ce
+        w ? Error("react-stack-top-frame") : O,
+        w ? A(n(o)) : G
       );
-    }, z.jsxs = function(o, f, x) {
-      var w = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return p(
+    }, W.jsxs = function(o, f, x) {
+      var w = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return m(
         o,
         f,
         x,
         !0,
-        w ? Error("react-stack-top-frame") : H,
-        w ? h(n(o)) : ce
+        w ? Error("react-stack-top-frame") : O,
+        w ? A(n(o)) : G
       );
     };
-  })()), z;
+  })()), W;
 }
-var me;
-function Ie() {
-  return me || (me = 1, process.env.NODE_ENV === "production" ? J.exports = Le() : J.exports = Fe()), J.exports;
+var pe;
+function Fe() {
+  return pe || (pe = 1, process.env.NODE_ENV === "production" ? J.exports = Le() : J.exports = Ie()), J.exports;
 }
-var l = Ie();
+var l = Fe();
 const Ne = {
   en: {
     enterMode: "🚀 Enter Feedback Mode",
@@ -285,10 +285,13 @@ const Ne = {
     deleteConfirm: "Are you sure you want to close/delete this comment?",
     markReady: "Mark as Ready",
     reopen: "Reopen",
-    goToSite: "Go to Site",
+    review: "Review",
     confirmDelete: "Are you sure you want to delete this annotation?",
     yes: "Yes, delete",
-    no: "No, cancel"
+    no: "No, cancel",
+    deleteSuccess: "The annotation has been deleted.",
+    updateSuccess: "Status updated successfully.",
+    navigating: "Navigating to source..."
   },
   es: {
     enterMode: "🚀 Activar Modo Comentarios",
@@ -314,30 +317,33 @@ const Ne = {
     deleteConfirm: "¿Estás seguro de que deseas cerrar y eliminar este comentario?",
     markReady: "Marcar como Listo",
     reopen: "Reabrir",
-    goToSite: "Ir a la Web",
+    review: "Revisar",
     confirmDelete: "¿Estás seguro de que deseas eliminar este comentario?",
     yes: "Sí, eliminar",
-    no: "No, cancelar"
+    no: "No, cancelar",
+    deleteSuccess: "El comentario ha sido eliminado.",
+    updateSuccess: "Estado actualizado correctamente.",
+    navigating: "Redirigiendo al origen..."
   }
 }, be = Ge(void 0), De = () => {
   const e = $e(be);
   if (!e) throw new Error("useViewGate must be used within a ViewGateProvider");
   return e;
-}, It = ({ children: e, language: t = "es", apiKey: r, baseUrl: n = "https://view-gate.vercel.app" }) => {
-  const [a, s] = S([]), i = (u, d) => {
-    const p = Date.now();
-    s((g) => [...g, { id: p, message: u, type: d }]), setTimeout(() => {
-      s((g) => g.filter((y) => y.id !== p));
+}, Ft = ({ children: e, language: t = "es", apiKey: r, baseUrl: n = "https://view-gate.vercel.app" }) => {
+  const [a, s] = C([]), i = (u, d) => {
+    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:130", value: { addToast: i, language: t, t: c, apiKey: r, baseUrl: n }, children: [
+  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(Lt, { "data-source-path": "/src/components/ViewGateProvider.tsx:132" }),
-    /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:133", className: "vg-toasts", children: a.map((u) => /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:135", className: `vg-toast vg-glassmorphism vg-animate-slide ${u.type}`, children: [
-      /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:136", style: { fontSize: "20px" }, children: u.type === "success" ? "✅" : "❌" }),
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:137", children: [
-        /* @__PURE__ */ l.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:138", style: { display: "block" }, children: u.type === "success" ? c.successHeader : c.errorHeader }),
-        /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:139", style: { fontSize: "14px" }, children: u.message })
+    /* @__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: [
+        /* @__PURE__ */ l.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:144", style: { display: "block" }, children: u.type === "success" ? c.successHeader : c.errorHeader }),
+        /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:145", style: { fontSize: "14px" }, children: u.message })
       ] })
     ] }, u.id)) })
   ] });
@@ -366,24 +372,24 @@ function j(e) {
     t.push(e[r]);
   return t;
 }
-let A = null;
+let L = null;
 function Ee(e = {}) {
-  return A || (e.includeStyleProperties ? (A = e.includeStyleProperties, A) : (A = j(window.getComputedStyle(document.documentElement)), A));
+  return L || (e.includeStyleProperties ? (L = e.includeStyleProperties, L) : (L = j(window.getComputedStyle(document.documentElement)), L));
 }
 function X(e, t) {
   const n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
   return n ? parseFloat(n.replace("px", "")) : 0;
 }
-function We(e) {
+function ze(e) {
   const t = X(e, "border-left-width"), r = X(e, "border-right-width");
   return e.clientWidth + t + r;
 }
-function ze(e) {
+function We(e) {
   const t = X(e, "border-top-width"), r = X(e, "border-bottom-width");
   return e.clientHeight + t + r;
 }
-function Ce(e, t = {}) {
-  const r = t.width || We(e), n = t.height || ze(e);
+function Se(e, t = {}) {
+  const r = t.width || ze(e), n = t.height || We(e);
   return { width: r, height: n };
 }
 function Ue() {
@@ -395,9 +401,9 @@ function Ue() {
   const r = t && t.env ? t.env.devicePixelRatio : null;
   return r && (e = parseInt(r, 10), Number.isNaN(e) && (e = 1)), e || window.devicePixelRatio || 1;
 }
-const C = 16384;
+const S = 16384;
 function Ye(e) {
-  (e.width > C || e.height > C) && (e.width > C && e.height > C ? e.width > e.height ? (e.height *= C / e.width, e.width = C) : (e.width *= C / e.height, e.height = C) : e.width > C ? (e.height *= C / e.width, e.width = C) : (e.width *= C / e.height, e.height = C));
+  (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 Z(e) {
   return new Promise((t, r) => {
@@ -436,7 +442,7 @@ function Ze(e, t, r, n) {
   const a = `.${e}:${t}`, s = r.cssText ? Je(r) : Xe(r, n);
   return document.createTextNode(`${a}{${s}}`);
 }
-function pe(e, t, r, n) {
+function me(e, t, r, n) {
   const a = window.getComputedStyle(e, r), s = a.getPropertyValue("content");
   if (s === "" || s === "none")
     return;
@@ -450,7 +456,7 @@ function pe(e, t, r, n) {
   c.appendChild(Ze(i, r, a, n)), t.appendChild(c);
 }
 function Ke(e, t, r) {
-  pe(e, t, ":before", r), pe(e, t, ":after", r);
+  me(e, t, ":before", r), me(e, t, ":after", r);
 }
 const he = "application/font-woff", ge = "image/jpeg", Qe = {
   woff: he,
@@ -469,20 +475,20 @@ function et(e) {
   const t = /\.([^./]*?)$/g.exec(e);
   return t ? t[1] : "";
 }
-function oe(e) {
+function ce(e) {
   const t = et(e).toLowerCase();
   return Qe[t] || "";
 }
 function tt(e) {
   return e.split(/,/)[1];
 }
-function ae(e) {
+function ie(e) {
   return e.search(/^(data:)/) !== -1;
 }
 function rt(e, t) {
   return `data:${t};base64,${e}`;
 }
-async function Se(e, t, r) {
+async function Ce(e, t, r) {
   const n = await fetch(e, t);
   if (n.status === 404)
     throw new Error(`Resource "${n.url}" not found`);
@@ -498,26 +504,26 @@ async function Se(e, t, r) {
     }, c.readAsDataURL(a);
   });
 }
-const se = {};
+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 ie(e, t, r) {
+async function le(e, t, r) {
   const n = nt(e, t, r.includeQueryParams);
-  if (se[n] != null)
-    return se[n];
+  if (oe[n] != null)
+    return oe[n];
   r.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let a;
   try {
-    const s = await Se(e, r.fetchRequestInit, ({ res: i, result: c }) => (t || (t = i.headers.get("Content-Type") || ""), tt(c)));
+    const s = await Ce(e, r.fetchRequestInit, ({ res: i, result: c }) => (t || (t = i.headers.get("Content-Type") || ""), tt(c)));
     a = rt(s, t);
   } catch (s) {
     a = r.imagePlaceholder || "";
     let i = `Failed to fetch resource: ${e}`;
     s && (i = typeof s == "string" ? s : s.message), i && console.warn(i);
   }
-  return se[n] = a, a;
+  return oe[n] = a, a;
 }
 async function st(e) {
   const t = e.toDataURL();
@@ -530,7 +536,7 @@ async function at(e, t) {
     const c = s.toDataURL();
     return Z(c);
   }
-  const r = e.poster, n = oe(r), a = await ie(r, n, t);
+  const r = e.poster, n = ce(r), a = await le(r, n, t);
   return Z(a);
 }
 async function ot(e, t) {
@@ -574,10 +580,10 @@ function ft(e, t) {
     n && n.setAttribute("selected", "");
   }
 }
-function mt(e, t, r) {
+function pt(e, t, r) {
   return b(t, Element) && (ut(e, t, r), Ke(e, t, r), dt(e, t), ft(e, t)), t;
 }
-async function pt(e, t) {
+async function mt(e, t) {
   const r = e.querySelectorAll ? e.querySelectorAll("use") : [];
   if (r.length === 0)
     return e;
@@ -602,7 +608,7 @@ async function pt(e, t) {
   return e;
 }
 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) => mt(e, n, t)).then((n) => pt(n, t));
+  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;
 function xt(e) {
@@ -611,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) => !ae(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 = oe(t);
+    const s = r ? Me(t, r) : t, i = ce(t);
     let c;
-    return a || (c = await ie(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;
@@ -642,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 G(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) {
@@ -652,13 +658,13 @@ async function G(e, t, r) {
   return !1;
 }
 async function bt(e, t) {
-  await G("background", e, t) || await G("background-image", e, t), await G("mask", e, t) || await G("-webkit-mask", e, t) || await G("mask-image", e, t) || await G("-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 && !ae(e.src)) && !(b(e, SVGImageElement) && !ae(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 ie(n, oe(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 {
@@ -671,14 +677,14 @@ async function Et(e, t) {
     c.decode && (c.decode = s), c.loading === "lazy" && (c.loading = "eager"), r ? (e.srcset = "", e.src = a) : e.href.baseVal = a;
   });
 }
-async function Ct(e, t) {
-  const n = j(e.childNodes).map((a) => Pe(a, t));
+async function St(e, t) {
+  const n = j(e.childNodes).map((a) => Oe(a, t));
   await Promise.all(n).then(() => e);
 }
-async function Pe(e, t) {
-  b(e, Element) && (await bt(e, t), await Et(e, t), await Ct(e, t));
+async function Oe(e, t) {
+  b(e, Element) && (await bt(e, t), await Et(e, t), await St(e, t));
 }
-function St(e, t) {
+function Ct(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;
@@ -698,7 +704,7 @@ async function we(e, t) {
   let r = e.cssText;
   const n = /url\(["']?([^"')]+)["']?\)/g, s = (r.match(/url\([^)]+\)/g) || []).map(async (i) => {
     let c = i.replace(n, "$1");
-    return c.startsWith("https://") || (c = new URL(c, e.url).href), Se(c, t.fetchRequestInit, ({ result: u }) => (r = r.replace(i, `url(${u})`), [i, u]));
+    return c.startsWith("https://") || (c = new URL(c, e.url).href), Ce(c, t.fetchRequestInit, ({ result: u }) => (r = r.replace(i, `url(${u})`), [i, u]));
   });
   return Promise.all(s).then(() => r);
 }
@@ -736,7 +742,7 @@ async function Rt(e, t) {
         j(a.cssRules || []).forEach((s, i) => {
           if (s.type === CSSRule.IMPORT_RULE) {
             let c = i + 1;
-            const u = s.href, d = ye(u).then((p) => we(p, t)).then((p) => ve(p).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 (y) {
@@ -745,8 +751,8 @@ async function Rt(e, t) {
                   error: y
                 });
               }
-            })).catch((p) => {
-              console.error("Error loading remote css", p.toString());
+            })).catch((m) => {
+              console.error("Error loading remote css", m.toString());
             });
             n.push(d);
           }
@@ -779,42 +785,42 @@ async function jt(e, t) {
   const r = j(e.ownerDocument.styleSheets), n = await Rt(r, t);
   return kt(n);
 }
-function Oe(e) {
+function Pe(e) {
   return e.trim().replace(/["']/g, "");
 }
 function Tt(e) {
   const t = /* @__PURE__ */ new Set();
   function r(n) {
     (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((s) => {
-      t.add(Oe(s));
+      t.add(Pe(s));
     }), Array.from(n.children).forEach((s) => {
       s instanceof HTMLElement && r(s);
     });
   }
   return r(e), t;
 }
-async function Pt(e, t) {
+async function Ot(e, t) {
   const r = await jt(e, t), n = Tt(e);
-  return (await Promise.all(r.filter((s) => n.has(Oe(s.style.fontFamily))).map((s) => {
+  return (await Promise.all(r.filter((s) => n.has(Pe(s.style.fontFamily))).map((s) => {
     const i = s.parentStyleSheet ? s.parentStyleSheet.href : null;
     return Te(s.cssText, i, t);
   }))).join(`
 `);
 }
-async function Ot(e, t) {
-  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await Pt(e, t);
+async function Pt(e, t) {
+  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await Ot(e, t);
   if (r) {
     const n = document.createElement("style"), a = document.createTextNode(r);
     n.appendChild(a), e.firstChild ? e.insertBefore(n, e.firstChild) : e.appendChild(n);
   }
 }
 async function _t(e, t = {}) {
-  const { width: r, height: n } = Ce(e, t), a = await K(e, t, !0);
-  return await Ot(a, t), await Pe(a, t), St(a, t), await Be(a, r, n);
+  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 } = Ce(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, p = t.canvasHeight || n;
-  return i.width = d * u, i.height = p * u, t.skipAutoScale || Ye(i), i.style.width = `${d}`, i.style.height = `${p}`, 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();
@@ -844,26 +850,26 @@ const Gt = (e) => {
     r = r.parentElement;
   }
   const n = Gt(e), s = ((d) => {
-    const p = [];
+    const m = [];
     let g = d;
     for (; g && g.nodeType === Node.ELEMENT_NODE; ) {
       let y = g.nodeName.toLowerCase();
       if (g.id) {
-        y += "#" + g.id, p.unshift(y);
+        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() === y && k++;
-        k > 1 && (y += `:nth-of-type(${k})`);
+          E = E.previousElementSibling, E.nodeName.toLowerCase() === y && R++;
+        R > 1 && (y += `:nth-of-type(${R})`);
       }
-      p.unshift(y), g = g.parentElement;
+      m.unshift(y), g = g.parentElement;
     }
-    return p.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 p = e.getAttribute(d);
-    p && (c[d] = p);
+    const m = e.getAttribute(d);
+    m && (c[d] = m);
   });
   const u = `${e.tagName.toLowerCase()}-${i.replace(/\s+/g, "_")}-${s.split(" > ").slice(-2).join("_")}`;
   return {
@@ -884,30 +890,30 @@ const Gt = (e) => {
     }
   };
 }, Lt = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a } = De(), [s, i] = S(!1), [c, u] = S(null), [d, p] = S(null), [g, y] = S(""), [E, k] = S(!1), [U, P] = S(!1), [$, Y] = S(!1), [L, Q] = S([]), [O, F] = S(null), [ee, q] = S(!1), R = ne(async () => {
+  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) {
       q(!0);
       try {
-        const m = await fetch(`${a}/api/annotations`, {
+        const p = await fetch(`${a}/api/annotations`, {
           headers: { "x-api-key": n }
         });
-        if (m.ok) {
-          const h = await m.json();
+        if (p.ok) {
+          const h = await p.json();
           Q(h);
         }
-      } catch (m) {
-        console.error("Failed to fetch annotations", m);
+      } catch (p) {
+        console.error("Failed to fetch annotations", p);
       } finally {
         q(!1);
       }
     }
   }, [n, a]);
   ue(() => {
-    R();
-  }, [R]);
-  const I = ne((m) => {
+    k();
+  }, [k]);
+  const T = ae((p) => {
     if (!s || d) return;
-    const h = document.elementFromPoint(m.clientX, m.clientY);
+    const h = document.elementFromPoint(p.clientX, p.clientY);
     if (!h || h.id === "viewgate-overlay" || h.closest("#viewgate-ui")) {
       u(null);
       return;
@@ -920,13 +926,13 @@ const Gt = (e) => {
       previewText: (h.innerText || "").slice(0, 100) || (h.getAttribute("placeholder") || "").slice(0, 100) || h.tagName.toLowerCase(),
       semanticReference: $t(h)
     });
-  }, [s, d]), N = ne(async (m) => {
+  }, [s, d]), V = ae(async (p) => {
     if (!(!s || d) && c) {
-      m.preventDefault(), m.stopPropagation(), P(!0);
+      p.preventDefault(), p.stopPropagation(), P(!0);
       try {
-        const h = c.element.style.display, T = window.getComputedStyle(c.element).display === "inline";
-        T && (c.element.style.display = "inline-block");
-        const _ = 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, {
           backgroundColor: "#ffffff",
           pixelRatio: 2,
           skipFonts: !0,
@@ -936,21 +942,21 @@ const Gt = (e) => {
             // Extra padding for better look
           }
         });
-        T && (c.element.style.display = h), p({ ...c, visualPreview: _ });
+        O && (c.element.style.display = h), m({ ...c, visualPreview: G });
       } catch (h) {
-        console.error("Failed to capture preview:", h), p(c);
+        console.error("Failed to capture preview:", h), m(c);
       } finally {
         P(!1), u(null);
       }
     }
-  }, [s, c, d, $]);
-  ue(() => (s && !d ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("mousemove", I), window.addEventListener("click", N, !0), () => {
-    document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("mousemove", I), window.removeEventListener("click", N, !0);
-  }), [s, d, I, N]);
-  const D = 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: m } = d, [h, T] = m.source.split(":"), _ = 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",
@@ -960,22 +966,22 @@ const Gt = (e) => {
         },
         body: JSON.stringify({
           filePath: h,
-          line: parseInt(_),
+          line: parseInt(G),
           url: window.location.href,
           message: g,
-          componentName: m.componentPath || d.tag,
-          reference: m
+          componentName: p.componentPath || d.tag,
+          reference: p
         })
       })).ok) throw new Error("Backend failed");
-      e(r.success, "success"), p(null), y(""), i(!1), R();
+      e(r.success, "success"), m(null), y(""), i(!1), k();
     } catch (H) {
       console.error(H), e(r.error, "error");
     } finally {
-      k(!1);
+      R(!1);
     }
-  }, M = (m) => m.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:281", 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",
         {
@@ -985,11 +991,11 @@ const Gt = (e) => {
           children: s ? r.exitMode : r.enterMode
         }
       ),
-      L.length > 0 && /* @__PURE__ */ l.jsx(
+      N.length > 0 && /* @__PURE__ */ l.jsx(
         "button",
         {
           onClick: () => {
-            Y(!$), i(!1), p(null);
+            Y(!F), i(!1), m(null);
           },
           className: "vg-button-ghost",
           style: { padding: "12px 24px", fontSize: "15px", marginLeft: "12px", background: "white" },
@@ -997,7 +1003,7 @@ const Gt = (e) => {
         }
       )
     ] }),
-    U && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:306", style: {
+    U && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:307", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1009,11 +1015,11 @@ const Gt = (e) => {
       justifyContent: "center",
       zIndex: 1e5,
       cursor: "wait"
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:319", 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:320", className: "vg-spinner" }),
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:320", 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:321", className: "vg-spinner" }),
       "Capturing..."
     ] }) }),
-    s && c && !d && !U && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:328", style: {
+    s && c && !d && !U && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:329", style: {
       position: "fixed",
       top: c.rect.top,
       left: c.rect.left,
@@ -1027,7 +1033,7 @@ const Gt = (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:346", className: "vg-animate-fade", style: {
+    d && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:347", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1039,33 +1045,33 @@ const Gt = (e) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: 99999
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:359", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:360", 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:365", style: { margin: "0 0 10px 0", fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }),
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:367", style: { marginBottom: "20px" }, children: [
-        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:368", style: { display: "flex", flexWrap: "wrap", gap: "8px", alignItems: "center" }, children: [
-          d.semanticReference.componentPath ? /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:370", className: "vg-badge", style: { backgroundColor: "#f5f3ff", color: "#7c3aed", borderColor: "#ddd6fe" }, children: [
+      /* @__PURE__ */ l.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:366", style: { margin: "0 0 10px 0", fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }),
+      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:368", style: { marginBottom: "20px" }, children: [
+        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:369", style: { display: "flex", flexWrap: "wrap", gap: "8px", alignItems: "center" }, children: [
+          d.semanticReference.componentPath ? /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:371", className: "vg-badge", style: { backgroundColor: "#f5f3ff", color: "#7c3aed", borderColor: "#ddd6fe" }, children: [
             "📦 ",
-            d.semanticReference.componentPath
-          ] }) : /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:374", 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:379", className: "vg-badge", style: { backgroundColor: "#fdf2f8", color: "#db2777", borderColor: "#fbcfe8" }, children: [
+            d.tag
+          ] }) : /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:375", 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:380", className: "vg-badge", style: { backgroundColor: "#fdf2f8", color: "#db2777", borderColor: "#fbcfe8" }, children: [
             "📄 ",
-            M(d.semanticReference.source.split(":")[0] || "unknown")
-          ] }) }) : /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:384", 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:385", 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:389", style: { marginTop: "8px", fontSize: "11px", color: "#94a3b8" }, children: [
+        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:390", style: { marginTop: "8px", fontSize: "11px", color: "#94a3b8" }, children: [
           "🎯 ",
           d.semanticReference.selector
         ] })
       ] }),
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:395", style: {
+      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:396", style: {
         backgroundColor: "#f8fafc",
         borderRadius: "8px",
         border: "1px solid #e2e8f0",
@@ -1074,16 +1080,16 @@ const Gt = (e) => {
         display: "flex",
         flexDirection: "column"
       }, children: [
-        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:404", style: { padding: "8px 12px", fontSize: "10px", color: "#94a3b8", textTransform: "uppercase", fontWeight: 700, borderBottom: "1px solid #f1f5f9" }, children: r.preview }),
-        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:407", style: {
+        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:405", style: { padding: "8px 12px", fontSize: "10px", color: "#94a3b8", textTransform: "uppercase", fontWeight: 700, borderBottom: "1px solid #f1f5f9" }, children: r.preview }),
+        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:408", style: {
           padding: "12px",
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
-          minHeight: "60px",
-          maxHeight: "150px",
+          minHeight: "100px",
+          maxHeight: "200px",
           overflow: "hidden",
-          backgroundColor: "white"
+          backgroundColor: "#fdfdfd"
         }, children: d.visualPreview ? /* @__PURE__ */ l.jsx(
           "img",
           {
@@ -1097,7 +1103,7 @@ const Gt = (e) => {
               borderRadius: "4px"
             }
           }
-        ) : /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:430", style: { fontSize: "13px", color: "#64748b", fontStyle: "italic" }, children: [
+        ) : /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:431", style: { fontSize: "13px", color: "#64748b", fontStyle: "italic" }, children: [
           '"',
           d.previewText,
           '"'
@@ -1108,17 +1114,17 @@ const Gt = (e) => {
         {
           className: "vg-textarea",
           value: g,
-          onChange: (m) => y(m.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:446", style: { display: "flex", justifyContent: "flex-end", gap: "12px", marginTop: "24px" }, children: [
+      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:447", style: { display: "flex", justifyContent: "flex-end", gap: "12px", marginTop: "24px" }, children: [
         /* @__PURE__ */ l.jsx(
           "button",
           {
-            onClick: () => p(null),
+            onClick: () => m(null),
             className: "vg-button-ghost",
             children: r.cancel
           }
@@ -1126,7 +1132,7 @@ const Gt = (e) => {
         /* @__PURE__ */ l.jsx(
           "button",
           {
-            onClick: D,
+            onClick: re,
             className: "vg-button-primary",
             disabled: E || !g.trim(),
             style: { opacity: E || !g.trim() ? 0.6 : 1 },
@@ -1135,7 +1141,7 @@ const Gt = (e) => {
         )
       ] })
     ] }) }),
-    $ && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:468", className: "vg-animate-fade", style: {
+    F && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:469", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1147,7 +1153,7 @@ const Gt = (e) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: 99999
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:481", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:482", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "32px",
       width: "600px",
       maxHeight: "80vh",
@@ -1156,49 +1162,49 @@ const Gt = (e) => {
       display: "flex",
       flexDirection: "column"
     }, children: [
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:490", style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ l.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:491", style: { margin: 0, fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }),
-        /* @__PURE__ */ l.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:492", onClick: () => Y(!1), className: "vg-button-ghost", style: { padding: "6px 12px" }, children: "✕" })
+      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:491", style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ l.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:492", style: { margin: 0, fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }),
+        /* @__PURE__ */ l.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:493", onClick: () => Y(!1), className: "vg-button-ghost", style: { padding: "6px 12px" }, children: "✕" })
       ] }),
-      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:495", style: { overflowY: "auto", flex: 1, paddingRight: "8px", display: "flex", flexDirection: "column", gap: "16px" }, children: ee ? /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:497", style: { textAlign: "center", padding: "40px", color: "#64748b" }, children: "Cargando..." }) : L.length === 0 ? /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:499", style: { textAlign: "center", padding: "40px", color: "#64748b" }, children: r.noComments }) : L.map((m) => /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:502", style: {
+      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:496", 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:498", style: { textAlign: "center", padding: "40px", color: "#64748b" }, children: "Cargando..." }) : N.length === 0 ? /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:500", style: { textAlign: "center", padding: "40px", color: "#64748b" }, children: r.noComments }) : N.map((p) => /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:503", style: {
         border: "1px solid #e2e8f0",
         borderRadius: "12px",
         padding: "16px",
-        backgroundColor: m.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:508", style: { display: "flex", justifyContent: "space-between", marginBottom: "12px" }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:509", style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
-          m.status === "ready_for_review" ? /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:511", className: "vg-badge", style: { backgroundColor: "#dcfce7", color: "#166534", borderColor: "#bbf7d0" }, children: [
+        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:509", style: { display: "flex", justifyContent: "space-between", marginBottom: "12px" }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:510", style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
+          p.status === "ready_for_review" ? /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:512", className: "vg-badge", style: { backgroundColor: "#dcfce7", color: "#166534", borderColor: "#bbf7d0" }, children: [
             "✓ ",
             r.readyForReview
-          ] }) : /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:513", className: "vg-badge", style: { backgroundColor: "#fef3c7", color: "#92400e", borderColor: "#fde68a" }, children: [
+          ] }) : /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:514", className: "vg-badge", style: { backgroundColor: "#fef3c7", color: "#92400e", borderColor: "#fde68a" }, children: [
             "⏳ ",
             r.pending
           ] }),
-          /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:515", style: { fontSize: "12px", color: "#64748b" }, children: new Date(m.timestamp).toLocaleString() })
+          /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:516", style: { fontSize: "12px", color: "#64748b" }, children: new Date(p.timestamp).toLocaleString() })
         ] }) }),
-        /* @__PURE__ */ l.jsxs("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:521", style: { margin: "0 0 12px 0", fontSize: "15px", fontWeight: 600 }, children: [
+        /* @__PURE__ */ l.jsxs("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:522", style: { margin: "0 0 12px 0", fontSize: "15px", fontWeight: 600 }, children: [
           '"',
-          m.message,
+          p.message,
           '"'
         ] }),
-        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:523", style: { display: "flex", gap: "6px", flexWrap: "wrap", marginBottom: "16px" }, children: [
-          /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:524", className: "vg-badge", style: { backgroundColor: "#f1f5f9", color: "#475569", border: "none" }, children: m.componentName || "UI Element" }),
-          m.filePath && m.filePath !== "unknown" && /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:528", className: "vg-badge", style: { backgroundColor: "#f1f5f9", color: "#475569", border: "none" }, children: M(m.filePath) })
+        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:524", style: { display: "flex", gap: "6px", flexWrap: "wrap", marginBottom: "16px" }, children: [
+          /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:525", className: "vg-badge", style: { backgroundColor: "#f1f5f9", color: "#475569", border: "none" }, children: p.componentName || "UI Element" }),
+          p.filePath && p.filePath !== "unknown" && /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:529", className: "vg-badge", style: { backgroundColor: "#f1f5f9", color: "#475569", border: "none" }, children: A(p.filePath) })
         ] }),
-        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:534", style: { display: "flex", gap: "8px", justifyContent: "flex-end", borderTop: "1px solid #e2e8f0", paddingTop: "16px", marginTop: "8px" }, children: [
-          m.status === "pending" ? /* @__PURE__ */ l.jsxs(
+        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:535", 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:536",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:537",
               className: "vg-button-primary",
               style: { display: "flex", alignItems: "center", gap: "6px" },
               onClick: async () => {
                 try {
-                  (await fetch(`${a}/api/annotations/${m._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 && (R(), e(r.success, "success"));
+                  })).ok && (k(), e(r.updateSuccess, "success"));
                 } catch {
                   e(r.error, "error");
                 }
@@ -1211,16 +1217,16 @@ const Gt = (e) => {
           ) : /* @__PURE__ */ l.jsxs(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:558",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:559",
               className: "vg-button-ghost",
               style: { display: "flex", alignItems: "center", gap: "6px" },
               onClick: async () => {
                 try {
-                  (await fetch(`${a}/api/annotations/${m._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 && (R(), e(r.success, "success"));
+                  })).ok && (k(), e(r.updateSuccess, "success"));
                 } catch {
                   e(r.error, "error");
                 }
@@ -1234,38 +1240,40 @@ const Gt = (e) => {
           /* @__PURE__ */ l.jsxs(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:581",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:582",
               className: "vg-button-ghost",
               style: { display: "flex", alignItems: "center", gap: "6px" },
               onClick: () => {
-                m.url && (window.location.href = m.url);
+                p.url && (te(!0), setTimeout(() => {
+                  window.location.href = p.url;
+                }, 1e3));
               },
               children: [
-                "🌐 ",
-                r.goToSite
+                "👁️ ",
+                r.review
               ]
             }
           ),
           /* @__PURE__ */ l.jsxs(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:593",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:597",
               className: "vg-button-primary",
               style: { backgroundColor: "#ef4444", display: "flex", alignItems: "center", gap: "6px" },
               onClick: () => {
-                F({
+                D({
                   title: r.deleteConfirm,
                   message: r.confirmDelete,
                   onConfirm: async () => {
                     try {
-                      (await fetch(`${a}/api/annotations/${m._id}`, {
+                      (await fetch(`${a}/api/annotations/${p._id}`, {
                         method: "DELETE",
                         headers: { "x-api-key": n }
-                      })).ok && (R(), e(r.success, "success"));
+                      })).ok && (k(), e(r.deleteSuccess, "success"));
                     } catch {
                       e(r.error, "error");
                     } finally {
-                      F(null);
+                      D(null);
                     }
                   }
                 });
@@ -1277,9 +1285,26 @@ const Gt = (e) => {
             }
           )
         ] })
-      ] }, m._id)) })
+      ] }, p._id)) })
+    ] }) }),
+    ee && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:636", style: {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      backgroundColor: "rgba(0,0,0,0.85)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 3e5,
+      backdropFilter: "blur(10px)",
+      color: "white"
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:650", style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "20px" }, children: [
+      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:651", className: "vg-spinner", style: { width: "50px", height: "50px", borderTopColor: "white" } }),
+      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:652", style: { fontSize: "18px", fontWeight: 600, letterSpacing: "0.5px" }, children: r.navigating })
     ] }) }),
-    O && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:632", className: "vg-animate-fade", style: {
+    _ && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:659", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1291,22 +1316,22 @@ const Gt = (e) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: 2e5
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:645", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:672", 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:651", style: { fontSize: "48px", marginBottom: "16px" }, children: "⚠️" }),
-      /* @__PURE__ */ l.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:652", style: { margin: "0 0 12px 0", fontSize: "20px", fontWeight: 700, color: "#0f172a" }, children: O.title }),
-      /* @__PURE__ */ l.jsx("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:653", style: { margin: "0 0 24px 0", fontSize: "15px", color: "#64748b", lineHeight: 1.5 }, children: O.message }),
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:655", style: { display: "flex", gap: "12px", justifyContent: "center" }, children: [
+      /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:678", style: { fontSize: "48px", marginBottom: "16px" }, children: "⚠️" }),
+      /* @__PURE__ */ l.jsx("h3", { "data-source-path": "/src/components/ViewGateOverlay.tsx:679", 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:680", 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:682", style: { display: "flex", gap: "12px", justifyContent: "center" }, children: [
         /* @__PURE__ */ l.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:656",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:683",
             className: "vg-button-ghost",
-            onClick: () => F(null),
+            onClick: () => D(null),
             style: { flex: 1 },
             children: r.no
           }
@@ -1314,10 +1339,10 @@ const Gt = (e) => {
         /* @__PURE__ */ l.jsx(
           "button",
           {
-            "data-source-path": "/src/components/ViewGateOverlay.tsx:663",
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:690",
             className: "vg-button-primary",
             style: { backgroundColor: "#ef4444", flex: 1 },
-            onClick: O.onConfirm,
+            onClick: _.onConfirm,
             children: r.yes
           }
         )
@@ -1331,7 +1356,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, (p, g, y) => p.includes("data-source-path") || y === "Fragment" || y === "React.Fragment" ? p : `${g}<${y} 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(`
 `);
 }
@@ -1352,7 +1377,7 @@ function Dt(e) {
   return t ? (process.env.NODE_ENV, _e(e, t, process.cwd())) : e;
 }
 export {
-  It as ViewGate,
+  Ft as ViewGate,
   Lt as ViewGateOverlay,
   _e as transformSourcePaths,
   De as useViewGate,