@bitux/review-layer-react 0.1.6 → 0.1.8

package/dist/review-layer-react.js

@@ -1,6 +1,6 @@
-import lr, { memo as Re, useState as F, useEffect as A, useCallback as j, useRef as me, useMemo as Ne, createContext as Mr, useContext as Wr } from "react";
-import { createPortal as sr } from "react-dom";
-var Ae = { exports: {} }, le = {};
+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 Ae = { exports: {} }, le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rr;
-function Br() {
-  if (rr) return le;
-  rr = 1;
-  var r = lr, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function p(g, d, w) {
-    var h, y = {}, P = null, k = null;
-    w !== void 0 && (P = "" + w), d.key !== void 0 && (P = "" + d.key), d.ref !== void 0 && (k = d.ref);
-    for (h in d) i.call(d, h) && !s.hasOwnProperty(h) && (y[h] = d[h]);
-    if (g && g.defaultProps) for (h in d = g.defaultProps, d) y[h] === void 0 && (y[h] = d[h]);
-    return { $$typeof: t, type: g, key: P, ref: k, props: y, _owner: a.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 u(d, 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 (d && d.defaultProps) for (y in f = d.defaultProps, f) S[y] === void 0 && (S[y] = f[y]);
+    return { $$typeof: n, type: d, key: m, ref: A, props: S, _owner: s.current };
   }
-  return le.Fragment = o, le.jsx = p, le.jsxs = p, le;
+  return ge.Fragment = t, ge.jsx = u, ge.jsxs = u, ge;
 }
-var se = {};
+var he = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -34,91 +34,91 @@ var se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var or;
-function Yr() {
-  return or || (or = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = lr, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), g = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), V = Symbol.iterator, $ = "@@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"), u = Symbol.for("react.provider"), d = 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 n = V && e[V] || e[$];
-      return typeof n == "function" ? n : null;
+      var a = z && e[z] || e[M];
+      return typeof a == "function" ? a : null;
     }
-    var c = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function f(e) {
+    var $ = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function v(e) {
       {
-        for (var n = arguments.length, u = new Array(n > 1 ? n - 1 : 0), v = 1; v < n; v++)
-          u[v - 1] = arguments[v];
-        I("error", e, u);
+        for (var a = arguments.length, l = new Array(a > 1 ? a - 1 : 0), p = 1; p < a; p++)
+          l[p - 1] = arguments[p];
+        k("error", e, l);
       }
     }
-    function I(e, n, u) {
+    function k(e, a, l) {
       {
-        var v = c.ReactDebugCurrentFrame, E = v.getStackAddendum();
-        E !== "" && (n += "%s", u = u.concat([E]));
-        var S = u.map(function(x) {
-          return String(x);
+        var p = $.ReactDebugCurrentFrame, C = p.getStackAddendum();
+        C !== "" && (a += "%s", l = l.concat([C]));
+        var T = l.map(function(_) {
+          return String(_);
         });
-        S.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, S);
+        T.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, T);
       }
     }
-    var N = !1, H = !1, re = !1, oe = !1, te = !1, X;
-    X = Symbol.for("react.module.reference");
-    function m(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === s || te || e === a || e === w || e === h || oe || e === k || N || H || re || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === y || e.$$typeof === p || e.$$typeof === g || e.$$typeof === d || // 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 === u || e.$$typeof === d || 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 === X || e.getModuleId !== void 0));
+      e.$$typeof === H || e.getModuleId !== void 0));
     }
