twd-js 1.6.1 → 1.6.3

package/dist/bundled.es.js

@@ -1,286 +1,283 @@
-var Ye = Object.defineProperty;
-var Qe = (t, e, r) => e in t ? Ye(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var ne = (t, e, r) => Qe(t, typeof e != "symbol" ? e + "" : e, r);
-var Z, w, ze, M, ve, Ne, We, He, ce, ie, ae, G = {}, K = [], Ze = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, ee = Array.isArray;
-function E(t, e) {
-  for (var r in e) t[r] = e[r];
-  return t;
+var re, y, He, rt, M, we, Be, De, Pe, pe, de, ce, nt, Q = {}, Z = [], ot = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, ne = Array.isArray;
+function A(e, t) {
+  for (var r in t) e[r] = t[r];
+  return e;
 }
-function ue(t) {
-  t && t.parentNode && t.parentNode.removeChild(t);
+function fe(e) {
+  e && e.parentNode && e.parentNode.removeChild(e);
 }
-function et(t, e, r) {
+function st(e, t, r) {
   var n, o, s, l = {};
-  for (s in e) s == "key" ? n = e[s] : s == "ref" ? o = e[s] : l[s] = e[s];
-  if (arguments.length > 2 && (l.children = arguments.length > 3 ? Z.call(arguments, 2) : r), typeof t == "function" && t.defaultProps != null) for (s in t.defaultProps) l[s] === void 0 && (l[s] = t.defaultProps[s]);
-  return V(t, l, n, o, null);
+  for (s in t) s == "key" ? n = t[s] : s == "ref" ? o = t[s] : l[s] = t[s];
+  if (arguments.length > 2 && (l.children = arguments.length > 3 ? re.call(arguments, 2) : r), typeof e == "function" && e.defaultProps != null) for (s in e.defaultProps) l[s] === void 0 && (l[s] = e.defaultProps[s]);
+  return G(e, l, n, o, null);
 }
-function V(t, e, r, n, o) {
-  var s = { type: t, props: e, key: r, ref: n, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: o ?? ++ze, __i: -1, __u: 0 };
-  return o == null && w.vnode != null && w.vnode(s), s;
+function G(e, t, r, n, o) {
+  var s = {
+    type: e,
+    props: t,
+    key: r,
+    ref: n,
+    __k: null,
+    __: null,
+    __b: 0,
+    __e: null,
+    __c: null,
+    constructor: void 0,
+    __v: o ?? ++He,
+    __i: -1,
+    __u: 0
+  };
+  return o == null && y.vnode != null && y.vnode(s), s;
 }
-function U(t) {
-  return t.children;
+function V(e) {
+  return e.children;
 }
-function J(t, e) {
-  this.props = t, this.context = e;
+function K(e, t) {
+  this.props = e, this.context = t;
 }
-function W(t, e) {
-  if (e == null) return t.__ ? W(t.__, t.__i + 1) : null;
-  for (var r; e < t.__k.length; e++) if ((r = t.__k[e]) != null && r.__e != null) return r.__e;
-  return typeof t.type == "function" ? W(t) : null;
+function H(e, t) {
+  if (t == null) return e.__ ? H(e.__, e.__i + 1) : null;
+  for (var r; t < e.__k.length; t++) if ((r = e.__k[t]) != null && r.__e != null) return r.__e;
+  return typeof e.type == "function" ? H(e) : null;
 }
-function tt(t) {
-  if (t.__P && t.__d) {
-    var e = t.__v, r = e.__e, n = [], o = [], s = E({}, e);
-    s.__v = e.__v + 1, w.vnode && w.vnode(s), _e(t.__P, s, e, t.__n, t.__P.namespaceURI, 32 & e.__u ? [r] : null, n, r ?? W(e), !!(32 & e.__u), o), s.__v = e.__v, s.__.__k[s.__i] = s, Pe(n, s, o), e.__e = e.__ = null, s.__e != r && Be(s);
+function it(e) {
+  if (e.__P && e.__d) {
+    var t = e.__v, r = t.__e, n = [], o = [], s = A({}, t);
+    s.__v = t.__v + 1, y.vnode && y.vnode(s), he(e.__P, s, t, e.__n, e.__P.namespaceURI, 32 & t.__u ? [r] : null, n, r ?? H(t), !!(32 & t.__u), o), s.__v = t.__v, s.__.__k[s.__i] = s, Ue(n, s, o), t.__e = t.__ = null, s.__e != r && Fe(s);
   }
 }
-function Be(t) {
-  if ((t = t.__) != null && t.__c != null) return t.__e = t.__c.base = null, t.__k.some(function(e) {
-    if (e != null && e.__e != null) return t.__e = t.__c.base = e.__e;
-  }), Be(t);
+function Fe(e) {
+  if ((e = e.__) != null && e.__c != null) return e.__e = e.__c.base = null, e.__k.some(function(t) {
+    if (t != null && t.__e != null) return e.__e = e.__c.base = t.__e;
+  }), Fe(e);
 }
-function we(t) {
-  (!t.__d && (t.__d = !0) && M.push(t) && !Y.__r++ || ve != w.debounceRendering) && ((ve = w.debounceRendering) || Ne)(Y);
+function be(e) {
+  (!e.__d && (e.__d = !0) && M.push(e) && !ee.__r++ || we != y.debounceRendering) && ((we = y.debounceRendering) || Be)(ee);
 }
-function Y() {
-  for (var t, e = 1; M.length; ) M.length > e && M.sort(We), t = M.shift(), e = M.length, tt(t);
-  Y.__r = 0;
+function ee() {
+  try {
+    for (var e, t = 1; M.length; ) M.length > t && M.sort(De), e = M.shift(), t = M.length, it(e);
+  } finally {
+    M.length = ee.__r = 0;
+  }
 }
-function De(t, e, r, n, o, s, l, d, u, a, p) {
-  var i, f, _, v, T, b, m, g = n && n.__k || K, I = e.length;
-  for (u = rt(r, e, g, u, I), i = 0; i < I; i++) (_ = r.__k[i]) != null && (f = _.__i != -1 && g[_.__i] || G, _.__i = i, b = _e(t, _, f, o, s, l, d, u, a, p), v = _.__e, _.ref && f.ref != _.ref && (f.ref && pe(f.ref, null, _), p.push(_.ref, _.__c || v, _)), T == null && v != null && (T = v), (m = !!(4 & _.__u)) || f.__k === _.__k ? u = Fe(_, u, t, m) : typeof _.type == "function" && b !== void 0 ? u = b : v && (u = v.nextSibling), _.__u &= -7);
-  return r.__e = T, u;
+function Oe(e, t, r, n, o, s, l, d, u, a, p) {
+  var i, f, _, w, C, k, v, g = n && n.__k || Z, $ = t.length;
+  for (u = at(r, t, g, u, $), i = 0; i < $; i++) (_ = r.__k[i]) != null && (f = _.__i != -1 && g[_.__i] || Q, _.__i = i, k = he(e, _, f, o, s, l, d, u, a, p), w = _.__e, _.ref && f.ref != _.ref && (f.ref && ge(f.ref, null, _), p.push(_.ref, _.__c || w, _)), C == null && w != null && (C = w), (v = !!(4 & _.__u)) || f.__k === _.__k ? u = je(_, u, e, v) : typeof _.type == "function" && k !== void 0 ? u = k : w && (u = w.nextSibling), _.__u &= -7);
+  return r.__e = C, u;
 }
-function rt(t, e, r, n, o) {
+function at(e, t, r, n, o) {
   var s, l, d, u, a, p = r.length, i = p, f = 0;
-  for (t.__k = new Array(o), s = 0; s < o; s++) (l = e[s]) != null && typeof l != "boolean" && typeof l != "function" ? (typeof l == "string" || typeof l == "number" || typeof l == "bigint" || l.constructor == String ? l = t.__k[s] = V(null, l, null, null, null) : ee(l) ? l = t.__k[s] = V(U, { children: l }, null, null, null) : l.constructor === void 0 && l.__b > 0 ? l = t.__k[s] = V(l.type, l.props, l.key, l.ref ? l.ref : null, l.__v) : t.__k[s] = l, u = s + f, l.__ = t, l.__b = t.__b + 1, d = null, (a = l.__i = nt(l, r, u, i)) != -1 && (i--, (d = r[a]) && (d.__u |= 2)), d == null || d.__v == null ? (a == -1 && (o > p ? f-- : o < p && f++), typeof l.type != "function" && (l.__u |= 4)) : a != u && (a == u - 1 ? f-- : a == u + 1 ? f++ : (a > u ? f-- : f++, l.__u |= 4))) : t.__k[s] = null;
-  if (i) for (s = 0; s < p; s++) (d = r[s]) != null && (2 & d.__u) == 0 && (d.__e == n && (n = W(d)), Ue(d, d));
+  for (e.__k = new Array(o), s = 0; s < o; s++) (l = t[s]) != null && typeof l != "boolean" && typeof l != "function" ? (typeof l == "string" || typeof l == "number" || typeof l == "bigint" || l.constructor == String ? l = e.__k[s] = G(null, l, null, null, null) : ne(l) ? l = e.__k[s] = G(V, { children: l }, null, null, null) : l.constructor === void 0 && l.__b > 0 ? l = e.__k[s] = G(l.type, l.props, l.key, l.ref ? l.ref : null, l.__v) : e.__k[s] = l, u = s + f, l.__ = e, l.__b = e.__b + 1, d = null, (a = l.__i = lt(l, r, u, i)) != -1 && (i--, (d = r[a]) && (d.__u |= 2)), d == null || d.__v == null ? (a == -1 && (o > p ? f-- : o < p && f++), typeof l.type != "function" && (l.__u |= 4)) : a != u && (a == u - 1 ? f-- : a == u + 1 ? f++ : (a > u ? f-- : f++, l.__u |= 4))) : e.__k[s] = null;
+  if (i) for (s = 0; s < p; s++) (d = r[s]) != null && (2 & d.__u) == 0 && (d.__e == n && (n = H(d)), Ve(d, d));
   return n;
 }
-function Fe(t, e, r, n) {
+function je(e, t, r, n) {
   var o, s;
-  if (typeof t.type == "function") {
-    for (o = t.__k, s = 0; o && s < o.length; s++) o[s] && (o[s].__ = t, e = Fe(o[s], e, r, n));
-    return e;
+  if (typeof e.type == "function") {
+    for (o = e.__k, s = 0; o && s < o.length; s++) o[s] && (o[s].__ = e, t = je(o[s], t, r, n));
+    return t;
   }
-  t.__e != e && (n && (e && t.type && !e.parentNode && (e = W(t)), r.insertBefore(t.__e, e || null)), e = t.__e);
+  e.__e != t && (n && (t && e.type && !t.parentNode && (t = H(e)), r.insertBefore(e.__e, t || null)), t = e.__e);
   do
-    e = e && e.nextSibling;
-  while (e != null && e.nodeType == 8);
-  return e;
+    t = t && t.nextSibling;
+  while (t != null && t.nodeType == 8);
+  return t;
 }
-function nt(t, e, r, n) {
-  var o, s, l, d = t.key, u = t.type, a = e[r], p = a != null && (2 & a.__u) == 0;
+function lt(e, t, r, n) {
+  var o, s, l, d = e.key, u = e.type, a = t[r], p = a != null && (2 & a.__u) == 0;
   if (a === null && d == null || p && d == a.key && u == a.type) return r;
   if (n > (p ? 1 : 0)) {
-    for (o = r - 1, s = r + 1; o >= 0 || s < e.length; ) if ((a = e[l = o >= 0 ? o-- : s++]) != null && (2 & a.__u) == 0 && d == a.key && u == a.type) return l;
+    for (o = r - 1, s = r + 1; o >= 0 || s < t.length; ) if ((a = t[l = o >= 0 ? o-- : s++]) != null && (2 & a.__u) == 0 && d == a.key && u == a.type) return l;
   }
   return -1;
 }
-function ye(t, e, r) {
-  e[0] == "-" ? t.setProperty(e, r ?? "") : t[e] = r == null ? "" : typeof r != "number" || Ze.test(e) ? r : r + "px";
+function ke(e, t, r) {
+  t[0] == "-" ? e.setProperty(t, r ?? "") : e[t] = r == null ? "" : typeof r != "number" || ot.test(t) ? r : r + "px";
 }
-function j(t, e, r, n, o) {
+function J(e, t, r, n, o) {
   var s, l;
-  e: if (e == "style") if (typeof r == "string") t.style.cssText = r;
+  e: if (t == "style") if (typeof r == "string") e.style.cssText = r;
   else {
-    if (typeof n == "string" && (t.style.cssText = n = ""), n) for (e in n) r && e in r || ye(t.style, e, "");
-    if (r) for (e in r) n && r[e] == n[e] || ye(t.style, e, r[e]);
+    if (typeof n == "string" && (e.style.cssText = n = ""), n) for (t in n) r && t in r || ke(e.style, t, "");
+    if (r) for (t in r) n && r[t] == n[t] || ke(e.style, t, r[t]);
   }
-  else if (e[0] == "o" && e[1] == "n") s = e != (e = e.replace(He, "$1")), l = e.toLowerCase(), e = l in t || e == "onFocusOut" || e == "onFocusIn" ? l.slice(2) : e.slice(2), t.l || (t.l = {}), t.l[e + s] = r, r ? n ? r.u = n.u : (r.u = ce, t.addEventListener(e, s ? ae : ie, s)) : t.removeEventListener(e, s ? ae : ie, s);
+  else if (t[0] == "o" && t[1] == "n") s = t != (t = t.replace(Pe, "$1")), l = t.toLowerCase(), t = l in e || t == "onFocusOut" || t == "onFocusIn" ? l.slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + s] = r, r ? n ? r.u = n.u : (r.u = pe, e.addEventListener(t, s ? ce : de, s)) : e.removeEventListener(t, s ? ce : de, s);
   else {
-    if (o == "http://www.w3.org/2000/svg") e = e.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
-    else if (e != "width" && e != "height" && e != "href" && e != "list" && e != "form" && e != "tabIndex" && e != "download" && e != "rowSpan" && e != "colSpan" && e != "role" && e != "popover" && e in t) try {
-      t[e] = r ?? "";
+    if (o == "http://www.w3.org/2000/svg") t = t.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    else if (t != "width" && t != "height" && t != "href" && t != "list" && t != "form" && t != "tabIndex" && t != "download" && t != "rowSpan" && t != "colSpan" && t != "role" && t != "popover" && t in e) try {
+      e[t] = r ?? "";
       break e;
     } catch {
     }
-    typeof r == "function" || (r == null || r === !1 && e[4] != "-" ? t.removeAttribute(e) : t.setAttribute(e, e == "popover" && r == 1 ? "" : r));
+    typeof r == "function" || (r == null || r === !1 && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && r == 1 ? "" : r));
   }
 }
-function be(t) {
-  return function(e) {
+function Se(e) {
+  return function(t) {
     if (this.l) {
-      var r = this.l[e.type + t];
-      if (e.t == null) e.t = ce++;
-      else if (e.t < r.u) return;
-      return r(w.event ? w.event(e) : e);
+      var r = this.l[t.type + e];
+      if (t.t == null) t.t = pe++;
+      else if (t.t < r.u) return;
+      return r(y.event ? y.event(t) : t);
     }
   };
 }
-function _e(t, e, r, n, o, s, l, d, u, a) {
-  var p, i, f, _, v, T, b, m, g, I, $, L, h, y, C, R = e.type;
-  if (e.constructor !== void 0) return null;
-  128 & r.__u && (u = !!(32 & r.__u), s = [d = e.__e = r.__e]), (p = w.__b) && p(e);
-  e: if (typeof R == "function") try {
-    if (m = e.props, g = "prototype" in R && R.prototype.render, I = (p = R.contextType) && n[p.__c], $ = p ? I ? I.props.value : p.__ : n, r.__c ? b = (i = e.__c = r.__c).__ = i.__E : (g ? e.__c = i = new R(m, $) : (e.__c = i = new J(m, $), i.constructor = R, i.render = ot), I && I.sub(i), i.state || (i.state = {}), i.__n = n, f = i.__d = !0, i.__h = [], i._sb = []), g && i.__s == null && (i.__s = i.state), g && R.getDerivedStateFromProps != null && (i.__s == i.state && (i.__s = E({}, i.__s)), E(i.__s, R.getDerivedStateFromProps(m, i.__s))), _ = i.props, v = i.state, i.__v = e, f) g && R.getDerivedStateFromProps == null && i.componentWillMount != null && i.componentWillMount(), g && i.componentDidMount != null && i.__h.push(i.componentDidMount);
+function he(e, t, r, n, o, s, l, d, u, a) {
+  var p, i, f, _, w, C, k, v, g, $, I, z, h, b, R, E = t.type;
+  if (t.constructor !== void 0) return null;
+  128 & r.__u && (u = !!(32 & r.__u), s = [d = t.__e = r.__e]), (p = y.__b) && p(t);
+  e: if (typeof E == "function") try {
+    if (v = t.props, g = E.prototype && E.prototype.render, $ = (p = E.contextType) && n[p.__c], I = p ? $ ? $.props.value : p.__ : n, r.__c ? k = (i = t.__c = r.__c).__ = i.__E : (g ? t.__c = i = new E(v, I) : (t.__c = i = new K(v, I), i.constructor = E, i.render = ct), $ && $.sub(i), i.state || (i.state = {}), i.__n = n, f = i.__d = !0, i.__h = [], i._sb = []), g && i.__s == null && (i.__s = i.state), g && E.getDerivedStateFromProps != null && (i.__s == i.state && (i.__s = A({}, i.__s)), A(i.__s, E.getDerivedStateFromProps(v, i.__s))), _ = i.props, w = i.state, i.__v = t, f) g && E.getDerivedStateFromProps == null && i.componentWillMount != null && i.componentWillMount(), g && i.componentDidMount != null && i.__h.push(i.componentDidMount);
     else {
-      if (g && R.getDerivedStateFromProps == null && m !== _ && i.componentWillReceiveProps != null && i.componentWillReceiveProps(m, $), e.__v == r.__v || !i.__e && i.shouldComponentUpdate != null && i.shouldComponentUpdate(m, i.__s, $) === !1) {
-        e.__v != r.__v && (i.props = m, i.state = i.__s, i.__d = !1), e.__e = r.__e, e.__k = r.__k, e.__k.some(function(N) {
-          N && (N.__ = e);
-        }), K.push.apply(i.__h, i._sb), i._sb = [], i.__h.length && l.push(i);
+      if (g && E.getDerivedStateFromProps == null && v !== _ && i.componentWillReceiveProps != null && i.componentWillReceiveProps(v, I), t.__v == r.__v || !i.__e && i.shouldComponentUpdate != null && i.shouldComponentUpdate(v, i.__s, I) === !1) {
+        t.__v != r.__v && (i.props = v, i.state = i.__s, i.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(W) {
+          W && (W.__ = t);
+        }), Z.push.apply(i.__h, i._sb), i._sb = [], i.__h.length && l.push(i);
         break e;
       }
-      i.componentWillUpdate != null && i.componentWillUpdate(m, i.__s, $), g && i.componentDidUpdate != null && i.__h.push(function() {
-        i.componentDidUpdate(_, v, T);
+      i.componentWillUpdate != null && i.componentWillUpdate(v, i.__s, I), g && i.componentDidUpdate != null && i.__h.push(function() {
+        i.componentDidUpdate(_, w, C);
       });
     }
-    if (i.context = $, i.props = m, i.__P = t, i.__e = !1, L = w.__r, h = 0, g) i.state = i.__s, i.__d = !1, L && L(e), p = i.render(i.props, i.state, i.context), K.push.apply(i.__h, i._sb), i._sb = [];
+    if (i.context = I, i.props = v, i.__P = e, i.__e = !1, z = y.__r, h = 0, g) i.state = i.__s, i.__d = !1, z && z(t), p = i.render(i.props, i.state, i.context), Z.push.apply(i.__h, i._sb), i._sb = [];
     else do
-      i.__d = !1, L && L(e), p = i.render(i.props, i.state, i.context), i.state = i.__s;
+      i.__d = !1, z && z(t), p = i.render(i.props, i.state, i.context), i.state = i.__s;
     while (i.__d && ++h < 25);
-    i.state = i.__s, i.getChildContext != null && (n = E(E({}, n), i.getChildContext())), g && !f && i.getSnapshotBeforeUpdate != null && (T = i.getSnapshotBeforeUpdate(_, v)), y = p != null && p.type === U && p.key == null ? Oe(p.props.children) : p, d = De(t, ee(y) ? y : [y], e, r, n, o, s, l, d, u, a), i.base = e.__e, e.__u &= -161, i.__h.length && l.push(i), b && (i.__E = i.__ = null);
-  } catch (N) {
-    if (e.__v = null, u || s != null) if (N.then) {
-      for (e.__u |= u ? 160 : 128; d && d.nodeType == 8 && d.nextSibling; ) d = d.nextSibling;
-      s[s.indexOf(d)] = null, e.__e = d;
+    i.state = i.__s, i.getChildContext != null && (n = A(A({}, n), i.getChildContext())), g && !f && i.getSnapshotBeforeUpdate != null && (C = i.getSnapshotBeforeUpdate(_, w)), b = p != null && p.type === V && p.key == null ? qe(p.props.children) : p, d = Oe(e, ne(b) ? b : [b], t, r, n, o, s, l, d, u, a), i.base = t.__e, t.__u &= -161, i.__h.length && l.push(i), k && (i.__E = i.__ = null);
+  } catch (W) {
+    if (t.__v = null, u || s != null) if (W.then) {
+      for (t.__u |= u ? 160 : 128; d && d.nodeType == 8 && d.nextSibling; ) d = d.nextSibling;
+      s[s.indexOf(d)] = null, t.__e = d;
     } else {
-      for (C = s.length; C--; ) ue(s[C]);
-      le(e);
+      for (R = s.length; R--; ) fe(s[R]);
+      ue(t);
     }
-    else e.__e = r.__e, e.__k = r.__k, N.then || le(e);
-    w.__e(N, e, r);
+    else t.__e = r.__e, t.__k = r.__k, W.then || ue(t);
+    y.__e(W, t, r);
   }
-  else s == null && e.__v == r.__v ? (e.__k = r.__k, e.__e = r.__e) : d = e.__e = st(r.__e, e, r, n, o, s, l, u, a);
-  return (p = w.diffed) && p(e), 128 & e.__u ? void 0 : d;
+  else s == null && t.__v == r.__v ? (t.__k = r.__k, t.__e = r.__e) : d = t.__e = dt(r.__e, t, r, n, o, s, l, u, a);
+  return (p = y.diffed) && p(t), 128 & t.__u ? void 0 : d;
 }
-function le(t) {
-  t && (t.__c && (t.__c.__e = !0), t.__k && t.__k.some(le));
+function ue(e) {
+  e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(ue));
 }
-function Pe(t, e, r) {
-  for (var n = 0; n < r.length; n++) pe(r[n], r[++n], r[++n]);
-  w.__c && w.__c(e, t), t.some(function(o) {
+function Ue(e, t, r) {
+  for (var n = 0; n < r.length; n++) ge(r[n], r[++n], r[++n]);
+  y.__c && y.__c(t, e), e.some(function(o) {
     try {
-      t = o.__h, o.__h = [], t.some(function(s) {
+      e = o.__h, o.__h = [], e.some(function(s) {
         s.call(o);
       });
     } catch (s) {
-      w.__e(s, o.__v);
+      y.__e(s, o.__v);
     }
   });
 }
-function Oe(t) {
-  return typeof t != "object" || t == null || t.__b > 0 ? t : ee(t) ? t.map(Oe) : E({}, t);
+function qe(e) {
+  return typeof e != "object" || e == null || e.__b > 0 ? e : ne(e) ? e.map(qe) : A({}, e);
 }
-function st(t, e, r, n, o, s, l, d, u) {
-  var a, p, i, f, _, v, T, b = r.props || G, m = e.props, g = e.type;
+function dt(e, t, r, n, o, s, l, d, u) {
+  var a, p, i, f, _, w, C, k = r.props || Q, v = t.props, g = t.type;
   if (g == "svg" ? o = "http://www.w3.org/2000/svg" : g == "math" ? o = "http://www.w3.org/1998/Math/MathML" : o || (o = "http://www.w3.org/1999/xhtml"), s != null) {
     for (a = 0; a < s.length; a++) if ((_ = s[a]) && "setAttribute" in _ == !!g && (g ? _.localName == g : _.nodeType == 3)) {
-      t = _, s[a] = null;
+      e = _, s[a] = null;
       break;
     }
   }
-  if (t == null) {
-    if (g == null) return document.createTextNode(m);
-    t = document.createElementNS(o, g, m.is && m), d && (w.__m && w.__m(e, s), d = !1), s = null;
+  if (e == null) {
+    if (g == null) return document.createTextNode(v);
+    e = document.createElementNS(o, g, v.is && v), d && (y.__m && y.__m(t, s), d = !1), s = null;
   }
-  if (g == null) b === m || d && t.data == m || (t.data = m);
+  if (g == null) k === v || d && e.data == v || (e.data = v);
   else {
-    if (s = s && Z.call(t.childNodes), !d && s != null) for (b = {}, a = 0; a < t.attributes.length; a++) b[(_ = t.attributes[a]).name] = _.value;
-    for (a in b) _ = b[a], a == "dangerouslySetInnerHTML" ? i = _ : a == "children" || a in m || a == "value" && "defaultValue" in m || a == "checked" && "defaultChecked" in m || j(t, a, null, _, o);
-    for (a in m) _ = m[a], a == "children" ? f = _ : a == "dangerouslySetInnerHTML" ? p = _ : a == "value" ? v = _ : a == "checked" ? T = _ : d && typeof _ != "function" || b[a] === _ || j(t, a, _, b[a], o);
-    if (p) d || i && (p.__html == i.__html || p.__html == t.innerHTML) || (t.innerHTML = p.__html), e.__k = [];
-    else if (i && (t.innerHTML = ""), De(e.type == "template" ? t.content : t, ee(f) ? f : [f], e, r, n, g == "foreignObject" ? "http://www.w3.org/1999/xhtml" : o, s, l, s ? s[0] : r.__k && W(r, 0), d, u), s != null) for (a = s.length; a--; ) ue(s[a]);
-    d || (a = "value", g == "progress" && v == null ? t.removeAttribute("value") : v != null && (v !== t[a] || g == "progress" && !v || g == "option" && v != b[a]) && j(t, a, v, b[a], o), a = "checked", T != null && T != t[a] && j(t, a, T, b[a], o));
+    if (s = s && re.call(e.childNodes), !d && s != null) for (k = {}, a = 0; a < e.attributes.length; a++) k[(_ = e.attributes[a]).name] = _.value;
+    for (a in k) _ = k[a], a == "dangerouslySetInnerHTML" ? i = _ : a == "children" || a in v || a == "value" && "defaultValue" in v || a == "checked" && "defaultChecked" in v || J(e, a, null, _, o);
+    for (a in v) _ = v[a], a == "children" ? f = _ : a == "dangerouslySetInnerHTML" ? p = _ : a == "value" ? w = _ : a == "checked" ? C = _ : d && typeof _ != "function" || k[a] === _ || J(e, a, _, k[a], o);
+    if (p) d || i && (p.__html == i.__html || p.__html == e.innerHTML) || (e.innerHTML = p.__html), t.__k = [];
+    else if (i && (e.innerHTML = ""), Oe(t.type == "template" ? e.content : e, ne(f) ? f : [f], t, r, n, g == "foreignObject" ? "http://www.w3.org/1999/xhtml" : o, s, l, s ? s[0] : r.__k && H(r, 0), d, u), s != null) for (a = s.length; a--; ) fe(s[a]);
+    d || (a = "value", g == "progress" && w == null ? e.removeAttribute("value") : w != null && (w !== e[a] || g == "progress" && !w || g == "option" && w != k[a]) && J(e, a, w, k[a], o), a = "checked", C != null && C != e[a] && J(e, a, C, k[a], o));
   }
-  return t;
+  return e;
 }
-function pe(t, e, r) {
+function ge(e, t, r) {
   try {
-    if (typeof t == "function") {
-      var n = typeof t.__u == "function";
-      n && t.__u(), n && e == null || (t.__u = t(e));
-    } else t.current = e;
+    if (typeof e == "function") {
+      var n = typeof e.__u == "function";
+      n && e.__u(), n && t == null || (e.__u = e(t));
+    } else e.current = t;
   } catch (o) {
-    w.__e(o, r);
+    y.__e(o, r);
   }
 }
-function Ue(t, e, r) {
+function Ve(e, t, r) {
   var n, o;
-  if (w.unmount && w.unmount(t), (n = t.ref) && (n.current && n.current != t.__e || pe(n, null, e)), (n = t.__c) != null) {
+  if (y.unmount && y.unmount(e), (n = e.ref) && (n.current && n.current != e.__e || ge(n, null, t)), (n = e.__c) != null) {
     if (n.componentWillUnmount) try {
       n.componentWillUnmount();
     } catch (s) {
-      w.__e(s, e);
+      y.__e(s, t);
     }
     n.base = n.__P = null;
   }
-  if (n = t.__k) for (o = 0; o < n.length; o++) n[o] && Ue(n[o], e, r || typeof t.type != "function");
-  r || ue(t.__e), t.__c = t.__ = t.__e = void 0;
+  if (n = e.__k) for (o = 0; o < n.length; o++) n[o] && Ve(n[o], t, r || typeof e.type != "function");
+  r || fe(e.__e), e.__c = e.__ = e.__e = void 0;
 }
-function ot(t, e, r) {
-  return this.constructor(t, r);
+function ct(e, t, r) {
+  return this.constructor(e, r);
 }
-function it(t, e, r) {
+function ut(e, t, r) {
   var n, o, s, l;
-  e == document && (e = document.documentElement), w.__ && w.__(t, e), o = (n = !1) ? null : e.__k, s = [], l = [], _e(e, t = e.__k = et(U, null, [t]), o || G, G, e.namespaceURI, o ? null : e.firstChild ? Z.call(e.childNodes) : null, s, o ? o.__e : e.firstChild, n, l), Pe(s, t, l);
+  t == document && (t = document.documentElement), y.__ && y.__(e, t), o = (n = typeof r == "function") ? null : r && r.__k || t.__k, s = [], l = [], he(t, e = (!n && r || t).__k = st(V, null, [e]), o || Q, Q, t.namespaceURI, !n && r ? [r] : o ? null : t.firstChild ? re.call(t.childNodes) : null, s, !n && r ? r : o ? o.__e : t.firstChild, n, l), Ue(s, e, l);
 }
-Z = K.slice, w = { __e: function(t, e, r, n) {
-  for (var o, s, l; e = e.__; ) if ((o = e.__c) && !o.__) try {
-    if ((s = o.constructor) && s.getDerivedStateFromError != null && (o.setState(s.getDerivedStateFromError(t)), l = o.__d), o.componentDidCatch != null && (o.componentDidCatch(t, n || {}), l = o.__d), l) return o.__E = o;
+re = Z.slice, y = { __e: function(e, t, r, n) {
+  for (var o, s, l; t = t.__; ) if ((o = t.__c) && !o.__) try {
+    if ((s = o.constructor) && s.getDerivedStateFromError != null && (o.setState(s.getDerivedStateFromError(e)), l = o.__d), o.componentDidCatch != null && (o.componentDidCatch(e, n || {}), l = o.__d), l) return o.__E = o;
   } catch (d) {
-    t = d;
+    e = d;
   }
-  throw t;
-} }, ze = 0, J.prototype.setState = function(t, e) {
-  var r;
-  r = this.__s != null && this.__s != this.state ? this.__s : this.__s = E({}, this.state), typeof t == "function" && (t = t(E({}, r), this.props)), t && E(r, t), t != null && this.__v && (e && this._sb.push(e), we(this));
-}, J.prototype.forceUpdate = function(t) {
-  this.__v && (this.__e = !0, t && this.__h.push(t), we(this));
-}, J.prototype.render = U, M = [], Ne = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, We = function(t, e) {
-  return t.__v.__b - e.__v.__b;
-}, Y.__r = 0, He = /(PointerCapture)$|Capture$/i, ce = 0, ie = be(!1), ae = be(!0);
-var at = 0;
-function c(t, e, r, n, o, s) {
-  e || (e = {});
-  var l, d, u = e;
-  if ("ref" in u) for (d in u = {}, e) d == "ref" ? l = e[d] : u[d] = e[d];
-  var a = { type: t, props: u, key: r, ref: l, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --at, __i: -1, __u: 0, __source: o, __self: s };
-  if (typeof t == "function" && (l = t.defaultProps)) for (d in l) u[d] === void 0 && (u[d] = l[d]);
-  return w.vnode && w.vnode(a), a;
-}
-const lt = {
-  // Colors
+  throw e;
+} }, He = 0, rt = function(e) {
+  return e != null && e.constructor === void 0;
+}, K.prototype.setState = function(e, t) {
+  var r = this.__s != null && this.__s != this.state ? this.__s : this.__s = A({}, this.state);
+  typeof e == "function" && (e = e(A({}, r), this.props)), e && A(r, e), e != null && this.__v && (t && this._sb.push(t), be(this));
+}, K.prototype.forceUpdate = function(e) {
+  this.__v && (this.__e = !0, e && this.__h.push(e), be(this));
+}, K.prototype.render = V, M = [], Be = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, De = function(e, t) {
+  return e.__v.__b - t.__v.__b;
+}, ee.__r = 0, Pe = /(PointerCapture)$|Capture$/i, pe = 0, de = Se(!1), ce = Se(!0), nt = 0;
+var _t = {
   primary: "#2563eb",
-  // Darker blue for AA contrast with white text (4.5:1)
   background: "#1e293b",
   backgroundSecondary: "#182130",
-  // Darker background for AA contrast with error text (4.5:1)
   border: "#475569",
   borderLight: "#64748b",
   text: "#f1f5f9",
   textSecondary: "#cbd5e1",
   textMuted: "#94a3b8",
-  // Describe blocks
   describeBg: "#0f172a",
   describeText: "#94a3b8",
   describeBorder: "#334155",
-  // Status colors
   success: "#22c55e",
   successBg: "#14532d",
   error: "#ff5252",
-  // Strong red for AA contrast on darker backgroundSecondary (4.5:1)
   errorBg: "#7f1d1d",
   warning: "#fbbf24",
   warningBg: "#78350f",
   skip: "#475569",
   skipBg: "#334155",
-  // Interactive elements
   buttonPrimary: "#2563eb",
-  // Darker blue for AA contrast with white text (4.5:1)
   buttonPrimaryText: "#ffffff",
   buttonSecondary: "#334155",
   buttonSecondaryText: "#f1f5f9",
   buttonBorder: "#475569",
-  // Spacing
   spacingXs: "4px",
   spacingSm: "6px",
   spacingMd: "8px",
   spacingLg: "12px",
   spacingXl: "14px",
-  // Typography
   fontSizeXs: "10px",
   fontSizeSm: "12px",
   fontSizeMd: "14px",
@@ -288,62 +285,65 @@ const lt = {
   fontWeightNormal: "400",
   fontWeightMedium: "500",
   fontWeightBold: "700",
-  // Layout
   sidebarWidth: "320px",
   borderRadius: "8px",
   borderRadiusLg: "6px",
-  // Effects
   shadow: "2px 0 8px rgba(0,0,0,0.3)",
   shadowSm: "0 2px 4px rgba(0, 0, 0, 0.2)",
-  // Z-index
   zIndexSidebar: "99999",
   zIndexSticky: "100000",
-  // Animation
   animationDuration: "0.2s",
-  // Icon colors
   iconColor: "#f1f5f9",
   iconColorSecondary: "#cbd5e1"
 };
-function dt(t = {}) {
-  const e = { ...lt, ...t };
-  return Object.entries(e).map(([r, n]) => `${`--twd-${r.replace(/([A-Z])/g, "-$1").toLowerCase()}`}: ${n};`).join(`
+function pt(e = {}) {
+  return Object.entries({
+    ..._t,
+    ...e
+  }).map(([t, r]) => `${`--twd-${t.replace(/([A-Z])/g, "-$1").toLowerCase()}`}: ${r};`).join(`
   `);
 }
-function ct(t) {
-  const e = "twd-theme-variables";
-  let r = document.getElementById(e);
-  r || (r = document.createElement("style"), r.id = e, document.head.appendChild(r));
-  const n = dt(t);
+function ft(e) {
+  const t = "twd-theme-variables";
+  let r = document.getElementById(t);
+  r || (r = document.createElement("style"), r.id = t, document.head.appendChild(r));
+  const n = pt(e);
   r.textContent = `
     :root {
       ${n}
     }
   `;
 }
-const ut = (t) => {
-  const { Component: e, createRoot: r, theme: n } = t;
-  ct(n);
+var ht = (e) => {
+  const { Component: t, createRoot: r, theme: n } = e;
+  ft(n);
   const o = document.createElement("div");
-  o.setAttribute("id", "twd-sidebar-root"), document.body.appendChild(o), r(o).render(e);
-}, _t = async (t, e, r, n) => {
-  for (const o in t) await t[o]();
-  ut({ Component: e, createRoot: r, theme: n });
-};
-var P, k, se, ke, Q = 0, je = [], S = w, Se = S.__b, xe = S.__r, Te = S.diffed, Ce = S.__c, Re = S.unmount, Ie = S.__;
-function fe(t, e) {
-  S.__h && S.__h(k, t, Q || e), Q = 0;
-  var r = k.__H || (k.__H = { __: [], __h: [] });
-  return t >= r.__.length && r.__.push({}), r.__[t];
+  o.setAttribute("id", "twd-sidebar-root"), document.body.appendChild(o), r(o).render(t);
+}, gt = async (e, t, r, n) => {
+  for (const o in e) await e[o]();
+  ht({
+    Component: t,
+    createRoot: r,
+    theme: n
+  });
+}, j, S, ae, xe, te = 0, Je = [], x = y, Te = x.__b, Re = x.__r, Ce = x.diffed, $e = x.__c, Ee = x.unmount, Ie = x.__;
+function ve(e, t) {
+  x.__h && x.__h(S, e, te || t), te = 0;
+  var r = S.__H || (S.__H = {
+    __: [],
+    __h: []
+  });
+  return e >= r.__.length && r.__.push({}), r.__[e];
 }
-function B(t) {
-  return Q = 1, pt(Ve, t);
+function P(e) {
+  return te = 1, vt(Ge, e);
 }
-function pt(t, e, r) {
-  var n = fe(P++, 2);
-  if (n.t = t, !n.__c && (n.__ = [Ve(void 0, e), function(d) {
+function vt(e, t, r) {
+  var n = ve(j++, 2);
+  if (n.t = e, !n.__c && (n.__ = [r ? r(t) : Ge(void 0, t), function(d) {
     var u = n.__N ? n.__N[0] : n.__[0], a = n.t(u, d);
     u !== a && (n.__N = [a, n.__[1]], n.__c.setState({}));
-  }], n.__c = k, !k.__f)) {
+  }], n.__c = S, !S.__f)) {
     var o = function(d, u, a) {
       if (!n.__c.__H) return !0;
       var p = n.__c.__H.__.filter(function(f) {
@@ -360,274 +360,291 @@ function pt(t, e, r) {
         }
       }), s && s.call(this, d, u, a) || i;
     };
-    k.__f = !0;
-    var s = k.shouldComponentUpdate, l = k.componentWillUpdate;
-    k.componentWillUpdate = function(d, u, a) {
+    S.__f = !0;
+    var s = S.shouldComponentUpdate, l = S.componentWillUpdate;
+    S.componentWillUpdate = function(d, u, a) {
       if (this.__e) {
         var p = s;
         s = void 0, o(d, u, a), s = p;
       }
       l && l.call(this, d, u, a);
-    }, k.shouldComponentUpdate = o;
+    }, S.shouldComponentUpdate = o;
   }
   return n.__N || n.__;
 }
-function te(t, e) {
-  var r = fe(P++, 3);
-  !S.__s && qe(r.__H, e) && (r.__ = t, r.u = e, k.__H.__h.push(r));
+function oe(e, t) {
+  var r = ve(j++, 3);
+  !x.__s && Xe(r.__H, t) && (r.__ = e, r.u = t, S.__H.__h.push(r));
 }
-function F(t) {
-  return Q = 5, z(function() {
-    return { current: t };
+function O(e) {
+  return te = 5, N(function() {
+    return { current: e };
   }, []);
 }
-function z(t, e) {
-  var r = fe(P++, 7);
-  return qe(r.__H, e) && (r.__ = t(), r.__H = e, r.__h = t), r.__;
+function N(e, t) {
+  var r = ve(j++, 7);
+  return Xe(r.__H, t) && (r.__ = e(), r.__H = t, r.__h = e), r.__;
 }
-function ft() {
-  for (var t; t = je.shift(); ) {
-    var e = t.__H;
-    if (t.__P && e) try {
-      e.__h.some(X), e.__h.some(de), e.__h = [];
+function mt() {
+  for (var e; e = Je.shift(); ) {
+    var t = e.__H;
+    if (e.__P && t) try {
+      t.__h.some(Y), t.__h.some(_e), t.__h = [];
     } catch (r) {
-      e.__h = [], S.__e(r, t.__v);
+      t.__h = [], x.__e(r, e.__v);
     }
   }
 }
-S.__b = function(t) {
-  k = null, Se && Se(t);
-}, S.__ = function(t, e) {
-  t && e.__k && e.__k.__m && (t.__m = e.__k.__m), Ie && Ie(t, e);
-}, S.__r = function(t) {
-  xe && xe(t), P = 0;
-  var e = (k = t.__c).__H;
-  e && (se === k ? (e.__h = [], k.__h = [], e.__.some(function(r) {
+x.__b = function(e) {
+  S = null, Te && Te(e);
+}, x.__ = function(e, t) {
+  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), Ie && Ie(e, t);
+}, x.__r = function(e) {
+  Re && Re(e), j = 0;
+  var t = (S = e.__c).__H;
+  t && (ae === S ? (t.__h = [], S.__h = [], t.__.some(function(r) {
     r.__N && (r.__ = r.__N), r.u = r.__N = void 0;
-  })) : (e.__h.some(X), e.__h.some(de), e.__h = [], P = 0)), se = k;
-}, S.diffed = function(t) {
-  Te && Te(t);
-  var e = t.__c;
-  e && e.__H && (e.__H.__h.length && (je.push(e) !== 1 && ke === S.requestAnimationFrame || ((ke = S.requestAnimationFrame) || ht)(ft)), e.__H.__.some(function(r) {
+  })) : (t.__h.some(Y), t.__h.some(_e), t.__h = [], j = 0)), ae = S;
+}, x.diffed = function(e) {
+  Ce && Ce(e);
+  var t = e.__c;
+  t && t.__H && (t.__H.__h.length && (Je.push(t) !== 1 && xe === x.requestAnimationFrame || ((xe = x.requestAnimationFrame) || yt)(mt)), t.__H.__.some(function(r) {
     r.u && (r.__H = r.u), r.u = void 0;
-  })), se = k = null;
-}, S.__c = function(t, e) {
-  e.some(function(r) {
+  })), ae = S = null;
+}, x.__c = function(e, t) {
+  t.some(function(r) {
     try {
-      r.__h.some(X), r.__h = r.__h.filter(function(n) {
-        return !n.__ || de(n);
+      r.__h.some(Y), r.__h = r.__h.filter(function(n) {
+        return !n.__ || _e(n);
       });
     } catch (n) {
-      e.some(function(o) {
+      t.some(function(o) {
         o.__h && (o.__h = []);
-      }), e = [], S.__e(n, r.__v);
+      }), t = [], x.__e(n, r.__v);
     }
-  }), Ce && Ce(t, e);
-}, S.unmount = function(t) {
-  Re && Re(t);
-  var e, r = t.__c;
+  }), $e && $e(e, t);
+}, x.unmount = function(e) {
+  Ee && Ee(e);
+  var t, r = e.__c;
   r && r.__H && (r.__H.__.some(function(n) {
     try {
-      X(n);
+      Y(n);
     } catch (o) {
-      e = o;
+      t = o;
     }
-  }), r.__H = void 0, e && S.__e(e, r.__v));
+  }), r.__H = void 0, t && x.__e(t, r.__v));
 };
-var $e = typeof requestAnimationFrame == "function";
-function ht(t) {
-  var e, r = function() {
-    clearTimeout(n), $e && cancelAnimationFrame(e), setTimeout(t);
+var Ae = typeof requestAnimationFrame == "function";
+function yt(e) {
+  var t, r = function() {
+    clearTimeout(n), Ae && cancelAnimationFrame(t), setTimeout(e);
   }, n = setTimeout(r, 35);
-  $e && (e = requestAnimationFrame(r));
+  Ae && (t = requestAnimationFrame(r));
 }
-function X(t) {
-  var e = k, r = t.__c;
-  typeof r == "function" && (t.__c = void 0, r()), k = e;
+function Y(e) {
+  var t = S, r = e.__c;
+  typeof r == "function" && (e.__c = void 0, r()), S = t;
 }
-function de(t) {
-  var e = k;
-  t.__c = t.__(), k = e;
+function _e(e) {
+  var t = S;
+  e.__c = e.__(), S = t;
 }
-function qe(t, e) {
-  return !t || t.length !== e.length || e.some(function(r, n) {
-    return r !== t[n];
+function Xe(e, t) {
+  return !e || e.length !== t.length || t.some(function(r, n) {
+    return r !== e[n];
   });
 }
-function Ve(t, e) {
-  return typeof e == "function" ? e(t) : e;
+function Ge(e, t) {
+  return typeof t == "function" ? t(e) : t;
 }
-const gt = {
-  animation: "spin 1s linear infinite"
-}, mt = () => /* @__PURE__ */ c(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "var(--twd-icon-color-secondary)",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "lucide lucide-loader-circle-icon lucide-loader-circle",
-    style: gt,
-    "data-testid": "loader-icon",
-    children: /* @__PURE__ */ c("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-  }
-), q = document.createElement("style");
-q && !document.getElementById("loader-spin-keyframes") && (q.id = "loader-spin-keyframes", q.innerHTML = `
+var wt = 0;
+function c(e, t, r, n, o, s) {
+  t || (t = {});
+  var l, d, u = t;
+  if ("ref" in u) for (d in u = {}, t) d == "ref" ? l = t[d] : u[d] = t[d];
+  var a = {
+    type: e,
+    props: u,
+    key: r,
+    ref: l,
+    __k: null,
+    __: null,
+    __b: 0,
+    __e: null,
+    __c: null,
+    constructor: void 0,
+    __v: --wt,
+    __i: -1,
+    __u: 0,
+    __source: o,
+    __self: s
+  };
+  if (typeof e == "function" && (l = e.defaultProps)) for (d in l) u[d] === void 0 && (u[d] = l[d]);
+  return y.vnode && y.vnode(a), a;
+}
+var bt = { animation: "spin 1s linear infinite" }, kt = () => /* @__PURE__ */ c("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "var(--twd-icon-color-secondary)",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  className: "lucide lucide-loader-circle-icon lucide-loader-circle",
+  style: bt,
+  "data-testid": "loader-icon",
+  children: /* @__PURE__ */ c("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+}), X = document.createElement("style");
+X && !document.getElementById("loader-spin-keyframes") && (X.id = "loader-spin-keyframes", X.innerHTML = `
     @keyframes spin {
       0% { transform: rotate(0deg); }
       100% { transform: rotate(360deg); }
     }
-  `, document.head.appendChild(q));
-const re = ({ className: t, children: e, dataTestId: r }) => /* @__PURE__ */ c(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "var(--twd-icon-color)",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: `lucide ${t}`,
-    "data-testid": r,
-    children: e
-  }
-), vt = () => /* @__PURE__ */ c(re, { className: "lucide-play-icon lucide-play", dataTestId: "play-icon", children: /* @__PURE__ */ c("path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" }) }), Je = ({ id: t, name: e, skip: r, only: n }) => /* @__PURE__ */ c(U, { children: [
-  e,
+  `, document.head.appendChild(X));
+var se = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "var(--twd-icon-color)",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  className: `lucide ${e}`,
+  "data-testid": r,
+  children: t
+}), St = () => /* @__PURE__ */ c(se, {
+  className: "lucide-play-icon lucide-play",
+  dataTestId: "play-icon",
+  children: /* @__PURE__ */ c("path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" })
+}), Ke = ({ id: e, name: t, skip: r, only: n }) => /* @__PURE__ */ c(V, { children: [
+  t,
   " ",
-  n && /* @__PURE__ */ c(
-    "span",
-    {
-      style: { color: "var(--twd-primary)" },
-      "data-testid": `only-indicator-${t}`,
-      children: [
-        " ",
-        "(only)"
-      ]
-    }
-  ),
-  r && /* @__PURE__ */ c(
-    "span",
-    {
-      style: { color: "var(--twd-text-secondary)" },
-      "data-testid": `skip-indicator-${t}`,
-      children: [
-        " ",
-        "(skipped)"
-      ]
-    }
-  )
-] });
-var A = /* @__PURE__ */ ((t) => (t.CHAI_DIFF = "chai-diff", t.CHAI_MESSAGE = "chai-message", t.ERROR = "error", t))(A || {});
-const wt = (t) => {
+  n && /* @__PURE__ */ c("span", {
+    style: { color: "var(--twd-primary)" },
+    "data-testid": `only-indicator-${e}`,
+    children: [" ", "(only)"]
+  }),
+  r && /* @__PURE__ */ c("span", {
+    style: { color: "var(--twd-text-secondary)" },
+    "data-testid": `skip-indicator-${e}`,
+    children: [" ", "(skipped)"]
+  })
+] }), L = /* @__PURE__ */ (function(e) {
+  return e.CHAI_DIFF = "chai-diff", e.CHAI_MESSAGE = "chai-message", e.ERROR = "error", e;
+})({}), xt = (e) => {
   try {
-    const e = JSON.parse(t);
-    if (e && typeof e == "object" && "type" in e)
-      return e;
+    const t = JSON.parse(e);
+    if (t && typeof t == "object" && "type" in t) return t;
   } catch {
   }
   return null;
-}, Ee = (t) => {
-  if (t === null) return "null";
-  if (t === void 0) return "undefined";
-  if (typeof t == "string") return t;
-  if (typeof t == "object")
-    try {
-      return JSON.stringify(t, null, 2);
-    } catch {
-      return String(t);
-    }
-  return String(t);
-}, yt = (t) => t.startsWith("Assertion passed") || t.startsWith("Event fired") ? { color: "var(--twd-success)", fontWeight: "var(--twd-font-weight-bold)" } : t.startsWith("Test failed") ? { color: "var(--twd-error)", fontWeight: "var(--twd-font-weight-bold)" } : {}, bt = (t) => t.type === "chai-message" || t.type === "error", kt = (t, e) => e && bt(e) ? e.message : t, St = ({ log: t, index: e }) => {
-  const r = wt(t);
-  if (r?.type === A.CHAI_DIFF)
-    return /* @__PURE__ */ c(
-      "li",
-      {
+}, Le = (e) => {
+  if (e === null) return "null";
+  if (e === void 0) return "undefined";
+  if (typeof e == "string") return e;
+  if (typeof e == "object") try {
+    return JSON.stringify(e, null, 2);
+  } catch {
+    return String(e);
+  }
+  return String(e);
+}, Tt = (e) => e.startsWith("Assertion passed") || e.startsWith("Event fired") ? {
+  color: "var(--twd-success)",
+  fontWeight: "var(--twd-font-weight-bold)"
+} : e.startsWith("Test failed") ? {
+  color: "var(--twd-error)",
+  fontWeight: "var(--twd-font-weight-bold)"
+} : {}, Rt = (e) => e.type === L.CHAI_MESSAGE || e.type === L.ERROR, Ct = (e, t) => t && Rt(t) ? t.message : e, $t = ({ log: e, index: t }) => {
+  const r = xt(e);
+  if (r?.type === L.CHAI_DIFF) return /* @__PURE__ */ c("li", {
+    style: {
+      fontSize: "var(--twd-font-size-sm)",
+      padding: "var(--twd-spacing-sm)",
+      borderBottom: "1px solid var(--twd-border-light)",
+      color: "var(--twd-text)"
+    },
+    children: [
+      /* @__PURE__ */ c("div", {
         style: {
-          fontSize: "var(--twd-font-size-sm)",
-          padding: "var(--twd-spacing-sm)",
-          borderBottom: "1px solid var(--twd-border-light)",
-          color: "var(--twd-text)"
+          color: "var(--twd-error)",
+          fontWeight: "var(--twd-font-weight-bold)",
+          marginBottom: "var(--twd-spacing-xs)"
         },
-        children: [
-          /* @__PURE__ */ c("div", { style: {
+        children: "❌ Assertion failed"
+      }),
+      /* @__PURE__ */ c("div", {
+        style: {
+          marginTop: "var(--twd-spacing-xs)",
+          paddingLeft: "var(--twd-spacing-sm)",
+          borderLeft: "2px solid var(--twd-success)"
+        },
+        children: [/* @__PURE__ */ c("div", {
+          style: {
+            color: "var(--twd-success)",
+            fontWeight: "var(--twd-font-weight-medium)",
+            marginBottom: "var(--twd-spacing-xs)"
+          },
+          children: "Expected:"
+        }), /* @__PURE__ */ c("pre", {
+          style: {
+            margin: 0,
+            padding: "var(--twd-spacing-xs)",
+            background: "var(--twd-background)",
+            borderRadius: "var(--twd-border-radius)",
+            fontSize: "var(--twd-font-size-xs)",
+            overflowX: "auto",
+            whiteSpace: "pre-wrap",
+            wordBreak: "break-word"
+          },
+          children: Le(r.expected)
+        })]
+      }),
+      /* @__PURE__ */ c("div", {
+        style: {
+          marginTop: "var(--twd-spacing-xs)",
+          paddingLeft: "var(--twd-spacing-sm)",
+          borderLeft: "2px solid var(--twd-error)"
+        },
+        children: [/* @__PURE__ */ c("div", {
+          style: {
             color: "var(--twd-error)",
-            fontWeight: "var(--twd-font-weight-bold)",
+            fontWeight: "var(--twd-font-weight-medium)",
             marginBottom: "var(--twd-spacing-xs)"
-          }, children: "❌ Assertion failed" }),
-          /* @__PURE__ */ c("div", { style: {
-            marginTop: "var(--twd-spacing-xs)",
-            paddingLeft: "var(--twd-spacing-sm)",
-            borderLeft: "2px solid var(--twd-success)"
-          }, children: [
-            /* @__PURE__ */ c("div", { style: {
-              color: "var(--twd-success)",
-              fontWeight: "var(--twd-font-weight-medium)",
-              marginBottom: "var(--twd-spacing-xs)"
-            }, children: "Expected:" }),
-            /* @__PURE__ */ c("pre", { style: {
-              margin: 0,
-              padding: "var(--twd-spacing-xs)",
-              background: "var(--twd-background)",
-              borderRadius: "var(--twd-border-radius)",
-              fontSize: "var(--twd-font-size-xs)",
-              overflowX: "auto",
-              whiteSpace: "pre-wrap",
-              wordBreak: "break-word"
-            }, children: Ee(r.expected) })
-          ] }),
-          /* @__PURE__ */ c("div", { style: {
-            marginTop: "var(--twd-spacing-xs)",
-            paddingLeft: "var(--twd-spacing-sm)",
-            borderLeft: "2px solid var(--twd-error)"
-          }, children: [
-            /* @__PURE__ */ c("div", { style: {
-              color: "var(--twd-error)",
-              fontWeight: "var(--twd-font-weight-medium)",
-              marginBottom: "var(--twd-spacing-xs)"
-            }, children: "Actual:" }),
-            /* @__PURE__ */ c("pre", { style: {
-              margin: 0,
-              padding: "var(--twd-spacing-xs)",
-              background: "var(--twd-background)",
-              borderRadius: "var(--twd-border-radius)",
-              fontSize: "var(--twd-font-size-xs)",
-              overflowX: "auto",
-              whiteSpace: "pre-wrap",
-              wordBreak: "break-word"
-            }, children: Ee(r.actual) })
-          ] })
-        ]
-      },
-      e
-    );
-  const n = kt(t, r);
-  return /* @__PURE__ */ c(
-    "li",
-    {
-      style: {
-        fontSize: "var(--twd-font-size-sm)",
-        padding: "var(--twd-spacing-xs) var(--twd-spacing-sm)",
-        borderBottom: "1px solid var(--twd-border-light)",
-        color: "var(--twd-text)",
-        ...yt(n)
-      },
-      children: n
+          },
+          children: "Actual:"
+        }), /* @__PURE__ */ c("pre", {
+          style: {
+            margin: 0,
+            padding: "var(--twd-spacing-xs)",
+            background: "var(--twd-background)",
+            borderRadius: "var(--twd-border-radius)",
+            fontSize: "var(--twd-font-size-xs)",
+            overflowX: "auto",
+            whiteSpace: "pre-wrap",
+            wordBreak: "break-word"
+          },
+          children: Le(r.actual)
+        })]
+      })
+    ]
+  }, t);
+  const n = Ct(e, r);
+  return /* @__PURE__ */ c("li", {
+    style: {
+      fontSize: "var(--twd-font-size-sm)",
+      padding: "var(--twd-spacing-xs) var(--twd-spacing-sm)",
+      borderBottom: "1px solid var(--twd-border-light)",
+      color: "var(--twd-text)",
+      ...Tt(n)
     },
-    e
-  );
-}, H = {
-  container: {
-    marginBottom: "var(--twd-spacing-xs)"
-  },
+    children: n
+  }, t);
+}, D = {
+  container: { marginBottom: "var(--twd-spacing-xs)" },
   item: {
     display: "flex",
     alignItems: "left",
@@ -665,78 +682,43 @@ const wt = (t) => {
     marginTop: "var(--twd-spacing-xs)",
     textAlign: "left"
   }
-}, xt = (t) => {
-  switch (t.status) {
+}, Et = (e) => {
+  switch (e.status) {
     case "pass":
       return {
-        item: {
-          background: "var(--twd-success-bg)"
-        },
-        container: {
-          borderLeft: "3px solid var(--twd-success)"
-        }
+        item: { background: "var(--twd-success-bg)" },
+        container: { borderLeft: "3px solid var(--twd-success)" }
       };
     case "fail":
       return {
-        item: {
-          background: "var(--twd-error-bg)"
-        },
-        container: {
-          borderLeft: "3px solid var(--twd-error)"
-        }
+        item: { background: "var(--twd-error-bg)" },
+        container: { borderLeft: "3px solid var(--twd-error)" }
       };
     case "skip":
-      return {
-        item: {
-          background: "var(--twd-skip-bg)"
-        }
-      };
+      return { item: { background: "var(--twd-skip-bg)" } };
     case "running":
-      return {
-        item: {
-          background: "var(--twd-warning-bg)"
-        }
-      };
+      return { item: { background: "var(--twd-warning-bg)" } };
     default:
-      return {
-        item: {
-          background: "transparent"
-        }
-      };
+      return { item: { background: "transparent" } };
   }
-}, Tt = ({
-  node: t,
-  depth: e,
-  id: r,
-  runTest: n
-}) => {
-  const o = F(null), s = F(t.status), l = F(t.logs?.length || 0), d = z(() => xt(t), [t.status]), u = typeof window < "u" && sessionStorage.getItem("twd-last-run-test-name") === t.name, a = z(
-    () => ({
-      ...H.container,
-      marginLeft: `calc(${e} * var(--twd-spacing-sm))`,
-      ...d.container || {}
-    }),
-    [e, d]
-  ), p = z(
-    () => ({
-      ...H.item,
-      ...d.item,
-      ...u && {
-        border: "1px dashed var(--twd-border)"
-      }
-    }),
-    [d, u]
-  );
-  te(() => {
+}, It = ({ node: e, depth: t, id: r, runTest: n }) => {
+  const o = O(null), s = O(e.status), l = O(e.logs?.length || 0), d = N(() => Et(e), [e.status]), u = typeof window < "u" && sessionStorage.getItem("twd-last-run-test-name") === e.name, a = N(() => ({
+    ...D.container,
+    marginLeft: `calc(${t} * var(--twd-spacing-sm))`,
+    ...d.container || {}
+  }), [t, d]), p = N(() => ({
+    ...D.item,
+    ...d.item,
+    ...u && { border: "1px dashed var(--twd-border)" }
+  }), [d, u]);
+  oe(() => {
     const f = o.current;
-    if (!f || !t.logs || t.logs.length === 0) return;
-    const _ = s.current === "running" && (t.status === "pass" || t.status === "fail"), v = t.logs.length > l.current;
-    (_ || v) && setTimeout(() => {
+    !f || !e.logs || e.logs.length === 0 || ((s.current === "running" && (e.status === "pass" || e.status === "fail") || e.logs.length > l.current) && setTimeout(() => {
       f.scrollTop = f.scrollHeight;
-    }, 0), s.current = t.status, l.current = t.logs.length;
-  }, [t.status, t.logs]);
+    }, 0), s.current = e.status, l.current = e.logs.length);
+  }, [e.status, e.logs]);
   const i = () => {
-    switch (t.status) {
+    switch (e.status) {
       case "pass":
         return "passed";
       case "fail":
@@ -749,45 +731,53 @@ const wt = (t) => {
         return "not run";
     }
   };
-  return /* @__PURE__ */ c(
-    "li",
-    {
-      style: a,
-      "data-testid": `test-list-item-${r}`,
-      "data-test-name": t.name,
-      role: "listitem",
-      "aria-label": `Test ${t.name}, status: ${i()}`,
-      children: [
-        /* @__PURE__ */ c("div", { style: p, children: [
-          /* @__PURE__ */ c("span", { style: H.nameSpan, children: /* @__PURE__ */ c(
-            Je,
-            {
-              id: r,
-              name: t.name,
-              skip: t.skip,
-              only: t.only
-            }
-          ) }),
-          /* @__PURE__ */ c(
-            "button",
-            {
-              onClick: () => n(r),
-              "aria-label": `Run ${t.name} test`,
-              style: H.button,
-              disabled: t.status === "running",
-              "data-testid": `run-test-button-${r}`,
-              children: t.status === "running" ? /* @__PURE__ */ c(mt, {}) : /* @__PURE__ */ c(vt, {})
-            }
-          )
-        ] }),
-        t.logs && t.logs.length > 0 && /* @__PURE__ */ c("ul", { ref: o, style: H.logsList, children: t.logs.map((f, _) => /* @__PURE__ */ c(St, { log: f, index: _ }, _)) })
-      ]
-    },
-    t.name
-  );
-}, Ct = () => /* @__PURE__ */ c(re, { className: "lucide-chevron-down-icon lucide-chevron-down", dataTestId: "chevron-down-icon", children: /* @__PURE__ */ c("path", { d: "m6 9 6 6 6-6" }) }), Rt = () => /* @__PURE__ */ c(re, { className: "lucide-chevron-right-icon lucide-chevron-right", dataTestId: "chevron-right-icon", children: /* @__PURE__ */ c("path", { d: "m9 18 6-6-6-6" }) }), It = ({ roots: t, runTest: e, searchQuery: r = "" }) => {
-  const [n, o] = B({}), s = F(null), l = F(!1), d = (a) => o((p) => ({ ...p, [a]: !p[a] }));
-  te(() => {
+  return /* @__PURE__ */ c("li", {
+    style: a,
+    "data-testid": `test-list-item-${r}`,
+    "data-test-name": e.name,
+    role: "listitem",
+    "aria-label": `Test ${e.name}, status: ${i()}`,
+    children: [/* @__PURE__ */ c("div", {
+      style: p,
+      children: [/* @__PURE__ */ c("span", {
+        style: D.nameSpan,
+        children: /* @__PURE__ */ c(Ke, {
+          id: r,
+          name: e.name,
+          skip: e.skip,
+          only: e.only
+        })
+      }), /* @__PURE__ */ c("button", {
+        onClick: () => n(r),
+        "aria-label": `Run ${e.name} test`,
+        style: D.button,
+        disabled: e.status === "running",
+        "data-testid": `run-test-button-${r}`,
+        children: e.status === "running" ? /* @__PURE__ */ c(kt, {}) : /* @__PURE__ */ c(St, {})
+      })]
+    }), e.logs && e.logs.length > 0 && /* @__PURE__ */ c("ul", {
+      ref: o,
+      style: D.logsList,
+      children: e.logs.map((f, _) => /* @__PURE__ */ c($t, {
+        log: f,
+        index: _
+      }, _))
+    })]
+  }, e.name);
+}, At = () => /* @__PURE__ */ c(se, {
+  className: "lucide-chevron-down-icon lucide-chevron-down",
+  dataTestId: "chevron-down-icon",
+  children: /* @__PURE__ */ c("path", { d: "m6 9 6 6 6-6" })
+}), Lt = () => /* @__PURE__ */ c(se, {
+  className: "lucide-chevron-right-icon lucide-chevron-right",
+  dataTestId: "chevron-right-icon",
+  children: /* @__PURE__ */ c("path", { d: "m9 18 6-6-6-6" })
+}), Mt = ({ roots: e, runTest: t, searchQuery: r = "" }) => {
+  const [n, o] = P({}), s = O(null), l = O(!1), d = (a) => o((p) => ({
+    ...p,
+    [a]: !p[a]
+  }));
+  oe(() => {
     if (l.current) return;
     const a = sessionStorage.getItem("twd-last-run-test-name");
     if (!a) return;
@@ -796,10 +786,9 @@ const wt = (t) => {
       if (i) {
         const f = s.current?.closest('[data-testid="twd-sidebar"]');
         if (f) {
-          const _ = i.getBoundingClientRect(), v = f.getBoundingClientRect(), T = f.scrollTop, b = _.top - v.top + T;
+          const _ = i.getBoundingClientRect(), w = f.getBoundingClientRect(), C = f.scrollTop, k = _.top - w.top + C, v = f.querySelector('[data-testid="twd-sidebar-header"]'), g = v ? v.getBoundingClientRect().height + 16 : 150;
           f.scrollTo({
-            top: b - 150,
-            // 150px offset from top
+            top: k - g,
             behavior: "smooth"
           });
         }
@@ -809,81 +798,83 @@ const wt = (t) => {
     return () => clearTimeout(p);
   }, []);
   const u = (a, p = 0) => {
-    if (a.type === "test")
-      return /* @__PURE__ */ c(
-        Tt,
-        {
-          node: a,
-          depth: p,
-          id: a.id,
-          runTest: () => e(a.id)
-        },
-        a.id
-      );
+    if (a.type === "test") return /* @__PURE__ */ c(It, {
+      node: a,
+      depth: p,
+      id: a.id,
+      runTest: () => t(a.id)
+    }, a.id);
     const i = n[a.id];
-    return /* @__PURE__ */ c("li", { style: { marginLeft: `calc(${p} * var(--twd-spacing-lg))` }, children: [
-      /* @__PURE__ */ c(
-        "div",
-        {
+    return /* @__PURE__ */ c("li", {
+      style: { marginLeft: `calc(${p} * var(--twd-spacing-lg))` },
+      children: [/* @__PURE__ */ c("div", {
+        style: {
+          background: "var(--twd-describe-bg)",
+          borderLeft: "3px solid var(--twd-describe-border)",
+          borderRadius: "var(--twd-border-radius)",
+          padding: "var(--twd-spacing-xs) var(--twd-spacing-sm)",
+          marginBottom: "var(--twd-spacing-sm)"
+        },
+        children: /* @__PURE__ */ c("span", {
           style: {
-            background: "var(--twd-describe-bg)",
-            borderLeft: "3px solid var(--twd-describe-border)",
-            borderRadius: "var(--twd-border-radius)",
-            padding: "var(--twd-spacing-xs) var(--twd-spacing-sm)",
-            marginBottom: "var(--twd-spacing-sm)"
+            fontWeight: "var(--twd-font-weight-medium)",
+            fontSize: "var(--twd-font-size-sm)",
+            cursor: "pointer",
+            color: "var(--twd-describe-text)",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: "var(--twd-spacing-sm)",
+            textTransform: "uppercase",
+            letterSpacing: "0.05em"
           },
-          children: /* @__PURE__ */ c(
-            "span",
-            {
-              style: {
-                fontWeight: "var(--twd-font-weight-medium)",
-                fontSize: "var(--twd-font-size-sm)",
-                cursor: "pointer",
-                color: "var(--twd-describe-text)",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "space-between",
-                gap: "var(--twd-spacing-sm)",
-                textTransform: "uppercase",
-                letterSpacing: "0.05em"
-              },
-              "data-testid": `test-group-${a.name}`,
-              tabIndex: 0,
-              role: "button",
-              "aria-expanded": !i,
-              "aria-label": `${i ? "Expand" : "Collapse"} test suite ${a.name}`,
-              onClick: () => d(a.id),
-              children: [
-                /* @__PURE__ */ c(Je, { id: a.id, name: a.name, skip: a.skip, only: a.only }),
-                i ? /* @__PURE__ */ c(Rt, {}) : /* @__PURE__ */ c(Ct, {})
-              ]
-            }
-          )
-        }
-      ),
-      !i && a.childrenNodes && a.childrenNodes.length > 0 && /* @__PURE__ */ c("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: a.childrenNodes.map((f) => u(f, p + 1)) })
-    ] }, a.id);
+          "data-testid": `test-group-${a.name}`,
+          tabIndex: 0,
+          role: "button",
+          "aria-expanded": !i,
+          "aria-label": `${i ? "Expand" : "Collapse"} test suite ${a.name}`,
+          onClick: () => d(a.id),
+          children: [/* @__PURE__ */ c(Ke, {
+            id: a.id,
+            name: a.name,
+            skip: a.skip,
+            only: a.only
+          }), i ? /* @__PURE__ */ c(Lt, {}) : /* @__PURE__ */ c(At, {})]
+        })
+      }), !i && a.childrenNodes && a.childrenNodes.length > 0 && /* @__PURE__ */ c("ul", {
+        style: {
+          listStyle: "none",
+          padding: 0,
+          margin: 0
+        },
+        children: a.childrenNodes.map((f) => u(f, p + 1))
+      })]
+    }, a.id);
   };
-  return /* @__PURE__ */ c(
-    "ul",
-    {
-      ref: s,
-      style: { listStyle: "none", padding: 0, margin: 0 },
-      role: "list",
-      "aria-label": "Test list",
-      children: t.length === 0 && r ? /* @__PURE__ */ c("li", { style: {
+  return /* @__PURE__ */ c("ul", {
+    ref: s,
+    style: {
+      listStyle: "none",
+      padding: 0,
+      margin: 0
+    },
+    role: "list",
+    "aria-label": "Test list",
+    children: e.length === 0 && r ? /* @__PURE__ */ c("li", {
+      style: {
         padding: "var(--twd-spacing-md)",
         color: "var(--twd-text-secondary)",
         fontSize: "var(--twd-font-size-sm)",
         textAlign: "center"
-      }, children: [
+      },
+      children: [
         'No tests match "',
         r,
         '"'
-      ] }) : t.map((a) => u(a))
-    }
-  );
-}, $t = {
+      ]
+    }) : e.map((a) => u(a))
+  });
+}, zt = {
   left: {
     left: 0,
     borderTopRightRadius: "var(--twd-border-radius-lg)",
@@ -898,32 +889,61 @@ const wt = (t) => {
     borderTopRightRadius: "0",
     borderBottomRightRadius: "0"
   }
-}, Et = ({ setOpen: t, position: e }) => /* @__PURE__ */ c(
-  "button",
-  {
-    "aria-label": "Open TWD sidebar",
-    style: {
-      position: "fixed",
-      top: "50%",
-      transform: "translateY(-50%)",
-      background: "var(--twd-button-primary)",
-      color: "var(--twd-button-primary-text)",
-      padding: "var(--twd-spacing-sm) 10px",
-      cursor: "pointer",
-      fontSize: "var(--twd-font-size-sm)",
-      ...$t[e]
-    },
-    onClick: () => t(!0),
-    children: "TWD"
-  }
-), At = ({ isOpen: t, position: e }) => {
-  te(() => {
+}, Nt = ({ setOpen: e, position: t }) => /* @__PURE__ */ c("button", {
+  "aria-label": "Open TWD sidebar",
+  style: {
+    position: "fixed",
+    top: "50%",
+    transform: "translateY(-50%)",
+    zIndex: "var(--twd-z-index-sidebar)",
+    background: "var(--twd-button-primary)",
+    color: "var(--twd-button-primary-text)",
+    padding: "var(--twd-spacing-sm) 10px",
+    cursor: "pointer",
+    fontSize: "var(--twd-font-size-sm)",
+    ...zt[t]
+  },
+  onClick: () => e(!0),
+  children: "TWD"
+}), Wt = ({ isOpen: e, position: t }) => {
+  oe(() => {
     const r = document.documentElement, n = getComputedStyle(document.documentElement).getPropertyValue("--twd-sidebar-width") || "280px";
-    return t ? e === "left" ? r.style.marginLeft = n : r.style.marginRight = n : (r.style.marginRight = "0", r.style.marginLeft = "0"), () => {
+    return e ? t === "left" ? r.style.marginLeft = n : r.style.marginRight = n : (r.style.marginRight = "0", r.style.marginLeft = "0"), () => {
       r.style.marginRight = "0", r.style.marginLeft = "0";
     };
-  }, [t, e]);
-}, Lt = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STATE__ = {
+  }, [e, t]);
+};
+function U(e) {
+  "@babel/helpers - typeof";
+  return U = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, U(e);
+}
+function Ht(e, t) {
+  if (U(e) != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t || "default");
+    if (U(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function Bt(e) {
+  var t = Ht(e, "string");
+  return U(t) == "symbol" ? t : t + "";
+}
+function Me(e, t, r) {
+  return (t = Bt(t)) in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+var Dt = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STATE__ = {
   handlers: /* @__PURE__ */ new Map(),
   beforeEachHooks: /* @__PURE__ */ new Map(),
   afterEachHooks: /* @__PURE__ */ new Map(),
@@ -933,244 +953,310 @@ const wt = (t) => {
   beforeEachHooks: /* @__PURE__ */ new Map(),
   afterEachHooks: /* @__PURE__ */ new Map(),
   stack: []
-}, he = Lt(), x = he.handlers, Ae = he.beforeEachHooks, Le = he.afterEachHooks, Mt = (t) => {
-  const e = [], r = [];
-  let n = t;
+}, ie = Dt(), m = ie.handlers, ze = ie.beforeEachHooks, Ne = ie.afterEachHooks, T = ie.stack, B = () => Math.random().toString(36).slice(2, 11), Ye = (e, t) => {
+  const r = B(), n = T.at(-1);
+  m.set(r, {
+    id: r,
+    name: e,
+    type: "suite",
+    children: [],
+    logs: [],
+    depth: T.length,
+    parent: n,
+    handler: t
+  }), n && m.get(n).children.push(r), T.push(r), t(), T.pop();
+};
+Ye.only = (e, t) => {
+  const r = B(), n = T.at(-1);
+  m.set(r, {
+    id: r,
+    name: e,
+    type: "suite",
+    children: [],
+    logs: [],
+    depth: T.length,
+    parent: n,
+    handler: t,
+    only: !0
+  }), n && m.get(n).children.push(r), T.push(r), t(), T.pop();
+};
+Ye.skip = (e, t) => {
+  const r = B(), n = T.at(-1);
+  m.set(r, {
+    id: r,
+    name: e,
+    type: "suite",
+    children: [],
+    logs: [],
+    depth: T.length,
+    parent: n,
+    handler: t,
+    skip: !0
+  }), n && m.get(n).children.push(r), T.push(r), t(), T.pop();
+};
+var Qe = (e, t) => {
+  const r = B(), n = T.at(-1), o = {
+    id: r,
+    name: e,
+    type: "test",
+    depth: T.length,
+    handler: t,
+    logs: [],
+    parent: n
+  };
+  n && m.get(n).children.push(r), m.set(r, o);
+};
+Qe.only = (e, t) => {
+  const r = B(), n = T.at(-1), o = {
+    id: r,
+    name: e,
+    type: "test",
+    depth: T.length,
+    handler: t,
+    logs: [],
+    parent: n,
+    only: !0
+  };
+  n && m.get(n).children.push(r), m.set(r, o);
+};
+Qe.skip = (e, t) => {
+  const r = B(), n = T.at(-1), o = {
+    id: r,
+    name: e,
+    type: "test",
+    depth: T.length,
+    handler: t || (() => {
+    }),
+    logs: [],
+    parent: n,
+    skip: !0
+  };
+  n && m.get(n).children.push(r), m.set(r, o);
+};
+var Pt = (e) => {
+  const t = [], r = [];
+  let n = e;
   for (; n; )
-    Ae.has(n) && e.unshift(...Ae.get(n)), Le.has(n) && r.push(...Le.get(n)), n = x.get(n)?.parent;
-  return { before: e, after: r };
-}, D = (t) => {
-  const e = x.get(t);
-  return e ? e.only ? !0 : e.children ? e.children.some((r) => D(r)) : !1 : !1;
-}, zt = (t) => {
-  let e = x.get(t);
-  for (; e?.parent; ) {
-    const r = x.get(e.parent);
+    ze.has(n) && t.unshift(...ze.get(n)), Ne.has(n) && r.push(...Ne.get(n)), n = m.get(n)?.parent;
+  return {
+    before: t,
+    after: r
+  };
+}, F = (e) => {
+  const t = m.get(e);
+  return t ? t.only ? !0 : t.children ? t.children.some((r) => F(r)) : !1 : !1;
+}, Ft = (e) => {
+  let t = m.get(e);
+  for (; t?.parent; ) {
+    const r = m.get(t.parent);
     if (r?.only) return !0;
-    e = r;
+    t = r;
   }
   return !1;
-}, oe = (t) => {
-  let e = x.get(t);
-  for (; e; ) {
-    if (e.skip) return !0;
-    if (!e.parent) break;
-    e = x.get(e.parent);
+}, le = (e) => {
+  let t = m.get(e);
+  for (; t; ) {
+    if (t.skip) return !0;
+    if (!t.parent) break;
+    t = m.get(t.parent);
   }
   return !1;
-};
-class Xe {
-  constructor(e, r) {
-    ne(this, "events");
-    ne(this, "retryCount");
-    this.events = e, this.retryCount = r?.retryCount ?? 1;
+}, Ze = class {
+  constructor(e, t) {
+    Me(this, "events", void 0), Me(this, "retryCount", void 0), this.events = e, this.retryCount = t?.retryCount ?? 1;
   }
   async runAll() {
-    const e = Array.from(x.values()).filter(
-      (n) => !n.parent && n.type === "suite"
-    ), r = Array.from(x.values()).some((n) => n.only);
-    for (const n of e)
-      await this.runSuite(n, r);
-    return x;
+    const e = Array.from(m.values()).filter((r) => !r.parent && r.type === "suite"), t = Array.from(m.values()).some((r) => r.only);
+    for (const r of e) await this.runSuite(r, t);
+    return m;
   }
   async runSingle(e) {
-    const r = x.get(e);
-    if (!r || r.type !== "test") return;
-    await this.runTest(r, !1);
+    const t = m.get(e);
+    !t || t.type !== "test" || await this.runTest(t, !1);
   }
   async runByIds(e) {
-    const r = new Set(e), n = Array.from(x.values()).filter(
-      (s) => !s.parent && s.type === "suite"
-    ), o = Array.from(x.values()).some((s) => s.only);
-    for (const s of n)
-      await this.runSuiteByIds(s, r, o);
-    return x;
+    const t = new Set(e), r = Array.from(m.values()).filter((o) => !o.parent && o.type === "suite"), n = Array.from(m.values()).some((o) => o.only);
+    for (const o of r) await this.runSuiteByIds(o, t, n);
+    return m;
   }
-  async runSuiteByIds(e, r, n) {
-    if (!this.hasDescendantInSet(e, r)) return;
-    if (oe(e.id) && !D(e.id)) {
+  async runSuiteByIds(e, t, r) {
+    if (!this.hasDescendantInSet(e, t)) return;
+    if (le(e.id) && !F(e.id)) {
       this.events.onSkip?.(e);
       return;
     }
-    if (n && !D(e.id)) return;
+    if (r && !F(e.id)) return;
     this.events.onSuiteStart?.(e);
-    const l = (e.children || []).map((d) => x.get(d));
-    for (const d of l)
-      d.type === "suite" ? await this.runSuiteByIds(d, r, n) : d.type === "test" && r.has(d.id) && await this.runTest(d, n);
+    const n = (e.children || []).map((o) => m.get(o));
+    for (const o of n) o.type === "suite" ? await this.runSuiteByIds(o, t, r) : o.type === "test" && t.has(o.id) && await this.runTest(o, r);
     this.events.onSuiteEnd?.(e);
   }
-  hasDescendantInSet(e, r) {
-    return r.has(e.id) ? !0 : e.children ? e.children.some((n) => {
-      const o = x.get(n);
-      return o ? this.hasDescendantInSet(o, r) : !1;
+  hasDescendantInSet(e, t) {
+    return t.has(e.id) ? !0 : e.children ? e.children.some((r) => {
+      const n = m.get(r);
+      return n ? this.hasDescendantInSet(n, t) : !1;
     }) : !1;
   }
-  async runSuite(e, r) {
-    if (oe(e.id) && !D(e.id)) {
+  async runSuite(e, t) {
+    if (le(e.id) && !F(e.id)) {
       this.events.onSkip?.(e);
       return;
     }
-    if (r && !D(e.id)) return;
+    if (t && !F(e.id)) return;
     this.events.onSuiteStart?.(e);
-    const o = (e.children || []).map((s) => x.get(s));
-    for (const s of o)
-      s.type === "suite" ? await this.runSuite(s, r) : s.type === "test" && await this.runTest(s, r);
+    const r = (e.children || []).map((n) => m.get(n));
+    for (const n of r) n.type === "suite" ? await this.runSuite(n, t) : n.type === "test" && await this.runTest(n, t);
     this.events.onSuiteEnd?.(e);
   }
-  async runTest(e, r) {
-    if ((oe(e.id) || e.skip) && !e.only) {
+  async runTest(e, t) {
+    if ((le(e.id) || e.skip) && !e.only) {
       this.events.onSkip(e);
       return;
     }
-    const o = zt(e.id);
-    if (r && !e.only && !o) {
+    const r = Ft(e.id);
+    if (t && !e.only && !r) {
       this.events.onSkip(e);
       return;
     }
     this.events.onStart?.(e);
-    const s = Mt(e.parent);
-    let l = null;
-    for (let d = 1; d <= this.retryCount; d++)
-      try {
-        for (const u of s.before) await u();
-        e.logs = [], await e.handler(), this.events.onPass(e, d > 1 ? d : void 0);
-        return;
-      } catch (u) {
-        l = u;
-      } finally {
-        for (const u of s.after) await u();
-      }
-    this.events.onFail(e, l);
+    const n = Pt(e.parent);
+    let o = null;
+    for (let s = 1; s <= this.retryCount; s++) try {
+      for (const l of n.before) await l();
+      e.logs = [], await e.handler(), this.events.onPass(e, s > 1 ? s : void 0);
+      return;
+    } catch (l) {
+      o = l;
+    } finally {
+      for (const l of n.after) await l();
+    }
+    this.events.onFail(e, o);
   }
-}
-window.__testRunner = Xe;
-const ge = "1.6.1", Nt = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ || (window.__TWD_MOCK_STATE__ = {
+};
+window.__testRunner = Ze;
+var me = "1.6.3", Ot = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ || (window.__TWD_MOCK_STATE__ = {
   rules: [],
   counts: {}
 }), window.__TWD_MOCK_STATE__) : {
   rules: [],
   counts: {}
-}, O = Nt(), me = O.rules;
-let Me = !1;
-const Wt = async (t) => {
-  if (Me) {
+}, q = Ot(), ye = q.rules, We = !1, jt = async (e) => {
+  if (We) {
     console.warn("[TWD] Request mocking already initialized");
     return;
   }
-  if ("serviceWorker" in navigator) {
-    Me = !0;
-    const e = t ?? "/mock-sw.js";
-    await navigator.serviceWorker.register(`${e}?v=${ge}`), navigator.serviceWorker.controller || await new Promise((r) => {
-      navigator.serviceWorker.addEventListener("controllerchange", r, { once: !0 });
-    }), navigator.serviceWorker.addEventListener("message", (r) => {
-      if (r.data?.type === "EXECUTED") {
-        const { alias: n, request: o, hitCount: s } = r.data, l = me.find((d) => d.alias === n);
-        l && (l.executed = !0, l.request = o, l.hitCount = s), O.counts[n] = s ?? (O.counts[n] ?? 0) + 1;
-      }
-    });
-  }
-}, Ht = () => me, Bt = () => {
+  "serviceWorker" in navigator && (We = !0, await navigator.serviceWorker.register(`${e ?? "/mock-sw.js"}?v=${me}`), navigator.serviceWorker.controller || await new Promise((t) => {
+    navigator.serviceWorker.addEventListener("controllerchange", t, { once: !0 });
+  }), navigator.serviceWorker.addEventListener("message", (t) => {
+    if (t.data?.type === "EXECUTED") {
+      const { alias: r, request: n, hitCount: o } = t.data, s = ye.find((l) => l.alias === r);
+      s && (s.executed = !0, s.request = n, s.hitCount = o), q.counts[r] = o ?? (q.counts[r] ?? 0) + 1;
+    }
+  }));
+}, Ut = () => ye, qt = () => {
   navigator.serviceWorker.controller?.postMessage({
     type: "CLEAR_RULES",
-    version: ge
-  }), me.length = 0;
-  for (const t in O.counts)
-    delete O.counts[t];
-}, Dt = () => /* @__PURE__ */ c(re, { className: "lucide-wifi-pen-icon lucide-wifi-pen", dataTestId: "wifi-pen-icon", children: [
-  /* @__PURE__ */ c("path", { d: "M2 8.82a15 15 0 0 1 20 0" }),
-  /* @__PURE__ */ c("path", { d: "M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z" }),
-  /* @__PURE__ */ c("path", { d: "M5 12.859a10 10 0 0 1 10.5-2.222" }),
-  /* @__PURE__ */ c("path", { d: "M8.5 16.429a5 5 0 0 1 3-1.406" })
-] }), Ft = () => {
-  const t = Ht(), e = t.filter((n) => n.executed);
-  return /* @__PURE__ */ c(
-    "button",
-    {
-      onClick: () => {
-        console.group("🌐 TWD Mock Rules"), console.log("Total rules:", t.length), console.log("Triggered rules:", e.length), console.log("Rules details:"), console.log(t), console.groupEnd();
-      },
-      "aria-label": "View mock rules details in console",
-      style: {
-        background: "var(--twd-button-secondary)",
-        border: "1px solid var(--twd-button-border)",
-        borderRadius: "var(--twd-border-radius-lg)",
-        padding: "var(--twd-spacing-md) var(--twd-spacing-lg)",
-        cursor: "pointer",
-        fontSize: "var(--twd-font-size-sm)",
-        color: "var(--twd-button-secondary-text)",
-        display: "flex",
-        alignItems: "center",
-        gap: "var(--twd-spacing-md)",
-        marginBottom: "10px",
-        width: "100%",
-        textAlign: "left",
-        transition: "all var(--twd-animation-duration) ease",
-        boxShadow: "var(--twd-shadow-sm)"
-      },
-      children: [
-        /* @__PURE__ */ c(Dt, {}),
-        /* @__PURE__ */ c("span", { style: { flex: 1 }, children: [
+    version: me
+  }), ye.length = 0;
+  for (const e in q.counts) delete q.counts[e];
+}, Vt = () => /* @__PURE__ */ c(se, {
+  className: "lucide-wifi-pen-icon lucide-wifi-pen",
+  dataTestId: "wifi-pen-icon",
+  children: [
+    /* @__PURE__ */ c("path", { d: "M2 8.82a15 15 0 0 1 20 0" }),
+    /* @__PURE__ */ c("path", { d: "M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z" }),
+    /* @__PURE__ */ c("path", { d: "M5 12.859a10 10 0 0 1 10.5-2.222" }),
+    /* @__PURE__ */ c("path", { d: "M8.5 16.429a5 5 0 0 1 3-1.406" })
+  ]
+}), Jt = () => {
+  const e = Ut(), t = e.filter((n) => n.executed);
+  return /* @__PURE__ */ c("button", {
+    onClick: () => {
+      console.group("🌐 TWD Mock Rules"), console.log("Total rules:", e.length), console.log("Triggered rules:", t.length), console.log("Rules details:"), console.log(e), console.groupEnd();
+    },
+    "aria-label": "View mock rules details in console",
+    style: {
+      background: "var(--twd-button-secondary)",
+      border: "1px solid var(--twd-button-border)",
+      borderRadius: "var(--twd-border-radius-lg)",
+      padding: "var(--twd-spacing-md) var(--twd-spacing-lg)",
+      cursor: "pointer",
+      fontSize: "var(--twd-font-size-sm)",
+      color: "var(--twd-button-secondary-text)",
+      display: "flex",
+      alignItems: "center",
+      gap: "var(--twd-spacing-md)",
+      marginBottom: "10px",
+      width: "100%",
+      textAlign: "left",
+      transition: "all var(--twd-animation-duration) ease",
+      boxShadow: "var(--twd-shadow-sm)"
+    },
+    children: [
+      /* @__PURE__ */ c(Vt, {}),
+      /* @__PURE__ */ c("span", {
+        style: { flex: 1 },
+        children: [
           "Rules: ",
-          e.length,
-          "/",
           t.length,
+          "/",
+          e.length,
           " triggered"
-        ] }),
-        /* @__PURE__ */ c("span", { style: {
+        ]
+      }),
+      /* @__PURE__ */ c("span", {
+        style: {
           fontSize: "var(--twd-font-size-xs)",
           color: "var(--twd-text)",
           fontWeight: "var(--twd-font-weight-medium)"
-        }, children: "View rules in console" })
-      ]
-    }
-  );
-}, Pt = /* @__PURE__ */ new Map();
-function Ot() {
-  Pt.clear();
+        },
+        children: "View rules in console"
+      })
+    ]
+  });
+}, Xt = /* @__PURE__ */ new Map();
+function Gt() {
+  Xt.clear();
 }
-const Ut = (t) => t instanceof Error && "actual" in t && "expected" in t, Ge = (t) => t.actual !== void 0 && t.expected !== void 0 ? {
+var Kt = (e) => e instanceof Error && "actual" in e && "expected" in e, et = (e) => e.actual !== void 0 && e.expected !== void 0 ? {
   type: "diff",
-  actual: t.actual,
-  expected: t.expected,
-  operator: t.operator
+  actual: e.actual,
+  expected: e.expected,
+  operator: e.operator
 } : {
   type: "message",
-  message: t.message
-}, jt = (t) => {
-  const e = Ge(t);
-  if (e.type === "diff") {
-    const r = e.operator || "unknown";
-    console.error(`Assertion failed with operator: ${r}`), console.group("Expected:"), console.log(e.expected), console.groupEnd(), console.group("Actual:"), console.log(e.actual), console.groupEnd();
-  } else
-    console.error(e.message);
-}, qt = (t) => {
-  if (t.status === "pass")
-    return `Test "${t.name}" passed.`;
-  if (t.status === "fail") {
-    if (!t.logs || t.logs.length === 0)
-      return `Test "${t.name}" failed.`;
-    const e = t.logs[t.logs.length - 1];
+  message: e.message
+}, Yt = (e) => {
+  const t = et(e);
+  t.type === "diff" ? (console.error(`Assertion failed with operator: ${t.operator || "unknown"}`), console.group("Expected:"), console.log(t.expected), console.groupEnd(), console.group("Actual:"), console.log(t.actual), console.groupEnd()) : console.error(t.message);
+}, Qt = (e) => {
+  if (e.status === "pass") return `Test "${e.name}" passed.`;
+  if (e.status === "fail") {
+    if (!e.logs || e.logs.length === 0) return `Test "${e.name}" failed.`;
+    const t = e.logs[e.logs.length - 1];
     try {
-      const r = JSON.parse(e);
-      return r.type === A.CHAI_MESSAGE || r.type === A.ERROR ? `Test "${t.name}" failed. ${r.message}` : r.type === A.CHAI_DIFF ? `Test "${t.name}" failed. Expected value does not match actual value.` : `Test "${t.name}" failed.`;
+      const r = JSON.parse(t);
+      return r.type === L.CHAI_MESSAGE || r.type === L.ERROR ? `Test "${e.name}" failed. ${r.message}` : r.type === L.CHAI_DIFF ? `Test "${e.name}" failed. Expected value does not match actual value.` : `Test "${e.name}" failed.`;
     } catch {
-      return `Test "${t.name}" failed. ${e}`;
+      return `Test "${e.name}" failed. ${t}`;
     }
-  } else if (t.status === "skip")
-    return `Test "${t.name}" skipped.`;
+  } else if (e.status === "skip") return `Test "${e.name}" skipped.`;
   return "";
-}, Vt = (t) => {
-  const e = t.filter((l) => l.type === "test"), r = e.filter((l) => l.status === "pass").length, n = e.filter((l) => l.status === "fail").length, o = e.filter((l) => l.status === "skip").length, s = [];
+}, Zt = (e) => {
+  const t = e.filter((l) => l.type === "test"), r = t.filter((l) => l.status === "pass").length, n = t.filter((l) => l.status === "fail").length, o = t.filter((l) => l.status === "skip").length, s = [];
   return n > 0 ? (s.push("Test run completed."), s.push(`${r} test${r !== 1 ? "s" : ""} passed`), s.push(`${n} test${n !== 1 ? "s" : ""} failed`), o > 0 && s.push(`${o} test${o !== 1 ? "s" : ""} skipped`), s.join(", ") + ".") : (s.push("All tests passed."), s.push(`${r} test${r !== 1 ? "s" : ""} completed`), o > 0 && s.push(`${o} test${o !== 1 ? "s" : ""} skipped`), s.join(", ") + ".");
-}, Jt = ({ value: t, onChange: e }) => /* @__PURE__ */ c("div", { style: { position: "relative", marginBottom: "var(--twd-spacing-md)" }, children: /* @__PURE__ */ c(
-  "input",
-  {
+}, er = ({ value: e, onChange: t }) => /* @__PURE__ */ c("div", {
+  style: {
+    position: "relative",
+    marginBottom: "var(--twd-spacing-md)"
+  },
+  children: /* @__PURE__ */ c("input", {
     type: "search",
     id: "twd-search-input",
     "aria-label": "Filter tests",
     placeholder: "Filter tests...",
-    value: t,
-    onChange: (r) => e(r.target.value),
+    value: e,
+    onInput: (r) => t(r.target.value),
     style: {
       width: "100%",
       padding: "var(--twd-spacing-md)",
@@ -1182,151 +1268,174 @@ const Ut = (t) => t instanceof Error && "actual" in t && "expected" in t, Ge = (
       boxSizing: "border-box",
       outline: "none"
     }
-  }
-) }), Xt = (t, e) => {
-  if (!e.trim()) return t;
-  const r = e.toLowerCase(), n = (o) => {
+  })
+}), tr = (e, t) => {
+  if (!t.trim()) return e;
+  const r = t.toLowerCase(), n = (o) => {
     const s = o.name.toLowerCase().includes(r);
-    if (o.type === "test")
-      return s ? o : null;
+    if (o.type === "test") return s ? o : null;
     const l = (o.childrenNodes || []).map(n).filter((d) => d !== null);
     return s || l.length > 0 ? {
       ...o,
       childrenNodes: s ? o.childrenNodes : l
     } : null;
   };
-  return t.map(n).filter((o) => o !== null);
-}, Gt = (t) => {
-  const e = /* @__PURE__ */ new Map(), r = [];
-  for (const n of t) e.set(n.id, { ...n, childrenNodes: [] });
-  for (const n of e.values())
-    n.parent ? e.get(n.parent)?.childrenNodes?.push(n) : r.push(n);
+  return e.map(n).filter((o) => o !== null);
+}, rr = (e) => {
+  const t = /* @__PURE__ */ new Map(), r = [];
+  for (const n of e) t.set(n.id, {
+    ...n,
+    childrenNodes: []
+  });
+  for (const n of t.values()) n.parent ? t.get(n.parent)?.childrenNodes?.push(n) : r.push(n);
   return r;
-}, Kt = {
-  left: { left: 0, borderRight: "1px solid var(--twd-border)" },
-  right: { right: 0, borderLeft: "1px solid var(--twd-border)" }
-}, Yt = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', Qt = (t) => t ? sessionStorage.getItem("twd-search-filter") || "" : (sessionStorage.removeItem("twd-search-filter"), ""), Zt = (t) => sessionStorage.getItem("twd-sidebar-open") ? sessionStorage.getItem("twd-sidebar-open") === "true" : t, Ke = (t) => {
-  const e = [];
-  for (const r of t)
-    r.type === "test" && e.push(r.id), r.childrenNodes && e.push(...Ke(r.childrenNodes));
-  return e;
-}, er = ({ open: t, position: e = "left", search: r }) => {
-  const [n, o] = B(0), [s, l] = B(Zt(t));
-  At({ isOpen: s, position: e });
-  const [d, u] = B(""), [a, p] = B(Qt(r));
-  te(() => {
-    const h = () => o((y) => y + 1);
+}, nr = {
+  left: {
+    left: 0,
+    borderRight: "1px solid var(--twd-border)"
+  },
+  right: {
+    right: 0,
+    borderLeft: "1px solid var(--twd-border)"
+  }
+}, or = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', sr = (e) => e ? sessionStorage.getItem("twd-search-filter") || "" : (sessionStorage.removeItem("twd-search-filter"), ""), ir = (e) => sessionStorage.getItem("twd-sidebar-open") ? sessionStorage.getItem("twd-sidebar-open") === "true" : e, tt = (e) => {
+  const t = [];
+  for (const r of e)
+    r.type === "test" && t.push(r.id), r.childrenNodes && t.push(...tt(r.childrenNodes));
+  return t;
+}, ar = ({ open: e, position: t = "left", search: r }) => {
+  const [n, o] = P(0), [s, l] = P(ir(e));
+  Wt({
+    isOpen: s,
+    position: t
+  });
+  const [d, u] = P(""), [a, p] = P(sr(r));
+  oe(() => {
+    const h = () => o((b) => b + 1);
     return window.addEventListener("twd:state-change", h), () => window.removeEventListener("twd:state-change", h);
   }, []);
-  const i = new Xe({
+  const i = new Ze({
     onStart: (h) => {
-      h.status = "running", o((y) => y + 1);
+      h.status = "running", o((b) => b + 1);
     },
     onPass: (h) => {
-      h.status = "pass", o((y) => y + 1);
+      h.status = "pass", o((b) => b + 1);
     },
-    onFail: (h, y) => {
-      if (h.status = "fail", console.group(`%c❌ Test failed: ${h.name}`, "color: red; font-weight: bold;"), Ut(y)) {
-        jt(y);
-        const C = Ge(y);
-        C.type === "diff" ? h.logs.push(JSON.stringify({
-          type: A.CHAI_DIFF,
-          expected: C.expected,
-          actual: C.actual
+    onFail: (h, b) => {
+      if (h.status = "fail", console.group(`%c❌ Test failed: ${h.name}`, "color: red; font-weight: bold;"), Kt(b)) {
+        Yt(b);
+        const R = et(b);
+        R.type === "diff" ? h.logs.push(JSON.stringify({
+          type: L.CHAI_DIFF,
+          expected: R.expected,
+          actual: R.actual
         })) : h.logs.push(JSON.stringify({
-          type: A.CHAI_MESSAGE,
-          message: `Test failed: ${C.message}`
+          type: L.CHAI_MESSAGE,
+          message: `Test failed: ${R.message}`
         }));
       } else
-        console.error(y.message), h.logs.push(JSON.stringify({
-          type: A.ERROR,
-          message: `Test failed: ${y.message}`
+        console.error(b.message), h.logs.push(JSON.stringify({
+          type: L.ERROR,
+          message: `Test failed: ${b.message}`
         }));
-      console.groupEnd(), o((C) => C + 1);
+      console.groupEnd(), o((R) => R + 1);
     },
     onSkip: (h) => {
-      h.status = "skip", o((y) => y + 1);
+      h.status = "skip", o((b) => b + 1);
     }
   }), f = (h) => {
     p(h), h ? sessionStorage.setItem("twd-search-filter", h) : sessionStorage.removeItem("twd-search-filter");
   }, _ = (h) => {
     l(h), sessionStorage.setItem("twd-sidebar-open", h.toString());
-  }, v = Array.from(x.values()), T = z(
-    () => Gt(v),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [n]
-  ), b = z(
-    () => Xt(T, a),
-    [T, a]
-  ), { filteredTestIds: m, displayTests: g } = z(() => {
+  }, w = Array.from(m.values()), C = N(() => rr(w), [n]), k = N(() => tr(C, a), [C, a]), { filteredTestIds: v, displayTests: g } = N(() => {
     if (a) {
-      const h = Ke(b), y = new Set(h);
+      const h = tt(k), b = new Set(h);
       return {
         filteredTestIds: h,
-        displayTests: v.filter((C) => C.type === "test" && y.has(C.id))
+        displayTests: w.filter((R) => R.type === "test" && b.has(R.id))
       };
     }
     return {
       filteredTestIds: null,
-      displayTests: v.filter((h) => h.type === "test")
+      displayTests: w.filter((h) => h.type === "test")
     };
-  }, [b, a, n]), I = async () => {
-    u(""), sessionStorage.removeItem("twd-last-run-test-name"), m ? await i.runByIds(m) : await i.runAll();
-    const h = Vt(v);
-    u(h);
-  }, $ = async (h) => {
-    const y = Array.from(x.values()).filter((R) => R.type === "test").find((R) => R.id === h);
-    if (!y) return;
-    u(""), sessionStorage.setItem("twd-last-run-test-name", y.name), await i.runSingle(y.id);
-    const C = qt(y);
-    u(C);
+  }, [
+    k,
+    a,
+    n
+  ]), $ = async () => {
+    u(""), sessionStorage.removeItem("twd-last-run-test-name"), v ? await i.runByIds(v) : await i.runAll(), u(Zt(w));
+  }, I = async (h) => {
+    const b = Array.from(m.values()).filter((R) => R.type === "test").find((R) => R.id === h);
+    b && (u(""), sessionStorage.setItem("twd-last-run-test-name", b.name), await i.runSingle(b.id), u(Qt(b)));
   };
-  if (!s)
-    return /* @__PURE__ */ c(Et, { position: e, setOpen: _ });
-  const L = g.length;
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      style: {
-        fontFamily: Yt,
-        position: "fixed",
-        top: 0,
-        bottom: 0,
-        width: "var(--twd-sidebar-width)",
-        background: "var(--twd-background)",
-        fontSize: "var(--twd-font-size-md)",
-        overflowY: "auto",
-        boxShadow: "var(--twd-shadow)",
-        textAlign: "left",
-        zIndex: "var(--twd-z-index-sidebar)",
-        pointerEvents: "all",
-        isolation: "isolate",
-        ...Kt[e]
-      },
-      "data-testid": "twd-sidebar",
-      role: "complementary",
-      "aria-label": "Test While Developing sidebar",
-      children: [
-        /* @__PURE__ */ c("div", { "aria-live": "polite", "aria-atomic": "true", style: { position: "absolute", width: "1px", height: "1px", margin: "-1px", border: "0", padding: "0", overflow: "hidden", clip: "rect(0 0 0 0)" }, children: d }),
-        /* @__PURE__ */ c("div", { style: {
+  if (!s) return /* @__PURE__ */ c(Nt, {
+    position: t,
+    setOpen: _
+  });
+  const z = g.length;
+  return /* @__PURE__ */ c("div", {
+    style: {
+      fontFamily: or,
+      position: "fixed",
+      top: 0,
+      bottom: 0,
+      width: "var(--twd-sidebar-width)",
+      background: "var(--twd-background)",
+      fontSize: "var(--twd-font-size-md)",
+      overflowY: "auto",
+      boxShadow: "var(--twd-shadow)",
+      textAlign: "left",
+      zIndex: "var(--twd-z-index-sidebar)",
+      pointerEvents: "all",
+      isolation: "isolate",
+      ...nr[t]
+    },
+    "data-testid": "twd-sidebar",
+    role: "complementary",
+    "aria-label": "Test While Developing sidebar",
+    children: [
+      /* @__PURE__ */ c("div", {
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        style: {
+          position: "absolute",
+          width: "1px",
+          height: "1px",
+          margin: "-1px",
+          border: "0",
+          padding: "0",
+          overflow: "hidden",
+          clip: "rect(0 0 0 0)"
+        },
+        children: d
+      }),
+      /* @__PURE__ */ c("div", {
+        "data-testid": "twd-sidebar-header",
+        style: {
           padding: "var(--twd-spacing-md)",
           background: "var(--twd-background)",
           position: "sticky",
           top: 0,
           zIndex: "var(--twd-z-index-sticky)",
           borderBottom: "1px solid var(--twd-border)"
-        }, children: [
-          /* @__PURE__ */ c("div", { style: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            marginBottom: "var(--twd-spacing-xl)"
-          }, children: [
-            /* @__PURE__ */ c("div", { style: { display: "flex", gap: "var(--twd-spacing-xs)" }, children: [
-              /* @__PURE__ */ c(
-                "button",
-                {
-                  onClick: I,
+        },
+        children: [
+          /* @__PURE__ */ c("div", {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              marginBottom: "var(--twd-spacing-xl)"
+            },
+            children: [/* @__PURE__ */ c("div", {
+              style: {
+                display: "flex",
+                gap: "var(--twd-spacing-xs)"
+              },
+              children: [
+                /* @__PURE__ */ c("button", {
+                  onClick: $,
                   style: {
                     background: "var(--twd-button-primary)",
                     color: "var(--twd-button-primary-text)",
@@ -1335,14 +1444,14 @@ const Ut = (t) => t instanceof Error && "actual" in t && "expected" in t, Ge = (
                     border: "none",
                     cursor: "pointer"
                   },
-                  children: /* @__PURE__ */ c("span", { "aria-live": "polite", children: a ? "Run Filtered" : "Run All" })
-                }
-              ),
-              /* @__PURE__ */ c(
-                "button",
-                {
+                  children: /* @__PURE__ */ c("span", {
+                    "aria-live": "polite",
+                    children: a ? "Run Filtered" : "Run All"
+                  })
+                }),
+                /* @__PURE__ */ c("button", {
                   onClick: () => {
-                    Bt(), Ot();
+                    qt(), Gt();
                   },
                   "aria-label": "Clear all mocks",
                   style: {
@@ -1354,83 +1463,87 @@ const Ut = (t) => t instanceof Error && "actual" in t && "expected" in t, Ge = (
                     cursor: "pointer"
                   },
                   children: "Clear mocks"
-                }
-              ),
-              /* @__PURE__ */ c("span", { style: {
-                color: "var(--twd-text-secondary)",
-                fontSize: "var(--twd-font-size-sm)",
-                alignSelf: "center"
-              }, children: [
-                "v",
-                ge
-              ] })
-            ] }),
-            /* @__PURE__ */ c(
-              "button",
-              {
-                "aria-label": "Close sidebar",
-                style: {
-                  background: "transparent",
-                  border: "none",
-                  cursor: "pointer",
-                  fontSize: "var(--twd-font-size-md)",
-                  paddingRight: "0",
-                  paddingLeft: "0"
-                },
-                onClick: () => _(!1),
-                children: "✖"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ c("div", { style: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            fontSize: "var(--twd-font-size-md)",
-            color: "var(--twd-text-secondary)",
-            marginBottom: "10px"
-          }, children: [
-            /* @__PURE__ */ c("span", { style: { color: "var(--twd-text)" }, children: [
-              "Total: ",
-              L
-            ] }),
-            /* @__PURE__ */ c("div", { style: { display: "flex", gap: "var(--twd-spacing-xs)" }, children: [
-              /* @__PURE__ */ c("span", { style: { color: "var(--twd-success)" }, children: [
-                "✓ ",
-                g.filter((h) => h.status === "pass").length
-              ] }),
-              /* @__PURE__ */ c("span", { style: { color: "var(--twd-error)" }, children: [
-                "✗ ",
-                g.filter((h) => h.status === "fail").length
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ c(Ft, {}),
-          r && /* @__PURE__ */ c(Jt, { value: a, onChange: f })
-        ] }),
-        /* @__PURE__ */ c("div", { style: { padding: "var(--twd-spacing-md)" }, children: /* @__PURE__ */ c(
-          It,
-          {
-            roots: b,
-            runTest: $,
-            searchQuery: a
-          }
-        ) })
-      ]
-    }
-  );
-}, tr = (t) => ({
-  render: (e) => {
-    it(e, t);
-  }
-}), nr = (t, e) => {
-  const { open: r = !0, position: n = "left", serviceWorker: o = !0, serviceWorkerUrl: s = "/mock-sw.js", theme: l, search: d } = e || {};
-  _t(t, /* @__PURE__ */ c(er, { open: r, position: n, ...d !== void 0 && { search: d } }), tr, l), o && Wt(s).then(() => {
+                }),
+                /* @__PURE__ */ c("span", {
+                  style: {
+                    color: "var(--twd-text-secondary)",
+                    fontSize: "var(--twd-font-size-sm)",
+                    alignSelf: "center"
+                  },
+                  children: ["v", me]
+                })
+              ]
+            }), /* @__PURE__ */ c("button", {
+              "aria-label": "Close sidebar",
+              style: {
+                background: "transparent",
+                border: "none",
+                cursor: "pointer",
+                fontSize: "var(--twd-font-size-md)",
+                paddingRight: "0",
+                paddingLeft: "0"
+              },
+              onClick: () => _(!1),
+              children: "✖"
+            })]
+          }),
+          /* @__PURE__ */ c("div", {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              fontSize: "var(--twd-font-size-md)",
+              color: "var(--twd-text-secondary)",
+              marginBottom: "10px"
+            },
+            children: [/* @__PURE__ */ c("span", {
+              style: { color: "var(--twd-text)" },
+              children: ["Total: ", z]
+            }), /* @__PURE__ */ c("div", {
+              style: {
+                display: "flex",
+                gap: "var(--twd-spacing-xs)"
+              },
+              children: [/* @__PURE__ */ c("span", {
+                style: { color: "var(--twd-success)" },
+                children: ["✓ ", g.filter((h) => h.status === "pass").length]
+              }), /* @__PURE__ */ c("span", {
+                style: { color: "var(--twd-error)" },
+                children: ["✗ ", g.filter((h) => h.status === "fail").length]
+              })]
+            })]
+          }),
+          /* @__PURE__ */ c(Jt, {}),
+          r && /* @__PURE__ */ c(er, {
+            value: a,
+            onChange: f
+          })
+        ]
+      }),
+      /* @__PURE__ */ c("div", {
+        style: { padding: "var(--twd-spacing-md)" },
+        children: /* @__PURE__ */ c(Mt, {
+          roots: k,
+          runTest: I,
+          searchQuery: a
+        })
+      })
+    ]
+  });
+}, lr = (e) => ({ render: (t) => {
+  ut(t, e);
+} }), dr = (e, t) => {
+  const { open: r = !0, position: n = "left", serviceWorker: o = !0, serviceWorkerUrl: s = "/mock-sw.js", theme: l, search: d } = t || {};
+  gt(e, /* @__PURE__ */ c(ar, {
+    open: r,
+    position: n,
+    ...d !== void 0 && { search: d }
+  }), lr, l), o && jt(s).then(() => {
     console.log("Request mocking initialized");
   }).catch((u) => {
     console.error("Error initializing request mocking:", u);
   });
 };
 export {
-  nr as initTWD
+  dr as initTWD
 };