twd-js 1.4.1 → 1.4.3

package/dist/bundled.es.js

@@ -1,93 +1,96 @@
-var J, g, Ce, C, ue, $e, Ie, Ae, oe, Z, Q, M = {}, We = [], Ve = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, X = Array.isArray;
+var Ye = Object.defineProperty;
+var Ke = (e, t, r) => t in e ? Ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var fe = (e, t, r) => Ke(e, typeof t != "symbol" ? t + "" : t, r);
+var Y, w, Le, C, he, Me, We, He, ie, te, re, z = {}, ze = [], Ze = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, K = Array.isArray;
 function T(e, t) {
   for (var r in t) e[r] = t[r];
   return e;
 }
-function se(e) {
+function ae(e) {
   e && e.parentNode && e.parentNode.removeChild(e);
 }
-function Je(e, t, r) {
-  var n, i, o, l = {};
-  for (o in t) o == "key" ? n = t[o] : o == "ref" ? i = t[o] : l[o] = t[o];
-  if (arguments.length > 2 && (l.children = arguments.length > 3 ? J.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 O(e, l, n, i, null);
+function Qe(e, t, r) {
+  var n, s, o, l = {};
+  for (o in t) o == "key" ? n = t[o] : o == "ref" ? s = t[o] : l[o] = t[o];
+  if (arguments.length > 2 && (l.children = arguments.length > 3 ? Y.call(arguments, 2) : r), typeof e == "function" && e.defaultProps != null) for (o in e.defaultProps) l[o] === void 0 && (l[o] = e.defaultProps[o]);
+  return j(e, l, n, s, null);
 }
-function O(e, t, r, n, i) {
-  var o = { type: e, props: t, key: r, ref: n, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: i ?? ++Ce, __i: -1, __u: 0 };
-  return i == null && g.vnode != null && g.vnode(o), o;
+function j(e, t, r, n, s) {
+  var o = { type: e, props: t, key: r, ref: n, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: s ?? ++Le, __i: -1, __u: 0 };
+  return s == null && w.vnode != null && w.vnode(o), o;
 }
-function z(e) {
+function B(e) {
   return e.children;
 }
 function U(e, t) {
   this.props = e, this.context = t;
 }
-function I(e, t) {
-  if (t == null) return e.__ ? I(e.__, e.__i + 1) : null;
+function A(e, t) {
+  if (t == null) return e.__ ? A(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" ? I(e) : null;
+  return typeof e.type == "function" ? A(e) : null;
 }
-function Le(e) {
+function Ne(e) {
   var t, r;
   if ((e = e.__) != null && e.__c != null) {
     for (e.__e = e.__c.base = null, t = 0; t < e.__k.length; t++) if ((r = e.__k[t]) != null && r.__e != null) {
       e.__e = e.__c.base = r.__e;
       break;
     }
-    return Le(e);
+    return Ne(e);
   }
 }
-function pe(e) {
-  (!e.__d && (e.__d = !0) && C.push(e) && !q.__r++ || ue != g.debounceRendering) && ((ue = g.debounceRendering) || $e)(q);
+function ge(e) {
+  (!e.__d && (e.__d = !0) && C.push(e) && !X.__r++ || he != w.debounceRendering) && ((he = w.debounceRendering) || Me)(X);
 }
-function q() {
-  for (var e, t, r, n, i, o, l, d = 1; C.length; ) C.length > d && C.sort(Ie), e = C.shift(), d = C.length, e.__d && (r = void 0, n = void 0, i = (n = (t = e).__v).__e, o = [], l = [], t.__P && ((r = T({}, n)).__v = n.__v + 1, g.vnode && g.vnode(r), ie(t.__P, r, n, t.__n, t.__P.namespaceURI, 32 & n.__u ? [i] : null, o, i ?? I(n), !!(32 & n.__u), l), r.__v = n.__v, r.__.__k[r.__i] = r, Ne(o, r, l), n.__e = n.__ = null, r.__e != i && Le(r)));
-  q.__r = 0;
+function X() {
+  for (var e, t, r, n, s, o, l, c = 1; C.length; ) C.length > c && C.sort(We), e = C.shift(), c = C.length, e.__d && (r = void 0, n = void 0, s = (n = (t = e).__v).__e, o = [], l = [], t.__P && ((r = T({}, n)).__v = n.__v + 1, w.vnode && w.vnode(r), le(t.__P, r, n, t.__n, t.__P.namespaceURI, 32 & n.__u ? [s] : null, o, s ?? A(n), !!(32 & n.__u), l), r.__v = n.__v, r.__.__k[r.__i] = r, Pe(o, r, l), n.__e = n.__ = null, r.__e != s && Ne(r)));
+  X.__r = 0;
 }
-function He(e, t, r, n, i, o, l, d, f, a, p) {
-  var s, c, u, h, k, b, v, m = n && n.__k || We, E = t.length;
-  for (f = Xe(r, t, m, f, E), s = 0; s < E; s++) (u = r.__k[s]) != null && (c = u.__i == -1 ? M : m[u.__i] || M, u.__i = s, b = ie(e, u, c, i, o, l, d, f, a, p), h = u.__e, u.ref && c.ref != u.ref && (c.ref && ae(c.ref, null, u), p.push(u.ref, u.__c || h, u)), k == null && h != null && (k = h), (v = !!(4 & u.__u)) || c.__k === u.__k ? f = Me(u, f, e, v) : typeof u.type == "function" && b !== void 0 ? f = b : h && (f = h.nextSibling), u.__u &= -7);
-  return r.__e = k, f;
+function Be(e, t, r, n, s, o, l, c, f, a, h) {
+  var i, u, p, _, g, v, m, y = n && n.__k || ze, E = t.length;
+  for (f = et(r, t, y, f, E), i = 0; i < E; i++) (p = r.__k[i]) != null && (u = p.__i == -1 ? z : y[p.__i] || z, p.__i = i, v = le(e, p, u, s, o, l, c, f, a, h), _ = p.__e, p.ref && u.ref != p.ref && (u.ref && ce(u.ref, null, p), h.push(p.ref, p.__c || _, p)), g == null && _ != null && (g = _), (m = !!(4 & p.__u)) || u.__k === p.__k ? f = De(p, f, e, m) : typeof p.type == "function" && v !== void 0 ? f = v : _ && (f = _.nextSibling), p.__u &= -7);
+  return r.__e = g, f;
 }
-function Xe(e, t, r, n, i) {
-  var o, l, d, f, a, p = r.length, s = p, c = 0;
-  for (e.__k = new Array(i), o = 0; o < i; 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] = O(null, l, null, null, null) : X(l) ? l = e.__k[o] = O(z, { children: l }, null, null, null) : l.constructor === void 0 && l.__b > 0 ? l = e.__k[o] = O(l.type, l.props, l.key, l.ref ? l.ref : null, l.__v) : e.__k[o] = l, f = o + c, l.__ = e, l.__b = e.__b + 1, d = null, (a = l.__i = Ge(l, r, f, s)) != -1 && (s--, (d = r[a]) && (d.__u |= 2)), d == null || d.__v == null ? (a == -1 && (i > p ? c-- : i < p && c++), typeof l.type != "function" && (l.__u |= 4)) : a != f && (a == f - 1 ? c-- : a == f + 1 ? c++ : (a > f ? c-- : c++, l.__u |= 4))) : e.__k[o] = null;
-  if (s) for (o = 0; o < p; o++) (d = r[o]) != null && (2 & d.__u) == 0 && (d.__e == n && (n = I(d)), Be(d, d));
+function et(e, t, r, n, s) {
+  var o, l, c, f, a, h = r.length, i = h, u = 0;
+  for (e.__k = new Array(s), o = 0; o < s; o++) (l = t[o]) != null && typeof l != "boolean" && typeof l != "function" ? (typeof l == "string" || typeof l == "number" || typeof l == "bigint" || l.constructor == String ? l = e.__k[o] = j(null, l, null, null, null) : K(l) ? l = e.__k[o] = j(B, { children: l }, null, null, null) : l.constructor === void 0 && l.__b > 0 ? l = e.__k[o] = j(l.type, l.props, l.key, l.ref ? l.ref : null, l.__v) : e.__k[o] = l, f = o + u, l.__ = e, l.__b = e.__b + 1, c = null, (a = l.__i = tt(l, r, f, i)) != -1 && (i--, (c = r[a]) && (c.__u |= 2)), c == null || c.__v == null ? (a == -1 && (s > h ? u-- : s < h && u++), typeof l.type != "function" && (l.__u |= 4)) : a != f && (a == f - 1 ? u-- : a == f + 1 ? u++ : (a > f ? u-- : u++, l.__u |= 4))) : e.__k[o] = null;
+  if (i) for (o = 0; o < h; o++) (c = r[o]) != null && (2 & c.__u) == 0 && (c.__e == n && (n = A(c)), Oe(c, c));
   return n;
 }
-function Me(e, t, r, n) {
-  var i, o;
+function De(e, t, r, n) {
+  var s, o;
   if (typeof e.type == "function") {
-    for (i = e.__k, o = 0; i && o < i.length; o++) i[o] && (i[o].__ = e, t = Me(i[o], t, r, n));
+    for (s = e.__k, o = 0; s && o < s.length; o++) s[o] && (s[o].__ = e, t = De(s[o], t, r, n));
     return t;
   }
-  e.__e != t && (n && (t && e.type && !t.parentNode && (t = I(e)), r.insertBefore(e.__e, t || null)), t = e.__e);
+  e.__e != t && (n && (t && e.type && !t.parentNode && (t = A(e)), r.insertBefore(e.__e, t || null)), t = e.__e);
   do
     t = t && t.nextSibling;
   while (t != null && t.nodeType == 8);
   return t;
 }
-function Ge(e, t, r, n) {
-  var i, o, l, d = e.key, f = e.type, a = t[r], p = a != null && (2 & a.__u) == 0;
-  if (a === null && d == null || p && d == a.key && f == a.type) return r;
-  if (n > (p ? 1 : 0)) {
-    for (i = r - 1, o = r + 1; i >= 0 || o < t.length; ) if ((a = t[l = i >= 0 ? i-- : o++]) != null && (2 & a.__u) == 0 && d == a.key && f == a.type) return l;
+function tt(e, t, r, n) {
+  var s, o, l, c = e.key, f = e.type, a = t[r], h = a != null && (2 & a.__u) == 0;
+  if (a === null && c == null || h && c == a.key && f == a.type) return r;
+  if (n > (h ? 1 : 0)) {
+    for (s = r - 1, o = r + 1; s >= 0 || o < t.length; ) if ((a = t[l = s >= 0 ? s-- : o++]) != null && (2 & a.__u) == 0 && c == a.key && f == a.type) return l;
   }
   return -1;
 }
-function fe(e, t, r) {
-  t[0] == "-" ? e.setProperty(t, r ?? "") : e[t] = r == null ? "" : typeof r != "number" || Ve.test(t) ? r : r + "px";
+function me(e, t, r) {
+  t[0] == "-" ? e.setProperty(t, r ?? "") : e[t] = r == null ? "" : typeof r != "number" || Ze.test(t) ? r : r + "px";
 }
-function P(e, t, r, n, i) {
+function F(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 || fe(e.style, t, "");
-    if (r) for (t in r) n && r[t] == n[t] || fe(e.style, t, r[t]);
+    if (typeof n == "string" && (e.style.cssText = n = ""), n) for (t in n) r && t in r || me(e.style, t, "");
+    if (r) for (t in r) n && r[t] == n[t] || me(e.style, t, r[t]);
   }
-  else if (t[0] == "o" && t[1] == "n") o = t != (t = t.replace(Ae, "$1")), l = t.toLowerCase(), t = l in e || t == "onFocusOut" || t == "onFocusIn" ? l.slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + o] = r, r ? n ? r.u = n.u : (r.u = oe, e.addEventListener(t, o ? Q : Z, o)) : e.removeEventListener(t, o ? Q : Z, o);
+  else if (t[0] == "o" && t[1] == "n") o = t != (t = t.replace(He, "$1")), l = t.toLowerCase(), t = l in e || t == "onFocusOut" || t == "onFocusIn" ? l.slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + o] = r, r ? n ? r.u = n.u : (r.u = ie, e.addEventListener(t, o ? re : te, o)) : e.removeEventListener(t, o ? re : te, o);
   else {
-    if (i == "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;
@@ -96,157 +99,157 @@ function P(e, t, r, n, i) {
     typeof r == "function" || (r == null || r === !1 && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && r == 1 ? "" : r));
   }
 }
-function he(e) {
+function ve(e) {
   return function(t) {
     if (this.l) {
       var r = this.l[t.type + e];
-      if (t.t == null) t.t = oe++;
+      if (t.t == null) t.t = ie++;
       else if (t.t < r.u) return;
-      return r(g.event ? g.event(t) : t);
+      return r(w.event ? w.event(t) : t);
     }
   };
 }
-function ie(e, t, r, n, i, o, l, d, f, a) {
-  var p, s, c, u, h, k, b, v, m, E, R, B, A, _e, D, W, K, S = t.type;
+function le(e, t, r, n, s, o, l, c, f, a) {
+  var h, i, u, p, _, g, v, m, y, E, $, D, L, pe, P, M, Q, x = t.type;
   if (t.constructor !== void 0) return null;
-  128 & r.__u && (f = !!(32 & r.__u), o = [d = t.__e = r.__e]), (p = g.__b) && p(t);
-  e: if (typeof S == "function") try {
-    if (v = t.props, m = "prototype" in S && S.prototype.render, E = (p = S.contextType) && n[p.__c], R = p ? E ? E.props.value : p.__ : n, r.__c ? b = (s = t.__c = r.__c).__ = s.__E : (m ? t.__c = s = new S(v, R) : (t.__c = s = new U(v, R), s.constructor = S, s.render = Ye), E && E.sub(s), s.state || (s.state = {}), s.__n = n, c = s.__d = !0, s.__h = [], s._sb = []), m && s.__s == null && (s.__s = s.state), m && S.getDerivedStateFromProps != null && (s.__s == s.state && (s.__s = T({}, s.__s)), T(s.__s, S.getDerivedStateFromProps(v, s.__s))), u = s.props, h = s.state, s.__v = t, c) m && S.getDerivedStateFromProps == null && s.componentWillMount != null && s.componentWillMount(), m && s.componentDidMount != null && s.__h.push(s.componentDidMount);
+  128 & r.__u && (f = !!(32 & r.__u), o = [c = t.__e = r.__e]), (h = w.__b) && h(t);
+  e: if (typeof x == "function") try {
+    if (m = t.props, y = "prototype" in x && x.prototype.render, E = (h = x.contextType) && n[h.__c], $ = h ? E ? E.props.value : h.__ : n, r.__c ? v = (i = t.__c = r.__c).__ = i.__E : (y ? t.__c = i = new x(m, $) : (t.__c = i = new U(m, $), i.constructor = x, i.render = nt), E && E.sub(i), i.state || (i.state = {}), i.__n = n, u = i.__d = !0, i.__h = [], i._sb = []), y && i.__s == null && (i.__s = i.state), y && x.getDerivedStateFromProps != null && (i.__s == i.state && (i.__s = T({}, i.__s)), T(i.__s, x.getDerivedStateFromProps(m, i.__s))), p = i.props, _ = i.state, i.__v = t, u) y && x.getDerivedStateFromProps == null && i.componentWillMount != null && i.componentWillMount(), y && i.componentDidMount != null && i.__h.push(i.componentDidMount);
     else {
-      if (m && S.getDerivedStateFromProps == null && v !== u && s.componentWillReceiveProps != null && s.componentWillReceiveProps(v, R), t.__v == r.__v || !s.__e && s.shouldComponentUpdate != null && s.shouldComponentUpdate(v, s.__s, R) === !1) {
-        for (t.__v != r.__v && (s.props = v, s.state = s.__s, s.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function($) {
-          $ && ($.__ = t);
-        }), B = 0; B < s._sb.length; B++) s.__h.push(s._sb[B]);
-        s._sb = [], s.__h.length && l.push(s);
+      if (y && x.getDerivedStateFromProps == null && m !== p && i.componentWillReceiveProps != null && i.componentWillReceiveProps(m, $), t.__v == r.__v || !i.__e && i.shouldComponentUpdate != null && i.shouldComponentUpdate(m, i.__s, $) === !1) {
+        for (t.__v != r.__v && (i.props = m, i.state = i.__s, i.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(I) {
+          I && (I.__ = t);
+        }), D = 0; D < i._sb.length; D++) i.__h.push(i._sb[D]);
+        i._sb = [], i.__h.length && l.push(i);
         break e;
       }
-      s.componentWillUpdate != null && s.componentWillUpdate(v, s.__s, R), m && s.componentDidUpdate != null && s.__h.push(function() {
-        s.componentDidUpdate(u, h, k);
+      i.componentWillUpdate != null && i.componentWillUpdate(m, i.__s, $), y && i.componentDidUpdate != null && i.__h.push(function() {
+        i.componentDidUpdate(p, _, g);
       });
     }
-    if (s.context = R, s.props = v, s.__P = e, s.__e = !1, A = g.__r, _e = 0, m) {
-      for (s.state = s.__s, s.__d = !1, A && A(t), p = s.render(s.props, s.state, s.context), D = 0; D < s._sb.length; D++) s.__h.push(s._sb[D]);
-      s._sb = [];
+    if (i.context = $, i.props = m, i.__P = e, i.__e = !1, L = w.__r, pe = 0, y) {
+      for (i.state = i.__s, i.__d = !1, L && L(t), h = i.render(i.props, i.state, i.context), P = 0; P < i._sb.length; P++) i.__h.push(i._sb[P]);
+      i._sb = [];
     } else do
-      s.__d = !1, A && A(t), p = s.render(s.props, s.state, s.context), s.state = s.__s;
-    while (s.__d && ++_e < 25);
-    s.state = s.__s, s.getChildContext != null && (n = T(T({}, n), s.getChildContext())), m && !c && s.getSnapshotBeforeUpdate != null && (k = s.getSnapshotBeforeUpdate(u, h)), W = p, p != null && p.type === z && p.key == null && (W = ze(p.props.children)), d = He(e, X(W) ? W : [W], t, r, n, i, o, l, d, f, a), s.base = t.__e, t.__u &= -161, s.__h.length && l.push(s), b && (s.__E = s.__ = null);
-  } catch ($) {
-    if (t.__v = null, f || o != null) if ($.then) {
-      for (t.__u |= f ? 160 : 128; d && d.nodeType == 8 && d.nextSibling; ) d = d.nextSibling;
-      o[o.indexOf(d)] = null, t.__e = d;
+      i.__d = !1, L && L(t), h = i.render(i.props, i.state, i.context), i.state = i.__s;
+    while (i.__d && ++pe < 25);
+    i.state = i.__s, i.getChildContext != null && (n = T(T({}, n), i.getChildContext())), y && !u && i.getSnapshotBeforeUpdate != null && (g = i.getSnapshotBeforeUpdate(p, _)), M = h, h != null && h.type === B && h.key == null && (M = Fe(h.props.children)), c = Be(e, K(M) ? M : [M], t, r, n, s, o, l, c, f, a), i.base = t.__e, t.__u &= -161, i.__h.length && l.push(i), v && (i.__E = i.__ = null);
+  } catch (I) {
+    if (t.__v = null, f || o != null) if (I.then) {
+      for (t.__u |= f ? 160 : 128; c && c.nodeType == 8 && c.nextSibling; ) c = c.nextSibling;
+      o[o.indexOf(c)] = null, t.__e = c;
     } else {
-      for (K = o.length; K--; ) se(o[K]);
-      ee(t);
+      for (Q = o.length; Q--; ) ae(o[Q]);
+      ne(t);
     }
-    else t.__e = r.__e, t.__k = r.__k, $.then || ee(t);
-    g.__e($, t, r);
+    else t.__e = r.__e, t.__k = r.__k, I.then || ne(t);
+    w.__e(I, t, r);
   }
-  else o == null && t.__v == r.__v ? (t.__k = r.__k, t.__e = r.__e) : d = t.__e = Ke(r.__e, t, r, n, i, o, l, f, a);
-  return (p = g.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 = rt(r.__e, t, r, n, s, o, l, f, a);
+  return (h = w.diffed) && h(t), 128 & t.__u ? void 0 : c;
 }
-function ee(e) {
-  e && e.__c && (e.__c.__e = !0), e && e.__k && e.__k.forEach(ee);
+function ne(e) {
+  e && e.__c && (e.__c.__e = !0), e && e.__k && e.__k.forEach(ne);
 }
-function Ne(e, t, r) {
-  for (var n = 0; n < r.length; n++) ae(r[n], r[++n], r[++n]);
-  g.__c && g.__c(t, e), e.some(function(i) {
+function Pe(e, t, r) {
+  for (var n = 0; n < r.length; n++) ce(r[n], r[++n], r[++n]);
+  w.__c && w.__c(t, e), e.some(function(s) {
     try {
-      e = i.__h, i.__h = [], e.some(function(o) {
-        o.call(i);
+      e = s.__h, s.__h = [], e.some(function(o) {
+        o.call(s);
       });
     } catch (o) {
-      g.__e(o, i.__v);
+      w.__e(o, s.__v);
     }
   });
 }
-function ze(e) {
-  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : X(e) ? e.map(ze) : T({}, e);
+function Fe(e) {
+  return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : K(e) ? e.map(Fe) : T({}, e);
 }
-function Ke(e, t, r, n, i, o, l, d, f) {
-  var a, p, s, c, u, h, k, b = r.props || M, v = t.props, m = t.type;
-  if (m == "svg" ? i = "http://www.w3.org/2000/svg" : m == "math" ? i = "http://www.w3.org/1998/Math/MathML" : i || (i = "http://www.w3.org/1999/xhtml"), o != null) {
-    for (a = 0; a < o.length; a++) if ((u = o[a]) && "setAttribute" in u == !!m && (m ? u.localName == m : u.nodeType == 3)) {
-      e = u, o[a] = null;
+function rt(e, t, r, n, s, o, l, c, f) {
+  var a, h, i, u, p, _, g, v = r.props || z, m = t.props, y = t.type;
+  if (y == "svg" ? s = "http://www.w3.org/2000/svg" : y == "math" ? s = "http://www.w3.org/1998/Math/MathML" : s || (s = "http://www.w3.org/1999/xhtml"), o != null) {
+    for (a = 0; a < o.length; a++) if ((p = o[a]) && "setAttribute" in p == !!y && (y ? p.localName == y : p.nodeType == 3)) {
+      e = p, o[a] = null;
       break;
     }
   }
   if (e == null) {
-    if (m == null) return document.createTextNode(v);
-    e = document.createElementNS(i, m, v.is && v), d && (g.__m && g.__m(t, o), d = !1), o = null;
+    if (y == null) return document.createTextNode(m);
+    e = document.createElementNS(s, y, m.is && m), c && (w.__m && w.__m(t, o), c = !1), o = null;
   }
-  if (m == null) b === v || d && e.data == v || (e.data = v);
+  if (y == null) v === m || c && e.data == m || (e.data = m);
   else {
-    if (o = o && J.call(e.childNodes), !d && o != null) for (b = {}, a = 0; a < e.attributes.length; a++) b[(u = e.attributes[a]).name] = u.value;
-    for (a in b) if (u = b[a], a != "children") {
-      if (a == "dangerouslySetInnerHTML") s = u;
-      else if (!(a in v)) {
-        if (a == "value" && "defaultValue" in v || a == "checked" && "defaultChecked" in v) continue;
-        P(e, a, null, u, i);
+    if (o = o && Y.call(e.childNodes), !c && o != null) for (v = {}, a = 0; a < e.attributes.length; a++) v[(p = e.attributes[a]).name] = p.value;
+    for (a in v) if (p = v[a], a != "children") {
+      if (a == "dangerouslySetInnerHTML") i = p;
+      else if (!(a in m)) {
+        if (a == "value" && "defaultValue" in m || a == "checked" && "defaultChecked" in m) continue;
+        F(e, a, null, p, s);
       }
     }
-    for (a in v) u = v[a], a == "children" ? c = u : a == "dangerouslySetInnerHTML" ? p = u : a == "value" ? h = u : a == "checked" ? k = u : d && typeof u != "function" || b[a] === u || P(e, a, u, b[a], i);
-    if (p) d || s && (p.__html == s.__html || p.__html == e.innerHTML) || (e.innerHTML = p.__html), t.__k = [];
-    else if (s && (e.innerHTML = ""), He(t.type == "template" ? e.content : e, X(c) ? c : [c], t, r, n, m == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, o, l, o ? o[0] : r.__k && I(r, 0), d, f), o != null) for (a = o.length; a--; ) se(o[a]);
-    d || (a = "value", m == "progress" && h == null ? e.removeAttribute("value") : h != null && (h !== e[a] || m == "progress" && !h || m == "option" && h != b[a]) && P(e, a, h, b[a], i), a = "checked", k != null && k != e[a] && P(e, a, k, b[a], i));
+    for (a in m) p = m[a], a == "children" ? u = p : a == "dangerouslySetInnerHTML" ? h = p : a == "value" ? _ = p : a == "checked" ? g = p : c && typeof p != "function" || v[a] === p || F(e, a, p, v[a], s);
+    if (h) c || i && (h.__html == i.__html || h.__html == e.innerHTML) || (e.innerHTML = h.__html), t.__k = [];
+    else if (i && (e.innerHTML = ""), Be(t.type == "template" ? e.content : e, K(u) ? u : [u], t, r, n, y == "foreignObject" ? "http://www.w3.org/1999/xhtml" : s, o, l, o ? o[0] : r.__k && A(r, 0), c, f), o != null) for (a = o.length; a--; ) ae(o[a]);
+    c || (a = "value", y == "progress" && _ == null ? e.removeAttribute("value") : _ != null && (_ !== e[a] || y == "progress" && !_ || y == "option" && _ != v[a]) && F(e, a, _, v[a], s), a = "checked", g != null && g != e[a] && F(e, a, g, v[a], s));
   }
   return e;
 }
-function ae(e, t, r) {
+function ce(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 (i) {
-    g.__e(i, r);
+  } catch (s) {
+    w.__e(s, r);
   }
 }
-function Be(e, t, r) {
-  var n, i;
-  if (g.unmount && g.unmount(e), (n = e.ref) && (n.current && n.current != e.__e || ae(n, null, t)), (n = e.__c) != null) {
+function Oe(e, t, r) {
+  var n, s;
+  if (w.unmount && w.unmount(e), (n = e.ref) && (n.current && n.current != e.__e || ce(n, null, t)), (n = e.__c) != null) {
     if (n.componentWillUnmount) try {
       n.componentWillUnmount();
     } catch (o) {
-      g.__e(o, t);
+      w.__e(o, t);
     }
     n.base = n.__P = null;
   }
-  if (n = e.__k) for (i = 0; i < n.length; i++) n[i] && Be(n[i], t, r || typeof e.type != "function");
-  r || se(e.__e), e.__c = e.__ = e.__e = void 0;
+  if (n = e.__k) for (s = 0; s < n.length; s++) n[s] && Oe(n[s], t, r || typeof e.type != "function");
+  r || ae(e.__e), e.__c = e.__ = e.__e = void 0;
 }
-function Ye(e, t, r) {
+function nt(e, t, r) {
   return this.constructor(e, r);
 }
-function Ze(e, t, r) {
-  var n, i, o, l;
-  t == document && (t = document.documentElement), g.__ && g.__(e, t), i = (n = !1) ? null : t.__k, o = [], l = [], ie(t, e = t.__k = Je(z, null, [e]), i || M, M, t.namespaceURI, i ? null : t.firstChild ? J.call(t.childNodes) : null, o, i ? i.__e : t.firstChild, n, l), Ne(o, e, l);
+function ot(e, t, r) {
+  var n, s, o, l;
+  t == document && (t = document.documentElement), w.__ && w.__(e, t), s = (n = !1) ? null : t.__k, o = [], l = [], le(t, e = t.__k = Qe(B, null, [e]), s || z, z, t.namespaceURI, s ? null : t.firstChild ? Y.call(t.childNodes) : null, o, s ? s.__e : t.firstChild, n, l), Pe(o, e, l);
 }
-J = We.slice, g = { __e: function(e, t, r, n) {
-  for (var i, o, l; t = t.__; ) if ((i = t.__c) && !i.__) try {
-    if ((o = i.constructor) && o.getDerivedStateFromError != null && (i.setState(o.getDerivedStateFromError(e)), l = i.__d), i.componentDidCatch != null && (i.componentDidCatch(e, n || {}), l = i.__d), l) return i.__E = i;
-  } catch (d) {
-    e = d;
+Y = ze.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;
-} }, Ce = 0, U.prototype.setState = function(e, t) {
+} }, Le = 0, U.prototype.setState = function(e, t) {
   var r;
-  r = this.__s != null && this.__s != this.state ? this.__s : this.__s = T({}, this.state), typeof e == "function" && (e = e(T({}, r), this.props)), e && T(r, e), e != null && this.__v && (t && this._sb.push(t), pe(this));
+  r = this.__s != null && this.__s != this.state ? this.__s : this.__s = T({}, this.state), typeof e == "function" && (e = e(T({}, r), this.props)), e && T(r, e), e != null && this.__v && (t && this._sb.push(t), ge(this));
 }, U.prototype.forceUpdate = function(e) {
-  this.__v && (this.__e = !0, e && this.__h.push(e), pe(this));
-}, U.prototype.render = z, C = [], $e = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, Ie = function(e, t) {
+  this.__v && (this.__e = !0, e && this.__h.push(e), ge(this));
+}, U.prototype.render = B, C = [], Me = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, We = function(e, t) {
   return e.__v.__b - t.__v.__b;
-}, q.__r = 0, Ae = /(PointerCapture)$|Capture$/i, oe = 0, Z = he(!1), Q = he(!0);
-var Qe = 0;
-function _(e, t, r, n, i, o) {
+}, X.__r = 0, He = /(PointerCapture)$|Capture$/i, ie = 0, te = ve(!1), re = ve(!0);
+var st = 0;
+function d(e, t, r, n, s, o) {
   t || (t = {});
-  var l, d, f = t;
-  if ("ref" in f) for (d in f = {}, t) d == "ref" ? l = t[d] : f[d] = t[d];
-  var a = { type: e, props: f, key: r, ref: l, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --Qe, __i: -1, __u: 0, __source: i, __self: o };
-  if (typeof e == "function" && (l = e.defaultProps)) for (d in l) f[d] === void 0 && (f[d] = l[d]);
-  return g.vnode && g.vnode(a), a;
+  var l, c, f = t;
+  if ("ref" in f) for (c in f = {}, t) c == "ref" ? l = t[c] : f[c] = t[c];
+  var a = { type: e, props: f, key: r, ref: l, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --st, __i: -1, __u: 0, __source: s, __self: o };
+  if (typeof e == "function" && (l = e.defaultProps)) for (c in l) f[c] === void 0 && (f[c] = l[c]);
+  return w.vnode && w.vnode(a), a;
 }
-const et = {
+const it = {
   // Colors
   primary: "#2563eb",
   // Darker blue for AA contrast with white text (4.5:1)
@@ -258,6 +261,10 @@ const et = {
   text: "#f1f5f9",
   textSecondary: "#cbd5e1",
   textMuted: "#94a3b8",
+  // Describe blocks
+  describeBg: "#0f172a",
+  describeText: "#94a3b8",
+  describeBorder: "#334155",
   // Status colors
   success: "#22c55e",
   successBg: "#14532d",
@@ -297,173 +304,173 @@ const et = {
   shadow: "2px 0 8px rgba(0,0,0,0.3)",
   shadowSm: "0 2px 4px rgba(0, 0, 0, 0.2)",
   // Z-index
-  zIndexSidebar: "1000",
-  zIndexSticky: "1000",
+  zIndexSidebar: "99999",
+  zIndexSticky: "100000",
   // Animation
   animationDuration: "0.2s",
   // Icon colors
   iconColor: "#f1f5f9",
   iconColorSecondary: "#cbd5e1"
 };
-function tt(e = {}) {
-  const t = { ...et, ...e };
+function at(e = {}) {
+  const t = { ...it, ...e };
   return Object.entries(t).map(([r, n]) => `${`--twd-${r.replace(/([A-Z])/g, "-$1").toLowerCase()}`}: ${n};`).join(`
   `);
 }
-function rt(e) {
+function lt(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 = tt(e);
+  const n = at(e);
   r.textContent = `
     :root {
       ${n}
     }
   `;
 }
-const nt = (e) => {
+const ct = (e) => {
   const { Component: t, createRoot: r, theme: n } = e;
-  rt(n);
-  const i = document.createElement("div");
-  i.setAttribute("id", "twd-sidebar-root"), document.body.appendChild(i), r(i).render(t);
-}, ot = async (e, t, r, n) => {
-  for (const i in e) await e[i]();
-  nt({ Component: t, createRoot: r, theme: n });
+  lt(n);
+  const s = document.createElement("div");
+  s.setAttribute("id", "twd-sidebar-root"), document.body.appendChild(s), r(s).render(t);
+}, dt = async (e, t, r, n) => {
+  for (const s in e) await e[s]();
+  ct({ Component: t, createRoot: r, theme: n });
 };
-var N, w, Y, ge, V = 0, De = [], y = g, me = y.__b, ve = y.__r, we = y.diffed, ye = y.__c, be = y.unmount, ke = y.__;
-function le(e, t) {
-  y.__h && y.__h(w, e, V || t), V = 0;
-  var r = w.__H || (w.__H = { __: [], __h: [] });
+var N, b, ee, we, G = 0, je = [], k = w, ye = k.__b, be = k.__r, ke = k.diffed, Se = k.__c, xe = k.unmount, Te = k.__;
+function de(e, t) {
+  k.__h && k.__h(b, e, G || t), G = 0;
+  var r = b.__H || (b.__H = { __: [], __h: [] });
   return e >= r.__.length && r.__.push({}), r.__[e];
 }
-function te(e) {
-  return V = 1, st(Fe, e);
+function q(e) {
+  return G = 1, _t(qe, e);
 }
-function st(e, t, r) {
-  var n = le(N++, 2);
-  if (n.t = e, !n.__c && (n.__ = [Fe(void 0, t), function(d) {
-    var f = n.__N ? n.__N[0] : n.__[0], a = n.t(f, d);
+function _t(e, t, r) {
+  var n = de(N++, 2);
+  if (n.t = e, !n.__c && (n.__ = [qe(void 0, t), function(c) {
+    var f = n.__N ? n.__N[0] : n.__[0], a = n.t(f, c);
     f !== a && (n.__N = [a, n.__[1]], n.__c.setState({}));
-  }], n.__c = w, !w.__f)) {
-    var i = function(d, f, a) {
+  }], n.__c = b, !b.__f)) {
+    var s = function(c, f, a) {
       if (!n.__c.__H) return !0;
-      var p = n.__c.__H.__.filter(function(c) {
-        return !!c.__c;
+      var h = n.__c.__H.__.filter(function(u) {
+        return !!u.__c;
       });
-      if (p.every(function(c) {
-        return !c.__N;
-      })) return !o || o.call(this, d, f, a);
-      var s = n.__c.props !== d;
-      return p.forEach(function(c) {
-        if (c.__N) {
-          var u = c.__[0];
-          c.__ = c.__N, c.__N = void 0, u !== c.__[0] && (s = !0);
+      if (h.every(function(u) {
+        return !u.__N;
+      })) return !o || o.call(this, c, f, a);
+      var i = n.__c.props !== c;
+      return h.forEach(function(u) {
+        if (u.__N) {
+          var p = u.__[0];
+          u.__ = u.__N, u.__N = void 0, p !== u.__[0] && (i = !0);
         }
-      }), o && o.call(this, d, f, a) || s;
+      }), o && o.call(this, c, f, a) || i;
     };
-    w.__f = !0;
-    var o = w.shouldComponentUpdate, l = w.componentWillUpdate;
-    w.componentWillUpdate = function(d, f, a) {
+    b.__f = !0;
+    var o = b.shouldComponentUpdate, l = b.componentWillUpdate;
+    b.componentWillUpdate = function(c, f, a) {
       if (this.__e) {
-        var p = o;
-        o = void 0, i(d, f, a), o = p;
+        var h = o;
+        o = void 0, s(c, f, a), o = h;
       }
-      l && l.call(this, d, f, a);
-    }, w.shouldComponentUpdate = i;
+      l && l.call(this, c, f, a);
+    }, b.shouldComponentUpdate = s;
   }
   return n.__N || n.__;
 }
-function ce(e, t) {
-  var r = le(N++, 3);
-  !y.__s && Pe(r.__H, t) && (r.__ = e, r.u = t, w.__H.__h.push(r));
+function _e(e, t) {
+  var r = de(N++, 3);
+  !k.__s && Ue(r.__H, t) && (r.__ = e, r.u = t, b.__H.__h.push(r));
 }
-function L(e) {
-  return V = 5, it(function() {
+function H(e) {
+  return G = 5, V(function() {
     return { current: e };
   }, []);
 }
-function it(e, t) {
-  var r = le(N++, 7);
-  return Pe(r.__H, t) && (r.__ = e(), r.__H = t, r.__h = e), r.__;
+function V(e, t) {
+  var r = de(N++, 7);
+  return Ue(r.__H, t) && (r.__ = e(), r.__H = t, r.__h = e), r.__;
 }
-function at() {
-  for (var e; e = De.shift(); ) if (e.__P && e.__H) try {
-    e.__H.__h.forEach(j), e.__H.__h.forEach(re), e.__H.__h = [];
+function ut() {
+  for (var e; e = je.shift(); ) if (e.__P && e.__H) try {
+    e.__H.__h.forEach(J), e.__H.__h.forEach(oe), e.__H.__h = [];
   } catch (t) {
-    e.__H.__h = [], y.__e(t, e.__v);
+    e.__H.__h = [], k.__e(t, e.__v);
   }
 }
-y.__b = function(e) {
-  w = null, me && me(e);
-}, y.__ = function(e, t) {
-  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), ke && ke(e, t);
-}, y.__r = function(e) {
-  ve && ve(e), N = 0;
-  var t = (w = e.__c).__H;
-  t && (Y === w ? (t.__h = [], w.__h = [], t.__.forEach(function(r) {
+k.__b = function(e) {
+  b = null, ye && ye(e);
+}, k.__ = function(e, t) {
+  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), Te && Te(e, t);
+}, k.__r = function(e) {
+  be && be(e), N = 0;
+  var t = (b = e.__c).__H;
+  t && (ee === b ? (t.__h = [], b.__h = [], t.__.forEach(function(r) {
     r.__N && (r.__ = r.__N), r.u = r.__N = void 0;
-  })) : (t.__h.forEach(j), t.__h.forEach(re), t.__h = [], N = 0)), Y = w;
-}, y.diffed = function(e) {
-  we && we(e);
+  })) : (t.__h.forEach(J), t.__h.forEach(oe), t.__h = [], N = 0)), ee = b;
+}, k.diffed = function(e) {
+  ke && ke(e);
   var t = e.__c;
-  t && t.__H && (t.__H.__h.length && (De.push(t) !== 1 && ge === y.requestAnimationFrame || ((ge = y.requestAnimationFrame) || lt)(at)), t.__H.__.forEach(function(r) {
+  t && t.__H && (t.__H.__h.length && (je.push(t) !== 1 && we === k.requestAnimationFrame || ((we = k.requestAnimationFrame) || pt)(ut)), t.__H.__.forEach(function(r) {
     r.u && (r.__H = r.u), r.u = void 0;
-  })), Y = w = null;
-}, y.__c = function(e, t) {
+  })), ee = b = null;
+}, k.__c = function(e, t) {
   t.some(function(r) {
     try {
-      r.__h.forEach(j), r.__h = r.__h.filter(function(n) {
-        return !n.__ || re(n);
+      r.__h.forEach(J), r.__h = r.__h.filter(function(n) {
+        return !n.__ || oe(n);
       });
     } catch (n) {
-      t.some(function(i) {
-        i.__h && (i.__h = []);
-      }), t = [], y.__e(n, r.__v);
+      t.some(function(s) {
+        s.__h && (s.__h = []);
+      }), t = [], k.__e(n, r.__v);
     }
-  }), ye && ye(e, t);
-}, y.unmount = function(e) {
-  be && be(e);
+  }), Se && Se(e, t);
+}, k.unmount = function(e) {
+  xe && xe(e);
   var t, r = e.__c;
   r && r.__H && (r.__H.__.forEach(function(n) {
     try {
-      j(n);
-    } catch (i) {
-      t = i;
+      J(n);
+    } catch (s) {
+      t = s;
     }
-  }), r.__H = void 0, t && y.__e(t, r.__v));
+  }), r.__H = void 0, t && k.__e(t, r.__v));
 };
-var xe = typeof requestAnimationFrame == "function";
-function lt(e) {
+var Ee = typeof requestAnimationFrame == "function";
+function pt(e) {
   var t, r = function() {
-    clearTimeout(n), xe && cancelAnimationFrame(t), setTimeout(e);
+    clearTimeout(n), Ee && cancelAnimationFrame(t), setTimeout(e);
   }, n = setTimeout(r, 35);
-  xe && (t = requestAnimationFrame(r));
+  Ee && (t = requestAnimationFrame(r));
 }
-function j(e) {
-  var t = w, r = e.__c;
-  typeof r == "function" && (e.__c = void 0, r()), w = t;
+function J(e) {
+  var t = b, r = e.__c;
+  typeof r == "function" && (e.__c = void 0, r()), b = t;
 }
-function re(e) {
-  var t = w;
-  e.__c = e.__(), w = t;
+function oe(e) {
+  var t = b;
+  e.__c = e.__(), b = t;
 }
-function Pe(e, t) {
+function Ue(e, t) {
   return !e || e.length !== t.length || t.some(function(r, n) {
     return r !== e[n];
   });
 }
-function Fe(e, t) {
+function qe(e, t) {
   return typeof t == "function" ? t(e) : t;
 }
-const ct = (e) => {
+const ft = (e) => {
   const t = /* @__PURE__ */ new Map(), r = [];
   for (const n of e) t.set(n.id, { ...n, childrenNodes: [] });
   for (const n of t.values())
     n.parent ? t.get(n.parent)?.childrenNodes?.push(n) : r.push(n);
   return r;
-}, dt = {
+}, ht = {
   animation: "spin 1s linear infinite"
-}, _t = () => /* @__PURE__ */ _(
+}, gt = () => /* @__PURE__ */ d(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -476,18 +483,18 @@ const ct = (e) => {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className: "lucide lucide-loader-circle-icon lucide-loader-circle",
-    style: dt,
+    style: ht,
     "data-testid": "loader-icon",
-    children: /* @__PURE__ */ _("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    children: /* @__PURE__ */ d("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   }
-), F = document.createElement("style");
-F && !document.getElementById("loader-spin-keyframes") && (F.id = "loader-spin-keyframes", F.innerHTML = `
+), O = document.createElement("style");
+O && !document.getElementById("loader-spin-keyframes") && (O.id = "loader-spin-keyframes", O.innerHTML = `
     @keyframes spin {
       0% { transform: rotate(0deg); }
       100% { transform: rotate(360deg); }
     }
-  `, document.head.appendChild(F));
-const G = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ _(
+  `, document.head.appendChild(O));
+const Z = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ d(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -503,10 +510,10 @@ const G = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ _(
     "data-testid": r,
     children: t
   }
-), ut = () => /* @__PURE__ */ _(G, { className: "lucide-play-icon lucide-play", dataTestId: "play-icon", children: /* @__PURE__ */ _("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" }) }), Oe = ({ id: e, name: t, skip: r, only: n }) => /* @__PURE__ */ _(z, { children: [
+), mt = () => /* @__PURE__ */ d(Z, { className: "lucide-play-icon lucide-play", dataTestId: "play-icon", children: /* @__PURE__ */ d("path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" }) }), Ve = ({ id: e, name: t, skip: r, only: n }) => /* @__PURE__ */ d(B, { children: [
   t,
   " ",
-  n && /* @__PURE__ */ _(
+  n && /* @__PURE__ */ d(
     "span",
     {
       style: { color: "var(--twd-primary)" },
@@ -517,7 +524,7 @@ const G = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ _(
       ]
     }
   ),
-  r && /* @__PURE__ */ _(
+  r && /* @__PURE__ */ d(
     "span",
     {
       style: { color: "var(--twd-text-secondary)" },
@@ -529,8 +536,8 @@ const G = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ _(
     }
   )
 ] });
-var H = /* @__PURE__ */ ((e) => (e.CHAI_DIFF = "chai-diff", e.CHAI_MESSAGE = "chai-message", e.ERROR = "error", e))(H || {});
-const pt = (e) => {
+var R = /* @__PURE__ */ ((e) => (e.CHAI_DIFF = "chai-diff", e.CHAI_MESSAGE = "chai-message", e.ERROR = "error", e))(R || {});
+const vt = (e) => {
   try {
     const t = JSON.parse(e);
     if (t && typeof t == "object" && "type" in t)
@@ -538,7 +545,7 @@ const pt = (e) => {
   } catch {
   }
   return null;
-}, Se = (e) => {
+}, Re = (e) => {
   if (e === null) return "null";
   if (e === void 0) return "undefined";
   if (typeof e == "string") return e;
@@ -549,10 +556,10 @@ const pt = (e) => {
       return String(e);
     }
   return String(e);
-}, ft = (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)" } : {}, ht = (e) => e.type === "chai-message" || e.type === "error", gt = (e, t) => t && ht(t) ? t.message : e, mt = ({ log: e, index: t }) => {
-  const r = pt(e);
-  if (r?.type === H.CHAI_DIFF)
-    return /* @__PURE__ */ _(
+}, wt = (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)" } : {}, yt = (e) => e.type === "chai-message" || e.type === "error", bt = (e, t) => t && yt(t) ? t.message : e, kt = ({ log: e, index: t }) => {
+  const r = vt(e);
+  if (r?.type === R.CHAI_DIFF)
+    return /* @__PURE__ */ d(
       "li",
       {
         style: {
@@ -562,22 +569,22 @@ const pt = (e) => {
           color: "var(--twd-text)"
         },
         children: [
-          /* @__PURE__ */ _("div", { style: {
+          /* @__PURE__ */ d("div", { style: {
             color: "var(--twd-error)",
             fontWeight: "var(--twd-font-weight-bold)",
             marginBottom: "var(--twd-spacing-xs)"
           }, children: "❌ Assertion failed" }),
-          /* @__PURE__ */ _("div", { style: {
+          /* @__PURE__ */ d("div", { style: {
             marginTop: "var(--twd-spacing-xs)",
             paddingLeft: "var(--twd-spacing-sm)",
             borderLeft: "2px solid var(--twd-success)"
           }, children: [
-            /* @__PURE__ */ _("div", { style: {
+            /* @__PURE__ */ d("div", { style: {
               color: "var(--twd-success)",
               fontWeight: "var(--twd-font-weight-medium)",
               marginBottom: "var(--twd-spacing-xs)"
             }, children: "Expected:" }),
-            /* @__PURE__ */ _("pre", { style: {
+            /* @__PURE__ */ d("pre", { style: {
               margin: 0,
               padding: "var(--twd-spacing-xs)",
               background: "var(--twd-background)",
@@ -586,19 +593,19 @@ const pt = (e) => {
               overflowX: "auto",
               whiteSpace: "pre-wrap",
               wordBreak: "break-word"
-            }, children: Se(r.expected) })
+            }, children: Re(r.expected) })
           ] }),
-          /* @__PURE__ */ _("div", { style: {
+          /* @__PURE__ */ d("div", { style: {
             marginTop: "var(--twd-spacing-xs)",
             paddingLeft: "var(--twd-spacing-sm)",
             borderLeft: "2px solid var(--twd-error)"
           }, children: [
-            /* @__PURE__ */ _("div", { style: {
+            /* @__PURE__ */ d("div", { style: {
               color: "var(--twd-error)",
               fontWeight: "var(--twd-font-weight-medium)",
               marginBottom: "var(--twd-spacing-xs)"
             }, children: "Actual:" }),
-            /* @__PURE__ */ _("pre", { style: {
+            /* @__PURE__ */ d("pre", { style: {
               margin: 0,
               padding: "var(--twd-spacing-xs)",
               background: "var(--twd-background)",
@@ -607,14 +614,14 @@ const pt = (e) => {
               overflowX: "auto",
               whiteSpace: "pre-wrap",
               wordBreak: "break-word"
-            }, children: Se(r.actual) })
+            }, children: Re(r.actual) })
           ] })
         ]
       },
       t
     );
-  const n = gt(e, r);
-  return /* @__PURE__ */ _(
+  const n = bt(e, r);
+  return /* @__PURE__ */ d(
     "li",
     {
       style: {
@@ -622,13 +629,54 @@ const pt = (e) => {
         padding: "var(--twd-spacing-xs) var(--twd-spacing-sm)",
         borderBottom: "1px solid var(--twd-border-light)",
         color: "var(--twd-text)",
-        ...ft(n)
+        ...wt(n)
       },
       children: n
     },
     t
   );
-}, vt = (e) => {
+}, W = {
+  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"
+  }
+}, St = (e) => {
   switch (e.status) {
     case "pass":
       return {
@@ -667,22 +715,38 @@ const pt = (e) => {
         }
       };
   }
-}, wt = ({
+}, xt = ({
   node: e,
   depth: t,
   id: r,
   runTest: n
 }) => {
-  const i = vt(e), o = L(null), l = L(e.status), d = L(e.logs?.length || 0), f = typeof window < "u" && sessionStorage.getItem("twd-last-run-test-name") === e.name;
-  ce(() => {
-    const p = o.current;
-    if (!p || !e.logs || e.logs.length === 0) return;
-    const s = l.current === "running" && (e.status === "pass" || e.status === "fail"), c = e.logs.length > d.current;
-    (s || c) && setTimeout(() => {
-      p.scrollTop = p.scrollHeight;
-    }, 0), l.current = e.status, d.current = e.logs.length;
+  const s = H(null), o = H(e.status), l = H(e.logs?.length || 0), c = V(() => St(e), [e.status]), f = typeof window < "u" && sessionStorage.getItem("twd-last-run-test-name") === e.name, a = V(
+    () => ({
+      ...W.container,
+      marginLeft: `calc(${t} * var(--twd-spacing-sm))`,
+      ...c.container || {}
+    }),
+    [t, c]
+  ), h = V(
+    () => ({
+      ...W.item,
+      ...c.item,
+      ...f && {
+        border: "1px dashed var(--twd-border)"
+      }
+    }),
+    [c, f]
+  );
+  _e(() => {
+    const u = s.current;
+    if (!u || !e.logs || e.logs.length === 0) return;
+    const p = o.current === "running" && (e.status === "pass" || e.status === "fail"), _ = e.logs.length > l.current;
+    (p || _) && setTimeout(() => {
+      u.scrollTop = u.scrollHeight;
+    }, 0), o.current = e.status, l.current = e.logs.length;
   }, [e.status, e.logs]);
-  const a = () => {
+  const i = () => {
     switch (e.status) {
       case "pass":
         return "passed";
@@ -696,115 +760,56 @@ const pt = (e) => {
         return "not run";
     }
   };
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ d(
     "li",
     {
-      style: {
-        marginBottom: "var(--twd-spacing-xs)",
-        marginLeft: `calc(${t} * var(--twd-spacing-sm))`,
-        ...i.container
-      },
+      style: a,
       "data-testid": `test-list-item-${r}`,
       "data-test-name": e.name,
       role: "listitem",
-      "aria-label": `Test ${e.name}, status: ${a()}`,
+      "aria-label": `Test ${e.name}, status: ${i()}`,
       children: [
-        /* @__PURE__ */ _(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "left",
-              justifyContent: "space-between",
-              padding: "var(--twd-spacing-xs) var(--twd-spacing-sm)",
-              borderRadius: "var(--twd-border-radius)",
-              ...i.item,
-              ...f && {
-                border: "1px dashed var(--twd-border)"
-              }
-            },
-            children: [
-              /* @__PURE__ */ _(
-                "span",
-                {
-                  style: {
-                    fontWeight: "var(--twd-font-weight-medium)",
-                    color: "var(--twd-text)",
-                    maxWidth: "220px"
-                  },
-                  children: /* @__PURE__ */ _(
-                    Oe,
-                    {
-                      id: r,
-                      name: e.name,
-                      skip: e.skip,
-                      only: e.only
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ _(
-                "button",
-                {
-                  onClick: () => n(r),
-                  "aria-label": `Run ${e.name} test`,
-                  style: {
-                    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"
-                  },
-                  disabled: e.status === "running",
-                  "data-testid": `run-test-button-${r}`,
-                  children: e.status === "running" ? /* @__PURE__ */ _(_t, {}) : /* @__PURE__ */ _(ut, {})
-                }
-              )
-            ]
-          }
-        ),
-        e.logs && e.logs.length > 0 && /* @__PURE__ */ _(
-          "ul",
-          {
-            ref: o,
-            style: {
-              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"
-            },
-            children: e.logs.map((p, s) => /* @__PURE__ */ _(mt, { log: p, index: s }, s))
-          }
-        )
+        /* @__PURE__ */ d("div", { style: h, children: [
+          /* @__PURE__ */ d("span", { style: W.nameSpan, children: /* @__PURE__ */ d(
+            Ve,
+            {
+              id: r,
+              name: e.name,
+              skip: e.skip,
+              only: e.only
+            }
+          ) }),
+          /* @__PURE__ */ d(
+            "button",
+            {
+              onClick: () => n(r),
+              "aria-label": `Run ${e.name} test`,
+              style: W.button,
+              disabled: e.status === "running",
+              "data-testid": `run-test-button-${r}`,
+              children: e.status === "running" ? /* @__PURE__ */ d(gt, {}) : /* @__PURE__ */ d(mt, {})
+            }
+          )
+        ] }),
+        e.logs && e.logs.length > 0 && /* @__PURE__ */ d("ul", { ref: s, style: W.logsList, children: e.logs.map((u, p) => /* @__PURE__ */ d(kt, { log: u, index: p }, p)) })
       ]
     },
     e.name
   );
-}, yt = () => /* @__PURE__ */ _(G, { className: "lucide-chevron-down-icon lucide-chevron-down", dataTestId: "chevron-down-icon", children: /* @__PURE__ */ _("path", { d: "m6 9 6 6 6-6" }) }), bt = () => /* @__PURE__ */ _(G, { className: "lucide-chevron-right-icon lucide-chevron-right", dataTestId: "chevron-right-icon", children: /* @__PURE__ */ _("path", { d: "m9 18 6-6-6-6" }) }), kt = ({ tests: e, runTest: t }) => {
-  const [r, n] = te({}), i = L(null), o = L(!1), l = (a) => n((p) => ({ ...p, [a]: !p[a] }));
-  ce(() => {
+}, Tt = () => /* @__PURE__ */ d(Z, { className: "lucide-chevron-down-icon lucide-chevron-down", dataTestId: "chevron-down-icon", children: /* @__PURE__ */ d("path", { d: "m6 9 6 6 6-6" }) }), Et = () => /* @__PURE__ */ d(Z, { className: "lucide-chevron-right-icon lucide-chevron-right", dataTestId: "chevron-right-icon", children: /* @__PURE__ */ d("path", { d: "m9 18 6-6-6-6" }) }), Rt = ({ tests: e, runTest: t }) => {
+  const [r, n] = q({}), s = H(null), o = H(!1), l = (a) => n((h) => ({ ...h, [a]: !h[a] }));
+  _e(() => {
     if (o.current) return;
     const a = sessionStorage.getItem("twd-last-run-test-name");
     if (!a) return;
-    const p = setTimeout(() => {
-      const s = document.querySelector(`[data-test-name="${a}"]`);
-      if (s) {
-        const c = i.current?.closest('[data-testid="twd-sidebar"]');
-        if (c) {
-          const u = s.getBoundingClientRect(), h = c.getBoundingClientRect(), k = c.scrollTop, b = u.top - h.top + k;
-          c.scrollTo({
-            top: b - 150,
+    const h = setTimeout(() => {
+      const i = document.querySelector(`[data-test-name="${a}"]`);
+      if (i) {
+        const u = s.current?.closest('[data-testid="twd-sidebar"]');
+        if (u) {
+          const p = i.getBoundingClientRect(), _ = u.getBoundingClientRect(), g = u.scrollTop, v = p.top - _.top + g;
+          u.scrollTo({
+            top: v - 150,
             // 150px offset from top
             behavior: "smooth"
           });
@@ -812,61 +817,75 @@ const pt = (e) => {
         o.current = !0;
       }
     }, 100);
-    return () => clearTimeout(p);
+    return () => clearTimeout(h);
   }, []);
-  const d = (a, p = 0) => {
+  const c = (a, h = 0) => {
     if (a.type === "test")
-      return /* @__PURE__ */ _(
-        wt,
+      return /* @__PURE__ */ d(
+        xt,
         {
           node: a,
-          depth: p,
+          depth: h,
           id: a.id,
           runTest: () => t(a.id)
         },
         a.id
       );
-    const s = r[a.id];
-    return /* @__PURE__ */ _("li", { style: { marginLeft: `calc(${p} * var(--twd-spacing-lg))` }, children: [
-      /* @__PURE__ */ _(
-        "span",
+    const i = r[a.id];
+    return /* @__PURE__ */ d("li", { style: { marginLeft: `calc(${h} * var(--twd-spacing-lg))` }, children: [
+      /* @__PURE__ */ d(
+        "div",
         {
           style: {
-            fontWeight: "var(--twd-font-weight-bold)",
-            cursor: "pointer",
-            color: "var(--twd-text)",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            marginBottom: "var(--twd-spacing-xs)",
-            gap: "var(--twd-spacing-sm)"
+            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)"
           },
-          "data-testid": `test-group-${a.name}`,
-          tabIndex: 0,
-          role: "button",
-          "aria-expanded": !s,
-          "aria-label": `${s ? "Expand" : "Collapse"} test suite ${a.name}`,
-          onClick: () => l(a.id),
-          children: [
-            /* @__PURE__ */ _(Oe, { id: a.id, name: a.name, skip: a.skip, only: a.only }),
-            s ? /* @__PURE__ */ _(bt, {}) : /* @__PURE__ */ _(yt, {})
-          ]
+          children: /* @__PURE__ */ d(
+            "span",
+            {
+              style: {
+                fontWeight: "var(--twd-font-weight-medium)",
+                fontSize: "var(--twd-font-size-sm)",
+                cursor: "pointer",
+                color: "var(--twd-describe-text)",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: "var(--twd-spacing-sm)",
+                textTransform: "uppercase",
+                letterSpacing: "0.05em"
+              },
+              "data-testid": `test-group-${a.name}`,
+              tabIndex: 0,
+              role: "button",
+              "aria-expanded": !i,
+              "aria-label": `${i ? "Expand" : "Collapse"} test suite ${a.name}`,
+              onClick: () => l(a.id),
+              children: [
+                /* @__PURE__ */ d(Ve, { id: a.id, name: a.name, skip: a.skip, only: a.only }),
+                i ? /* @__PURE__ */ d(Et, {}) : /* @__PURE__ */ d(Tt, {})
+              ]
+            }
+          )
         }
       ),
-      !s && a.childrenNodes && a.childrenNodes.length > 0 && /* @__PURE__ */ _("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: a.childrenNodes.map((c) => d(c, p + 1)) })
+      !i && a.childrenNodes && a.childrenNodes.length > 0 && /* @__PURE__ */ d("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: a.childrenNodes.map((u) => c(u, h + 1)) })
     ] }, a.id);
-  }, f = ct(e);
-  return /* @__PURE__ */ _(
+  }, f = ft(e);
+  return /* @__PURE__ */ d(
     "ul",
     {
-      ref: i,
+      ref: s,
       style: { listStyle: "none", padding: 0, margin: 0 },
       role: "list",
       "aria-label": "Test list",
-      children: f.map((a) => d(a))
+      children: f.map((a) => c(a))
     }
   );
-}, xt = {
+}, $t = {
   left: {
     left: 0,
     borderTopRightRadius: "var(--twd-border-radius-lg)",
@@ -881,7 +900,7 @@ const pt = (e) => {
     borderTopRightRadius: "0",
     borderBottomRightRadius: "0"
   }
-}, St = ({ setOpen: e, position: t }) => /* @__PURE__ */ _(
+}, Ct = ({ setOpen: e, position: t }) => /* @__PURE__ */ d(
   "button",
   {
     "aria-label": "Open TWD sidebar",
@@ -894,19 +913,19 @@ const pt = (e) => {
       padding: "var(--twd-spacing-sm) 10px",
       cursor: "pointer",
       fontSize: "var(--twd-font-size-sm)",
-      ...xt[t]
+      ...$t[t]
     },
     onClick: () => e(!0),
     children: "TWD"
   }
-), Tt = ({ isOpen: e, position: t }) => {
-  ce(() => {
+), It = ({ isOpen: e, position: t }) => {
+  _e(() => {
     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]);
-}, Et = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STATE__ = {
+}, At = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STATE__ = {
   handlers: /* @__PURE__ */ new Map(),
   beforeEachHooks: /* @__PURE__ */ new Map(),
   afterEachHooks: /* @__PURE__ */ new Map(),
@@ -916,74 +935,74 @@ const pt = (e) => {
   beforeEachHooks: /* @__PURE__ */ new Map(),
   afterEachHooks: /* @__PURE__ */ new Map(),
   stack: []
-}, de = Et(), x = de.handlers, Te = de.beforeEachHooks, Ee = de.afterEachHooks, Rt = (e) => {
+}, ue = At(), S = ue.handlers, $e = ue.beforeEachHooks, Ce = ue.afterEachHooks, Lt = (e) => {
   const t = [], r = [];
   let n = e;
   for (; n; )
-    Te.has(n) && t.unshift(...Te.get(n)), Ee.has(n) && r.push(...Ee.get(n)), n = x.get(n)?.parent;
+    $e.has(n) && t.unshift(...$e.get(n)), Ce.has(n) && r.push(...Ce.get(n)), n = S.get(n)?.parent;
   return { before: t, after: r };
-}, ne = (e) => {
-  const t = x.get(e);
-  return t ? t.only ? !0 : t.children ? t.children.some((r) => ne(r)) : !1 : !1;
-}, Ct = (e) => {
-  let t = x.get(e);
+}, se = (e) => {
+  const t = S.get(e);
+  return t ? t.only ? !0 : t.children ? t.children.some((r) => se(r)) : !1 : !1;
+}, Mt = (e) => {
+  let t = S.get(e);
   for (; t?.parent; ) {
-    const r = x.get(t.parent);
+    const r = S.get(t.parent);
     if (r?.only) return !0;
     t = r;
   }
   return !1;
-}, Re = (e) => {
-  let t = x.get(e);
+}, Ie = (e) => {
+  let t = S.get(e);
   for (; t; ) {
     if (t.skip) return !0;
     if (!t.parent) break;
-    t = x.get(t.parent);
+    t = S.get(t.parent);
   }
   return !1;
 };
-class Ue {
-  events;
+class Je {
   constructor(t) {
+    fe(this, "events");
     this.events = t;
   }
   async runAll() {
-    const t = Array.from(x.values()).filter(
+    const t = Array.from(S.values()).filter(
       (n) => !n.parent && n.type === "suite"
-    ), r = Array.from(x.values()).some((n) => n.only);
+    ), r = Array.from(S.values()).some((n) => n.only);
     for (const n of t)
       await this.runSuite(n, r);
-    return x;
+    return S;
   }
   async runSingle(t) {
-    const r = x.get(t);
+    const r = S.get(t);
     if (!r || r.type !== "test") return;
     await this.runTest(r, !1);
   }
   async runSuite(t, r) {
-    if (Re(t.id) && !ne(t.id)) {
+    if (Ie(t.id) && !se(t.id)) {
       this.events.onSkip?.(t);
       return;
     }
-    if (r && !ne(t.id)) return;
+    if (r && !se(t.id)) return;
     this.events.onSuiteStart?.(t);
-    const i = (t.children || []).map((o) => x.get(o));
-    for (const o of i)
+    const s = (t.children || []).map((o) => S.get(o));
+    for (const o of s)
       o.type === "suite" ? await this.runSuite(o, r) : o.type === "test" && await this.runTest(o, r);
     this.events.onSuiteEnd?.(t);
   }
   async runTest(t, r) {
-    if ((Re(t.id) || t.skip) && !t.only) {
+    if ((Ie(t.id) || t.skip) && !t.only) {
       this.events.onSkip(t);
       return;
     }
-    const i = Ct(t.id);
-    if (r && !t.only && !i) {
+    const s = Mt(t.id);
+    if (r && !t.only && !s) {
       this.events.onSkip(t);
       return;
     }
     this.events.onStart?.(t);
-    const o = Rt(t.parent);
+    const o = Lt(t.parent);
     try {
       for (const l of o.before) await l();
       t.logs = [], await t.handler(), this.events.onPass(t);
@@ -994,31 +1013,38 @@ class Ue {
     }
   }
 }
-window.__testRunner = Ue;
-const $t = "1.4.1", It = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ || (window.__TWD_MOCK_STATE__ = {
+window.__testRunner = Je;
+const Wt = "1.4.3", Ht = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ || (window.__TWD_MOCK_STATE__ = {
   rules: []
 }), window.__TWD_MOCK_STATE__) : {
   rules: []
-}, At = It(), je = At.rules, Wt = async (e) => {
+}, zt = Ht(), Xe = zt.rules;
+let Ae = !1;
+const Nt = async (e) => {
+  if (Ae) {
+    console.warn("[TWD] Request mocking already initialized");
+    return;
+  }
   if ("serviceWorker" in navigator) {
+    Ae = !0;
     const t = e ?? "/mock-sw.js";
-    await navigator.serviceWorker.register(`${t}?v=${$t}`), navigator.serviceWorker.controller || await new Promise((r) => {
+    await navigator.serviceWorker.register(`${t}?v=${Wt}`), navigator.serviceWorker.controller || await new Promise((r) => {
       navigator.serviceWorker.addEventListener("controllerchange", r, { once: !0 });
     }), navigator.serviceWorker.addEventListener("message", (r) => {
       if (r.data?.type === "EXECUTED") {
-        const { alias: n, request: i } = r.data, o = je.find((l) => l.alias === n);
-        o && (o.executed = !0, o.request = i);
+        const { alias: n, request: s } = r.data, o = Xe.find((l) => l.alias === n);
+        o && (o.executed = !0, o.request = s);
       }
     });
   }
-}, Lt = () => je, Ht = () => /* @__PURE__ */ _(G, { className: "lucide-wifi-pen-icon lucide-wifi-pen", dataTestId: "wifi-pen-icon", children: [
-  /* @__PURE__ */ _("path", { d: "M2 8.82a15 15 0 0 1 20 0" }),
-  /* @__PURE__ */ _("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__ */ _("path", { d: "M5 12.859a10 10 0 0 1 10.5-2.222" }),
-  /* @__PURE__ */ _("path", { d: "M8.5 16.429a5 5 0 0 1 3-1.406" })
-] }), Mt = () => {
-  const e = Lt(), t = e.filter((n) => n.executed);
-  return /* @__PURE__ */ _(
+}, Bt = () => Xe, Dt = () => /* @__PURE__ */ d(Z, { className: "lucide-wifi-pen-icon lucide-wifi-pen", dataTestId: "wifi-pen-icon", children: [
+  /* @__PURE__ */ d("path", { d: "M2 8.82a15 15 0 0 1 20 0" }),
+  /* @__PURE__ */ d("path", { d: "M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z" }),
+  /* @__PURE__ */ d("path", { d: "M5 12.859a10 10 0 0 1 10.5-2.222" }),
+  /* @__PURE__ */ d("path", { d: "M8.5 16.429a5 5 0 0 1 3-1.406" })
+] }), Pt = () => {
+  const e = Bt(), t = e.filter((n) => n.executed);
+  return /* @__PURE__ */ d(
     "button",
     {
       onClick: () => {
@@ -1043,15 +1069,15 @@ const $t = "1.4.1", It = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__
         boxShadow: "var(--twd-shadow-sm)"
       },
       children: [
-        /* @__PURE__ */ _(Ht, {}),
-        /* @__PURE__ */ _("span", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ d(Dt, {}),
+        /* @__PURE__ */ d("span", { style: { flex: 1 }, children: [
           "Rules: ",
           t.length,
           "/",
           e.length,
           " triggered"
         ] }),
-        /* @__PURE__ */ _("span", { style: {
+        /* @__PURE__ */ d("span", { style: {
           fontSize: "var(--twd-font-size-xs)",
           color: "var(--twd-text)",
           fontWeight: "var(--twd-font-weight-medium)"
@@ -1059,7 +1085,7 @@ const $t = "1.4.1", It = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__
       ]
     }
   );
-}, Nt = (e) => e instanceof Error && "actual" in e && "expected" in e, qe = (e) => e.actual !== void 0 && e.expected !== void 0 ? {
+}, Ft = (e) => e instanceof Error && "actual" in e && "expected" in e, Ge = (e) => e.actual !== void 0 && e.expected !== void 0 ? {
   type: "diff",
   actual: e.actual,
   expected: e.expected,
@@ -1067,64 +1093,88 @@ const $t = "1.4.1", It = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__
 } : {
   type: "message",
   message: e.message
-}, zt = (e) => {
-  const t = qe(e);
+}, Ot = (e) => {
+  const t = Ge(e);
   if (t.type === "diff") {
     const r = t.operator || "unknown";
     console.error(`Assertion failed with operator: ${r}`), console.group("Expected:"), console.log(t.expected), console.groupEnd(), console.group("Actual:"), console.log(t.actual), console.groupEnd();
   } else
     console.error(t.message);
-}, Bt = {
+}, jt = (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 === R.CHAI_MESSAGE || r.type === R.ERROR ? `Test "${e.name}" failed. ${r.message}` : r.type === R.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 "";
+}, Ut = (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(", ") + ".");
+}, qt = {
   left: { left: 0, borderRight: "1px solid var(--twd-border)" },
   right: { right: 0, borderLeft: "1px solid var(--twd-border)" }
-}, Dt = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', Pt = (e) => sessionStorage.getItem("twd-sidebar-open") ? sessionStorage.getItem("twd-sidebar-open") === "true" : e, Ft = ({ open: e, position: t = "left" }) => {
-  const [r, n] = te(0), [i, o] = te(Pt(e));
-  Tt({ isOpen: i, position: t });
-  const l = new Ue({
-    onStart: (c) => {
-      c.status = "running", n((u) => u + 1);
+}, Vt = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', Jt = (e) => sessionStorage.getItem("twd-sidebar-open") ? sessionStorage.getItem("twd-sidebar-open") === "true" : e, Xt = ({ open: e, position: t = "left" }) => {
+  const [r, n] = q(0), [s, o] = q(Jt(e));
+  It({ isOpen: s, position: t });
+  const [l, c] = q(""), f = new Je({
+    onStart: (_) => {
+      _.status = "running", n((g) => g + 1);
     },
-    onPass: (c) => {
-      c.status = "pass", n((u) => u + 1);
+    onPass: (_) => {
+      _.status = "pass", n((g) => g + 1);
     },
-    onFail: (c, u) => {
-      if (c.status = "fail", console.group(`%c❌ Test failed: ${c.name}`, "color: red; font-weight: bold;"), Nt(u)) {
-        zt(u);
-        const h = qe(u);
-        h.type === "diff" ? c.logs.push(JSON.stringify({
-          type: H.CHAI_DIFF,
-          expected: h.expected,
-          actual: h.actual
-        })) : c.logs.push(JSON.stringify({
-          type: H.CHAI_MESSAGE,
-          message: `Test failed: ${h.message}`
+    onFail: (_, g) => {
+      if (_.status = "fail", console.group(`%c❌ Test failed: ${_.name}`, "color: red; font-weight: bold;"), Ft(g)) {
+        Ot(g);
+        const v = Ge(g);
+        v.type === "diff" ? _.logs.push(JSON.stringify({
+          type: R.CHAI_DIFF,
+          expected: v.expected,
+          actual: v.actual
+        })) : _.logs.push(JSON.stringify({
+          type: R.CHAI_MESSAGE,
+          message: `Test failed: ${v.message}`
         }));
       } else
-        console.error(u.message), c.logs.push(JSON.stringify({
-          type: H.ERROR,
-          message: `Test failed: ${u.message}`
+        console.error(g.message), _.logs.push(JSON.stringify({
+          type: R.ERROR,
+          message: `Test failed: ${g.message}`
         }));
-      console.groupEnd(), n((h) => h + 1);
+      console.groupEnd(), n((v) => v + 1);
     },
-    onSkip: (c) => {
-      c.status = "skip", n((u) => u + 1);
+    onSkip: (_) => {
+      _.status = "skip", n((g) => g + 1);
     }
-  }), d = (c) => {
-    o(c), sessionStorage.setItem("twd-sidebar-open", c.toString());
-  }, f = async () => {
-    sessionStorage.removeItem("twd-last-run-test-name"), await l.runAll();
-  }, a = async (c) => {
-    const u = Array.from(x.values()).filter((h) => h.type === "test").find((h) => h.id === c);
-    u && (sessionStorage.setItem("twd-last-run-test-name", u.name), await l.runSingle(u.id));
-  }, p = Array.from(x.values());
-  if (!i)
-    return /* @__PURE__ */ _(St, { position: t, setOpen: d });
-  const s = p.filter((c) => c.type === "test").length;
-  return /* @__PURE__ */ _(
+  }), a = (_) => {
+    o(_), sessionStorage.setItem("twd-sidebar-open", _.toString());
+  }, h = async () => {
+    c(""), sessionStorage.removeItem("twd-last-run-test-name"), await f.runAll();
+    const _ = Ut(u);
+    c(_);
+  }, i = async (_) => {
+    const g = Array.from(S.values()).filter((m) => m.type === "test").find((m) => m.id === _);
+    if (!g) return;
+    c(""), sessionStorage.setItem("twd-last-run-test-name", g.name), await f.runSingle(g.id);
+    const v = jt(g);
+    c(v);
+  }, u = Array.from(S.values());
+  if (!s)
+    return /* @__PURE__ */ d(Ct, { position: t, setOpen: a });
+  const p = u.filter((_) => _.type === "test").length;
+  return /* @__PURE__ */ d(
     "div",
     {
       style: {
-        fontFamily: Dt,
+        fontFamily: Vt,
         position: "fixed",
         top: 0,
         bottom: 0,
@@ -1135,13 +1185,16 @@ const $t = "1.4.1", It = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__
         boxShadow: "var(--twd-shadow)",
         textAlign: "left",
         zIndex: "var(--twd-z-index-sidebar)",
-        ...Bt[t]
+        pointerEvents: "all",
+        isolation: "isolate",
+        ...qt[t]
       },
       "data-testid": "twd-sidebar",
       role: "complementary",
       "aria-label": "Test While Developing sidebar",
       children: [
-        /* @__PURE__ */ _("div", { style: {
+        /* @__PURE__ */ d("div", { "aria-live": "polite", "aria-atomic": "true", style: { position: "absolute", width: "1px", height: "1px", margin: "-1px", border: "0", padding: "0", overflow: "hidden", clip: "rect(0 0 0 0)" }, children: l }),
+        /* @__PURE__ */ d("div", { style: {
           padding: "var(--twd-spacing-md)",
           background: "var(--twd-background)",
           position: "sticky",
@@ -1149,16 +1202,16 @@ const $t = "1.4.1", It = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__
           zIndex: "var(--twd-z-index-sticky)",
           borderBottom: "1px solid var(--twd-border)"
         }, children: [
-          /* @__PURE__ */ _("div", { style: {
+          /* @__PURE__ */ d("div", { style: {
             display: "flex",
             justifyContent: "space-between",
             alignItems: "center",
             marginBottom: "var(--twd-spacing-xl)"
           }, children: [
-            /* @__PURE__ */ _(
+            /* @__PURE__ */ d(
               "button",
               {
-                onClick: f,
+                onClick: h,
                 style: {
                   background: "var(--twd-button-primary)",
                   color: "var(--twd-button-primary-text)",
@@ -1170,7 +1223,7 @@ const $t = "1.4.1", It = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__
                 children: "Run All"
               }
             ),
-            /* @__PURE__ */ _(
+            /* @__PURE__ */ d(
               "button",
               {
                 "aria-label": "Close sidebar",
@@ -1182,12 +1235,12 @@ const $t = "1.4.1", It = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__
                   paddingRight: "0",
                   paddingLeft: "0"
                 },
-                onClick: () => d(!1),
+                onClick: () => a(!1),
                 children: "✖"
               }
             )
           ] }),
-          /* @__PURE__ */ _("div", { style: {
+          /* @__PURE__ */ d("div", { style: {
             display: "flex",
             justifyContent: "space-between",
             alignItems: "center",
@@ -1195,55 +1248,55 @@ const $t = "1.4.1", It = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__
             color: "var(--twd-text-secondary)",
             marginBottom: "10px"
           }, children: [
-            /* @__PURE__ */ _("span", { style: { color: "var(--twd-text)" }, children: [
+            /* @__PURE__ */ d("span", { style: { color: "var(--twd-text)" }, children: [
               "Total: ",
-              s
+              p
             ] }),
-            /* @__PURE__ */ _("div", { style: { display: "flex", gap: "var(--twd-spacing-xs)" }, children: [
-              /* @__PURE__ */ _("span", { style: { color: "var(--twd-success)" }, children: [
+            /* @__PURE__ */ d("div", { style: { display: "flex", gap: "var(--twd-spacing-xs)" }, children: [
+              /* @__PURE__ */ d("span", { style: { color: "var(--twd-success)" }, children: [
                 "✓ ",
-                p.filter((c) => c.status === "pass").length
+                u.filter((_) => _.status === "pass").length
               ] }),
-              /* @__PURE__ */ _("span", { style: { color: "var(--twd-error)" }, children: [
+              /* @__PURE__ */ d("span", { style: { color: "var(--twd-error)" }, children: [
                 "✗ ",
-                p.filter((c) => c.status === "fail").length
+                u.filter((_) => _.status === "fail").length
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ _(Mt, {})
+          /* @__PURE__ */ d(Pt, {})
         ] }),
-        /* @__PURE__ */ _("div", { style: { padding: "var(--twd-spacing-md)" }, children: /* @__PURE__ */ _(
-          kt,
+        /* @__PURE__ */ d("div", { style: { padding: "var(--twd-spacing-md)" }, children: /* @__PURE__ */ d(
+          Rt,
           {
-            tests: p.map((c) => ({
-              name: c.name,
-              depth: c.depth,
-              status: c.status,
-              logs: c.logs,
-              id: c.id,
-              parent: c.parent,
-              type: c.type,
-              only: c.only,
-              skip: c.skip
+            tests: u.map((_) => ({
+              name: _.name,
+              depth: _.depth,
+              status: _.status,
+              logs: _.logs,
+              id: _.id,
+              parent: _.parent,
+              type: _.type,
+              only: _.only,
+              skip: _.skip
             })),
-            runTest: a
+            runTest: i
           }
         ) })
       ]
     }
   );
-}, Ot = (e) => ({
+}, Gt = (e) => ({
   render: (t) => {
-    Ze(t, e);
+    ot(t, e);
   }
-}), Ut = (e, t) => {
-  const { open: r = !0, position: n = "left", serviceWorker: i = !0, serviceWorkerUrl: o = "/mock-sw.js", theme: l } = t || {};
-  ot(e, /* @__PURE__ */ _(Ft, { open: r, position: n }), Ot, l), i && Wt(o).then(() => {
+}), Kt = (e, t) => {
+  const { open: r = !0, position: n = "left", serviceWorker: s = !0, serviceWorkerUrl: o = "/mock-sw.js", theme: l } = t || {};
+  dt(e, /* @__PURE__ */ d(Xt, { open: r, position: n }), Gt, l), s && Nt(o).then(() => {
     console.log("Request mocking initialized");
-  }).catch((d) => {
-    console.error("Error initializing request mocking:", d);
+  }).catch((c) => {
+    console.error("Error initializing request mocking:", c);
   });
 };
 export {
-  Ut as initTWD
+  Kt as initTWD
 };