@bitux/review-layer-react 0.1.6 → 0.1.7

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