twd-js 1.6.0 → 1.6.2

package/dist/bundled.es.js

@@ -1,97 +1,111 @@
-var Ye = Object.defineProperty;
-var Ke = (e, t, r) => t in e ? Ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var he = (e, t, r) => Ke(e, typeof t != "symbol" ? t + "" : t, r);
-var Y, w, We, E, me, ze, He, Ne, ae, re, ne, V = {}, J = [], Ze = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, K = Array.isArray;
-function T(e, 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 le(e) {
+function fe(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
-function Qe(e, t, r) {
-  var n, s, o, l = {};
-  for (o in t) o == "key" ? n = t[o] : o == "ref" ? s = t[o] : l[o] = t[o];
-  if (arguments.length > 2 && (l.children = arguments.length > 3 ? Y.call(arguments, 2) : r), typeof e == "function" && e.defaultProps != null) for (o in e.defaultProps) l[o] === void 0 && (l[o] = e.defaultProps[o]);
-  return F(e, l, n, s, null);
+function st(e, t, r) {
+  var n, o, s, l = {};
+  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 F(e, t, r, n, s) {
-  var o = { type: e, props: t, key: r, ref: n, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: s ?? ++We, __i: -1, __u: 0 };
-  return s == null && w.vnode != null && w.vnode(o), o;
+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 N(e) {
+function V(e) {
   return e.children;
 }
-function O(e, t) {
+function K(e, t) {
   this.props = e, this.context = t;
 }
-function A(e, t) {
-  if (t == null) return e.__ ? A(e.__, e.__i + 1) : 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" ? A(e) : null;
+  return typeof e.type == "function" ? H(e) : null;
 }
-function et(e) {
+function it(e) {
   if (e.__P && e.__d) {
-    var t = e.__v, r = t.__e, n = [], s = [], o = T({}, t);
-    o.__v = t.__v + 1, w.vnode && w.vnode(o), ce(e.__P, o, t, e.__n, e.__P.namespaceURI, 32 & t.__u ? [r] : null, n, r ?? A(t), !!(32 & t.__u), s), o.__v = t.__v, o.__.__k[o.__i] = o, Fe(n, o, s), t.__e = t.__ = null, o.__e != r && Be(o);
+    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(e) {
+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;
-  }), Be(e);
+  }), Fe(e);
 }
-function ve(e) {
-  (!e.__d && (e.__d = !0) && E.push(e) && !X.__r++ || me != w.debounceRendering) && ((me = w.debounceRendering) || ze)(X);
+function be(e) {
+  (!e.__d && (e.__d = !0) && M.push(e) && !ee.__r++ || we != y.debounceRendering) && ((we = y.debounceRendering) || Be)(ee);
 }
-function X() {
-  for (var e, t = 1; E.length; ) E.length > t && E.sort(He), e = E.shift(), t = E.length, et(e);
-  X.__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(e, t, r, n, s, o, l, c, f, a, g) {
-  var i, u, p, _, h, v, m, y = n && n.__k || J, R = t.length;
-  for (f = tt(r, t, y, f, R), i = 0; i < R; i++) (p = r.__k[i]) != null && (u = p.__i != -1 && y[p.__i] || V, p.__i = i, v = ce(e, p, u, s, o, l, c, f, a, g), _ = p.__e, p.ref && u.ref != p.ref && (u.ref && de(u.ref, null, p), g.push(p.ref, p.__c || _, p)), h == null && _ != null && (h = _), (m = !!(4 & p.__u)) || u.__k === p.__k ? f = Pe(p, f, e, m) : typeof p.type == "function" && v !== void 0 ? f = v : _ && (f = _.nextSibling), p.__u &= -7);
-  return r.__e = h, f;
+function Oe(e, t, r, n, o, s, l, d, u, a, p) {
+  var i, f, _, w, C, k, m, 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), (m = !!(4 & _.__u)) || f.__k === _.__k ? u = je(_, u, e, m) : typeof _.type == "function" && k !== void 0 ? u = k : w && (u = w.nextSibling), _.__u &= -7);
+  return r.__e = C, u;
 }
-function tt(e, t, r, n, s) {
-  var o, l, c, f, a, g = r.length, i = g, u = 0;
-  for (e.__k = new Array(s), o = 0; o < s; o++) (l = t[o]) != null && typeof l != "boolean" && typeof l != "function" ? (typeof l == "string" || typeof l == "number" || typeof l == "bigint" || l.constructor == String ? l = e.__k[o] = F(null, l, null, null, null) : K(l) ? l = e.__k[o] = F(N, { children: l }, null, null, null) : l.constructor === void 0 && l.__b > 0 ? l = e.__k[o] = F(l.type, l.props, l.key, l.ref ? l.ref : null, l.__v) : e.__k[o] = l, f = o + u, l.__ = e, l.__b = e.__b + 1, c = null, (a = l.__i = rt(l, r, f, i)) != -1 && (i--, (c = r[a]) && (c.__u |= 2)), c == null || c.__v == null ? (a == -1 && (s > g ? u-- : s < g && u++), typeof l.type != "function" && (l.__u |= 4)) : a != f && (a == f - 1 ? u-- : a == f + 1 ? u++ : (a > f ? u-- : u++, l.__u |= 4))) : e.__k[o] = null;
-  if (i) for (o = 0; o < g; o++) (c = r[o]) != null && (2 & c.__u) == 0 && (c.__e == n && (n = A(c)), Ue(c, c));
+function at(e, t, r, n, o) {
+  var s, l, d, u, a, p = r.length, i = p, f = 0;
+  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 Pe(e, t, r, n) {
-  var s, o;
+function je(e, t, r, n) {
+  var o, s;
   if (typeof e.type == "function") {
-    for (s = e.__k, o = 0; s && o < s.length; o++) s[o] && (s[o].__ = e, t = Pe(s[o], t, r, n));
+    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;
   }
-  e.__e != t && (n && (t && e.type && !t.parentNode && (t = A(e)), r.insertBefore(e.__e, t || null)), t = e.__e);
+  e.__e != t && (n && (t && e.type && !t.parentNode && (t = H(e)), r.insertBefore(e.__e, t || null)), t = e.__e);
   do
     t = t && t.nextSibling;
   while (t != null && t.nodeType == 8);
   return t;
 }
-function rt(e, t, r, n) {
-  var s, o, l, c = e.key, f = e.type, a = t[r], g = a != null && (2 & a.__u) == 0;
-  if (a === null && c == null || g && c == a.key && f == a.type) return r;
-  if (n > (g ? 1 : 0)) {
-    for (s = r - 1, o = r + 1; s >= 0 || o < t.length; ) if ((a = t[l = s >= 0 ? s-- : o++]) != null && (2 & a.__u) == 0 && c == a.key && f == a.type) return l;
+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 < 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 we(e, t, r) {
-  t[0] == "-" ? e.setProperty(t, r ?? "") : e[t] = r == null ? "" : typeof r != "number" || Ze.test(t) ? 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 D(e, t, r, n, s) {
-  var o, l;
+function J(e, t, r, n, o) {
+  var s, l;
   e: if (t == "style") if (typeof r == "string") e.style.cssText = r;
   else {
-    if (typeof n == "string" && (e.style.cssText = n = ""), n) for (t in n) r && t in r || we(e.style, t, "");
-    if (r) for (t in r) n && r[t] == n[t] || we(e.style, t, r[t]);
+    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 (t[0] == "o" && t[1] == "n") o = t != (t = t.replace(Ne, "$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 + o] = r, r ? n ? r.u = n.u : (r.u = ae, e.addEventListener(t, o ? ne : re, o)) : e.removeEventListener(t, o ? ne : re, o);
+  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 (s == "http://www.w3.org/2000/svg") t = t.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    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;
@@ -100,187 +114,170 @@ function D(e, t, r, n, s) {
     typeof r == "function" || (r == null || r === !1 && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && r == 1 ? "" : r));
   }
 }
-function ye(e) {
+function Se(e) {
   return function(t) {
     if (this.l) {
       var r = this.l[t.type + e];
-      if (t.t == null) t.t = ae++;
+      if (t.t == null) t.t = pe++;
       else if (t.t < r.u) return;
-      return r(w.event ? w.event(t) : t);
+      return r(y.event ? y.event(t) : t);
     }
   };
 }
-function ce(e, t, r, n, s, o, l, c, f, a) {
-  var g, i, u, p, _, h, v, m, y, R, C, L, ge, B, ee, x = t.type;
+function he(e, t, r, n, o, s, l, d, u, a) {
+  var p, i, f, _, w, C, k, m, g, $, I, z, h, b, R, E = t.type;
   if (t.constructor !== void 0) return null;
-  128 & r.__u && (f = !!(32 & r.__u), o = [c = t.__e = r.__e]), (g = w.__b) && g(t);
-  e: if (typeof x == "function") try {
-    if (m = t.props, y = "prototype" in x && x.prototype.render, R = (g = x.contextType) && n[g.__c], C = g ? R ? R.props.value : g.__ : n, r.__c ? v = (i = t.__c = r.__c).__ = i.__E : (y ? t.__c = i = new x(m, C) : (t.__c = i = new O(m, C), i.constructor = x, i.render = ot), R && R.sub(i), i.state || (i.state = {}), i.__n = n, u = i.__d = !0, i.__h = [], i._sb = []), y && i.__s == null && (i.__s = i.state), y && x.getDerivedStateFromProps != null && (i.__s == i.state && (i.__s = T({}, i.__s)), T(i.__s, x.getDerivedStateFromProps(m, i.__s))), p = i.props, _ = i.state, i.__v = t, u) y && x.getDerivedStateFromProps == null && i.componentWillMount != null && i.componentWillMount(), y && i.componentDidMount != null && i.__h.push(i.componentDidMount);
+  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 (m = 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(m, I) : (t.__c = i = new K(m, 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(m, 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 (y && x.getDerivedStateFromProps == null && m !== p && i.componentWillReceiveProps != null && i.componentWillReceiveProps(m, C), t.__v == r.__v || !i.__e && i.shouldComponentUpdate != null && i.shouldComponentUpdate(m, i.__s, C) === !1) {
-        t.__v != r.__v && (i.props = m, i.state = i.__s, i.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(I) {
-          I && (I.__ = t);
-        }), J.push.apply(i.__h, i._sb), i._sb = [], i.__h.length && l.push(i);
+      if (g && E.getDerivedStateFromProps == null && m !== _ && i.componentWillReceiveProps != null && i.componentWillReceiveProps(m, I), t.__v == r.__v || !i.__e && i.shouldComponentUpdate != null && i.shouldComponentUpdate(m, i.__s, I) === !1) {
+        t.__v != r.__v && (i.props = m, 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, C), y && i.componentDidUpdate != null && i.__h.push(function() {
-        i.componentDidUpdate(p, _, h);
+      i.componentWillUpdate != null && i.componentWillUpdate(m, i.__s, I), g && i.componentDidUpdate != null && i.__h.push(function() {
+        i.componentDidUpdate(_, w, C);
       });
     }
-    if (i.context = C, i.props = m, i.__P = e, i.__e = !1, L = w.__r, ge = 0, y) i.state = i.__s, i.__d = !1, L && L(t), g = i.render(i.props, i.state, i.context), J.push.apply(i.__h, i._sb), i._sb = [];
+    if (i.context = I, i.props = m, 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(t), g = i.render(i.props, i.state, i.context), i.state = i.__s;
-    while (i.__d && ++ge < 25);
-    i.state = i.__s, i.getChildContext != null && (n = T(T({}, n), i.getChildContext())), y && !u && i.getSnapshotBeforeUpdate != null && (h = i.getSnapshotBeforeUpdate(p, _)), B = g != null && g.type === N && g.key == null ? Oe(g.props.children) : g, c = De(e, K(B) ? B : [B], t, r, n, s, o, l, c, f, a), i.base = t.__e, t.__u &= -161, i.__h.length && l.push(i), v && (i.__E = i.__ = null);
-  } catch (I) {
-    if (t.__v = null, f || o != null) if (I.then) {
-      for (t.__u |= f ? 160 : 128; c && c.nodeType == 8 && c.nextSibling; ) c = c.nextSibling;
-      o[o.indexOf(c)] = null, t.__e = c;
+      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 = 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 (ee = o.length; ee--; ) le(o[ee]);
-      oe(t);
+      for (R = s.length; R--; ) fe(s[R]);
+      ue(t);
     }
-    else t.__e = r.__e, t.__k = r.__k, I.then || oe(t);
-    w.__e(I, t, r);
+    else t.__e = r.__e, t.__k = r.__k, W.then || ue(t);
+    y.__e(W, t, r);
   }
-  else o == null && t.__v == r.__v ? (t.__k = r.__k, t.__e = r.__e) : c = t.__e = nt(r.__e, t, r, n, s, o, l, f, a);
-  return (g = w.diffed) && g(t), 128 & t.__u ? void 0 : c;
+  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 oe(e) {
-  e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(oe));
+function ue(e) {
+  e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(ue));
 }
-function Fe(e, t, r) {
-  for (var n = 0; n < r.length; n++) de(r[n], r[++n], r[++n]);
-  w.__c && w.__c(t, e), e.some(function(s) {
+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 {
-      e = s.__h, s.__h = [], e.some(function(o) {
-        o.call(s);
+      e = o.__h, o.__h = [], e.some(function(s) {
+        s.call(o);
       });
-    } catch (o) {
-      w.__e(o, s.__v);
+    } catch (s) {
+      y.__e(s, o.__v);
     }
   });
 }
-function Oe(e) {
-  return typeof e != "object" || e == null || e.__b > 0 ? e : K(e) ? e.map(Oe) : T({}, e);
+function qe(e) {
+  return typeof e != "object" || e == null || e.__b > 0 ? e : ne(e) ? e.map(qe) : A({}, e);
 }
-function nt(e, t, r, n, s, o, l, c, f) {
-  var a, g, i, u, p, _, h, v = r.props || V, m = t.props, y = t.type;
-  if (y == "svg" ? s = "http://www.w3.org/2000/svg" : y == "math" ? s = "http://www.w3.org/1998/Math/MathML" : s || (s = "http://www.w3.org/1999/xhtml"), o != null) {
-    for (a = 0; a < o.length; a++) if ((p = o[a]) && "setAttribute" in p == !!y && (y ? p.localName == y : p.nodeType == 3)) {
-      e = p, o[a] = null;
+function dt(e, t, r, n, o, s, l, d, u) {
+  var a, p, i, f, _, w, C, k = r.props || Q, m = 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)) {
+      e = _, s[a] = null;
       break;
     }
   }
   if (e == null) {
-    if (y == null) return document.createTextNode(m);
-    e = document.createElementNS(s, y, m.is && m), c && (w.__m && w.__m(t, o), c = !1), o = null;
+    if (g == null) return document.createTextNode(m);
+    e = document.createElementNS(o, g, m.is && m), d && (y.__m && y.__m(t, s), d = !1), s = null;
   }
-  if (y == null) v === m || c && e.data == m || (e.data = m);
+  if (g == null) k === m || d && e.data == m || (e.data = m);
   else {
-    if (o = o && Y.call(e.childNodes), !c && o != null) for (v = {}, a = 0; a < e.attributes.length; a++) v[(p = e.attributes[a]).name] = p.value;
-    for (a in v) p = v[a], a == "dangerouslySetInnerHTML" ? i = p : a == "children" || a in m || a == "value" && "defaultValue" in m || a == "checked" && "defaultChecked" in m || D(e, a, null, p, s);
-    for (a in m) p = m[a], a == "children" ? u = p : a == "dangerouslySetInnerHTML" ? g = p : a == "value" ? _ = p : a == "checked" ? h = p : c && typeof p != "function" || v[a] === p || D(e, a, p, v[a], s);
-    if (g) c || i && (g.__html == i.__html || g.__html == e.innerHTML) || (e.innerHTML = g.__html), t.__k = [];
-    else if (i && (e.innerHTML = ""), De(t.type == "template" ? e.content : e, K(u) ? u : [u], t, r, n, y == "foreignObject" ? "http://www.w3.org/1999/xhtml" : s, o, l, o ? o[0] : r.__k && A(r, 0), c, f), o != null) for (a = o.length; a--; ) le(o[a]);
-    c || (a = "value", y == "progress" && _ == null ? e.removeAttribute("value") : _ != null && (_ !== e[a] || y == "progress" && !_ || y == "option" && _ != v[a]) && D(e, a, _, v[a], s), a = "checked", h != null && h != e[a] && D(e, a, h, v[a], s));
+    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 m || a == "value" && "defaultValue" in m || a == "checked" && "defaultChecked" in m || J(e, a, null, _, o);
+    for (a in m) _ = m[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 e;
 }
-function de(e, t, r) {
+function ge(e, t, r) {
   try {
     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 (s) {
-    w.__e(s, r);
+  } catch (o) {
+    y.__e(o, r);
   }
 }
-function Ue(e, t, r) {
-  var n, s;
-  if (w.unmount && w.unmount(e), (n = e.ref) && (n.current && n.current != e.__e || de(n, null, t)), (n = e.__c) != null) {
+function Ve(e, t, r) {
+  var n, o;
+  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 (o) {
-      w.__e(o, t);
+    } catch (s) {
+      y.__e(s, t);
     }
     n.base = n.__P = null;
   }
-  if (n = e.__k) for (s = 0; s < n.length; s++) n[s] && Ue(n[s], t, r || typeof e.type != "function");
-  r || le(e.__e), e.__c = e.__ = e.__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(e, t, r) {
+function ct(e, t, r) {
   return this.constructor(e, r);
 }
-function st(e, t, r) {
-  var n, s, o, l;
-  t == document && (t = document.documentElement), w.__ && w.__(e, t), s = (n = !1) ? null : t.__k, o = [], l = [], ce(t, e = t.__k = Qe(N, null, [e]), s || V, V, t.namespaceURI, s ? null : t.firstChild ? Y.call(t.childNodes) : null, o, s ? s.__e : t.firstChild, n, l), Fe(o, e, l);
+function ut(e, t, r) {
+  var n, o, s, 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);
 }
-Y = J.slice, w = { __e: function(e, t, r, n) {
-  for (var s, o, l; t = t.__; ) if ((s = t.__c) && !s.__) try {
-    if ((o = s.constructor) && o.getDerivedStateFromError != null && (s.setState(o.getDerivedStateFromError(e)), l = s.__d), s.componentDidCatch != null && (s.componentDidCatch(e, n || {}), l = s.__d), l) return s.__E = s;
-  } catch (c) {
-    e = c;
+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) {
+    e = d;
   }
   throw e;
-} }, We = 0, O.prototype.setState = function(e, t) {
-  var r;
-  r = this.__s != null && this.__s != this.state ? this.__s : this.__s = T({}, this.state), typeof e == "function" && (e = e(T({}, r), this.props)), e && T(r, e), e != null && this.__v && (t && this._sb.push(t), ve(this));
-}, O.prototype.forceUpdate = function(e) {
-  this.__v && (this.__e = !0, e && this.__h.push(e), ve(this));
-}, O.prototype.render = N, E = [], ze = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, He = function(e, t) {
+} }, 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;
-}, X.__r = 0, Ne = /(PointerCapture)$|Capture$/i, ae = 0, re = ye(!1), ne = ye(!0);
-var it = 0;
-function d(e, t, r, n, s, o) {
-  t || (t = {});
-  var l, c, f = t;
-  if ("ref" in f) for (c in f = {}, t) c == "ref" ? l = t[c] : f[c] = t[c];
-  var a = { type: e, props: f, key: r, ref: l, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --it, __i: -1, __u: 0, __source: s, __self: o };
-  if (typeof e == "function" && (l = e.defaultProps)) for (c in l) f[c] === void 0 && (f[c] = l[c]);
-  return w.vnode && w.vnode(a), a;
-}
-const at = {
-  // Colors
+}, 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,352 +285,367 @@ const at = {
   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 lt(e = {}) {
-  const t = { ...at, ...e };
+function pt(e = {}) {
+  const t = {
+    ..._t,
+    ...e
+  };
   return Object.entries(t).map(([r, n]) => `${`--twd-${r.replace(/([A-Z])/g, "-$1").toLowerCase()}`}: ${n};`).join(`
   `);
 }
-function ct(e) {
+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 = lt(e);
+  const n = pt(e);
   r.textContent = `
     :root {
       ${n}
     }
   `;
 }
-const dt = (e) => {
+var ht = (e) => {
   const { Component: t, createRoot: r, theme: n } = e;
-  ct(n);
-  const s = document.createElement("div");
-  s.setAttribute("id", "twd-sidebar-root"), document.body.appendChild(s), r(s).render(t);
-}, _t = async (e, t, r, n) => {
-  for (const s in e) await e[s]();
-  dt({ Component: t, createRoot: r, theme: n });
-};
-var z, b, te, be, G = 0, je = [], k = w, ke = k.__b, Se = k.__r, xe = k.diffed, Te = k.__c, Re = k.unmount, $e = k.__;
-function _e(e, t) {
-  k.__h && k.__h(b, e, G || t), G = 0;
-  var r = b.__H || (b.__H = { __: [], __h: [] });
+  ft(n);
+  const o = document.createElement("div");
+  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 U(e) {
-  return G = 1, ut(Ve, e);
+function P(e) {
+  return te = 1, vt(Ge, e);
 }
-function ut(e, t, r) {
-  var n = _e(z++, 2);
-  if (n.t = e, !n.__c && (n.__ = [Ve(void 0, t), function(c) {
-    var f = n.__N ? n.__N[0] : n.__[0], a = n.t(f, c);
-    f !== a && (n.__N = [a, n.__[1]], n.__c.setState({}));
-  }], n.__c = b, !b.__f)) {
-    var s = function(c, f, a) {
+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 = S, !S.__f)) {
+    var o = function(d, u, a) {
       if (!n.__c.__H) return !0;
-      var g = n.__c.__H.__.filter(function(u) {
-        return u.__c;
+      var p = n.__c.__H.__.filter(function(f) {
+        return f.__c;
       });
-      if (g.every(function(u) {
-        return !u.__N;
-      })) return !o || o.call(this, c, f, a);
-      var i = n.__c.props !== c;
-      return g.some(function(u) {
-        if (u.__N) {
-          var p = u.__[0];
-          u.__ = u.__N, u.__N = void 0, p !== u.__[0] && (i = !0);
+      if (p.every(function(f) {
+        return !f.__N;
+      })) return !s || s.call(this, d, u, a);
+      var i = n.__c.props !== d;
+      return p.some(function(f) {
+        if (f.__N) {
+          var _ = f.__[0];
+          f.__ = f.__N, f.__N = void 0, _ !== f.__[0] && (i = !0);
         }
-      }), o && o.call(this, c, f, a) || i;
+      }), s && s.call(this, d, u, a) || i;
     };
-    b.__f = !0;
-    var o = b.shouldComponentUpdate, l = b.componentWillUpdate;
-    b.componentWillUpdate = function(c, f, a) {
+    S.__f = !0;
+    var s = S.shouldComponentUpdate, l = S.componentWillUpdate;
+    S.componentWillUpdate = function(d, u, a) {
       if (this.__e) {
-        var g = o;
-        o = void 0, s(c, f, a), o = g;
+        var p = s;
+        s = void 0, o(d, u, a), s = p;
       }
-      l && l.call(this, c, f, a);
-    }, b.shouldComponentUpdate = s;
+      l && l.call(this, d, u, a);
+    }, S.shouldComponentUpdate = o;
   }
   return n.__N || n.__;
 }
-function Z(e, t) {
-  var r = _e(z++, 3);
-  !k.__s && qe(r.__H, t) && (r.__ = e, r.u = t, b.__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 W(e) {
-  return G = 5, j(function() {
+function O(e) {
+  return te = 5, N(function() {
     return { current: e };
   }, []);
 }
-function j(e, t) {
-  var r = _e(z++, 7);
-  return qe(r.__H, t) && (r.__ = e(), r.__H = t, r.__h = e), 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 pt() {
-  for (var e; e = je.shift(); ) {
+function mt() {
+  for (var e; e = Je.shift(); ) {
     var t = e.__H;
     if (e.__P && t) try {
-      t.__h.some(q), t.__h.some(se), t.__h = [];
+      t.__h.some(Y), t.__h.some(_e), t.__h = [];
     } catch (r) {
-      t.__h = [], k.__e(r, e.__v);
+      t.__h = [], x.__e(r, e.__v);
     }
   }
 }
-k.__b = function(e) {
-  b = null, ke && ke(e);
-}, k.__ = function(e, t) {
-  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), $e && $e(e, t);
-}, k.__r = function(e) {
-  Se && Se(e), z = 0;
-  var t = (b = e.__c).__H;
-  t && (te === b ? (t.__h = [], b.__h = [], t.__.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;
-  })) : (t.__h.some(q), t.__h.some(se), t.__h = [], z = 0)), te = b;
-}, k.diffed = function(e) {
-  xe && xe(e);
+  })) : (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 && be === k.requestAnimationFrame || ((be = k.requestAnimationFrame) || ft)(pt)), t.__H.__.some(function(r) {
+  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;
-  })), te = b = null;
-}, k.__c = function(e, t) {
+  })), ae = S = null;
+}, x.__c = function(e, t) {
   t.some(function(r) {
     try {
-      r.__h.some(q), r.__h = r.__h.filter(function(n) {
-        return !n.__ || se(n);
+      r.__h.some(Y), r.__h = r.__h.filter(function(n) {
+        return !n.__ || _e(n);
       });
     } catch (n) {
-      t.some(function(s) {
-        s.__h && (s.__h = []);
-      }), t = [], k.__e(n, r.__v);
+      t.some(function(o) {
+        o.__h && (o.__h = []);
+      }), t = [], x.__e(n, r.__v);
     }
-  }), Te && Te(e, t);
-}, k.unmount = function(e) {
-  Re && Re(e);
+  }), $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 {
-      q(n);
-    } catch (s) {
-      t = s;
+      Y(n);
+    } catch (o) {
+      t = o;
     }
-  }), r.__H = void 0, t && k.__e(t, r.__v));
+  }), r.__H = void 0, t && x.__e(t, r.__v));
 };
-var Ce = typeof requestAnimationFrame == "function";
-function ft(e) {
+var Ae = typeof requestAnimationFrame == "function";
+function yt(e) {
   var t, r = function() {
-    clearTimeout(n), Ce && cancelAnimationFrame(t), setTimeout(e);
+    clearTimeout(n), Ae && cancelAnimationFrame(t), setTimeout(e);
   }, n = setTimeout(r, 35);
-  Ce && (t = requestAnimationFrame(r));
+  Ae && (t = requestAnimationFrame(r));
 }
-function q(e) {
-  var t = b, r = e.__c;
-  typeof r == "function" && (e.__c = void 0, r()), b = t;
+function Y(e) {
+  var t = S, r = e.__c;
+  typeof r == "function" && (e.__c = void 0, r()), S = t;
 }
-function se(e) {
-  var t = b;
-  e.__c = e.__(), b = t;
+function _e(e) {
+  var t = S;
+  e.__c = e.__(), S = t;
 }
-function qe(e, t) {
+function Xe(e, t) {
   return !e || e.length !== t.length || t.some(function(r, n) {
     return r !== e[n];
   });
 }
-function Ve(e, t) {
+function Ge(e, t) {
   return typeof t == "function" ? t(e) : t;
 }
-const gt = (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;
-}, ht = {
-  animation: "spin 1s linear infinite"
-}, mt = () => /* @__PURE__ */ d(
-  "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: ht,
-    "data-testid": "loader-icon",
-    children: /* @__PURE__ */ d("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-  }
-), P = document.createElement("style");
-P && !document.getElementById("loader-spin-keyframes") && (P.id = "loader-spin-keyframes", P.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(P));
-const Q = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ d(
-  "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
-  }
-), vt = () => /* @__PURE__ */ d(Q, { className: "lucide-play-icon lucide-play", dataTestId: "play-icon", children: /* @__PURE__ */ d("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: e, name: t, skip: r, only: n }) => /* @__PURE__ */ d(N, { children: [
+  `, 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__ */ d(
-    "span",
-    {
-      style: { color: "var(--twd-primary)" },
-      "data-testid": `only-indicator-${e}`,
-      children: [
-        " ",
-        "(only)"
-      ]
-    }
-  ),
-  r && /* @__PURE__ */ d(
-    "span",
-    {
-      style: { color: "var(--twd-text-secondary)" },
-      "data-testid": `skip-indicator-${e}`,
-      children: [
-        " ",
-        "(skipped)"
-      ]
-    }
-  )
-] });
-var $ = /* @__PURE__ */ ((e) => (e.CHAI_DIFF = "chai-diff", e.CHAI_MESSAGE = "chai-message", e.ERROR = "error", e))($ || {});
-const wt = (e) => {
+  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 t = JSON.parse(e);
-    if (t && typeof t == "object" && "type" in t)
-      return t;
+    if (t && typeof t == "object" && "type" in t) return t;
   } catch {
   }
   return null;
-}, Ee = (e) => {
+}, 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);
-    }
+  if (typeof e == "object") try {
+    return JSON.stringify(e, null, 2);
+  } catch {
+    return String(e);
+  }
   return String(e);
-}, yt = (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)" } : {}, bt = (e) => e.type === "chai-message" || e.type === "error", kt = (e, t) => t && bt(t) ? t.message : e, St = ({ log: e, index: t }) => {
-  const r = wt(e);
-  if (r?.type === $.CHAI_DIFF)
-    return /* @__PURE__ */ d(
-      "li",
-      {
+}, 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__ */ d("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__ */ d("div", { style: {
-            marginTop: "var(--twd-spacing-xs)",
-            paddingLeft: "var(--twd-spacing-sm)",
-            borderLeft: "2px solid var(--twd-success)"
-          }, children: [
-            /* @__PURE__ */ d("div", { style: {
-              color: "var(--twd-success)",
-              fontWeight: "var(--twd-font-weight-medium)",
-              marginBottom: "var(--twd-spacing-xs)"
-            }, children: "Expected:" }),
-            /* @__PURE__ */ d("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__ */ d("div", { style: {
-            marginTop: "var(--twd-spacing-xs)",
-            paddingLeft: "var(--twd-spacing-sm)",
-            borderLeft: "2px solid var(--twd-error)"
-          }, children: [
-            /* @__PURE__ */ d("div", { style: {
-              color: "var(--twd-error)",
-              fontWeight: "var(--twd-font-weight-medium)",
-              marginBottom: "var(--twd-spacing-xs)"
-            }, children: "Actual:" }),
-            /* @__PURE__ */ d("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) })
-          ] })
-        ]
-      },
-      t
-    );
-  const n = kt(e, r);
-  return /* @__PURE__ */ d(
-    "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)
     },
-    t
-  );
-}, M = {
-  container: {
-    marginBottom: "var(--twd-spacing-xs)"
-  },
+    children: n
+  }, t);
+}, D = {
+  container: { marginBottom: "var(--twd-spacing-xs)" },
   item: {
     display: "flex",
     alignItems: "left",
@@ -671,75 +683,40 @@ const wt = (e) => {
     marginTop: "var(--twd-spacing-xs)",
     textAlign: "left"
   }
-}, xt = (e) => {
+}, 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: e,
-  depth: t,
-  id: r,
-  runTest: n
-}) => {
-  const s = W(null), o = W(e.status), l = W(e.logs?.length || 0), c = j(() => xt(e), [e.status]), f = typeof window < "u" && sessionStorage.getItem("twd-last-run-test-name") === e.name, a = j(
-    () => ({
-      ...M.container,
-      marginLeft: `calc(${t} * var(--twd-spacing-sm))`,
-      ...c.container || {}
-    }),
-    [t, c]
-  ), g = j(
-    () => ({
-      ...M.item,
-      ...c.item,
-      ...f && {
-        border: "1px dashed var(--twd-border)"
-      }
-    }),
-    [c, f]
-  );
-  Z(() => {
-    const u = s.current;
-    if (!u || !e.logs || e.logs.length === 0) return;
-    const p = o.current === "running" && (e.status === "pass" || e.status === "fail"), _ = e.logs.length > l.current;
-    (p || _) && setTimeout(() => {
-      u.scrollTop = u.scrollHeight;
-    }, 0), o.current = e.status, l.current = e.logs.length;
+}, 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;
+    !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 = e.status, l.current = e.logs.length);
   }, [e.status, e.logs]);
   const i = () => {
     switch (e.status) {
@@ -755,132 +732,150 @@ const wt = (e) => {
         return "not run";
     }
   };
-  return /* @__PURE__ */ d(
-    "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__ */ d("div", { style: g, children: [
-          /* @__PURE__ */ d("span", { style: M.nameSpan, children: /* @__PURE__ */ d(
-            Je,
-            {
-              id: r,
-              name: e.name,
-              skip: e.skip,
-              only: e.only
-            }
-          ) }),
-          /* @__PURE__ */ d(
-            "button",
-            {
-              onClick: () => n(r),
-              "aria-label": `Run ${e.name} test`,
-              style: M.button,
-              disabled: e.status === "running",
-              "data-testid": `run-test-button-${r}`,
-              children: e.status === "running" ? /* @__PURE__ */ d(mt, {}) : /* @__PURE__ */ d(vt, {})
-            }
-          )
-        ] }),
-        e.logs && e.logs.length > 0 && /* @__PURE__ */ d("ul", { ref: s, style: M.logsList, children: e.logs.map((u, p) => /* @__PURE__ */ d(St, { log: u, index: p }, p)) })
-      ]
-    },
-    e.name
-  );
-}, Rt = () => /* @__PURE__ */ d(Q, { className: "lucide-chevron-down-icon lucide-chevron-down", dataTestId: "chevron-down-icon", children: /* @__PURE__ */ d("path", { d: "m6 9 6 6 6-6" }) }), $t = () => /* @__PURE__ */ d(Q, { className: "lucide-chevron-right-icon lucide-chevron-right", dataTestId: "chevron-right-icon", children: /* @__PURE__ */ d("path", { d: "m9 18 6-6-6-6" }) }), Ct = ({ tests: e, runTest: t }) => {
-  const [r, n] = U({}), s = W(null), o = W(!1), l = (a) => n((g) => ({ ...g, [a]: !g[a] }));
-  Z(() => {
-    if (o.current) return;
+  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;
-    const g = setTimeout(() => {
+    const p = setTimeout(() => {
       const i = document.querySelector(`[data-test-name="${a}"]`);
       if (i) {
-        const u = s.current?.closest('[data-testid="twd-sidebar"]');
-        if (u) {
-          const p = i.getBoundingClientRect(), _ = u.getBoundingClientRect(), h = u.scrollTop, v = p.top - _.top + h;
-          u.scrollTo({
-            top: v - 150,
-            // 150px offset from top
+        const f = s.current?.closest('[data-testid="twd-sidebar"]');
+        if (f) {
+          const _ = i.getBoundingClientRect(), w = f.getBoundingClientRect(), C = f.scrollTop, k = _.top - w.top + C;
+          f.scrollTo({
+            top: k - 150,
             behavior: "smooth"
           });
         }
-        o.current = !0;
+        l.current = !0;
       }
     }, 100);
-    return () => clearTimeout(g);
+    return () => clearTimeout(p);
   }, []);
-  const c = (a, g = 0) => {
-    if (a.type === "test")
-      return /* @__PURE__ */ d(
-        Tt,
-        {
-          node: a,
-          depth: g,
-          id: a.id,
-          runTest: () => t(a.id)
+  const u = (a, p = 0) => {
+    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", {
+        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)"
         },
-        a.id
-      );
-    const i = r[a.id];
-    return /* @__PURE__ */ d("li", { style: { marginLeft: `calc(${g} * var(--twd-spacing-lg))` }, children: [
-      /* @__PURE__ */ d(
-        "div",
-        {
+        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__ */ d(
-            "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: () => l(a.id),
-              children: [
-                /* @__PURE__ */ d(Je, { id: a.id, name: a.name, skip: a.skip, only: a.only }),
-                i ? /* @__PURE__ */ d($t, {}) : /* @__PURE__ */ d(Rt, {})
-              ]
-            }
-          )
-        }
-      ),
-      !i && a.childrenNodes && a.childrenNodes.length > 0 && /* @__PURE__ */ d("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: a.childrenNodes.map((u) => c(u, g + 1)) })
-    ] }, a.id);
-  }, f = gt(e);
-  return /* @__PURE__ */ d(
-    "ul",
-    {
-      ref: s,
-      style: { listStyle: "none", padding: 0, margin: 0 },
-      role: "list",
-      "aria-label": "Test list",
-      children: f.map((a) => c(a))
-    }
-  );
-}, Et = {
+          "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: 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: [
+        'No tests match "',
+        r,
+        '"'
+      ]
+    }) : e.map((a) => u(a))
+  });
+}, zt = {
   left: {
     left: 0,
     borderTopRightRadius: "var(--twd-border-radius-lg)",
@@ -895,32 +890,60 @@ const wt = (e) => {
     borderTopRightRadius: "0",
     borderBottomRightRadius: "0"
   }
-}, It = ({ setOpen: e, position: t }) => /* @__PURE__ */ d(
-  "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)",
-      ...Et[t]
-    },
-    onClick: () => e(!0),
-    children: "TWD"
-  }
-), At = ({ isOpen: e, position: t }) => {
-  Z(() => {
+}, Nt = ({ setOpen: e, position: t }) => /* @__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)",
+    ...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 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";
     };
   }, [e, t]);
-}, Lt = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STATE__ = {
+};
+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(),
@@ -930,170 +953,276 @@ const wt = (e) => {
   beforeEachHooks: /* @__PURE__ */ new Map(),
   afterEachHooks: /* @__PURE__ */ new Map(),
   stack: []
-}, ue = Lt(), S = ue.handlers, Ie = ue.beforeEachHooks, Ae = ue.afterEachHooks, Mt = (e) => {
+}, ie = Dt(), v = 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);
+  v.set(r, {
+    id: r,
+    name: e,
+    type: "suite",
+    children: [],
+    logs: [],
+    depth: T.length,
+    parent: n,
+    handler: t
+  }), n && v.get(n).children.push(r), T.push(r), t(), T.pop();
+};
+Ye.only = (e, t) => {
+  const r = B(), n = T.at(-1);
+  v.set(r, {
+    id: r,
+    name: e,
+    type: "suite",
+    children: [],
+    logs: [],
+    depth: T.length,
+    parent: n,
+    handler: t,
+    only: !0
+  }), n && v.get(n).children.push(r), T.push(r), t(), T.pop();
+};
+Ye.skip = (e, t) => {
+  const r = B(), n = T.at(-1);
+  v.set(r, {
+    id: r,
+    name: e,
+    type: "suite",
+    children: [],
+    logs: [],
+    depth: T.length,
+    parent: n,
+    handler: t,
+    skip: !0
+  }), n && v.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 && v.get(n).children.push(r), v.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 && v.get(n).children.push(r), v.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 && v.get(n).children.push(r), v.set(r, o);
+};
+var Pt = (e) => {
   const t = [], r = [];
   let n = e;
   for (; n; )
-    Ie.has(n) && t.unshift(...Ie.get(n)), Ae.has(n) && r.push(...Ae.get(n)), n = S.get(n)?.parent;
-  return { before: t, after: r };
-}, ie = (e) => {
-  const t = S.get(e);
-  return t ? t.only ? !0 : t.children ? t.children.some((r) => ie(r)) : !1 : !1;
-}, Wt = (e) => {
-  let t = S.get(e);
+    ze.has(n) && t.unshift(...ze.get(n)), Ne.has(n) && r.push(...Ne.get(n)), n = v.get(n)?.parent;
+  return {
+    before: t,
+    after: r
+  };
+}, F = (e) => {
+  const t = v.get(e);
+  return t ? t.only ? !0 : t.children ? t.children.some((r) => F(r)) : !1 : !1;
+}, Ft = (e) => {
+  let t = v.get(e);
   for (; t?.parent; ) {
-    const r = S.get(t.parent);
+    const r = v.get(t.parent);
     if (r?.only) return !0;
     t = r;
   }
   return !1;
-}, Le = (e) => {
-  let t = S.get(e);
+}, le = (e) => {
+  let t = v.get(e);
   for (; t; ) {
     if (t.skip) return !0;
     if (!t.parent) break;
-    t = S.get(t.parent);
+    t = v.get(t.parent);
   }
   return !1;
-};
-class Xe {
-  constructor(t) {
-    he(this, "events");
-    this.events = t;
+}, 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 t = Array.from(S.values()).filter(
-      (n) => !n.parent && n.type === "suite"
-    ), r = Array.from(S.values()).some((n) => n.only);
-    for (const n of t)
-      await this.runSuite(n, r);
-    return S;
+    const e = Array.from(v.values()).filter((r) => !r.parent && r.type === "suite"), t = Array.from(v.values()).some((r) => r.only);
+    for (const r of e) await this.runSuite(r, t);
+    return v;
   }
-  async runSingle(t) {
-    const r = S.get(t);
-    if (!r || r.type !== "test") return;
-    await this.runTest(r, !1);
+  async runSingle(e) {
+    const t = v.get(e);
+    !t || t.type !== "test" || await this.runTest(t, !1);
   }
-  async runSuite(t, r) {
-    if (Le(t.id) && !ie(t.id)) {
-      this.events.onSkip?.(t);
+  async runByIds(e) {
+    const t = new Set(e), r = Array.from(v.values()).filter((o) => !o.parent && o.type === "suite"), n = Array.from(v.values()).some((o) => o.only);
+    for (const o of r) await this.runSuiteByIds(o, t, n);
+    return v;
+  }
+  async runSuiteByIds(e, t, r) {
+    if (!this.hasDescendantInSet(e, t)) return;
+    if (le(e.id) && !F(e.id)) {
+      this.events.onSkip?.(e);
       return;
     }
-    if (r && !ie(t.id)) return;
-    this.events.onSuiteStart?.(t);
-    const s = (t.children || []).map((o) => S.get(o));
-    for (const o of s)
-      o.type === "suite" ? await this.runSuite(o, r) : o.type === "test" && await this.runTest(o, r);
-    this.events.onSuiteEnd?.(t);
+    if (r && !F(e.id)) return;
+    this.events.onSuiteStart?.(e);
+    const n = (e.children || []).map((o) => v.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, t) {
+    return t.has(e.id) ? !0 : e.children ? e.children.some((r) => {
+      const n = v.get(r);
+      return n ? this.hasDescendantInSet(n, t) : !1;
+    }) : !1;
   }
-  async runTest(t, r) {
-    if ((Le(t.id) || t.skip) && !t.only) {
-      this.events.onSkip(t);
+  async runSuite(e, t) {
+    if (le(e.id) && !F(e.id)) {
+      this.events.onSkip?.(e);
       return;
     }
-    const s = Wt(t.id);
-    if (r && !t.only && !s) {
-      this.events.onSkip(t);
+    if (t && !F(e.id)) return;
+    this.events.onSuiteStart?.(e);
+    const r = (e.children || []).map((n) => v.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, t) {
+    if ((le(e.id) || e.skip) && !e.only) {
+      this.events.onSkip(e);
       return;
     }
-    this.events.onStart?.(t);
-    const o = Mt(t.parent);
-    try {
-      for (const l of o.before) await l();
-      t.logs = [], await t.handler(), this.events.onPass(t);
+    const r = Ft(e.id);
+    if (t && !e.only && !r) {
+      this.events.onSkip(e);
+      return;
+    }
+    this.events.onStart?.(e);
+    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) {
-      this.events.onFail(t, l);
+      o = l;
     } finally {
-      for (const l of o.after) await l();
+      for (const l of n.after) await l();
     }
+    this.events.onFail(e, o);
   }
-}
-window.__testRunner = Xe;
-const pe = "1.6.0", zt = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ || (window.__TWD_MOCK_STATE__ = {
+};
+window.__testRunner = Ze;
+var me = "1.6.2", Ot = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ || (window.__TWD_MOCK_STATE__ = {
   rules: [],
   counts: {}
 }), window.__TWD_MOCK_STATE__) : {
   rules: [],
   counts: {}
-}, H = zt(), fe = H.rules;
-let Me = !1;
-const Ht = async (e) => {
-  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;
+    We = !0;
     const t = e ?? "/mock-sw.js";
-    await navigator.serviceWorker.register(`${t}?v=${pe}`), navigator.serviceWorker.controller || await new Promise((r) => {
+    await navigator.serviceWorker.register(`${t}?v=${me}`), 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: s, hitCount: o } = r.data, l = fe.find((c) => c.alias === n);
-        l && (l.executed = !0, l.request = s, l.hitCount = o), H.counts[n] = o ?? (H.counts[n] ?? 0) + 1;
+        const { alias: n, request: o, hitCount: s } = r.data, l = ye.find((d) => d.alias === n);
+        l && (l.executed = !0, l.request = o, l.hitCount = s), q.counts[n] = s ?? (q.counts[n] ?? 0) + 1;
       }
     });
   }
-}, Nt = () => fe, Bt = () => {
+}, Ut = () => ye, qt = () => {
   navigator.serviceWorker.controller?.postMessage({
     type: "CLEAR_RULES",
-    version: pe
-  }), fe.length = 0;
-  for (const e in H.counts)
-    delete H.counts[e];
-}, Dt = () => /* @__PURE__ */ d(Q, { className: "lucide-wifi-pen-icon lucide-wifi-pen", dataTestId: "wifi-pen-icon", children: [
-  /* @__PURE__ */ d("path", { d: "M2 8.82a15 15 0 0 1 20 0" }),
-  /* @__PURE__ */ d("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__ */ d("path", { d: "M5 12.859a10 10 0 0 1 10.5-2.222" }),
-  /* @__PURE__ */ d("path", { d: "M8.5 16.429a5 5 0 0 1 3-1.406" })
-] }), Pt = () => {
-  const e = Nt(), t = e.filter((n) => n.executed);
-  return /* @__PURE__ */ d(
-    "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__ */ d(Dt, {}),
-        /* @__PURE__ */ d("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: ",
           t.length,
           "/",
           e.length,
           " triggered"
-        ] }),
-        /* @__PURE__ */ d("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" })
-      ]
-    }
-  );
-}, Ft = /* @__PURE__ */ new Map();
-function Ot() {
-  Ft.clear();
+        },
+        children: "View rules in console"
+      })
+    ]
+  });
+}, Xt = /* @__PURE__ */ new Map();
+function Gt() {
+  Xt.clear();
 }
-const Ut = (e) => e instanceof Error && "actual" in e && "expected" in e, Ge = (e) => e.actual !== void 0 && e.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: e.actual,
   expected: e.expected,
@@ -1101,131 +1230,218 @@ const Ut = (e) => e instanceof Error && "actual" in e && "expected" in e, Ge = (
 } : {
   type: "message",
   message: e.message
-}, jt = (e) => {
-  const t = Ge(e);
+}, Yt = (e) => {
+  const t = et(e);
   if (t.type === "diff") {
     const r = t.operator || "unknown";
     console.error(`Assertion failed with operator: ${r}`), console.group("Expected:"), console.log(t.expected), console.groupEnd(), console.group("Actual:"), console.log(t.actual), console.groupEnd();
-  } else
-    console.error(t.message);
-}, qt = (e) => {
-  if (e.status === "pass")
-    return `Test "${e.name}" passed.`;
+  } else 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.`;
+    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(t);
-      return r.type === $.CHAI_MESSAGE || r.type === $.ERROR ? `Test "${e.name}" failed. ${r.message}` : r.type === $.CHAI_DIFF ? `Test "${e.name}" failed. Expected value does not match actual value.` : `Test "${e.name}" failed.`;
+      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 "${e.name}" failed. ${t}`;
     }
-  } else if (e.status === "skip")
-    return `Test "${e.name}" skipped.`;
+  } else if (e.status === "skip") return `Test "${e.name}" skipped.`;
   return "";
-}, Vt = (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, s = t.filter((l) => l.status === "skip").length, o = [];
-  return n > 0 ? (o.push("Test run completed."), o.push(`${r} test${r !== 1 ? "s" : ""} passed`), o.push(`${n} test${n !== 1 ? "s" : ""} failed`), s > 0 && o.push(`${s} test${s !== 1 ? "s" : ""} skipped`), o.join(", ") + ".") : (o.push("All tests passed."), o.push(`${r} test${r !== 1 ? "s" : ""} completed`), s > 0 && o.push(`${s} test${s !== 1 ? "s" : ""} skipped`), o.join(", ") + ".");
-}, Jt = {
-  left: { left: 0, borderRight: "1px solid var(--twd-border)" },
-  right: { right: 0, borderLeft: "1px solid var(--twd-border)" }
-}, Xt = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', Gt = (e) => sessionStorage.getItem("twd-sidebar-open") ? sessionStorage.getItem("twd-sidebar-open") === "true" : e, Yt = ({ open: e, position: t = "left" }) => {
-  const [r, n] = U(0), [s, o] = U(Gt(e));
-  At({ isOpen: s, position: t });
-  const [l, c] = U("");
-  Z(() => {
-    const _ = () => n((h) => h + 1);
-    return window.addEventListener("twd:state-change", _), () => window.removeEventListener("twd:state-change", _);
+}, 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(", ") + ".");
+}, 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: e,
+    onInput: (r) => t(r.target.value),
+    style: {
+      width: "100%",
+      padding: "var(--twd-spacing-md)",
+      background: "var(--twd-background)",
+      color: "var(--twd-text)",
+      border: "1px solid var(--twd-border)",
+      borderRadius: "var(--twd-border-radius)",
+      fontSize: "var(--twd-font-size-md)",
+      boxSizing: "border-box",
+      outline: "none"
+    }
+  })
+}), 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;
+    const l = (o.childrenNodes || []).map(n).filter((d) => d !== null);
+    return s || l.length > 0 ? {
+      ...o,
+      childrenNodes: s ? o.childrenNodes : l
+    } : null;
+  };
+  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;
+}, 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 f = new Xe({
-    onStart: (_) => {
-      _.status = "running", n((h) => h + 1);
+  const i = new Ze({
+    onStart: (h) => {
+      h.status = "running", o((b) => b + 1);
     },
-    onPass: (_) => {
-      _.status = "pass", n((h) => h + 1);
+    onPass: (h) => {
+      h.status = "pass", o((b) => b + 1);
     },
-    onFail: (_, h) => {
-      if (_.status = "fail", console.group(`%c❌ Test failed: ${_.name}`, "color: red; font-weight: bold;"), Ut(h)) {
-        jt(h);
-        const v = Ge(h);
-        v.type === "diff" ? _.logs.push(JSON.stringify({
-          type: $.CHAI_DIFF,
-          expected: v.expected,
-          actual: v.actual
-        })) : _.logs.push(JSON.stringify({
-          type: $.CHAI_MESSAGE,
-          message: `Test failed: ${v.message}`
+    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: L.CHAI_MESSAGE,
+          message: `Test failed: ${R.message}`
         }));
       } else
-        console.error(h.message), _.logs.push(JSON.stringify({
-          type: $.ERROR,
-          message: `Test failed: ${h.message}`
+        console.error(b.message), h.logs.push(JSON.stringify({
+          type: L.ERROR,
+          message: `Test failed: ${b.message}`
         }));
-      console.groupEnd(), n((v) => v + 1);
+      console.groupEnd(), o((R) => R + 1);
     },
-    onSkip: (_) => {
-      _.status = "skip", n((h) => h + 1);
+    onSkip: (h) => {
+      h.status = "skip", o((b) => b + 1);
     }
-  }), a = (_) => {
-    o(_), sessionStorage.setItem("twd-sidebar-open", _.toString());
-  }, g = async () => {
-    c(""), sessionStorage.removeItem("twd-last-run-test-name"), await f.runAll();
-    const _ = Vt(u);
-    c(_);
-  }, i = async (_) => {
-    const h = Array.from(S.values()).filter((m) => m.type === "test").find((m) => m.id === _);
-    if (!h) return;
-    c(""), sessionStorage.setItem("twd-last-run-test-name", h.name), await f.runSingle(h.id);
-    const v = qt(h);
-    c(v);
-  }, u = Array.from(S.values());
-  if (!s)
-    return /* @__PURE__ */ d(It, { position: t, setOpen: a });
-  const p = u.filter((_) => _.type === "test").length;
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      style: {
-        fontFamily: Xt,
-        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",
-        ...Jt[t]
-      },
-      "data-testid": "twd-sidebar",
-      role: "complementary",
-      "aria-label": "Test While Developing sidebar",
-      children: [
-        /* @__PURE__ */ d("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: l }),
-        /* @__PURE__ */ d("div", { style: {
+  }), 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());
+  }, w = Array.from(v.values()), C = N(() => rr(w), [n]), k = N(() => tr(C, a), [C, a]), { filteredTestIds: m, displayTests: g } = N(() => {
+    if (a) {
+      const h = tt(k), b = new Set(h);
+      return {
+        filteredTestIds: h,
+        displayTests: w.filter((R) => R.type === "test" && b.has(R.id))
+      };
+    }
+    return {
+      filteredTestIds: null,
+      displayTests: w.filter((h) => h.type === "test")
+    };
+  }, [
+    k,
+    a,
+    n
+  ]), $ = async () => {
+    u(""), sessionStorage.removeItem("twd-last-run-test-name"), m ? await i.runByIds(m) : await i.runAll(), u(Zt(w));
+  }, I = async (h) => {
+    const b = Array.from(v.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(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", {
+        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__ */ d("div", { style: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            marginBottom: "var(--twd-spacing-xl)"
-          }, children: [
-            /* @__PURE__ */ d("div", { style: { display: "flex", gap: "var(--twd-spacing-xs)" }, children: [
-              /* @__PURE__ */ d(
-                "button",
-                {
-                  onClick: g,
+        },
+        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)",
@@ -1234,14 +1450,14 @@ const Ut = (e) => e instanceof Error && "actual" in e && "expected" in e, Ge = (
                     border: "none",
                     cursor: "pointer"
                   },
-                  children: "Run All"
-                }
-              ),
-              /* @__PURE__ */ d(
-                "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: {
@@ -1253,91 +1469,87 @@ const Ut = (e) => e instanceof Error && "actual" in e && "expected" in e, Ge = (
                     cursor: "pointer"
                   },
                   children: "Clear mocks"
-                }
-              ),
-              /* @__PURE__ */ d("span", { style: {
-                color: "var(--twd-text-secondary)",
-                fontSize: "var(--twd-font-size-sm)",
-                alignSelf: "center"
-              }, children: [
-                "v",
-                pe
-              ] })
-            ] }),
-            /* @__PURE__ */ d(
-              "button",
-              {
-                "aria-label": "Close sidebar",
-                style: {
-                  background: "transparent",
-                  border: "none",
-                  cursor: "pointer",
-                  fontSize: "var(--twd-font-size-md)",
-                  paddingRight: "0",
-                  paddingLeft: "0"
-                },
-                onClick: () => a(!1),
-                children: "✖"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ d("div", { style: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            fontSize: "var(--twd-font-size-md)",
-            color: "var(--twd-text-secondary)",
-            marginBottom: "10px"
-          }, children: [
-            /* @__PURE__ */ d("span", { style: { color: "var(--twd-text)" }, children: [
-              "Total: ",
-              p
-            ] }),
-            /* @__PURE__ */ d("div", { style: { display: "flex", gap: "var(--twd-spacing-xs)" }, children: [
-              /* @__PURE__ */ d("span", { style: { color: "var(--twd-success)" }, children: [
-                "✓ ",
-                u.filter((_) => _.status === "pass").length
-              ] }),
-              /* @__PURE__ */ d("span", { style: { color: "var(--twd-error)" }, children: [
-                "✗ ",
-                u.filter((_) => _.status === "fail").length
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ d(Pt, {})
-        ] }),
-        /* @__PURE__ */ d("div", { style: { padding: "var(--twd-spacing-md)" }, children: /* @__PURE__ */ d(
-          Ct,
-          {
-            tests: u.map((_) => ({
-              name: _.name,
-              depth: _.depth,
-              status: _.status,
-              logs: _.logs,
-              id: _.id,
-              parent: _.parent,
-              type: _.type,
-              only: _.only,
-              skip: _.skip
-            })),
-            runTest: i
-          }
-        ) })
-      ]
-    }
-  );
-}, Kt = (e) => ({
-  render: (t) => {
-    st(t, e);
-  }
-}), Qt = (e, t) => {
-  const { open: r = !0, position: n = "left", serviceWorker: s = !0, serviceWorkerUrl: o = "/mock-sw.js", theme: l } = t || {};
-  _t(e, /* @__PURE__ */ d(Yt, { open: r, position: n }), Kt, l), s && Ht(o).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((c) => {
-    console.error("Error initializing request mocking:", c);
+  }).catch((u) => {
+    console.error("Error initializing request mocking:", u);
   });
 };
 export {
-  Qt as initTWD
+  dr as initTWD
 };