@bitux/review-layer-react 0.1.7 → 0.1.9

package/dist/review-layer-react.js

@@ -1,6 +1,6 @@
-import dr, { memo as Ce, useState as N, useEffect as O, useCallback as I, useRef as pe, useMemo as We, createContext as Yr, useContext as Hr } from "react";
-import { createPortal as fr } from "react-dom";
-var Ne = { exports: {} }, fe = {};
+import fr, { memo as ke, useState as W, useEffect as L, useCallback as D, useRef as ne, useMemo as Be, createContext as Hr, useContext as Gr } from "react";
+import { createPortal as vr } from "react-dom";
+var Me = { exports: {} }, ge = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,21 +10,21 @@ var Ne = { exports: {} }, fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var nr;
-function Gr() {
-  if (nr) return fe;
-  nr = 1;
-  var r = dr, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(v, f, m) {
-    var h, w = {}, j = null, k = null;
-    m !== void 0 && (j = "" + m), f.key !== void 0 && (j = "" + f.key), f.ref !== void 0 && (k = f.ref);
-    for (h in f) n.call(f, h) && !s.hasOwnProperty(h) && (w[h] = f[h]);
-    if (v && v.defaultProps) for (h in f = v.defaultProps, f) w[h] === void 0 && (w[h] = f[h]);
-    return { $$typeof: t, type: v, key: j, ref: k, props: w, _owner: i.current };
+var ir;
+function Xr() {
+  if (ir) return ge;
+  ir = 1;
+  var r = fr, n = Symbol.for("react.element"), t = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(u, f, g) {
+    var y, S = {}, m = null, A = null;
+    g !== void 0 && (m = "" + g), f.key !== void 0 && (m = "" + f.key), f.ref !== void 0 && (A = f.ref);
+    for (y in f) o.call(f, y) && !i.hasOwnProperty(y) && (S[y] = f[y]);
+    if (u && u.defaultProps) for (y in f = u.defaultProps, f) S[y] === void 0 && (S[y] = f[y]);
+    return { $$typeof: n, type: u, key: m, ref: A, props: S, _owner: s.current };
   }
-  return fe.Fragment = o, fe.jsx = u, fe.jsxs = u, fe;
+  return ge.Fragment = t, ge.jsx = d, ge.jsxs = d, ge;
 }
-var ve = {};
+var he = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -34,91 +34,91 @@ var ve = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ir;
-function Xr() {
-  return ir || (ir = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = dr, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), v = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), D = Symbol.iterator, M = "@@iterator";
-    function z(e) {
+var ar;
+function qr() {
+  return ar || (ar = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = fr, n = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), z = Symbol.iterator, M = "@@iterator";
+    function P(e) {
       if (e === null || typeof e != "object")
         return null;
-      var a = D && e[D] || e[M];
+      var a = z && e[z] || e[M];
       return typeof a == "function" ? a : null;
     }
-    var g = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function c(e) {
+    var $ = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function v(e) {
       {
         for (var a = arguments.length, l = new Array(a > 1 ? a - 1 : 0), p = 1; p < a; p++)
           l[p - 1] = arguments[p];
-        x("error", e, l);
+        k("error", e, l);
       }
     }
-    function x(e, a, l) {
+    function k(e, a, l) {
       {
-        var p = g.ReactDebugCurrentFrame, S = p.getStackAddendum();
-        S !== "" && (a += "%s", l = l.concat([S]));
-        var C = l.map(function(E) {
-          return String(E);
+        var p = $.ReactDebugCurrentFrame, C = p.getStackAddendum();
+        C !== "" && (a += "%s", l = l.concat([C]));
+        var T = l.map(function(_) {
+          return String(_);
         });
-        C.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, C);
+        T.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, T);
       }
     }
-    var A = !1, $ = !1, ae = !1, se = !1, le = !1, ee;
-    ee = Symbol.for("react.module.reference");
-    function re(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === n || e === s || le || e === i || e === m || e === h || se || e === k || A || $ || ae || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === w || e.$$typeof === u || e.$$typeof === v || e.$$typeof === f || // This needs to include all possible module reference object
+    var Y = !1, E = !1, R = !1, V = !1, q = !1, H;
+    H = Symbol.for("react.module.reference");
+    function Q(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === i || q || e === s || e === g || e === y || V || e === A || Y || E || R || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === S || e.$$typeof === d || e.$$typeof === u || e.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === ee || e.getModuleId !== void 0));
+      e.$$typeof === H || e.getModuleId !== void 0));
     }
-    function y(e, a, l) {
+    function ie(e, a, l) {
       var p = e.displayName;
       if (p)
         return p;
-      var S = a.displayName || a.name || "";
-      return S !== "" ? l + "(" + S + ")" : l;
+      var C = a.displayName || a.name || "";
+      return C !== "" ? l + "(" + C + ")" : l;
     }
-    function R(e) {
+    function h(e) {
       return e.displayName || "Context";
     }
-    function P(e) {
+    function b(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case n:
-          return "Fragment";
         case o:
+          return "Fragment";
+        case t:
           return "Portal";
-        case s:
-          return "Profiler";
         case i:
+          return "Profiler";
+        case s:
           return "StrictMode";
-        case m:
+        case g:
           return "Suspense";
-        case h:
+        case y:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case v:
-            var a = e;
-            return R(a) + ".Consumer";
           case u:
+            var a = e;
+            return h(a) + ".Consumer";
+          case d:
             var l = e;
-            return R(l._context) + ".Provider";
+            return h(l._context) + ".Provider";
           case f:
-            return y(e, e.render, "ForwardRef");
-          case w:
+            return ie(e, e.render, "ForwardRef");
+          case S:
             var p = e.displayName || null;
-            return p !== null ? p : P(e.type) || "Memo";
-          case j: {
-            var S = e, C = S._payload, E = S._init;
+            return p !== null ? p : b(e.type) || "Memo";
+          case m: {
+            var C = e, T = C._payload, _ = C._init;
             try {
-              return P(E(C));
+              return b(_(T));
             } catch {
               return null;
             }
@@ -126,18 +126,18 @@ function Xr() {
         }
       return null;
     }
-    var V = Object.assign, H = 0, Z, oe, he, ue, ce, _, J;
-    function Q() {
+    var O = Object.assign, I = 0, re, ae, se, fe, ve, w, ee;
+    function te() {
     }
-    Q.__reactDisabledLog = !0;
-    function q() {
+    te.__reactDisabledLog = !0;
+    function K() {
       {
-        if (H === 0) {
-          Z = console.log, oe = console.info, he = console.warn, ue = console.error, ce = console.group, _ = console.groupCollapsed, J = console.groupEnd;
+        if (I === 0) {
+          re = console.log, ae = console.info, se = console.warn, fe = console.error, ve = console.group, w = console.groupCollapsed, ee = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Q,
+            value: te,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -150,250 +150,250 @@ function Xr() {
             groupEnd: e
           });
         }
-        H++;
+        I++;
       }
     }
-    function be() {
+    function xe() {
       {
-        if (H--, H === 0) {
+        if (I--, I === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, e, {
-              value: Z
+            log: O({}, e, {
+              value: re
             }),
-            info: V({}, e, {
-              value: oe
+            info: O({}, e, {
+              value: ae
             }),
-            warn: V({}, e, {
-              value: he
+            warn: O({}, e, {
+              value: se
             }),
-            error: V({}, e, {
-              value: ue
+            error: O({}, e, {
+              value: fe
             }),
-            group: V({}, e, {
-              value: ce
+            group: O({}, e, {
+              value: ve
             }),
-            groupCollapsed: V({}, e, {
-              value: _
+            groupCollapsed: O({}, e, {
+              value: w
             }),
-            groupEnd: V({}, e, {
-              value: J
+            groupEnd: O({}, e, {
+              value: ee
             })
           });
         }
-        H < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        I < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Pe = g.ReactCurrentDispatcher, Te;
-    function xe(e, a, l) {
+    var Pe = $.ReactCurrentDispatcher, je;
+    function ye(e, a, l) {
       {
-        if (Te === void 0)
+        if (je === void 0)
           try {
             throw Error();
-          } catch (S) {
-            var p = S.stack.trim().match(/\n( *(at )?)/);
-            Te = p && p[1] || "";
+          } catch (C) {
+            var p = C.stack.trim().match(/\n( *(at )?)/);
+            je = p && p[1] || "";
           }
         return `
-` + Te + e;
+` + je + e;
       }
     }
-    var je = !1, ye;
+    var Ve = !1, me;
     {
-      var mr = typeof WeakMap == "function" ? WeakMap : Map;
-      ye = new mr();
+      var wr = typeof WeakMap == "function" ? WeakMap : Map;
+      me = new wr();
     }
-    function Be(e, a) {
-      if (!e || je)
+    function Ue(e, a) {
+      if (!e || Ve)
         return "";
       {
-        var l = ye.get(e);
+        var l = me.get(e);
         if (l !== void 0)
           return l;
       }
       var p;
-      je = !0;
-      var S = Error.prepareStackTrace;
+      Ve = !0;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var C;
-      C = Pe.current, Pe.current = null, q();
+      var T;
+      T = Pe.current, Pe.current = null, K();
       try {
         if (a) {
-          var E = function() {
+          var _ = function() {
             throw Error();
           };
-          if (Object.defineProperty(E.prototype, "props", {
+          if (Object.defineProperty(_.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(E, []);
-            } catch (U) {
-              p = U;
+              Reflect.construct(_, []);
+            } catch (G) {
+              p = G;
             }
-            Reflect.construct(e, [], E);
+            Reflect.construct(e, [], _);
           } else {
             try {
-              E.call();
-            } catch (U) {
-              p = U;
+              _.call();
+            } catch (G) {
+              p = G;
             }
-            e.call(E.prototype);
+            e.call(_.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (U) {
-            p = U;
+          } catch (G) {
+            p = G;
           }
           e();
         }
-      } catch (U) {
-        if (U && p && typeof U.stack == "string") {
-          for (var b = U.stack.split(`
-`), W = p.stack.split(`
-`), L = b.length - 1, F = W.length - 1; L >= 1 && F >= 0 && b[L] !== W[F]; )
-            F--;
-          for (; L >= 1 && F >= 0; L--, F--)
-            if (b[L] !== W[F]) {
-              if (L !== 1 || F !== 1)
+      } catch (G) {
+        if (G && p && typeof G.stack == "string") {
+          for (var x = G.stack.split(`
+`), B = p.stack.split(`
+`), F = x.length - 1, N = B.length - 1; F >= 1 && N >= 0 && x[F] !== B[N]; )
+            N--;
+          for (; F >= 1 && N >= 0; F--, N--)
+            if (x[F] !== B[N]) {
+              if (F !== 1 || N !== 1)
                 do
-                  if (L--, F--, F < 0 || b[L] !== W[F]) {
-                    var G = `
-` + b[L].replace(" at new ", " at ");
-                    return e.displayName && G.includes("<anonymous>") && (G = G.replace("<anonymous>", e.displayName)), typeof e == "function" && ye.set(e, G), G;
+                  if (F--, N--, N < 0 || x[F] !== B[N]) {
+                    var J = `
+` + x[F].replace(" at new ", " at ");
+                    return e.displayName && J.includes("<anonymous>") && (J = J.replace("<anonymous>", e.displayName)), typeof e == "function" && me.set(e, J), J;
                   }
-                while (L >= 1 && F >= 0);
+                while (F >= 1 && N >= 0);
               break;
             }
         }
       } finally {
-        je = !1, Pe.current = C, be(), Error.prepareStackTrace = S;
+        Ve = !1, Pe.current = T, xe(), Error.prepareStackTrace = C;
       }
-      var ne = e ? e.displayName || e.name : "", K = ne ? xe(ne) : "";
-      return typeof e == "function" && ye.set(e, K), K;
+      var ue = e ? e.displayName || e.name : "", oe = ue ? ye(ue) : "";
+      return typeof e == "function" && me.set(e, oe), oe;
     }
-    function wr(e, a, l) {
-      return Be(e, !1);
+    function _r(e, a, l) {
+      return Ue(e, !1);
     }
-    function _r(e) {
+    function Er(e) {
       var a = e.prototype;
       return !!(a && a.isReactComponent);
     }
-    function me(e, a, l) {
+    function we(e, a, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Be(e, _r(e));
+        return Ue(e, Er(e));
       if (typeof e == "string")
-        return xe(e);
+        return ye(e);
       switch (e) {
-        case m:
-          return xe("Suspense");
-        case h:
-          return xe("SuspenseList");
+        case g:
+          return ye("Suspense");
+        case y:
+          return ye("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case f:
-            return wr(e.render);
-          case w:
-            return me(e.type, a, l);
-          case j: {
-            var p = e, S = p._payload, C = p._init;
+            return _r(e.render);
+          case S:
+            return we(e.type, a, l);
+          case m: {
+            var p = e, C = p._payload, T = p._init;
             try {
-              return me(C(S), a, l);
+              return we(T(C), a, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var de = Object.prototype.hasOwnProperty, Ue = {}, Ye = g.ReactDebugCurrentFrame;
-    function we(e) {
+    var pe = Object.prototype.hasOwnProperty, Ye = {}, He = $.ReactDebugCurrentFrame;
+    function _e(e) {
       if (e) {
-        var a = e._owner, l = me(e.type, e._source, a ? a.type : null);
-        Ye.setExtraStackFrame(l);
+        var a = e._owner, l = we(e.type, e._source, a ? a.type : null);
+        He.setExtraStackFrame(l);
       } else
-        Ye.setExtraStackFrame(null);
+        He.setExtraStackFrame(null);
     }
-    function Er(e, a, l, p, S) {
+    function Rr(e, a, l, p, C) {
       {
-        var C = Function.call.bind(de);
-        for (var E in e)
-          if (C(e, E)) {
-            var b = void 0;
+        var T = Function.call.bind(pe);
+        for (var _ in e)
+          if (T(e, _)) {
+            var x = void 0;
             try {
-              if (typeof e[E] != "function") {
-                var W = Error((p || "React class") + ": " + l + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw W.name = "Invariant Violation", W;
+              if (typeof e[_] != "function") {
+                var B = Error((p || "React class") + ": " + l + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw B.name = "Invariant Violation", B;
               }
-              b = e[E](a, E, p, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (L) {
-              b = L;
+              x = e[_](a, _, p, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (F) {
+              x = F;
             }
-            b && !(b instanceof Error) && (we(S), c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", l, E, typeof b), we(null)), b instanceof Error && !(b.message in Ue) && (Ue[b.message] = !0, we(S), c("Failed %s type: %s", l, b.message), we(null));
+            x && !(x instanceof Error) && (_e(C), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", l, _, typeof x), _e(null)), x instanceof Error && !(x.message in Ye) && (Ye[x.message] = !0, _e(C), v("Failed %s type: %s", l, x.message), _e(null));
           }
       }
     }
-    var Rr = Array.isArray;
-    function Ve(e) {
-      return Rr(e);
+    var Sr = Array.isArray;
+    function Ie(e) {
+      return Sr(e);
     }
-    function Sr(e) {
+    function Cr(e) {
       {
         var a = typeof Symbol == "function" && Symbol.toStringTag, l = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l;
       }
     }
-    function Cr(e) {
+    function kr(e) {
       try {
-        return He(e), !1;
+        return Ge(e), !1;
       } catch {
         return !0;
       }
     }
-    function He(e) {
+    function Ge(e) {
       return "" + e;
     }
-    function Ge(e) {
-      if (Cr(e))
-        return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Sr(e)), He(e);
+    function Xe(e) {
+      if (kr(e))
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(e)), Ge(e);
     }
-    var Xe = g.ReactCurrentOwner, kr = {
+    var qe = $.ReactCurrentOwner, Tr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, qe, Je;
+    }, Je, Ze;
     function Pr(e) {
-      if (de.call(e, "ref")) {
+      if (pe.call(e, "ref")) {
         var a = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function Tr(e) {
-      if (de.call(e, "key")) {
+    function jr(e) {
+      if (pe.call(e, "key")) {
         var a = Object.getOwnPropertyDescriptor(e, "key").get;
         if (a && a.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function jr(e, a) {
-      typeof e.ref == "string" && Xe.current;
-    }
     function Vr(e, a) {
+      typeof e.ref == "string" && qe.current;
+    }
+    function Ir(e, a) {
       {
         var l = function() {
-          qe || (qe = !0, c("%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://reactjs.org/link/special-props)", a));
+          Je || (Je = !0, v("%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://reactjs.org/link/special-props)", a));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: l,
@@ -401,10 +401,10 @@ function Xr() {
         });
       }
     }
-    function Ir(e, a) {
+    function Dr(e, a) {
       {
         var l = function() {
-          Je || (Je = !0, c("%s: `ref` 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://reactjs.org/link/special-props)", a));
+          Ze || (Ze = !0, v("%s: `ref` 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://reactjs.org/link/special-props)", a));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: l,
@@ -412,70 +412,70 @@ function Xr() {
         });
       }
     }
-    var Or = function(e, a, l, p, S, C, E) {
-      var b = {
+    var Or = function(e, a, l, p, C, T, _) {
+      var x = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: t,
+        $$typeof: n,
         // Built-in properties that belong on the element
         type: e,
         key: a,
         ref: l,
-        props: E,
+        props: _,
         // Record the component responsible for creating this element.
-        _owner: C
+        _owner: T
       };
-      return b._store = {}, Object.defineProperty(b._store, "validated", {
+      return x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(b, "_self", {
+      }), Object.defineProperty(x, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: p
-      }), Object.defineProperty(b, "_source", {
+      }), Object.defineProperty(x, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: S
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+        value: C
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function Dr(e, a, l, p, S) {
+    function Lr(e, a, l, p, C) {
       {
-        var C, E = {}, b = null, W = null;
-        l !== void 0 && (Ge(l), b = "" + l), Tr(a) && (Ge(a.key), b = "" + a.key), Pr(a) && (W = a.ref, jr(a, S));
-        for (C in a)
-          de.call(a, C) && !kr.hasOwnProperty(C) && (E[C] = a[C]);
+        var T, _ = {}, x = null, B = null;
+        l !== void 0 && (Xe(l), x = "" + l), jr(a) && (Xe(a.key), x = "" + a.key), Pr(a) && (B = a.ref, Vr(a, C));
+        for (T in a)
+          pe.call(a, T) && !Tr.hasOwnProperty(T) && (_[T] = a[T]);
         if (e && e.defaultProps) {
-          var L = e.defaultProps;
-          for (C in L)
-            E[C] === void 0 && (E[C] = L[C]);
+          var F = e.defaultProps;
+          for (T in F)
+            _[T] === void 0 && (_[T] = F[T]);
         }
-        if (b || W) {
-          var F = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && Vr(E, F), W && Ir(E, F);
+        if (x || B) {
+          var N = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          x && Ir(_, N), B && Dr(_, N);
         }
-        return Or(e, b, W, S, p, Xe.current, E);
+        return Or(e, x, B, C, p, qe.current, _);
       }
     }
-    var Ie = g.ReactCurrentOwner, Ze = g.ReactDebugCurrentFrame;
-    function te(e) {
+    var De = $.ReactCurrentOwner, Qe = $.ReactDebugCurrentFrame;
+    function le(e) {
       if (e) {
-        var a = e._owner, l = me(e.type, e._source, a ? a.type : null);
-        Ze.setExtraStackFrame(l);
+        var a = e._owner, l = we(e.type, e._source, a ? a.type : null);
+        Qe.setExtraStackFrame(l);
       } else
-        Ze.setExtraStackFrame(null);
+        Qe.setExtraStackFrame(null);
     }
     var Oe;
     Oe = !1;
-    function De(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === t;
+    function Le(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function Qe() {
+    function Ke() {
       {
-        if (Ie.current) {
-          var e = P(Ie.current.type);
+        if (De.current) {
+          var e = b(De.current.type);
           if (e)
             return `
 
@@ -484,13 +484,13 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Lr(e) {
+    function Ar(e) {
       return "";
     }
-    var Ke = {};
+    var er = {};
     function zr(e) {
       {
-        var a = Qe();
+        var a = Ke();
         if (!a) {
           var l = typeof e == "string" ? e : e.displayName || e.name;
           l && (a = `
@@ -500,39 +500,39 @@ Check the top-level render call using <` + l + ">.");
         return a;
       }
     }
-    function er(e, a) {
+    function rr(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
         var l = zr(a);
-        if (Ke[l])
+        if (er[l])
           return;
-        Ke[l] = !0;
+        er[l] = !0;
         var p = "";
-        e && e._owner && e._owner !== Ie.current && (p = " It was passed a child from " + P(e._owner.type) + "."), te(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, p), te(null);
+        e && e._owner && e._owner !== De.current && (p = " It was passed a child from " + b(e._owner.type) + "."), le(e), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, p), le(null);
       }
     }
-    function rr(e, a) {
+    function tr(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (Ve(e))
+        if (Ie(e))
           for (var l = 0; l < e.length; l++) {
             var p = e[l];
-            De(p) && er(p, a);
+            Le(p) && rr(p, a);
           }
-        else if (De(e))
+        else if (Le(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var S = z(e);
-          if (typeof S == "function" && S !== e.entries)
-            for (var C = S.call(e), E; !(E = C.next()).done; )
-              De(E.value) && er(E.value, a);
+          var C = P(e);
+          if (typeof C == "function" && C !== e.entries)
+            for (var T = C.call(e), _; !(_ = T.next()).done; )
+              Le(_.value) && rr(_.value, a);
         }
       }
     }
-    function Ar(e) {
+    function Fr(e) {
       {
         var a = e.type;
         if (a == null || typeof a == "string")
@@ -542,335 +542,349 @@ Check the top-level render call using <` + l + ">.");
           l = a.propTypes;
         else if (typeof a == "object" && (a.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        a.$$typeof === w))
+        a.$$typeof === S))
           l = a.propTypes;
         else
           return;
         if (l) {
-          var p = P(a);
-          Er(l, e.props, "prop", p, e);
+          var p = b(a);
+          Rr(l, e.props, "prop", p, e);
         } else if (a.PropTypes !== void 0 && !Oe) {
           Oe = !0;
-          var S = P(a);
-          c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
+          var C = b(a);
+          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Fr(e) {
+    function Nr(e) {
       {
         for (var a = Object.keys(e.props), l = 0; l < a.length; l++) {
           var p = a[l];
           if (p !== "children" && p !== "key") {
-            te(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), te(null);
+            le(e), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), le(null);
             break;
           }
         }
-        e.ref !== null && (te(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), te(null));
+        e.ref !== null && (le(e), v("Invalid attribute `ref` supplied to `React.Fragment`."), le(null));
       }
     }
     var or = {};
-    function tr(e, a, l, p, S, C) {
+    function nr(e, a, l, p, C, T) {
       {
-        var E = re(e);
-        if (!E) {
-          var b = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var W = Lr();
-          W ? b += W : b += Qe();
-          var L;
-          e === null ? L = "null" : Ve(e) ? L = "array" : e !== void 0 && e.$$typeof === t ? (L = "<" + (P(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : L = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, b);
+        var _ = Q(e);
+        if (!_) {
+          var x = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (x += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var B = Ar();
+          B ? x += B : x += Ke();
+          var F;
+          e === null ? F = "null" : Ie(e) ? F = "array" : e !== void 0 && e.$$typeof === n ? (F = "<" + (b(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : F = typeof e, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, x);
         }
-        var F = Dr(e, a, l, S, C);
-        if (F == null)
-          return F;
-        if (E) {
-          var G = a.children;
-          if (G !== void 0)
+        var N = Lr(e, a, l, C, T);
+        if (N == null)
+          return N;
+        if (_) {
+          var J = a.children;
+          if (J !== void 0)
             if (p)
-              if (Ve(G)) {
-                for (var ne = 0; ne < G.length; ne++)
-                  rr(G[ne], e);
-                Object.freeze && Object.freeze(G);
+              if (Ie(J)) {
+                for (var ue = 0; ue < J.length; ue++)
+                  tr(J[ue], e);
+                Object.freeze && Object.freeze(J);
               } else
-                c("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                v("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
-              rr(G, e);
+              tr(J, e);
         }
-        if (de.call(a, "key")) {
-          var K = P(e), U = Object.keys(a).filter(function(Ur) {
-            return Ur !== "key";
-          }), Le = U.length > 0 ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!or[K + Le]) {
-            var Br = U.length > 0 ? "{" + U.join(": ..., ") + ": ...}" : "{}";
-            c(`A props object containing a "key" prop is being spread into JSX:
+        if (pe.call(a, "key")) {
+          var oe = b(e), G = Object.keys(a).filter(function(Yr) {
+            return Yr !== "key";
+          }), Ae = G.length > 0 ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!or[oe + Ae]) {
+            var Ur = G.length > 0 ? "{" + G.join(": ..., ") + ": ...}" : "{}";
+            v(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Le, K, Br, K), or[K + Le] = !0;
+  <%s key={someKey} {...props} />`, Ae, oe, Ur, oe), or[oe + Ae] = !0;
           }
         }
-        return e === n ? Fr(F) : Ar(F), F;
+        return e === o ? Nr(N) : Fr(N), N;
       }
     }
-    function Nr(e, a, l) {
-      return tr(e, a, l, !0);
-    }
     function $r(e, a, l) {
-      return tr(e, a, l, !1);
+      return nr(e, a, l, !0);
     }
-    var Mr = $r, Wr = Nr;
-    ve.Fragment = n, ve.jsx = Mr, ve.jsxs = Wr;
-  }()), ve;
+    function Mr(e, a, l) {
+      return nr(e, a, l, !1);
+    }
+    var Wr = Mr, Br = $r;
+    he.Fragment = o, he.jsx = Wr, he.jsxs = Br;
+  }()), he;
 }
-process.env.NODE_ENV === "production" ? Ne.exports = Gr() : Ne.exports = Xr();
-var d = Ne.exports;
-function qr(r) {
+process.env.NODE_ENV === "production" ? Me.exports = Xr() : Me.exports = qr();
+var c = Me.exports;
+function Jr(r) {
   if (r.id && /^[a-zA-Z][\w-]*$/.test(r.id))
     return `#${r.id}`;
-  const t = [];
-  let o = r;
-  for (; o && o.nodeType === Node.ELEMENT_NODE; ) {
-    let n = o.nodeName.toLowerCase();
-    if (o.id && /^[a-zA-Z][\w-]*$/.test(o.id)) {
-      t.unshift(`#${o.id}`);
+  const n = [];
+  let t = r;
+  for (; t && t.nodeType === Node.ELEMENT_NODE; ) {
+    let o = t.nodeName.toLowerCase();
+    if (t.id && /^[a-zA-Z][\w-]*$/.test(t.id)) {
+      n.unshift(`#${t.id}`);
       break;
     }
-    if (o.className && typeof o.className == "string") {
-      const i = o.className.trim().split(/\s+/).filter(Boolean);
+    if (t.className && typeof t.className == "string") {
+      const i = t.className.trim().split(/\s+/).filter(Boolean);
       if (i.length > 0) {
-        const s = i.filter((u) => /^[a-zA-Z][\w-]*$/.test(u)).slice(0, 2).map((u) => `.${u}`).join("");
-        s && (n += s);
+        const d = i.filter((u) => /^[a-zA-Z][\w-]*$/.test(u)).slice(0, 2).map((u) => `.${u}`).join("");
+        d && (o += d);
       }
     }
-    if (t.length > 0) {
-      const i = o.parentElement;
-      if (i) {
-        const s = Array.from(i.children).filter(
-          (u) => u.nodeName === o.nodeName
-        );
-        if (s.length > 1) {
-          const u = s.indexOf(o) + 1;
-          n += `:nth-child(${u})`;
-        }
+    const s = t.parentElement;
+    if (s) {
+      const i = Array.from(s.children);
+      if (i.length > 1) {
+        const d = i.indexOf(t) + 1;
+        o += `:nth-child(${d})`;
       }
     }
-    t.unshift(n), o = o.parentElement;
+    n.unshift(o), t = t.parentElement;
   }
-  return t.join(" > ");
+  return n.join(" > ");
 }
-const Jr = "[data-review-layer-root]", Zr = 16;
-function $e(r, t, o = Zr) {
-  if (typeof window > "u") return { x: r, y: t };
-  const n = o, i = o, s = window.innerWidth - o, u = window.innerHeight - o;
+const Zr = "[data-review-layer-root]", Qr = 16;
+function We(r, n, t = Qr) {
+  if (typeof window > "u") return { x: r, y: n };
+  const o = t, s = t, i = window.innerWidth - t, d = window.innerHeight - t;
   return {
-    x: Math.max(n, Math.min(s, r)),
-    y: Math.max(i, Math.min(u, t))
+    x: Math.max(o, Math.min(i, r)),
+    y: Math.max(s, Math.min(d, n))
   };
 }
-function vr(r) {
+function pr(r) {
   if (typeof document > "u" || !r) return [];
-  const t = [];
-  let o = r.parentElement;
-  for (; o && o !== document.body; ) {
-    const n = getComputedStyle(o), i = n.overflowX, s = n.overflowY;
-    (i === "scroll" || i === "auto" || i === "overlay" || s === "scroll" || s === "auto" || s === "overlay") && (o.scrollHeight > o.clientHeight || o.scrollWidth > o.clientWidth) && t.push(o), o = o.parentElement;
+  const n = [];
+  let t = r.parentElement;
+  for (; t && t !== document.body; ) {
+    const o = getComputedStyle(t), s = o.overflowX, i = o.overflowY;
+    (s === "scroll" || s === "auto" || s === "overlay" || i === "scroll" || i === "auto" || i === "overlay") && (t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth) && n.push(t), t = t.parentElement;
   }
-  return t;
+  return n;
 }
-function pr(r) {
-  var t;
+function gr(r) {
+  var n;
   if (typeof document > "u" || !(r != null && r.trim())) return null;
   try {
-    const o = document.querySelector(r);
-    return !o || (t = o.closest) != null && t.call(o, Jr) ? null : o.getBoundingClientRect();
+    const t = document.querySelector(r);
+    return !t || (n = t.closest) != null && n.call(t, Zr) ? null : t.getBoundingClientRect();
   } catch {
     return null;
   }
 }
-function Qr(r) {
+function Kr(r) {
   if (typeof window > "u")
     return { relativeX: 0, relativeY: 0 };
-  const t = window.innerWidth, o = window.innerHeight;
+  const n = window.innerWidth, t = window.innerHeight;
   return {
-    relativeX: t > 0 ? r.left / t : 0,
-    relativeY: o > 0 ? r.top / o : 0
+    relativeX: n > 0 ? r.left / n : 0,
+    relativeY: t > 0 ? r.top / t : 0
   };
 }
-function gr(r) {
+function hr(r) {
   if (typeof window > "u")
     return {
       x: r.x ?? 0,
       y: r.y ?? 0
     };
-  const t = r.relativeX ?? r.relative_x ?? null, o = r.relativeY ?? r.relative_y ?? null;
-  return t != null && o != null ? {
-    x: t * window.innerWidth,
-    y: o * window.innerHeight
+  const n = r.relativeX ?? r.relative_x ?? null, t = r.relativeY ?? r.relative_y ?? null;
+  return n != null && t != null ? {
+    x: n * window.innerWidth,
+    y: t * window.innerHeight
   } : {
     x: r.x ?? 0,
     y: r.y ?? 0
   };
 }
-function Kr(r) {
-  const { x: t, y: o } = gr(r), n = r.width ?? 100, i = r.height ?? 40;
-  return new DOMRect(t, o, n, i);
+function et(r) {
+  const { x: n, y: t } = hr(r), o = r.width ?? 100, s = r.height ?? 40;
+  return new DOMRect(n, t, o, s);
 }
-function Ee(r) {
+function Re(r) {
   if (r.selector) {
-    const t = pr(r.selector);
-    if (t != null)
-      return { x: t.left, y: t.top };
+    const n = gr(r.selector);
+    if (n != null)
+      return { x: n.left, y: n.top };
   }
-  return gr(r);
+  return hr(r);
 }
-function Me() {
+const rt = ["path"];
+function tt(r) {
+  return r.trim().startsWith("/") ? r.trim() : `/${r.trim()}`;
+}
+function br() {
   if (typeof window > "u") return "/";
   try {
-    const r = new URLSearchParams(window.location.search).get("path");
-    if (r != null && r.trim() !== "")
-      return r.startsWith("/") ? r : `/${r}`;
+    const r = new URLSearchParams(window.location.search);
+    for (const [, t] of r) {
+      const o = t == null ? void 0 : t.trim();
+      if (o !== "" && o.startsWith("/"))
+        return o;
+    }
+    for (const t of rt) {
+      const o = r.get(t);
+      if (o != null && o.trim() !== "")
+        return tt(o);
+    }
+    const n = window.location.pathname || "/";
+    if (n === "/iframe.html" || n.endsWith("/iframe.html")) {
+      const t = r.get("id");
+      if (t != null && t.trim() !== "")
+        return `/story/${t.trim()}`;
+    }
   } catch {
   }
   return window.location.pathname || "/";
 }
-const T = {
+const j = {
   PENDING: "pending",
   DEV_FIXED: "dev_fixed",
   VALIDATED: "validated"
-}, ar = "[review-layer API]";
-function X(r, t, o) {
-  if ("status" in o) {
-    const { status: v, statusText: f, body: m = "" } = o;
-    let h;
-    v === 401 ? h = "No autorizado (401). Revisa que apiKey sea correcta y esté aceptada por la API." : v === 403 ? h = "Acceso denegado (403). Revisa apiKey o permisos del proyecto." : v === 404 ? h = "Recurso no encontrado (404). Revisa apiUrl y que la ruta exista en el backend." : v >= 500 ? h = "Error del servidor (5xx). El backend puede estar caído o sobrecargado." : h = `Respuesta HTTP ${v} ${f}. Revisa la API.`, console.error(ar, r, {
-      motivo: h,
-      url: t,
-      status: v,
+}, sr = "[review-layer API]";
+function Z(r, n, t) {
+  if ("status" in t) {
+    const { status: u, statusText: f, body: g = "" } = t;
+    let y;
+    u === 401 ? y = "No autorizado (401). Revisa que apiKey sea correcta y esté aceptada por la API." : u === 403 ? y = "Acceso denegado (403). Revisa apiKey o permisos del proyecto." : u === 404 ? y = "Recurso no encontrado (404). Revisa apiUrl y que la ruta exista en el backend." : u >= 500 ? y = "Error del servidor (5xx). El backend puede estar caído o sobrecargado." : y = `Respuesta HTTP ${u} ${f}. Revisa la API.`, console.error(sr, r, {
+      motivo: y,
+      url: n,
+      status: u,
       statusText: f,
-      body: m.slice(0, 300)
+      body: g.slice(0, 300)
     });
     return;
   }
-  const n = o.networkError, i = n instanceof Error ? n.message : String(n), u = n instanceof TypeError || /failed to fetch|networkerror|load failed|network request failed/i.test(i) ? "Posible CORS o error de red (servidor inalcanzable, bloqueo CORS o certificado). Revisa que apiUrl sea accesible desde este origen y que el backend permita CORS." : `Error inesperado: ${i}`;
-  console.error(ar, r, { motivo: u, url: t, error: n });
+  const o = t.networkError, s = o instanceof Error ? o.message : String(o), d = o instanceof TypeError || /failed to fetch|networkerror|load failed|network request failed/i.test(s) ? "Posible CORS o error de red (servidor inalcanzable, bloqueo CORS o certificado). Revisa que apiUrl sea accesible desde este origen y que el backend permita CORS." : `Error inesperado: ${s}`;
+  console.error(sr, r, { motivo: d, url: n, error: o });
 }
-function ge(r) {
+function be(r) {
   return {
     "Content-Type": "application/json",
     "x-review-key": r
   };
 }
-async function eo(r, t, o) {
-  const n = `${r}/reviewers`;
-  let i;
+async function ot(r, n, t) {
+  const o = `${r}/reviewers`;
+  let s;
   try {
-    i = await fetch(n, {
-      headers: ge(t),
-      signal: o == null ? void 0 : o.signal
+    s = await fetch(o, {
+      headers: be(n),
+      signal: t == null ? void 0 : t.signal
     });
-  } catch (u) {
-    throw X("fetchReviewers (red/CORS)", n, { networkError: u }), u;
+  } catch (d) {
+    throw Z("fetchReviewers (red/CORS)", o, { networkError: d }), d;
   }
-  if (!i.ok) {
-    const u = await i.text();
-    throw X("fetchReviewers", n, { status: i.status, statusText: i.statusText, body: u }), new Error("Failed to fetch reviewers");
+  if (!s.ok) {
+    const d = await s.text();
+    throw Z("fetchReviewers", o, { status: s.status, statusText: s.statusText, body: d }), new Error("Failed to fetch reviewers");
   }
-  return (await i.json()).data ?? [];
+  return (await s.json()).data ?? [];
 }
-async function ro(r, t, o) {
-  const n = `${r}/comments`;
-  let i;
+async function nt(r, n, t) {
+  const o = `${r}/comments`;
+  let s;
   try {
-    i = await fetch(n, {
+    s = await fetch(o, {
       method: "POST",
-      headers: ge(t),
-      body: JSON.stringify(o)
+      headers: be(n),
+      body: JSON.stringify(t)
     });
-  } catch (u) {
-    throw X("createComment (red/CORS)", n, { networkError: u }), u;
+  } catch (d) {
+    throw Z("createComment (red/CORS)", o, { networkError: d }), d;
   }
-  if (!i.ok) {
-    const u = await i.text();
-    let v = "Failed to create comment";
+  if (!s.ok) {
+    const d = await s.text();
+    let u = "Failed to create comment";
     try {
-      v = JSON.parse(u).message ?? v;
+      u = JSON.parse(d).message ?? u;
     } catch {
     }
-    throw X("createComment", n, { status: i.status, statusText: i.statusText, body: u }), new Error(v);
+    throw Z("createComment", o, { status: s.status, statusText: s.statusText, body: d }), new Error(u);
   }
-  return (await i.json()).data;
+  return (await s.json()).data;
 }
-async function oo(r, t, o, n) {
-  const i = new URLSearchParams({ url: o }), s = `${r}/comments?${i}`;
-  let u;
+async function it(r, n, t, o) {
+  const s = new URLSearchParams({ url: t }), i = `${r}/comments?${s}`;
+  let d;
   try {
-    u = await fetch(s, {
-      headers: ge(t),
-      signal: n == null ? void 0 : n.signal
+    d = await fetch(i, {
+      headers: be(n),
+      signal: o == null ? void 0 : o.signal
     });
   } catch (f) {
-    throw X("fetchComments (red/CORS)", s, { networkError: f }), f;
+    throw Z("fetchComments (red/CORS)", i, { networkError: f }), f;
   }
-  if (!u.ok) {
-    const f = await u.text();
-    throw X("fetchComments", s, { status: u.status, statusText: u.statusText, body: f }), new Error("Failed to fetch comments");
+  if (!d.ok) {
+    const f = await d.text();
+    throw Z("fetchComments", i, { status: d.status, statusText: d.statusText, body: f }), new Error("Failed to fetch comments");
   }
-  return (await u.json()).data ?? [];
+  return (await d.json()).data ?? [];
 }
-async function to(r, t, o, n) {
-  const i = `${r}/comments/${o}/status`;
-  let s;
+async function at(r, n, t, o) {
+  const s = `${r}/comments/${t}/status`;
+  let i;
   try {
-    s = await fetch(i, {
+    i = await fetch(s, {
       method: "PATCH",
-      headers: ge(t),
-      body: JSON.stringify({ status: n })
+      headers: be(n),
+      body: JSON.stringify({ status: o })
     });
-  } catch (v) {
-    throw X("updateCommentStatus (red/CORS)", i, { networkError: v }), v;
+  } catch (u) {
+    throw Z("updateCommentStatus (red/CORS)", s, { networkError: u }), u;
   }
-  if (!s.ok) {
-    const v = await s.text();
-    X("updateCommentStatus", i, { status: s.status, statusText: s.statusText, body: v });
+  if (!i.ok) {
+    const u = await i.text();
+    Z("updateCommentStatus", s, { status: i.status, statusText: i.statusText, body: u });
     let f = "Failed to update comment status";
     try {
-      f = JSON.parse(v).message ?? f;
+      f = JSON.parse(u).message ?? f;
     } catch {
     }
     throw new Error(f);
   }
-  return (await s.json()).data;
+  return (await i.json()).data;
 }
-async function no(r, t, o) {
-  const n = `${r}/comments/${o}`;
-  let i;
+async function st(r, n, t) {
+  const o = `${r}/comments/${t}`;
+  let s;
   try {
-    i = await fetch(n, {
+    s = await fetch(o, {
       method: "DELETE",
-      headers: ge(t)
+      headers: be(n)
     });
-  } catch (s) {
-    throw X("deleteComment (red/CORS)", n, { networkError: s }), s;
+  } catch (i) {
+    throw Z("deleteComment (red/CORS)", o, { networkError: i }), i;
   }
-  if (!i.ok) {
-    const s = await i.text();
-    X("deleteComment", n, { status: i.status, statusText: i.statusText, body: s });
-    let u = "Failed to delete comment";
+  if (!s.ok) {
+    const i = await s.text();
+    Z("deleteComment", o, { status: s.status, statusText: s.statusText, body: i });
+    let d = "Failed to delete comment";
     try {
-      u = JSON.parse(s).message ?? u;
+      d = JSON.parse(i).message ?? d;
     } catch {
     }
-    throw new Error(u);
+    throw new Error(d);
   }
 }
-const io = {
+const lt = {
   position: "fixed",
   inset: 0,
   zIndex: 999997,
   backgroundColor: "transparent"
-}, ao = {
+}, ut = {
   position: "fixed",
   minWidth: 320,
   maxWidth: 400,
@@ -880,7 +894,7 @@ const io = {
   borderRadius: "var(--ui-radius_8, 8px)",
   boxShadow: "0 8px 24px var(--ui-color-black-alpha-20, rgba(0,0,0,0.15))",
   zIndex: 999998
-}, so = {
+}, ct = {
   width: "100%",
   minHeight: 80,
   padding: "var(--ui-positive-Value_200, 8px) var(--ui-positive-Value_300, 12px)",
@@ -891,14 +905,14 @@ const io = {
   fontFamily: "var(--ui-font-family-ui, 'Inter', sans-serif)",
   resize: "vertical",
   boxSizing: "border-box"
-}, lo = {
+}, dt = {
   width: "100%",
   padding: "var(--ui-positive-Value_200, 8px) var(--ui-positive-Value_300, 12px)",
   marginBottom: "var(--ui-positive-Value_300, 12px)",
   border: "1px solid var(--ui-color-border-default, #d9d9d9)",
   borderRadius: "var(--ui-radius_6, 6px)",
   fontSize: "var(--ui-font-size-sm, 14px)"
-}, sr = {
+}, lr = {
   padding: "var(--ui-positive-Value_200, 8px) var(--ui-positive-Value_400, 16px)",
   backgroundColor: "var(--ui-color-bg-fill-danger-default, #ff4d4f)",
   color: "var(--ui-color-text-on-color, #fff)",
@@ -908,108 +922,108 @@ const io = {
   cursor: "pointer",
   fontWeight: "var(--ui-font-weight-medium, 500)"
 };
-function uo({
+function ft({
   apiUrl: r,
-  apiKey: t,
-  reviewers: o,
-  position: n,
-  payload: i,
-  onClose: s,
-  onSuccess: u
+  apiKey: n,
+  reviewers: t,
+  position: o,
+  payload: s,
+  onClose: i,
+  onSuccess: d
 }) {
-  var g;
-  const [v, f] = N(""), [m, h] = N(
-    ((g = o[0]) == null ? void 0 : g.id) ?? 0
-  ), [w, j] = N(!1), [k, D] = N(null);
-  O(() => {
-    o.length > 0 && !m && h(o[0].id);
-  }, [o, m]);
-  const M = I(
-    async (c) => {
-      if (c.preventDefault(), !(!v.trim() || !m)) {
-        j(!0), D(null);
+  var $;
+  const [u, f] = W(""), [g, y] = W(
+    (($ = t[0]) == null ? void 0 : $.id) ?? 0
+  ), [S, m] = W(!1), [A, z] = W(null);
+  L(() => {
+    t.length > 0 && !g && y(t[0].id);
+  }, [t, g]);
+  const M = D(
+    async (v) => {
+      if (v.preventDefault(), !(!u.trim() || !g)) {
+        m(!0), z(null);
         try {
-          await ro(r, t, {
-            ...i,
-            message: v.trim(),
-            reviewerId: m
-          }), u(), s();
-        } catch (x) {
-          D(x instanceof Error ? x.message : "Failed to send comment");
+          await nt(r, n, {
+            ...s,
+            message: u.trim(),
+            reviewerId: g
+          }), d(), i();
+        } catch (k) {
+          z(k instanceof Error ? k.message : "Failed to send comment");
         } finally {
-          j(!1);
+          m(!1);
         }
       }
     },
-    [r, t, i, v, m, u, s]
-  ), z = pe(null);
-  return O(() => {
-    const c = (x) => {
-      x.key === "Escape" && (x.preventDefault(), s());
+    [r, n, s, u, g, d, i]
+  ), P = ne(null);
+  return L(() => {
+    const v = (k) => {
+      k.key === "Escape" && (k.preventDefault(), i());
     };
-    return document.addEventListener("keydown", c, !0), () => document.removeEventListener("keydown", c, !0);
-  }, [s]), O(() => {
-    const c = (x) => {
-      const A = x.target;
-      z.current && !z.current.contains(A) && (x.preventDefault(), x.stopPropagation(), s());
+    return document.addEventListener("keydown", v, !0), () => document.removeEventListener("keydown", v, !0);
+  }, [i]), L(() => {
+    const v = (k) => {
+      const Y = k.target;
+      P.current && !P.current.contains(Y) && (k.preventDefault(), k.stopPropagation(), i());
     };
-    return document.addEventListener("mousedown", c, !0), () => document.removeEventListener("mousedown", c, !0);
-  }, [s]), O(() => {
-    var c;
-    (c = z.current) == null || c.focus();
-  }, []), /* @__PURE__ */ d.jsxs(
+    return document.addEventListener("mousedown", v, !0), () => document.removeEventListener("mousedown", v, !0);
+  }, [i]), L(() => {
+    var v;
+    (v = P.current) == null || v.focus();
+  }, []), /* @__PURE__ */ c.jsxs(
     "div",
     {
-      ref: z,
+      ref: P,
       role: "dialog",
       "aria-modal": "true",
       tabIndex: -1,
       style: { position: "fixed", inset: 0, zIndex: 999997, outline: "none" },
       children: [
-        /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ c.jsx(
           "div",
           {
             role: "presentation",
-            style: io,
-            onClick: s
+            style: lt,
+            onClick: i
           }
         ),
-        /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ c.jsx(
           "div",
           {
             style: {
-              ...ao,
-              left: Math.min(n.x, typeof window < "u" ? window.innerWidth - 420 : n.x),
-              top: n.y + 12
+              ...ut,
+              left: Math.min(o.x, typeof window < "u" ? window.innerWidth - 420 : o.x),
+              top: o.y + 12
             },
-            onClick: (c) => c.stopPropagation(),
-            children: /* @__PURE__ */ d.jsxs("form", { onSubmit: M, children: [
-              /* @__PURE__ */ d.jsx(
+            onClick: (v) => v.stopPropagation(),
+            children: /* @__PURE__ */ c.jsxs("form", { onSubmit: M, children: [
+              /* @__PURE__ */ c.jsx(
                 "textarea",
                 {
                   placeholder: "Escribe tu comentario...",
-                  value: v,
-                  onChange: (c) => f(c.target.value),
-                  style: so,
+                  value: u,
+                  onChange: (v) => f(v.target.value),
+                  style: ct,
                   required: !0,
                   autoFocus: !0
                 }
               ),
-              /* @__PURE__ */ d.jsxs(
+              /* @__PURE__ */ c.jsxs(
                 "select",
                 {
-                  value: m,
-                  onChange: (c) => h(Number(c.target.value)),
-                  style: lo,
+                  value: g,
+                  onChange: (v) => y(Number(v.target.value)),
+                  style: dt,
                   required: !0,
-                  disabled: o.length === 0,
+                  disabled: t.length === 0,
                   children: [
-                    /* @__PURE__ */ d.jsx("option", { value: "", children: o.length === 0 ? "No hay revisores (ejecuta php artisan db:seed en la API)" : "Selecciona revisor" }),
-                    o.map((c) => /* @__PURE__ */ d.jsx("option", { value: c.id, children: c.name }, c.id))
+                    /* @__PURE__ */ c.jsx("option", { value: "", children: t.length === 0 ? "No hay revisores (ejecuta php artisan db:seed en la API)" : "Selecciona revisor" }),
+                    t.map((v) => /* @__PURE__ */ c.jsx("option", { value: v.id, children: v.name }, v.id))
                   ]
                 }
               ),
-              k && /* @__PURE__ */ d.jsx(
+              A && /* @__PURE__ */ c.jsx(
                 "div",
                 {
                   style: {
@@ -1017,30 +1031,30 @@ function uo({
                     fontSize: "var(--ui-font-size-xs, 12px)",
                     marginBottom: "var(--ui-positive-Value_200, 8px)"
                   },
-                  children: k
+                  children: A
                 }
               ),
-              /* @__PURE__ */ d.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--ui-positive-Value_200, 8px)" }, children: [
-                /* @__PURE__ */ d.jsx(
+              /* @__PURE__ */ c.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--ui-positive-Value_200, 8px)" }, children: [
+                /* @__PURE__ */ c.jsx(
                   "button",
                   {
                     type: "button",
-                    onClick: s,
+                    onClick: i,
                     style: {
-                      ...sr,
+                      ...lr,
                       backgroundColor: "var(--ui-color-bg-fill-secondary-default, #f0f0f0)",
                       color: "var(--ui-color-text-primary, #333)"
                     },
                     children: "Cancelar"
                   }
                 ),
-                /* @__PURE__ */ d.jsx(
+                /* @__PURE__ */ c.jsx(
                   "button",
                   {
                     type: "submit",
-                    style: sr,
-                    disabled: w || o.length === 0,
-                    children: w ? "Enviando..." : "Enviar comentario"
+                    style: lr,
+                    disabled: S || t.length === 0,
+                    children: S ? "Enviando..." : "Enviar comentario"
                   }
                 )
               ] })
@@ -1051,8 +1065,8 @@ function uo({
     }
   );
 }
-const co = Ce(uo), fo = "var(--ui-color-red-500, #ef4444)";
-function vo(r) {
+const vt = ke(ft), pt = "var(--ui-color-red-500, #ef4444)";
+function gt(r) {
   return {
     position: "fixed",
     outline: `2px solid ${r}`,
@@ -1062,82 +1076,82 @@ function vo(r) {
     boxSizing: "border-box"
   };
 }
-const po = Ce(function({
-  selector: t,
-  active: o,
-  fallbackComment: n,
-  outlineColor: i = fo
+const ht = ke(function({
+  selector: n,
+  active: t,
+  fallbackComment: o,
+  outlineColor: s = pt
 }) {
-  const [s, u] = N(null), v = I(() => {
-    if (!o) {
-      u(null);
+  const [i, d] = W(null), u = D(() => {
+    if (!t) {
+      d(null);
       return;
     }
-    const f = t != null && t.trim() ? pr(t) : null;
+    const f = n != null && n.trim() ? gr(n) : null;
     if (f) {
-      u(f);
+      d(f);
       return;
     }
-    if (n) {
-      u(Kr(n));
+    if (o) {
+      d(et(o));
       return;
     }
-    u(null);
-  }, [t, o, n]);
-  return O(() => {
-    v();
-  }, [v]), O(() => {
-    if (o)
-      return window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
-        window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
+    d(null);
+  }, [n, t, o]);
+  return L(() => {
+    u();
+  }, [u]), L(() => {
+    if (t)
+      return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
+        window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
       };
-  }, [o, v]), !o || s == null ? null : /* @__PURE__ */ d.jsx(
+  }, [t, u]), !t || i == null ? null : /* @__PURE__ */ c.jsx(
     "div",
     {
       "aria-hidden": !0,
       style: {
-        ...vo(i),
-        left: s.left,
-        top: s.top,
-        width: s.width,
-        height: s.height
+        ...gt(s),
+        left: i.left,
+        top: i.top,
+        width: i.width,
+        height: i.height
       }
     }
   );
-}), Re = 32, lr = 150, ze = 250, Y = {
+}), Se = 32, ur = 150, ze = 250, X = {
   cardBg: "var(--ui-color-bg-surface-default, #ffffff)",
   cardFooterBg: "var(--ui-color-bg-surface-secondary-default, #f8fafc)",
   textDark: "var(--ui-color-text-primary, #333333)",
   textMuted: "var(--ui-color-text-secondary, #888888)",
   border: "var(--ui-color-border-default, #cccccc)",
   shadow: "var(--ui-shadow-card, 0 4px 16px rgba(0, 0, 0, 0.12))"
-}, go = {
-  [T.PENDING]: "Pendiente",
-  [T.DEV_FIXED]: "Corregido",
-  [T.VALIDATED]: "Validado"
-}, ho = {
-  [T.PENDING]: "PENDIENTE",
-  [T.DEV_FIXED]: "CORREGIDO",
-  [T.VALIDATED]: "VALIDADO"
-}, ie = {
-  [T.PENDING]: "var(--ui-color-red-500, rgb(240, 69, 69))",
-  [T.DEV_FIXED]: "var(--ui-color-yellow-500, rgb(235, 179, 8))",
-  [T.VALIDATED]: "var(--ui-color-green-500, rgb(33, 196, 94))"
-}, ur = {
-  [T.PENDING]: "var(--ui-color-bg-surface-danger-default, #fef2f2)",
-  [T.DEV_FIXED]: "var(--ui-color-bg-surface-warning-default, #fffbeb)",
-  [T.VALIDATED]: "var(--ui-color-bg-surface-success-default, #f0fdf4)"
-}, Se = {
-  [T.PENDING]: "var(--ui-color-red-500, #ef4444)",
-  [T.DEV_FIXED]: "var(--ui-color-orange-500, #f59e0b)",
-  [T.VALIDATED]: "var(--ui-color-green-500, #22c55e)"
+}, bt = {
+  [j.PENDING]: "Pendiente",
+  [j.DEV_FIXED]: "Corregido",
+  [j.VALIDATED]: "Validado"
+}, xt = {
+  [j.PENDING]: "PENDIENTE",
+  [j.DEV_FIXED]: "CORREGIDO",
+  [j.VALIDATED]: "VALIDADO"
+}, ce = {
+  [j.PENDING]: "var(--ui-color-red-500, rgb(240, 69, 69))",
+  [j.DEV_FIXED]: "var(--ui-color-yellow-500, rgb(235, 179, 8))",
+  [j.VALIDATED]: "var(--ui-color-green-500, rgb(33, 196, 94))"
+}, cr = {
+  [j.PENDING]: "var(--ui-color-bg-surface-danger-default, #fef2f2)",
+  [j.DEV_FIXED]: "var(--ui-color-bg-surface-warning-default, #fffbeb)",
+  [j.VALIDATED]: "var(--ui-color-bg-surface-success-default, #f0fdf4)"
+}, Ce = {
+  [j.PENDING]: "var(--ui-color-red-500, #ef4444)",
+  [j.DEV_FIXED]: "var(--ui-color-orange-500, #f59e0b)",
+  [j.VALIDATED]: "var(--ui-color-green-500, #22c55e)"
 };
-function bo(r) {
-  const t = r.trim().split(/\s+/);
-  return t.length >= 2 ? (t[0][0] + t[t.length - 1][0]).toUpperCase() : r.slice(0, 2).toUpperCase() || "?";
+function yt(r) {
+  const n = r.trim().split(/\s+/);
+  return n.length >= 2 ? (n[0][0] + n[n.length - 1][0]).toUpperCase() : r.slice(0, 2).toUpperCase() || "?";
 }
-const xo = () => /* @__PURE__ */ d.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", style: { marginRight: 4, flexShrink: 0 }, children: /* @__PURE__ */ d.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), yo = ({ color: r }) => /* @__PURE__ */ d.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", style: { flexShrink: 0 }, children: [
-  /* @__PURE__ */ d.jsx(
+const mt = () => /* @__PURE__ */ c.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", style: { marginRight: 4, flexShrink: 0 }, children: /* @__PURE__ */ c.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), wt = ({ color: r }) => /* @__PURE__ */ c.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", style: { flexShrink: 0 }, children: [
+  /* @__PURE__ */ c.jsx(
     "path",
     {
       d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z",
@@ -1148,7 +1162,7 @@ const xo = () => /* @__PURE__ */ d.jsx("svg", { width: "12", height: "12", viewB
       fill: "none"
     }
   ),
-  /* @__PURE__ */ d.jsx(
+  /* @__PURE__ */ c.jsx(
     "path",
     {
       d: "M8 10h.01M12 10h.01M16 10h.01",
@@ -1157,12 +1171,12 @@ const xo = () => /* @__PURE__ */ d.jsx("svg", { width: "12", height: "12", viewB
       strokeLinecap: "round"
     }
   )
-] }), mo = (r) => ({
+] }), _t = (r) => ({
   position: "fixed",
-  width: Re,
-  height: Re,
+  width: Se,
+  height: Se,
   borderRadius: "50%",
-  backgroundColor: ie[r] ?? ie[T.PENDING],
+  backgroundColor: ce[r] ?? ce[j.PENDING],
   color: "var(--ui-color-text-on-color, #fff)",
   display: "flex",
   alignItems: "center",
@@ -1172,31 +1186,31 @@ const xo = () => /* @__PURE__ */ d.jsx("svg", { width: "12", height: "12", viewB
   boxShadow: "0 2px 8px var(--ui-color-black-alpha-20, rgba(0,0,0,0.2))",
   zIndex: 999998,
   border: "2px solid var(--ui-color-white, #fff)"
-}), wo = {
+}), Et = {
   position: "fixed",
   width: ze,
   minWidth: ze,
   maxWidth: ze,
   boxSizing: "border-box",
-  backgroundColor: Y.cardBg,
+  backgroundColor: X.cardBg,
   borderRadius: "var(--ui-radius_12, 12px)",
-  boxShadow: Y.shadow,
+  boxShadow: X.shadow,
   fontSize: "var(--ui-font-size-sm, 14px)",
   fontFamily: "var(--ui-font-family-ui, 'Inter', sans-serif)",
   zIndex: 999999,
   pointerEvents: "auto"
-}, _o = {
+}, Rt = {
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   gap: "var(--ui-positive-Value_250, 10px)",
-  borderBottom: `1px solid ${Y.border}`,
+  borderBottom: `1px solid ${X.border}`,
   padding: "var(--ui-positive-Value_300, 12px)"
-}, Eo = (r) => ({
+}, St = (r) => ({
   width: 40,
   height: 40,
   borderRadius: "50%",
-  backgroundColor: ie[r] ?? ie[T.PENDING],
+  backgroundColor: ce[r] ?? ce[j.PENDING],
   color: "var(--ui-color-text-on-color, #fff)",
   border: "2px solid var(--ui-color-white, #fff)",
   display: "flex",
@@ -1206,18 +1220,18 @@ const xo = () => /* @__PURE__ */ d.jsx("svg", { width: "12", height: "12", viewB
   fontWeight: "var(--ui-font-weight-bold, 700)",
   flexShrink: 0,
   overflow: "hidden"
-}), Ro = Ce(function({
-  reviewer: t,
-  status: o
+}), Ct = ke(function({
+  reviewer: n,
+  status: t
 }) {
-  const n = t == null ? void 0 : t.image_url, i = (t == null ? void 0 : t.name) ?? "Revisor", s = Eo(o);
-  if (n && n.trim()) {
-    const u = ie[o] ?? ie[T.PENDING];
-    return /* @__PURE__ */ d.jsx("div", { style: { ...s, border: `2px solid ${u}` }, children: /* @__PURE__ */ d.jsx(
+  const o = n == null ? void 0 : n.image_url, s = (n == null ? void 0 : n.name) ?? "Revisor", i = St(t);
+  if (o && o.trim()) {
+    const d = ce[t] ?? ce[j.PENDING];
+    return /* @__PURE__ */ c.jsx("div", { style: { ...i, border: `2px solid ${d}` }, children: /* @__PURE__ */ c.jsx(
       "img",
       {
-        src: n,
-        alt: i,
+        src: o,
+        alt: s,
         style: {
           width: "100%",
           height: "100%",
@@ -1227,8 +1241,8 @@ const xo = () => /* @__PURE__ */ d.jsx("svg", { width: "12", height: "12", viewB
       }
     ) });
   }
-  return /* @__PURE__ */ d.jsx("div", { style: s, children: bo(i) });
-}), So = {
+  return /* @__PURE__ */ c.jsx("div", { style: i, children: yt(s) });
+}), kt = {
   flexShrink: 0,
   width: "var(--ui-positive-Value_600, 24px)",
   height: "var(--ui-positive-Value_600, 24px)",
@@ -1236,15 +1250,15 @@ const xo = () => /* @__PURE__ */ d.jsx("svg", { width: "12", height: "12", viewB
   border: "none",
   borderRadius: "var(--ui-radius_6, 6px)",
   backgroundColor: "transparent",
-  color: Y.textDark,
+  color: X.textDark,
   cursor: "pointer",
   fontSize: "var(--ui-positive-Value_450, 18px)",
   lineHeight: 1,
   display: "flex",
   alignItems: "center",
   justifyContent: "center"
-}, Co = (r) => {
-  const t = Se[r] ?? Se[T.PENDING];
+}, Tt = (r) => {
+  const n = Ce[r] ?? Ce[j.PENDING];
   return {
     display: "inline-flex",
     alignItems: "center",
@@ -1255,42 +1269,42 @@ const xo = () => /* @__PURE__ */ d.jsx("svg", { width: "12", height: "12", viewB
     fontFamily: "var(--ui-font-family-ui, 'Inter', sans-serif)",
     textTransform: "uppercase",
     letterSpacing: "0.02em",
-    backgroundColor: ur[r] ?? ur[T.PENDING],
-    color: t,
-    border: `1px solid ${t}`
+    backgroundColor: cr[r] ?? cr[j.PENDING],
+    color: n,
+    border: `1px solid ${n}`
   };
-}, ko = {
+}, Pt = {
   display: "block",
   fontSize: "var(--ui-font-size-2xs, 10px)",
   fontWeight: "var(--ui-font-weight-semibold, 600)",
   fontFamily: "var(--ui-font-family-ui, 'Inter', sans-serif)",
-  color: Y.textMuted,
+  color: X.textMuted,
   textTransform: "uppercase",
   letterSpacing: "0.04em"
-}, Po = {
+}, jt = {
   width: "100%",
   padding: "var(--ui-positive-Value_200, 8px) var(--ui-positive-Value_300, 12px)",
   paddingRight: "var(--ui-positive-Value_800, 32px)",
   fontSize: "var(--ui-font-size-xs, 13px)",
   fontFamily: "var(--ui-font-family-ui, 'Inter', sans-serif)",
   borderRadius: "var(--ui-radius_8, 8px)",
-  border: `1px solid ${Y.border}`,
-  backgroundColor: Y.cardBg,
-  color: Y.textDark,
+  border: `1px solid ${X.border}`,
+  backgroundColor: X.cardBg,
+  color: X.textDark,
   cursor: "pointer",
   appearance: "none",
   backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L2 4h8z'/%3E%3C/svg%3E")`,
   backgroundRepeat: "no-repeat",
   backgroundPosition: "right var(--ui-positive-Value_250, 10px) center"
-}, To = {
+}, Vt = {
   display: "flex",
   alignItems: "center",
   justifyContent: "flex-end",
   gap: "var(--ui-positive-Value_200, 8px)",
   padding: "var(--ui-positive-Value_300, 12px)",
-  borderTop: `1px solid ${Y.border}`,
-  backgroundColor: Y.cardFooterBg
-}, hr = {
+  borderTop: `1px solid ${X.border}`,
+  backgroundColor: X.cardFooterBg
+}, xr = {
   minWidth: 100,
   padding: "var(--ui-positive-Value_200, 8px) var(--ui-positive-Value_350, 14px)",
   fontSize: "var(--ui-font-size-xs, 13px)",
@@ -1299,229 +1313,229 @@ const xo = () => /* @__PURE__ */ d.jsx("svg", { width: "12", height: "12", viewB
   borderRadius: "var(--ui-radius_8, 8px)",
   cursor: "pointer",
   border: "none"
-}, jo = {
-  ...hr,
+}, It = {
+  ...xr,
   backgroundColor: "transparent",
-  color: Y.textDark
-}, _e = "review-layer-resolve-btn", Vo = [
+  color: X.textDark
+}, Ee = "review-layer-resolve-btn", Dt = [
   "pending",
   "dev_fixed",
   "validated"
-], Io = {
-  ...hr,
+], Ot = {
+  ...xr,
   backgroundColor: "var(--ui-color-bg-fill-success-default, #22c55e)",
   color: "var(--ui-color-text-on-color, #fff)"
 };
-function Oo({
+function Lt({
   comment: r,
-  offset: t = { dx: 0, dy: 0 },
-  apiUrl: o,
-  apiKey: n,
-  onStatusChange: i,
-  reviewMode: s = !1
+  offset: n = { dx: 0, dy: 0 },
+  apiUrl: t,
+  apiKey: o,
+  onStatusChange: s,
+  reviewMode: i = !1
 }) {
-  var ue, ce;
-  const [u, v] = N(!1), [f, m] = N(!1), [h, w] = N(() => Ee(r)), [j, k] = N(!1), [D, M] = N(null), z = pe(null), g = pe(null), c = pe(null), x = I(() => {
-    w(Ee(r));
+  var fe, ve;
+  const [d, u] = W(!1), [f, g] = W(!1), [y, S] = W(() => Re(r)), [m, A] = W(!1), [z, M] = W(null), P = ne(null), $ = ne(null), v = ne(null), k = D(() => {
+    S(Re(r));
   }, [r]);
-  O(() => {
-    x();
-  }, [x]), O(() => {
+  L(() => {
+    k();
+  }, [k]), L(() => {
     if (!(typeof window > "u"))
-      return window.addEventListener("scroll", x, !0), window.addEventListener("resize", x), () => {
-        window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x);
+      return window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
+        window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
       };
-  }, [x]), O(() => {
+  }, [k]), L(() => {
     if (!r.selector || typeof document > "u") return;
-    const _ = document.querySelector(r.selector);
-    if (!_) return;
-    const Q = vr(_).map((q) => (q.addEventListener("scroll", x, !0), () => q.removeEventListener("scroll", x, !0)));
-    return () => Q.forEach((q) => q());
-  }, [r.selector, x]);
-  const A = I(() => {
-    z.current !== null && (clearTimeout(z.current), z.current = null);
-  }, []), $ = I(() => {
-    s || (A(), v(!0));
-  }, [s, A]), ae = I(() => {
-    f || (z.current = setTimeout(() => {
-      z.current = null, v(!1);
-    }, lr));
-  }, [f]), se = I(() => {
-    A(), v(!0);
-  }, [A]), le = I(() => {
-    f || (z.current = setTimeout(() => {
-      z.current = null, v(!1);
-    }, lr));
-  }, [f]), ee = I(() => {
-    if (s) {
-      f && (m(!1), v(!1));
+    const w = document.querySelector(r.selector);
+    if (!w) return;
+    const te = pr(w).map((K) => (K.addEventListener("scroll", k, !0), () => K.removeEventListener("scroll", k, !0)));
+    return () => te.forEach((K) => K());
+  }, [r.selector, k]);
+  const Y = D(() => {
+    P.current !== null && (clearTimeout(P.current), P.current = null);
+  }, []), E = D(() => {
+    i || (Y(), u(!0));
+  }, [i, Y]), R = D(() => {
+    f || (P.current = setTimeout(() => {
+      P.current = null, u(!1);
+    }, ur));
+  }, [f]), V = D(() => {
+    Y(), u(!0);
+  }, [Y]), q = D(() => {
+    f || (P.current = setTimeout(() => {
+      P.current = null, u(!1);
+    }, ur));
+  }, [f]), H = D(() => {
+    if (i) {
+      f && (g(!1), u(!1));
       return;
     }
-    f ? (m(!1), v(!1)) : (m(!0), v(!0));
-  }, [s, f]);
-  O(() => {
+    f ? (g(!1), u(!1)) : (g(!0), u(!0));
+  }, [i, f]);
+  L(() => {
     if (!f) return;
-    const _ = (J) => {
-      var q, be;
-      const Q = J.target;
-      (q = g.current) != null && q.contains(Q) || (be = c.current) != null && be.contains(Q) || (m(!1), v(!1));
+    const w = (ee) => {
+      var K, xe;
+      const te = ee.target;
+      (K = $.current) != null && K.contains(te) || (xe = v.current) != null && xe.contains(te) || (g(!1), u(!1));
     };
-    return document.addEventListener("mousedown", _, !0), () => document.removeEventListener("mousedown", _, !0);
-  }, [f]), O(() => () => A(), [A]), O(() => {
-    s && (m(!1), v(!1));
-  }, [s]);
-  const re = h.x + t.dx, y = h.y + t.dy, { x: R, y: P } = $e(re, y, Re / 2), V = u && !f, H = I(() => {
-    m(!1), v(!1);
-  }, []), Z = I(
-    async (_) => {
-      if (_ !== r.status) {
-        M(null), k(!0);
+    return document.addEventListener("mousedown", w, !0), () => document.removeEventListener("mousedown", w, !0);
+  }, [f]), L(() => () => Y(), [Y]), L(() => {
+    i && (g(!1), u(!1));
+  }, [i]);
+  const Q = y.x + n.dx, ie = y.y + n.dy, { x: h, y: b } = We(Q, ie, Se / 2), O = d && !f, I = D(() => {
+    g(!1), u(!1);
+  }, []), re = D(
+    async (w) => {
+      if (w !== r.status) {
+        M(null), A(!0);
         try {
-          await to(o, n, r.id, _), i();
-        } catch (J) {
-          M(J instanceof Error ? J.message : "Error al actualizar");
+          await at(t, o, r.id, w), s();
+        } catch (ee) {
+          M(ee instanceof Error ? ee.message : "Error al actualizar");
         } finally {
-          k(!1);
+          A(!1);
         }
       }
     },
-    [o, n, r.id, r.status, i]
-  ), oe = I(async () => {
-    M(null), k(!0);
+    [t, o, r.id, r.status, s]
+  ), ae = D(async () => {
+    M(null), A(!0);
     try {
-      await no(o, n, r.id), i(), H();
-    } catch (_) {
-      M(_ instanceof Error ? _.message : "Error al eliminar");
+      await st(t, o, r.id), s(), I();
+    } catch (w) {
+      M(w instanceof Error ? w.message : "Error al eliminar");
     } finally {
-      k(!1);
+      A(!1);
     }
-  }, [o, n, r.id, i, H]), he = We(
-    () => ({ ...mo(r.status), left: R, top: P, transform: "translate(-50%, -50%)" }),
-    [r.status, R, P]
+  }, [t, o, r.id, s, I]), se = Be(
+    () => ({ ..._t(r.status), left: h, top: b, transform: "translate(-50%, -50%)" }),
+    [r.status, h, b]
   );
-  return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-    /* @__PURE__ */ d.jsx(
-      po,
+  return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(
+      ht,
       {
         selector: r.selector,
-        active: V,
+        active: O,
         fallbackComment: r,
-        outlineColor: Se[r.status] ?? Se[T.PENDING]
+        outlineColor: Ce[r.status] ?? Ce[j.PENDING]
       }
     ),
-    /* @__PURE__ */ d.jsx(
+    /* @__PURE__ */ c.jsx(
       "div",
       {
-        ref: g,
+        ref: $,
         role: "button",
         tabIndex: 0,
         "aria-label": `Comentario: ${r.message.slice(0, 30)}...`,
-        "aria-expanded": u,
-        style: he,
-        onMouseEnter: $,
-        onMouseLeave: ae,
-        onClick: ee,
-        children: /* @__PURE__ */ d.jsx(yo, { color: "var(--ui-color-white, #fff)" })
+        "aria-expanded": d,
+        style: se,
+        onMouseEnter: E,
+        onMouseLeave: R,
+        onClick: H,
+        children: /* @__PURE__ */ c.jsx(wt, { color: "var(--ui-color-white, #fff)" })
       }
     ),
-    u && /* @__PURE__ */ d.jsxs(
+    d && /* @__PURE__ */ c.jsxs(
       "div",
       {
-        ref: c,
+        ref: v,
         role: "dialog",
         "aria-label": "Detalle del comentario",
         style: {
-          ...wo,
-          left: R + Re / 2 + 6,
-          top: P
+          ...Et,
+          left: h + Se / 2 + 6,
+          top: b
         },
-        onMouseEnter: se,
-        onMouseLeave: le,
+        onMouseEnter: V,
+        onMouseLeave: q,
         children: [
-          /* @__PURE__ */ d.jsxs("div", { style: _o, children: [
-            /* @__PURE__ */ d.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ d.jsx(Ro, { reviewer: r.reviewer, status: r.status }),
-              /* @__PURE__ */ d.jsxs("div", { children: [
-                /* @__PURE__ */ d.jsx("div", { style: { fontWeight: 700, fontSize: 14, color: Y.textDark }, children: ((ue = r.reviewer) == null ? void 0 : ue.name) ?? "Revisor" }),
-                /* @__PURE__ */ d.jsx("div", { style: { fontSize: 12, color: Y.textMuted }, children: ((ce = r.reviewer) == null ? void 0 : ce.job_title) ?? "Revisor" })
+          /* @__PURE__ */ c.jsxs("div", { style: Rt, children: [
+            /* @__PURE__ */ c.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ c.jsx(Ct, { reviewer: r.reviewer, status: r.status }),
+              /* @__PURE__ */ c.jsxs("div", { children: [
+                /* @__PURE__ */ c.jsx("div", { style: { fontWeight: 700, fontSize: 14, color: X.textDark }, children: ((fe = r.reviewer) == null ? void 0 : fe.name) ?? "Revisor" }),
+                /* @__PURE__ */ c.jsx("div", { style: { fontSize: 12, color: X.textMuted }, children: ((ve = r.reviewer) == null ? void 0 : ve.job_title) ?? "Revisor" })
               ] })
             ] }),
-            /* @__PURE__ */ d.jsx(
+            /* @__PURE__ */ c.jsx(
               "button",
               {
                 type: "button",
-                "aria-label": r.status === T.VALIDATED ? "Eliminar comentario" : "Cerrar",
-                style: So,
-                disabled: j,
-                onClick: (_) => {
-                  _.stopPropagation(), r.status === T.VALIDATED ? oe() : H();
+                "aria-label": r.status === j.VALIDATED ? "Eliminar comentario" : "Cerrar",
+                style: kt,
+                disabled: m,
+                onClick: (w) => {
+                  w.stopPropagation(), r.status === j.VALIDATED ? ae() : I();
                 },
-                onMouseDown: (_) => _.stopPropagation(),
+                onMouseDown: (w) => w.stopPropagation(),
                 children: "✕"
               }
             )
           ] }),
-          /* @__PURE__ */ d.jsxs("div", { style: { padding: 12, display: "flex", alignItems: "flex-start", flexDirection: "column", gap: 4 }, children: [
-            /* @__PURE__ */ d.jsxs("div", { style: Co(r.status), children: [
-              r.status === T.VALIDATED && /* @__PURE__ */ d.jsx(xo, {}),
-              ho[r.status] ?? r.status
+          /* @__PURE__ */ c.jsxs("div", { style: { padding: 12, display: "flex", alignItems: "flex-start", flexDirection: "column", gap: 4 }, children: [
+            /* @__PURE__ */ c.jsxs("div", { style: Tt(r.status), children: [
+              r.status === j.VALIDATED && /* @__PURE__ */ c.jsx(mt, {}),
+              xt[r.status] ?? r.status
             ] }),
-            /* @__PURE__ */ d.jsx("div", { style: { color: Y.textDark, lineHeight: 1.5, marginBottom: 12, marginTop: 12 }, children: r.message }),
-            /* @__PURE__ */ d.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" }, children: [
-              /* @__PURE__ */ d.jsx("label", { style: ko, htmlFor: `comment-status-${r.id}`, children: "Cambiar estado" }),
-              /* @__PURE__ */ d.jsx(
+            /* @__PURE__ */ c.jsx("div", { style: { color: X.textDark, lineHeight: 1.5, marginBottom: 12, marginTop: 12 }, children: r.message }),
+            /* @__PURE__ */ c.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" }, children: [
+              /* @__PURE__ */ c.jsx("label", { style: Pt, htmlFor: `comment-status-${r.id}`, children: "Cambiar estado" }),
+              /* @__PURE__ */ c.jsx(
                 "select",
                 {
                   id: `comment-status-${r.id}`,
-                  style: Po,
+                  style: jt,
                   value: r.status,
-                  disabled: j,
-                  onChange: (_) => Z(_.target.value),
-                  onMouseDown: (_) => _.stopPropagation(),
+                  disabled: m,
+                  onChange: (w) => re(w.target.value),
+                  onMouseDown: (w) => w.stopPropagation(),
                   "aria-label": "Cambiar estado del comentario",
-                  children: Vo.map((_) => /* @__PURE__ */ d.jsx("option", { value: _, children: go[_] }, _))
+                  children: Dt.map((w) => /* @__PURE__ */ c.jsx("option", { value: w, children: bt[w] }, w))
                 }
               ),
-              D && /* @__PURE__ */ d.jsx("div", { style: { marginTop: 8, fontSize: 11, color: "var(--ui-color-text-danger-default, rgb(240, 69, 69))" }, children: D })
+              z && /* @__PURE__ */ c.jsx("div", { style: { marginTop: 8, fontSize: 11, color: "var(--ui-color-text-danger-default, rgb(240, 69, 69))" }, children: z })
             ] })
           ] }),
-          /* @__PURE__ */ d.jsxs("div", { style: To, children: [
-            /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ c.jsxs("div", { style: Vt, children: [
+            /* @__PURE__ */ c.jsx(
               "button",
               {
                 type: "button",
-                style: jo,
-                onMouseDown: (_) => _.stopPropagation(),
-                onClick: (_) => {
-                  _.stopPropagation(), H();
+                style: It,
+                onMouseDown: (w) => w.stopPropagation(),
+                onClick: (w) => {
+                  w.stopPropagation(), I();
                 },
                 children: "Cerrar"
               }
             ),
-            r.status !== T.VALIDATED && /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-              /* @__PURE__ */ d.jsx("style", { children: `
-                  .${_e}:hover:not(:disabled) {
+            r.status !== j.VALIDATED && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+              /* @__PURE__ */ c.jsx("style", { children: `
+                  .${Ee}:hover:not(:disabled) {
                     background-color: var(--ui-color-bg-fill-success-hover, #16a34a) !important;
                   }
-                  .${_e}:active:not(:disabled) {
+                  .${Ee}:active:not(:disabled) {
                     background-color: var(--ui-color-bg-fill-success-pressed, #15803d) !important;
                   }
-                  .${_e}:disabled {
+                  .${Ee}:disabled {
                     background-color: var(--ui-color-bg-fill-success-default, #22c55e) !important;
                     opacity: 0.7;
                     cursor: not-allowed;
                   }
                 ` }),
-              /* @__PURE__ */ d.jsx(
+              /* @__PURE__ */ c.jsx(
                 "button",
                 {
                   type: "button",
-                  className: _e,
-                  style: Io,
-                  disabled: j,
-                  onMouseDown: (_) => _.stopPropagation(),
-                  onClick: (_) => {
-                    _.stopPropagation(), Z("validated");
+                  className: Ee,
+                  style: Ot,
+                  disabled: m,
+                  onMouseDown: (w) => w.stopPropagation(),
+                  onClick: (w) => {
+                    w.stopPropagation(), re("validated");
                   },
                   children: "Validar"
                 }
@@ -1533,133 +1547,134 @@ function Oo({
     )
   ] });
 }
-const Do = Ce(Oo), Lo = 25, zo = 36;
-function Ao(r) {
-  const t = /* @__PURE__ */ new Map();
-  for (let o = 0; o < r.length; o++) {
-    const n = r[o], { x: i, y: s } = Ee(n), { x: u, y: v } = $e(i, s);
+const At = ke(Lt), zt = 25, Ft = 36;
+function Nt(r) {
+  const n = /* @__PURE__ */ new Map();
+  for (let t = 0; t < r.length; t++) {
+    const o = r[t], { x: s, y: i } = Re(o), { x: d, y: u } = We(s, i);
     let f = 0;
-    for (let m = 0; m < o; m++) {
-      const { x: h, y: w } = Ee(r[m]), { x: j, y: k } = $e(h, w);
-      Math.hypot(u - j, v - k) < Lo && f++;
+    for (let g = 0; g < t; g++) {
+      const { x: y, y: S } = Re(r[g]), { x: m, y: A } = We(y, S);
+      Math.hypot(d - m, u - A) < zt && f++;
     }
-    t.set(n.id, { dx: f * zo, dy: 0 });
+    n.set(o.id, { dx: f * Ft, dy: 0 });
   }
-  return t;
+  return n;
 }
-function Fo() {
+function $t() {
   return typeof window > "u" ? "" : `${window.innerWidth}x${window.innerHeight}`;
 }
-function No({
+function Mt({
   apiUrl: r,
-  apiKey: t,
+  apiKey: n,
+  getPageUrl: t,
   reviewMode: o,
-  setReviewMode: n,
+  setReviewMode: s,
   reviewers: i,
-  comments: s,
+  comments: d,
   loadComments: u,
-  commentsLoadFailed: v = !1
+  commentsLoadFailed: f = !1
 }) {
-  const [f, m] = N(null), h = pe(null), [w, j] = N(null), k = I(() => {
-    f && (f.style.outline = "", f.style.outlineOffset = "", m(null));
-  }, [f]), D = I(() => {
-    h.current && (h.current.style.outline = "", h.current.style.outlineOffset = "", h.current = null);
+  const [g, y] = W(null), S = ne(null), [m, A] = W(null), z = D(() => {
+    g && (g.style.outline = "", g.style.outlineOffset = "", y(null));
+  }, [g]), M = D(() => {
+    S.current && (S.current.style.outline = "", S.current.style.outlineOffset = "", S.current = null);
   }, []);
-  O(() => {
-    o || (k(), D());
-  }, [o, k, D]), O(() => {
+  L(() => {
+    o || (z(), M());
+  }, [o, z, M]), L(() => {
     if (typeof document > "u") return;
-    const y = document.body.style.cursor;
-    return w ? document.body.style.cursor = "default" : o && (document.body.style.cursor = "crosshair"), () => {
-      document.body.style.cursor = y;
+    const h = document.body.style.cursor;
+    return m ? document.body.style.cursor = "default" : o && (document.body.style.cursor = "crosshair"), () => {
+      document.body.style.cursor = h;
     };
-  }, [o, w]);
-  const M = I((y) => {
-    var P;
-    if (!y || typeof document > "u" || y === document.body || y === document.documentElement) return !0;
-    const R = (P = y.tagName) == null ? void 0 : P.toUpperCase();
-    return R === "BODY" || R === "HTML" ? !0 : y.parentElement !== document.body ? !1 : y.id === "root" || y.getAttribute("data-review-layer-host") != null || document.body.children.length === 1;
-  }, []), z = I(
-    (y) => {
-      if (!o || w) return;
-      const R = y.target.nodeType === Node.ELEMENT_NODE ? y.target : y.target.parentElement;
-      !R || M(R) || (k(), m(R), R.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", R.style.outlineOffset = "2px");
+  }, [o, m]);
+  const P = D((h) => {
+    var O;
+    if (!h || typeof document > "u" || h === document.body || h === document.documentElement) return !0;
+    const b = (O = h.tagName) == null ? void 0 : O.toUpperCase();
+    return b === "BODY" || b === "HTML" ? !0 : h.parentElement !== document.body ? !1 : h.id === "root" || h.getAttribute("data-review-layer-host") != null || document.body.children.length === 1;
+  }, []), $ = D(
+    (h) => {
+      if (!o || m) return;
+      const b = h.target.nodeType === Node.ELEMENT_NODE ? h.target : h.target.parentElement;
+      !b || P(b) || (z(), y(b), b.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", b.style.outlineOffset = "2px");
     },
-    [o, w, k, M]
-  ), g = I(
-    (y) => {
-      var P;
-      if (w) return;
-      const R = y.relatedTarget;
-      f && (!R || !f.contains(R)) && !(R && ((P = f.contains) != null && P.call(f, R))) && k();
+    [o, m, z, P]
+  ), v = D(
+    (h) => {
+      var O;
+      if (m) return;
+      const b = h.relatedTarget;
+      g && (!b || !g.contains(b)) && !(b && ((O = g.contains) != null && O.call(g, b))) && z();
     },
-    [f, w, k]
-  ), c = I(
-    (y) => {
-      if (!o || w) return;
-      const R = y.target;
-      if (!R || M(R) || R.closest("[data-review-layer-root]")) return;
-      y.preventDefault(), y.stopPropagation(), k();
-      const P = R;
-      h.current = P, P.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", P.style.outlineOffset = "2px";
-      const V = P.getBoundingClientRect(), H = qr(R), { relativeX: Z, relativeY: oe } = Qr(V);
-      j({
-        position: { x: V.left + V.width / 2, y: V.bottom },
+    [g, m, z]
+  ), k = D(
+    (h) => {
+      if (!o || m) return;
+      const b = h.target;
+      if (!b || P(b) || b.closest("[data-review-layer-root]")) return;
+      h.preventDefault(), h.stopPropagation(), z();
+      const O = b;
+      S.current = O, O.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", O.style.outlineOffset = "2px";
+      const I = O.getBoundingClientRect(), re = Jr(b), { relativeX: ae, relativeY: se } = Kr(I);
+      A({
+        position: { x: I.left + I.width / 2, y: I.bottom },
         payload: {
-          selector: H,
-          x: Math.round(V.left),
-          y: Math.round(V.top),
-          relativeX: Z,
-          relativeY: oe,
-          width: Math.round(V.width),
-          height: Math.round(V.height),
-          url: typeof window < "u" ? Me() : "/",
-          viewport: Fo(),
+          selector: re,
+          x: Math.round(I.left),
+          y: Math.round(I.top),
+          relativeX: ae,
+          relativeY: se,
+          width: Math.round(I.width),
+          height: Math.round(I.height),
+          url: typeof window < "u" ? (t == null ? void 0 : t()) ?? br() : "/",
+          viewport: $t(),
           userAgent: typeof navigator < "u" ? navigator.userAgent : "",
           pageTitle: typeof document < "u" ? document.title : ""
         }
       });
     },
-    [o, w, k, M]
+    [o, m, z, P]
   );
-  O(() => {
+  L(() => {
     if (o)
-      return document.addEventListener("mouseover", z, !0), document.addEventListener("mouseout", g, !0), document.addEventListener("click", c, !0), () => {
-        document.removeEventListener("mouseover", z, !0), document.removeEventListener("mouseout", g, !0), document.removeEventListener("click", c, !0);
+      return document.addEventListener("mouseover", $, !0), document.addEventListener("mouseout", v, !0), document.addEventListener("click", k, !0), () => {
+        document.removeEventListener("mouseover", $, !0), document.removeEventListener("mouseout", v, !0), document.removeEventListener("click", k, !0);
       };
-  }, [o, z, g, c]);
-  const [x, A] = N(0), $ = I(() => {
-    if (A((y) => y + 1), h.current) {
-      const y = h.current.getBoundingClientRect();
-      j(
-        (R) => R ? { ...R, position: { x: y.left + y.width / 2, y: y.bottom } } : null
+  }, [o, $, v, k]);
+  const [Y, E] = W(0), R = D(() => {
+    if (E((h) => h + 1), S.current) {
+      const h = S.current.getBoundingClientRect();
+      A(
+        (b) => b ? { ...b, position: { x: h.left + h.width / 2, y: h.bottom } } : null
       );
     }
   }, []);
-  O(() => {
+  L(() => {
     if (!(typeof window > "u"))
-      return window.addEventListener("resize", $), window.addEventListener("scroll", $, !0), () => {
-        window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
+      return window.addEventListener("resize", R), window.addEventListener("scroll", R, !0), () => {
+        window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
       };
-  }, [$]), O(() => {
-    if (!w || !h.current) return;
-    const y = h.current, P = vr(y).map((V) => (V.addEventListener("scroll", $, !0), () => V.removeEventListener("scroll", $, !0)));
-    return () => P.forEach((V) => V());
-  }, [w, $]);
-  const ae = We(
-    () => Ao(s),
-    [s, x]
-  ), se = I(() => {
-    D(), j(null);
-  }, [D]), le = {
+  }, [R]), L(() => {
+    if (!m || !S.current) return;
+    const h = S.current, O = pr(h).map((I) => (I.addEventListener("scroll", R, !0), () => I.removeEventListener("scroll", R, !0)));
+    return () => O.forEach((I) => I());
+  }, [m, R]);
+  const V = Be(
+    () => Nt(d),
+    [d, Y]
+  ), q = D(() => {
+    M(), A(null);
+  }, [M]), H = {
     position: "fixed",
     inset: 0,
     zIndex: 999999,
     pointerEvents: "none",
     cursor: o ? "crosshair" : void 0
-  }, ee = /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-    /* @__PURE__ */ d.jsx("div", { style: le, "aria-hidden": !0, "data-review-layer-root": !0 }),
-    o && /* @__PURE__ */ d.jsxs(
+  }, Q = /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsx("div", { style: H, "aria-hidden": !0, "data-review-layer-root": !0 }),
+    o && /* @__PURE__ */ c.jsxs(
       "div",
       {
         "data-review-layer-root": !0,
@@ -1680,12 +1695,12 @@ function No({
           pointerEvents: "auto"
         },
         children: [
-          /* @__PURE__ */ d.jsx("span", { children: "Modo revisión (Shift+R para salir)" }),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ c.jsx("span", { children: "Modo revisión (Shift+R para salir)" }),
+          /* @__PURE__ */ c.jsx(
             "button",
             {
               type: "button",
-              onClick: () => n(!1),
+              onClick: () => s(!1),
               "aria-label": "Salir del modo revisión",
               style: {
                 padding: 0,
@@ -1709,7 +1724,7 @@ function No({
         ]
       }
     ),
-    v && /* @__PURE__ */ d.jsxs(
+    f && /* @__PURE__ */ c.jsxs(
       "div",
       {
         style: {
@@ -1731,8 +1746,8 @@ function No({
           pointerEvents: "auto"
         },
         children: [
-          /* @__PURE__ */ d.jsx("span", { children: "No se pudo conectar. Mostrando últimos datos guardados. Reintentar no garantiza respuesta hasta que el servicio esté activo." }),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ c.jsx("span", { children: "No se pudo conectar. Mostrando últimos datos guardados. Reintentar no garantiza respuesta hasta que el servicio esté activo." }),
+          /* @__PURE__ */ c.jsx(
             "button",
             {
               type: "button",
@@ -1753,33 +1768,33 @@ function No({
         ]
       }
     ),
-    s.map((y) => /* @__PURE__ */ d.jsx("div", { "data-review-layer-pin": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ d.jsx(
-      Do,
+    d.map((h) => /* @__PURE__ */ c.jsx("div", { "data-review-layer-pin": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ c.jsx(
+      At,
       {
-        comment: y,
-        offset: ae.get(y.id),
+        comment: h,
+        offset: V.get(h.id),
         apiUrl: r,
-        apiKey: t,
+        apiKey: n,
         onStatusChange: u,
         reviewMode: o
       }
-    ) }, y.id)),
-    w && /* @__PURE__ */ d.jsx("div", { "data-review-layer-modal": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ d.jsx(
-      co,
+    ) }, h.id)),
+    m && /* @__PURE__ */ c.jsx("div", { "data-review-layer-modal": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ c.jsx(
+      vt,
       {
         apiUrl: r,
-        apiKey: t,
+        apiKey: n,
         reviewers: i,
-        position: w.position,
-        payload: w.payload,
-        onClose: se,
+        position: m.position,
+        payload: m.payload,
+        onClose: q,
         onSuccess: u
       }
     ) })
-  ] }), re = typeof document < "u" ? document.body : null;
-  return re ? fr(ee, re) : null;
+  ] }), ie = typeof document < "u" ? document.body : null;
+  return ie ? vr(Q, ie) : null;
 }
-const $o = `/**
+const Wt = `/**
  * Tokens de diseño UI para review-layer-react.
  * Las variables se inyectan en :root al montar ReviewProvider.
  * Puedes sobrescribirlas en tu app para adaptar el tema.
@@ -2105,196 +2120,227 @@ const $o = `/**
   --ui-shadow-modal: 0 var(--ui-shadow-04-y) var(--ui-shadow-04-blur) var(--ui-shadow-04-Color);
 }
 `;
-function Mo(r, t, o) {
-  const n = I(() => {
-    r && o((i) => !i);
-  }, [r, o]);
-  O(() => {
+function Bt(r, n, t) {
+  const o = D(() => {
+    r && t((s) => !s);
+  }, [r, t]);
+  L(() => {
     if (!r) return;
-    const i = (s) => {
-      (s.key === "r" || s.key === "R" || s.code === "KeyR") && s.shiftKey && !s.ctrlKey && !s.metaKey && (s.preventDefault(), n());
+    const s = (i) => {
+      (i.key === "r" || i.key === "R" || i.code === "KeyR") && i.shiftKey && !i.ctrlKey && !i.metaKey && (i.preventDefault(), o());
     };
-    return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
-  }, [r, n]);
+    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
+  }, [r, o]);
 }
-const Wo = "review_layer:v1:";
-function Bo(r, t) {
-  if (r == null) return t;
+const Ut = "review_layer:v1:";
+function Yt(r, n) {
+  if (r == null) return n;
   try {
-    return JSON.parse(r) ?? t;
+    return JSON.parse(r) ?? n;
   } catch {
-    return t;
+    return n;
   }
 }
-function ke(r, t, o, n) {
-  const i = `${Wo}${Uo(r)}:${o}`;
-  return n != null ? `${i}:${n}` : i;
+function de(r, n, t, o) {
+  const s = `${Ut}${Ht(r)}:${t}`;
+  return o != null ? `${s}:${o}` : s;
 }
-function Uo(r) {
+function Ht(r) {
   return r.replace(/\/+$/, "") || "/";
 }
-function br(r) {
+function Te(r) {
   if (typeof localStorage > "u") return null;
-  const t = localStorage.getItem(r);
-  return Bo(t, null);
+  const n = localStorage.getItem(r);
+  return Yt(n, null);
 }
-function xr(r, t) {
+function yr(r, n) {
   if (!(typeof localStorage > "u"))
     try {
-      localStorage.setItem(r, JSON.stringify({ data: t, at: Date.now() }));
+      localStorage.setItem(r, JSON.stringify({ data: n, at: Date.now() }));
     } catch {
     }
 }
-function Ae(r, t, o) {
-  const n = br(ke(r, t, "comments", o));
-  return (n == null ? void 0 : n.data) ?? null;
+function Fe(r, n, t) {
+  const o = Te(de(r, n, "comments", t));
+  return (o == null ? void 0 : o.data) ?? null;
 }
-function Yo(r, t, o, n) {
-  xr(ke(r, t, "comments", o), n);
+function Gt(r, n, t, o) {
+  yr(de(r, n, "comments", t), o);
 }
-function cr(r, t) {
-  const o = br(ke(r, t, "reviewers"));
-  return (o == null ? void 0 : o.data) ?? null;
+function Ne(r, n) {
+  const t = Te(de(r, n, "reviewers"));
+  return (t == null ? void 0 : t.data) ?? null;
+}
+function Xt(r, n, t) {
+  yr(de(r, n, "reviewers"), t);
 }
-function Ho(r, t, o) {
-  xr(ke(r, t, "reviewers"), o);
+function qt(r, n, t) {
+  const o = Te(de(r, n, "comments", t));
+  return (o == null ? void 0 : o.at) ?? null;
 }
-const Go = "https://review-layer-api.onrender.com/api", yr = Yr(null);
-let Fe = null;
-function Jo() {
-  const r = Hr(yr);
+function Jt(r, n) {
+  const t = Te(de(r, n, "reviewers"));
+  return (t == null ? void 0 : t.at) ?? null;
+}
+const Zt = "https://review-layer-api.onrender.com/api", mr = Hr(null);
+let $e = null;
+function eo() {
+  const r = Gr(mr);
   if (!r)
     throw new Error("useReview must be used within ReviewProvider");
   return r;
 }
-const B = "[review-layer]";
-function Zo({
+const U = "[review-layer]", dr = 2500;
+function ro({
   children: r,
-  enabled: t = !0,
-  apiUrl: o,
-  apiKey: n
+  enabled: n = !0,
+  apiUrl: t,
+  apiKey: o,
+  getPageUrl: s
 }) {
-  const i = (o == null ? void 0 : o.trim()) || Go, [s, u] = N(!1), [v, f] = N([]), [m, h] = N([]), [w, j] = N(!1);
-  Mo(t, s, u);
-  const k = I(
-    async (g) => {
-      if (!t || !i || !n) {
-        console.warn(B, "loadReviewers omitido: faltan enabled, apiUrl o apiKey", {
-          enabled: t,
+  const i = (t == null ? void 0 : t.trim()) || Zt, [d, u] = W(!1), [f, g] = W([]), [y, S] = W([]), [m, A] = W(!1), z = ne(!1), M = ne(null), P = D(
+    () => (s == null ? void 0 : s()) ?? br(),
+    [s]
+  );
+  Bt(n, d, u);
+  const $ = D(
+    async (E) => {
+      if (!n || !i || !o) {
+        console.warn(U, "loadReviewers omitido: faltan enabled, apiUrl o apiKey", {
+          enabled: n,
           apiUrl: i,
-          hasApiKey: !!n
+          hasApiKey: !!o
         });
         return;
       }
-      console.log(B, "Cargando revisores...", { apiUrl: i });
-      try {
-        const c = await eo(i, n, { signal: g });
-        g != null && g.aborted || (f(c), Ho(i, n, c), console.log(B, "Revisores cargados:", c.length));
-      } catch (c) {
-        if (c instanceof Error && c.name === "AbortError") return;
-        if (!(g != null && g.aborted)) {
-          console.error(B, "Error al cargar revisores:", c);
-          const x = cr(i, n);
-          x != null && (f(x), console.log(B, "Usando revisores en caché:", x.length));
+      const R = Jt(i, o);
+      if (R != null && Date.now() - R < dr) {
+        const V = Ne(i, o);
+        if (V != null) {
+          g(V);
+          return;
+        }
+      }
+      if (!z.current) {
+        z.current = !0, console.log(U, "Cargando revisores...", { apiUrl: i });
+        try {
+          const V = await ot(i, o, { signal: E });
+          E != null && E.aborted || (g(V), Xt(i, o, V), console.log(U, "Revisores cargados:", V.length));
+        } catch (V) {
+          if (V instanceof Error && V.name === "AbortError") return;
+          if (!(E != null && E.aborted)) {
+            console.error(U, "Error al cargar revisores:", V);
+            const q = Ne(i, o);
+            q != null && (g(q), console.log(U, "Usando revisores en caché:", q.length));
+          }
+        } finally {
+          z.current = !1;
         }
       }
     },
-    [t, i, n]
-  ), D = I(
-    async (g) => {
-      if (!t || !i || !n) {
-        console.warn(B, "loadComments omitido: faltan enabled, apiUrl o apiKey", {
-          enabled: t,
+    [n, i, o]
+  ), v = D(
+    async (E) => {
+      if (!n || !i || !o) {
+        console.warn(U, "loadComments omitido: faltan enabled, apiUrl o apiKey", {
+          enabled: n,
           apiUrl: i,
-          hasApiKey: !!n
+          hasApiKey: !!o
         });
         return;
       }
-      const c = Me(), x = Ae(i, n, c);
-      x != null && h(x), console.log(B, "Cargando comentarios...", { apiUrl: i, url: c });
-      try {
-        j(!1);
-        const A = await oo(i, n, c, { signal: g });
-        g != null && g.aborted || (h(A), Yo(i, n, c, A), console.log(B, "Comentarios cargados:", A.length));
-      } catch (A) {
-        if (A instanceof Error && A.name === "AbortError") return;
-        if (!(g != null && g.aborted)) {
-          j(!0), console.error(B, "Error al cargar comentarios:", A);
-          const $ = Ae(i, n, c);
-          $ != null ? (h($), console.log(B, "Usando comentarios en caché:", $.length)) : console.warn(B, "Sin caché de comentarios; la lista quedará vacía hasta que la API responda.");
+      const R = P(), V = Fe(i, o, R);
+      V != null && S(V);
+      const q = qt(i, o, R);
+      if (!(q != null && Date.now() - q < dr && V != null) && M.current !== R) {
+        M.current = R, console.log(U, "Cargando comentarios...", { apiUrl: i, url: R });
+        try {
+          A(!1);
+          const H = await it(i, o, R, { signal: E });
+          E != null && E.aborted || (S(H), Gt(i, o, R, H), console.log(U, "Comentarios cargados:", H.length));
+        } catch (H) {
+          if (H instanceof Error && H.name === "AbortError") return;
+          if (!(E != null && E.aborted)) {
+            A(!0), console.error(U, "Error al cargar comentarios:", H);
+            const Q = Fe(i, o, R);
+            Q != null ? (S(Q), console.log(U, "Usando comentarios en caché:", Q.length)) : console.warn(U, "Sin caché de comentarios; la lista quedará vacía hasta que la API responda.");
+          }
+        } finally {
+          M.current = null;
         }
       }
     },
-    [t, i, n]
+    [n, i, o, P]
   );
-  O(() => {
-    if (!t || !i || !n) {
-      console.warn(B, "Provider activo pero sin carga: enabled, apiUrl y apiKey son requeridos.", {
-        enabled: t,
+  L(() => {
+    if (!n || !i || !o) {
+      console.warn(U, "Provider activo pero sin carga: enabled, apiUrl y apiKey son requeridos.", {
+        enabled: n,
         apiUrl: i,
-        hasApiKey: !!n
+        hasApiKey: !!o
       });
       return;
     }
-    const g = Me(), c = cr(i, n), x = Ae(i, n, g);
-    c != null && (f(c), console.log(B, "Revisores desde caché (inicial):", c.length)), x != null && (h(x), console.log(B, "Comentarios desde caché (inicial):", x.length, { url: g }));
-  }, [t, i, n]), O(() => {
+    const E = P(), R = Ne(i, o), V = Fe(i, o, E);
+    R != null && (g(R), console.log(U, "Revisores desde caché (inicial):", R.length)), V != null && (S(V), console.log(U, "Comentarios desde caché (inicial):", V.length, { url: E }));
+  }, [n, i, o, P]), L(() => {
     if (typeof document > "u") return;
-    const g = "review-layer-ui-variables";
-    if (!document.getElementById(g)) {
-      const c = document.createElement("style");
-      c.id = g, c.textContent = $o, document.head.appendChild(c);
-    }
-  }, []), O(() => {
-    if (!t || !i || !n) return;
-    const g = `${i}:${n}`;
-    if (Fe !== g)
-      return Fe = g, console.log(B, "Inicio de carga (revisores + comentarios)", { apiUrl: i, apiKey: n ? "***" : "(vacío)" }), k(), D(), () => {
+    const E = "review-layer-ui-variables";
+    if (!document.getElementById(E)) {
+      const R = document.createElement("style");
+      R.id = E, R.textContent = Wt, document.head.appendChild(R);
+    }
+  }, []), L(() => {
+    if (!n || !i || !o) return;
+    const E = `${i}:${o}`;
+    if ($e !== E)
+      return $e = E, console.log(U, "Inicio de carga (revisores + comentarios)", { apiUrl: i, apiKey: o ? "***" : "(vacío)" }), $(), v(), () => {
         setTimeout(() => {
-          Fe = null;
+          $e = null;
         }, 0);
       };
-  }, [t, i, n, k, D]), O(() => {
-    if (!t) return;
-    const g = () => D();
-    return window.addEventListener("popstate", g), () => window.removeEventListener("popstate", g);
-  }, [t, D]);
-  const M = We(
+  }, [n, i, o, $, v]), L(() => {
+    if (!n) return;
+    const E = () => v();
+    return window.addEventListener("popstate", E), () => window.removeEventListener("popstate", E);
+  }, [n, v]);
+  const k = Be(
     () => ({
       apiUrl: i,
-      apiKey: n,
-      reviewMode: s,
+      apiKey: o,
+      reviewMode: d,
       setReviewMode: u,
-      reviewers: v,
-      comments: m,
-      loadComments: D,
-      commentsLoadFailed: w
+      reviewers: f,
+      comments: y,
+      loadComments: v,
+      commentsLoadFailed: m
     }),
-    [i, n, s, u, v, m, D, w]
-  ), z = t && typeof document < "u" ? fr(
-    /* @__PURE__ */ d.jsx(
-      No,
+    [i, o, d, u, f, y, v, m]
+  ), Y = n && typeof document < "u" ? vr(
+    /* @__PURE__ */ c.jsx(
+      Mt,
       {
         apiUrl: i,
-        apiKey: n,
-        reviewMode: s,
+        apiKey: o,
+        getPageUrl: P,
+        reviewMode: d,
         setReviewMode: u,
-        reviewers: v,
-        comments: m,
-        loadComments: D,
-        commentsLoadFailed: w
+        reviewers: f,
+        comments: y,
+        loadComments: v,
+        commentsLoadFailed: m
       }
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ d.jsxs(yr.Provider, { value: M, children: [
+  return /* @__PURE__ */ c.jsxs(mr.Provider, { value: k, children: [
     r,
-    z
+    Y
   ] });
 }
 export {
-  Go as DEFAULT_API_URL,
-  Zo as ReviewProvider,
-  Jo as useReview
+  Zt as DEFAULT_API_URL,
+  ro as ReviewProvider,
+  eo as useReview
 };
 //# sourceMappingURL=review-layer-react.js.map