twd-js 1.6.5 → 1.6.6

package/dist/bundled.es.js

@@ -1,19 +1,19 @@
-var oe, y, Pe, st, M, Se, Fe, Oe, de, G, O, je, ge, _e, pe, it, ee = {}, te = [], at = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, se = Array.isArray;
-function A(e, t) {
+var re, w, Be, nt, M, be, De, Pe, ae, J, P, Fe, fe, ce, ue, st, Y = {}, Z = [], ot = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, ne = Array.isArray;
+function I(e, t) {
   for (var r in t) e[r] = t[r];
   return e;
 }
-function ve(e) {
+function he(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
-function lt(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 ? oe.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 Q(e, l, n, o, null);
+function it(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 ? re.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 K(e, l, n, s, null);
 }
-function Q(e, t, r, n, o) {
-  var s = {
+function K(e, t, r, n, s) {
+  var o = {
     type: e,
     props: t,
     key: r,
@@ -24,88 +24,88 @@ function Q(e, t, r, n, o) {
     __e: null,
     __c: null,
     constructor: void 0,
-    __v: o ?? ++Pe,
+    __v: s ?? ++Be,
     __i: -1,
     __u: 0
   };
-  return o == null && y.vnode != null && y.vnode(s), s;
+  return s == null && w.vnode != null && w.vnode(o), o;
 }
-function J(e) {
+function q(e) {
   return e.children;
 }
-function Y(e, t) {
+function X(e, t) {
   this.props = e, this.context = t;
 }
-function H(e, t) {
-  if (t == null) return e.__ ? H(e.__, e.__i + 1) : null;
+function W(e, t) {
+  if (t == null) return e.__ ? W(e.__, e.__i + 1) : null;
   for (var r; t < e.__k.length; t++) if ((r = e.__k[t]) != null && r.__e != null) return r.__e;
-  return typeof e.type == "function" ? H(e) : null;
+  return typeof e.type == "function" ? W(e) : null;
 }
-function dt(e) {
+function at(e) {
   if (e.__P && e.__d) {
-    var t = e.__v, r = t.__e, n = [], o = [], s = A({}, t);
-    s.__v = t.__v + 1, y.vnode && y.vnode(s), me(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, Je(n, s, o), t.__e = t.__ = null, s.__e != r && Ue(s);
+    var t = e.__v, r = t.__e, n = [], s = [], o = I({}, t);
+    o.__v = t.__v + 1, w.vnode && w.vnode(o), ge(e.__P, o, t, e.__n, e.__P.namespaceURI, 32 & t.__u ? [r] : null, n, r ?? W(t), !!(32 & t.__u), s), o.__v = t.__v, o.__.__k[o.__i] = o, qe(n, o, s), t.__e = t.__ = null, o.__e != r && Oe(o);
   }
 }
-function Ue(e) {
+function Oe(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;
-  }), Ue(e);
+  }), Oe(e);
 }
-function xe(e) {
-  (!e.__d && (e.__d = !0) && M.push(e) && !re.__r++ || Se != y.debounceRendering) && ((Se = y.debounceRendering) || Fe)(re);
+function ke(e) {
+  (!e.__d && (e.__d = !0) && M.push(e) && !ee.__r++ || be != w.debounceRendering) && ((be = w.debounceRendering) || De)(ee);
 }
-function re() {
+function ee() {
   try {
-    for (var e, t = 1; M.length; ) M.length > t && M.sort(Oe), e = M.shift(), t = M.length, dt(e);
+    for (var e, t = 1; M.length; ) M.length > t && M.sort(Pe), e = M.shift(), t = M.length, at(e);
   } finally {
-    M.length = re.__r = 0;
+    M.length = ee.__r = 0;
   }
 }
-function qe(e, t, r, n, o, s, l, d, u, a, f) {
-  var i, _, p, w, C, k, g, v = n && n.__k || te, $ = t.length;
-  for (u = ct(r, t, v, u, $), i = 0; i < $; i++) (p = r.__k[i]) != null && (_ = p.__i != -1 && v[p.__i] || ee, p.__i = i, k = me(e, p, _, o, s, l, d, u, a, f), w = p.__e, p.ref && _.ref != p.ref && (_.ref && ye(_.ref, null, p), f.push(p.ref, p.__c || w, p)), C == null && w != null && (C = w), (g = !!(4 & p.__u)) || _.__k === p.__k ? (u = Ve(p, u, e, g), g && _.__e && (_.__e = null)) : typeof p.type == "function" && k !== void 0 ? u = k : w && (u = w.nextSibling), p.__u &= -7);
+function je(e, t, r, n, s, o, l, c, u, a, _) {
+  var i, f, p, y, C, k, g, m = n && n.__k || Z, R = t.length;
+  for (u = lt(r, t, m, u, R), i = 0; i < R; i++) (p = r.__k[i]) != null && (f = p.__i != -1 && m[p.__i] || Y, p.__i = i, k = ge(e, p, f, s, o, l, c, u, a, _), y = p.__e, p.ref && f.ref != p.ref && (f.ref && me(f.ref, null, p), _.push(p.ref, p.__c || y, p)), C == null && y != null && (C = y), (g = !!(4 & p.__u)) || f.__k === p.__k ? (u = Ue(p, u, e, g), g && f.__e && (f.__e = null)) : typeof p.type == "function" && k !== void 0 ? u = k : y && (u = y.nextSibling), p.__u &= -7);
   return r.__e = C, u;
 }
-function ct(e, t, r, n, o) {
-  var s, l, d, u, a, f = r.length, i = 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] = Q(null, l, null, null, null) : se(l) ? l = e.__k[s] = Q(J, { children: l }, null, null, null) : l.constructor === void 0 && l.__b > 0 ? l = e.__k[s] = Q(l.type, l.props, l.key, l.ref ? l.ref : null, l.__v) : e.__k[s] = l, u = s + _, l.__ = e, l.__b = e.__b + 1, d = null, (a = l.__i = ut(l, r, u, i)) != -1 && (i--, (d = r[a]) && (d.__u |= 2)), d == null || d.__v == null ? (a == -1 && (o > f ? _-- : o < f && _++), typeof l.type != "function" && (l.__u |= 4)) : a != u && (a == u - 1 ? _-- : a == u + 1 ? _++ : (a > u ? _-- : _++, l.__u |= 4))) : e.__k[s] = null;
-  if (i) for (s = 0; s < f; s++) (d = r[s]) != null && (2 & d.__u) == 0 && (d.__e == n && (n = H(d)), Xe(d, d));
+function lt(e, t, r, n, s) {
+  var o, l, c, u, a, _ = r.length, i = _, f = 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] = K(null, l, null, null, null) : ne(l) ? l = e.__k[o] = K(q, { children: l }, null, null, null) : l.constructor === void 0 && l.__b > 0 ? l = e.__k[o] = K(l.type, l.props, l.key, l.ref ? l.ref : null, l.__v) : e.__k[o] = l, u = o + f, l.__ = e, l.__b = e.__b + 1, c = null, (a = l.__i = dt(l, r, u, i)) != -1 && (i--, (c = r[a]) && (c.__u |= 2)), c == null || c.__v == null ? (a == -1 && (s > _ ? f-- : s < _ && 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[o] = null;
+  if (i) for (o = 0; o < _; o++) (c = r[o]) != null && (2 & c.__u) == 0 && (c.__e == n && (n = W(c)), Je(c, c));
   return n;
 }
-function Ve(e, t, r, n) {
-  var o, s;
+function Ue(e, t, r, n) {
+  var s, o;
   if (typeof e.type == "function") {
-    for (o = e.__k, s = 0; o && s < o.length; s++) o[s] && (o[s].__ = e, t = Ve(o[s], t, r, n));
+    for (s = e.__k, o = 0; s && o < s.length; o++) s[o] && (s[o].__ = e, t = Ue(s[o], t, r, n));
     return t;
   }
-  e.__e != t && (n && (t && e.type && !t.parentNode && (t = H(e)), r.insertBefore(e.__e, t || null)), t = e.__e);
+  e.__e != t && (n && (t && e.type && !t.parentNode && (t = W(e)), r.insertBefore(e.__e, t || null)), t = e.__e);
   do
     t = t && t.nextSibling;
   while (t != null && t.nodeType == 8);
   return t;
 }
-function ut(e, t, r, n) {
-  var o, s, l, d = e.key, u = e.type, a = t[r], f = a != null && (2 & a.__u) == 0;
-  if (a === null && d == null || f && d == a.key && u == a.type) return r;
-  if (n > (f ? 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;
+function dt(e, t, r, n) {
+  var s, o, l, c = e.key, u = e.type, a = t[r], _ = a != null && (2 & a.__u) == 0;
+  if (a === null && c == null || _ && c == a.key && u == a.type) return r;
+  if (n > (_ ? 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 && u == a.type) return l;
   }
   return -1;
 }
-function Te(e, t, r) {
-  t[0] == "-" ? e.setProperty(t, r ?? "") : e[t] = r == null ? "" : typeof r != "number" || at.test(t) ? r : r + "px";
+function xe(e, t, r) {
+  t[0] == "-" ? e.setProperty(t, r ?? "") : e[t] = r == null ? "" : typeof r != "number" || ot.test(t) ? r : r + "px";
 }
-function K(e, t, r, n, o) {
-  var s, l;
+function V(e, t, r, n, s) {
+  var o, 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 || Te(e.style, t, "");
-    if (r) for (t in r) n && r[t] == n[t] || Te(e.style, t, r[t]);
+    if (typeof n == "string" && (e.style.cssText = n = ""), n) for (t in n) r && t in r || xe(e.style, t, "");
+    if (r) for (t in r) n && r[t] == n[t] || xe(e.style, t, r[t]);
   }
-  else if (t[0] == "o" && t[1] == "n") s = t != (t = t.replace(je, "$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[O] = n[O] : (r[O] = ge, e.addEventListener(t, s ? pe : _e, s)) : e.removeEventListener(t, s ? pe : _e, s);
+  else if (t[0] == "o" && t[1] == "n") o = t != (t = t.replace(Fe, "$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[P] = n[P] : (r[P] = fe, e.addEventListener(t, o ? ue : ce, o)) : e.removeEventListener(t, o ? ue : ce, o);
   else {
-    if (o == "http://www.w3.org/2000/svg") t = t.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    if (s == "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;
@@ -114,141 +114,141 @@ function K(e, t, r, n, o) {
     typeof r == "function" || (r == null || r === !1 && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && r == 1 ? "" : r));
   }
 }
-function Re(e) {
+function Se(e) {
   return function(t) {
     if (this.l) {
       var r = this.l[t.type + e];
-      if (t[G] == null) t[G] = ge++;
-      else if (t[G] < r[O]) return;
-      return r(y.event ? y.event(t) : t);
+      if (t[J] == null) t[J] = fe++;
+      else if (t[J] < r[P]) return;
+      return r(w.event ? w.event(t) : t);
     }
   };
 }
-function me(e, t, r, n, o, s, l, d, u, a) {
-  var f, i, _, p, w, C, k, g, v, $, I, z, h, b, R, E = t.type;
+function ge(e, t, r, n, s, o, l, c, u, a) {
+  var _, i, f, p, y, C, k, g, m, R, N, z, h, b, $, E = t.type;
   if (t.constructor !== void 0) return null;
-  128 & r.__u && (u = !!(32 & r.__u), s = [d = t.__e = r.__e]), (f = y.__b) && f(t);
+  128 & r.__u && (u = !!(32 & r.__u), o = [c = t.__e = r.__e]), (_ = w.__b) && _(t);
   e: if (typeof E == "function") try {
-    if (g = t.props, v = E.prototype && E.prototype.render, $ = (f = E.contextType) && n[f.__c], I = f ? $ ? $.props.value : f.__ : n, r.__c ? k = (i = t.__c = r.__c).__ = i.__E : (v ? t.__c = i = new E(g, I) : (t.__c = i = new Y(g, I), i.constructor = E, i.render = pt), $ && $.sub(i), i.state || (i.state = {}), i.__n = n, _ = i.__d = !0, i.__h = [], i._sb = []), v && i.__s == null && (i.__s = i.state), v && E.getDerivedStateFromProps != null && (i.__s == i.state && (i.__s = A({}, i.__s)), A(i.__s, E.getDerivedStateFromProps(g, i.__s))), p = i.props, w = i.state, i.__v = t, _) v && E.getDerivedStateFromProps == null && i.componentWillMount != null && i.componentWillMount(), v && i.componentDidMount != null && i.__h.push(i.componentDidMount);
+    if (g = t.props, m = E.prototype && E.prototype.render, R = (_ = E.contextType) && n[_.__c], N = _ ? R ? R.props.value : _.__ : n, r.__c ? k = (i = t.__c = r.__c).__ = i.__E : (m ? t.__c = i = new E(g, N) : (t.__c = i = new X(g, N), i.constructor = E, i.render = ut), R && R.sub(i), i.state || (i.state = {}), i.__n = n, f = i.__d = !0, i.__h = [], i._sb = []), m && i.__s == null && (i.__s = i.state), m && E.getDerivedStateFromProps != null && (i.__s == i.state && (i.__s = I({}, i.__s)), I(i.__s, E.getDerivedStateFromProps(g, i.__s))), p = i.props, y = i.state, i.__v = t, f) m && E.getDerivedStateFromProps == null && i.componentWillMount != null && i.componentWillMount(), m && i.componentDidMount != null && i.__h.push(i.componentDidMount);
     else {
-      if (v && E.getDerivedStateFromProps == null && g !== p && i.componentWillReceiveProps != null && i.componentWillReceiveProps(g, I), t.__v == r.__v || !i.__e && i.shouldComponentUpdate != null && i.shouldComponentUpdate(g, i.__s, I) === !1) {
-        t.__v != r.__v && (i.props = g, i.state = i.__s, i.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(W) {
-          W && (W.__ = t);
-        }), te.push.apply(i.__h, i._sb), i._sb = [], i.__h.length && l.push(i);
+      if (m && E.getDerivedStateFromProps == null && g !== p && i.componentWillReceiveProps != null && i.componentWillReceiveProps(g, N), t.__v == r.__v || !i.__e && i.shouldComponentUpdate != null && i.shouldComponentUpdate(g, i.__s, N) === !1) {
+        t.__v != r.__v && (i.props = g, i.state = i.__s, i.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(L) {
+          L && (L.__ = t);
+        }), Z.push.apply(i.__h, i._sb), i._sb = [], i.__h.length && l.push(i);
         break e;
       }
-      i.componentWillUpdate != null && i.componentWillUpdate(g, i.__s, I), v && i.componentDidUpdate != null && i.__h.push(function() {
-        i.componentDidUpdate(p, w, C);
+      i.componentWillUpdate != null && i.componentWillUpdate(g, i.__s, N), m && i.componentDidUpdate != null && i.__h.push(function() {
+        i.componentDidUpdate(p, y, C);
       });
     }
-    if (i.context = I, i.props = g, i.__P = e, i.__e = !1, z = y.__r, h = 0, v) i.state = i.__s, i.__d = !1, z && z(t), f = i.render(i.props, i.state, i.context), te.push.apply(i.__h, i._sb), i._sb = [];
+    if (i.context = N, i.props = g, i.__P = e, i.__e = !1, z = w.__r, h = 0, m) i.state = i.__s, i.__d = !1, z && z(t), _ = i.render(i.props, i.state, i.context), Z.push.apply(i.__h, i._sb), i._sb = [];
     else do
-      i.__d = !1, z && z(t), f = i.render(i.props, i.state, i.context), i.state = i.__s;
+      i.__d = !1, z && z(t), _ = 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())), v && !_ && i.getSnapshotBeforeUpdate != null && (C = i.getSnapshotBeforeUpdate(p, w)), b = f != null && f.type === J && f.key == null ? Ke(f.props.children) : f, d = qe(e, se(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;
+    i.state = i.__s, i.getChildContext != null && (n = I(I({}, n), i.getChildContext())), m && !f && i.getSnapshotBeforeUpdate != null && (C = i.getSnapshotBeforeUpdate(p, y)), b = _ != null && _.type === q && _.key == null ? Ve(_.props.children) : _, c = je(e, ne(b) ? b : [b], t, r, n, s, o, l, c, u, a), i.base = t.__e, t.__u &= -161, i.__h.length && l.push(i), k && (i.__E = i.__ = null);
+  } catch (L) {
+    if (t.__v = null, u || o != null) if (L.then) {
+      for (t.__u |= u ? 160 : 128; c && c.nodeType == 8 && c.nextSibling; ) c = c.nextSibling;
+      o[o.indexOf(c)] = null, t.__e = c;
     } else {
-      for (R = s.length; R--; ) ve(s[R]);
-      fe(t);
+      for ($ = o.length; $--; ) he(o[$]);
+      _e(t);
     }
-    else t.__e = r.__e, t.__k = r.__k, W.then || fe(t);
-    y.__e(W, t, r);
+    else t.__e = r.__e, t.__k = r.__k, L.then || _e(t);
+    w.__e(L, t, r);
   }
-  else s == null && t.__v == r.__v ? (t.__k = r.__k, t.__e = r.__e) : d = t.__e = _t(r.__e, t, r, n, o, s, l, u, a);
-  return (f = y.diffed) && f(t), 128 & t.__u ? void 0 : d;
+  else o == null && t.__v == r.__v ? (t.__k = r.__k, t.__e = r.__e) : c = t.__e = ct(r.__e, t, r, n, s, o, l, u, a);
+  return (_ = w.diffed) && _(t), 128 & t.__u ? void 0 : c;
 }
-function fe(e) {
-  e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(fe));
+function _e(e) {
+  e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(_e));
 }
-function Je(e, t, r) {
-  for (var n = 0; n < r.length; n++) ye(r[n], r[++n], r[++n]);
-  y.__c && y.__c(t, e), e.some(function(o) {
+function qe(e, t, r) {
+  for (var n = 0; n < r.length; n++) me(r[n], r[++n], r[++n]);
+  w.__c && w.__c(t, e), e.some(function(s) {
     try {
-      e = o.__h, o.__h = [], e.some(function(s) {
-        s.call(o);
+      e = s.__h, s.__h = [], e.some(function(o) {
+        o.call(s);
       });
-    } catch (s) {
-      y.__e(s, o.__v);
+    } catch (o) {
+      w.__e(o, s.__v);
     }
   });
 }
-function Ke(e) {
-  return typeof e != "object" || e == null || e.__b > 0 ? e : se(e) ? e.map(Ke) : A({}, e);
+function Ve(e) {
+  return typeof e != "object" || e == null || e.__b > 0 ? e : ne(e) ? e.map(Ve) : I({}, e);
 }
-function _t(e, t, r, n, o, s, l, d, u) {
-  var a, f, i, _, p, w, C, k = r.props || ee, g = t.props, v = t.type;
-  if (v == "svg" ? o = "http://www.w3.org/2000/svg" : v == "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 ((p = s[a]) && "setAttribute" in p == !!v && (v ? p.localName == v : p.nodeType == 3)) {
-      e = p, s[a] = null;
+function ct(e, t, r, n, s, o, l, c, u) {
+  var a, _, i, f, p, y, C, k = r.props || Y, g = t.props, m = t.type;
+  if (m == "svg" ? s = "http://www.w3.org/2000/svg" : m == "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 == !!m && (m ? p.localName == m : p.nodeType == 3)) {
+      e = p, o[a] = null;
       break;
     }
   }
   if (e == null) {
-    if (v == null) return document.createTextNode(g);
-    e = document.createElementNS(o, v, g.is && g), d && (y.__m && y.__m(t, s), d = !1), s = null;
+    if (m == null) return document.createTextNode(g);
+    e = document.createElementNS(s, m, g.is && g), c && (w.__m && w.__m(t, o), c = !1), o = null;
   }
-  if (v == null) k === g || d && e.data == g || (e.data = g);
+  if (m == null) k === g || c && e.data == g || (e.data = g);
   else {
-    if (s = s && oe.call(e.childNodes), !d && s != null) for (k = {}, a = 0; a < e.attributes.length; a++) k[(p = e.attributes[a]).name] = p.value;
-    for (a in k) p = k[a], a == "dangerouslySetInnerHTML" ? i = p : a == "children" || a in g || a == "value" && "defaultValue" in g || a == "checked" && "defaultChecked" in g || K(e, a, null, p, o);
-    for (a in g) p = g[a], a == "children" ? _ = p : a == "dangerouslySetInnerHTML" ? f = p : a == "value" ? w = p : a == "checked" ? C = p : d && typeof p != "function" || k[a] === p || K(e, a, p, k[a], o);
-    if (f) d || i && (f.__html == i.__html || f.__html == e.innerHTML) || (e.innerHTML = f.__html), t.__k = [];
-    else if (i && (e.innerHTML = ""), qe(t.type == "template" ? e.content : e, se(_) ? _ : [_], t, r, n, v == "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--; ) ve(s[a]);
-    d || (a = "value", v == "progress" && w == null ? e.removeAttribute("value") : w != null && (w !== e[a] || v == "progress" && !w || v == "option" && w != k[a]) && K(e, a, w, k[a], o), a = "checked", C != null && C != e[a] && K(e, a, C, k[a], o));
+    if (o = o && re.call(e.childNodes), !c && o != null) for (k = {}, a = 0; a < e.attributes.length; a++) k[(p = e.attributes[a]).name] = p.value;
+    for (a in k) p = k[a], a == "dangerouslySetInnerHTML" ? i = p : a == "children" || a in g || a == "value" && "defaultValue" in g || a == "checked" && "defaultChecked" in g || V(e, a, null, p, s);
+    for (a in g) p = g[a], a == "children" ? f = p : a == "dangerouslySetInnerHTML" ? _ = p : a == "value" ? y = p : a == "checked" ? C = p : c && typeof p != "function" || k[a] === p || V(e, a, p, k[a], s);
+    if (_) c || i && (_.__html == i.__html || _.__html == e.innerHTML) || (e.innerHTML = _.__html), t.__k = [];
+    else if (i && (e.innerHTML = ""), je(t.type == "template" ? e.content : e, ne(f) ? f : [f], t, r, n, m == "foreignObject" ? "http://www.w3.org/1999/xhtml" : s, o, l, o ? o[0] : r.__k && W(r, 0), c, u), o != null) for (a = o.length; a--; ) he(o[a]);
+    c || (a = "value", m == "progress" && y == null ? e.removeAttribute("value") : y != null && (y !== e[a] || m == "progress" && !y || m == "option" && y != k[a]) && V(e, a, y, k[a], s), a = "checked", C != null && C != e[a] && V(e, a, C, k[a], s));
   }
   return e;
 }
-function ye(e, t, r) {
+function me(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 (o) {
-    y.__e(o, r);
+  } catch (s) {
+    w.__e(s, r);
   }
 }
-function Xe(e, t, r) {
-  var n, o;
-  if (y.unmount && y.unmount(e), (n = e.ref) && (n.current && n.current != e.__e || ye(n, null, t)), (n = e.__c) != null) {
+function Je(e, t, r) {
+  var n, s;
+  if (w.unmount && w.unmount(e), (n = e.ref) && (n.current && n.current != e.__e || me(n, null, t)), (n = e.__c) != null) {
     if (n.componentWillUnmount) try {
       n.componentWillUnmount();
-    } catch (s) {
-      y.__e(s, t);
+    } catch (o) {
+      w.__e(o, t);
     }
     n.base = n.__P = null;
   }
-  if (n = e.__k) for (o = 0; o < n.length; o++) n[o] && Xe(n[o], t, r || typeof e.type != "function");
-  r || ve(e.__e), e.__c = e.__ = e.__e = void 0;
+  if (n = e.__k) for (s = 0; s < n.length; s++) n[s] && Je(n[s], t, r || typeof e.type != "function");
+  r || he(e.__e), e.__c = e.__ = e.__e = void 0;
 }
-function pt(e, t, r) {
+function ut(e, t, r) {
   return this.constructor(e, r);
 }
-function ft(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 = [], me(t, e = (!n && r || t).__k = lt(J, null, [e]), o || ee, ee, t.namespaceURI, !n && r ? [r] : o ? null : t.firstChild ? oe.call(t.childNodes) : null, s, !n && r ? r : o ? o.__e : t.firstChild, n, l), Je(s, e, l);
+function _t(e, t, r) {
+  var n, s, o, l;
+  t == document && (t = document.documentElement), w.__ && w.__(e, t), s = (n = typeof r == "function") ? null : r && r.__k || t.__k, o = [], l = [], ge(t, e = (!n && r || t).__k = it(q, null, [e]), s || Y, Y, t.namespaceURI, !n && r ? [r] : s ? null : t.firstChild ? re.call(t.childNodes) : null, o, !n && r ? r : s ? s.__e : t.firstChild, n, l), qe(o, e, l);
 }
-oe = te.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;
+re = Z.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;
   }
   throw e;
-} }, Pe = 0, st = function(e) {
+} }, Be = 0, nt = function(e) {
   return e != null && e.constructor === void 0;
-}, Y.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), xe(this));
-}, Y.prototype.forceUpdate = function(e) {
-  this.__v && (this.__e = !0, e && this.__h.push(e), xe(this));
-}, Y.prototype.render = J, M = [], Fe = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, Oe = function(e, t) {
+}, X.prototype.setState = function(e, t) {
+  var r = this.__s != null && this.__s != this.state ? this.__s : this.__s = I({}, this.state);
+  typeof e == "function" && (e = e(I({}, r), this.props)), e && I(r, e), e != null && this.__v && (t && this._sb.push(t), ke(this));
+}, X.prototype.forceUpdate = function(e) {
+  this.__v && (this.__e = !0, e && this.__h.push(e), ke(this));
+}, X.prototype.render = q, M = [], De = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, Pe = function(e, t) {
   return e.__v.__b - t.__v.__b;
-}, re.__r = 0, de = Math.random().toString(8), G = "__d" + de, O = "__a" + de, je = /(PointerCapture)$|Capture$/i, ge = 0, _e = Re(!1), pe = Re(!0), it = 0;
-var ht = {
+}, ee.__r = 0, ae = Math.random().toString(8), J = "__d" + ae, P = "__a" + ae, Fe = /(PointerCapture)$|Capture$/i, fe = 0, ce = Se(!1), ue = Se(!0), st = 0;
+var pt = {
   primary: "#2563eb",
   background: "#1e293b",
   backgroundSecondary: "#182130",
@@ -296,172 +296,406 @@ var ht = {
   iconColor: "#f1f5f9",
   iconColorSecondary: "#cbd5e1"
 };
-function gt(e = {}) {
+function ft(e = {}) {
   return Object.entries({
-    ...ht,
+    ...pt,
     ...e
   }).map(([t, r]) => `${`--twd-${t.replace(/([A-Z])/g, "-$1").toLowerCase()}`}: ${r};`).join(`
   `);
 }
-function vt(e) {
+function ht(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 = gt(e);
+  const n = ft(e);
   r.textContent = `
     :root {
       ${n}
     }
   `;
 }
-var mt = (e) => {
+var gt = `
+/* ========================
+   Animation keyframes
+   ======================== */
+@keyframes twd-spin {
+  0%   { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* ========================
+   Buttons — shared base
+   ======================== */
+.twd-btn {
+  cursor: pointer;
+  border-radius: var(--twd-border-radius);
+  transition: all var(--twd-animation-duration) ease;
+}
+.twd-btn:hover { filter: brightness(1.15); }
+.twd-btn:active { filter: brightness(0.9); }
+.twd-btn:focus-visible {
+  outline: 2px solid var(--twd-primary);
+  outline-offset: 2px;
+}
+.twd-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.twd-btn:disabled:hover { filter: none; }
+
+/* ========================
+   Button variants
+   ======================== */
+.twd-btn-primary {
+  background: var(--twd-button-primary);
+  color: var(--twd-button-primary-text);
+  padding: var(--twd-spacing-xs) var(--twd-spacing-md);
+  border: none;
+}
+.twd-btn-secondary {
+  background: var(--twd-button-secondary);
+  color: var(--twd-button-secondary-text);
+  padding: var(--twd-spacing-xs) var(--twd-spacing-md);
+  border: 1px solid var(--twd-button-border);
+}
+.twd-btn-icon {
+  background: transparent;
+  border: 1px solid var(--twd-border-light);
+  padding: 0;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  font-size: var(--twd-font-size-sm);
+}
+.twd-btn-mock-rules {
+  background: var(--twd-button-secondary);
+  border: 1px solid var(--twd-button-border);
+  border-radius: var(--twd-border-radius-lg);
+  padding: var(--twd-spacing-md) var(--twd-spacing-lg);
+  font-size: var(--twd-font-size-sm);
+  color: var(--twd-button-secondary-text);
+  display: flex;
+  align-items: center;
+  gap: var(--twd-spacing-md);
+  margin-bottom: 10px;
+  width: 100%;
+  text-align: left;
+  transition: all var(--twd-animation-duration) ease;
+  box-shadow: var(--twd-shadow-sm);
+}
+
+/* ========================
+   Sidebar layout
+   ======================== */
+.twd-sidebar {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: var(--twd-sidebar-width);
+  background: var(--twd-background);
+  font-size: var(--twd-font-size-md);
+  overflow-y: auto;
+  box-shadow: var(--twd-shadow);
+  text-align: left;
+  z-index: var(--twd-z-index-sidebar);
+  pointer-events: all;
+  isolation: isolate;
+}
+.twd-sidebar-header {
+  padding: var(--twd-spacing-md);
+  background: var(--twd-background);
+  position: sticky;
+  top: 0;
+  z-index: var(--twd-z-index-sticky);
+  border-bottom: 1px solid var(--twd-border);
+}
+.twd-sidebar-header-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--twd-spacing-xl);
+}
+.twd-sidebar-header-buttons {
+  display: flex;
+  gap: var(--twd-spacing-xs);
+}
+.twd-sidebar-stats {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: var(--twd-font-size-md);
+  color: var(--twd-text-secondary);
+  margin-bottom: 10px;
+}
+.twd-sidebar-stats-counts {
+  display: flex;
+  gap: var(--twd-spacing-xs);
+}
+.twd-sidebar-content {
+  padding: var(--twd-spacing-md);
+}
+.twd-sidebar-closed {
+  position: fixed;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: var(--twd-z-index-sidebar);
+  background: var(--twd-button-primary);
+  color: var(--twd-button-primary-text);
+  padding: var(--twd-spacing-sm) 10px;
+  font-size: var(--twd-font-size-sm);
+}
+.twd-sidebar-version {
+  color: var(--twd-text-secondary);
+  font-size: var(--twd-font-size-sm);
+  align-self: center;
+}
+
+/* ========================
+   Test list
+   ======================== */
+.twd-test-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.twd-test-group {
+  background: var(--twd-describe-bg);
+  border-left: 3px solid var(--twd-describe-border);
+  border-radius: var(--twd-border-radius);
+  padding: var(--twd-spacing-xs) var(--twd-spacing-sm);
+  margin-bottom: var(--twd-spacing-sm);
+}
+.twd-test-group-toggle {
+  font-weight: var(--twd-font-weight-medium);
+  font-size: var(--twd-font-size-sm);
+  cursor: pointer;
+  color: var(--twd-describe-text);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--twd-spacing-sm);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+.twd-test-item {
+  display: flex;
+  align-items: left;
+  justify-content: space-between;
+  padding: var(--twd-spacing-sm) var(--twd-spacing-sm);
+  border-radius: var(--twd-border-radius);
+}
+.twd-test-item-name {
+  font-weight: var(--twd-font-weight-medium);
+  font-size: var(--twd-font-size-md);
+  color: var(--twd-text);
+  max-width: 220px;
+}
+.twd-test-item-logs {
+  border-radius: var(--twd-border-radius);
+  max-height: 260px;
+  overflow-y: auto;
+  padding: 0;
+  background: var(--twd-background-secondary);
+  list-style: none;
+  margin-top: var(--twd-spacing-xs);
+  text-align: left;
+}
+
+/* ========================
+   Status variants
+   ======================== */
+.twd-status-pass  { background: var(--twd-success-bg); }
+.twd-status-fail  { background: var(--twd-error-bg); }
+.twd-status-skip  { background: var(--twd-skip-bg); }
+.twd-status-running { background: var(--twd-warning-bg); }
+
+/* ========================
+   Search
+   ======================== */
+.twd-search-wrapper {
+  position: relative;
+  margin-bottom: var(--twd-spacing-md);
+}
+.twd-search-input {
+  width: 100%;
+  padding: var(--twd-spacing-md);
+  background: var(--twd-background);
+  color: var(--twd-text);
+  border: 1px solid var(--twd-border);
+  border-radius: var(--twd-border-radius);
+  font-size: var(--twd-font-size-md);
+  box-sizing: border-box;
+}
+.twd-search-input:focus-visible {
+  outline: 2px solid var(--twd-primary);
+  outline-offset: 2px;
+}
+
+/* ========================
+   Loader
+   ======================== */
+.twd-loader {
+  animation: twd-spin 1s linear infinite;
+}
+`;
+function mt() {
+  const e = "twd-styles";
+  if (document.getElementById(e)) return;
+  const t = document.createElement("style");
+  t.id = e, t.textContent = gt, document.head.appendChild(t);
+}
+var vt = (e) => {
   const { Component: t, createRoot: r, theme: n } = e;
-  vt(n);
-  const o = document.createElement("div");
-  o.setAttribute("id", "twd-sidebar-root"), document.body.appendChild(o), r(o).render(t);
-}, yt = async (e, t, r, n) => {
-  for (const o in e) await e[o]();
-  mt({
+  ht(n), mt();
+  const s = document.createElement("div");
+  s.setAttribute("id", "twd-sidebar-root"), document.body.appendChild(s), r(s).render(t);
+}, wt = async (e, t, r, n) => {
+  for (const s in e) await e[s]();
+  vt({
     Component: t,
     createRoot: r,
     theme: n
   });
-}, U, S, ce, Ce, ne = 0, Ge = [], x = y, $e = x.__b, Ee = x.__r, Ie = x.diffed, Ae = x.__c, Le = x.unmount, Me = x.__;
-function we(e, t) {
-  x.__h && x.__h(S, e, ne || t), ne = 0;
-  var r = S.__H || (S.__H = {
+}, O, x, le, Te, te = 0, Ke = [], S = w, $e = S.__b, Ce = S.__r, Re = S.diffed, Ee = S.__c, Ne = S.unmount, Ie = S.__;
+function ve(e, t) {
+  S.__h && S.__h(x, e, te || t), te = 0;
+  var r = x.__H || (x.__H = {
     __: [],
     __h: []
   });
   return e >= r.__.length && r.__.push({}), r.__[e];
 }
-function P(e) {
-  return ne = 1, wt(Ye, e);
+function B(e) {
+  return te = 1, yt(Ge, e);
 }
-function wt(e, t, r) {
-  var n = we(U++, 2);
-  if (n.t = e, !n.__c && (n.__ = [r ? r(t) : Ye(void 0, t), function(d) {
-    var u = n.__N ? n.__N[0] : n.__[0], a = n.t(u, d);
+function yt(e, t, r) {
+  var n = ve(O++, 2);
+  if (n.t = e, !n.__c && (n.__ = [r ? r(t) : Ge(void 0, t), function(c) {
+    var u = n.__N ? n.__N[0] : n.__[0], a = n.t(u, c);
     u !== a && (n.__N = [a, n.__[1]], n.__c.setState({}));
-  }], n.__c = S, !S.__f)) {
-    var o = function(d, u, a) {
+  }], n.__c = x, !x.__f)) {
+    var s = function(c, u, a) {
       if (!n.__c.__H) return !0;
-      var f = n.__c.__H.__.filter(function(_) {
-        return _.__c;
+      var _ = n.__c.__H.__.filter(function(f) {
+        return f.__c;
       });
-      if (f.every(function(_) {
-        return !_.__N;
-      })) return !s || s.call(this, d, u, a);
-      var i = n.__c.props !== d;
-      return f.some(function(_) {
-        if (_.__N) {
-          var p = _.__[0];
-          _.__ = _.__N, _.__N = void 0, p !== _.__[0] && (i = !0);
+      if (_.every(function(f) {
+        return !f.__N;
+      })) return !o || o.call(this, c, u, a);
+      var i = n.__c.props !== c;
+      return _.some(function(f) {
+        if (f.__N) {
+          var p = f.__[0];
+          f.__ = f.__N, f.__N = void 0, p !== f.__[0] && (i = !0);
         }
-      }), s && s.call(this, d, u, a) || i;
+      }), o && o.call(this, c, u, a) || i;
     };
-    S.__f = !0;
-    var s = S.shouldComponentUpdate, l = S.componentWillUpdate;
-    S.componentWillUpdate = function(d, u, a) {
+    x.__f = !0;
+    var o = x.shouldComponentUpdate, l = x.componentWillUpdate;
+    x.componentWillUpdate = function(c, u, a) {
       if (this.__e) {
-        var f = s;
-        s = void 0, o(d, u, a), s = f;
+        var _ = o;
+        o = void 0, s(c, u, a), o = _;
       }
-      l && l.call(this, d, u, a);
-    }, S.shouldComponentUpdate = o;
+      l && l.call(this, c, u, a);
+    }, x.shouldComponentUpdate = s;
   }
   return n.__N || n.__;
 }
-function ie(e, t) {
-  var r = we(U++, 3);
-  !x.__s && Qe(r.__H, t) && (r.__ = e, r.u = t, S.__H.__h.push(r));
+function se(e, t) {
+  var r = ve(O++, 3);
+  !S.__s && Xe(r.__H, t) && (r.__ = e, r.u = t, x.__H.__h.push(r));
 }
-function j(e) {
-  return ne = 5, N(function() {
+function F(e) {
+  return te = 5, G(function() {
     return { current: e };
   }, []);
 }
-function N(e, t) {
-  var r = we(U++, 7);
-  return Qe(r.__H, t) && (r.__ = e(), r.__H = t, r.__h = e), r.__;
+function G(e, t) {
+  var r = ve(O++, 7);
+  return Xe(r.__H, t) && (r.__ = e(), r.__H = t, r.__h = e), r.__;
 }
 function bt() {
-  for (var e; e = Ge.shift(); ) {
+  for (var e; e = Ke.shift(); ) {
     var t = e.__H;
     if (e.__P && t) try {
-      t.__h.some(Z), t.__h.some(he), t.__h = [];
+      t.__h.some(Q), t.__h.some(pe), t.__h = [];
     } catch (r) {
-      t.__h = [], x.__e(r, e.__v);
+      t.__h = [], S.__e(r, e.__v);
     }
   }
 }
-x.__b = function(e) {
-  S = null, $e && $e(e);
-}, x.__ = function(e, t) {
-  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), Me && Me(e, t);
-}, x.__r = function(e) {
-  Ee && Ee(e), U = 0;
-  var t = (S = e.__c).__H;
-  t && (ce === S ? (t.__h = [], S.__h = [], t.__.some(function(r) {
+S.__b = function(e) {
+  x = null, $e && $e(e);
+}, S.__ = function(e, t) {
+  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), Ie && Ie(e, t);
+}, S.__r = function(e) {
+  Ce && Ce(e), O = 0;
+  var t = (x = e.__c).__H;
+  t && (le === x ? (t.__h = [], x.__h = [], t.__.some(function(r) {
     r.__N && (r.__ = r.__N), r.u = r.__N = void 0;
-  })) : (t.__h.some(Z), t.__h.some(he), t.__h = [], U = 0)), ce = S;
-}, x.diffed = function(e) {
-  Ie && Ie(e);
+  })) : (t.__h.some(Q), t.__h.some(pe), t.__h = [], O = 0)), le = x;
+}, S.diffed = function(e) {
+  Re && Re(e);
   var t = e.__c;
-  t && t.__H && (t.__H.__h.length && (Ge.push(t) !== 1 && Ce === x.requestAnimationFrame || ((Ce = x.requestAnimationFrame) || kt)(bt)), t.__H.__.some(function(r) {
+  t && t.__H && (t.__H.__h.length && (Ke.push(t) !== 1 && Te === S.requestAnimationFrame || ((Te = S.requestAnimationFrame) || kt)(bt)), t.__H.__.some(function(r) {
     r.u && (r.__H = r.u), r.u = void 0;
-  })), ce = S = null;
-}, x.__c = function(e, t) {
+  })), le = x = null;
+}, S.__c = function(e, t) {
   t.some(function(r) {
     try {
-      r.__h.some(Z), r.__h = r.__h.filter(function(n) {
-        return !n.__ || he(n);
+      r.__h.some(Q), r.__h = r.__h.filter(function(n) {
+        return !n.__ || pe(n);
       });
     } catch (n) {
-      t.some(function(o) {
-        o.__h && (o.__h = []);
-      }), t = [], x.__e(n, r.__v);
+      t.some(function(s) {
+        s.__h && (s.__h = []);
+      }), t = [], S.__e(n, r.__v);
     }
-  }), Ae && Ae(e, t);
-}, x.unmount = function(e) {
-  Le && Le(e);
+  }), Ee && Ee(e, t);
+}, S.unmount = function(e) {
+  Ne && Ne(e);
   var t, r = e.__c;
   r && r.__H && (r.__H.__.some(function(n) {
     try {
-      Z(n);
-    } catch (o) {
-      t = o;
+      Q(n);
+    } catch (s) {
+      t = s;
     }
-  }), r.__H = void 0, t && x.__e(t, r.__v));
+  }), r.__H = void 0, t && S.__e(t, r.__v));
 };
-var ze = typeof requestAnimationFrame == "function";
+var Ae = typeof requestAnimationFrame == "function";
 function kt(e) {
   var t, r = function() {
-    clearTimeout(n), ze && cancelAnimationFrame(t), setTimeout(e);
+    clearTimeout(n), Ae && cancelAnimationFrame(t), setTimeout(e);
   }, n = setTimeout(r, 35);
-  ze && (t = requestAnimationFrame(r));
+  Ae && (t = requestAnimationFrame(r));
 }
-function Z(e) {
-  var t = S, r = e.__c;
-  typeof r == "function" && (e.__c = void 0, r()), S = t;
+function Q(e) {
+  var t = x, r = e.__c;
+  typeof r == "function" && (e.__c = void 0, r()), x = t;
 }
-function he(e) {
-  var t = S;
-  e.__c = e.__(), S = t;
+function pe(e) {
+  var t = x;
+  e.__c = e.__(), x = 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 Ye(e, t) {
+function Ge(e, t) {
   return typeof t == "function" ? t(e) : t;
 }
-var St = 0;
-function c(e, t, r, n, o, s) {
+var xt = 0;
+function d(e, t, r, n, s, o) {
   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 l, c, u = t;
+  if ("ref" in u) for (c in u = {}, t) c == "ref" ? l = t[c] : u[c] = t[c];
   var a = {
     type: e,
     props: u,
@@ -473,16 +707,16 @@ function c(e, t, r, n, o, s) {
     __e: null,
     __c: null,
     constructor: void 0,
-    __v: --St,
+    __v: --xt,
     __i: -1,
     __u: 0,
-    __source: o,
-    __self: s
+    __source: s,
+    __self: o
   };
-  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;
+  if (typeof e == "function" && (l = e.defaultProps)) for (c in l) u[c] === void 0 && (u[c] = l[c]);
+  return w.vnode && w.vnode(a), a;
 }
-var xt = { animation: "spin 1s linear infinite" }, Tt = () => /* @__PURE__ */ c("svg", {
+var St = () => /* @__PURE__ */ d("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -492,18 +726,10 @@ var xt = { animation: "spin 1s linear infinite" }, Tt = () => /* @__PURE__ */ c(
   strokeWidth: "2",
   strokeLinecap: "round",
   strokeLinejoin: "round",
-  className: "lucide lucide-loader-circle-icon lucide-loader-circle",
-  style: xt,
+  className: "lucide lucide-loader-circle-icon lucide-loader-circle twd-loader",
   "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(X));
-var ae = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("svg", {
+  children: /* @__PURE__ */ d("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+}), oe = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ d("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -516,33 +742,33 @@ var ae = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
   className: `lucide ${e}`,
   "data-testid": r,
   children: t
-}), Rt = () => /* @__PURE__ */ c(ae, {
+}), Tt = () => /* @__PURE__ */ d(oe, {
   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" })
-}), Ze = ({ id: e, name: t, skip: r, only: n }) => /* @__PURE__ */ c(J, { children: [
+  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" })
+}), Qe = ({ id: e, name: t, skip: r, only: n }) => /* @__PURE__ */ d(q, { children: [
   t,
   " ",
-  n && /* @__PURE__ */ c("span", {
+  n && /* @__PURE__ */ d("span", {
     style: { color: "var(--twd-primary)" },
     "data-testid": `only-indicator-${e}`,
     children: [" ", "(only)"]
   }),
-  r && /* @__PURE__ */ c("span", {
+  r && /* @__PURE__ */ d("span", {
     style: { color: "var(--twd-text-secondary)" },
     "data-testid": `skip-indicator-${e}`,
     children: [" ", "(skipped)"]
   })
-] }), L = /* @__PURE__ */ (function(e) {
+] }), A = /* @__PURE__ */ (function(e) {
   return e.CHAI_DIFF = "chai-diff", e.CHAI_MESSAGE = "chai-message", e.ERROR = "error", e;
-})({}), Ct = (e) => {
+})({}), $t = (e) => {
   try {
     const t = JSON.parse(e);
     if (t && typeof t == "object" && "type" in t) return t;
   } catch {
   }
   return null;
-}, Ne = (e) => {
+}, Me = (e) => {
   if (e === null) return "null";
   if (e === void 0) return "undefined";
   if (typeof e == "string") return e;
@@ -552,15 +778,15 @@ var ae = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
     return String(e);
   }
   return String(e);
-}, $t = (e) => e.startsWith("Assertion passed") || e.startsWith("Event fired") ? {
+}, Ct = (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)"
-} : {}, Et = (e) => e.type === L.CHAI_MESSAGE || e.type === L.ERROR, It = (e, t) => t && Et(t) ? t.message : e, At = ({ log: e, index: t }) => {
-  const r = Ct(e);
-  if (r?.type === L.CHAI_DIFF) return /* @__PURE__ */ c("li", {
+} : {}, Rt = (e) => e.type === A.CHAI_MESSAGE || e.type === A.ERROR, Et = (e, t) => t && Rt(t) ? t.message : e, Nt = ({ log: e, index: t }) => {
+  const r = $t(e);
+  if (r?.type === A.CHAI_DIFF) return /* @__PURE__ */ d("li", {
     style: {
       fontSize: "var(--twd-font-size-sm)",
       padding: "var(--twd-spacing-sm)",
@@ -568,7 +794,7 @@ var ae = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
       color: "var(--twd-text)"
     },
     children: [
-      /* @__PURE__ */ c("div", {
+      /* @__PURE__ */ d("div", {
         style: {
           color: "var(--twd-error)",
           fontWeight: "var(--twd-font-weight-bold)",
@@ -576,20 +802,20 @@ var ae = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
         },
         children: "❌ Assertion failed"
       }),
-      /* @__PURE__ */ c("div", {
+      /* @__PURE__ */ d("div", {
         style: {
           marginTop: "var(--twd-spacing-xs)",
           paddingLeft: "var(--twd-spacing-sm)",
           borderLeft: "2px solid var(--twd-success)"
         },
-        children: [/* @__PURE__ */ c("div", {
+        children: [/* @__PURE__ */ d("div", {
           style: {
             color: "var(--twd-success)",
             fontWeight: "var(--twd-font-weight-medium)",
             marginBottom: "var(--twd-spacing-xs)"
           },
           children: "Expected:"
-        }), /* @__PURE__ */ c("pre", {
+        }), /* @__PURE__ */ d("pre", {
           style: {
             margin: 0,
             padding: "var(--twd-spacing-xs)",
@@ -600,23 +826,23 @@ var ae = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
             whiteSpace: "pre-wrap",
             wordBreak: "break-word"
           },
-          children: Ne(r.expected)
+          children: Me(r.expected)
         })]
       }),
-      /* @__PURE__ */ c("div", {
+      /* @__PURE__ */ d("div", {
         style: {
           marginTop: "var(--twd-spacing-xs)",
           paddingLeft: "var(--twd-spacing-sm)",
           borderLeft: "2px solid var(--twd-error)"
         },
-        children: [/* @__PURE__ */ c("div", {
+        children: [/* @__PURE__ */ d("div", {
           style: {
             color: "var(--twd-error)",
             fontWeight: "var(--twd-font-weight-medium)",
             marginBottom: "var(--twd-spacing-xs)"
           },
           children: "Actual:"
-        }), /* @__PURE__ */ c("pre", {
+        }), /* @__PURE__ */ d("pre", {
           style: {
             margin: 0,
             padding: "var(--twd-spacing-xs)",
@@ -627,97 +853,44 @@ var ae = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
             whiteSpace: "pre-wrap",
             wordBreak: "break-word"
           },
-          children: Ne(r.actual)
+          children: Me(r.actual)
         })]
       })
     ]
   }, t);
-  const n = It(e, r);
-  return /* @__PURE__ */ c("li", {
+  const n = Et(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)",
-      ...$t(n)
+      ...Ct(n)
     },
     children: n
   }, t);
-}, D = {
-  container: { marginBottom: "var(--twd-spacing-xs)" },
-  item: {
-    display: "flex",
-    alignItems: "left",
-    justifyContent: "space-between",
-    padding: "var(--twd-spacing-sm) var(--twd-spacing-sm)",
-    borderRadius: "var(--twd-border-radius)"
-  },
-  nameSpan: {
-    fontWeight: "var(--twd-font-weight-medium)",
-    fontSize: "var(--twd-font-size-md)",
-    color: "var(--twd-text)",
-    maxWidth: "220px"
-  },
-  button: {
-    background: "transparent",
-    border: "1px solid var(--twd-border-light)",
-    borderRadius: "var(--twd-border-radius)",
-    padding: "0",
-    cursor: "pointer",
-    verticalAlign: "middle",
-    fontSize: "var(--twd-font-size-sm)",
-    width: "24px",
-    height: "24px",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  logsList: {
-    borderRadius: "var(--twd-border-radius)",
-    maxHeight: "260px",
-    overflowY: "auto",
-    padding: 0,
-    background: "var(--twd-background-secondary)",
-    listStyle: "none",
-    marginTop: "var(--twd-spacing-xs)",
-    textAlign: "left"
-  }
-}, Lt = (e) => {
-  switch (e.status) {
+}, It = (e) => {
+  switch (e) {
     case "pass":
-      return {
-        item: { background: "var(--twd-success-bg)" },
-        container: { borderLeft: "3px solid var(--twd-success)" }
-      };
+      return "twd-status-pass";
     case "fail":
-      return {
-        item: { background: "var(--twd-error-bg)" },
-        container: { borderLeft: "3px solid var(--twd-error)" }
-      };
+      return "twd-status-fail";
     case "skip":
-      return { item: { background: "var(--twd-skip-bg)" } };
+      return "twd-status-skip";
     case "running":
-      return { item: { background: "var(--twd-warning-bg)" } };
+      return "twd-status-running";
     default:
-      return { item: { background: "transparent" } };
+      return "";
   }
-}, Mt = ({ node: e, depth: t, id: r, runTest: n }) => {
-  const o = j(null), s = j(e.status), l = j(e.logs?.length || 0), d = N(() => Lt(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]), f = N(() => ({
-    ...D.item,
-    ...d.item,
-    ...u && { border: "1px dashed var(--twd-border)" }
-  }), [d, u]);
-  ie(() => {
-    const _ = o.current;
-    !_ || !e.logs || e.logs.length === 0 || ((s.current === "running" && (e.status === "pass" || e.status === "fail") || e.logs.length > l.current) && setTimeout(() => {
-      _.scrollTop = _.scrollHeight;
-    }, 0), s.current = e.status, l.current = e.logs.length);
+}, At = ({ node: e, depth: t, id: r, runTest: n }) => {
+  const s = F(null), o = F(e.status), l = F(e.logs?.length || 0), c = typeof window < "u" && sessionStorage.getItem("twd-last-run-test-name") === e.name;
+  se(() => {
+    const a = s.current;
+    !a || !e.logs || e.logs.length === 0 || ((o.current === "running" && (e.status === "pass" || e.status === "fail") || e.logs.length > l.current) && setTimeout(() => {
+      a.scrollTop = a.scrollHeight;
+    }, 0), o.current = e.status, l.current = e.logs.length);
   }, [e.status, e.logs]);
-  const i = () => {
+  const u = () => {
     switch (e.status) {
       case "pass":
         return "passed";
@@ -731,136 +904,115 @@ var ae = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
         return "not run";
     }
   };
-  return /* @__PURE__ */ c("li", {
-    style: a,
+  return /* @__PURE__ */ d("li", {
+    style: {
+      marginBottom: "var(--twd-spacing-xs)",
+      marginLeft: `calc(${t} * var(--twd-spacing-sm))`
+    },
     "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: f,
-      children: [/* @__PURE__ */ c("span", {
-        style: D.nameSpan,
-        children: /* @__PURE__ */ c(Ze, {
+    "aria-label": `Test ${e.name}, status: ${u()}`,
+    children: [/* @__PURE__ */ d("div", {
+      className: `twd-test-item ${It(e.status)}`,
+      style: c ? { border: "1px dashed var(--twd-border)" } : void 0,
+      children: [/* @__PURE__ */ d("span", {
+        className: "twd-test-item-name",
+        children: /* @__PURE__ */ d(Qe, {
           id: r,
           name: e.name,
           skip: e.skip,
           only: e.only
         })
-      }), /* @__PURE__ */ c("button", {
+      }), /* @__PURE__ */ d("button", {
         onClick: () => n(r),
         "aria-label": `Run ${e.name} test`,
-        style: D.button,
+        className: "twd-btn twd-btn-icon",
         disabled: e.status === "running",
         "data-testid": `run-test-button-${r}`,
-        children: e.status === "running" ? /* @__PURE__ */ c(Tt, {}) : /* @__PURE__ */ c(Rt, {})
+        children: e.status === "running" ? /* @__PURE__ */ d(St, {}) : /* @__PURE__ */ d(Tt, {})
       })]
-    }), e.logs && e.logs.length > 0 && /* @__PURE__ */ c("ul", {
-      ref: o,
-      style: D.logsList,
-      children: e.logs.map((_, p) => /* @__PURE__ */ c(At, {
-        log: _,
-        index: p
-      }, p))
+    }), e.logs && e.logs.length > 0 && /* @__PURE__ */ d("ul", {
+      ref: s,
+      className: "twd-test-item-logs",
+      children: e.logs.map((a, _) => /* @__PURE__ */ d(Nt, {
+        log: a,
+        index: _
+      }, _))
     })]
   }, e.name);
-}, zt = () => /* @__PURE__ */ c(ae, {
+}, Mt = () => /* @__PURE__ */ d(oe, {
   className: "lucide-chevron-down-icon lucide-chevron-down",
   dataTestId: "chevron-down-icon",
-  children: /* @__PURE__ */ c("path", { d: "m6 9 6 6 6-6" })
-}), Nt = () => /* @__PURE__ */ c(ae, {
+  children: /* @__PURE__ */ d("path", { d: "m6 9 6 6 6-6" })
+}), zt = () => /* @__PURE__ */ d(oe, {
   className: "lucide-chevron-right-icon lucide-chevron-right",
   dataTestId: "chevron-right-icon",
-  children: /* @__PURE__ */ c("path", { d: "m9 18 6-6-6-6" })
-}), Wt = ({ roots: e, runTest: t, searchQuery: r = "" }) => {
-  const [n, o] = P({}), s = j(null), l = j(!1), d = (a) => o((f) => ({
-    ...f,
-    [a]: !f[a]
+  children: /* @__PURE__ */ d("path", { d: "m9 18 6-6-6-6" })
+}), Lt = ({ roots: e, runTest: t, searchQuery: r = "" }) => {
+  const [n, s] = B({}), o = F(null), l = F(!1), c = (a) => s((_) => ({
+    ..._,
+    [a]: !_[a]
   }));
-  ie(() => {
+  se(() => {
     if (l.current) return;
     const a = sessionStorage.getItem("twd-last-run-test-name");
     if (!a) return;
-    const f = setTimeout(() => {
+    const _ = setTimeout(() => {
       const i = document.querySelector(`[data-test-name="${a}"]`);
       if (i) {
-        const _ = s.current?.closest('[data-testid="twd-sidebar"]');
-        if (_) {
-          const p = i.getBoundingClientRect(), w = _.getBoundingClientRect(), C = _.scrollTop, k = p.top - w.top + C, g = _.querySelector('[data-testid="twd-sidebar-header"]'), v = g ? g.getBoundingClientRect().height + 16 : 150;
-          _.scrollTo({
-            top: k - v,
+        const f = o.current?.closest('[data-testid="twd-sidebar"]');
+        if (f) {
+          const p = i.getBoundingClientRect(), y = f.getBoundingClientRect(), C = f.scrollTop, k = p.top - y.top + C, g = f.querySelector('[data-testid="twd-sidebar-header"]'), m = g ? g.getBoundingClientRect().height + 16 : 150;
+          f.scrollTo({
+            top: k - m,
             behavior: "smooth"
           });
         }
         l.current = !0;
       }
     }, 100);
-    return () => clearTimeout(f);
+    return () => clearTimeout(_);
   }, []);
-  const u = (a, f = 0) => {
-    if (a.type === "test") return /* @__PURE__ */ c(Mt, {
+  const u = (a, _ = 0) => {
+    if (a.type === "test") return /* @__PURE__ */ d(At, {
       node: a,
-      depth: f,
+      depth: _,
       id: a.id,
       runTest: () => t(a.id)
     }, a.id);
     const i = n[a.id];
-    return /* @__PURE__ */ c("li", {
-      style: { marginLeft: `calc(${f} * var(--twd-spacing-lg))` },
-      children: [/* @__PURE__ */ c("div", {
-        style: {
-          background: "var(--twd-describe-bg)",
-          borderLeft: "3px solid var(--twd-describe-border)",
-          borderRadius: "var(--twd-border-radius)",
-          padding: "var(--twd-spacing-xs) var(--twd-spacing-sm)",
-          marginBottom: "var(--twd-spacing-sm)"
-        },
-        children: /* @__PURE__ */ c("span", {
-          style: {
-            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"
-          },
+    return /* @__PURE__ */ d("li", {
+      style: { marginLeft: `calc(${_} * var(--twd-spacing-lg))` },
+      children: [/* @__PURE__ */ d("div", {
+        className: "twd-test-group",
+        children: /* @__PURE__ */ d("span", {
+          className: "twd-test-group-toggle",
           "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(Ze, {
+          onClick: () => c(a.id),
+          children: [/* @__PURE__ */ d(Qe, {
             id: a.id,
             name: a.name,
             skip: a.skip,
             only: a.only
-          }), i ? /* @__PURE__ */ c(Nt, {}) : /* @__PURE__ */ c(zt, {})]
+          }), i ? /* @__PURE__ */ d(zt, {}) : /* @__PURE__ */ d(Mt, {})]
         })
-      }), !i && a.childrenNodes && a.childrenNodes.length > 0 && /* @__PURE__ */ c("ul", {
-        style: {
-          listStyle: "none",
-          padding: 0,
-          margin: 0
-        },
-        children: a.childrenNodes.map((_) => u(_, f + 1))
+      }), !i && a.childrenNodes && a.childrenNodes.length > 0 && /* @__PURE__ */ d("ul", {
+        className: "twd-test-list",
+        children: a.childrenNodes.map((f) => u(f, _ + 1))
       })]
     }, a.id);
   };
-  return /* @__PURE__ */ c("ul", {
-    ref: s,
-    style: {
-      listStyle: "none",
-      padding: 0,
-      margin: 0
-    },
+  return /* @__PURE__ */ d("ul", {
+    ref: o,
+    className: "twd-test-list",
     role: "list",
     "aria-label": "Test list",
-    children: e.length === 0 && r ? /* @__PURE__ */ c("li", {
+    children: e.length === 0 && r ? /* @__PURE__ */ d("li", {
       style: {
         padding: "var(--twd-spacing-md)",
         color: "var(--twd-text-secondary)",
@@ -874,7 +1026,7 @@ var ae = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
       ]
     }) : e.map((a) => u(a))
   });
-}, Ht = {
+}, Wt = {
   left: {
     left: 0,
     borderTopRightRadius: "var(--twd-border-radius-lg)",
@@ -889,61 +1041,51 @@ var ae = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
     borderTopRightRadius: "0",
     borderBottomRightRadius: "0"
   }
-}, Bt = ({ setOpen: e, position: t }) => /* @__PURE__ */ c("button", {
+}, Ht = ({ setOpen: e, position: t }) => /* @__PURE__ */ d("button", {
   "aria-label": "Open TWD sidebar",
-  style: {
-    position: "fixed",
-    top: "50%",
-    transform: "translateY(-50%)",
-    zIndex: "var(--twd-z-index-sidebar)",
-    background: "var(--twd-button-primary)",
-    color: "var(--twd-button-primary-text)",
-    padding: "var(--twd-spacing-sm) 10px",
-    cursor: "pointer",
-    fontSize: "var(--twd-font-size-sm)",
-    ...Ht[t]
-  },
+  className: "twd-btn twd-sidebar-closed",
+  style: { ...Wt[t] },
   onClick: () => e(!0),
   children: "TWD"
-}), Dt = ({ isOpen: e, position: t }) => {
-  ie(() => {
+}), Bt = ({ isOpen: e, position: t }) => {
+  se(() => {
     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]);
 };
-function q(e) {
+function j(e) {
   "@babel/helpers - typeof";
-  return q = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return j = 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;
-  }, q(e);
+  }, j(e);
 }
-function Pt(e, t) {
-  if (q(e) != "object" || !e) return e;
+function Dt(e, t) {
+  if (j(e) != "object" || !e) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
     var n = r.call(e, t || "default");
-    if (q(n) != "object") return n;
+    if (j(n) != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
 }
-function Ft(e) {
-  var t = Pt(e, "string");
-  return q(t) == "symbol" ? t : t + "";
+function Pt(e) {
+  var t = Dt(e, "string");
+  return j(t) == "symbol" ? t : t + "";
 }
-function We(e, t, r) {
-  return (t = Ft(t)) in e ? Object.defineProperty(e, t, {
+function ze(e, t, r) {
+  return (t = Pt(t)) in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[t] = r, e;
 }
-var Ot = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STATE__ = {
+var Ft = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STATE__ = {
   handlers: /* @__PURE__ */ new Map(),
   beforeEachHooks: /* @__PURE__ */ new Map(),
   afterEachHooks: /* @__PURE__ */ new Map(),
@@ -953,9 +1095,9 @@ var Ot = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STAT
   beforeEachHooks: /* @__PURE__ */ new Map(),
   afterEachHooks: /* @__PURE__ */ new Map(),
   stack: []
-}, le = Ot(), m = le.handlers, He = le.beforeEachHooks, Be = le.afterEachHooks, T = le.stack, B = () => Math.random().toString(36).slice(2, 11), et = (e, t) => {
-  const r = B(), n = T.at(-1);
-  m.set(r, {
+}, ie = Ft(), v = ie.handlers, Le = ie.beforeEachHooks, We = ie.afterEachHooks, T = ie.stack, H = () => Math.random().toString(36).slice(2, 11), Ye = (e, t) => {
+  const r = H(), n = T.at(-1);
+  v.set(r, {
     id: r,
     name: e,
     type: "suite",
@@ -964,11 +1106,11 @@ var Ot = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STAT
     depth: T.length,
     parent: n,
     handler: t
-  }), n && m.get(n).children.push(r), T.push(r), t(), T.pop();
+  }), n && v.get(n).children.push(r), T.push(r), t(), T.pop();
 };
-et.only = (e, t) => {
-  const r = B(), n = T.at(-1);
-  m.set(r, {
+Ye.only = (e, t) => {
+  const r = H(), n = T.at(-1);
+  v.set(r, {
     id: r,
     name: e,
     type: "suite",
@@ -978,11 +1120,11 @@ et.only = (e, t) => {
     parent: n,
     handler: t,
     only: !0
-  }), n && m.get(n).children.push(r), T.push(r), t(), T.pop();
+  }), n && v.get(n).children.push(r), T.push(r), t(), T.pop();
 };
-et.skip = (e, t) => {
-  const r = B(), n = T.at(-1);
-  m.set(r, {
+Ye.skip = (e, t) => {
+  const r = H(), n = T.at(-1);
+  v.set(r, {
     id: r,
     name: e,
     type: "suite",
@@ -992,10 +1134,10 @@ et.skip = (e, t) => {
     parent: n,
     handler: t,
     skip: !0
-  }), n && m.get(n).children.push(r), T.push(r), t(), T.pop();
+  }), n && v.get(n).children.push(r), T.push(r), t(), T.pop();
 };
-var tt = (e, t) => {
-  const r = B(), n = T.at(-1), o = {
+var Ze = (e, t) => {
+  const r = H(), n = T.at(-1), s = {
     id: r,
     name: e,
     type: "test",
@@ -1004,10 +1146,10 @@ var tt = (e, t) => {
     logs: [],
     parent: n
   };
-  n && m.get(n).children.push(r), m.set(r, o);
+  n && v.get(n).children.push(r), v.set(r, s);
 };
-tt.only = (e, t) => {
-  const r = B(), n = T.at(-1), o = {
+Ze.only = (e, t) => {
+  const r = H(), n = T.at(-1), s = {
     id: r,
     name: e,
     type: "test",
@@ -1017,10 +1159,10 @@ tt.only = (e, t) => {
     parent: n,
     only: !0
   };
-  n && m.get(n).children.push(r), m.set(r, o);
+  n && v.get(n).children.push(r), v.set(r, s);
 };
-tt.skip = (e, t) => {
-  const r = B(), n = T.at(-1), o = {
+Ze.skip = (e, t) => {
+  const r = H(), n = T.at(-1), s = {
     id: r,
     name: e,
     type: "test",
@@ -1031,170 +1173,154 @@ tt.skip = (e, t) => {
     parent: n,
     skip: !0
   };
-  n && m.get(n).children.push(r), m.set(r, o);
+  n && v.get(n).children.push(r), v.set(r, s);
 };
-var jt = (e) => {
+var Ot = (e) => {
   const t = [], r = [];
   let n = e;
   for (; n; )
-    He.has(n) && t.unshift(...He.get(n)), Be.has(n) && r.push(...Be.get(n)), n = m.get(n)?.parent;
+    Le.has(n) && t.unshift(...Le.get(n)), We.has(n) && r.push(...We.get(n)), n = v.get(n)?.parent;
   return {
     before: t,
     after: r
   };
-}, F = (e) => {
-  const t = m.get(e);
-  return t ? t.only ? !0 : t.children ? t.children.some((r) => F(r)) : !1 : !1;
-}, Ut = (e) => {
-  let t = m.get(e);
+}, D = (e) => {
+  const t = v.get(e);
+  return t ? t.only ? !0 : t.children ? t.children.some((r) => D(r)) : !1 : !1;
+}, jt = (e) => {
+  let t = v.get(e);
   for (; t?.parent; ) {
-    const r = m.get(t.parent);
+    const r = v.get(t.parent);
     if (r?.only) return !0;
     t = r;
   }
   return !1;
-}, ue = (e) => {
-  let t = m.get(e);
+}, de = (e) => {
+  let t = v.get(e);
   for (; t; ) {
     if (t.skip) return !0;
     if (!t.parent) break;
-    t = m.get(t.parent);
+    t = v.get(t.parent);
   }
   return !1;
-}, rt = class {
+}, et = class {
   constructor(e, t) {
-    We(this, "events", void 0), We(this, "retryCount", void 0), this.events = e, this.retryCount = t?.retryCount ?? 1;
+    ze(this, "events", void 0), ze(this, "retryCount", void 0), this.events = e, this.retryCount = t?.retryCount ?? 1;
   }
   async runAll() {
-    const e = Array.from(m.values()).filter((r) => !r.parent && r.type === "suite"), t = Array.from(m.values()).some((r) => r.only);
+    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 m;
+    return v;
   }
   async runSingle(e) {
-    const t = m.get(e);
+    const t = v.get(e);
     !t || t.type !== "test" || await this.runTest(t, !1);
   }
   async runByIds(e) {
-    const t = new Set(e), r = Array.from(m.values()).filter((o) => !o.parent && o.type === "suite"), n = Array.from(m.values()).some((o) => o.only);
-    for (const o of r) await this.runSuiteByIds(o, t, n);
-    return m;
+    const t = new Set(e), r = Array.from(v.values()).filter((s) => !s.parent && s.type === "suite"), n = Array.from(v.values()).some((s) => s.only);
+    for (const s of r) await this.runSuiteByIds(s, t, n);
+    return v;
   }
   async runSuiteByIds(e, t, r) {
     if (!this.hasDescendantInSet(e, t)) return;
-    if (ue(e.id) && !F(e.id)) {
+    if (de(e.id) && !D(e.id)) {
       this.events.onSkip?.(e);
       return;
     }
-    if (r && !F(e.id)) return;
+    if (r && !D(e.id)) return;
     this.events.onSuiteStart?.(e);
-    const n = (e.children || []).map((o) => m.get(o));
-    for (const o of n) o.type === "suite" ? await this.runSuiteByIds(o, t, r) : o.type === "test" && t.has(o.id) && await this.runTest(o, r);
+    const n = (e.children || []).map((s) => v.get(s));
+    for (const s of n) s.type === "suite" ? await this.runSuiteByIds(s, t, r) : s.type === "test" && t.has(s.id) && await this.runTest(s, r);
     this.events.onSuiteEnd?.(e);
   }
   hasDescendantInSet(e, t) {
     return t.has(e.id) ? !0 : e.children ? e.children.some((r) => {
-      const n = m.get(r);
+      const n = v.get(r);
       return n ? this.hasDescendantInSet(n, t) : !1;
     }) : !1;
   }
   async runSuite(e, t) {
-    if (ue(e.id) && !F(e.id)) {
+    if (de(e.id) && !D(e.id)) {
       this.events.onSkip?.(e);
       return;
     }
-    if (t && !F(e.id)) return;
+    if (t && !D(e.id)) return;
     this.events.onSuiteStart?.(e);
-    const r = (e.children || []).map((n) => m.get(n));
+    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 ((ue(e.id) || e.skip) && !e.only) {
+    if ((de(e.id) || e.skip) && !e.only) {
       this.events.onSkip(e);
       return;
     }
-    const r = Ut(e.id);
+    const r = jt(e.id);
     if (t && !e.only && !r) {
       this.events.onSkip(e);
       return;
     }
     this.events.onStart?.(e);
-    const n = jt(e.parent);
-    let o = null;
-    for (let s = 1; s <= this.retryCount; s++) try {
+    const n = Ot(e.parent);
+    let s = null;
+    for (let o = 1; o <= this.retryCount; o++) try {
       for (const l of n.before) await l();
-      e.logs = [], await e.handler(), this.events.onPass(e, s > 1 ? s : void 0);
+      e.logs = [], await e.handler(), this.events.onPass(e, o > 1 ? o : void 0);
       return;
     } catch (l) {
-      o = l;
+      s = l;
     } finally {
       for (const l of n.after) await l();
     }
-    this.events.onFail(e, o);
+    this.events.onFail(e, s);
   }
 };
-window.__testRunner = rt;
-var be = "1.6.5", qt = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ || (window.__TWD_MOCK_STATE__ = {
+window.__testRunner = et;
+var we = "1.6.6", Ut = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ || (window.__TWD_MOCK_STATE__ = {
   rules: [],
   counts: {}
 }), window.__TWD_MOCK_STATE__) : {
   rules: [],
   counts: {}
-}, V = qt(), ke = V.rules, De = !1, Vt = async (e) => {
-  if (De) {
+}, U = Ut(), ye = U.rules, He = !1, qt = async (e) => {
+  if (He) {
     console.warn("[TWD] Request mocking already initialized");
     return;
   }
-  "serviceWorker" in navigator && (De = !0, await navigator.serviceWorker.register(`${e ?? "/mock-sw.js"}?v=${be}`), navigator.serviceWorker.controller || await new Promise((t) => {
+  "serviceWorker" in navigator && (He = !0, await navigator.serviceWorker.register(`${e ?? "/mock-sw.js"}?v=${we}`), navigator.serviceWorker.controller || await new Promise((t) => {
     navigator.serviceWorker.addEventListener("controllerchange", t, { once: !0 });
   }), navigator.serviceWorker.addEventListener("message", (t) => {
     if (t.data?.type === "EXECUTED") {
-      const { alias: r, request: n, hitCount: o } = t.data, s = ke.find((l) => l.alias === r);
-      s && (s.executed = !0, s.request = n, s.hitCount = o), V.counts[r] = o ?? (V.counts[r] ?? 0) + 1;
+      const { alias: r, request: n, hitCount: s } = t.data, o = ye.find((l) => l.alias === r);
+      o && (o.executed = !0, o.request = n, o.hitCount = s), U.counts[r] = s ?? (U.counts[r] ?? 0) + 1;
     }
   }));
-}, Jt = () => ke, Kt = () => {
+}, Vt = () => ye, Jt = () => {
   navigator.serviceWorker.controller?.postMessage({
     type: "CLEAR_RULES",
-    version: be
-  }), ke.length = 0;
-  for (const e in V.counts) delete V.counts[e];
-}, Xt = () => /* @__PURE__ */ c(ae, {
+    version: we
+  }), ye.length = 0;
+  for (const e in U.counts) delete U.counts[e];
+}, Kt = () => /* @__PURE__ */ d(oe, {
   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" })
+    /* @__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" })
   ]
-}), Gt = () => {
-  const e = Jt(), t = e.filter((n) => n.executed);
-  return /* @__PURE__ */ c("button", {
+}), Xt = () => {
+  const e = Vt(), 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)"
-    },
+    className: "twd-btn twd-btn-mock-rules",
     children: [
-      /* @__PURE__ */ c(Xt, {}),
-      /* @__PURE__ */ c("span", {
+      /* @__PURE__ */ d(Kt, {}),
+      /* @__PURE__ */ d("span", {
         style: { flex: 1 },
         children: [
           "Rules: ",
@@ -1204,7 +1330,7 @@ var be = "1.6.5", qt = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ ||
           " triggered"
         ]
       }),
-      /* @__PURE__ */ c("span", {
+      /* @__PURE__ */ d("span", {
         style: {
           fontSize: "var(--twd-font-size-xs)",
           color: "var(--twd-text)",
@@ -1214,11 +1340,11 @@ var be = "1.6.5", qt = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ ||
       })
     ]
   });
-}, Qt = /* @__PURE__ */ new Map();
-function Yt() {
-  Qt.clear();
+}, Gt = /* @__PURE__ */ new Map();
+function Qt() {
+  Gt.clear();
 }
-var Zt = (e) => e instanceof Error && "actual" in e && "expected" in e, nt = (e) => e.actual !== void 0 && e.expected !== void 0 ? {
+var Yt = (e) => e instanceof Error && "actual" in e && "expected" in e, tt = (e) => e.actual !== void 0 && e.expected !== void 0 ? {
   type: "diff",
   actual: e.actual,
   expected: e.expected,
@@ -1226,61 +1352,48 @@ var Zt = (e) => e instanceof Error && "actual" in e && "expected" in e, nt = (e)
 } : {
   type: "message",
   message: e.message
-}, er = (e) => {
-  const t = nt(e);
+}, Zt = (e) => {
+  const t = tt(e);
   t.type === "diff" ? (console.error(`Assertion failed with operator: ${t.operator || "unknown"}`), console.group("Expected:"), console.log(t.expected), console.groupEnd(), console.group("Actual:"), console.log(t.actual), console.groupEnd()) : console.error(t.message);
-}, tr = (e) => {
+}, er = (e) => {
   if (e.status === "pass") return `Test "${e.name}" passed.`;
   if (e.status === "fail") {
     if (!e.logs || e.logs.length === 0) return `Test "${e.name}" failed.`;
     const t = e.logs[e.logs.length - 1];
     try {
       const r = JSON.parse(t);
-      return r.type === L.CHAI_MESSAGE || r.type === L.ERROR ? `Test "${e.name}" failed. ${r.message}` : r.type === L.CHAI_DIFF ? `Test "${e.name}" failed. Expected value does not match actual value.` : `Test "${e.name}" failed.`;
+      return r.type === A.CHAI_MESSAGE || r.type === A.ERROR ? `Test "${e.name}" failed. ${r.message}` : r.type === A.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.`;
   return "";
-}, rr = (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(", ") + ".");
-}, nr = ({ value: e, onChange: t }) => /* @__PURE__ */ c("div", {
-  style: {
-    position: "relative",
-    marginBottom: "var(--twd-spacing-md)"
-  },
-  children: /* @__PURE__ */ c("input", {
+}, tr = (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(", ") + ".");
+}, rr = ({ value: e, onChange: t }) => /* @__PURE__ */ d("div", {
+  className: "twd-search-wrapper",
+  children: /* @__PURE__ */ d("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"
-    }
+    className: "twd-search-input"
   })
-}), or = (e, t) => {
+}), nr = (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
+  const r = t.toLowerCase(), n = (s) => {
+    const o = s.name.toLowerCase().includes(r);
+    if (s.type === "test") return o ? s : null;
+    const l = (s.childrenNodes || []).map(n).filter((c) => c !== null);
+    return o || l.length > 0 ? {
+      ...s,
+      childrenNodes: o ? s.childrenNodes : l
     } : null;
   };
-  return e.map(n).filter((o) => o !== null);
+  return e.map(n).filter((s) => s !== null);
 }, sr = (e) => {
   const t = /* @__PURE__ */ new Map(), r = [];
   for (const n of e) t.set(n.id, {
@@ -1289,7 +1402,7 @@ var Zt = (e) => e instanceof Error && "actual" in e && "expected" in e, nt = (e)
   });
   for (const n of t.values()) n.parent ? t.get(n.parent)?.childrenNodes?.push(n) : r.push(n);
   return r;
-}, ir = {
+}, or = {
   left: {
     left: 0,
     borderRight: "1px solid var(--twd-border)"
@@ -1298,104 +1411,90 @@ var Zt = (e) => e instanceof Error && "actual" in e && "expected" in e, nt = (e)
     right: 0,
     borderLeft: "1px solid var(--twd-border)"
   }
-}, ar = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', lr = (e) => e ? sessionStorage.getItem("twd-search-filter") || "" : (sessionStorage.removeItem("twd-search-filter"), ""), dr = (e) => sessionStorage.getItem("twd-sidebar-open") ? sessionStorage.getItem("twd-sidebar-open") === "true" : e, ot = (e) => {
+}, ir = (e) => e ? sessionStorage.getItem("twd-search-filter") || "" : (sessionStorage.removeItem("twd-search-filter"), ""), ar = (e) => sessionStorage.getItem("twd-sidebar-open") ? sessionStorage.getItem("twd-sidebar-open") === "true" : e, rt = (e) => {
   const t = [];
   for (const r of e)
-    r.type === "test" && t.push(r.id), r.childrenNodes && t.push(...ot(r.childrenNodes));
+    r.type === "test" && t.push(r.id), r.childrenNodes && t.push(...rt(r.childrenNodes));
   return t;
-}, cr = ({ open: e, position: t = "left", search: r }) => {
-  const [n, o] = P(0), [s, l] = P(dr(e));
-  Dt({
-    isOpen: s,
+}, lr = ({ open: e, position: t = "left", search: r }) => {
+  const [n, s] = B(0), [o, l] = B(ar(e));
+  Bt({
+    isOpen: o,
     position: t
   });
-  const [d, u] = P(""), [a, f] = P(lr(r));
-  ie(() => {
-    const h = () => o((b) => b + 1);
+  const [c, u] = B(""), [a, _] = B(ir(r));
+  se(() => {
+    const h = () => s((b) => b + 1);
     return window.addEventListener("twd:state-change", h), () => window.removeEventListener("twd:state-change", h);
   }, []);
-  const i = new rt({
+  const i = new et({
     onStart: (h) => {
-      h.status = "running", o((b) => b + 1);
+      h.status = "running", s((b) => b + 1);
     },
     onPass: (h) => {
-      h.status = "pass", o((b) => b + 1);
+      h.status = "pass", s((b) => b + 1);
     },
     onFail: (h, b) => {
-      if (h.status = "fail", console.group(`%c❌ Test failed: ${h.name}`, "color: red; font-weight: bold;"), Zt(b)) {
-        er(b);
-        const R = nt(b);
-        R.type === "diff" ? h.logs.push(JSON.stringify({
-          type: L.CHAI_DIFF,
-          expected: R.expected,
-          actual: R.actual
+      if (h.status = "fail", console.group(`%c❌ Test failed: ${h.name}`, "color: red; font-weight: bold;"), Yt(b)) {
+        Zt(b);
+        const $ = tt(b);
+        $.type === "diff" ? h.logs.push(JSON.stringify({
+          type: A.CHAI_DIFF,
+          expected: $.expected,
+          actual: $.actual
         })) : h.logs.push(JSON.stringify({
-          type: L.CHAI_MESSAGE,
-          message: `Test failed: ${R.message}`
+          type: A.CHAI_MESSAGE,
+          message: `Test failed: ${$.message}`
         }));
       } else
         console.error(b.message), h.logs.push(JSON.stringify({
-          type: L.ERROR,
+          type: A.ERROR,
           message: `Test failed: ${b.message}`
         }));
-      console.groupEnd(), o((R) => R + 1);
+      console.groupEnd(), s(($) => $ + 1);
     },
     onSkip: (h) => {
-      h.status = "skip", o((b) => b + 1);
+      h.status = "skip", s((b) => b + 1);
     }
-  }), _ = (h) => {
-    f(h), h ? sessionStorage.setItem("twd-search-filter", h) : sessionStorage.removeItem("twd-search-filter");
+  }), f = (h) => {
+    _(h), h ? sessionStorage.setItem("twd-search-filter", h) : sessionStorage.removeItem("twd-search-filter");
   }, p = (h) => {
     l(h), sessionStorage.setItem("twd-sidebar-open", h.toString());
-  }, w = Array.from(m.values()), C = N(() => sr(w), [n]), k = N(() => or(C, a), [C, a]), { filteredTestIds: g, displayTests: v } = N(() => {
+  }, y = Array.from(v.values()), C = G(() => sr(y), [n]), k = G(() => nr(C, a), [C, a]), { filteredTestIds: g, displayTests: m } = G(() => {
     if (a) {
-      const h = ot(k), b = new Set(h);
+      const h = rt(k), b = new Set(h);
       return {
         filteredTestIds: h,
-        displayTests: w.filter((R) => R.type === "test" && b.has(R.id))
+        displayTests: y.filter(($) => $.type === "test" && b.has($.id))
       };
     }
     return {
       filteredTestIds: null,
-      displayTests: w.filter((h) => h.type === "test")
+      displayTests: y.filter((h) => h.type === "test")
     };
   }, [
     k,
     a,
     n
-  ]), $ = async () => {
-    u(""), sessionStorage.removeItem("twd-last-run-test-name"), g ? await i.runByIds(g) : await i.runAll(), u(rr(w));
-  }, I = async (h) => {
-    const b = Array.from(m.values()).filter((R) => R.type === "test").find((R) => R.id === h);
-    b && (u(""), sessionStorage.setItem("twd-last-run-test-name", b.name), await i.runSingle(b.id), u(tr(b)));
+  ]), R = async () => {
+    u(""), sessionStorage.removeItem("twd-last-run-test-name"), g ? await i.runByIds(g) : await i.runAll(), u(tr(y));
+  }, N = async (h) => {
+    const b = Array.from(v.values()).filter(($) => $.type === "test").find(($) => $.id === h);
+    b && (u(""), sessionStorage.setItem("twd-last-run-test-name", b.name), await i.runSingle(b.id), u(er(b)));
   };
-  if (!s) return /* @__PURE__ */ c(Bt, {
+  if (!o) return /* @__PURE__ */ d(Ht, {
     position: t,
     setOpen: p
   });
-  const z = v.length;
-  return /* @__PURE__ */ c("div", {
-    style: {
-      fontFamily: ar,
-      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",
-      ...ir[t]
-    },
+  const z = m.length;
+  return /* @__PURE__ */ d("div", {
+    className: "twd-sidebar",
+    style: or[t],
     "data-testid": "twd-sidebar",
     role: "complementary",
     "aria-label": "Test While Developing sidebar",
     children: [
-      /* @__PURE__ */ c("div", {
+      /* @__PURE__ */ d("div", {
         "aria-live": "polite",
         "aria-atomic": "true",
         style: {
@@ -1408,142 +1507,92 @@ var Zt = (e) => e instanceof Error && "actual" in e && "expected" in e, nt = (e)
           overflow: "hidden",
           clip: "rect(0 0 0 0)"
         },
-        children: d
+        children: c
       }),
-      /* @__PURE__ */ c("div", {
+      /* @__PURE__ */ d("div", {
         "data-testid": "twd-sidebar-header",
-        style: {
-          padding: "var(--twd-spacing-md)",
-          background: "var(--twd-background)",
-          position: "sticky",
-          top: 0,
-          zIndex: "var(--twd-z-index-sticky)",
-          borderBottom: "1px solid var(--twd-border)"
-        },
+        className: "twd-sidebar-header",
         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)"
-              },
+          /* @__PURE__ */ d("div", {
+            className: "twd-sidebar-header-row",
+            children: [/* @__PURE__ */ d("div", {
+              className: "twd-sidebar-header-buttons",
               children: [
-                /* @__PURE__ */ c("button", {
-                  onClick: $,
-                  style: {
-                    background: "var(--twd-button-primary)",
-                    color: "var(--twd-button-primary-text)",
-                    padding: "var(--twd-spacing-xs) var(--twd-spacing-md)",
-                    borderRadius: "var(--twd-border-radius)",
-                    border: "none",
-                    cursor: "pointer"
-                  },
-                  children: /* @__PURE__ */ c("span", {
+                /* @__PURE__ */ d("button", {
+                  onClick: R,
+                  className: "twd-btn twd-btn-primary",
+                  children: /* @__PURE__ */ d("span", {
                     "aria-live": "polite",
                     children: a ? "Run Filtered" : "Run All"
                   })
                 }),
-                /* @__PURE__ */ c("button", {
+                /* @__PURE__ */ d("button", {
                   onClick: () => {
-                    Kt(), Yt();
+                    Jt(), Qt();
                   },
                   "aria-label": "Clear all mocks",
-                  style: {
-                    background: "var(--twd-button-secondary)",
-                    color: "var(--twd-button-secondary-text)",
-                    padding: "var(--twd-spacing-xs) var(--twd-spacing-md)",
-                    borderRadius: "var(--twd-border-radius)",
-                    border: "1px solid var(--twd-button-border)",
-                    cursor: "pointer"
-                  },
+                  className: "twd-btn twd-btn-secondary",
                   children: "Clear mocks"
                 }),
-                /* @__PURE__ */ c("span", {
-                  style: {
-                    color: "var(--twd-text-secondary)",
-                    fontSize: "var(--twd-font-size-sm)",
-                    alignSelf: "center"
-                  },
-                  children: ["v", be]
+                /* @__PURE__ */ d("span", {
+                  className: "twd-sidebar-version",
+                  children: ["v", we]
                 })
               ]
-            }), /* @__PURE__ */ c("button", {
+            }), /* @__PURE__ */ d("button", {
               "aria-label": "Close sidebar",
-              style: {
-                background: "transparent",
-                border: "none",
-                cursor: "pointer",
-                fontSize: "var(--twd-font-size-md)",
-                paddingRight: "0",
-                paddingLeft: "0"
-              },
+              className: "twd-btn twd-btn-icon",
               onClick: () => p(!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", {
+          /* @__PURE__ */ d("div", {
+            className: "twd-sidebar-stats",
+            children: [/* @__PURE__ */ d("span", {
               style: { color: "var(--twd-text)" },
               children: ["Total: ", z]
-            }), /* @__PURE__ */ c("div", {
-              style: {
-                display: "flex",
-                gap: "var(--twd-spacing-xs)"
-              },
-              children: [/* @__PURE__ */ c("span", {
+            }), /* @__PURE__ */ d("div", {
+              className: "twd-sidebar-stats-counts",
+              children: [/* @__PURE__ */ d("span", {
                 style: { color: "var(--twd-success)" },
-                children: ["✓ ", v.filter((h) => h.status === "pass").length]
-              }), /* @__PURE__ */ c("span", {
+                children: ["✓ ", m.filter((h) => h.status === "pass").length]
+              }), /* @__PURE__ */ d("span", {
                 style: { color: "var(--twd-error)" },
-                children: ["✗ ", v.filter((h) => h.status === "fail").length]
+                children: ["✗ ", m.filter((h) => h.status === "fail").length]
               })]
             })]
           }),
-          /* @__PURE__ */ c(Gt, {}),
-          r && /* @__PURE__ */ c(nr, {
+          /* @__PURE__ */ d(Xt, {}),
+          r && /* @__PURE__ */ d(rr, {
             value: a,
-            onChange: _
+            onChange: f
           })
         ]
       }),
-      /* @__PURE__ */ c("div", {
-        style: { padding: "var(--twd-spacing-md)" },
-        children: /* @__PURE__ */ c(Wt, {
+      /* @__PURE__ */ d("div", {
+        className: "twd-sidebar-content",
+        children: /* @__PURE__ */ d(Lt, {
           roots: k,
-          runTest: I,
+          runTest: N,
           searchQuery: a
         })
       })
     ]
   });
-}, ur = (e) => ({ render: (t) => {
-  ft(t, e);
-} }), _r = (e, t) => {
-  const { open: r = !0, position: n = "left", serviceWorker: o = !0, serviceWorkerUrl: s = "/mock-sw.js", theme: l, search: d } = t || {};
-  yt(e, /* @__PURE__ */ c(cr, {
+}, dr = (e) => ({ render: (t) => {
+  _t(t, e);
+} }), cr = (e, t) => {
+  const { open: r = !0, position: n = "left", serviceWorker: s = !0, serviceWorkerUrl: o = "/mock-sw.js", theme: l, search: c } = t || {};
+  wt(e, /* @__PURE__ */ d(lr, {
     open: r,
     position: n,
-    ...d !== void 0 && { search: d }
-  }), ur, l), o && Vt(s).then(() => {
+    ...c !== void 0 && { search: c }
+  }), dr, l), s && qt(o).then(() => {
     console.log("Request mocking initialized");
   }).catch((u) => {
     console.error("Error initializing request mocking:", u);
   });
 };
 export {
-  _r as initTWD
+  cr as initTWD
 };