viewgate-wrapper 1.6.1 → 1.7.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 $e, useState as C, useContext as Le, useCallback as te, useEffect as ue } from "react";
-var Y = { exports: {} }, N = {};
+import Ae, { createContext as Ge, useState as S, useContext as $e, useCallback as ne, useEffect as ue } from "react";
+var J = { exports: {} }, W = {};
 var de;
-function Ge() {
-  if (de) return N;
+function Le() {
+  if (de) return W;
   de = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function r(n, a, s) {
@@ -21,47 +21,47 @@ function Ge() {
       props: s
     };
   }
-  return N.Fragment = t, N.jsx = r, N.jsxs = r, N;
+  return W.Fragment = t, W.jsx = r, W.jsxs = r, W;
 }
-var D = {};
+var z = {};
 var fe;
 function Fe() {
   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 === z ? null : o.displayName || o.name || null;
+        return o.$$typeof === N ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case O:
+        case P:
           return "Fragment";
-        case H:
+        case Y:
           return "Profiler";
-        case L:
+        case $:
           return "StrictMode";
-        case W:
+        case F:
           return "Suspense";
-        case k:
+        case ee:
           return "SuspenseList";
-        case K:
+        case I:
           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 M:
+          case U:
             return "Portal";
-          case X:
+          case Q:
             return o.displayName || "Context";
-          case G:
+          case L:
             return (o._context.displayName || "Context") + ".Consumer";
-          case Z:
+          case O:
             var f = o.render;
             return o = o.displayName, o || (o = f.displayName || f.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case F:
+          case q:
             return f = o.displayName || null, f !== null ? f : e(o.type) || "Memo";
-          case P:
+          case R:
             f = o._payload, o = o._init;
             try {
               return e(o(f));
@@ -82,8 +82,8 @@ function Fe() {
       }
       if (f) {
         f = console;
-        var y = f.error, w = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return y.call(
+        var x = f.error, w = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return x.call(
           f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           w
@@ -91,8 +91,8 @@ function Fe() {
       }
     }
     function n(o) {
-      if (o === O) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === P)
+      if (o === P) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === R)
         return "<...>";
       try {
         var f = e(o);
@@ -102,46 +102,46 @@ function Fe() {
       }
     }
     function a() {
-      var o = m.A;
+      var o = D.A;
       return o === null ? null : o.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
     function i(o) {
-      if (h.call(o, "key")) {
+      if (M.call(o, "key")) {
         var f = Object.getOwnPropertyDescriptor(o, "key").get;
         if (f && f.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
     function c(o, f) {
-      function y() {
-        I || (I = !0, console.error(
+      function x() {
+        T || (T = !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
         ));
       }
-      y.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: y,
+      x.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: x,
         configurable: !0
       });
     }
     function u() {
       var o = e(this.type);
-      return oe[o] || (oe[o] = !0, console.error(
+      return _[o] || (_[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, y, w, U, Q) {
-      var b = y.ref;
+    function d(o, f, x, w, B, te) {
+      var v = x.ref;
       return o = {
-        $$typeof: R,
+        $$typeof: k,
         type: o,
         key: f,
-        props: y,
+        props: x,
         _owner: w
-      }, (b !== void 0 ? b : 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 Fe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: B
       }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Q
+        value: te
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function p(o, f, y, w, U, Q) {
-      var b = f.children;
-      if (b !== void 0)
+    function p(o, f, x, w, B, te) {
+      var v = f.children;
+      if (v !== void 0)
         if (w)
-          if (_(b)) {
-            for (w = 0; w < b.length; w++)
-              g(b[w]);
-            Object.freeze && Object.freeze(b);
+          if (m(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(b);
-      if (h.call(f, "key")) {
-        b = e(o);
+        else g(v);
+      if (M.call(f, "key")) {
+        v = e(o);
         var V = Object.keys(f).filter(function(Ve) {
           return Ve !== "key";
         });
-        w = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", le[b + w] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", le[v + w] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -192,35 +192,35 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           w,
-          b,
+          v,
           V,
-          b
-        ), le[b + w] = !0);
+          v
+        ), le[v + w] = !0);
       }
-      if (b = null, y !== void 0 && (r(y), b = "" + y), i(f) && (r(f.key), b = "" + f.key), "key" in f) {
-        y = {};
-        for (var ee in f)
-          ee !== "key" && (y[ee] = f[ee]);
-      } else y = f;
-      return b && c(
-        y,
+      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]);
+      } else x = f;
+      return v && c(
+        x,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
       ), d(
         o,
-        b,
-        y,
+        v,
+        x,
         a(),
-        U,
-        Q
+        B,
+        te
       );
     }
     function g(o) {
-      x(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === P && (o._payload.status === "fulfilled" ? x(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 === 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));
     }
-    function x(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === R;
+    function y(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === k;
     }
-    var E = Ae, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), L = /* @__PURE__ */ Symbol.for("react.strict_mode"), H = /* @__PURE__ */ Symbol.for("react.profiler"), G = /* @__PURE__ */ Symbol.for("react.consumer"), X = /* @__PURE__ */ Symbol.for("react.context"), Z = /* @__PURE__ */ Symbol.for("react.forward_ref"), W = /* @__PURE__ */ Symbol.for("react.suspense"), k = /* @__PURE__ */ Symbol.for("react.suspense_list"), F = /* @__PURE__ */ Symbol.for("react.memo"), P = /* @__PURE__ */ Symbol.for("react.lazy"), K = /* @__PURE__ */ Symbol.for("react.activity"), z = /* @__PURE__ */ Symbol.for("react.client.reference"), m = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, h = Object.prototype.hasOwnProperty, _ = Array.isArray, j = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
     E = {
@@ -228,36 +228,36 @@ React keys must be passed directly to JSX without using spread:
         return o();
       }
     };
-    var I, oe = {}, ie = E.react_stack_bottom_frame.bind(
+    var T, _ = {}, H = E.react_stack_bottom_frame.bind(
       E,
       s
-    )(), ce = j(n(s)), le = {};
-    D.Fragment = O, D.jsx = function(o, f, y) {
-      var w = 1e4 > m.recentlyCreatedOwnerStacks++;
+    )(), ce = h(n(s)), le = {};
+    z.Fragment = P, z.jsx = function(o, f, x) {
+      var w = 1e4 > D.recentlyCreatedOwnerStacks++;
       return p(
         o,
         f,
-        y,
+        x,
         !1,
-        w ? Error("react-stack-top-frame") : ie,
-        w ? j(n(o)) : ce
+        w ? Error("react-stack-top-frame") : H,
+        w ? h(n(o)) : ce
       );
-    }, D.jsxs = function(o, f, y) {
-      var w = 1e4 > m.recentlyCreatedOwnerStacks++;
+    }, z.jsxs = function(o, f, x) {
+      var w = 1e4 > D.recentlyCreatedOwnerStacks++;
       return p(
         o,
         f,
-        y,
+        x,
         !0,
-        w ? Error("react-stack-top-frame") : ie,
-        w ? j(n(o)) : ce
+        w ? Error("react-stack-top-frame") : H,
+        w ? h(n(o)) : ce
       );
     };
-  })()), D;
+  })()), z;
 }
 var me;
 function Ie() {
-  return me || (me = 1, process.env.NODE_ENV === "production" ? Y.exports = Ge() : Y.exports = Fe()), Y.exports;
+  return me || (me = 1, process.env.NODE_ENV === "production" ? J.exports = Le() : J.exports = Fe()), J.exports;
 }
 var l = Ie();
 const Ne = {
@@ -284,7 +284,11 @@ const Ne = {
     noComments: "No comments found.",
     deleteConfirm: "Are you sure you want to close/delete this comment?",
     markReady: "Mark as Ready",
-    reopen: "Reopen"
+    reopen: "Reopen",
+    goToSite: "Go to Site",
+    confirmDelete: "Are you sure you want to delete this annotation?",
+    yes: "Yes, delete",
+    no: "No, cancel"
   },
   es: {
     enterMode: "🚀 Activar Modo Comentarios",
@@ -309,27 +313,31 @@ const Ne = {
     noComments: "No hay comentarios.",
     deleteConfirm: "¿Estás seguro de que deseas cerrar y eliminar este comentario?",
     markReady: "Marcar como Listo",
-    reopen: "Reabrir"
+    reopen: "Reabrir",
+    goToSite: "Ir a la Web",
+    confirmDelete: "¿Estás seguro de que deseas eliminar este comentario?",
+    yes: "Sí, eliminar",
+    no: "No, cancelar"
   }
-}, ve = $e(void 0), De = () => {
-  const e = Le(ve);
+}, 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] = C([]), i = (u, d) => {
+  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((x) => x.id !== p));
+      s((g) => g.filter((y) => y.id !== p));
     }, 4e3);
   }, c = Ne[t];
-  return /* @__PURE__ */ l.jsxs(ve.Provider, { "data-source-path": "/src/components/ViewGateProvider.tsx:122", 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:130", value: { addToast: i, language: t, t: c, apiKey: r, baseUrl: n }, children: [
     e,
-    /* @__PURE__ */ l.jsx(Gt, { "data-source-path": "/src/components/ViewGateProvider.tsx:124" }),
-    /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:125", className: "vg-toasts", children: a.map((u) => /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:127", className: `vg-toast vg-glassmorphism vg-animate-slide ${u.type}`, children: [
-      /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:128", style: { fontSize: "20px" }, children: u.type === "success" ? "✅" : "❌" }),
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateProvider.tsx:129", children: [
-        /* @__PURE__ */ l.jsx("strong", { "data-source-path": "/src/components/ViewGateProvider.tsx:130", style: { display: "block" }, children: u.type === "success" ? c.successHeader : c.errorHeader }),
-        /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateProvider.tsx:131", style: { fontSize: "14px" }, children: u.message })
+    /* @__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 })
       ] })
     ] }, u.id)) })
   ] });
@@ -352,7 +360,7 @@ const He = /* @__PURE__ */ (() => {
   );
   return () => (e += 1, `u${t()}${e}`);
 })();
-function T(e) {
+function j(e) {
   const t = [];
   for (let r = 0, n = e.length; r < n; r++)
     t.push(e[r]);
@@ -360,21 +368,21 @@ function T(e) {
 }
 let A = null;
 function Ee(e = {}) {
-  return A || (e.includeStyleProperties ? (A = e.includeStyleProperties, A) : (A = T(window.getComputedStyle(document.documentElement)), A));
+  return A || (e.includeStyleProperties ? (A = e.includeStyleProperties, A) : (A = j(window.getComputedStyle(document.documentElement)), A));
 }
-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 We(e) {
-  const t = q(e, "border-left-width"), r = q(e, "border-right-width");
+  const t = X(e, "border-left-width"), r = X(e, "border-right-width");
   return e.clientWidth + t + r;
 }
 function ze(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 = {}) {
+function Ce(e, t = {}) {
   const r = t.width || We(e), n = t.height || ze(e);
   return { width: r, height: n };
 }
@@ -387,11 +395,11 @@ 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 S = 16384;
+const C = 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));
+  (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));
 }
-function B(e) {
+function Z(e) {
   return new Promise((t, r) => {
     const n = new Image();
     n.onload = () => {
@@ -408,11 +416,11 @@ async function Be(e, t, r) {
   const n = "http://www.w3.org/2000/svg", a = document.createElementNS(n, "svg"), s = document.createElementNS(n, "foreignObject");
   return a.setAttribute("width", `${t}`), a.setAttribute("height", `${r}`), a.setAttribute("viewBox", `0 0 ${t} ${r}`), s.setAttribute("width", "100%"), s.setAttribute("height", "100%"), s.setAttribute("x", "0"), s.setAttribute("y", "0"), s.setAttribute("externalResourcesRequired", "true"), a.appendChild(s), s.appendChild(e), qe(a);
 }
-const v = (e, t) => {
+const b = (e, t) => {
   if (e instanceof t)
     return !0;
   const r = Object.getPrototypeOf(e);
-  return r === null ? !1 : r.constructor.name === t.name || v(r, t);
+  return r === null ? !1 : r.constructor.name === t.name || b(r, t);
 };
 function Je(e) {
   const t = e.getPropertyValue("content");
@@ -461,20 +469,20 @@ function et(e) {
   const t = /\.([^./]*?)$/g.exec(e);
   return t ? t[1] : "";
 }
-function se(e) {
+function oe(e) {
   const t = et(e).toLowerCase();
   return Qe[t] || "";
 }
 function tt(e) {
   return e.split(/,/)[1];
 }
-function ne(e) {
+function ae(e) {
   return e.search(/^(data:)/) !== -1;
 }
 function rt(e, t) {
   return `data:${t};base64,${e}`;
 }
-async function Ce(e, t, r) {
+async function Se(e, t, r) {
   const n = await fetch(e, t);
   if (n.status === 404)
     throw new Error(`Resource "${n.url}" not found`);
@@ -490,52 +498,52 @@ async function Ce(e, t, r) {
     }, c.readAsDataURL(a);
   });
 }
-const re = {};
+const se = {};
 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 ae(e, t, r) {
+async function ie(e, t, r) {
   const n = nt(e, t, r.includeQueryParams);
-  if (re[n] != null)
-    return re[n];
+  if (se[n] != null)
+    return se[n];
   r.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let a;
   try {
-    const s = await Ce(e, r.fetchRequestInit, ({ res: i, result: c }) => (t || (t = i.headers.get("Content-Type") || ""), tt(c)));
+    const s = await Se(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 re[n] = a, a;
+  return se[n] = a, a;
 }
 async function st(e) {
   const t = e.toDataURL();
-  return t === "data:," ? e.cloneNode(!1) : B(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 B(c);
+    return Z(c);
   }
-  const r = e.poster, n = se(r), a = await ae(r, n, t);
-  return B(a);
+  const r = e.poster, n = oe(r), a = await ie(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 J(e.contentDocument.body, t, !0);
+      return await K(e.contentDocument.body, t, !0);
   } catch {
   }
   return e.cloneNode(!1);
 }
 async function it(e, t) {
-  return v(e, HTMLCanvasElement) ? st(e) : v(e, HTMLVideoElement) ? at(e, t) : v(e, HTMLIFrameElement) ? ot(e, t) : e.cloneNode(Re(e));
+  return b(e, HTMLCanvasElement) ? st(e) : b(e, HTMLVideoElement) ? at(e, t) : b(e, HTMLIFrameElement) ? ot(e, t) : e.cloneNode(Re(e));
 }
 const ct = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", Re = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
 async function lt(e, t, r) {
@@ -543,7 +551,7 @@ async function lt(e, t, r) {
   if (Re(t))
     return t;
   let s = [];
-  return ct(e) && e.assignedNodes ? s = T(e.assignedNodes()) : v(e, HTMLIFrameElement) && (!((n = e.contentDocument) === null || n === void 0) && n.body) ? s = T(e.contentDocument.body.childNodes) : s = T(((a = e.shadowRoot) !== null && a !== void 0 ? a : e).childNodes), s.length === 0 || v(e, HTMLVideoElement) || await s.reduce((i, c) => i.then(() => J(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;
 }
@@ -554,20 +562,20 @@ function ut(e, t, r) {
   const a = window.getComputedStyle(e);
   a.cssText ? (n.cssText = a.cssText, n.transformOrigin = a.transformOrigin) : Ee(r).forEach((s) => {
     let i = a.getPropertyValue(s);
-    s === "font-size" && i.endsWith("px") && (i = `${Math.floor(parseFloat(i.substring(0, i.length - 2))) - 0.1}px`), v(e, HTMLIFrameElement) && s === "display" && i === "inline" && (i = "block"), s === "d" && t.getAttribute("d") && (i = `path(${t.getAttribute("d")})`), n.setProperty(s, i, a.getPropertyPriority(s));
+    s === "font-size" && i.endsWith("px") && (i = `${Math.floor(parseFloat(i.substring(0, i.length - 2))) - 0.1}px`), b(e, HTMLIFrameElement) && s === "display" && i === "inline" && (i = "block"), s === "d" && t.getAttribute("d") && (i = `path(${t.getAttribute("d")})`), n.setProperty(s, i, a.getPropertyPriority(s));
   });
 }
 function dt(e, t) {
-  v(e, HTMLTextAreaElement) && (t.innerHTML = e.value), v(e, HTMLInputElement) && t.setAttribute("value", e.value);
+  b(e, HTMLTextAreaElement) && (t.innerHTML = e.value), b(e, HTMLInputElement) && t.setAttribute("value", e.value);
 }
 function ft(e, t) {
-  if (v(e, HTMLSelectElement)) {
+  if (b(e, HTMLSelectElement)) {
     const n = Array.from(t.children).find((a) => e.value === a.getAttribute("value"));
     n && n.setAttribute("selected", "");
   }
 }
 function mt(e, t, r) {
-  return v(t, Element) && (ut(e, t, r), Ke(e, t, r), dt(e, t), ft(e, t)), t;
+  return b(t, Element) && (ut(e, t, r), Ke(e, t, r), dt(e, t), ft(e, t)), t;
 }
 async function pt(e, t) {
   const r = e.querySelectorAll ? e.querySelectorAll("use") : [];
@@ -578,7 +586,7 @@ async function pt(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 J(d, t, !0));
+      !u && d && !n[c] && (n[c] = await K(d, t, !0));
     }
   }
   const a = Object.values(n);
@@ -593,28 +601,28 @@ async function pt(e, t) {
   }
   return e;
 }
-async function J(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) => mt(e, n, t)).then((n) => pt(n, t));
 }
 const ke = /url\((['"]?)([^'"]+?)\1\)/g, ht = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, gt = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function yt(e) {
+function xt(e) {
   const t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function xt(e) {
+function yt(e) {
   const t = [];
-  return e.replace(ke, (r, n, a) => (t.push(a), r)), t.filter((r) => !ne(r));
+  return e.replace(ke, (r, n, a) => (t.push(a), r)), t.filter((r) => !ae(r));
 }
 async function wt(e, t, r, n, a) {
   try {
-    const s = r ? Me(t, r) : t, i = se(t);
+    const s = r ? Me(t, r) : t, i = oe(t);
     let c;
-    return a || (c = await ae(s, i, n)), e.replace(yt(t), `$1${c}$3`);
+    return a || (c = await ie(s, i, n)), e.replace(xt(t), `$1${c}$3`);
   } catch {
   }
   return e;
 }
-function bt(e, { preferredFontFormat: t }) {
+function vt(e, { preferredFontFormat: t }) {
   return t ? e.replace(gt, (r) => {
     for (; ; ) {
       const [n, , a] = ht.exec(r) || [];
@@ -625,32 +633,32 @@ function bt(e, { preferredFontFormat: t }) {
     }
   }) : e;
 }
-function Te(e) {
+function je(e) {
   return e.search(ke) !== -1;
 }
-async function Pe(e, t, r) {
-  if (!Te(e))
+async function Te(e, t, r) {
+  if (!je(e))
     return e;
-  const n = bt(e, r);
-  return xt(n).reduce((s, i) => s.then((c) => wt(c, i, t, r)), Promise.resolve(n));
+  const n = vt(e, r);
+  return yt(n).reduce((s, i) => s.then((c) => wt(c, i, t, r)), Promise.resolve(n));
 }
-async function $(e, t, r) {
+async function G(e, t, r) {
   var n;
   const a = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue(e);
   if (a) {
-    const s = await Pe(a, null, r);
+    const s = await Te(a, null, r);
     return t.style.setProperty(e, s, t.style.getPropertyPriority(e)), !0;
   }
   return !1;
 }
-async function vt(e, t) {
-  await $("background", e, t) || await $("background-image", e, t), await $("mask", e, t) || await $("-webkit-mask", e, t) || await $("mask-image", e, t) || await $("-webkit-mask-image", e, t);
+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);
 }
 async function Et(e, t) {
-  const r = v(e, HTMLImageElement);
-  if (!(r && !ne(e.src)) && !(v(e, SVGImageElement) && !ne(e.href.baseVal)))
+  const r = b(e, HTMLImageElement);
+  if (!(r && !ae(e.src)) && !(b(e, SVGImageElement) && !ae(e.href.baseVal)))
     return;
-  const n = r ? e.src : e.href.baseVal, a = await ae(n, se(n), t);
+  const n = r ? e.src : e.href.baseVal, a = await ie(n, oe(n), t);
   await new Promise((s, i) => {
     e.onload = s, e.onerror = t.onImageErrorHandler ? (...u) => {
       try {
@@ -663,14 +671,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 St(e, t) {
-  const n = T(e.childNodes).map((a) => je(a, t));
+async function Ct(e, t) {
+  const n = j(e.childNodes).map((a) => Pe(a, t));
   await Promise.all(n).then(() => e);
 }
-async function je(e, t) {
-  v(e, Element) && (await vt(e, t), await Et(e, t), await St(e, t));
+async function Pe(e, t) {
+  b(e, Element) && (await bt(e, t), await Et(e, t), await Ct(e, t));
 }
-function Ct(e, t) {
+function St(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;
@@ -678,23 +686,23 @@ function Ct(e, t) {
     r[a] = n[a];
   }), e;
 }
-const ye = {};
-async function xe(e) {
-  let t = ye[e];
+const xe = {};
+async function ye(e) {
+  let t = xe[e];
   if (t != null)
     return t;
   const n = await (await fetch(e)).text();
-  return t = { url: e, cssText: n }, ye[e] = t, t;
+  return t = { url: e, cssText: n }, xe[e] = t, t;
 }
 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), Ce(c, t.fetchRequestInit, ({ result: u }) => (r = r.replace(i, `url(${u})`), [i, u]));
+    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 Promise.all(s).then(() => r);
 }
-function be(e) {
+function ve(e) {
   if (e == null)
     return [];
   const t = [], r = /(\/\*[\s\S]*?\*\/)/gi;
@@ -725,16 +733,16 @@ async function Rt(e, t) {
   return e.forEach((a) => {
     if ("cssRules" in a)
       try {
-        T(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 = xe(u).then((p) => we(p, t)).then((p) => be(p).forEach((g) => {
+            const u = s.href, d = ye(u).then((p) => we(p, t)).then((p) => ve(p).forEach((g) => {
               try {
                 a.insertRule(g, g.startsWith("@import") ? c += 1 : a.cssRules.length);
-              } catch (x) {
+              } catch (y) {
                 console.error("Error inserting rule from remote css", {
                   rule: g,
-                  error: x
+                  error: y
                 });
               }
             })).catch((p) => {
@@ -745,7 +753,7 @@ async function Rt(e, t) {
         });
       } catch (s) {
         const i = e.find((c) => c.href == null) || document.styleSheets[0];
-        a.href != null && n.push(xe(a.href).then((c) => we(c, t)).then((c) => be(c).forEach((u) => {
+        a.href != null && n.push(ye(a.href).then((c) => we(c, t)).then((c) => ve(c).forEach((u) => {
           i.insertRule(u, i.cssRules.length);
         })).catch((c) => {
           console.error("Error loading remote stylesheet", c);
@@ -754,7 +762,7 @@ async function Rt(e, t) {
   }), Promise.all(n).then(() => (e.forEach((a) => {
     if ("cssRules" in a)
       try {
-        T(a.cssRules || []).forEach((s) => {
+        j(a.cssRules || []).forEach((s) => {
           r.push(s);
         });
       } catch (s) {
@@ -763,18 +771,18 @@ async function Rt(e, t) {
   }), r));
 }
 function kt(e) {
-  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => Te(t.style.getPropertyValue("src")));
+  return e.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => je(t.style.getPropertyValue("src")));
 }
-async function Tt(e, t) {
+async function jt(e, t) {
   if (e.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = T(e.ownerDocument.styleSheets), n = await Rt(r, t);
+  const r = j(e.ownerDocument.styleSheets), n = await Rt(r, t);
   return kt(n);
 }
 function Oe(e) {
   return e.trim().replace(/["']/g, "");
 }
-function Pt(e) {
+function Tt(e) {
   const t = /* @__PURE__ */ new Set();
   function r(n) {
     (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((s) => {
@@ -785,33 +793,33 @@ function Pt(e) {
   }
   return r(e), t;
 }
-async function jt(e, t) {
-  const r = await Tt(e, t), n = Pt(e);
+async function Pt(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) => {
     const i = s.parentStyleSheet ? s.parentStyleSheet.href : null;
-    return Pe(s.cssText, i, t);
+    return Te(s.cssText, i, t);
   }))).join(`
 `);
 }
 async function Ot(e, t) {
-  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await jt(e, t);
+  const r = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await Pt(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 } = Se(e, t), a = await J(e, t, !0);
-  return await Ot(a, t), await je(a, t), Ct(a, t), await Be(a, r, n);
+  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);
 }
 async function Vt(e, t = {}) {
-  const { width: r, height: n } = Se(e, t), a = await _t(e, t), s = await B(a), i = document.createElement("canvas"), c = i.getContext("2d"), u = t.pixelRatio || Ue(), d = t.canvasWidth || r, p = t.canvasHeight || n;
+  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;
 }
 async function At(e, t = {}) {
   return (await Vt(e, t)).toDataURL();
 }
-const $t = (e) => {
+const Gt = (e) => {
   const r = Object.keys(e).find((s) => s.startsWith("__reactFiber$") || s.startsWith("__reactInternalInstance$"));
   if (!r) return "";
   const n = [];
@@ -825,7 +833,7 @@ const $t = (e) => {
     a = a.return;
   }
   return n.join(" > ") || "Generic Component";
-}, Lt = (e) => {
+}, $t = (e) => {
   let t = "unknown:0", r = e;
   for (; r; ) {
     const d = r.getAttribute("data-source-path");
@@ -835,21 +843,21 @@ const $t = (e) => {
     }
     r = r.parentElement;
   }
-  const n = $t(e), s = ((d) => {
+  const n = Gt(e), s = ((d) => {
     const p = [];
     let g = d;
     for (; g && g.nodeType === Node.ELEMENT_NODE; ) {
-      let x = g.nodeName.toLowerCase();
+      let y = g.nodeName.toLowerCase();
       if (g.id) {
-        x += "#" + g.id, p.unshift(x);
+        y += "#" + g.id, p.unshift(y);
         break;
       } else {
-        let E = g, R = 1;
+        let E = g, k = 1;
         for (; E.previousElementSibling; )
-          E = E.previousElementSibling, E.nodeName.toLowerCase() === x && R++;
-        R > 1 && (x += `:nth-of-type(${R})`);
+          E = E.previousElementSibling, E.nodeName.toLowerCase() === y && k++;
+        k > 1 && (y += `:nth-of-type(${k})`);
       }
-      p.unshift(x), g = g.parentElement;
+      p.unshift(y), g = g.parentElement;
     }
     return p.join(" > ");
   })(e), i = (e.innerText || "").slice(0, 50).trim(), c = {};
@@ -875,29 +883,29 @@ const $t = (e) => {
       hint: `Edit ${t.split(":")[0]} at line ${t.split(":")[1] || "?"}`
     }
   };
-}, Gt = () => {
-  const { addToast: e, language: t, t: r, apiKey: n, baseUrl: a } = De(), [s, i] = C(!1), [c, u] = C(null), [d, p] = C(null), [g, x] = C(""), [E, R] = C(!1), [M, O] = C(!1), [L, H] = C(!1), [G, X] = C([]), [Z, W] = C(!1), k = te(async () => {
+}, 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 () => {
     if (n) {
-      W(!0);
+      q(!0);
       try {
         const m = await fetch(`${a}/api/annotations`, {
           headers: { "x-api-key": n }
         });
         if (m.ok) {
           const h = await m.json();
-          X(h);
+          Q(h);
         }
       } catch (m) {
         console.error("Failed to fetch annotations", m);
       } finally {
-        W(!1);
+        q(!1);
       }
     }
   }, [n, a]);
   ue(() => {
-    k();
-  }, [k]);
-  const F = te((m) => {
+    R();
+  }, [R]);
+  const I = ne((m) => {
     if (!s || d) return;
     const h = document.elementFromPoint(m.clientX, m.clientY);
     if (!h || h.id === "viewgate-overlay" || h.closest("#viewgate-ui")) {
@@ -910,15 +918,15 @@ const $t = (e) => {
       rect: h.getBoundingClientRect(),
       element: h,
       previewText: (h.innerText || "").slice(0, 100) || (h.getAttribute("placeholder") || "").slice(0, 100) || h.tagName.toLowerCase(),
-      semanticReference: Lt(h)
+      semanticReference: $t(h)
     });
-  }, [s, d]), P = te(async (m) => {
+  }, [s, d]), N = ne(async (m) => {
     if (!(!s || d) && c) {
-      m.preventDefault(), m.stopPropagation(), O(!0);
+      m.preventDefault(), m.stopPropagation(), P(!0);
       try {
-        const h = c.element.style.display, _ = window.getComputedStyle(c.element).display === "inline";
-        _ && (c.element.style.display = "inline-block");
-        const j = await At(c.element, {
+        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, {
           backgroundColor: "#ffffff",
           pixelRatio: 2,
           skipFonts: !0,
@@ -928,21 +936,21 @@ const $t = (e) => {
             // Extra padding for better look
           }
         });
-        _ && (c.element.style.display = h), p({ ...c, visualPreview: j });
+        T && (c.element.style.display = h), p({ ...c, visualPreview: _ });
       } catch (h) {
         console.error("Failed to capture preview:", h), p(c);
       } finally {
-        O(!1), u(null);
+        P(!1), u(null);
       }
     }
-  }, [s, c, d, L]);
-  ue(() => (s && !d ? document.body.classList.add("vg-cursor-pointer") : document.body.classList.remove("vg-cursor-pointer"), window.addEventListener("mousemove", F), window.addEventListener("click", P, !0), () => {
-    document.body.classList.remove("vg-cursor-pointer"), window.removeEventListener("mousemove", F), window.removeEventListener("click", P, !0);
-  }), [s, d, F, P]);
-  const K = async () => {
+  }, [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 () => {
     if (!d || !g.trim()) return;
-    R(!0);
-    const { semanticReference: m } = d, [h, _] = m.source.split(":"), j = _ || "0";
+    k(!0);
+    const { semanticReference: m } = d, [h, T] = m.source.split(":"), _ = T || "0";
     try {
       if (!(await fetch(`${a}/api/annotations`, {
         method: "POST",
@@ -952,22 +960,22 @@ const $t = (e) => {
         },
         body: JSON.stringify({
           filePath: h,
-          line: parseInt(j),
+          line: parseInt(_),
           url: window.location.href,
           message: g,
           componentName: m.componentPath || d.tag,
           reference: m
         })
       })).ok) throw new Error("Backend failed");
-      e(r.success, "success"), p(null), x(""), i(!1), k();
-    } catch (I) {
-      console.error(I), e(r.error, "error");
+      e(r.success, "success"), p(null), y(""), i(!1), R();
+    } catch (H) {
+      console.error(H), e(r.error, "error");
     } finally {
-      R(!1);
+      k(!1);
     }
-  }, z = (m) => m.split("/").pop()?.split("\\").pop() || "unknown";
+  }, M = (m) => m.split("/").pop()?.split("\\").pop() || "unknown";
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:276", style: { position: "fixed", bottom: "30px", right: "30px", zIndex: 99999 }, id: "viewgate-ui", 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.jsx(
         "button",
         {
@@ -977,11 +985,11 @@ const $t = (e) => {
           children: s ? r.exitMode : r.enterMode
         }
       ),
-      G.length > 0 && /* @__PURE__ */ l.jsx(
+      L.length > 0 && /* @__PURE__ */ l.jsx(
         "button",
         {
           onClick: () => {
-            H(!L), i(!1), p(null);
+            Y(!$), i(!1), p(null);
           },
           className: "vg-button-ghost",
           style: { padding: "12px 24px", fontSize: "15px", marginLeft: "12px", background: "white" },
@@ -989,7 +997,7 @@ const $t = (e) => {
         }
       )
     ] }),
-    M && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:301", style: {
+    U && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:306", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1001,11 +1009,11 @@ const $t = (e) => {
       justifyContent: "center",
       zIndex: 1e5,
       cursor: "wait"
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:314", 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:315", className: "vg-spinner" }),
+    }, 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" }),
       "Capturing..."
     ] }) }),
-    s && c && !d && !M && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:323", style: {
+    s && c && !d && !U && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:328", style: {
       position: "fixed",
       top: c.rect.top,
       left: c.rect.left,
@@ -1019,7 +1027,7 @@ const $t = (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:341", className: "vg-animate-fade", style: {
+    d && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:346", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1031,33 +1039,33 @@ const $t = (e) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: 99999
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:354", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:359", 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:360", style: { margin: "0 0 10px 0", fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }),
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:362", style: { marginBottom: "20px" }, children: [
-        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:363", style: { display: "flex", flexWrap: "wrap", gap: "8px", alignItems: "center" }, children: [
-          d.semanticReference.componentPath ? /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:365", className: "vg-badge", style: { backgroundColor: "#f5f3ff", color: "#7c3aed", borderColor: "#ddd6fe" }, 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: [
             "📦 ",
             d.semanticReference.componentPath
-          ] }) : /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:369", 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:374", className: "vg-badge", style: { backgroundColor: "#fdf2f8", color: "#db2777", borderColor: "#fbcfe8" }, children: [
+          ] }) : /* @__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: [
             "📄 ",
-            z(d.semanticReference.source.split(":")[0] || "unknown")
-          ] }) }) : /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:379", className: "vg-badge", style: { backgroundColor: "#f0f9ff", color: "#0369a1", borderColor: "#bae6fd", maxWidth: "300px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, 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: [
             "🆔 ",
             d.semanticReference.signature
           ] })
         ] }),
-        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:384", style: { marginTop: "8px", fontSize: "11px", color: "#94a3b8" }, children: [
+        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:389", style: { marginTop: "8px", fontSize: "11px", color: "#94a3b8" }, children: [
           "🎯 ",
           d.semanticReference.selector
         ] })
       ] }),
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:390", style: {
+      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:395", style: {
         backgroundColor: "#f8fafc",
         borderRadius: "8px",
         border: "1px solid #e2e8f0",
@@ -1066,8 +1074,8 @@ const $t = (e) => {
         display: "flex",
         flexDirection: "column"
       }, children: [
-        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:399", 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:402", style: {
+        /* @__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: {
           padding: "12px",
           display: "flex",
           justifyContent: "center",
@@ -1089,7 +1097,7 @@ const $t = (e) => {
               borderRadius: "4px"
             }
           }
-        ) : /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:425", style: { fontSize: "13px", color: "#64748b", fontStyle: "italic" }, children: [
+        ) : /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:430", style: { fontSize: "13px", color: "#64748b", fontStyle: "italic" }, children: [
           '"',
           d.previewText,
           '"'
@@ -1100,13 +1108,13 @@ const $t = (e) => {
         {
           className: "vg-textarea",
           value: g,
-          onChange: (m) => x(m.target.value),
+          onChange: (m) => y(m.target.value),
           rows: 4,
           placeholder: r.placeholder,
           autoFocus: !0
         }
       ),
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:441", style: { display: "flex", justifyContent: "flex-end", gap: "12px", marginTop: "24px" }, children: [
+      /* @__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.jsx(
           "button",
           {
@@ -1118,7 +1126,7 @@ const $t = (e) => {
         /* @__PURE__ */ l.jsx(
           "button",
           {
-            onClick: K,
+            onClick: D,
             className: "vg-button-primary",
             disabled: E || !g.trim(),
             style: { opacity: E || !g.trim() ? 0.6 : 1 },
@@ -1127,7 +1135,7 @@ const $t = (e) => {
         )
       ] })
     ] }) }),
-    L && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:463", className: "vg-animate-fade", style: {
+    $ && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:468", className: "vg-animate-fade", style: {
       position: "fixed",
       top: 0,
       left: 0,
@@ -1139,7 +1147,7 @@ const $t = (e) => {
       alignItems: "center",
       justifyContent: "center",
       zIndex: 99999
-    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:476", className: "vg-glassmorphism vg-animate-slide", style: {
+    }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:481", className: "vg-glassmorphism vg-animate-slide", style: {
       padding: "32px",
       width: "600px",
       maxHeight: "80vh",
@@ -1148,40 +1156,40 @@ const $t = (e) => {
       display: "flex",
       flexDirection: "column"
     }, children: [
-      /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:485", style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "20px" }, children: [
-        /* @__PURE__ */ l.jsx("h2", { "data-source-path": "/src/components/ViewGateOverlay.tsx:486", style: { margin: 0, fontSize: "24px", fontWeight: 800 }, children: r.feedbackHeader }),
-        /* @__PURE__ */ l.jsx("button", { "data-source-path": "/src/components/ViewGateOverlay.tsx:487", onClick: () => H(!1), className: "vg-button-ghost", style: { padding: "6px 12px" }, 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.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:490", style: { overflowY: "auto", flex: 1, paddingRight: "8px", display: "flex", flexDirection: "column", gap: "16px" }, children: Z ? /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:492", style: { textAlign: "center", padding: "40px", color: "#64748b" }, children: "Cargando..." }) : G.length === 0 ? /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:494", style: { textAlign: "center", padding: "40px", color: "#64748b" }, children: r.noComments }) : G.map((m) => /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:497", style: {
+      /* @__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: {
         border: "1px solid #e2e8f0",
         borderRadius: "12px",
         padding: "16px",
         backgroundColor: m.status === "ready_for_review" ? "#f0fdf4" : "#fff"
       }, children: [
-        /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:503", style: { display: "flex", justifyContent: "space-between", marginBottom: "12px" }, children: /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:504", style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
-          m.status === "ready_for_review" ? /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:506", className: "vg-badge", style: { backgroundColor: "#dcfce7", color: "#166534", borderColor: "#bbf7d0" }, 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: [
             "✓ ",
             r.readyForReview
-          ] }) : /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:508", className: "vg-badge", style: { backgroundColor: "#fef3c7", color: "#92400e", borderColor: "#fde68a" }, children: [
+          ] }) : /* @__PURE__ */ l.jsxs("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:513", className: "vg-badge", style: { backgroundColor: "#fef3c7", color: "#92400e", borderColor: "#fde68a" }, children: [
             "⏳ ",
             r.pending
           ] }),
-          /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:510", style: { fontSize: "12px", color: "#64748b" }, children: new Date(m.timestamp).toLocaleString() })
+          /* @__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.jsxs("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:516", style: { margin: "0 0 12px 0", fontSize: "15px", fontWeight: 600 }, children: [
+        /* @__PURE__ */ l.jsxs("p", { "data-source-path": "/src/components/ViewGateOverlay.tsx:521", style: { margin: "0 0 12px 0", fontSize: "15px", fontWeight: 600 }, children: [
           '"',
           m.message,
           '"'
         ] }),
-        /* @__PURE__ */ l.jsxs("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:518", style: { display: "flex", gap: "6px", flexWrap: "wrap", marginBottom: "16px" }, children: [
-          /* @__PURE__ */ l.jsx("span", { "data-source-path": "/src/components/ViewGateOverlay.tsx:519", 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:523", className: "vg-badge", style: { backgroundColor: "#f1f5f9", color: "#475569", border: "none" }, children: z(m.filePath) })
+        /* @__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:529", style: { display: "flex", gap: "8px", justifyContent: "flex-end", borderTop: "1px solid #e2e8f0", paddingTop: "16px", marginTop: "8px" }, children: [
+        /* @__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(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:531",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:536",
               className: "vg-button-primary",
               style: { display: "flex", alignItems: "center", gap: "6px" },
               onClick: async () => {
@@ -1190,7 +1198,7 @@ const $t = (e) => {
                     method: "PATCH",
                     headers: { "Content-Type": "application/json", "x-api-key": n },
                     body: JSON.stringify({ status: "ready_for_review" })
-                  })).ok && (k(), e(r.success, "success"));
+                  })).ok && (R(), e(r.success, "success"));
                 } catch {
                   e(r.error, "error");
                 }
@@ -1203,7 +1211,7 @@ const $t = (e) => {
           ) : /* @__PURE__ */ l.jsxs(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:553",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:558",
               className: "vg-button-ghost",
               style: { display: "flex", alignItems: "center", gap: "6px" },
               onClick: async () => {
@@ -1212,7 +1220,7 @@ const $t = (e) => {
                     method: "PATCH",
                     headers: { "Content-Type": "application/json", "x-api-key": n },
                     body: JSON.stringify({ status: "pending" })
-                  })).ok && (k(), e(r.success, "success"));
+                  })).ok && (R(), e(r.success, "success"));
                 } catch {
                   e(r.error, "error");
                 }
@@ -1226,19 +1234,41 @@ const $t = (e) => {
           /* @__PURE__ */ l.jsxs(
             "button",
             {
-              "data-source-path": "/src/components/ViewGateOverlay.tsx:576",
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:581",
+              className: "vg-button-ghost",
+              style: { display: "flex", alignItems: "center", gap: "6px" },
+              onClick: () => {
+                m.url && (window.location.href = m.url);
+              },
+              children: [
+                "🌐 ",
+                r.goToSite
+              ]
+            }
+          ),
+          /* @__PURE__ */ l.jsxs(
+            "button",
+            {
+              "data-source-path": "/src/components/ViewGateOverlay.tsx:593",
               className: "vg-button-primary",
               style: { backgroundColor: "#ef4444", display: "flex", alignItems: "center", gap: "6px" },
-              onClick: async () => {
-                if (window.confirm(r.deleteConfirm))
-                  try {
-                    (await fetch(`${a}/api/annotations/${m._id}`, {
-                      method: "DELETE",
-                      headers: { "x-api-key": n }
-                    })).ok && (k(), e(r.success, "success"));
-                  } catch {
-                    e(r.error, "error");
+              onClick: () => {
+                F({
+                  title: r.deleteConfirm,
+                  message: r.confirmDelete,
+                  onConfirm: async () => {
+                    try {
+                      (await fetch(`${a}/api/annotations/${m._id}`, {
+                        method: "DELETE",
+                        headers: { "x-api-key": n }
+                      })).ok && (R(), e(r.success, "success"));
+                    } catch {
+                      e(r.error, "error");
+                    } finally {
+                      F(null);
+                    }
                   }
+                });
               },
               children: [
                 "🗑️ ",
@@ -1248,6 +1278,50 @@ const $t = (e) => {
           )
         ] })
       ] }, m._id)) })
+    ] }) }),
+    O && /* @__PURE__ */ l.jsx("div", { "data-source-path": "/src/components/ViewGateOverlay.tsx:632", className: "vg-animate-fade", style: {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      backgroundColor: "rgba(0,0,0,0.6)",
+      backdropFilter: "blur(8px)",
+      display: "flex",
+      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: {
+      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(
+          "button",
+          {
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:656",
+            className: "vg-button-ghost",
+            onClick: () => F(null),
+            style: { flex: 1 },
+            children: r.no
+          }
+        ),
+        /* @__PURE__ */ l.jsx(
+          "button",
+          {
+            "data-source-path": "/src/components/ViewGateOverlay.tsx:663",
+            className: "vg-button-primary",
+            style: { backgroundColor: "#ef4444", flex: 1 },
+            onClick: O.onConfirm,
+            children: r.yes
+          }
+        )
+      ] })
     ] }) })
   ] });
 };
@@ -1257,7 +1331,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, x) => p.includes("data-source-path") || x === "Fragment" || x === "React.Fragment" ? p : `${g}<${x} data-source-path="${a}:${d}"`);
+    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}"`);
   }).join(`
 `);
 }
@@ -1279,7 +1353,7 @@ function Dt(e) {
 }
 export {
   It as ViewGate,
-  Gt as ViewGateOverlay,
+  Lt as ViewGateOverlay,
   _e as transformSourcePaths,
   De as useViewGate,
   Dt as viewgateNextLoader,