twd-js 1.6.4 → 1.6.6

package/dist/bundled.es.js

@@ -1,19 +1,19 @@
-var re, y, He, rt, M, we, Be, De, Pe, pe, de, ce, nt, Q = {}, Z = [], ot = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, ne = Array.isArray;
-function A(e, t) {
+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 fe(e) {
+function he(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
-function st(e, t, r) {
-  var n, o, s, l = {};
-  for (s in t) s == "key" ? n = t[s] : s == "ref" ? o = t[s] : l[s] = t[s];
-  if (arguments.length > 2 && (l.children = arguments.length > 3 ? re.call(arguments, 2) : r), typeof e == "function" && e.defaultProps != null) for (s in e.defaultProps) l[s] === void 0 && (l[s] = e.defaultProps[s]);
-  return G(e, l, n, o, null);
+function 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 G(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 G(e, t, r, n, o) {
     __e: null,
     __c: null,
     constructor: void 0,
-    __v: o ?? ++He,
+    __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 V(e) {
+function q(e) {
   return e.children;
 }
-function K(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 it(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), he(e.__P, s, t, e.__n, e.__P.namespaceURI, 32 & t.__u ? [r] : null, n, r ?? H(t), !!(32 & t.__u), o), s.__v = t.__v, s.__.__k[s.__i] = s, Ue(n, s, o), t.__e = t.__ = null, s.__e != r && Fe(s);
+    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 Fe(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;
-  }), Fe(e);
+  }), Oe(e);
 }
-function be(e) {
-  (!e.__d && (e.__d = !0) && M.push(e) && !ee.__r++ || we != y.debounceRendering) && ((we = y.debounceRendering) || Be)(ee);
+function ke(e) {
+  (!e.__d && (e.__d = !0) && M.push(e) && !ee.__r++ || be != w.debounceRendering) && ((be = w.debounceRendering) || De)(ee);
 }
 function ee() {
   try {
-    for (var e, t = 1; M.length; ) M.length > t && M.sort(De), e = M.shift(), t = M.length, it(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 = ee.__r = 0;
   }
 }
-function Oe(e, t, r, n, o, s, l, d, u, a, p) {
-  var i, f, _, w, C, k, v, g = n && n.__k || Z, $ = t.length;
-  for (u = at(r, t, g, u, $), i = 0; i < $; i++) (_ = r.__k[i]) != null && (f = _.__i != -1 && g[_.__i] || Q, _.__i = i, k = he(e, _, f, o, s, l, d, u, a, p), w = _.__e, _.ref && f.ref != _.ref && (f.ref && ge(f.ref, null, _), p.push(_.ref, _.__c || w, _)), C == null && w != null && (C = w), (v = !!(4 & _.__u)) || f.__k === _.__k ? u = je(_, u, e, v) : typeof _.type == "function" && k !== void 0 ? u = k : w && (u = w.nextSibling), _.__u &= -7);
+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 at(e, t, r, n, o) {
-  var s, l, d, u, a, p = r.length, i = p, f = 0;
-  for (e.__k = new Array(o), s = 0; s < o; s++) (l = t[s]) != null && typeof l != "boolean" && typeof l != "function" ? (typeof l == "string" || typeof l == "number" || typeof l == "bigint" || l.constructor == String ? l = e.__k[s] = G(null, l, null, null, null) : ne(l) ? l = e.__k[s] = G(V, { children: l }, null, null, null) : l.constructor === void 0 && l.__b > 0 ? l = e.__k[s] = G(l.type, l.props, l.key, l.ref ? l.ref : null, l.__v) : e.__k[s] = l, u = s + f, l.__ = e, l.__b = e.__b + 1, d = null, (a = l.__i = lt(l, r, u, i)) != -1 && (i--, (d = r[a]) && (d.__u |= 2)), d == null || d.__v == null ? (a == -1 && (o > p ? f-- : o < p && f++), typeof l.type != "function" && (l.__u |= 4)) : a != u && (a == u - 1 ? f-- : a == u + 1 ? f++ : (a > u ? f-- : f++, l.__u |= 4))) : e.__k[s] = null;
-  if (i) for (s = 0; s < p; s++) (d = r[s]) != null && (2 & d.__u) == 0 && (d.__e == n && (n = H(d)), Ve(d, d));
+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 je(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 = je(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 lt(e, t, r, n) {
-  var o, s, l, d = e.key, u = e.type, a = t[r], p = a != null && (2 & a.__u) == 0;
-  if (a === null && d == null || p && d == a.key && u == a.type) return r;
-  if (n > (p ? 1 : 0)) {
-    for (o = r - 1, s = r + 1; o >= 0 || s < t.length; ) if ((a = t[l = o >= 0 ? o-- : s++]) != null && (2 & a.__u) == 0 && d == a.key && u == a.type) return l;
+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 ke(e, t, r) {
+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 J(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 || ke(e.style, t, "");
-    if (r) for (t in r) n && r[t] == n[t] || ke(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(Pe, "$1")), l = t.toLowerCase(), t = l in e || t == "onFocusOut" || t == "onFocusIn" ? l.slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + s] = r, r ? n ? r.u = n.u : (r.u = pe, e.addEventListener(t, s ? ce : de, s)) : e.removeEventListener(t, s ? ce : de, s);
+  else if (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;
@@ -118,137 +118,137 @@ function Se(e) {
   return function(t) {
     if (this.l) {
       var r = this.l[t.type + e];
-      if (t.t == null) t.t = pe++;
-      else if (t.t < r.u) return;
-      return r(y.event ? y.event(t) : t);
+      if (t[J] == null) t[J] = fe++;
+      else if (t[J] < r[P]) return;
+      return r(w.event ? w.event(t) : t);
     }
   };
 }
-function he(e, t, r, n, o, s, l, d, u, a) {
-  var p, i, f, _, w, C, k, v, g, $, I, z, h, b, R, E = t.type;
+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]), (p = y.__b) && p(t);
+  128 & r.__u && (u = !!(32 & r.__u), o = [c = t.__e = r.__e]), (_ = w.__b) && _(t);
   e: if (typeof E == "function") try {
-    if (v = t.props, g = E.prototype && E.prototype.render, $ = (p = E.contextType) && n[p.__c], I = p ? $ ? $.props.value : p.__ : n, r.__c ? k = (i = t.__c = r.__c).__ = i.__E : (g ? t.__c = i = new E(v, I) : (t.__c = i = new K(v, I), i.constructor = E, i.render = ct), $ && $.sub(i), i.state || (i.state = {}), i.__n = n, f = i.__d = !0, i.__h = [], i._sb = []), g && i.__s == null && (i.__s = i.state), g && E.getDerivedStateFromProps != null && (i.__s == i.state && (i.__s = A({}, i.__s)), A(i.__s, E.getDerivedStateFromProps(v, i.__s))), _ = i.props, w = i.state, i.__v = t, f) g && E.getDerivedStateFromProps == null && i.componentWillMount != null && i.componentWillMount(), g && i.componentDidMount != null && i.__h.push(i.componentDidMount);
+    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 (g && E.getDerivedStateFromProps == null && v !== _ && i.componentWillReceiveProps != null && i.componentWillReceiveProps(v, I), t.__v == r.__v || !i.__e && i.shouldComponentUpdate != null && i.shouldComponentUpdate(v, i.__s, I) === !1) {
-        t.__v != r.__v && (i.props = v, i.state = i.__s, i.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(W) {
-          W && (W.__ = t);
+      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(v, i.__s, I), g && i.componentDidUpdate != null && i.__h.push(function() {
-        i.componentDidUpdate(_, 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 = v, i.__P = e, i.__e = !1, z = y.__r, h = 0, g) i.state = i.__s, i.__d = !1, z && z(t), p = i.render(i.props, i.state, i.context), Z.push.apply(i.__h, i._sb), i._sb = [];
+    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), p = 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())), g && !f && i.getSnapshotBeforeUpdate != null && (C = i.getSnapshotBeforeUpdate(_, w)), b = p != null && p.type === V && p.key == null ? qe(p.props.children) : p, d = Oe(e, ne(b) ? b : [b], t, r, n, o, s, l, d, u, a), i.base = t.__e, t.__u &= -161, i.__h.length && l.push(i), k && (i.__E = i.__ = null);
-  } catch (W) {
-    if (t.__v = null, u || s != null) if (W.then) {
-      for (t.__u |= u ? 160 : 128; d && d.nodeType == 8 && d.nextSibling; ) d = d.nextSibling;
-      s[s.indexOf(d)] = null, t.__e = d;
+    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--; ) fe(s[R]);
-      ue(t);
+      for ($ = o.length; $--; ) he(o[$]);
+      _e(t);
     }
-    else t.__e = r.__e, t.__k = r.__k, W.then || ue(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 = dt(r.__e, t, r, n, o, s, l, u, a);
-  return (p = y.diffed) && p(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 ue(e) {
-  e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(ue));
+function _e(e) {
+  e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(_e));
 }
-function Ue(e, t, r) {
-  for (var n = 0; n < r.length; n++) ge(r[n], r[++n], r[++n]);
-  y.__c && y.__c(t, e), e.some(function(o) {
+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 qe(e) {
-  return typeof e != "object" || e == null || e.__b > 0 ? e : ne(e) ? e.map(qe) : A({}, e);
+function Ve(e) {
+  return typeof e != "object" || e == null || e.__b > 0 ? e : ne(e) ? e.map(Ve) : I({}, e);
 }
-function dt(e, t, r, n, o, s, l, d, u) {
-  var a, p, i, f, _, w, C, k = r.props || Q, v = t.props, g = t.type;
-  if (g == "svg" ? o = "http://www.w3.org/2000/svg" : g == "math" ? o = "http://www.w3.org/1998/Math/MathML" : o || (o = "http://www.w3.org/1999/xhtml"), s != null) {
-    for (a = 0; a < s.length; a++) if ((_ = s[a]) && "setAttribute" in _ == !!g && (g ? _.localName == g : _.nodeType == 3)) {
-      e = _, 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 (g == null) return document.createTextNode(v);
-    e = document.createElementNS(o, g, v.is && v), d && (y.__m && y.__m(t, s), d = !1), s = null;
+    if (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 (g == null) k === v || d && e.data == v || (e.data = v);
+  if (m == null) k === g || c && e.data == g || (e.data = g);
   else {
-    if (s = s && re.call(e.childNodes), !d && s != null) for (k = {}, a = 0; a < e.attributes.length; a++) k[(_ = e.attributes[a]).name] = _.value;
-    for (a in k) _ = k[a], a == "dangerouslySetInnerHTML" ? i = _ : a == "children" || a in v || a == "value" && "defaultValue" in v || a == "checked" && "defaultChecked" in v || J(e, a, null, _, o);
-    for (a in v) _ = v[a], a == "children" ? f = _ : a == "dangerouslySetInnerHTML" ? p = _ : a == "value" ? w = _ : a == "checked" ? C = _ : d && typeof _ != "function" || k[a] === _ || J(e, a, _, k[a], o);
-    if (p) d || i && (p.__html == i.__html || p.__html == e.innerHTML) || (e.innerHTML = p.__html), t.__k = [];
-    else if (i && (e.innerHTML = ""), Oe(t.type == "template" ? e.content : e, ne(f) ? f : [f], t, r, n, g == "foreignObject" ? "http://www.w3.org/1999/xhtml" : o, s, l, s ? s[0] : r.__k && H(r, 0), d, u), s != null) for (a = s.length; a--; ) fe(s[a]);
-    d || (a = "value", g == "progress" && w == null ? e.removeAttribute("value") : w != null && (w !== e[a] || g == "progress" && !w || g == "option" && w != k[a]) && J(e, a, w, k[a], o), a = "checked", C != null && C != e[a] && J(e, a, C, k[a], o));
+    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 ge(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 Ve(e, t, r) {
-  var n, o;
-  if (y.unmount && y.unmount(e), (n = e.ref) && (n.current && n.current != e.__e || ge(n, null, t)), (n = e.__c) != null) {
+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] && Ve(n[o], t, r || typeof e.type != "function");
-  r || fe(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 ct(e, t, r) {
+function ut(e, t, r) {
   return this.constructor(e, r);
 }
-function ut(e, t, r) {
-  var n, o, s, l;
-  t == document && (t = document.documentElement), y.__ && y.__(e, t), o = (n = typeof r == "function") ? null : r && r.__k || t.__k, s = [], l = [], he(t, e = (!n && r || t).__k = st(V, null, [e]), o || Q, Q, t.namespaceURI, !n && r ? [r] : o ? null : t.firstChild ? re.call(t.childNodes) : null, s, !n && r ? r : o ? o.__e : t.firstChild, n, l), Ue(s, e, l);
-}
-re = Z.slice, y = { __e: function(e, t, r, n) {
-  for (var o, s, l; t = t.__; ) if ((o = t.__c) && !o.__) try {
-    if ((s = o.constructor) && s.getDerivedStateFromError != null && (o.setState(s.getDerivedStateFromError(e)), l = o.__d), o.componentDidCatch != null && (o.componentDidCatch(e, n || {}), l = o.__d), l) return o.__E = o;
-  } catch (d) {
-    e = d;
+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);
+}
+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;
-} }, He = 0, rt = function(e) {
+} }, Be = 0, nt = function(e) {
   return e != null && e.constructor === void 0;
-}, K.prototype.setState = function(e, t) {
-  var r = this.__s != null && this.__s != this.state ? this.__s : this.__s = A({}, this.state);
-  typeof e == "function" && (e = e(A({}, r), this.props)), e && A(r, e), e != null && this.__v && (t && this._sb.push(t), be(this));
-}, K.prototype.forceUpdate = function(e) {
-  this.__v && (this.__e = !0, e && this.__h.push(e), be(this));
-}, K.prototype.render = V, M = [], Be = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, De = function(e, t) {
+}, 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;
-}, ee.__r = 0, Pe = /(PointerCapture)$|Capture$/i, pe = 0, de = Se(!1), ce = Se(!0), nt = 0;
-var _t = {
+}, 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,158 +296,392 @@ var _t = {
   iconColor: "#f1f5f9",
   iconColorSecondary: "#cbd5e1"
 };
-function pt(e = {}) {
+function ft(e = {}) {
   return Object.entries({
-    ..._t,
+    ...pt,
     ...e
   }).map(([t, r]) => `${`--twd-${t.replace(/([A-Z])/g, "-$1").toLowerCase()}`}: ${r};`).join(`
   `);
 }
-function ft(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 = pt(e);
+  const n = ft(e);
   r.textContent = `
     :root {
       ${n}
     }
   `;
 }
-var ht = (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;
-  ft(n);
-  const o = document.createElement("div");
-  o.setAttribute("id", "twd-sidebar-root"), document.body.appendChild(o), r(o).render(t);
-}, gt = async (e, t, r, n) => {
-  for (const o in e) await e[o]();
-  ht({
+  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
   });
-}, j, S, ae, xe, te = 0, Je = [], x = y, Te = x.__b, Re = x.__r, Ce = x.diffed, $e = x.__c, Ee = x.unmount, Ie = x.__;
+}, 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) {
-  x.__h && x.__h(S, e, te || t), te = 0;
-  var r = S.__H || (S.__H = {
+  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 te = 1, vt(Ge, e);
+function B(e) {
+  return te = 1, yt(Ge, e);
 }
-function vt(e, t, r) {
-  var n = ve(j++, 2);
-  if (n.t = e, !n.__c && (n.__ = [r ? r(t) : Ge(void 0, t), function(d) {
-    var u = n.__N ? n.__N[0] : n.__[0], a = n.t(u, d);
+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 p = n.__c.__H.__.filter(function(f) {
+      var _ = n.__c.__H.__.filter(function(f) {
         return f.__c;
       });
-      if (p.every(function(f) {
+      if (_.every(function(f) {
         return !f.__N;
-      })) return !s || s.call(this, d, u, a);
-      var i = n.__c.props !== d;
-      return p.some(function(f) {
+      })) return !o || o.call(this, c, u, a);
+      var i = n.__c.props !== c;
+      return _.some(function(f) {
         if (f.__N) {
-          var _ = f.__[0];
-          f.__ = f.__N, f.__N = void 0, _ !== f.__[0] && (i = !0);
+          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 p = s;
-        s = void 0, o(d, u, a), s = p;
+        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 oe(e, t) {
-  var r = ve(j++, 3);
-  !x.__s && Xe(r.__H, t) && (r.__ = e, r.u = t, S.__H.__h.push(r));
+function 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 O(e) {
-  return te = 5, N(function() {
+function F(e) {
+  return te = 5, G(function() {
     return { current: e };
   }, []);
 }
-function N(e, t) {
-  var r = ve(j++, 7);
+function G(e, t) {
+  var r = ve(O++, 7);
   return Xe(r.__H, t) && (r.__ = e(), r.__H = t, r.__h = e), r.__;
 }
-function mt() {
-  for (var e; e = Je.shift(); ) {
+function bt() {
+  for (var e; e = Ke.shift(); ) {
     var t = e.__H;
     if (e.__P && t) try {
-      t.__h.some(Y), t.__h.some(_e), 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, Te && Te(e);
-}, x.__ = function(e, t) {
+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);
-}, x.__r = function(e) {
-  Re && Re(e), j = 0;
-  var t = (S = e.__c).__H;
-  t && (ae === S ? (t.__h = [], S.__h = [], t.__.some(function(r) {
+}, 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(Y), t.__h.some(_e), t.__h = [], j = 0)), ae = S;
-}, x.diffed = function(e) {
-  Ce && Ce(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 && (Je.push(t) !== 1 && xe === x.requestAnimationFrame || ((xe = x.requestAnimationFrame) || yt)(mt)), 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;
-  })), ae = S = null;
-}, x.__c = function(e, t) {
+  })), le = x = null;
+}, S.__c = function(e, t) {
   t.some(function(r) {
     try {
-      r.__h.some(Y), r.__h = r.__h.filter(function(n) {
-        return !n.__ || _e(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);
     }
-  }), $e && $e(e, t);
-}, x.unmount = function(e) {
-  Ee && Ee(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 {
-      Y(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 Ae = typeof requestAnimationFrame == "function";
-function yt(e) {
+function kt(e) {
   var t, r = function() {
     clearTimeout(n), Ae && cancelAnimationFrame(t), setTimeout(e);
   }, n = setTimeout(r, 35);
   Ae && (t = requestAnimationFrame(r));
 }
-function Y(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 _e(e) {
-  var t = S;
-  e.__c = e.__(), S = t;
+function pe(e) {
+  var t = x;
+  e.__c = e.__(), x = t;
 }
 function Xe(e, t) {
   return !e || e.length !== t.length || t.some(function(r, n) {
@@ -457,11 +691,11 @@ function Xe(e, t) {
 function Ge(e, t) {
   return typeof t == "function" ? t(e) : t;
 }
-var wt = 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: --wt,
+    __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 bt = { animation: "spin 1s linear infinite" }, kt = () => /* @__PURE__ */ c("svg", {
+var St = () => /* @__PURE__ */ d("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -492,18 +726,10 @@ var bt = { animation: "spin 1s linear infinite" }, kt = () => /* @__PURE__ */ c(
   strokeWidth: "2",
   strokeLinecap: "round",
   strokeLinejoin: "round",
-  className: "lucide lucide-loader-circle-icon lucide-loader-circle",
-  style: bt,
+  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 se = ({ 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 se = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
   className: `lucide ${e}`,
   "data-testid": r,
   children: t
-}), St = () => /* @__PURE__ */ c(se, {
+}), 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" })
-}), Ke = ({ id: e, name: t, skip: r, only: n }) => /* @__PURE__ */ c(V, { 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;
-})({}), xt = (e) => {
+})({}), $t = (e) => {
   try {
     const t = JSON.parse(e);
     if (t && typeof t == "object" && "type" in t) return t;
   } catch {
   }
   return null;
-}, Le = (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 se = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
     return String(e);
   }
   return String(e);
-}, Tt = (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)"
-} : {}, Rt = (e) => e.type === L.CHAI_MESSAGE || e.type === L.ERROR, Ct = (e, t) => t && Rt(t) ? t.message : e, $t = ({ log: e, index: t }) => {
-  const r = xt(e);
-  if (r?.type === L.CHAI_DIFF) return /* @__PURE__ */ c("li", {
+} : {}, 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 se = ({ 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 se = ({ 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 se = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
             whiteSpace: "pre-wrap",
             wordBreak: "break-word"
           },
-          children: Le(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 se = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
             whiteSpace: "pre-wrap",
             wordBreak: "break-word"
           },
-          children: Le(r.actual)
+          children: Me(r.actual)
         })]
       })
     ]
   }, t);
-  const n = Ct(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)",
-      ...Tt(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"
-  }
-}, Et = (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 "";
   }
-}, It = ({ node: e, depth: t, id: r, runTest: n }) => {
-  const o = O(null), s = O(e.status), l = O(e.logs?.length || 0), d = N(() => Et(e), [e.status]), u = typeof window < "u" && sessionStorage.getItem("twd-last-run-test-name") === e.name, a = N(() => ({
-    ...D.container,
-    marginLeft: `calc(${t} * var(--twd-spacing-sm))`,
-    ...d.container || {}
-  }), [t, d]), p = N(() => ({
-    ...D.item,
-    ...d.item,
-    ...u && { border: "1px dashed var(--twd-border)" }
-  }), [d, u]);
-  oe(() => {
-    const f = o.current;
-    !f || !e.logs || e.logs.length === 0 || ((s.current === "running" && (e.status === "pass" || e.status === "fail") || e.logs.length > l.current) && setTimeout(() => {
-      f.scrollTop = f.scrollHeight;
-    }, 0), s.current = e.status, l.current = e.logs.length);
+}, 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 se = ({ 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: p,
-      children: [/* @__PURE__ */ c("span", {
-        style: D.nameSpan,
-        children: /* @__PURE__ */ c(Ke, {
+    "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(kt, {}) : /* @__PURE__ */ c(St, {})
+        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((f, _) => /* @__PURE__ */ c($t, {
-        log: f,
+    }), 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);
-}, At = () => /* @__PURE__ */ c(se, {
+}, 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" })
-}), Lt = () => /* @__PURE__ */ c(se, {
+  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" })
-}), Mt = ({ roots: e, runTest: t, searchQuery: r = "" }) => {
-  const [n, o] = P({}), s = O(null), l = O(!1), d = (a) => o((p) => ({
-    ...p,
-    [a]: !p[a]
+  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]
   }));
-  oe(() => {
+  se(() => {
     if (l.current) return;
     const a = sessionStorage.getItem("twd-last-run-test-name");
     if (!a) return;
-    const p = setTimeout(() => {
+    const _ = setTimeout(() => {
       const i = document.querySelector(`[data-test-name="${a}"]`);
       if (i) {
-        const f = s.current?.closest('[data-testid="twd-sidebar"]');
+        const f = o.current?.closest('[data-testid="twd-sidebar"]');
         if (f) {
-          const _ = i.getBoundingClientRect(), w = f.getBoundingClientRect(), C = f.scrollTop, k = _.top - w.top + C, v = f.querySelector('[data-testid="twd-sidebar-header"]'), g = v ? v.getBoundingClientRect().height + 16 : 150;
+          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 - g,
+            top: k - m,
             behavior: "smooth"
           });
         }
         l.current = !0;
       }
     }, 100);
-    return () => clearTimeout(p);
+    return () => clearTimeout(_);
   }, []);
-  const u = (a, p = 0) => {
-    if (a.type === "test") return /* @__PURE__ */ c(It, {
+  const u = (a, _ = 0) => {
+    if (a.type === "test") return /* @__PURE__ */ d(At, {
       node: a,
-      depth: p,
+      depth: _,
       id: a.id,
       runTest: () => t(a.id)
     }, a.id);
     const i = n[a.id];
-    return /* @__PURE__ */ c("li", {
-      style: { marginLeft: `calc(${p} * var(--twd-spacing-lg))` },
-      children: [/* @__PURE__ */ c("div", {
-        style: {
-          background: "var(--twd-describe-bg)",
-          borderLeft: "3px solid var(--twd-describe-border)",
-          borderRadius: "var(--twd-border-radius)",
-          padding: "var(--twd-spacing-xs) var(--twd-spacing-sm)",
-          marginBottom: "var(--twd-spacing-sm)"
-        },
-        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(Ke, {
+          onClick: () => c(a.id),
+          children: [/* @__PURE__ */ d(Qe, {
             id: a.id,
             name: a.name,
             skip: a.skip,
             only: a.only
-          }), i ? /* @__PURE__ */ c(Lt, {}) : /* @__PURE__ */ c(At, {})]
+          }), 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((f) => u(f, p + 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 se = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
       ]
     }) : e.map((a) => u(a))
   });
-}, zt = {
+}, Wt = {
   left: {
     left: 0,
     borderTopRightRadius: "var(--twd-border-radius-lg)",
@@ -889,61 +1041,51 @@ var se = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
     borderTopRightRadius: "0",
     borderBottomRightRadius: "0"
   }
-}, Nt = ({ 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)",
-    ...zt[t]
-  },
+  className: "twd-btn twd-sidebar-closed",
+  style: { ...Wt[t] },
   onClick: () => e(!0),
   children: "TWD"
-}), Wt = ({ isOpen: e, position: t }) => {
-  oe(() => {
+}), 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 U(e) {
+function j(e) {
   "@babel/helpers - typeof";
-  return U = 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;
-  }, U(e);
+  }, j(e);
 }
-function Ht(e, t) {
-  if (U(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 (U(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 Bt(e) {
-  var t = Ht(e, "string");
-  return U(t) == "symbol" ? t : t + "";
+function Pt(e) {
+  var t = Dt(e, "string");
+  return j(t) == "symbol" ? t : t + "";
 }
-function Me(e, t, r) {
-  return (t = Bt(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 Dt = () => 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 Dt = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STAT
   beforeEachHooks: /* @__PURE__ */ new Map(),
   afterEachHooks: /* @__PURE__ */ new Map(),
   stack: []
-}, ie = Dt(), m = ie.handlers, ze = ie.beforeEachHooks, Ne = ie.afterEachHooks, T = ie.stack, B = () => Math.random().toString(36).slice(2, 11), Ye = (e, t) => {
-  const r = B(), n = T.at(-1);
-  m.set(r, {
+}, 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 Dt = () => 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();
 };
 Ye.only = (e, t) => {
-  const r = B(), n = T.at(-1);
-  m.set(r, {
+  const r = H(), n = T.at(-1);
+  v.set(r, {
     id: r,
     name: e,
     type: "suite",
@@ -978,11 +1120,11 @@ Ye.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();
 };
 Ye.skip = (e, t) => {
-  const r = B(), n = T.at(-1);
-  m.set(r, {
+  const r = H(), n = T.at(-1);
+  v.set(r, {
     id: r,
     name: e,
     type: "suite",
@@ -992,10 +1134,10 @@ Ye.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 Qe = (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 Qe = (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);
 };
-Qe.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 @@ Qe.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);
 };
-Qe.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 @@ Qe.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 Pt = (e) => {
+var Ot = (e) => {
   const t = [], r = [];
   let n = e;
   for (; n; )
-    ze.has(n) && t.unshift(...ze.get(n)), Ne.has(n) && r.push(...Ne.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;
-}, Ft = (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;
-}, le = (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;
-}, Ze = class {
+}, et = class {
   constructor(e, t) {
-    Me(this, "events", void 0), Me(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 (le(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 (le(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 ((le(e.id) || e.skip) && !e.only) {
+    if ((de(e.id) || e.skip) && !e.only) {
       this.events.onSkip(e);
       return;
     }
-    const r = Ft(e.id);
+    const r = jt(e.id);
     if (t && !e.only && !r) {
       this.events.onSkip(e);
       return;
     }
     this.events.onStart?.(e);
-    const n = Pt(e.parent);
-    let o = null;
-    for (let s = 1; s <= this.retryCount; s++) try {
+    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 = Ze;
-var me = "1.6.4", Ot = () => 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: {}
-}, q = Ot(), ye = q.rules, We = !1, jt = async (e) => {
-  if (We) {
+}, U = Ut(), ye = U.rules, He = !1, qt = async (e) => {
+  if (He) {
     console.warn("[TWD] Request mocking already initialized");
     return;
   }
-  "serviceWorker" in navigator && (We = !0, await navigator.serviceWorker.register(`${e ?? "/mock-sw.js"}?v=${me}`), 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 = ye.find((l) => l.alias === r);
-      s && (s.executed = !0, s.request = n, s.hitCount = o), q.counts[r] = o ?? (q.counts[r] ?? 0) + 1;
+      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;
     }
   }));
-}, Ut = () => ye, qt = () => {
+}, Vt = () => ye, Jt = () => {
   navigator.serviceWorker.controller?.postMessage({
     type: "CLEAR_RULES",
-    version: me
+    version: we
   }), ye.length = 0;
-  for (const e in q.counts) delete q.counts[e];
-}, Vt = () => /* @__PURE__ */ c(se, {
+  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" })
   ]
-}), Jt = () => {
-  const e = Ut(), 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(Vt, {}),
-      /* @__PURE__ */ c("span", {
+      /* @__PURE__ */ d(Kt, {}),
+      /* @__PURE__ */ d("span", {
         style: { flex: 1 },
         children: [
           "Rules: ",
@@ -1204,7 +1330,7 @@ var me = "1.6.4", Ot = () => 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 me = "1.6.4", Ot = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ ||
       })
     ]
   });
-}, Xt = /* @__PURE__ */ new Map();
-function Gt() {
-  Xt.clear();
+}, Gt = /* @__PURE__ */ new Map();
+function Qt() {
+  Gt.clear();
 }
-var Kt = (e) => e instanceof Error && "actual" in e && "expected" in e, et = (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,62 +1352,49 @@ var Kt = (e) => e instanceof Error && "actual" in e && "expected" in e, et = (e)
 } : {
   type: "message",
   message: e.message
-}, Yt = (e) => {
-  const t = et(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);
-}, Qt = (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 "";
-}, Zt = (e) => {
-  const t = e.filter((l) => l.type === "test"), r = t.filter((l) => l.status === "pass").length, n = t.filter((l) => l.status === "fail").length, o = t.filter((l) => l.status === "skip").length, s = [];
-  return n > 0 ? (s.push("Test run completed."), s.push(`${r} test${r !== 1 ? "s" : ""} passed`), s.push(`${n} test${n !== 1 ? "s" : ""} failed`), o > 0 && s.push(`${o} test${o !== 1 ? "s" : ""} skipped`), s.join(", ") + ".") : (s.push("All tests passed."), s.push(`${r} test${r !== 1 ? "s" : ""} completed`), o > 0 && s.push(`${o} test${o !== 1 ? "s" : ""} skipped`), s.join(", ") + ".");
-}, er = ({ value: e, onChange: t }) => /* @__PURE__ */ c("div", {
-  style: {
-    position: "relative",
-    marginBottom: "var(--twd-spacing-md)"
-  },
-  children: /* @__PURE__ */ c("input", {
+}, 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"
   })
-}), tr = (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);
-}, rr = (e) => {
+  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, {
     ...n,
@@ -1289,7 +1402,7 @@ var Kt = (e) => e instanceof Error && "actual" in e && "expected" in e, et = (e)
   });
   for (const n of t.values()) n.parent ? t.get(n.parent)?.childrenNodes?.push(n) : r.push(n);
   return r;
-}, nr = {
+}, or = {
   left: {
     left: 0,
     borderRight: "1px solid var(--twd-border)"
@@ -1298,104 +1411,90 @@ var Kt = (e) => e instanceof Error && "actual" in e && "expected" in e, et = (e)
     right: 0,
     borderLeft: "1px solid var(--twd-border)"
   }
-}, or = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', sr = (e) => e ? sessionStorage.getItem("twd-search-filter") || "" : (sessionStorage.removeItem("twd-search-filter"), ""), ir = (e) => sessionStorage.getItem("twd-sidebar-open") ? sessionStorage.getItem("twd-sidebar-open") === "true" : e, tt = (e) => {
+}, 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(...tt(r.childrenNodes));
+    r.type === "test" && t.push(r.id), r.childrenNodes && t.push(...rt(r.childrenNodes));
   return t;
-}, ar = ({ open: e, position: t = "left", search: r }) => {
-  const [n, o] = P(0), [s, l] = P(ir(e));
-  Wt({
-    isOpen: s,
+}, 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, p] = P(sr(r));
-  oe(() => {
-    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 Ze({
+  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;"), Kt(b)) {
-        Yt(b);
-        const R = et(b);
-        R.type === "diff" ? h.logs.push(JSON.stringify({
-          type: L.CHAI_DIFF,
-          expected: R.expected,
-          actual: R.actual
+      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);
     }
   }), f = (h) => {
-    p(h), h ? sessionStorage.setItem("twd-search-filter", h) : sessionStorage.removeItem("twd-search-filter");
-  }, _ = (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(() => rr(w), [n]), k = N(() => tr(C, a), [C, a]), { filteredTestIds: v, displayTests: g } = 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 = tt(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"), v ? await i.runByIds(v) : await i.runAll(), u(Zt(w));
-  }, I = async (h) => {
-    const b = Array.from(m.values()).filter((R) => R.type === "test").find((R) => R.id === h);
-    b && (u(""), sessionStorage.setItem("twd-last-run-test-name", b.name), await i.runSingle(b.id), u(Qt(b)));
+  ]), 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(Nt, {
+  if (!o) return /* @__PURE__ */ d(Ht, {
     position: t,
-    setOpen: _
+    setOpen: p
   });
-  const z = g.length;
-  return /* @__PURE__ */ c("div", {
-    style: {
-      fontFamily: or,
-      position: "fixed",
-      top: 0,
-      bottom: 0,
-      width: "var(--twd-sidebar-width)",
-      background: "var(--twd-background)",
-      fontSize: "var(--twd-font-size-md)",
-      overflowY: "auto",
-      boxShadow: "var(--twd-shadow)",
-      textAlign: "left",
-      zIndex: "var(--twd-z-index-sidebar)",
-      pointerEvents: "all",
-      isolation: "isolate",
-      ...nr[t]
-    },
+  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 Kt = (e) => e instanceof Error && "actual" in e && "expected" in e, et = (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: () => {
-                    qt(), Gt();
+                    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", me]
+                /* @__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"
-              },
-              onClick: () => _(!1),
+              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: ["✓ ", g.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: ["✗ ", g.filter((h) => h.status === "fail").length]
+                children: ["✗ ", m.filter((h) => h.status === "fail").length]
               })]
             })]
           }),
-          /* @__PURE__ */ c(Jt, {}),
-          r && /* @__PURE__ */ c(er, {
+          /* @__PURE__ */ d(Xt, {}),
+          r && /* @__PURE__ */ d(rr, {
             value: a,
             onChange: f
           })
         ]
       }),
-      /* @__PURE__ */ c("div", {
-        style: { padding: "var(--twd-spacing-md)" },
-        children: /* @__PURE__ */ c(Mt, {
+      /* @__PURE__ */ d("div", {
+        className: "twd-sidebar-content",
+        children: /* @__PURE__ */ d(Lt, {
           roots: k,
-          runTest: I,
+          runTest: N,
           searchQuery: a
         })
       })
     ]
   });
-}, lr = (e) => ({ render: (t) => {
-  ut(t, e);
-} }), dr = (e, t) => {
-  const { open: r = !0, position: n = "left", serviceWorker: o = !0, serviceWorkerUrl: s = "/mock-sw.js", theme: l, search: d } = t || {};
-  gt(e, /* @__PURE__ */ c(ar, {
+}, 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 }
-  }), lr, l), o && jt(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 {
-  dr as initTWD
+  cr as initTWD
 };