@nuasite/notes 0.1.0

package/dist/overlay.js

@@ -0,0 +1,1367 @@
+var n, l$1, u$2, i$1, r$1, o$1, e$1, f$2, c$1, s$1, a$1, h$1, p$1, v$1, d$1 = {}, w$1 = [], _ = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, g = Array.isArray;
+function m$1(n2, l2) {
+  for (var u2 in l2) n2[u2] = l2[u2];
+  return n2;
+}
+function b(n2) {
+  n2 && n2.parentNode && n2.parentNode.removeChild(n2);
+}
+function k$1(l2, u2, t2) {
+  var i2, r2, o2, e2 = {};
+  for (o2 in u2) "key" == o2 ? i2 = u2[o2] : "ref" == o2 ? r2 = u2[o2] : e2[o2] = u2[o2];
+  if (arguments.length > 2 && (e2.children = arguments.length > 3 ? n.call(arguments, 2) : t2), "function" == typeof l2 && null != l2.defaultProps) for (o2 in l2.defaultProps) void 0 === e2[o2] && (e2[o2] = l2.defaultProps[o2]);
+  return x(l2, e2, i2, r2, null);
+}
+function x(n2, t2, i2, r2, o2) {
+  var e2 = { type: n2, props: t2, key: i2, ref: r2, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == o2 ? ++u$2 : o2, __i: -1, __u: 0 };
+  return null == o2 && null != l$1.vnode && l$1.vnode(e2), e2;
+}
+function S(n2) {
+  return n2.children;
+}
+function C$1(n2, l2) {
+  this.props = n2, this.context = l2;
+}
+function $(n2, l2) {
+  if (null == l2) return n2.__ ? $(n2.__, n2.__i + 1) : null;
+  for (var u2; l2 < n2.__k.length; l2++) if (null != (u2 = n2.__k[l2]) && null != u2.__e) return u2.__e;
+  return "function" == typeof n2.type ? $(n2) : null;
+}
+function I(n2) {
+  if (n2.__P && n2.__d) {
+    var u2 = n2.__v, t2 = u2.__e, i2 = [], r2 = [], o2 = m$1({}, u2);
+    o2.__v = u2.__v + 1, l$1.vnode && l$1.vnode(o2), q$1(n2.__P, o2, u2, n2.__n, n2.__P.namespaceURI, 32 & u2.__u ? [t2] : null, i2, null == t2 ? $(u2) : t2, !!(32 & u2.__u), r2), o2.__v = u2.__v, o2.__.__k[o2.__i] = o2, D$1(i2, o2, r2), u2.__e = u2.__ = null, o2.__e != t2 && P(o2);
+  }
+}
+function P(n2) {
+  if (null != (n2 = n2.__) && null != n2.__c) return n2.__e = n2.__c.base = null, n2.__k.some(function(l2) {
+    if (null != l2 && null != l2.__e) return n2.__e = n2.__c.base = l2.__e;
+  }), P(n2);
+}
+function A$1(n2) {
+  (!n2.__d && (n2.__d = true) && i$1.push(n2) && !H.__r++ || r$1 != l$1.debounceRendering) && ((r$1 = l$1.debounceRendering) || o$1)(H);
+}
+function H() {
+  try {
+    for (var n2, l2 = 1; i$1.length; ) i$1.length > l2 && i$1.sort(e$1), n2 = i$1.shift(), l2 = i$1.length, I(n2);
+  } finally {
+    i$1.length = H.__r = 0;
+  }
+}
+function L(n2, l2, u2, t2, i2, r2, o2, e2, f2, c2, s2) {
+  var a2, h2, p2, v2, y2, _2, g2, m2 = t2 && t2.__k || w$1, b2 = l2.length;
+  for (f2 = T$1(u2, l2, m2, f2, b2), a2 = 0; a2 < b2; a2++) null != (p2 = u2.__k[a2]) && (h2 = -1 != p2.__i && m2[p2.__i] || d$1, p2.__i = a2, _2 = q$1(n2, p2, h2, i2, r2, o2, e2, f2, c2, s2), v2 = p2.__e, p2.ref && h2.ref != p2.ref && (h2.ref && J(h2.ref, null, p2), s2.push(p2.ref, p2.__c || v2, p2)), null == y2 && null != v2 && (y2 = v2), (g2 = !!(4 & p2.__u)) || h2.__k === p2.__k ? (f2 = j$1(p2, f2, n2, g2), g2 && h2.__e && (h2.__e = null)) : "function" == typeof p2.type && void 0 !== _2 ? f2 = _2 : v2 && (f2 = v2.nextSibling), p2.__u &= -7);
+  return u2.__e = y2, f2;
+}
+function T$1(n2, l2, u2, t2, i2) {
+  var r2, o2, e2, f2, c2, s2 = u2.length, a2 = s2, h2 = 0;
+  for (n2.__k = new Array(i2), r2 = 0; r2 < i2; r2++) null != (o2 = l2[r2]) && "boolean" != typeof o2 && "function" != typeof o2 ? ("string" == typeof o2 || "number" == typeof o2 || "bigint" == typeof o2 || o2.constructor == String ? o2 = n2.__k[r2] = x(null, o2, null, null, null) : g(o2) ? o2 = n2.__k[r2] = x(S, { children: o2 }, null, null, null) : void 0 === o2.constructor && o2.__b > 0 ? o2 = n2.__k[r2] = x(o2.type, o2.props, o2.key, o2.ref ? o2.ref : null, o2.__v) : n2.__k[r2] = o2, f2 = r2 + h2, o2.__ = n2, o2.__b = n2.__b + 1, e2 = null, -1 != (c2 = o2.__i = O(o2, u2, f2, a2)) && (a2--, (e2 = u2[c2]) && (e2.__u |= 2)), null == e2 || null == e2.__v ? (-1 == c2 && (i2 > s2 ? h2-- : i2 < s2 && h2++), "function" != typeof o2.type && (o2.__u |= 4)) : c2 != f2 && (c2 == f2 - 1 ? h2-- : c2 == f2 + 1 ? h2++ : (c2 > f2 ? h2-- : h2++, o2.__u |= 4))) : n2.__k[r2] = null;
+  if (a2) for (r2 = 0; r2 < s2; r2++) null != (e2 = u2[r2]) && 0 == (2 & e2.__u) && (e2.__e == t2 && (t2 = $(e2)), K(e2, e2));
+  return t2;
+}
+function j$1(n2, l2, u2, t2) {
+  var i2, r2;
+  if ("function" == typeof n2.type) {
+    for (i2 = n2.__k, r2 = 0; i2 && r2 < i2.length; r2++) i2[r2] && (i2[r2].__ = n2, l2 = j$1(i2[r2], l2, u2, t2));
+    return l2;
+  }
+  n2.__e != l2 && (t2 && (l2 && n2.type && !l2.parentNode && (l2 = $(n2)), u2.insertBefore(n2.__e, l2 || null)), l2 = n2.__e);
+  do {
+    l2 = l2 && l2.nextSibling;
+  } while (null != l2 && 8 == l2.nodeType);
+  return l2;
+}
+function O(n2, l2, u2, t2) {
+  var i2, r2, o2, e2 = n2.key, f2 = n2.type, c2 = l2[u2], s2 = null != c2 && 0 == (2 & c2.__u);
+  if (null === c2 && null == e2 || s2 && e2 == c2.key && f2 == c2.type) return u2;
+  if (t2 > (s2 ? 1 : 0)) {
+    for (i2 = u2 - 1, r2 = u2 + 1; i2 >= 0 || r2 < l2.length; ) if (null != (c2 = l2[o2 = i2 >= 0 ? i2-- : r2++]) && 0 == (2 & c2.__u) && e2 == c2.key && f2 == c2.type) return o2;
+  }
+  return -1;
+}
+function z$1(n2, l2, u2) {
+  "-" == l2[0] ? n2.setProperty(l2, null == u2 ? "" : u2) : n2[l2] = null == u2 ? "" : "number" != typeof u2 || _.test(l2) ? u2 : u2 + "px";
+}
+function N(n2, l2, u2, t2, i2) {
+  var r2, o2;
+  n: if ("style" == l2) if ("string" == typeof u2) n2.style.cssText = u2;
+  else {
+    if ("string" == typeof t2 && (n2.style.cssText = t2 = ""), t2) for (l2 in t2) u2 && l2 in u2 || z$1(n2.style, l2, "");
+    if (u2) for (l2 in u2) t2 && u2[l2] == t2[l2] || z$1(n2.style, l2, u2[l2]);
+  }
+  else if ("o" == l2[0] && "n" == l2[1]) r2 = l2 != (l2 = l2.replace(a$1, "$1")), o2 = l2.toLowerCase(), l2 = o2 in n2 || "onFocusOut" == l2 || "onFocusIn" == l2 ? o2.slice(2) : l2.slice(2), n2.l || (n2.l = {}), n2.l[l2 + r2] = u2, u2 ? t2 ? u2[s$1] = t2[s$1] : (u2[s$1] = h$1, n2.addEventListener(l2, r2 ? v$1 : p$1, r2)) : n2.removeEventListener(l2, r2 ? v$1 : p$1, r2);
+  else {
+    if ("http://www.w3.org/2000/svg" == i2) l2 = l2.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    else if ("width" != l2 && "height" != l2 && "href" != l2 && "list" != l2 && "form" != l2 && "tabIndex" != l2 && "download" != l2 && "rowSpan" != l2 && "colSpan" != l2 && "role" != l2 && "popover" != l2 && l2 in n2) try {
+      n2[l2] = null == u2 ? "" : u2;
+      break n;
+    } catch (n3) {
+    }
+    "function" == typeof u2 || (null == u2 || false === u2 && "-" != l2[4] ? n2.removeAttribute(l2) : n2.setAttribute(l2, "popover" == l2 && 1 == u2 ? "" : u2));
+  }
+}
+function V(n2) {
+  return function(u2) {
+    if (this.l) {
+      var t2 = this.l[u2.type + n2];
+      if (null == u2[c$1]) u2[c$1] = h$1++;
+      else if (u2[c$1] < t2[s$1]) return;
+      return t2(l$1.event ? l$1.event(u2) : u2);
+    }
+  };
+}
+function q$1(n2, u2, t2, i2, r2, o2, e2, f2, c2, s2) {
+  var a2, h2, p2, v2, y2, d2, _2, k2, x2, M, $2, I2, P2, A2, H2, T2 = u2.type;
+  if (void 0 !== u2.constructor) return null;
+  128 & t2.__u && (c2 = !!(32 & t2.__u), o2 = [f2 = u2.__e = t2.__e]), (a2 = l$1.__b) && a2(u2);
+  n: if ("function" == typeof T2) try {
+    if (k2 = u2.props, x2 = T2.prototype && T2.prototype.render, M = (a2 = T2.contextType) && i2[a2.__c], $2 = a2 ? M ? M.props.value : a2.__ : i2, t2.__c ? _2 = (h2 = u2.__c = t2.__c).__ = h2.__E : (x2 ? u2.__c = h2 = new T2(k2, $2) : (u2.__c = h2 = new C$1(k2, $2), h2.constructor = T2, h2.render = Q), M && M.sub(h2), h2.state || (h2.state = {}), h2.__n = i2, p2 = h2.__d = true, h2.__h = [], h2._sb = []), x2 && null == h2.__s && (h2.__s = h2.state), x2 && null != T2.getDerivedStateFromProps && (h2.__s == h2.state && (h2.__s = m$1({}, h2.__s)), m$1(h2.__s, T2.getDerivedStateFromProps(k2, h2.__s))), v2 = h2.props, y2 = h2.state, h2.__v = u2, p2) x2 && null == T2.getDerivedStateFromProps && null != h2.componentWillMount && h2.componentWillMount(), x2 && null != h2.componentDidMount && h2.__h.push(h2.componentDidMount);
+    else {
+      if (x2 && null == T2.getDerivedStateFromProps && k2 !== v2 && null != h2.componentWillReceiveProps && h2.componentWillReceiveProps(k2, $2), u2.__v == t2.__v || !h2.__e && null != h2.shouldComponentUpdate && false === h2.shouldComponentUpdate(k2, h2.__s, $2)) {
+        u2.__v != t2.__v && (h2.props = k2, h2.state = h2.__s, h2.__d = false), u2.__e = t2.__e, u2.__k = t2.__k, u2.__k.some(function(n3) {
+          n3 && (n3.__ = u2);
+        }), w$1.push.apply(h2.__h, h2._sb), h2._sb = [], h2.__h.length && e2.push(h2);
+        break n;
+      }
+      null != h2.componentWillUpdate && h2.componentWillUpdate(k2, h2.__s, $2), x2 && null != h2.componentDidUpdate && h2.__h.push(function() {
+        h2.componentDidUpdate(v2, y2, d2);
+      });
+    }
+    if (h2.context = $2, h2.props = k2, h2.__P = n2, h2.__e = false, I2 = l$1.__r, P2 = 0, x2) h2.state = h2.__s, h2.__d = false, I2 && I2(u2), a2 = h2.render(h2.props, h2.state, h2.context), w$1.push.apply(h2.__h, h2._sb), h2._sb = [];
+    else do {
+      h2.__d = false, I2 && I2(u2), a2 = h2.render(h2.props, h2.state, h2.context), h2.state = h2.__s;
+    } while (h2.__d && ++P2 < 25);
+    h2.state = h2.__s, null != h2.getChildContext && (i2 = m$1(m$1({}, i2), h2.getChildContext())), x2 && !p2 && null != h2.getSnapshotBeforeUpdate && (d2 = h2.getSnapshotBeforeUpdate(v2, y2)), A2 = null != a2 && a2.type === S && null == a2.key ? E(a2.props.children) : a2, f2 = L(n2, g(A2) ? A2 : [A2], u2, t2, i2, r2, o2, e2, f2, c2, s2), h2.base = u2.__e, u2.__u &= -161, h2.__h.length && e2.push(h2), _2 && (h2.__E = h2.__ = null);
+  } catch (n3) {
+    if (u2.__v = null, c2 || null != o2) if (n3.then) {
+      for (u2.__u |= c2 ? 160 : 128; f2 && 8 == f2.nodeType && f2.nextSibling; ) f2 = f2.nextSibling;
+      o2[o2.indexOf(f2)] = null, u2.__e = f2;
+    } else {
+      for (H2 = o2.length; H2--; ) b(o2[H2]);
+      B$1(u2);
+    }
+    else u2.__e = t2.__e, u2.__k = t2.__k, n3.then || B$1(u2);
+    l$1.__e(n3, u2, t2);
+  }
+  else null == o2 && u2.__v == t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : f2 = u2.__e = G(t2.__e, u2, t2, i2, r2, o2, e2, c2, s2);
+  return (a2 = l$1.diffed) && a2(u2), 128 & u2.__u ? void 0 : f2;
+}
+function B$1(n2) {
+  n2 && (n2.__c && (n2.__c.__e = true), n2.__k && n2.__k.some(B$1));
+}
+function D$1(n2, u2, t2) {
+  for (var i2 = 0; i2 < t2.length; i2++) J(t2[i2], t2[++i2], t2[++i2]);
+  l$1.__c && l$1.__c(u2, n2), n2.some(function(u3) {
+    try {
+      n2 = u3.__h, u3.__h = [], n2.some(function(n3) {
+        n3.call(u3);
+      });
+    } catch (n3) {
+      l$1.__e(n3, u3.__v);
+    }
+  });
+}
+function E(n2) {
+  return "object" != typeof n2 || null == n2 || n2.__b > 0 ? n2 : g(n2) ? n2.map(E) : m$1({}, n2);
+}
+function G(u2, t2, i2, r2, o2, e2, f2, c2, s2) {
+  var a2, h2, p2, v2, y2, w2, _2, m2 = i2.props || d$1, k2 = t2.props, x2 = t2.type;
+  if ("svg" == x2 ? o2 = "http://www.w3.org/2000/svg" : "math" == x2 ? o2 = "http://www.w3.org/1998/Math/MathML" : o2 || (o2 = "http://www.w3.org/1999/xhtml"), null != e2) {
+    for (a2 = 0; a2 < e2.length; a2++) if ((y2 = e2[a2]) && "setAttribute" in y2 == !!x2 && (x2 ? y2.localName == x2 : 3 == y2.nodeType)) {
+      u2 = y2, e2[a2] = null;
+      break;
+    }
+  }
+  if (null == u2) {
+    if (null == x2) return document.createTextNode(k2);
+    u2 = document.createElementNS(o2, x2, k2.is && k2), c2 && (l$1.__m && l$1.__m(t2, e2), c2 = false), e2 = null;
+  }
+  if (null == x2) m2 === k2 || c2 && u2.data == k2 || (u2.data = k2);
+  else {
+    if (e2 = e2 && n.call(u2.childNodes), !c2 && null != e2) for (m2 = {}, a2 = 0; a2 < u2.attributes.length; a2++) m2[(y2 = u2.attributes[a2]).name] = y2.value;
+    for (a2 in m2) y2 = m2[a2], "dangerouslySetInnerHTML" == a2 ? p2 = y2 : "children" == a2 || a2 in k2 || "value" == a2 && "defaultValue" in k2 || "checked" == a2 && "defaultChecked" in k2 || N(u2, a2, null, y2, o2);
+    for (a2 in k2) y2 = k2[a2], "children" == a2 ? v2 = y2 : "dangerouslySetInnerHTML" == a2 ? h2 = y2 : "value" == a2 ? w2 = y2 : "checked" == a2 ? _2 = y2 : c2 && "function" != typeof y2 || m2[a2] === y2 || N(u2, a2, y2, m2[a2], o2);
+    if (h2) c2 || p2 && (h2.__html == p2.__html || h2.__html == u2.innerHTML) || (u2.innerHTML = h2.__html), t2.__k = [];
+    else if (p2 && (u2.innerHTML = ""), L("template" == t2.type ? u2.content : u2, g(v2) ? v2 : [v2], t2, i2, r2, "foreignObject" == x2 ? "http://www.w3.org/1999/xhtml" : o2, e2, f2, e2 ? e2[0] : i2.__k && $(i2, 0), c2, s2), null != e2) for (a2 = e2.length; a2--; ) b(e2[a2]);
+    c2 || (a2 = "value", "progress" == x2 && null == w2 ? u2.removeAttribute("value") : null != w2 && (w2 !== u2[a2] || "progress" == x2 && !w2 || "option" == x2 && w2 != m2[a2]) && N(u2, a2, w2, m2[a2], o2), a2 = "checked", null != _2 && _2 != u2[a2] && N(u2, a2, _2, m2[a2], o2));
+  }
+  return u2;
+}
+function J(n2, u2, t2) {
+  try {
+    if ("function" == typeof n2) {
+      var i2 = "function" == typeof n2.__u;
+      i2 && n2.__u(), i2 && null == u2 || (n2.__u = n2(u2));
+    } else n2.current = u2;
+  } catch (n3) {
+    l$1.__e(n3, t2);
+  }
+}
+function K(n2, u2, t2) {
+  var i2, r2;
+  if (l$1.unmount && l$1.unmount(n2), (i2 = n2.ref) && (i2.current && i2.current != n2.__e || J(i2, null, u2)), null != (i2 = n2.__c)) {
+    if (i2.componentWillUnmount) try {
+      i2.componentWillUnmount();
+    } catch (n3) {
+      l$1.__e(n3, u2);
+    }
+    i2.base = i2.__P = null;
+  }
+  if (i2 = n2.__k) for (r2 = 0; r2 < i2.length; r2++) i2[r2] && K(i2[r2], u2, t2 || "function" != typeof n2.type);
+  t2 || b(n2.__e), n2.__c = n2.__ = n2.__e = void 0;
+}
+function Q(n2, l2, u2) {
+  return this.constructor(n2, u2);
+}
+function R(u2, t2, i2) {
+  var r2, o2, e2, f2;
+  t2 == document && (t2 = document.documentElement), l$1.__ && l$1.__(u2, t2), o2 = (r2 = false) ? null : t2.__k, e2 = [], f2 = [], q$1(t2, u2 = t2.__k = k$1(S, null, [u2]), o2 || d$1, d$1, t2.namespaceURI, o2 ? null : t2.firstChild ? n.call(t2.childNodes) : null, e2, o2 ? o2.__e : t2.firstChild, r2, f2), D$1(e2, u2, f2);
+}
+n = w$1.slice, l$1 = { __e: function(n2, l2, u2, t2) {
+  for (var i2, r2, o2; l2 = l2.__; ) if ((i2 = l2.__c) && !i2.__) try {
+    if ((r2 = i2.constructor) && null != r2.getDerivedStateFromError && (i2.setState(r2.getDerivedStateFromError(n2)), o2 = i2.__d), null != i2.componentDidCatch && (i2.componentDidCatch(n2, t2 || {}), o2 = i2.__d), o2) return i2.__E = i2;
+  } catch (l3) {
+    n2 = l3;
+  }
+  throw n2;
+} }, u$2 = 0, C$1.prototype.setState = function(n2, l2) {
+  var u2;
+  u2 = null != this.__s && this.__s != this.state ? this.__s : this.__s = m$1({}, this.state), "function" == typeof n2 && (n2 = n2(m$1({}, u2), this.props)), n2 && m$1(u2, n2), null != n2 && this.__v && (l2 && this._sb.push(l2), A$1(this));
+}, C$1.prototype.forceUpdate = function(n2) {
+  this.__v && (this.__e = true, n2 && this.__h.push(n2), A$1(this));
+}, C$1.prototype.render = S, i$1 = [], o$1 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e$1 = function(n2, l2) {
+  return n2.__v.__b - l2.__v.__b;
+}, H.__r = 0, f$2 = Math.random().toString(8), c$1 = "__d" + f$2, s$1 = "__a" + f$2, a$1 = /(PointerCapture)$|Capture$/i, h$1 = 0, p$1 = V(false), v$1 = V(true);
+var f$1 = 0;
+function u$1(e2, t2, n2, o2, i2, u2) {
+  t2 || (t2 = {});
+  var a2, c2, p2 = t2;
+  if ("ref" in p2) for (c2 in p2 = {}, t2) "ref" == c2 ? a2 = t2[c2] : p2[c2] = t2[c2];
+  var l2 = { type: e2, props: p2, key: n2, ref: a2, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f$1, __i: -1, __u: 0, __source: i2, __self: u2 };
+  if ("function" == typeof e2 && (a2 = e2.defaultProps)) for (c2 in a2) void 0 === p2[c2] && (p2[c2] = a2[c2]);
+  return l$1.vnode && l$1.vnode(l2), l2;
+}
+var t, r, u, i, o = 0, f = [], c = l$1, e = c.__b, a = c.__r, v = c.diffed, l = c.__c, m = c.unmount, s = c.__;
+function p(n2, t2) {
+  c.__h && c.__h(r, n2, o || t2), o = 0;
+  var u2 = r.__H || (r.__H = { __: [], __h: [] });
+  return n2 >= u2.__.length && u2.__.push({}), u2.__[n2];
+}
+function d(n2) {
+  return o = 1, h(D, n2);
+}
+function h(n2, u2, i2) {
+  var o2 = p(t++, 2);
+  if (o2.t = n2, !o2.__c && (o2.__ = [D(void 0, u2), function(n3) {
+    var t2 = o2.__N ? o2.__N[0] : o2.__[0], r2 = o2.t(t2, n3);
+    t2 !== r2 && (o2.__N = [r2, o2.__[1]], o2.__c.setState({}));
+  }], o2.__c = r, !r.__f)) {
+    var f2 = function(n3, t2, r2) {
+      if (!o2.__c.__H) return true;
+      var u3 = o2.__c.__H.__.filter(function(n4) {
+        return n4.__c;
+      });
+      if (u3.every(function(n4) {
+        return !n4.__N;
+      })) return !c2 || c2.call(this, n3, t2, r2);
+      var i3 = o2.__c.props !== n3;
+      return u3.some(function(n4) {
+        if (n4.__N) {
+          var t3 = n4.__[0];
+          n4.__ = n4.__N, n4.__N = void 0, t3 !== n4.__[0] && (i3 = true);
+        }
+      }), c2 && c2.call(this, n3, t2, r2) || i3;
+    };
+    r.__f = true;
+    var c2 = r.shouldComponentUpdate, e2 = r.componentWillUpdate;
+    r.componentWillUpdate = function(n3, t2, r2) {
+      if (this.__e) {
+        var u3 = c2;
+        c2 = void 0, f2(n3, t2, r2), c2 = u3;
+      }
+      e2 && e2.call(this, n3, t2, r2);
+    }, r.shouldComponentUpdate = f2;
+  }
+  return o2.__N || o2.__;
+}
+function y(n2, u2) {
+  var i2 = p(t++, 3);
+  !c.__s && C(i2.__H, u2) && (i2.__ = n2, i2.u = u2, r.__H.__h.push(i2));
+}
+function A(n2) {
+  return o = 5, T(function() {
+    return { current: n2 };
+  }, []);
+}
+function T(n2, r2) {
+  var u2 = p(t++, 7);
+  return C(u2.__H, r2) && (u2.__ = n2(), u2.__H = r2, u2.__h = n2), u2.__;
+}
+function q(n2, t2) {
+  return o = 8, T(function() {
+    return n2;
+  }, t2);
+}
+function j() {
+  for (var n2; n2 = f.shift(); ) {
+    var t2 = n2.__H;
+    if (n2.__P && t2) try {
+      t2.__h.some(z), t2.__h.some(B), t2.__h = [];
+    } catch (r2) {
+      t2.__h = [], c.__e(r2, n2.__v);
+    }
+  }
+}
+c.__b = function(n2) {
+  r = null, e && e(n2);
+}, c.__ = function(n2, t2) {
+  n2 && t2.__k && t2.__k.__m && (n2.__m = t2.__k.__m), s && s(n2, t2);
+}, c.__r = function(n2) {
+  a && a(n2), t = 0;
+  var i2 = (r = n2.__c).__H;
+  i2 && (u === r ? (i2.__h = [], r.__h = [], i2.__.some(function(n3) {
+    n3.__N && (n3.__ = n3.__N), n3.u = n3.__N = void 0;
+  })) : (i2.__h.some(z), i2.__h.some(B), i2.__h = [], t = 0)), u = r;
+}, c.diffed = function(n2) {
+  v && v(n2);
+  var t2 = n2.__c;
+  t2 && t2.__H && (t2.__H.__h.length && (1 !== f.push(t2) && i === c.requestAnimationFrame || ((i = c.requestAnimationFrame) || w)(j)), t2.__H.__.some(function(n3) {
+    n3.u && (n3.__H = n3.u), n3.u = void 0;
+  })), u = r = null;
+}, c.__c = function(n2, t2) {
+  t2.some(function(n3) {
+    try {
+      n3.__h.some(z), n3.__h = n3.__h.filter(function(n4) {
+        return !n4.__ || B(n4);
+      });
+    } catch (r2) {
+      t2.some(function(n4) {
+        n4.__h && (n4.__h = []);
+      }), t2 = [], c.__e(r2, n3.__v);
+    }
+  }), l && l(n2, t2);
+}, c.unmount = function(n2) {
+  m && m(n2);
+  var t2, r2 = n2.__c;
+  r2 && r2.__H && (r2.__H.__.some(function(n3) {
+    try {
+      z(n3);
+    } catch (n4) {
+      t2 = n4;
+    }
+  }), r2.__H = void 0, t2 && c.__e(t2, r2.__v));
+};
+var k = "function" == typeof requestAnimationFrame;
+function w(n2) {
+  var t2, r2 = function() {
+    clearTimeout(u2), k && cancelAnimationFrame(t2), setTimeout(n2);
+  }, u2 = setTimeout(r2, 35);
+  k && (t2 = requestAnimationFrame(r2));
+}
+function z(n2) {
+  var t2 = r, u2 = n2.__c;
+  "function" == typeof u2 && (n2.__c = void 0, u2()), r = t2;
+}
+function B(n2) {
+  var t2 = r;
+  n2.__c = n2.__(), r = t2;
+}
+function C(n2, t2) {
+  return !n2 || n2.length !== t2.length || t2.some(function(t3, r2) {
+    return t3 !== n2[r2];
+  });
+}
+function D(n2, t2) {
+  return "function" == typeof t2 ? t2(n2) : t2;
+}
+function CommentPopover({ rect, snippet, defaultAuthor, onCancel, onSubmit }) {
+  const [body, setBody] = d("");
+  const [author, setAuthor] = d(defaultAuthor);
+  const [submitting, setSubmitting] = d(false);
+  const textareaRef = A(null);
+  y(() => {
+    textareaRef.current?.focus();
+  }, []);
+  const handleSubmit = async () => {
+    if (!body.trim() || submitting) return;
+    setSubmitting(true);
+    try {
+      await onSubmit(body.trim(), author.trim() || "Anonymous");
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const handleKey = (e2) => {
+    if (e2.key === "Escape") {
+      e2.preventDefault();
+      onCancel();
+    } else if (e2.key === "Enter" && (e2.metaKey || e2.ctrlKey)) {
+      e2.preventDefault();
+      handleSubmit();
+    }
+  };
+  const sidebarWidth = 360;
+  const popoverWidth = 320;
+  const margin = 12;
+  const viewportW = window.innerWidth - sidebarWidth;
+  let left = rect.x + rect.width + margin;
+  if (left + popoverWidth > viewportW) {
+    left = Math.max(margin, rect.x - popoverWidth - margin);
+  }
+  const top = Math.max(56, Math.min(rect.y, window.innerHeight - 260));
+  return /* @__PURE__ */ u$1(
+    "div",
+    {
+      class: "notes-popover",
+      style: { left: `${left}px`, top: `${top}px` },
+      onClick: (e2) => e2.stopPropagation(),
+      onKeyDown: handleKey,
+      children: [
+        /* @__PURE__ */ u$1("h4", { class: "notes-popover__title", children: "Add comment" }),
+        snippet ? /* @__PURE__ */ u$1("div", { class: "notes-popover__snippet", children: snippet }) : null,
+        /* @__PURE__ */ u$1(
+          "textarea",
+          {
+            ref: textareaRef,
+            placeholder: "Leave a note for the agency...",
+            value: body,
+            onInput: (e2) => setBody(e2.target.value)
+          }
+        ),
+        /* @__PURE__ */ u$1(
+          "input",
+          {
+            type: "text",
+            placeholder: "Your name",
+            value: author,
+            onInput: (e2) => setAuthor(e2.target.value)
+          }
+        ),
+        /* @__PURE__ */ u$1("div", { class: "notes-popover__row", children: [
+          /* @__PURE__ */ u$1("span", { class: "notes-sidebar__hint", children: "⌘+Enter to save" }),
+          /* @__PURE__ */ u$1("div", { style: { display: "flex", gap: "6px" }, children: [
+            /* @__PURE__ */ u$1("button", { class: "notes-btn notes-btn--ghost", onClick: onCancel, disabled: submitting, children: "Cancel" }),
+            /* @__PURE__ */ u$1("button", { class: "notes-btn notes-btn--primary", onClick: handleSubmit, disabled: !body.trim() || submitting, children: submitting ? "Saving..." : "Save" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function ElementHighlight({ rect, persistent }) {
+  if (!rect) return null;
+  return /* @__PURE__ */ u$1(
+    "div",
+    {
+      class: `notes-highlight ${persistent ? "notes-highlight--persistent" : ""}`,
+      style: {
+        left: `${rect.x}px`,
+        top: `${rect.y}px`,
+        width: `${rect.width}px`,
+        height: `${rect.height}px`
+      }
+    }
+  );
+}
+function SelectionTooltip({ rect, onComment, onSuggest }) {
+  const tooltipWidth = 220;
+  const tooltipHeight = 36;
+  const margin = 8;
+  let left = rect.x + rect.width / 2 - tooltipWidth / 2;
+  left = Math.max(margin, Math.min(left, window.innerWidth - tooltipWidth - margin - 360));
+  let top = rect.y - tooltipHeight - margin;
+  if (top < 56) {
+    top = rect.y + rect.height + margin;
+  }
+  return /* @__PURE__ */ u$1(
+    "div",
+    {
+      class: "notes-selection-tooltip",
+      style: { left: `${left}px`, top: `${top}px`, width: `${tooltipWidth}px` },
+      onMouseDown: (e2) => {
+        e2.preventDefault();
+      },
+      children: [
+        /* @__PURE__ */ u$1("button", { class: "notes-btn notes-btn--ghost", onClick: onComment, children: "💬 Comment" }),
+        /* @__PURE__ */ u$1("button", { class: "notes-btn notes-btn--primary", onClick: onSuggest, children: "✏️ Suggest edit" })
+      ]
+    }
+  );
+}
+function DiffPreview({ original, suggested }) {
+  return /* @__PURE__ */ u$1("div", { class: "notes-diff", children: [
+    /* @__PURE__ */ u$1("div", { class: "notes-diff__row notes-diff__row--del", children: [
+      /* @__PURE__ */ u$1("span", { class: "notes-diff__marker", children: "−" }),
+      /* @__PURE__ */ u$1("span", { class: "notes-strikethrough", children: original })
+    ] }),
+    /* @__PURE__ */ u$1("div", { class: "notes-diff__row notes-diff__row--ins", children: [
+      /* @__PURE__ */ u$1("span", { class: "notes-diff__marker", children: "+" }),
+      /* @__PURE__ */ u$1("span", { children: suggested })
+    ] })
+  ] });
+}
+function StaleWarning({ reason }) {
+  return /* @__PURE__ */ u$1("div", { class: "notes-stale", title: reason, children: [
+    /* @__PURE__ */ u$1("span", { class: "notes-stale__icon", children: "⚠" }),
+    /* @__PURE__ */ u$1("span", { children: "Anchor text not found on this page" })
+  ] });
+}
+function formatTime(iso) {
+  try {
+    const d2 = new Date(iso);
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - d2.getTime();
+    const diffMin = Math.floor(diffMs / 6e4);
+    if (diffMin < 1) return "just now";
+    if (diffMin < 60) return `${diffMin}m ago`;
+    const diffHr = Math.floor(diffMin / 60);
+    if (diffHr < 24) return `${diffHr}h ago`;
+    const diffDays = Math.floor(diffHr / 24);
+    if (diffDays < 7) return `${diffDays}d ago`;
+    return d2.toLocaleDateString();
+  } catch {
+    return iso;
+  }
+}
+function SidebarItem({ item, active, stale, applying, onFocus, onResolve, onReopen, onDelete, onApply }) {
+  const isResolved = item.status === "resolved" || item.status === "applied";
+  const isApplied = item.status === "applied";
+  const isSuggestion = item.type === "suggestion" && item.range;
+  const canApply = isSuggestion && !isApplied && !stale;
+  return /* @__PURE__ */ u$1(
+    "div",
+    {
+      class: `notes-item ${active ? "notes-item--active" : ""} ${isResolved ? "notes-item--resolved" : ""}`,
+      onMouseEnter: onFocus,
+      children: [
+        /* @__PURE__ */ u$1("div", { class: "notes-item__head", children: [
+          /* @__PURE__ */ u$1("div", { children: [
+            /* @__PURE__ */ u$1("span", { class: `notes-item__badge notes-item__badge--${item.type}`, children: item.type }),
+            isResolved ? /* @__PURE__ */ u$1("span", { class: "notes-item__badge notes-item__badge--resolved", children: item.status }) : null,
+            /* @__PURE__ */ u$1("span", { class: "notes-item__author", children: item.author })
+          ] }),
+          /* @__PURE__ */ u$1("span", { class: "notes-item__time", children: formatTime(item.createdAt) })
+        ] }),
+        stale && isSuggestion ? /* @__PURE__ */ u$1(StaleWarning, {}) : null,
+        isSuggestion && item.range ? /* @__PURE__ */ u$1(S, { children: [
+          /* @__PURE__ */ u$1(DiffPreview, { original: item.range.originalText, suggested: item.range.suggestedText }),
+          item.range.rationale ? /* @__PURE__ */ u$1("div", { class: "notes-item__rationale", children: [
+            /* @__PURE__ */ u$1("span", { class: "notes-item__rationale-label", children: "Why:" }),
+            " ",
+            item.range.rationale
+          ] }) : null,
+          item.body ? /* @__PURE__ */ u$1("div", { class: "notes-item__body", children: item.body }) : null
+        ] }) : /* @__PURE__ */ u$1(S, { children: [
+          item.targetSnippet ? /* @__PURE__ */ u$1("div", { class: "notes-item__snippet", children: item.targetSnippet }) : null,
+          /* @__PURE__ */ u$1("div", { class: "notes-item__body", children: item.body })
+        ] }),
+        /* @__PURE__ */ u$1("div", { class: "notes-item__actions", children: [
+          canApply ? /* @__PURE__ */ u$1("button", { class: "notes-btn notes-btn--primary", onClick: onApply, disabled: applying, children: applying ? "Applying..." : "Apply" }) : null,
+          isResolved ? /* @__PURE__ */ u$1("button", { class: "notes-btn notes-btn--ghost", onClick: onReopen, children: "Reopen" }) : /* @__PURE__ */ u$1("button", { class: "notes-btn", onClick: onResolve, children: "Resolve" }),
+          /* @__PURE__ */ u$1("button", { class: "notes-btn notes-btn--ghost notes-btn--danger", onClick: onDelete, children: "Delete" })
+        ] })
+      ]
+    }
+  );
+}
+function Sidebar({ page, items, activeId, picking, error, staleIds, applyingId, onFocus, onResolve, onReopen, onDelete, onApply }) {
+  const open = items.filter((i2) => i2.status !== "resolved" && i2.status !== "applied");
+  const closed = items.filter((i2) => i2.status === "resolved" || i2.status === "applied");
+  const renderItem = (item) => /* @__PURE__ */ u$1(
+    SidebarItem,
+    {
+      item,
+      active: item.id === activeId,
+      stale: staleIds.has(item.id),
+      applying: applyingId === item.id,
+      onFocus: () => onFocus(item.id),
+      onResolve: () => onResolve(item.id),
+      onReopen: () => onReopen(item.id),
+      onDelete: () => onDelete(item.id),
+      onApply: () => onApply(item.id)
+    },
+    item.id
+  );
+  return /* @__PURE__ */ u$1("aside", { class: "notes-sidebar", children: [
+    /* @__PURE__ */ u$1("header", { class: "notes-sidebar__header", children: [
+      /* @__PURE__ */ u$1("h3", { class: "notes-sidebar__title", children: "Review notes" }),
+      /* @__PURE__ */ u$1("div", { class: "notes-sidebar__meta", children: [
+        open.length,
+        " open · ",
+        closed.length,
+        " resolved · ",
+        /* @__PURE__ */ u$1("code", { children: page })
+      ] })
+    ] }),
+    /* @__PURE__ */ u$1("div", { class: "notes-sidebar__list", children: [
+      error ? /* @__PURE__ */ u$1("div", { class: "notes-banner", children: error }) : null,
+      items.length === 0 ? /* @__PURE__ */ u$1("div", { class: "notes-sidebar__empty", children: picking ? "Click any text or element on the page to add a comment." : 'Select text on the page to suggest an edit, or click "Pick element" to comment.' }) : null,
+      open.map(renderItem),
+      closed.length > 0 ? /* @__PURE__ */ u$1(S, { children: [
+        /* @__PURE__ */ u$1("div", { class: "notes-sidebar__meta", style: { marginTop: "4px" }, children: "Resolved" }),
+        closed.map(renderItem)
+      ] }) : null
+    ] })
+  ] });
+}
+function SuggestPopover({ rect, originalText, defaultAuthor, onCancel, onSubmit }) {
+  const [suggested, setSuggested] = d(originalText);
+  const [rationale, setRationale] = d("");
+  const [body, setBody] = d("");
+  const [author, setAuthor] = d(defaultAuthor);
+  const [submitting, setSubmitting] = d(false);
+  const textareaRef = A(null);
+  y(() => {
+    const ta = textareaRef.current;
+    if (ta) {
+      ta.focus();
+      ta.select();
+    }
+  }, []);
+  const dirty = suggested.trim() !== originalText.trim();
+  const handleSubmit = async () => {
+    if (!dirty || submitting) return;
+    setSubmitting(true);
+    try {
+      await onSubmit({
+        suggestedText: suggested,
+        rationale: rationale.trim(),
+        body: body.trim(),
+        author: author.trim() || "Anonymous"
+      });
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const handleKey = (e2) => {
+    if (e2.key === "Escape") {
+      e2.preventDefault();
+      onCancel();
+    } else if (e2.key === "Enter" && (e2.metaKey || e2.ctrlKey)) {
+      e2.preventDefault();
+      handleSubmit();
+    }
+  };
+  const sidebarWidth = 360;
+  const popoverWidth = 360;
+  const margin = 12;
+  const viewportW = window.innerWidth - sidebarWidth;
+  let left = rect.x + rect.width + margin;
+  if (left + popoverWidth > viewportW) {
+    left = Math.max(margin, rect.x - popoverWidth - margin);
+    if (left < margin) left = margin;
+  }
+  const top = Math.max(56, Math.min(rect.y, window.innerHeight - 360));
+  return /* @__PURE__ */ u$1(
+    "div",
+    {
+      class: "notes-popover notes-popover--suggest",
+      style: { left: `${left}px`, top: `${top}px`, width: `${popoverWidth}px` },
+      onClick: (e2) => e2.stopPropagation(),
+      onMouseDown: (e2) => e2.stopPropagation(),
+      onKeyDown: handleKey,
+      children: [
+        /* @__PURE__ */ u$1("h4", { class: "notes-popover__title", children: "Suggest edit" }),
+        /* @__PURE__ */ u$1("div", { class: "notes-popover__original", children: [
+          /* @__PURE__ */ u$1("span", { class: "notes-popover__label", children: "Original" }),
+          /* @__PURE__ */ u$1("span", { class: "notes-strikethrough", children: originalText })
+        ] }),
+        /* @__PURE__ */ u$1("div", { children: [
+          /* @__PURE__ */ u$1("label", { class: "notes-popover__label", for: "nua-suggest-text", children: "Replacement" }),
+          /* @__PURE__ */ u$1(
+            "textarea",
+            {
+              ref: textareaRef,
+              id: "nua-suggest-text",
+              value: suggested,
+              onInput: (e2) => setSuggested(e2.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u$1("div", { children: [
+          /* @__PURE__ */ u$1("label", { class: "notes-popover__label", for: "nua-suggest-rationale", children: "Why? (optional)" }),
+          /* @__PURE__ */ u$1(
+            "input",
+            {
+              type: "text",
+              id: "nua-suggest-rationale",
+              placeholder: "Stronger framing, fixes typo, ...",
+              value: rationale,
+              onInput: (e2) => setRationale(e2.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u$1("div", { children: [
+          /* @__PURE__ */ u$1("label", { class: "notes-popover__label", for: "nua-suggest-body", children: "Note (optional)" }),
+          /* @__PURE__ */ u$1(
+            "input",
+            {
+              type: "text",
+              id: "nua-suggest-body",
+              placeholder: "Anything else for the agency",
+              value: body,
+              onInput: (e2) => setBody(e2.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u$1(
+          "input",
+          {
+            type: "text",
+            placeholder: "Your name",
+            value: author,
+            onInput: (e2) => setAuthor(e2.target.value)
+          }
+        ),
+        /* @__PURE__ */ u$1("div", { class: "notes-popover__row", children: [
+          /* @__PURE__ */ u$1("span", { class: "notes-sidebar__hint", children: dirty ? "⌘+Enter to save" : "Edit the replacement to enable save" }),
+          /* @__PURE__ */ u$1("div", { style: { display: "flex", gap: "6px" }, children: [
+            /* @__PURE__ */ u$1("button", { class: "notes-btn notes-btn--ghost", onClick: onCancel, disabled: submitting, children: "Cancel" }),
+            /* @__PURE__ */ u$1(
+              "button",
+              {
+                class: "notes-btn notes-btn--primary",
+                onClick: handleSubmit,
+                disabled: !dirty || submitting,
+                children: submitting ? "Saving..." : "Save suggestion"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function Toolbar({ page, count, picking, onTogglePick, onExit }) {
+  return /* @__PURE__ */ u$1("div", { class: "notes-toolbar", children: [
+    /* @__PURE__ */ u$1("div", { class: "notes-toolbar__brand", children: [
+      /* @__PURE__ */ u$1("span", { class: "notes-toolbar__dot" }),
+      /* @__PURE__ */ u$1("span", { children: "Notes" }),
+      /* @__PURE__ */ u$1("span", { class: "notes-toolbar__page", children: [
+        page,
+        " · ",
+        count,
+        " ",
+        count === 1 ? "item" : "items"
+      ] })
+    ] }),
+    /* @__PURE__ */ u$1("div", { class: "notes-toolbar__actions", children: [
+      /* @__PURE__ */ u$1(
+        "button",
+        {
+          class: `notes-btn ${picking ? "notes-btn--primary" : ""}`,
+          onClick: onTogglePick,
+          title: "Click any text or element on the page to leave a comment",
+          children: picking ? "Cancel pick" : "Pick element"
+        }
+      ),
+      /* @__PURE__ */ u$1("button", { class: "notes-btn notes-btn--ghost", onClick: onExit, title: "Leave review mode", children: "Exit" })
+    ] })
+  ] });
+}
+function manifestUrlForPage(page) {
+  if (page === "" || page === "/") return "/index.json";
+  const trimmed = page.replace(/^\/+|\/+$/g, "");
+  return `/${trimmed}.json`;
+}
+async function fetchPageManifest(page) {
+  const url = manifestUrlForPage(page);
+  try {
+    const res = await fetch(url, { headers: { Accept: "application/json" }, signal: AbortSignal.timeout(1e4) });
+    if (!res.ok) return null;
+    const data = await res.json();
+    return data;
+  } catch (err) {
+    console.warn(`[nuasite-notes] Failed to fetch CMS manifest for "${page}":`, err instanceof Error ? err.message : err);
+    return null;
+  }
+}
+const BASE = "/_nua/notes";
+const TIMEOUT_MS = 1e4;
+async function postJson(path, body) {
+  const res = await fetch(`${BASE}${path}`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body),
+    signal: AbortSignal.timeout(TIMEOUT_MS)
+  });
+  const text = await res.text();
+  let parsed;
+  try {
+    parsed = text ? JSON.parse(text) : {};
+  } catch {
+    throw new Error(`notes: invalid JSON response from ${path}`);
+  }
+  if (!res.ok) {
+    throw new Error(parsed?.error ?? `notes: ${path} failed (${res.status})`);
+  }
+  return parsed;
+}
+async function listNotes(page) {
+  const res = await fetch(`${BASE}/list?page=${encodeURIComponent(page)}`, {
+    headers: { Accept: "application/json" },
+    signal: AbortSignal.timeout(TIMEOUT_MS)
+  });
+  if (!res.ok) throw new Error(`notes: list failed (${res.status})`);
+  return await res.json();
+}
+async function createNote(input) {
+  const res = await postJson("/create", input);
+  return res.item;
+}
+async function updateNote(page, id, patch) {
+  const res = await postJson("/update", { page, id, patch });
+  return res.item;
+}
+async function setNoteStatus(page, id, status) {
+  if (status === "resolved") {
+    const res = await postJson("/resolve", { page, id });
+    return res.item;
+  }
+  if (status === "open") {
+    const res = await postJson("/reopen", { page, id });
+    return res.item;
+  }
+  return updateNote(page, id, { status });
+}
+async function deleteNote(page, id) {
+  await postJson("/delete", { page, id });
+}
+async function applyNote(page, id) {
+  const res = await fetch(`${BASE}/apply`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ page, id }),
+    signal: AbortSignal.timeout(TIMEOUT_MS)
+  });
+  const text = await res.text();
+  let parsed;
+  try {
+    parsed = text ? JSON.parse(text) : {};
+  } catch {
+    throw new Error(`notes: invalid JSON response from /apply`);
+  }
+  if (res.status === 409) {
+    return parsed;
+  }
+  if (!res.ok) {
+    throw new Error(parsed?.error ?? `notes: /apply failed (${res.status})`);
+  }
+  return parsed;
+}
+function collectTextNodes(el) {
+  const nodes = [];
+  let joined = "";
+  const walker = el.ownerDocument.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+  let cur = walker.nextNode();
+  while (cur) {
+    const text = cur.nodeValue ?? "";
+    nodes.push({ node: cur, start: joined.length, end: joined.length + text.length });
+    joined += text;
+    cur = walker.nextNode();
+  }
+  return { joined, nodes };
+}
+function offsetToNode(nodes, offset) {
+  for (const n2 of nodes) {
+    if (offset >= n2.start && offset <= n2.end) {
+      return { node: n2.node, offset: offset - n2.start };
+    }
+  }
+  return null;
+}
+function rangeFromOffsets(el, start, end) {
+  const { joined, nodes } = collectTextNodes(el);
+  if (start < 0 || end > joined.length || start >= end) return null;
+  const startPos = offsetToNode(nodes, start);
+  const endPos = offsetToNode(nodes, end);
+  if (!startPos || !endPos) return null;
+  const range = el.ownerDocument.createRange();
+  range.setStart(startPos.node, startPos.offset);
+  range.setEnd(endPos.node, endPos.offset);
+  return range;
+}
+function collapseWhitespace(s2) {
+  return s2.replace(/\s+/g, " ").trim();
+}
+function findAnchorRange(el, anchorText) {
+  if (!anchorText) return null;
+  const { joined } = collectTextNodes(el);
+  if (!joined) return null;
+  const idx = joined.indexOf(anchorText);
+  if (idx >= 0) {
+    const range2 = rangeFromOffsets(el, idx, idx + anchorText.length);
+    if (range2) return { range: range2, rect: range2.getBoundingClientRect(), start: idx, end: idx + anchorText.length };
+  }
+  const collapsedAnchor = collapseWhitespace(anchorText);
+  if (!collapsedAnchor) return null;
+  const map = [];
+  let collapsed = "";
+  let prevWs = false;
+  for (let i2 = 0; i2 < joined.length; i2++) {
+    const ch = joined[i2];
+    const isWs = /\s/.test(ch);
+    if (isWs) {
+      if (collapsed.length === 0) continue;
+      if (prevWs) continue;
+      collapsed += " ";
+      map.push(i2);
+      prevWs = true;
+    } else {
+      collapsed += ch;
+      map.push(i2);
+      prevWs = false;
+    }
+  }
+  const trimmed = collapsed.replace(/\s+$/, "");
+  const cIdx = trimmed.indexOf(collapsedAnchor);
+  if (cIdx < 0) return null;
+  const startOrig = map[cIdx];
+  const endOrigInclusive = map[cIdx + collapsedAnchor.length - 1];
+  if (startOrig == null || endOrigInclusive == null) return null;
+  const range = rangeFromOffsets(el, startOrig, endOrigInclusive + 1);
+  if (!range) return null;
+  return { range, rect: range.getBoundingClientRect(), start: startOrig, end: endOrigInclusive + 1 };
+}
+function selectionInsideElement(el, selection) {
+  if (selection.rangeCount === 0) return null;
+  const range = selection.getRangeAt(0);
+  if (range.collapsed) return null;
+  if (!el.contains(range.startContainer) || !el.contains(range.endContainer)) return null;
+  const text = range.toString();
+  if (!text.trim()) return null;
+  return { text, rect: range.getBoundingClientRect() };
+}
+const COOKIE = "nua-notes-mode";
+function isReviewMode(urlFlag) {
+  if (typeof window === "undefined") return false;
+  const url = new URL(window.location.href);
+  if (url.searchParams.has(urlFlag)) return true;
+  return document.cookie.split("; ").some((c2) => c2.startsWith(`${COOKIE}=1`));
+}
+function setReviewModeCookie() {
+  document.cookie = `${COOKIE}=1; path=/; SameSite=Lax`;
+}
+function clearReviewModeCookie() {
+  document.cookie = `${COOKIE}=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT; SameSite=Lax`;
+}
+function exitReviewMode(urlFlag) {
+  clearReviewModeCookie();
+  const url = new URL(window.location.href);
+  url.searchParams.delete(urlFlag);
+  window.location.href = url.pathname + (url.search || "") + url.hash;
+}
+function getCurrentPagePath() {
+  if (typeof window === "undefined") return "/";
+  const p2 = window.location.pathname;
+  if (p2 === "" || p2 === "/") return "/";
+  return p2.endsWith("/") ? p2.slice(0, -1) : p2;
+}
+const AUTHOR_KEY = "nua-notes-author";
+function loadAuthor() {
+  try {
+    return localStorage.getItem(AUTHOR_KEY) || "";
+  } catch {
+    return "";
+  }
+}
+function saveAuthor(name) {
+  try {
+    localStorage.setItem(AUTHOR_KEY, name);
+  } catch {
+  }
+}
+function getRect(el) {
+  const r2 = el.getBoundingClientRect();
+  return { x: r2.x, y: r2.y, width: r2.width, height: r2.height };
+}
+function rectFromDom(r2) {
+  return { x: r2.x, y: r2.y, width: r2.width, height: r2.height };
+}
+function findCmsAncestor(target) {
+  let el = target;
+  while (el && el.nodeType === 1) {
+    if (el.hasAttribute?.("data-cms-id")) return el;
+    el = el.parentElement;
+  }
+  return null;
+}
+function App({ urlFlag }) {
+  const page = T(() => getCurrentPagePath(), []);
+  const [items, setItems] = d([]);
+  const [manifest, setManifest] = d(null);
+  const [picking, setPicking] = d(false);
+  const [hoverRect, setHoverRect] = d(null);
+  const [pendingPick, setPendingPick] = d(null);
+  const [pendingSuggest, setPendingSuggest] = d(null);
+  const [pendingSelection, setPendingSelection] = d(null);
+  const [activeId, setActiveId] = d(null);
+  const [activeRect, setActiveRect] = d(null);
+  const [error, setError] = d(null);
+  const [author, setAuthor] = d(() => loadAuthor());
+  const [staleIds, setStaleIds] = d(/* @__PURE__ */ new Set());
+  const [applyingId, setApplyingId] = d(null);
+  y(() => {
+    let alive = true;
+    Promise.all([listNotes(page), fetchPageManifest(page)]).then(([file, mf]) => {
+      if (!alive) return;
+      setItems(file.items);
+      setManifest(mf);
+    }).catch((err) => {
+      if (!alive) return;
+      setError(err instanceof Error ? err.message : String(err));
+    });
+    return () => {
+      alive = false;
+    };
+  }, [page]);
+  y(() => {
+    const stale = /* @__PURE__ */ new Set();
+    for (const item of items) {
+      if (item.type !== "suggestion" || !item.range) continue;
+      const el = document.querySelector(`[data-cms-id="${item.targetCmsId}"]`);
+      if (!el) {
+        stale.add(item.id);
+        continue;
+      }
+      const match = findAnchorRange(el, item.range.anchorText);
+      if (!match) stale.add(item.id);
+    }
+    setStaleIds(stale);
+  }, [items]);
+  y(() => {
+    if (!activeId) {
+      setActiveRect(null);
+      return;
+    }
+    const item = items.find((i2) => i2.id === activeId);
+    if (!item) return;
+    const el = document.querySelector(`[data-cms-id="${item.targetCmsId}"]`);
+    if (!el) {
+      setActiveRect(null);
+      return;
+    }
+    const updateRect = () => {
+      if (item.type === "suggestion" && item.range) {
+        const match = findAnchorRange(el, item.range.anchorText);
+        if (match) {
+          setActiveRect(rectFromDom(match.rect));
+          return;
+        }
+      }
+      setActiveRect(getRect(el));
+    };
+    updateRect();
+    window.addEventListener("scroll", updateRect, true);
+    window.addEventListener("resize", updateRect);
+    return () => {
+      window.removeEventListener("scroll", updateRect, true);
+      window.removeEventListener("resize", updateRect);
+    };
+  }, [activeId, items]);
+  y(() => {
+    if (!picking) {
+      setHoverRect(null);
+      return;
+    }
+    const onMove = (e2) => {
+      const el = findCmsAncestor(e2.target);
+      if (!el) {
+        setHoverRect(null);
+        return;
+      }
+      const cmsId = el.getAttribute("data-cms-id");
+      setHoverRect({ cmsId, rect: getRect(el) });
+    };
+    const onClick = (e2) => {
+      const el = findCmsAncestor(e2.target);
+      if (!el) return;
+      e2.preventDefault();
+      e2.stopPropagation();
+      const cmsId = el.getAttribute("data-cms-id");
+      const text = (el.textContent || "").trim().slice(0, 200);
+      setPendingPick({ cmsId, rect: getRect(el), snippet: text });
+      setPicking(false);
+    };
+    document.addEventListener("mousemove", onMove, true);
+    document.addEventListener("click", onClick, true);
+    return () => {
+      document.removeEventListener("mousemove", onMove, true);
+      document.removeEventListener("click", onClick, true);
+    };
+  }, [picking]);
+  y(() => {
+    if (picking || pendingPick || pendingSuggest) {
+      setPendingSelection(null);
+      return;
+    }
+    const onSelectionChange = () => {
+      const sel = document.getSelection();
+      if (!sel || sel.rangeCount === 0 || sel.isCollapsed) {
+        setPendingSelection(null);
+        return;
+      }
+      const range = sel.getRangeAt(0);
+      const startEl = range.startContainer.nodeType === 3 ? range.startContainer.parentElement : range.startContainer;
+      if (!startEl) return;
+      const cmsEl = findCmsAncestor(startEl);
+      if (!cmsEl) {
+        setPendingSelection(null);
+        return;
+      }
+      if (!cmsEl.contains(range.endContainer)) {
+        setPendingSelection(null);
+        return;
+      }
+      const inside = selectionInsideElement(cmsEl, sel);
+      if (!inside) {
+        setPendingSelection(null);
+        return;
+      }
+      const cmsId = cmsEl.getAttribute("data-cms-id");
+      const elementSnippet = (cmsEl.textContent || "").trim().slice(0, 200);
+      setPendingSelection({
+        cmsId,
+        anchorText: inside.text,
+        rect: rectFromDom(inside.rect),
+        elementRect: getRect(cmsEl),
+        elementSnippet
+      });
+    };
+    document.addEventListener("selectionchange", onSelectionChange);
+    return () => document.removeEventListener("selectionchange", onSelectionChange);
+  }, [picking, pendingPick, pendingSuggest]);
+  const handleCreateComment = q(
+    async (body, authorName) => {
+      if (!pendingPick) return;
+      saveAuthor(authorName);
+      setAuthor(authorName);
+      const entry = manifest?.entries?.[pendingPick.cmsId];
+      try {
+        const item = await createNote({
+          page,
+          type: "comment",
+          targetCmsId: pendingPick.cmsId,
+          targetSourcePath: entry?.sourcePath,
+          targetSourceLine: entry?.sourceLine,
+          targetSnippet: entry?.sourceSnippet ?? pendingPick.snippet,
+          body,
+          author: authorName
+        });
+        setItems((prev) => [...prev, item]);
+        setActiveId(item.id);
+        setPendingPick(null);
+        setError(null);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      }
+    },
+    [page, pendingPick, manifest]
+  );
+  const handleCreateSuggestion = q(
+    async (input) => {
+      if (!pendingSuggest) return;
+      saveAuthor(input.author);
+      setAuthor(input.author);
+      const entry = manifest?.entries?.[pendingSuggest.cmsId];
+      try {
+        const item = await createNote({
+          page,
+          type: "suggestion",
+          targetCmsId: pendingSuggest.cmsId,
+          targetSourcePath: entry?.sourcePath,
+          targetSourceLine: entry?.sourceLine,
+          targetSnippet: entry?.sourceSnippet ?? pendingSuggest.elementSnippet,
+          range: {
+            anchorText: pendingSuggest.anchorText,
+            originalText: pendingSuggest.anchorText,
+            suggestedText: input.suggestedText,
+            rationale: input.rationale || void 0
+          },
+          body: input.body,
+          author: input.author
+        });
+        setItems((prev) => [...prev, item]);
+        setActiveId(item.id);
+        setPendingSuggest(null);
+        setPendingSelection(null);
+        try {
+          document.getSelection()?.removeAllRanges();
+        } catch {
+        }
+        setError(null);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      }
+    },
+    [page, pendingSuggest, manifest]
+  );
+  const handleResolve = q(async (id) => {
+    try {
+      const item = await setNoteStatus(page, id, "resolved");
+      setItems((prev) => prev.map((i2) => i2.id === id ? item : i2));
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    }
+  }, [page]);
+  const handleReopen = q(async (id) => {
+    try {
+      const item = await setNoteStatus(page, id, "open");
+      setItems((prev) => prev.map((i2) => i2.id === id ? item : i2));
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    }
+  }, [page]);
+  const handleDelete = q(async (id) => {
+    try {
+      await deleteNote(page, id);
+      setItems((prev) => prev.filter((i2) => i2.id !== id));
+      if (activeId === id) setActiveId(null);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    }
+  }, [page, activeId]);
+  const handleApply = q(async (id) => {
+    setApplyingId(id);
+    try {
+      const result = await applyNote(page, id);
+      setItems((prev) => prev.map((i2) => i2.id === id ? result.item : i2));
+      if (result.error) {
+        setError(result.error);
+      } else {
+        setError(null);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setApplyingId(null);
+    }
+  }, [page]);
+  const handleSelectionComment = q(() => {
+    if (!pendingSelection) return;
+    setPendingPick({
+      cmsId: pendingSelection.cmsId,
+      rect: pendingSelection.elementRect,
+      snippet: pendingSelection.anchorText
+    });
+    setPendingSelection(null);
+  }, [pendingSelection]);
+  const handleSelectionSuggest = q(() => {
+    if (!pendingSelection) return;
+    setPendingSuggest(pendingSelection);
+    setPendingSelection(null);
+  }, [pendingSelection]);
+  return /* @__PURE__ */ u$1("div", { class: "notes-root", children: [
+    /* @__PURE__ */ u$1(
+      Toolbar,
+      {
+        page,
+        count: items.length,
+        picking,
+        onTogglePick: () => {
+          setPicking((p2) => !p2);
+          setPendingPick(null);
+          setPendingSuggest(null);
+        },
+        onExit: () => exitReviewMode(urlFlag)
+      }
+    ),
+    /* @__PURE__ */ u$1(
+      Sidebar,
+      {
+        page,
+        items,
+        activeId,
+        picking,
+        error,
+        staleIds,
+        applyingId,
+        onFocus: setActiveId,
+        onResolve: handleResolve,
+        onReopen: handleReopen,
+        onDelete: handleDelete,
+        onApply: handleApply
+      }
+    ),
+    picking && hoverRect ? /* @__PURE__ */ u$1(ElementHighlight, { rect: hoverRect.rect }) : null,
+    activeRect ? /* @__PURE__ */ u$1(ElementHighlight, { rect: activeRect, persistent: true }) : null,
+    pendingSelection && !pendingPick && !pendingSuggest ? /* @__PURE__ */ u$1(
+      SelectionTooltip,
+      {
+        rect: pendingSelection.rect,
+        onComment: handleSelectionComment,
+        onSuggest: handleSelectionSuggest
+      }
+    ) : null,
+    pendingPick ? /* @__PURE__ */ u$1(
+      CommentPopover,
+      {
+        rect: pendingPick.rect,
+        snippet: pendingPick.snippet,
+        defaultAuthor: author,
+        onCancel: () => setPendingPick(null),
+        onSubmit: handleCreateComment
+      }
+    ) : null,
+    pendingSuggest ? /* @__PURE__ */ u$1(
+      SuggestPopover,
+      {
+        rect: pendingSuggest.rect,
+        originalText: pendingSuggest.anchorText,
+        defaultAuthor: author,
+        onCancel: () => {
+          setPendingSuggest(null);
+          try {
+            document.getSelection()?.removeAllRanges();
+          } catch {
+          }
+        },
+        onSubmit: handleCreateSuggestion
+      }
+    ) : null
+  ] });
+}
+const STYLE_ID = "nua-notes-cms-bridge";
+const HIDE_CMS_CSS = `
+	#cms-app-host { display: none !important; }
+	[data-nuasite-cms] { display: none !important; }
+	/* Allow notes to handle clicks on annotated elements without CMS interfering */
+	[data-cms-id] { cursor: default !important; }
+`;
+function enableCmsBridge() {
+  if (document.getElementById(STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = HIDE_CMS_CSS;
+  document.head.appendChild(style);
+}
+const OVERLAY_STYLES = "/**\n * @nuasite/notes overlay styles.\n *\n * Imported via Vite's `?inline` query and injected into a shadow root, so\n * these styles never leak into the host page (and the host page can't\n * accidentally style notes UI). Variables on `:host` are the only knobs.\n */\n\n:host {\n	--notes-bg: #ffffff;\n	--notes-fg: #0f172a;\n	--notes-muted: #64748b;\n	--notes-border: #e2e8f0;\n	--notes-accent: #f59e0b;\n	--notes-accent-fg: #1f2937;\n	--notes-danger: #dc2626;\n	--notes-success: #16a34a;\n	--notes-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);\n	--notes-radius: 10px;\n	--notes-sidebar-w: 360px;\n	--notes-z: 2147483600;\n\n	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n	font-size: 14px;\n	line-height: 1.45;\n	color: var(--notes-fg);\n	-webkit-font-smoothing: antialiased;\n}\n\n* {\n	box-sizing: border-box;\n}\n\nbutton {\n	font: inherit;\n	cursor: pointer;\n	border: none;\n	background: none;\n	color: inherit;\n	padding: 0;\n}\n\ninput,\ntextarea {\n	font: inherit;\n	color: inherit;\n}\n\n.notes-root {\n	position: fixed;\n	inset: 0;\n	pointer-events: none;\n	z-index: var(--notes-z);\n}\n\n/* Toolbar (top, full width) */\n.notes-toolbar {\n	position: fixed;\n	top: 0;\n	left: 0;\n	right: 0;\n	height: 44px;\n	background: var(--notes-bg);\n	border-bottom: 1px solid var(--notes-border);\n	display: flex;\n	align-items: center;\n	justify-content: space-between;\n	padding: 0 16px;\n	box-shadow: var(--notes-shadow);\n	pointer-events: auto;\n}\n\n.notes-toolbar__brand {\n	display: flex;\n	align-items: center;\n	gap: 8px;\n	font-weight: 600;\n}\n\n.notes-toolbar__dot {\n	width: 8px;\n	height: 8px;\n	border-radius: 50%;\n	background: var(--notes-accent);\n	box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2);\n}\n\n.notes-toolbar__page {\n	color: var(--notes-muted);\n	font-weight: 400;\n	margin-left: 12px;\n	font-size: 13px;\n}\n\n.notes-toolbar__actions {\n	display: flex;\n	align-items: center;\n	gap: 8px;\n}\n\n.notes-btn {\n	padding: 6px 12px;\n	border-radius: 6px;\n	background: #f1f5f9;\n	color: var(--notes-fg);\n	font-size: 13px;\n	font-weight: 500;\n	transition: background 0.15s;\n}\n\n.notes-btn:hover {\n	background: #e2e8f0;\n}\n\n.notes-btn--primary {\n	background: var(--notes-accent);\n	color: var(--notes-accent-fg);\n}\n\n.notes-btn--primary:hover {\n	background: #d97706;\n	color: #ffffff;\n}\n\n.notes-btn--ghost {\n	background: transparent;\n	color: var(--notes-muted);\n}\n\n.notes-btn--ghost:hover {\n	color: var(--notes-fg);\n	background: #f1f5f9;\n}\n\n.notes-btn--danger {\n	color: var(--notes-danger);\n}\n\n/* Sidebar (right side) */\n.notes-sidebar {\n	position: fixed;\n	top: 44px;\n	right: 0;\n	bottom: 0;\n	width: var(--notes-sidebar-w);\n	background: var(--notes-bg);\n	border-left: 1px solid var(--notes-border);\n	box-shadow: var(--notes-shadow);\n	display: flex;\n	flex-direction: column;\n	pointer-events: auto;\n}\n\n.notes-sidebar__header {\n	padding: 16px 16px 12px;\n	border-bottom: 1px solid var(--notes-border);\n}\n\n.notes-sidebar__title {\n	font-size: 16px;\n	font-weight: 600;\n	margin: 0 0 4px;\n}\n\n.notes-sidebar__meta {\n	font-size: 12px;\n	color: var(--notes-muted);\n}\n\n.notes-sidebar__list {\n	flex: 1;\n	overflow-y: auto;\n	padding: 12px;\n	display: flex;\n	flex-direction: column;\n	gap: 10px;\n}\n\n.notes-sidebar__empty {\n	padding: 24px 16px;\n	text-align: center;\n	color: var(--notes-muted);\n	font-size: 13px;\n	line-height: 1.5;\n}\n\n.notes-sidebar__hint {\n	font-size: 12px;\n	color: var(--notes-muted);\n	margin-top: 6px;\n}\n\n/* Item card */\n.notes-item {\n	border: 1px solid var(--notes-border);\n	border-radius: var(--notes-radius);\n	padding: 12px;\n	background: #ffffff;\n	transition: border-color 0.15s, box-shadow 0.15s;\n}\n\n.notes-item:hover {\n	border-color: #cbd5e1;\n}\n\n.notes-item--active {\n	border-color: var(--notes-accent);\n	box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.12);\n}\n\n.notes-item--resolved {\n	opacity: 0.55;\n}\n\n.notes-item__head {\n	display: flex;\n	align-items: center;\n	justify-content: space-between;\n	margin-bottom: 6px;\n}\n\n.notes-item__author {\n	font-weight: 600;\n	font-size: 13px;\n}\n\n.notes-item__time {\n	font-size: 11px;\n	color: var(--notes-muted);\n}\n\n.notes-item__snippet {\n	font-size: 12px;\n	color: var(--notes-muted);\n	background: #f8fafc;\n	border-left: 3px solid var(--notes-border);\n	padding: 6px 8px;\n	margin-bottom: 6px;\n	border-radius: 0 4px 4px 0;\n	white-space: pre-wrap;\n	word-break: break-word;\n}\n\n.notes-item__body {\n	font-size: 13px;\n	white-space: pre-wrap;\n	word-break: break-word;\n}\n\n.notes-item__actions {\n	display: flex;\n	gap: 6px;\n	margin-top: 10px;\n	padding-top: 10px;\n	border-top: 1px solid #f1f5f9;\n}\n\n.notes-item__badge {\n	display: inline-block;\n	font-size: 10px;\n	font-weight: 600;\n	text-transform: uppercase;\n	letter-spacing: 0.04em;\n	padding: 2px 6px;\n	border-radius: 4px;\n	margin-right: 6px;\n}\n\n.notes-item__badge--comment {\n	background: #dbeafe;\n	color: #1e40af;\n}\n\n.notes-item__badge--suggestion {\n	background: #fef3c7;\n	color: #92400e;\n}\n\n.notes-item__badge--resolved {\n	background: #dcfce7;\n	color: #166534;\n}\n\n/* Element highlight ring */\n.notes-highlight {\n	position: fixed;\n	pointer-events: none;\n	border: 2px solid var(--notes-accent);\n	border-radius: 4px;\n	box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.18);\n	transition: all 0.08s ease-out;\n}\n\n.notes-highlight--persistent {\n	border-color: rgba(245, 158, 11, 0.6);\n	box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.12);\n}\n\n/* Comment popover */\n.notes-popover {\n	position: fixed;\n	width: 320px;\n	background: var(--notes-bg);\n	border: 1px solid var(--notes-border);\n	border-radius: var(--notes-radius);\n	box-shadow: var(--notes-shadow);\n	padding: 14px;\n	pointer-events: auto;\n	display: flex;\n	flex-direction: column;\n	gap: 10px;\n}\n\n.notes-popover__title {\n	font-size: 13px;\n	font-weight: 600;\n	margin: 0;\n}\n\n.notes-popover__snippet {\n	font-size: 12px;\n	color: var(--notes-muted);\n	background: #f8fafc;\n	border-left: 3px solid var(--notes-border);\n	padding: 6px 8px;\n	border-radius: 0 4px 4px 0;\n	max-height: 60px;\n	overflow: hidden;\n}\n\n.notes-popover textarea {\n	width: 100%;\n	min-height: 80px;\n	resize: vertical;\n	border: 1px solid var(--notes-border);\n	border-radius: 6px;\n	padding: 8px 10px;\n	background: #ffffff;\n	outline: none;\n}\n\n.notes-popover textarea:focus {\n	border-color: var(--notes-accent);\n	box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);\n}\n\n.notes-popover input[type='text'] {\n	border: 1px solid var(--notes-border);\n	border-radius: 6px;\n	padding: 6px 10px;\n	background: #ffffff;\n	outline: none;\n}\n\n.notes-popover input[type='text']:focus {\n	border-color: var(--notes-accent);\n	box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);\n}\n\n.notes-popover__row {\n	display: flex;\n	justify-content: space-between;\n	align-items: center;\n	gap: 8px;\n}\n\n/* Selection tooltip */\n.notes-selection-tooltip {\n	position: fixed;\n	display: flex;\n	align-items: center;\n	gap: 6px;\n	padding: 4px 6px;\n	background: #0f172a;\n	color: #ffffff;\n	border-radius: 8px;\n	box-shadow: var(--notes-shadow);\n	pointer-events: auto;\n	z-index: calc(var(--notes-z) + 5);\n}\n\n.notes-selection-tooltip .notes-btn {\n	background: rgba(255, 255, 255, 0.08);\n	color: #ffffff;\n	font-size: 12px;\n	padding: 4px 8px;\n}\n\n.notes-selection-tooltip .notes-btn--primary {\n	background: var(--notes-accent);\n	color: var(--notes-accent-fg);\n}\n\n.notes-selection-tooltip .notes-btn--ghost {\n	color: #e2e8f0;\n}\n\n.notes-selection-tooltip .notes-btn--ghost:hover {\n	background: rgba(255, 255, 255, 0.16);\n	color: #ffffff;\n}\n\n/* Suggest popover variations */\n.notes-popover--suggest {\n	width: 360px;\n}\n\n.notes-popover__label {\n	display: block;\n	font-size: 11px;\n	font-weight: 600;\n	text-transform: uppercase;\n	letter-spacing: 0.04em;\n	color: var(--notes-muted);\n	margin-bottom: 4px;\n}\n\n.notes-popover__original {\n	background: #fef3c7;\n	border: 1px solid #fde68a;\n	border-radius: 6px;\n	padding: 8px 10px;\n	font-size: 13px;\n	color: #78350f;\n	max-height: 80px;\n	overflow-y: auto;\n	white-space: pre-wrap;\n	word-break: break-word;\n}\n\n.notes-strikethrough {\n	text-decoration: line-through;\n	text-decoration-color: rgba(220, 38, 38, 0.6);\n	text-decoration-thickness: 2px;\n}\n\n/* Diff preview in sidebar */\n.notes-diff {\n	font-size: 13px;\n	border-radius: 6px;\n	background: #f8fafc;\n	border: 1px solid var(--notes-border);\n	overflow: hidden;\n	margin-bottom: 8px;\n}\n\n.notes-diff__row {\n	padding: 6px 10px;\n	display: flex;\n	gap: 6px;\n	white-space: pre-wrap;\n	word-break: break-word;\n}\n\n.notes-diff__row--del {\n	background: #fef2f2;\n	color: #7f1d1d;\n	border-bottom: 1px solid #fee2e2;\n}\n\n.notes-diff__row--ins {\n	background: #f0fdf4;\n	color: #14532d;\n}\n\n.notes-diff__marker {\n	font-weight: 700;\n	font-family: ui-monospace, SFMono-Regular, monospace;\n	width: 12px;\n	flex-shrink: 0;\n	text-align: center;\n}\n\n.notes-item__rationale {\n	font-size: 12px;\n	color: var(--notes-muted);\n	margin-bottom: 6px;\n	font-style: italic;\n}\n\n.notes-item__rationale-label {\n	font-style: normal;\n	font-weight: 600;\n	color: var(--notes-fg);\n	margin-right: 4px;\n}\n\n/* Stale warning */\n.notes-stale {\n	display: flex;\n	align-items: center;\n	gap: 6px;\n	background: #fef3c7;\n	border: 1px solid #fde68a;\n	color: #92400e;\n	font-size: 12px;\n	padding: 6px 8px;\n	border-radius: 6px;\n	margin-bottom: 8px;\n}\n\n.notes-stale__icon {\n	font-size: 14px;\n}\n\n/* Persistent highlight variant for suggestion ranges */\n.notes-highlight--suggestion {\n	border-color: rgba(250, 204, 21, 0.9);\n	box-shadow: 0 0 0 3px rgba(250, 204, 21, 0.18);\n	background: rgba(254, 243, 199, 0.25);\n}\n\n/* Banner shown when notes API fails to load */\n.notes-banner {\n	position: fixed;\n	top: 56px;\n	left: 16px;\n	right: calc(var(--notes-sidebar-w) + 16px);\n	padding: 10px 14px;\n	background: #fef2f2;\n	border: 1px solid #fecaca;\n	color: #991b1b;\n	border-radius: var(--notes-radius);\n	font-size: 13px;\n	pointer-events: auto;\n}\n";
+function init() {
+  if (window.__nuasiteNotesMounted) return;
+  const config = window.__NuaNotesConfig ?? {};
+  const urlFlag = config.urlFlag ?? "nua-notes";
+  if (!isReviewMode(urlFlag)) return;
+  window.__nuasiteNotesMounted = true;
+  setReviewModeCookie();
+  enableCmsBridge();
+  const host = document.createElement("div");
+  host.id = "nua-notes-host";
+  host.setAttribute("data-nua-notes-host", "");
+  host.style.cssText = "position:fixed;top:0;left:0;width:0;height:0;z-index:2147483600;";
+  document.body.appendChild(host);
+  const shadow = host.attachShadow({ mode: "open" });
+  const styleEl = document.createElement("style");
+  styleEl.textContent = OVERLAY_STYLES;
+  shadow.appendChild(styleEl);
+  const root = document.createElement("div");
+  root.id = "nua-notes-root";
+  shadow.appendChild(root);
+  R(/* @__PURE__ */ u$1(App, { urlFlag }), root);
+}
+if (typeof window !== "undefined") {
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", init, { once: true });
+  } else {
+    init();
+  }
+}