-    function R(e, n, u) {
-      var v = e.displayName;
-      if (v)
-        return v;
-      var E = n.displayName || n.name || "";
-      return E !== "" ? u + "(" + E + ")" : u;
+    function ie(e, a, l) {
+      var p = e.displayName;
+      if (p)
+        return p;
+      var C = a.displayName || a.name || "";
+      return C !== "" ? l + "(" + C + ")" : l;
     }
-    function O(e) {
+    function h(e) {
       return e.displayName || "Context";
     }
-    function T(e) {
+    function b(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && f("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 i:
-          return "Fragment";
         case o:
+          return "Fragment";
+        case t:
           return "Portal";
-        case s:
+        case i:
           return "Profiler";
-        case a:
+        case s:
           return "StrictMode";
-        case w:
+        case g:
           return "Suspense";
-        case h:
+        case y:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case g:
-            var n = e;
-            return O(n) + ".Consumer";
-          case p:
-            var u = e;
-            return O(u._context) + ".Provider";
           case d:
-            return R(e, e.render, "ForwardRef");
-          case y:
-            var v = e.displayName || null;
-            return v !== null ? v : T(e.type) || "Memo";
-          case P: {
-            var E = e, S = E._payload, x = E._init;
+            var a = e;
+            return h(a) + ".Consumer";
+          case u:
+            var l = e;
+            return h(l._context) + ".Provider";
+          case f:
+            return ie(e, e.render, "ForwardRef");
+          case S:
+            var p = e.displayName || null;
+            return p !== null ? p : b(e.type) || "Memo";
+          case m: {
+            var C = e, T = C._payload, _ = C._init;
             try {
-              return T(x(S));
+              return b(_(T));
             } catch {
               return null;
             }
@@ -126,18 +126,18 @@ function Yr() {
         }
       return null;
     }
-    var G = Object.assign, Y = 0, J, de, fe, ne, ie, _, q;
-    function ae() {
+    var O = Object.assign, I = 0, re, ae, se, fe, ve, w, ee;
+    function te() {
     }
-    ae.__reactDisabledLog = !0;
-    function ve() {
+    te.__reactDisabledLog = !0;
+    function K() {
       {
-        if (Y === 0) {
-          J = console.log, de = console.info, fe = console.warn, ne = console.error, ie = console.group, _ = console.groupCollapsed, q = 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: ae,
+            value: te,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -150,332 +150,332 @@ function Yr() {
             groupEnd: e
           });
         }
-        Y++;
+        I++;
       }
     }
-    function pe() {
+    function xe() {
       {
-        if (Y--, Y === 0) {
+        if (I--, I === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: G({}, e, {
-              value: J
+            log: O({}, e, {
+              value: re
             }),
-            info: G({}, e, {
-              value: de
+            info: O({}, e, {
+              value: ae
             }),
-            warn: G({}, e, {
-              value: fe
+            warn: O({}, e, {
+              value: se
             }),
-            error: G({}, e, {
-              value: ne
+            error: O({}, e, {
+              value: fe
             }),
-            group: G({}, e, {
-              value: ie
+            group: O({}, e, {
+              value: ve
             }),
-            groupCollapsed: G({}, e, {
-              value: _
+            groupCollapsed: O({}, e, {
+              value: w
             }),
-            groupEnd: G({}, e, {
-              value: q
+            groupEnd: O({}, e, {
+              value: ee
             })
           });
         }
-        Y < 0 && f("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 ke = c.ReactCurrentDispatcher, Ce;
-    function ge(e, n, u) {
+    var Pe = $.ReactCurrentDispatcher, je;
+    function ye(e, a, l) {
       {
-        if (Ce === void 0)
+        if (je === void 0)
           try {
             throw Error();
-          } catch (E) {
-            var v = E.stack.trim().match(/\n( *(at )?)/);
-            Ce = v && v[1] || "";
+          } catch (C) {
+            var p = C.stack.trim().match(/\n( *(at )?)/);
+            je = p && p[1] || "";
           }
         return `
-` + Ce + e;
+` + je + e;
       }
     }
-    var Pe = !1, be;
+    var Ve = !1, me;
     {
-      var br = typeof WeakMap == "function" ? WeakMap : Map;
-      be = new br();
+      var wr = typeof WeakMap == "function" ? WeakMap : Map;
+      me = new wr();
     }
-    function $e(e, n) {
-      if (!e || Pe)
+    function Ue(e, a) {
+      if (!e || Ve)
         return "";
       {
-        var u = be.get(e);
-        if (u !== void 0)
-          return u;
+        var l = me.get(e);
+        if (l !== void 0)
+          return l;
       }
-      var v;
-      Pe = !0;
-      var E = Error.prepareStackTrace;
+      var p;
+      Ve = !0;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var S;
-      S = ke.current, ke.current = null, ve();
+      var T;
+      T = Pe.current, Pe.current = null, K();
       try {
-        if (n) {
-          var x = function() {
+        if (a) {
+          var _ = function() {
             throw Error();
           };
-          if (Object.defineProperty(x.prototype, "props", {
+          if (Object.defineProperty(_.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(x, []);
-            } catch (W) {
-              v = W;
+              Reflect.construct(_, []);
+            } catch (G) {
+              p = G;
             }
-            Reflect.construct(e, [], x);
+            Reflect.construct(e, [], _);
           } else {
             try {
-              x.call();
-            } catch (W) {
-              v = W;
+              _.call();
+            } catch (G) {
+              p = G;
             }
-            e.call(x.prototype);
+            e.call(_.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (W) {
-            v = W;
+          } catch (G) {
+            p = G;
           }
           e();
         }
-      } catch (W) {
-        if (W && v && typeof W.stack == "string") {
-          for (var b = W.stack.split(`
-`), M = v.stack.split(`
-`), D = b.length - 1, L = M.length - 1; D >= 1 && L >= 0 && b[D] !== M[L]; )
-            L--;
-          for (; D >= 1 && L >= 0; D--, L--)
-            if (b[D] !== M[L]) {
-              if (D !== 1 || L !== 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 (D--, L--, L < 0 || b[D] !== M[L]) {
-                    var U = `
-` + b[D].replace(" at new ", " at ");
-                    return e.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", e.displayName)), typeof e == "function" && be.set(e, U), U;
+                  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 (D >= 1 && L >= 0);
+                while (F >= 1 && N >= 0);
               break;
             }
         }
       } finally {
-        Pe = !1, ke.current = S, pe(), Error.prepareStackTrace = E;
+        Ve = !1, Pe.current = T, xe(), Error.prepareStackTrace = C;
       }
-      var K = e ? e.displayName || e.name : "", Z = K ? ge(K) : "";
-      return typeof e == "function" && be.set(e, Z), Z;
+      var ue = e ? e.displayName || e.name : "", oe = ue ? ye(ue) : "";
+      return typeof e == "function" && me.set(e, oe), oe;
     }
-    function hr(e, n, u) {
-      return $e(e, !1);
+    function _r(e, a, l) {
+      return Ue(e, !1);
     }
-    function xr(e) {
-      var n = e.prototype;
-      return !!(n && n.isReactComponent);
+    function Er(e) {
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
     }
-    function he(e, n, u) {
+    function we(e, a, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return $e(e, xr(e));
+        return Ue(e, Er(e));
       if (typeof e == "string")
-        return ge(e);
+        return ye(e);
       switch (e) {
-        case w:
-          return ge("Suspense");
-        case h:
-          return ge("SuspenseList");
+        case g:
+          return ye("Suspense");
+        case y:
+          return ye("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case d:
-            return hr(e.render);
-          case y:
-            return he(e.type, n, u);
-          case P: {
-            var v = e, E = v._payload, S = v._init;
+          case f:
+            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 he(S(E), n, u);
+              return we(T(C), a, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var ue = Object.prototype.hasOwnProperty, Me = {}, We = c.ReactDebugCurrentFrame;
-    function xe(e) {
+    var pe = Object.prototype.hasOwnProperty, Ye = {}, He = $.ReactDebugCurrentFrame;
+    function _e(e) {
       if (e) {
-        var n = e._owner, u = he(e.type, e._source, n ? n.type : null);
-        We.setExtraStackFrame(u);
+        var a = e._owner, l = we(e.type, e._source, a ? a.type : null);
+        He.setExtraStackFrame(l);
       } else
-        We.setExtraStackFrame(null);
+        He.setExtraStackFrame(null);
     }
-    function yr(e, n, u, v, E) {
+    function Rr(e, a, l, p, C) {
       {
-        var S = Function.call.bind(ue);
-        for (var x in e)
-          if (S(e, x)) {
-            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[x] != "function") {
-                var M = Error((v || "React class") + ": " + u + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw M.name = "Invariant Violation", M;
+              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[x](n, x, v, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              b = D;
+              x = e[_](a, _, p, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (F) {
+              x = F;
             }
-            b && !(b instanceof Error) && (xe(E), f("%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).", v || "React class", u, x, typeof b), xe(null)), b instanceof Error && !(b.message in Me) && (Me[b.message] = !0, xe(E), f("Failed %s type: %s", u, b.message), xe(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 mr = Array.isArray;
-    function je(e) {
-      return mr(e);
+    var Sr = Array.isArray;
+    function Ie(e) {
+      return Sr(e);
     }
-    function wr(e) {
+    function Cr(e) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, u = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return u;
+        var a = typeof Symbol == "function" && Symbol.toStringTag, l = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
       }
     }
-    function _r(e) {
+    function kr(e) {
       try {
-        return Be(e), !1;
+        return Ge(e), !1;
       } catch {
         return !0;
       }
     }
-    function Be(e) {
+    function Ge(e) {
       return "" + e;
     }
-    function Ye(e) {
-      if (_r(e))
-        return f("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", wr(e)), Be(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 Ue = c.ReactCurrentOwner, Er = {
+    var qe = $.ReactCurrentOwner, Tr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ge, He;
-    function Rr(e) {
-      if (ue.call(e, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (n && n.isReactWarning)
+    }, Je, Ze;
+    function Pr(e) {
+      if (pe.call(e, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function Sr(e) {
-      if (ue.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning)
+    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 kr(e, n) {
-      typeof e.ref == "string" && Ue.current;
+    function Vr(e, a) {
+      typeof e.ref == "string" && qe.current;
     }
-    function Cr(e, n) {
+    function Ir(e, a) {
       {
-        var u = function() {
-          Ge || (Ge = !0, f("%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)", n));
+        var l = function() {
+          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));
         };
-        u.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: u,
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
           configurable: !0
         });
       }
     }
-    function Pr(e, n) {
+    function Dr(e, a) {
       {
-        var u = function() {
-          He || (He = !0, f("%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)", n));
+        var l = function() {
+          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));
         };
-        u.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: u,
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
           configurable: !0
         });
       }
     }
-    var jr = function(e, n, u, v, E, S, x) {
-      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: n,
-        ref: u,
-        props: x,
+        key: a,
+        ref: l,
+        props: _,
         // Record the component responsible for creating this element.
-        _owner: S
+        _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: v
-      }), Object.defineProperty(b, "_source", {
+        value: p
+      }), Object.defineProperty(x, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+        value: C
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function Vr(e, n, u, v, E) {
+    function Lr(e, a, l, p, C) {
       {
-        var S, x = {}, b = null, M = null;
-        u !== void 0 && (Ye(u), b = "" + u), Sr(n) && (Ye(n.key), b = "" + n.key), Rr(n) && (M = n.ref, kr(n, E));
-        for (S in n)
-          ue.call(n, S) && !Er.hasOwnProperty(S) && (x[S] = n[S]);
+        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 D = e.defaultProps;
-          for (S in D)
-            x[S] === void 0 && (x[S] = D[S]);
+          var F = e.defaultProps;
+          for (T in F)
+            _[T] === void 0 && (_[T] = F[T]);
         }
-        if (b || M) {
-          var L = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && Cr(x, L), M && Pr(x, L);
+        if (x || B) {
+          var N = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          x && Ir(_, N), B && Dr(_, N);
         }
-        return jr(e, b, M, E, v, Ue.current, x);
+        return Or(e, x, B, C, p, qe.current, _);
       }
     }
-    var Ve = c.ReactCurrentOwner, Xe = c.ReactDebugCurrentFrame;
-    function Q(e) {
+    var De = $.ReactCurrentOwner, Qe = $.ReactDebugCurrentFrame;
+    function le(e) {
       if (e) {
-        var n = e._owner, u = he(e.type, e._source, n ? n.type : null);
-        Xe.setExtraStackFrame(u);
+        var a = e._owner, l = we(e.type, e._source, a ? a.type : null);
+        Qe.setExtraStackFrame(l);
       } else
-        Xe.setExtraStackFrame(null);
+        Qe.setExtraStackFrame(null);
     }
-    var Te;
-    Te = !1;
-    function De(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === t;
+    var Oe;
+    Oe = !1;
+    function Le(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function Je() {
+    function Ke() {
       {
-        if (Ve.current) {
-          var e = T(Ve.current.type);
+        if (De.current) {
+          var e = b(De.current.type);
           if (e)
             return `
 
@@ -484,304 +484,411 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Tr(e) {
+    function Ar(e) {
       return "";
     }
-    var qe = {};
-    function Dr(e) {
+    var er = {};
+    function zr(e) {
       {
-        var n = Je();
-        if (!n) {
-          var u = typeof e == "string" ? e : e.displayName || e.name;
-          u && (n = `
+        var a = Ke();
+        if (!a) {
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (a = `
 
-Check the top-level render call using <` + u + ">.");
+Check the top-level render call using <` + l + ">.");
         }
-        return n;
+        return a;
       }
     }
-    function Ze(e, n) {
+    function rr(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var u = Dr(n);
-        if (qe[u])
+        var l = zr(a);
+        if (er[l])
           return;
-        qe[u] = !0;
-        var v = "";
-        e && e._owner && e._owner !== Ve.current && (v = " It was passed a child from " + T(e._owner.type) + "."), Q(e), f('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, v), Q(null);
+        er[l] = !0;
+        var p = "";
+        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 Qe(e, n) {
+    function tr(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (je(e))
-          for (var u = 0; u < e.length; u++) {
-            var v = e[u];
-            De(v) && Ze(v, n);
+        if (Ie(e))
+          for (var l = 0; l < e.length; l++) {
+            var p = e[l];
+            Le(p) && rr(p, a);
           }
-        else if (De(e))
+        else if (Le(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var E = z(e);
-          if (typeof E == "function" && E !== e.entries)
-            for (var S = E.call(e), x; !(x = S.next()).done; )
-              De(x.value) && Ze(x.value, n);
+          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 Ir(e) {
+    function Fr(e) {
       {
-        var n = e.type;
-        if (n == null || typeof n == "string")
+        var a = e.type;
+        if (a == null || typeof a == "string")
           return;
-        var u;
-        if (typeof n == "function")
-          u = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === d || // Note: Memo only checks outer props here.
+        var l;
+        if (typeof a == "function")
+          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.
-        n.$$typeof === y))
-          u = n.propTypes;
+        a.$$typeof === S))
+          l = a.propTypes;
         else
           return;
-        if (u) {
-          var v = T(n);
-          yr(u, e.props, "prop", v, e);
-        } else if (n.PropTypes !== void 0 && !Te) {
-          Te = !0;
-          var E = T(n);
-          f("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+        if (l) {
+          var p = b(a);
+          Rr(l, e.props, "prop", p, e);
+        } else if (a.PropTypes !== void 0 && !Oe) {
+          Oe = !0;
+          var C = b(a);
+          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && f("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 Or(e) {
+    function Nr(e) {
       {
-        for (var n = Object.keys(e.props), u = 0; u < n.length; u++) {
-          var v = n[u];
-          if (v !== "children" && v !== "key") {
-            Q(e), f("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), Q(null);
+        for (var a = Object.keys(e.props), l = 0; l < a.length; l++) {
+          var p = a[l];
+          if (p !== "children" && p !== "key") {
+            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 && (Q(e), f("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
+        e.ref !== null && (le(e), v("Invalid attribute `ref` supplied to `React.Fragment`."), le(null));
       }
     }
-    var Ke = {};
-    function er(e, n, u, v, E, S) {
+    var or = {};
+    function nr(e, a, l, p, C, T) {
       {
-        var x = m(e);
-        if (!x) {
-          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 M = Tr();
-          M ? b += M : b += Je();
-          var D;
-          e === null ? D = "null" : je(e) ? D = "array" : e !== void 0 && e.$$typeof === t ? (D = "<" + (T(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, f("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, 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 L = Vr(e, n, u, E, S);
-        if (L == null)
-          return L;
-        if (x) {
-          var U = n.children;
-          if (U !== void 0)
-            if (v)
-              if (je(U)) {
-                for (var K = 0; K < U.length; K++)
-                  Qe(U[K], e);
-                Object.freeze && Object.freeze(U);
+        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 (Ie(J)) {
+                for (var ue = 0; ue < J.length; ue++)
+                  tr(J[ue], e);
+                Object.freeze && Object.freeze(J);
               } else
-                f("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
-              Qe(U, e);
+              tr(J, e);
         }
-        if (ue.call(n, "key")) {
-          var Z = T(e), W = Object.keys(n).filter(function($r) {
-            return $r !== "key";
-          }), Ie = W.length > 0 ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ke[Z + Ie]) {
-            var Nr = W.length > 0 ? "{" + W.join(": ..., ") + ": ...}" : "{}";
-            f(`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} />`, Ie, Z, Nr, Z), Ke[Z + Ie] = !0;
+  <%s key={someKey} {...props} />`, Ae, oe, Ur, oe), or[oe + Ae] = !0;
           }
         }
-        return e === i ? Or(L) : Ir(L), L;
+        return e === o ? Nr(N) : Fr(N), N;
       }
     }
-    function Lr(e, n, u) {
-      return er(e, n, u, !0);
+    function $r(e, a, l) {
+      return nr(e, a, l, !0);
     }
-    function zr(e, n, u) {
-      return er(e, n, u, !1);
+    function Mr(e, a, l) {
+      return nr(e, a, l, !1);
     }
-    var Ar = zr, Fr = Lr;
-    se.Fragment = i, se.jsx = Ar, se.jsxs = Fr;
-  }()), se;
+    var Wr = Mr, Br = $r;
+    he.Fragment = o, he.jsx = Wr, he.jsxs = Br;
+  }()), he;
 }
-process.env.NODE_ENV === "production" ? Ae.exports = Br() : Ae.exports = Yr();
-var l = Ae.exports;
-function Ur(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 i = 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 a = o.className.trim().split(/\s+/).filter(Boolean);
-      if (a.length > 0) {
-        const s = a.filter((p) => /^[a-zA-Z][\w-]*$/.test(p)).slice(0, 2).map((p) => `.${p}`).join("");
-        s && (i += s);
+    if (t.className && typeof t.className == "string") {
+      const s = t.className.trim().split(/\s+/).filter(Boolean);
+      if (s.length > 0) {
+        const i = s.filter((u) => /^[a-zA-Z][\w-]*$/.test(u)).slice(0, 2).map((u) => `.${u}`).join("");
+        i && (o += i);
       }
     }
-    if (t.length > 0) {
-      const a = o.parentElement;
-      if (a) {
-        const s = Array.from(a.children).filter(
-          (p) => p.nodeName === o.nodeName
+    if (n.length > 0) {
+      const s = t.parentElement;
+      if (s) {
+        const i = Array.from(s.children).filter(
+          (u) => u.nodeName === t.nodeName
         );
-        if (s.length > 1) {
-          const p = s.indexOf(o) + 1;
-          i += `:nth-child(${p})`;
+        if (i.length > 1) {
+          const u = i.indexOf(t) + 1;
+          o += `:nth-child(${u})`;
         }
       }
     }
-    t.unshift(i), o = o.parentElement;
+    n.unshift(o), t = t.parentElement;
   }
-  return t.join(" > ");
+  return n.join(" > ");
 }
-const Gr = "[data-review-layer-root]", Hr = 16;
-function Fe(r, t, o = Hr) {
-  if (typeof window > "u") return { x: r, y: t };
-  const i = o, a = o, s = window.innerWidth - o, p = 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, u = window.innerHeight - t;
   return {
-    x: Math.max(i, Math.min(s, r)),
-    y: Math.max(a, Math.min(p, t))
+    x: Math.max(o, Math.min(i, r)),
+    y: Math.max(s, Math.min(u, n))
   };
 }
-function cr(r) {
-  var t;
+function pr(r) {
+  if (typeof document > "u" || !r) return [];
+  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 n;
+}
+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, Gr) ? 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 Xr(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 dr(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 Jr(r) {
-  const { x: t, y: o } = dr(r), i = r.width ?? 100, a = r.height ?? 40;
-  return new DOMRect(t, o, i, a);
+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 we(r) {
+function Re(r) {
   if (r.selector) {
-    const t = cr(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 hr(r);
+}
+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);
+    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 dr(r);
+  return window.location.pathname || "/";
 }
-const C = {
+const j = {
   PENDING: "pending",
   DEV_FIXED: "dev_fixed",
   VALIDATED: "validated"
-};
-function ce(r) {
+}, sr = "[review-layer API]";
+function Z(r, n, t) {
+  if ("status" in t) {
+    const { status: d, statusText: f, body: g = "" } = t;
+    let y;
+    d === 401 ? y = "No autorizado (401). Revisa que apiKey sea correcta y esté aceptada por la API." : d === 403 ? y = "Acceso denegado (403). Revisa apiKey o permisos del proyecto." : d === 404 ? y = "Recurso no encontrado (404). Revisa apiUrl y que la ruta exista en el backend." : d >= 500 ? y = "Error del servidor (5xx). El backend puede estar caído o sobrecargado." : y = `Respuesta HTTP ${d} ${f}. Revisa la API.`, console.error(sr, r, {
+      motivo: y,
+      url: n,
+      status: d,
+      statusText: f,
+      body: g.slice(0, 300)
+    });
+    return;
+  }
+  const o = t.networkError, s = o instanceof Error ? o.message : String(o), u = 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: u, url: n, error: o });
+}
+function be(r) {
   return {
     "Content-Type": "application/json",
     "x-review-key": r
   };
 }
-async function qr(r, t, o) {
-  const i = await fetch(`${r}/reviewers`, {
-    headers: ce(t),
-    signal: o == null ? void 0 : o.signal
-  });
-  if (!i.ok) throw new Error("Failed to fetch reviewers");
-  return (await i.json()).data ?? [];
-}
-async function Zr(r, t, o) {
-  const i = await fetch(`${r}/comments`, {
-    method: "POST",
-    headers: ce(t),
-    body: JSON.stringify(o)
-  });
-  if (!i.ok) {
-    const s = await i.json().catch(() => ({}));
-    throw new Error(s.message || "Failed to create comment");
+async function ot(r, n, t) {
+  const o = `${r}/reviewers`;
+  let s;
+  try {
+    s = await fetch(o, {
+      headers: be(n),
+      signal: t == null ? void 0 : t.signal
+    });
+  } catch (u) {
+    throw Z("fetchReviewers (red/CORS)", o, { networkError: u }), u;
+  }
+  if (!s.ok) {
+    const u = await s.text();
+    throw Z("fetchReviewers", o, { status: s.status, statusText: s.statusText, body: u }), new Error("Failed to fetch reviewers");
   }
-  return (await i.json()).data;
-}
-async function Qr(r, t, o, i) {
-  const a = new URLSearchParams({ url: o }), s = await fetch(`${r}/comments?${a}`, {
-    headers: ce(t),
-    signal: i == null ? void 0 : i.signal
-  });
-  if (!s.ok) throw new Error("Failed to fetch comments");
   return (await s.json()).data ?? [];
 }
-async function Kr(r, t, o, i) {
-  const a = await fetch(`${r}/comments/${o}/status`, {
-    method: "PATCH",
-    headers: ce(t),
-    body: JSON.stringify({ status: i })
-  });
-  if (!a.ok) {
-    const p = await a.json().catch(() => ({}));
-    throw new Error(p.message || "Failed to update comment status");
+async function nt(r, n, t) {
+  const o = `${r}/comments`;
+  let s;
+  try {
+    s = await fetch(o, {
+      method: "POST",
+      headers: be(n),
+      body: JSON.stringify(t)
+    });
+  } catch (u) {
+    throw Z("createComment (red/CORS)", o, { networkError: u }), u;
   }
-  return (await a.json()).data;
+  if (!s.ok) {
+    const u = await s.text();
+    let d = "Failed to create comment";
+    try {
+      d = JSON.parse(u).message ?? d;
+    } catch {
+    }
+    throw Z("createComment", o, { status: s.status, statusText: s.statusText, body: u }), new Error(d);
+  }
+  return (await s.json()).data;
+}
+async function it(r, n, t, o) {
+  const s = new URLSearchParams({ url: t }), i = `${r}/comments?${s}`;
+  let u;
+  try {
+    u = await fetch(i, {
+      headers: be(n),
+      signal: o == null ? void 0 : o.signal
+    });
+  } catch (f) {
+    throw Z("fetchComments (red/CORS)", i, { networkError: f }), f;
+  }
+  if (!u.ok) {
+    const f = await u.text();
+    throw Z("fetchComments", i, { status: u.status, statusText: u.statusText, body: f }), new Error("Failed to fetch comments");
+  }
+  return (await u.json()).data ?? [];
 }
-async function eo(r, t, o) {
-  const i = await fetch(`${r}/comments/${o}`, {
-    method: "DELETE",
-    headers: ce(t)
-  });
+async function at(r, n, t, o) {
+  const s = `${r}/comments/${t}/status`;
+  let i;
+  try {
+    i = await fetch(s, {
+      method: "PATCH",
+      headers: be(n),
+      body: JSON.stringify({ status: o })
+    });
+  } catch (d) {
+    throw Z("updateCommentStatus (red/CORS)", s, { networkError: d }), d;
+  }
   if (!i.ok) {
-    const a = await i.json().catch(() => ({}));
-    throw new Error(a.message || "Failed to delete comment");
+    const d = await i.text();
+    Z("updateCommentStatus", s, { status: i.status, statusText: i.statusText, body: d });
+    let f = "Failed to update comment status";
+    try {
+      f = JSON.parse(d).message ?? f;
+    } catch {
+    }
+    throw new Error(f);
+  }
+  return (await i.json()).data;
+}
+async function st(r, n, t) {
+  const o = `${r}/comments/${t}`;
+  let s;
+  try {
+    s = await fetch(o, {
+      method: "DELETE",
+      headers: be(n)
+    });
+  } catch (i) {
+    throw Z("deleteComment (red/CORS)", o, { networkError: i }), i;
+  }
+  if (!s.ok) {
+    const i = await s.text();
+    Z("deleteComment", o, { status: s.status, statusText: s.statusText, body: i });
+    let u = "Failed to delete comment";
+    try {
+      u = JSON.parse(i).message ?? u;
+    } catch {
+    }
+    throw new Error(u);
   }
 }
-const ro = {
+const lt = {
   position: "fixed",
   inset: 0,
   zIndex: 999997,
   backgroundColor: "transparent"
-}, oo = {
+}, ut = {
   position: "fixed",
   minWidth: 320,
   maxWidth: 400,
@@ -791,7 +898,7 @@ const ro = {
   borderRadius: "var(--ui-radius_8, 8px)",
   boxShadow: "0 8px 24px var(--ui-color-black-alpha-20, rgba(0,0,0,0.15))",
   zIndex: 999998
-}, to = {
+}, ct = {
   width: "100%",
   minHeight: 80,
   padding: "var(--ui-positive-Value_200, 8px) var(--ui-positive-Value_300, 12px)",
@@ -802,14 +909,14 @@ const ro = {
   fontFamily: "var(--ui-font-family-ui, 'Inter', sans-serif)",
   resize: "vertical",
   boxSizing: "border-box"
-}, no = {
+}, 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)"
-}, tr = {
+}, 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)",
@@ -819,132 +926,151 @@ const ro = {
   cursor: "pointer",
   fontWeight: "var(--ui-font-weight-medium, 500)"
 };
-function io({
+function ft({
   apiUrl: r,
-  apiKey: t,
-  reviewers: o,
-  position: i,
-  payload: a,
-  onClose: s,
-  onSuccess: p
+  apiKey: n,
+  reviewers: t,
+  position: o,
+  payload: s,
+  onClose: i,
+  onSuccess: u
 }) {
-  var z;
-  const [g, d] = F(""), [w, h] = F(
-    ((z = o[0]) == null ? void 0 : z.id) ?? 0
-  ), [y, P] = F(!1), [k, V] = F(null);
-  A(() => {
-    o.length > 0 && !w && h(o[0].id);
-  }, [o, w]);
-  const $ = j(
-    async (c) => {
-      if (c.preventDefault(), !(!g.trim() || !w)) {
-        P(!0), V(null);
+  var $;
+  const [d, 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(), !(!d.trim() || !g)) {
+        m(!0), z(null);
         try {
-          await Zr(r, t, {
-            ...a,
-            message: g.trim(),
-            reviewerId: w
-          }), p(), s();
-        } catch (f) {
-          V(f instanceof Error ? f.message : "Failed to send comment");
+          await nt(r, n, {
+            ...s,
+            message: d.trim(),
+            reviewerId: g
+          }), u(), i();
+        } catch (k) {
+          z(k instanceof Error ? k.message : "Failed to send comment");
         } finally {
-          P(!1);
+          m(!1);
         }
       }
     },
-    [r, t, a, g, w, p, s]
-  );
-  return A(() => {
-    const c = (f) => {
-      f.key === "Escape" && (f.preventDefault(), s());
+    [r, n, s, d, g, u, 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]), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx(
-      "div",
-      {
-        role: "presentation",
-        style: ro,
-        onClick: s
-      }
-    ),
-    /* @__PURE__ */ l.jsx(
-      "div",
-      {
-        style: {
-          ...oo,
-          left: Math.min(i.x, typeof window < "u" ? window.innerWidth - 420 : i.x),
-          top: i.y + 12
-        },
-        onClick: (c) => c.stopPropagation(),
-        children: /* @__PURE__ */ l.jsxs("form", { onSubmit: $, children: [
-          /* @__PURE__ */ l.jsx(
-            "textarea",
-            {
-              placeholder: "Escribe tu comentario...",
-              value: g,
-              onChange: (c) => d(c.target.value),
-              style: to,
-              required: !0,
-              autoFocus: !0
-            }
-          ),
-          /* @__PURE__ */ l.jsxs(
-            "select",
-            {
-              value: w,
-              onChange: (c) => h(Number(c.target.value)),
-              style: no,
-              required: !0,
-              disabled: o.length === 0,
-              children: [
-                /* @__PURE__ */ l.jsx("option", { value: "", children: o.length === 0 ? "No hay revisores (ejecuta php artisan db:seed en la API)" : "Selecciona revisor" }),
-                o.map((c) => /* @__PURE__ */ l.jsx("option", { value: c.id, children: c.name }, c.id))
-              ]
-            }
-          ),
-          k && /* @__PURE__ */ l.jsx(
-            "div",
-            {
-              style: {
-                color: "var(--ui-color-text-danger-default, #ff4d4f)",
-                fontSize: "var(--ui-font-size-xs, 12px)",
-                marginBottom: "var(--ui-positive-Value_200, 8px)"
-              },
-              children: k
-            }
-          ),
-          /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: "var(--ui-positive-Value_200, 8px)" }, children: [
-            /* @__PURE__ */ l.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: s,
-                style: {
-                  ...tr,
-                  backgroundColor: "var(--ui-color-bg-fill-secondary-default, #f0f0f0)",
-                  color: "var(--ui-color-text-primary, #333)"
-                },
-                children: "Cancelar"
-              }
-            ),
-            /* @__PURE__ */ l.jsx(
-              "button",
-              {
-                type: "submit",
-                style: tr,
-                disabled: y || o.length === 0,
-                children: y ? "Enviando..." : "Enviar comentario"
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
+    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", v, !0), () => document.removeEventListener("mousedown", v, !0);
+  }, [i]), L(() => {
+    var v;
+    (v = P.current) == null || v.focus();
+  }, []), /* @__PURE__ */ c.jsxs(
+    "div",
+    {
+      ref: P,
+      role: "dialog",
+      "aria-modal": "true",
+      tabIndex: -1,
+      style: { position: "fixed", inset: 0, zIndex: 999997, outline: "none" },
+      children: [
+        /* @__PURE__ */ c.jsx(
+          "div",
+          {
+            role: "presentation",
+            style: lt,
+            onClick: i
+          }
+        ),
+        /* @__PURE__ */ c.jsx(
+          "div",
+          {
+            style: {
+              ...ut,
+              left: Math.min(o.x, typeof window < "u" ? window.innerWidth - 420 : o.x),
+              top: o.y + 12
+            },
+            onClick: (v) => v.stopPropagation(),
+            children: /* @__PURE__ */ c.jsxs("form", { onSubmit: M, children: [
+              /* @__PURE__ */ c.jsx(
+                "textarea",
+                {
+                  placeholder: "Escribe tu comentario...",
+                  value: d,
+                  onChange: (v) => f(v.target.value),
+                  style: ct,
+                  required: !0,
+                  autoFocus: !0
+                }
+              ),
+              /* @__PURE__ */ c.jsxs(
+                "select",
+                {
+                  value: g,
+                  onChange: (v) => y(Number(v.target.value)),
+                  style: dt,
+                  required: !0,
+                  disabled: t.length === 0,
+                  children: [
+                    /* @__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))
+                  ]
+                }
+              ),
+              A && /* @__PURE__ */ c.jsx(
+                "div",
+                {
+                  style: {
+                    color: "var(--ui-color-text-danger-default, #ff4d4f)",
+                    fontSize: "var(--ui-font-size-xs, 12px)",
+                    marginBottom: "var(--ui-positive-Value_200, 8px)"
+                  },
+                  children: A
+                }
+              ),
+              /* @__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: i,
+                    style: {
+                      ...lr,
+                      backgroundColor: "var(--ui-color-bg-fill-secondary-default, #f0f0f0)",
+                      color: "var(--ui-color-text-primary, #333)"
+                    },
+                    children: "Cancelar"
+                  }
+                ),
+                /* @__PURE__ */ c.jsx(
+                  "button",
+                  {
+                    type: "submit",
+                    style: lr,
+                    disabled: S || t.length === 0,
+                    children: S ? "Enviando..." : "Enviar comentario"
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
 }
-const ao = Re(io), uo = "var(--ui-color-red-500, #ef4444)";
-function lo(r) {
+const vt = ke(ft), pt = "var(--ui-color-red-500, #ef4444)";
+function gt(r) {
   return {
     position: "fixed",
     outline: `2px solid ${r}`,
@@ -954,82 +1080,82 @@ function lo(r) {
     boxSizing: "border-box"
   };
 }
-const so = Re(function({
-  selector: t,
-  active: o,
-  fallbackComment: i,
-  outlineColor: a = uo
+const ht = ke(function({
+  selector: n,
+  active: t,
+  fallbackComment: o,
+  outlineColor: s = pt
 }) {
-  const [s, p] = F(null), g = j(() => {
-    if (!o) {
-      p(null);
+  const [i, u] = W(null), d = D(() => {
+    if (!t) {
+      u(null);
       return;
     }
-    const d = t != null && t.trim() ? cr(t) : null;
-    if (d) {
-      p(d);
+    const f = n != null && n.trim() ? gr(n) : null;
+    if (f) {
+      u(f);
       return;
     }
-    if (i) {
-      p(Jr(i));
+    if (o) {
+      u(et(o));
       return;
     }
-    p(null);
-  }, [t, o, i]);
-  return A(() => {
-    g();
-  }, [g]), A(() => {
-    if (o)
-      return window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), () => {
-        window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g);
+    u(null);
+  }, [n, t, o]);
+  return L(() => {
+    d();
+  }, [d]), L(() => {
+    if (t)
+      return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
+        window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
       };
-  }, [o, g]), !o || s == null ? null : /* @__PURE__ */ l.jsx(
+  }, [t, d]), !t || i == null ? null : /* @__PURE__ */ c.jsx(
     "div",
     {
       "aria-hidden": !0,
       style: {
-        ...lo(a),
-        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
       }
     }
   );
-}), _e = 32, nr = 150, Oe = 250, B = {
+}), 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))"
-}, co = {
-  [C.PENDING]: "Pendiente",
-  [C.DEV_FIXED]: "Corregido",
-  [C.VALIDATED]: "Validado"
-}, fo = {
-  [C.PENDING]: "PENDIENTE",
-  [C.DEV_FIXED]: "CORREGIDO",
-  [C.VALIDATED]: "VALIDADO"
-}, ee = {
-  [C.PENDING]: "var(--ui-color-red-500, rgb(240, 69, 69))",
-  [C.DEV_FIXED]: "var(--ui-color-yellow-500, rgb(235, 179, 8))",
-  [C.VALIDATED]: "var(--ui-color-green-500, rgb(33, 196, 94))"
-}, ir = {
-  [C.PENDING]: "var(--ui-color-bg-surface-danger-default, #fef2f2)",
-  [C.DEV_FIXED]: "var(--ui-color-bg-surface-warning-default, #fffbeb)",
-  [C.VALIDATED]: "var(--ui-color-bg-surface-success-default, #f0fdf4)"
-}, Ee = {
-  [C.PENDING]: "var(--ui-color-red-500, #ef4444)",
-  [C.DEV_FIXED]: "var(--ui-color-orange-500, #f59e0b)",
-  [C.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 vo(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 po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", style: { marginRight: 4, flexShrink: 0 }, children: /* @__PURE__ */ l.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), go = ({ color: r }) => /* @__PURE__ */ l.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", style: { flexShrink: 0 }, children: [
-  /* @__PURE__ */ l.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",
@@ -1040,7 +1166,7 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
       fill: "none"
     }
   ),
-  /* @__PURE__ */ l.jsx(
+  /* @__PURE__ */ c.jsx(
     "path",
     {
       d: "M8 10h.01M12 10h.01M16 10h.01",
@@ -1049,12 +1175,12 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
       strokeLinecap: "round"
     }
   )
-] }), bo = (r) => ({
+] }), _t = (r) => ({
   position: "fixed",
-  width: _e,
-  height: _e,
+  width: Se,
+  height: Se,
   borderRadius: "50%",
-  backgroundColor: ee[r] ?? ee[C.PENDING],
+  backgroundColor: ce[r] ?? ce[j.PENDING],
   color: "var(--ui-color-text-on-color, #fff)",
   display: "flex",
   alignItems: "center",
@@ -1064,31 +1190,31 @@ const po = () => /* @__PURE__ */ l.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)"
-}), ho = {
+}), Et = {
   position: "fixed",
-  width: Oe,
-  minWidth: Oe,
-  maxWidth: Oe,
+  width: ze,
+  minWidth: ze,
+  maxWidth: ze,
   boxSizing: "border-box",
-  backgroundColor: B.cardBg,
+  backgroundColor: X.cardBg,
   borderRadius: "var(--ui-radius_12, 12px)",
-  boxShadow: B.shadow,
+  boxShadow: X.shadow,
   fontSize: "var(--ui-font-size-sm, 14px)",
   fontFamily: "var(--ui-font-family-ui, 'Inter', sans-serif)",
   zIndex: 999999,
   pointerEvents: "auto"
-}, xo = {
+}, Rt = {
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   gap: "var(--ui-positive-Value_250, 10px)",
-  borderBottom: `1px solid ${B.border}`,
+  borderBottom: `1px solid ${X.border}`,
   padding: "var(--ui-positive-Value_300, 12px)"
-}, yo = (r) => ({
+}, St = (r) => ({
   width: 40,
   height: 40,
   borderRadius: "50%",
-  backgroundColor: ee[r] ?? ee[C.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",
@@ -1098,18 +1224,18 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
   fontWeight: "var(--ui-font-weight-bold, 700)",
   flexShrink: 0,
   overflow: "hidden"
-}), mo = Re(function({
-  reviewer: t,
-  status: o
+}), Ct = ke(function({
+  reviewer: n,
+  status: t
 }) {
-  const i = t == null ? void 0 : t.image_url, a = (t == null ? void 0 : t.name) ?? "Revisor", s = yo(o);
-  if (i && i.trim()) {
-    const p = ee[o] ?? ee[C.PENDING];
-    return /* @__PURE__ */ l.jsx("div", { style: { ...s, border: `2px solid ${p}` }, children: /* @__PURE__ */ l.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 u = ce[t] ?? ce[j.PENDING];
+    return /* @__PURE__ */ c.jsx("div", { style: { ...i, border: `2px solid ${u}` }, children: /* @__PURE__ */ c.jsx(
       "img",
       {
-        src: i,
-        alt: a,
+        src: o,
+        alt: s,
         style: {
           width: "100%",
           height: "100%",
@@ -1119,8 +1245,8 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
       }
     ) });
   }
-  return /* @__PURE__ */ l.jsx("div", { style: s, children: vo(a) });
-}), wo = {
+  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)",
@@ -1128,15 +1254,15 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
   border: "none",
   borderRadius: "var(--ui-radius_6, 6px)",
   backgroundColor: "transparent",
-  color: B.textDark,
+  color: X.textDark,
   cursor: "pointer",
   fontSize: "var(--ui-positive-Value_450, 18px)",
   lineHeight: 1,
   display: "flex",
   alignItems: "center",
   justifyContent: "center"
-}, _o = (r) => {
-  const t = Ee[r] ?? Ee[C.PENDING];
+}, Tt = (r) => {
+  const n = Ce[r] ?? Ce[j.PENDING];
   return {
     display: "inline-flex",
     alignItems: "center",
@@ -1147,42 +1273,42 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
     fontFamily: "var(--ui-font-family-ui, 'Inter', sans-serif)",
     textTransform: "uppercase",
     letterSpacing: "0.02em",
-    backgroundColor: ir[r] ?? ir[C.PENDING],
-    color: t,
-    border: `1px solid ${t}`
+    backgroundColor: cr[r] ?? cr[j.PENDING],
+    color: n,
+    border: `1px solid ${n}`
   };
-}, Eo = {
+}, 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: B.textMuted,
+  color: X.textMuted,
   textTransform: "uppercase",
   letterSpacing: "0.04em"
-}, Ro = {
+}, 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 ${B.border}`,
-  backgroundColor: B.cardBg,
-  color: B.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"
-}, So = {
+}, 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 ${B.border}`,
-  backgroundColor: B.cardFooterBg
-}, fr = {
+  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)",
@@ -1191,223 +1317,229 @@ const po = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewB
   borderRadius: "var(--ui-radius_8, 8px)",
   cursor: "pointer",
   border: "none"
-}, ko = {
-  ...fr,
+}, It = {
+  ...xr,
   backgroundColor: "transparent",
-  color: B.textDark
-}, ye = "review-layer-resolve-btn", Co = [
+  color: X.textDark
+}, Ee = "review-layer-resolve-btn", Dt = [
   "pending",
   "dev_fixed",
   "validated"
-], Po = {
-  ...fr,
+], Ot = {
+  ...xr,
   backgroundColor: "var(--ui-color-bg-fill-success-default, #22c55e)",
   color: "var(--ui-color-text-on-color, #fff)"
 };
-function jo({
+function Lt({
   comment: r,
-  offset: t = { dx: 0, dy: 0 },
-  apiUrl: o,
-  apiKey: i,
-  onStatusChange: a,
-  reviewMode: s = !1
+  offset: n = { dx: 0, dy: 0 },
+  apiUrl: t,
+  apiKey: o,
+  onStatusChange: s,
+  reviewMode: i = !1
 }) {
-  var ne, ie;
-  const [p, g] = F(!1), [d, w] = F(!1), [h, y] = F(() => we(r)), [P, k] = F(!1), [V, $] = F(null), z = me(null), c = me(null), f = me(null), I = j(() => {
-    y(we(r));
+  var fe, ve;
+  const [u, d] = 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]);
-  A(() => {
-    I();
-  }, [I]), A(() => {
+  L(() => {
+    k();
+  }, [k]), L(() => {
     if (!(typeof window > "u"))
-      return window.addEventListener("scroll", I, !0), window.addEventListener("resize", I), () => {
-        window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I);
+      return window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
+        window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
       };
-  }, [I]);
-  const N = j(() => {
-    z.current !== null && (clearTimeout(z.current), z.current = null);
-  }, []), H = j(() => {
-    s || (N(), g(!0));
-  }, [s, N]), re = j(() => {
-    d || (z.current = setTimeout(() => {
-      z.current = null, g(!1);
-    }, nr));
-  }, [d]), oe = j(() => {
-    N(), g(!0);
-  }, [N]), te = j(() => {
-    d || (z.current = setTimeout(() => {
-      z.current = null, g(!1);
-    }, nr));
-  }, [d]), X = j(() => {
-    if (s) {
-      d && (w(!1), g(!1));
+  }, [k]), L(() => {
+    if (!r.selector || typeof document > "u") return;
+    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(), d(!0));
+  }, [i, Y]), R = D(() => {
+    f || (P.current = setTimeout(() => {
+      P.current = null, d(!1);
+    }, ur));
+  }, [f]), V = D(() => {
+    Y(), d(!0);
+  }, [Y]), q = D(() => {
+    f || (P.current = setTimeout(() => {
+      P.current = null, d(!1);
+    }, ur));
+  }, [f]), H = D(() => {
+    if (i) {
+      f && (g(!1), d(!1));
       return;
     }
-    d ? (w(!1), g(!1)) : (w(!0), g(!0));
-  }, [s, d]);
-  A(() => {
-    if (!d) return;
-    const _ = (q) => {
-      var ve, pe;
-      const ae = q.target;
-      (ve = c.current) != null && ve.contains(ae) || (pe = f.current) != null && pe.contains(ae) || (w(!1), g(!1));
+    f ? (g(!1), d(!1)) : (g(!0), d(!0));
+  }, [i, f]);
+  L(() => {
+    if (!f) return;
+    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), d(!1));
     };
-    return document.addEventListener("mousedown", _, !0), () => document.removeEventListener("mousedown", _, !0);
-  }, [d]), A(() => () => N(), [N]), A(() => {
-    s && (w(!1), g(!1));
-  }, [s]);
-  const m = h.x + t.dx, R = h.y + t.dy, { x: O, y: T } = Fe(m, R, _e / 2), G = p && !d, Y = j(() => {
-    w(!1), g(!1);
-  }, []), J = j(
-    async (_) => {
-      if (_ !== r.status) {
-        $(null), k(!0);
+    return document.addEventListener("mousedown", w, !0), () => document.removeEventListener("mousedown", w, !0);
+  }, [f]), L(() => () => Y(), [Y]), L(() => {
+    i && (g(!1), d(!1));
+  }, [i]);
+  const Q = y.x + n.dx, ie = y.y + n.dy, { x: h, y: b } = We(Q, ie, Se / 2), O = u && !f, I = D(() => {
+    g(!1), d(!1);
+  }, []), re = D(
+    async (w) => {
+      if (w !== r.status) {
+        M(null), A(!0);
         try {
-          await Kr(o, i, r.id, _), a();
-        } catch (q) {
-          $(q instanceof Error ? q.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, i, r.id, r.status, a]
-  ), de = j(async () => {
-    $(null), k(!0);
+    [t, o, r.id, r.status, s]
+  ), ae = D(async () => {
+    M(null), A(!0);
     try {
-      await eo(o, i, r.id), a(), Y();
-    } catch (_) {
-      $(_ 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, i, r.id, a, Y]), fe = Ne(
-    () => ({ ...bo(r.status), left: O, top: T, transform: "translate(-50%, -50%)" }),
-    [r.status, O, T]
+  }, [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__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx(
-      so,
+  return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(
+      ht,
       {
         selector: r.selector,
-        active: G,
+        active: O,
         fallbackComment: r,
-        outlineColor: Ee[r.status] ?? Ee[C.PENDING]
+        outlineColor: Ce[r.status] ?? Ce[j.PENDING]
       }
     ),
-    /* @__PURE__ */ l.jsx(
+    /* @__PURE__ */ c.jsx(
       "div",
       {
-        ref: c,
+        ref: $,
         role: "button",
         tabIndex: 0,
         "aria-label": `Comentario: ${r.message.slice(0, 30)}...`,
-        "aria-expanded": p,
-        style: fe,
-        onMouseEnter: H,
-        onMouseLeave: re,
-        onClick: X,
-        children: /* @__PURE__ */ l.jsx(go, { color: "var(--ui-color-white, #fff)" })
+        "aria-expanded": u,
+        style: se,
+        onMouseEnter: E,
+        onMouseLeave: R,
+        onClick: H,
+        children: /* @__PURE__ */ c.jsx(wt, { color: "var(--ui-color-white, #fff)" })
       }
     ),
-    p && /* @__PURE__ */ l.jsxs(
+    u && /* @__PURE__ */ c.jsxs(
       "div",
       {
-        ref: f,
+        ref: v,
         role: "dialog",
         "aria-label": "Detalle del comentario",
         style: {
-          ...ho,
-          left: O + _e / 2 + 6,
-          top: T
+          ...Et,
+          left: h + Se / 2 + 6,
+          top: b
         },
-        onMouseEnter: oe,
-        onMouseLeave: te,
+        onMouseEnter: V,
+        onMouseLeave: q,
         children: [
-          /* @__PURE__ */ l.jsxs("div", { style: xo, children: [
-            /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ l.jsx(mo, { reviewer: r.reviewer, status: r.status }),
-              /* @__PURE__ */ l.jsxs("div", { children: [
-                /* @__PURE__ */ l.jsx("div", { style: { fontWeight: 700, fontSize: 14, color: B.textDark }, children: ((ne = r.reviewer) == null ? void 0 : ne.name) ?? "Revisor" }),
-                /* @__PURE__ */ l.jsx("div", { style: { fontSize: 12, color: B.textMuted }, children: ((ie = r.reviewer) == null ? void 0 : ie.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__ */ l.jsx(
+            /* @__PURE__ */ c.jsx(
               "button",
               {
                 type: "button",
-                "aria-label": r.status === C.VALIDATED ? "Eliminar comentario" : "Cerrar",
-                style: wo,
-                disabled: P,
-                onClick: (_) => {
-                  _.stopPropagation(), r.status === C.VALIDATED ? de() : Y();
+                "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__ */ l.jsxs("div", { style: { padding: 12, display: "flex", alignItems: "flex-start", flexDirection: "column", gap: 4 }, children: [
-            /* @__PURE__ */ l.jsxs("div", { style: _o(r.status), children: [
-              r.status === C.VALIDATED && /* @__PURE__ */ l.jsx(po, {}),
-              fo[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__ */ l.jsx("div", { style: { color: B.textDark, lineHeight: 1.5, marginBottom: 12, marginTop: 12 }, children: r.message }),
-            /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" }, children: [
-              /* @__PURE__ */ l.jsx("label", { style: Eo, htmlFor: `comment-status-${r.id}`, children: "Cambiar estado" }),
-              /* @__PURE__ */ l.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: Ro,
+                  style: jt,
                   value: r.status,
-                  disabled: P,
-                  onChange: (_) => J(_.target.value),
-                  onMouseDown: (_) => _.stopPropagation(),
+                  disabled: m,
+                  onChange: (w) => re(w.target.value),
+                  onMouseDown: (w) => w.stopPropagation(),
                   "aria-label": "Cambiar estado del comentario",
-                  children: Co.map((_) => /* @__PURE__ */ l.jsx("option", { value: _, children: co[_] }, _))
+                  children: Dt.map((w) => /* @__PURE__ */ c.jsx("option", { value: w, children: bt[w] }, w))
                 }
               ),
-              V && /* @__PURE__ */ l.jsx("div", { style: { marginTop: 8, fontSize: 11, color: "var(--ui-color-text-danger-default, rgb(240, 69, 69))" }, children: V })
+              z && /* @__PURE__ */ c.jsx("div", { style: { marginTop: 8, fontSize: 11, color: "var(--ui-color-text-danger-default, rgb(240, 69, 69))" }, children: z })
             ] })
           ] }),
-          /* @__PURE__ */ l.jsxs("div", { style: So, children: [
-            /* @__PURE__ */ l.jsx(
+          /* @__PURE__ */ c.jsxs("div", { style: Vt, children: [
+            /* @__PURE__ */ c.jsx(
               "button",
               {
                 type: "button",
-                style: ko,
-                onMouseDown: (_) => _.stopPropagation(),
-                onClick: (_) => {
-                  _.stopPropagation(), Y();
+                style: It,
+                onMouseDown: (w) => w.stopPropagation(),
+                onClick: (w) => {
+                  w.stopPropagation(), I();
                 },
                 children: "Cerrar"
               }
             ),
-            r.status !== C.VALIDATED && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-              /* @__PURE__ */ l.jsx("style", { children: `
-                  .${ye}: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;
                   }
-                  .${ye}:active:not(:disabled) {
+                  .${Ee}:active:not(:disabled) {
                     background-color: var(--ui-color-bg-fill-success-pressed, #15803d) !important;
                   }
-                  .${ye}:disabled {
+                  .${Ee}:disabled {
                     background-color: var(--ui-color-bg-fill-success-default, #22c55e) !important;
                     opacity: 0.7;
                     cursor: not-allowed;
                   }
                 ` }),
-              /* @__PURE__ */ l.jsx(
+              /* @__PURE__ */ c.jsx(
                 "button",
                 {
                   type: "button",
-                  className: ye,
-                  style: Po,
-                  disabled: P,
-                  onMouseDown: (_) => _.stopPropagation(),
-                  onClick: (_) => {
-                    _.stopPropagation(), J("validated");
+                  className: Ee,
+                  style: Ot,
+                  disabled: m,
+                  onMouseDown: (w) => w.stopPropagation(),
+                  onClick: (w) => {
+                    w.stopPropagation(), re("validated");
                   },
                   children: "Validar"
                 }
@@ -1419,130 +1551,134 @@ function jo({
     )
   ] });
 }
-const Vo = Re(jo), To = 25, Do = 36;
-function Io(r) {
-  const t = /* @__PURE__ */ new Map();
-  for (let o = 0; o < r.length; o++) {
-    const i = r[o], { x: a, y: s } = we(i), { x: p, y: g } = Fe(a, s);
-    let d = 0;
-    for (let w = 0; w < o; w++) {
-      const { x: h, y } = we(r[w]), { x: P, y: k } = Fe(h, y);
-      Math.hypot(p - P, g - k) < To && d++;
-    }
-    t.set(i.id, { dx: d * Do, dy: 0 });
+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: u, y: d } = We(s, i);
+    let f = 0;
+    for (let g = 0; g < t; g++) {
+      const { x: y, y: S } = Re(r[g]), { x: m, y: A } = We(y, S);
+      Math.hypot(u - m, d - A) < zt && f++;
+    }
+    n.set(o.id, { dx: f * Ft, dy: 0 });
   }
-  return t;
+  return n;
 }
-function Oo() {
+function $t() {
   return typeof window > "u" ? "" : `${window.innerWidth}x${window.innerHeight}`;
 }
-function Lo({
+function Mt({
   apiUrl: r,
-  apiKey: t,
+  apiKey: n,
+  getPageUrl: t,
   reviewMode: o,
-  setReviewMode: i,
-  reviewers: a,
-  comments: s,
-  loadComments: p,
-  commentsLoadFailed: g = !1
+  setReviewMode: s,
+  reviewers: i,
+  comments: u,
+  loadComments: d,
+  commentsLoadFailed: f = !1
 }) {
-  const [d, w] = F(null), h = me(null), [y, P] = F(null), k = j(() => {
-    d && (d.style.outline = "", d.style.outlineOffset = "", w(null));
-  }, [d]), V = j(() => {
-    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);
   }, []);
-  A(() => {
-    o || (k(), V());
-  }, [o, k, V]), A(() => {
+  L(() => {
+    o || (z(), M());
+  }, [o, z, M]), L(() => {
     if (typeof document > "u") return;
-    const m = document.body.style.cursor;
-    return y ? document.body.style.cursor = "default" : o && (document.body.style.cursor = "crosshair"), () => {
-      document.body.style.cursor = m;
+    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, y]);
-  const $ = j((m) => {
+  }, [o, m]);
+  const P = D((h) => {
     var O;
-    if (!m || typeof document > "u" || m === document.body || m === document.documentElement) return !0;
-    const R = (O = m.tagName) == null ? void 0 : O.toUpperCase();
-    return R === "BODY" || R === "HTML" ? !0 : m.parentElement !== document.body ? !1 : m.id === "root" || m.getAttribute("data-review-layer-host") != null || document.body.children.length === 1;
-  }, []), z = j(
-    (m) => {
-      if (!o || y) return;
-      const R = m.target.nodeType === Node.ELEMENT_NODE ? m.target : m.target.parentElement;
-      !R || $(R) || (k(), w(R), R.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", R.style.outlineOffset = "2px");
+    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, y, k, $]
-  ), c = j(
-    (m) => {
+    [o, m, z, P]
+  ), v = D(
+    (h) => {
       var O;
-      if (y) return;
-      const R = m.relatedTarget;
-      d && (!R || !d.contains(R)) && !(R && ((O = d.contains) != null && O.call(d, R))) && k();
+      if (m) return;
+      const b = h.relatedTarget;
+      g && (!b || !g.contains(b)) && !(b && ((O = g.contains) != null && O.call(g, b))) && z();
     },
-    [d, y, k]
-  ), f = j(
-    (m) => {
-      if (!o || y) return;
-      const R = m.target;
-      if (!R || $(R) || R.closest("[data-review-layer-root]")) return;
-      m.preventDefault(), m.stopPropagation(), k();
-      const O = R;
-      h.current = O, O.style.outline = "2px solid var(--ui-color-bg-fill-danger-default, #ff4d4f)", O.style.outlineOffset = "2px";
-      const T = O.getBoundingClientRect(), G = Ur(R), { relativeX: Y, relativeY: J } = Xr(T);
-      P({
-        position: { x: T.left + T.width / 2, y: T.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: G,
-          x: Math.round(T.left),
-          y: Math.round(T.top),
-          relativeX: Y,
-          relativeY: J,
-          width: Math.round(T.width),
-          height: Math.round(T.height),
-          url: typeof window < "u" && window.location.pathname || "/",
-          viewport: Oo(),
+          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, y, k, $]
+    [o, m, z, P]
   );
-  A(() => {
+  L(() => {
     if (o)
-      return document.addEventListener("mouseover", z, !0), document.addEventListener("mouseout", c, !0), document.addEventListener("click", f, !0), () => {
-        document.removeEventListener("mouseover", z, !0), document.removeEventListener("mouseout", c, !0), document.removeEventListener("click", f, !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, c, f]);
-  const [I, N] = F(0);
-  A(() => {
-    if (typeof window > "u") return;
-    const m = () => {
-      if (N((R) => R + 1), h.current) {
-        const R = h.current.getBoundingClientRect();
-        P(
-          (O) => O ? { ...O, position: { x: R.left + R.width / 2, y: R.bottom } } : null
-        );
-      }
-    };
-    return window.addEventListener("resize", m), window.addEventListener("scroll", m, !0), () => {
-      window.removeEventListener("resize", m), window.removeEventListener("scroll", m, !0);
-    };
+  }, [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
+      );
+    }
   }, []);
-  const H = Ne(
-    () => Io(s),
-    [s, I]
-  ), re = j(() => {
-    V(), P(null);
-  }, [V]), oe = {
+  L(() => {
+    if (!(typeof window > "u"))
+      return window.addEventListener("resize", R), window.addEventListener("scroll", R, !0), () => {
+        window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
+      };
+  }, [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(u),
+    [u, Y]
+  ), q = D(() => {
+    M(), A(null);
+  }, [M]), H = {
     position: "fixed",
     inset: 0,
     zIndex: 999999,
     pointerEvents: "none",
     cursor: o ? "crosshair" : void 0
-  }, te = /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx("div", { style: oe, "aria-hidden": !0, "data-review-layer-root": !0 }),
-    o && /* @__PURE__ */ l.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,
@@ -1563,12 +1699,12 @@ function Lo({
           pointerEvents: "auto"
         },
         children: [
-          /* @__PURE__ */ l.jsx("span", { children: "Modo revisión (Shift+R para salir)" }),
-          /* @__PURE__ */ l.jsx(
+          /* @__PURE__ */ c.jsx("span", { children: "Modo revisión (Shift+R para salir)" }),
+          /* @__PURE__ */ c.jsx(
             "button",
             {
               type: "button",
-              onClick: () => i(!1),
+              onClick: () => s(!1),
               "aria-label": "Salir del modo revisión",
               style: {
                 padding: 0,
@@ -1592,7 +1728,7 @@ function Lo({
         ]
       }
     ),
-    g && /* @__PURE__ */ l.jsxs(
+    f && /* @__PURE__ */ c.jsxs(
       "div",
       {
         style: {
@@ -1614,12 +1750,12 @@ function Lo({
           pointerEvents: "auto"
         },
         children: [
-          /* @__PURE__ */ l.jsx("span", { children: "No se pudo conectar. Mostrando últimos datos guardados. Reintentar no garantiza respuesta hasta que el servicio esté activo." }),
-          /* @__PURE__ */ l.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",
-              onClick: () => p(),
+              onClick: () => d(),
               style: {
                 padding: "var(--ui-positive-Value_100, 4px) var(--ui-positive-Value_250, 10px)",
                 fontSize: "var(--ui-font-size-xs, 12px)",
@@ -1636,33 +1772,33 @@ function Lo({
         ]
       }
     ),
-    s.map((m) => /* @__PURE__ */ l.jsx("div", { "data-review-layer-pin": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ l.jsx(
-      Vo,
+    u.map((h) => /* @__PURE__ */ c.jsx("div", { "data-review-layer-pin": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ c.jsx(
+      At,
       {
-        comment: m,
-        offset: H.get(m.id),
+        comment: h,
+        offset: V.get(h.id),
         apiUrl: r,
-        apiKey: t,
-        onStatusChange: p,
+        apiKey: n,
+        onStatusChange: d,
         reviewMode: o
       }
-    ) }, m.id)),
-    y && /* @__PURE__ */ l.jsx("div", { "data-review-layer-modal": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ l.jsx(
-      ao,
+    ) }, h.id)),
+    m && /* @__PURE__ */ c.jsx("div", { "data-review-layer-modal": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ c.jsx(
+      vt,
       {
         apiUrl: r,
-        apiKey: t,
-        reviewers: a,
-        position: y.position,
-        payload: y.payload,
-        onClose: re,
-        onSuccess: p
+        apiKey: n,
+        reviewers: i,
+        position: m.position,
+        payload: m.payload,
+        onClose: q,
+        onSuccess: d
       }
     ) })
-  ] }), X = typeof document < "u" ? document.body : null;
-  return X ? sr(te, X) : null;
+  ] }), ie = typeof document < "u" ? document.body : null;
+  return ie ? vr(Q, ie) : null;
 }
-const zo = `/**
+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.
@@ -1988,176 +2124,227 @@ const zo = `/**
   --ui-shadow-modal: 0 var(--ui-shadow-04-y) var(--ui-shadow-04-blur) var(--ui-shadow-04-Color);
 }
 `;
-function Ao(r, t, o) {
-  const i = j(() => {
-    r && o((a) => !a);
-  }, [r, o]);
-  A(() => {
+function Bt(r, n, t) {
+  const o = D(() => {
+    r && t((s) => !s);
+  }, [r, t]);
+  L(() => {
     if (!r) return;
-    const a = (s) => {
-      (s.key === "r" || s.key === "R" || s.code === "KeyR") && s.shiftKey && !s.ctrlKey && !s.metaKey && (s.preventDefault(), i());
+    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", a), () => window.removeEventListener("keydown", a);
-  }, [r, i]);
+    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
+  }, [r, o]);
 }
-const Fo = "review_layer:v1:";
-function No(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 Se(r, t, o, i) {
-  const a = `${Fo}${$o(r)}:${o}`;
-  return i != null ? `${a}:${i}` : a;
+function de(r, n, t, o) {
+  const s = `${Ut}${Ht(r)}:${t}`;
+  return o != null ? `${s}:${o}` : s;
 }
-function $o(r) {
+function Ht(r) {
   return r.replace(/\/+$/, "") || "/";
 }
-function vr(r) {
+function Te(r) {
   if (typeof localStorage > "u") return null;
-  const t = localStorage.getItem(r);
-  return No(t, null);
+  const n = localStorage.getItem(r);
+  return Yt(n, null);
 }
-function pr(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 Le(r, t, o) {
-  const i = vr(Se(r, t, "comments", o));
-  return (i == null ? void 0 : i.data) ?? null;
+function Fe(r, n, t) {
+  const o = Te(de(r, n, "comments", t));
+  return (o == null ? void 0 : o.data) ?? null;
 }
-function Mo(r, t, o, i) {
-  pr(Se(r, t, "comments", o), i);
+function Gt(r, n, t, o) {
+  yr(de(r, n, "comments", t), o);
 }
-function ar(r, t) {
-  const o = vr(Se(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 Wo(r, t, o) {
-  pr(Se(r, t, "reviewers"), o);
+function Xt(r, n, t) {
+  yr(de(r, n, "reviewers"), t);
 }
-const Bo = "https://review-layer-api.onrender.com/api";
-function ur() {
-  return typeof window > "u" ? "/" : window.location.pathname || "/";
+function qt(r, n, t) {
+  const o = Te(de(r, n, "comments", t));
+  return (o == null ? void 0 : o.at) ?? null;
 }
-const gr = Mr(null);
-let ze = null;
-function Go() {
-  const r = Wr(gr);
+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;
 }
-function Ho({
+const U = "[review-layer]", dr = 2500;
+function ro({
   children: r,
-  enabled: t = !0,
-  apiUrl: o,
-  apiKey: i
+  enabled: n = !0,
+  apiUrl: t,
+  apiKey: o,
+  getPageUrl: s
 }) {
-  const a = (o == null ? void 0 : o.trim()) || Bo, [s, p] = F(!1), [g, d] = F([]), [w, h] = F([]), [y, P] = F(!1);
-  Ao(t, s, p);
-  const k = j(
-    async (c) => {
-      if (!(!t || !a || !i))
+  const i = (t == null ? void 0 : t.trim()) || Zt, [u, d] = 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, u, d);
+  const $ = D(
+    async (E) => {
+      if (!n || !i || !o) {
+        console.warn(U, "loadReviewers omitido: faltan enabled, apiUrl o apiKey", {
+          enabled: n,
+          apiUrl: i,
+          hasApiKey: !!o
+        });
+        return;
+      }
+      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 f = await qr(a, i, { signal: c });
-          c != null && c.aborted || (d(f), Wo(a, i, f));
-        } catch (f) {
-          if (f instanceof Error && f.name === "AbortError") return;
-          if (!(c != null && c.aborted)) {
-            const I = ar(a, i);
-            I != null && d(I);
+          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, a, i]
-  ), V = j(
-    async (c) => {
-      if (!t || !a || !i) return;
-      const f = ur(), I = Le(a, i, f);
-      I != null && h(I);
-      try {
-        P(!1);
-        const N = await Qr(a, i, f, { signal: c });
-        c != null && c.aborted || (h(N), Mo(a, i, f, N));
-      } catch (N) {
-        if (N instanceof Error && N.name === "AbortError") return;
-        if (!(c != null && c.aborted)) {
-          P(!0);
-          const H = Le(a, i, f);
-          H != null && h(H);
+    [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: !!o
+        });
+        return;
+      }
+      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, a, i]
+    [n, i, o, P]
   );
-  A(() => {
-    if (!t || !a || !i) return;
-    const c = ur(), f = ar(a, i), I = Le(a, i, c);
-    f != null && d(f), I != null && h(I);
-  }, [t, a, i]), A(() => {
+  L(() => {
+    if (!n || !i || !o) {
+      console.warn(U, "Provider activo pero sin carga: enabled, apiUrl y apiKey son requeridos.", {
+        enabled: n,
+        apiUrl: i,
+        hasApiKey: !!o
+      });
+      return;
+    }
+    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 c = "review-layer-ui-variables";
-    if (!document.getElementById(c)) {
-      const f = document.createElement("style");
-      f.id = c, f.textContent = zo, document.head.appendChild(f);
-    }
-  }, []), A(() => {
-    if (!t || !a || !i) return;
-    const c = `${a}:${i}`;
-    if (ze !== c)
-      return ze = c, k(), V(), () => {
+    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(() => {
-          ze = null;
+          $e = null;
         }, 0);
       };
-  }, [t, a, i, k, V]), A(() => {
-    if (!t) return;
-    const c = () => V();
-    return window.addEventListener("popstate", c), () => window.removeEventListener("popstate", c);
-  }, [t, V]);
-  const $ = Ne(
+  }, [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: a,
-      apiKey: i,
-      reviewMode: s,
-      setReviewMode: p,
-      reviewers: g,
-      comments: w,
-      loadComments: V,
-      commentsLoadFailed: y
+      apiUrl: i,
+      apiKey: o,
+      reviewMode: u,
+      setReviewMode: d,
+      reviewers: f,
+      comments: y,
+      loadComments: v,
+      commentsLoadFailed: m
     }),
-    [a, i, s, p, g, w, V, y]
-  ), z = t && typeof document < "u" ? sr(
-    /* @__PURE__ */ l.jsx(
-      Lo,
+    [i, o, u, d, f, y, v, m]
+  ), Y = n && typeof document < "u" ? vr(
+    /* @__PURE__ */ c.jsx(
+      Mt,
       {
-        apiUrl: a,
-        apiKey: i,
-        reviewMode: s,
-        setReviewMode: p,
-        reviewers: g,
-        comments: w,
-        loadComments: V,
-        commentsLoadFailed: y
+        apiUrl: i,
+        apiKey: o,
+        getPageUrl: P,
+        reviewMode: u,
+        setReviewMode: d,
+        reviewers: f,
+        comments: y,
+        loadComments: v,
+        commentsLoadFailed: m
       }
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ l.jsxs(gr.Provider, { value: $, children: [
+  return /* @__PURE__ */ c.jsxs(mr.Provider, { value: k, children: [
     r,
-    z
+    Y
   ] });
 }
 export {
-  Bo as DEFAULT_API_URL,
-  Ho as ReviewProvider,
-  Go as useReview
+  Zt as DEFAULT_API_URL,
+  ro as ReviewProvider,
+  eo as useReview
 };
 //# sourceMappingURL=review-layer-react.js.map