app-devtools 0.31.0 → 0.35.0

package/dist/main.js

@@ -1,135 +1,131 @@
-import te from "dayjs";
-import { dequal as _t } from "dequal";
-import { produce as Kt } from "immer";
-import { parse as Jt } from "regexparam";
-import { nanoid as Xt } from "nanoid";
-import * as Yt from "diff";
-import Gt from "tinykeys";
-const D = {};
-function Qt(e) {
-  D.context = e;
-}
-const en = (e, t) => e === t, z = Symbol("solid-proxy"), be = Symbol("solid-track"), we = {
-  equals: en
+import ae from "dayjs";
+import { produce as zt } from "immer";
+import { parse as Rt } from "regexparam";
+import { nanoid as Ft } from "nanoid";
+import { tinykeys as Bt } from "tinykeys";
+const Ht = (e, t) => e === t, M = Symbol("solid-proxy"), me = Symbol("solid-track"), ye = {
+  equals: Ht
 };
-let St = Et;
-const W = 1, xe = 2, kt = {
+let Ut = Ct;
+const X = 1, ve = 2, mt = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
-var P = null;
-let X = null, N = null, E = null, B = null, Je = 0;
-function ne(e, t) {
-  const n = N, r = P, l = e.length === 0, o = l ? kt : {
+var A = null;
+let Ne = null, Vt = null, C = null, O = null, q = null, ke = 0;
+function J(e, t) {
+  const n = C, r = A, l = e.length === 0, s = t === void 0 ? r : t, o = l ? mt : {
     owned: null,
     cleanups: null,
-    context: null,
-    owner: t === void 0 ? r : t
-  }, s = l ? e : () => e(() => Z(() => Pe(o)));
-  P = o, N = null;
+    context: s ? s.context : null,
+    owner: s
+  }, i = l ? e : () => e(() => I(() => Te(o)));
+  A = o, C = null;
   try {
-    return ue(s, !0);
+    return se(i, !0);
   } finally {
-    N = n, P = r;
+    C = n, A = r;
   }
 }
-function oe(e, t) {
-  t = t ? Object.assign({}, we, t) : we;
+function te(e, t) {
+  t = t ? Object.assign({}, ye, t) : ye;
   const n = {
     value: e,
     observers: null,
     observerSlots: null,
     comparator: t.equals || void 0
-  }, r = (l) => (typeof l == "function" && (l = l(n.value)), Pt(n, l));
-  return [Tt.bind(n), r];
+  }, r = (l) => (typeof l == "function" && (l = l(n.value)), $t(n, l));
+  return [vt.bind(n), r];
 }
-function _(e, t, n) {
-  const r = Xe(e, t, !1, W);
-  ge(r);
-}
-function tn(e, t, n) {
-  St = sn;
-  const r = Xe(e, t, !1, W);
-  r.user = !0, B ? B.push(r) : ge(r);
+function P(e, t, n) {
+  const r = bt(e, t, !1, X);
+  Ae(r);
 }
 function g(e, t, n) {
-  n = n ? Object.assign({}, we, n) : we;
-  const r = Xe(e, t, !0, 0);
-  return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, ge(r), Tt.bind(r);
+  n = n ? Object.assign({}, ye, n) : ye;
+  const r = bt(e, t, !0, 0);
+  return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, Ae(r), vt.bind(r);
 }
-function nn(e) {
-  return ue(e, !1);
+function Kt(e) {
+  return se(e, !1);
 }
-function Z(e) {
-  if (N === null)
+function I(e) {
+  if (C === null)
     return e();
-  const t = N;
-  N = null;
+  const t = C;
+  C = null;
   try {
     return e();
   } finally {
-    N = t;
+    C = t;
   }
 }
-function Nt(e) {
-  return P === null || (P.cleanups === null ? P.cleanups = [e] : P.cleanups.push(e)), e;
+function yt(e) {
+  return A === null || (A.cleanups === null ? A.cleanups = [e] : A.cleanups.push(e)), e;
 }
-function At() {
-  return N;
+function ze() {
+  return C;
 }
-function rn(e) {
+function Wt(e) {
   const t = g(e), n = g(() => Re(t()));
   return n.toArray = () => {
     const r = n();
     return Array.isArray(r) ? r : r != null ? [r] : [];
   }, n;
 }
-function Tt() {
-  const e = X;
-  if (this.sources && (this.state || e))
-    if (this.state === W || e)
-      ge(this);
+function vt() {
+  if (this.sources && this.state)
+    if (this.state === X)
+      Ae(this);
     else {
-      const t = E;
-      E = null, ue(() => _e(this), !1), E = t;
+      const e = O;
+      O = null, se(() => $e(this), !1), O = e;
     }
-  if (N) {
-    const t = this.observers ? this.observers.length : 0;
-    N.sources ? (N.sources.push(this), N.sourceSlots.push(t)) : (N.sources = [this], N.sourceSlots = [t]), this.observers ? (this.observers.push(N), this.observerSlots.push(N.sources.length - 1)) : (this.observers = [N], this.observerSlots = [N.sources.length - 1]);
+  if (C) {
+    const e = this.observers ? this.observers.length : 0;
+    C.sources ? (C.sources.push(this), C.sourceSlots.push(e)) : (C.sources = [this], C.sourceSlots = [e]), this.observers ? (this.observers.push(C), this.observerSlots.push(C.sources.length - 1)) : (this.observers = [C], this.observerSlots = [C.sources.length - 1]);
   }
   return this.value;
 }
-function Pt(e, t, n) {
+function $t(e, t, n) {
   let r = e.value;
-  return (!e.comparator || !e.comparator(r, t)) && (e.value = t, e.observers && e.observers.length && ue(() => {
+  return (!e.comparator || !e.comparator(r, t)) && (e.value = t, e.observers && e.observers.length && se(() => {
     for (let l = 0; l < e.observers.length; l += 1) {
-      const o = e.observers[l], s = X && X.running;
-      s && X.disposed.has(o), (s && !o.tState || !s && !o.state) && (o.pure ? E.push(o) : B.push(o), o.observers && Ot(o)), s || (o.state = W);
+      const s = e.observers[l], o = Ne && Ne.running;
+      o && Ne.disposed.has(s), (o ? !s.tState : !s.state) && (s.pure ? O.push(s) : q.push(s), s.observers && xt(s)), o || (s.state = X);
     }
-    if (E.length > 1e6)
-      throw E = [], new Error();
+    if (O.length > 1e6)
+      throw O = [], new Error();
   }, !1)), t;
 }
-function ge(e) {
+function Ae(e) {
   if (!e.fn)
     return;
-  Pe(e);
-  const t = P, n = N, r = Je;
-  N = P = e, ln(e, e.value, r), N = n, P = t;
+  Te(e);
+  const t = ke;
+  Zt(
+    e,
+    e.value,
+    t
+  );
 }
-function ln(e, t, n) {
+function Zt(e, t, n) {
   let r;
+  const l = A, s = C;
+  C = A = e;
   try {
     r = e.fn(t);
-  } catch (l) {
-    e.pure && (e.state = W, e.owned && e.owned.forEach(Pe), e.owned = null), Lt(l);
+  } catch (o) {
+    return e.pure && (e.state = X, e.owned && e.owned.forEach(Te), e.owned = null), e.updatedAt = n + 1, _t(o);
+  } finally {
+    C = s, A = l;
   }
-  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? Pt(e, r) : e.value = r, e.updatedAt = n);
+  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? $t(e, r) : e.value = r, e.updatedAt = n);
 }
-function Xe(e, t, n, r = W, l) {
-  const o = {
+function bt(e, t, n, r = X, l) {
+  const s = {
     fn: e,
     state: r,
     updatedAt: null,
@@ -138,104 +134,97 @@ function Xe(e, t, n, r = W, l) {
     sourceSlots: null,
     cleanups: null,
     value: t,
-    owner: P,
-    context: null,
+    owner: A,
+    context: A ? A.context : null,
     pure: n
   };
-  return P === null || P !== kt && (P.owned ? P.owned.push(o) : P.owned = [o]), o;
+  return A === null || A !== mt && (A.owned ? A.owned.push(s) : A.owned = [s]), s;
 }
-function Ce(e) {
-  const t = X;
-  if (e.state === 0 || t)
+function wt(e) {
+  if (e.state === 0)
     return;
-  if (e.state === xe || t)
-    return _e(e);
-  if (e.suspense && Z(e.suspense.inFallback))
+  if (e.state === ve)
+    return $e(e);
+  if (e.suspense && I(e.suspense.inFallback))
     return e.suspense.effects.push(e);
-  const n = [e];
-  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < Je); )
-    (e.state || t) && n.push(e);
-  for (let r = n.length - 1; r >= 0; r--)
-    if (e = n[r], e.state === W || t)
-      ge(e);
-    else if (e.state === xe || t) {
-      const l = E;
-      E = null, ue(() => _e(e, n[0]), !1), E = l;
-    }
-}
-function ue(e, t) {
-  if (E)
+  const t = [e];
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < ke); )
+    e.state && t.push(e);
+  for (let n = t.length - 1; n >= 0; n--)
+    if (e = t[n], e.state === X)
+      Ae(e);
+    else if (e.state === ve) {
+      const r = O;
+      O = null, se(() => $e(e, t[0]), !1), O = r;
+    }
+}
+function se(e, t) {
+  if (O)
     return e();
   let n = !1;
-  t || (E = []), B ? n = !0 : B = [], Je++;
+  t || (O = []), q ? n = !0 : q = [], ke++;
   try {
     const r = e();
-    return on(n), r;
+    return qt(n), r;
   } catch (r) {
-    n || (B = null), E = null, Lt(r);
+    n || (q = null), O = null, _t(r);
   }
 }
-function on(e) {
-  if (E && (Et(E), E = null), e)
+function qt(e) {
+  if (O && (Ct(O), O = null), e)
     return;
-  const t = B;
-  B = null, t.length && ue(() => St(t), !1);
+  const t = q;
+  q = null, t.length && se(() => Ut(t), !1);
 }
-function Et(e) {
+function Ct(e) {
   for (let t = 0; t < e.length; t++)
-    Ce(e[t]);
-}
-function sn(e) {
-  let t, n = 0;
-  for (t = 0; t < e.length; t++) {
-    const r = e[t];
-    r.user ? e[n++] = r : Ce(r);
-  }
-  for (D.context && Qt(), t = 0; t < n; t++)
-    Ce(e[t]);
+    wt(e[t]);
 }
-function _e(e, t) {
-  const n = X;
+function $e(e, t) {
   e.state = 0;
-  for (let r = 0; r < e.sources.length; r += 1) {
-    const l = e.sources[r];
-    l.sources && (l.state === W || n ? l !== t && Ce(l) : (l.state === xe || n) && _e(l, t));
+  for (let n = 0; n < e.sources.length; n += 1) {
+    const r = e.sources[n];
+    if (r.sources) {
+      const l = r.state;
+      l === X ? r !== t && (!r.updatedAt || r.updatedAt < ke) && wt(r) : l === ve && $e(r, t);
+    }
   }
 }
-function Ot(e) {
-  const t = X;
-  for (let n = 0; n < e.observers.length; n += 1) {
-    const r = e.observers[n];
-    (!r.state || t) && (r.state = xe, r.pure ? E.push(r) : B.push(r), r.observers && Ot(r));
+function xt(e) {
+  for (let t = 0; t < e.observers.length; t += 1) {
+    const n = e.observers[t];
+    n.state || (n.state = ve, n.pure ? O.push(n) : q.push(n), n.observers && xt(n));
   }
 }
-function Pe(e) {
+function Te(e) {
   let t;
   if (e.sources)
     for (; e.sources.length; ) {
       const n = e.sources.pop(), r = e.sourceSlots.pop(), l = n.observers;
       if (l && l.length) {
-        const o = l.pop(), s = n.observerSlots.pop();
-        r < l.length && (o.sourceSlots[s] = r, l[r] = o, n.observerSlots[r] = s);
+        const s = l.pop(), o = n.observerSlots.pop();
+        r < l.length && (s.sourceSlots[o] = r, l[r] = s, n.observerSlots[r] = o);
       }
     }
   if (e.owned) {
-    for (t = 0; t < e.owned.length; t++)
-      Pe(e.owned[t]);
+    for (t = e.owned.length - 1; t >= 0; t--)
+      Te(e.owned[t]);
     e.owned = null;
   }
   if (e.cleanups) {
-    for (t = 0; t < e.cleanups.length; t++)
+    for (t = e.cleanups.length - 1; t >= 0; t--)
       e.cleanups[t]();
     e.cleanups = null;
   }
-  e.state = 0, e.context = null;
+  e.state = 0;
 }
-function an(e) {
-  return e instanceof Error || typeof e == "string" ? e : new Error("Unknown error");
+function Xt(e) {
+  return e instanceof Error ? e : new Error(typeof e == "string" ? e : "Unknown error", {
+    cause: e
+  });
 }
-function Lt(e) {
-  throw e = an(e), e;
+function _t(e, t = A) {
+  throw Xt(e);
 }
 function Re(e) {
   if (typeof e == "function" && !e.length)
@@ -251,81 +240,81 @@ function Re(e) {
   return e;
 }
 const Fe = Symbol("fallback");
-function Se(e) {
+function be(e) {
   for (let t = 0; t < e.length; t++)
     e[t]();
 }
-function cn(e, t, n = {}) {
-  let r = [], l = [], o = [], s = 0, i = t.length > 1 ? [] : null;
-  return Nt(() => Se(o)), () => {
-    let a = e() || [], c, u;
-    return a[be], Z(() => {
-      let d = a.length, m, v, b, w, k, x, A, T, L;
+function Yt(e, t, n = {}) {
+  let r = [], l = [], s = [], o = 0, i = t.length > 1 ? [] : null;
+  return yt(() => be(s)), () => {
+    let a = e() || [], u, c;
+    return a[me], I(() => {
+      let d = a.length, p, $, b, x, _, w, S, E, j;
       if (d === 0)
-        s !== 0 && (Se(o), o = [], r = [], l = [], s = 0, i && (i = [])), n.fallback && (r = [Fe], l[0] = ne((q) => (o[0] = q, n.fallback())), s = 1);
-      else if (s === 0) {
-        for (l = new Array(d), u = 0; u < d; u++)
-          r[u] = a[u], l[u] = ne(p);
-        s = d;
+        o !== 0 && (be(s), s = [], r = [], l = [], o = 0, i && (i = [])), n.fallback && (r = [Fe], l[0] = J((U) => (s[0] = U, n.fallback())), o = 1);
+      else if (o === 0) {
+        for (l = new Array(d), c = 0; c < d; c++)
+          r[c] = a[c], l[c] = J(f);
+        o = d;
       } else {
-        for (b = new Array(d), w = new Array(d), i && (k = new Array(d)), x = 0, A = Math.min(s, d); x < A && r[x] === a[x]; x++)
+        for (b = new Array(d), x = new Array(d), i && (_ = new Array(d)), w = 0, S = Math.min(o, d); w < S && r[w] === a[w]; w++)
           ;
-        for (A = s - 1, T = d - 1; A >= x && T >= x && r[A] === a[T]; A--, T--)
-          b[T] = l[A], w[T] = o[A], i && (k[T] = i[A]);
-        for (m = /* @__PURE__ */ new Map(), v = new Array(T + 1), u = T; u >= x; u--)
-          L = a[u], c = m.get(L), v[u] = c === void 0 ? -1 : c, m.set(L, u);
-        for (c = x; c <= A; c++)
-          L = r[c], u = m.get(L), u !== void 0 && u !== -1 ? (b[u] = l[c], w[u] = o[c], i && (k[u] = i[c]), u = v[u], m.set(L, u)) : o[c]();
-        for (u = x; u < d; u++)
-          u in b ? (l[u] = b[u], o[u] = w[u], i && (i[u] = k[u], i[u](u))) : l[u] = ne(p);
-        l = l.slice(0, s = d), r = a.slice(0);
+        for (S = o - 1, E = d - 1; S >= w && E >= w && r[S] === a[E]; S--, E--)
+          b[E] = l[S], x[E] = s[S], i && (_[E] = i[S]);
+        for (p = /* @__PURE__ */ new Map(), $ = new Array(E + 1), c = E; c >= w; c--)
+          j = a[c], u = p.get(j), $[c] = u === void 0 ? -1 : u, p.set(j, c);
+        for (u = w; u <= S; u++)
+          j = r[u], c = p.get(j), c !== void 0 && c !== -1 ? (b[c] = l[u], x[c] = s[u], i && (_[c] = i[u]), c = $[c], p.set(j, c)) : s[u]();
+        for (c = w; c < d; c++)
+          c in b ? (l[c] = b[c], s[c] = x[c], i && (i[c] = _[c], i[c](c))) : l[c] = J(f);
+        l = l.slice(0, o = d), r = a.slice(0);
       }
       return l;
     });
-    function p(d) {
-      if (o[u] = d, i) {
-        const [m, v] = oe(u);
-        return i[u] = v, t(a[u], m);
+    function f(d) {
+      if (s[c] = d, i) {
+        const [p, $] = te(c);
+        return i[c] = $, t(a[c], p);
       }
-      return t(a[u]);
+      return t(a[c]);
     }
   };
 }
-function un(e, t, n = {}) {
-  let r = [], l = [], o = [], s = [], i = 0, a;
-  return Nt(() => Se(o)), () => {
-    const c = e() || [];
-    return c[be], Z(() => {
-      if (c.length === 0)
-        return i !== 0 && (Se(o), o = [], r = [], l = [], i = 0, s = []), n.fallback && (r = [Fe], l[0] = ne((p) => (o[0] = p, n.fallback())), i = 1), l;
-      for (r[0] === Fe && (o[0](), o = [], r = [], l = [], i = 0), a = 0; a < c.length; a++)
-        a < r.length && r[a] !== c[a] ? s[a](() => c[a]) : a >= r.length && (l[a] = ne(u));
+function Gt(e, t, n = {}) {
+  let r = [], l = [], s = [], o = [], i = 0, a;
+  return yt(() => be(s)), () => {
+    const u = e() || [];
+    return u[me], I(() => {
+      if (u.length === 0)
+        return i !== 0 && (be(s), s = [], r = [], l = [], i = 0, o = []), n.fallback && (r = [Fe], l[0] = J((f) => (s[0] = f, n.fallback())), i = 1), l;
+      for (r[0] === Fe && (s[0](), s = [], r = [], l = [], i = 0), a = 0; a < u.length; a++)
+        a < r.length && r[a] !== u[a] ? o[a](() => u[a]) : a >= r.length && (l[a] = J(c));
       for (; a < r.length; a++)
-        o[a]();
-      return i = s.length = o.length = c.length, r = c.slice(0), l = l.slice(0, i);
+        s[a]();
+      return i = o.length = s.length = u.length, r = u.slice(0), l = l.slice(0, i);
     });
-    function u(p) {
-      o[a] = p;
-      const [d, m] = oe(c[a]);
-      return s[a] = m, t(d, a);
+    function c(f) {
+      s[a] = f;
+      const [d, p] = te(u[a]);
+      return o[a] = p, t(d, a);
     }
   };
 }
-function h(e, t) {
-  return Z(() => e(t || {}));
+function m(e, t) {
+  return I(() => e(t || {}));
 }
-function $e() {
+function de() {
   return !0;
 }
-const dn = {
+const Jt = {
   get(e, t, n) {
-    return t === z ? n : e.get(t);
+    return t === M ? n : e.get(t);
   },
   has(e, t) {
-    return t === z ? !0 : e.has(t);
+    return t === M ? !0 : e.has(t);
   },
-  set: $e,
-  deleteProperty: $e,
+  set: de,
+  deleteProperty: de,
   getOwnPropertyDescriptor(e, t) {
     return {
       configurable: !0,
@@ -333,8 +322,8 @@ const dn = {
       get() {
         return e.get(t);
       },
-      set: $e,
-      deleteProperty: $e
+      set: de,
+      deleteProperty: de
     };
   },
   ownKeys(e) {
@@ -344,295 +333,441 @@ const dn = {
 function Me(e) {
   return (e = typeof e == "function" ? e() : e) ? e : {};
 }
-function fn(...e) {
+function Qt() {
+  for (let e = 0, t = this.length; e < t; ++e) {
+    const n = this[e]();
+    if (n !== void 0)
+      return n;
+  }
+}
+function en(...e) {
   let t = !1;
-  for (let r = 0; r < e.length; r++) {
-    const l = e[r];
-    t = t || !!l && z in l, e[r] = typeof l == "function" ? (t = !0, g(l)) : l;
+  for (let o = 0; o < e.length; o++) {
+    const i = e[o];
+    t = t || !!i && M in i, e[o] = typeof i == "function" ? (t = !0, g(i)) : i;
   }
   if (t)
-    return new Proxy({
-      get(r) {
-        for (let l = e.length - 1; l >= 0; l--) {
-          const o = Me(e[l])[r];
-          if (o !== void 0)
-            return o;
+    return new Proxy(
+      {
+        get(o) {
+          for (let i = e.length - 1; i >= 0; i--) {
+            const a = Me(e[i])[o];
+            if (a !== void 0)
+              return a;
+          }
+        },
+        has(o) {
+          for (let i = e.length - 1; i >= 0; i--)
+            if (o in Me(e[i]))
+              return !0;
+          return !1;
+        },
+        keys() {
+          const o = [];
+          for (let i = 0; i < e.length; i++)
+            o.push(...Object.keys(Me(e[i])));
+          return [...new Set(o)];
         }
       },
-      has(r) {
-        for (let l = e.length - 1; l >= 0; l--)
-          if (r in Me(e[l]))
-            return !0;
-        return !1;
-      },
-      keys() {
-        const r = [];
-        for (let l = 0; l < e.length; l++)
-          r.push(...Object.keys(Me(e[l])));
-        return [...new Set(r)];
-      }
-    }, dn);
-  const n = {};
-  for (let r = e.length - 1; r >= 0; r--)
-    if (e[r]) {
-      const l = Object.getOwnPropertyDescriptors(e[r]);
-      for (const o in l)
-        o in n || Object.defineProperty(n, o, {
+      Jt
+    );
+  const n = {}, r = /* @__PURE__ */ Object.create(null);
+  for (let o = e.length - 1; o >= 0; o--) {
+    const i = e[o];
+    if (!i)
+      continue;
+    const a = Object.getOwnPropertyNames(i);
+    for (let u = a.length - 1; u >= 0; u--) {
+      const c = a[u];
+      if (c === "__proto__" || c === "constructor")
+        continue;
+      const f = Object.getOwnPropertyDescriptor(i, c);
+      if (!r[c])
+        r[c] = f.get ? {
           enumerable: !0,
-          get() {
-            for (let s = e.length - 1; s >= 0; s--) {
-              const i = (e[s] || {})[o];
-              if (i !== void 0)
-                return i;
-            }
-          }
-        });
+          configurable: !0,
+          get: Qt.bind(n[c] = [f.get.bind(i)])
+        } : f.value !== void 0 ? f : void 0;
+      else {
+        const d = n[c];
+        d && (f.get ? d.push(f.get.bind(i)) : f.value !== void 0 && d.push(() => f.value));
+      }
     }
-  return n;
+  }
+  const l = {}, s = Object.keys(r);
+  for (let o = s.length - 1; o >= 0; o--) {
+    const i = s[o], a = r[i];
+    a && a.get ? Object.defineProperty(l, i, a) : l[i] = a ? a.value : void 0;
+  }
+  return l;
 }
-function Y(e) {
+const St = (e) => `Stale read from <${e}>.`;
+function Ee(e) {
   const t = "fallback" in e && {
     fallback: () => e.fallback
   };
-  return g(cn(() => e.each, e.children, t || void 0));
+  return g(Yt(() => e.each, e.children, t || void 0));
 }
-function pn(e) {
+function tn(e) {
   const t = "fallback" in e && {
     fallback: () => e.fallback
   };
-  return g(un(() => e.each, e.children, t || void 0));
+  return g(Gt(() => e.each, e.children, t || void 0));
 }
-function re(e) {
-  let t = !1;
-  const n = e.keyed, r = g(() => e.when, void 0, {
-    equals: (l, o) => t ? l === o : !l == !o
+function kt(e) {
+  const t = e.keyed, n = g(() => e.when, void 0, {
+    equals: (r, l) => t ? r === l : !r == !l
   });
-  return g(() => {
-    const l = r();
-    if (l) {
-      const o = e.children, s = typeof o == "function" && o.length > 0;
-      return t = n || s, s ? Z(() => o(l)) : o;
-    }
-    return e.fallback;
-  }, void 0, void 0);
-}
-function hn(e) {
-  let t = !1, n = !1;
-  const r = (s, i) => s[0] === i[0] && (t ? s[1] === i[1] : !s[1] == !i[1]) && s[2] === i[2], l = rn(() => e.children), o = g(() => {
-    let s = l();
-    Array.isArray(s) || (s = [s]);
-    for (let i = 0; i < s.length; i++) {
-      const a = s[i].when;
-      if (a)
-        return n = !!s[i].keyed, [i, a, s[i]];
-    }
-    return [-1];
-  }, void 0, {
-    equals: r
-  });
-  return g(() => {
-    const [s, i, a] = o();
-    if (s < 0)
+  return g(
+    () => {
+      const r = n();
+      if (r) {
+        const l = e.children;
+        return typeof l == "function" && l.length > 0 ? I(
+          () => l(
+            t ? r : () => {
+              if (!I(n))
+                throw St("Show");
+              return e.when;
+            }
+          )
+        ) : l;
+      }
       return e.fallback;
-    const c = a.children, u = typeof c == "function" && c.length > 0;
-    return t = n || u, u ? Z(() => c(i)) : c;
-  }, void 0, void 0);
+    },
+    void 0,
+    void 0
+  );
+}
+function nn(e) {
+  let t = !1;
+  const n = (s, o) => (t ? s[1] === o[1] : !s[1] == !o[1]) && s[2] === o[2], r = Wt(() => e.children), l = g(
+    () => {
+      let s = r();
+      Array.isArray(s) || (s = [s]);
+      for (let o = 0; o < s.length; o++) {
+        const i = s[o].when;
+        if (i)
+          return t = !!s[o].keyed, [o, i, s[o]];
+      }
+      return [-1];
+    },
+    void 0,
+    {
+      equals: n
+    }
+  );
+  return g(
+    () => {
+      const [s, o, i] = l();
+      if (s < 0)
+        return e.fallback;
+      const a = i.children;
+      return typeof a == "function" && a.length > 0 ? I(
+        () => a(
+          t ? o : () => {
+            if (I(l)[0] !== s)
+              throw St("Match");
+            return i.when;
+          }
+        )
+      ) : a;
+    },
+    void 0,
+    void 0
+  );
 }
-function de(e) {
+function pe(e) {
   return e;
 }
-const gn = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], mn = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...gn]), $n = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), yn = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+const rn = [
+  "allowfullscreen",
+  "async",
+  "autofocus",
+  "autoplay",
+  "checked",
+  "controls",
+  "default",
+  "disabled",
+  "formnovalidate",
+  "hidden",
+  "indeterminate",
+  "inert",
+  "ismap",
+  "loop",
+  "multiple",
+  "muted",
+  "nomodule",
+  "novalidate",
+  "open",
+  "playsinline",
+  "readonly",
+  "required",
+  "reversed",
+  "seamless",
+  "selected"
+], ln = /* @__PURE__ */ new Set([
+  "className",
+  "value",
+  "readOnly",
+  "formNoValidate",
+  "isMap",
+  "noModule",
+  "playsInline",
+  ...rn
+]), sn = /* @__PURE__ */ new Set([
+  "innerHTML",
+  "textContent",
+  "innerText",
+  "children"
+]), on = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-}), Qe = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), an = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
-  formnovalidate: "formNoValidate",
-  ismap: "isMap",
-  nomodule: "noModule",
-  playsinline: "playsInline",
-  readonly: "readOnly"
-}), vn = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]), bn = {
+  formnovalidate: {
+    $: "formNoValidate",
+    BUTTON: 1,
+    INPUT: 1
+  },
+  ismap: {
+    $: "isMap",
+    IMG: 1
+  },
+  nomodule: {
+    $: "noModule",
+    SCRIPT: 1
+  },
+  playsinline: {
+    $: "playsInline",
+    VIDEO: 1
+  },
+  readonly: {
+    $: "readOnly",
+    INPUT: 1,
+    TEXTAREA: 1
+  }
+});
+function cn(e, t) {
+  const n = an[e];
+  return typeof n == "object" ? n[t] ? n.$ : void 0 : n;
+}
+const un = /* @__PURE__ */ new Set([
+  "beforeinput",
+  "click",
+  "dblclick",
+  "contextmenu",
+  "focusin",
+  "focusout",
+  "input",
+  "keydown",
+  "keyup",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup",
+  "pointerdown",
+  "pointermove",
+  "pointerout",
+  "pointerover",
+  "pointerup",
+  "touchend",
+  "touchmove",
+  "touchstart"
+]), fn = {
   xlink: "http://www.w3.org/1999/xlink",
   xml: "http://www.w3.org/XML/1998/namespace"
 };
-function wn(e, t, n) {
-  let r = n.length, l = t.length, o = r, s = 0, i = 0, a = t[l - 1].nextSibling, c = null;
-  for (; s < l || i < o; ) {
-    if (t[s] === n[i]) {
-      s++, i++;
+function dn(e, t, n) {
+  let r = n.length, l = t.length, s = r, o = 0, i = 0, a = t[l - 1].nextSibling, u = null;
+  for (; o < l || i < s; ) {
+    if (t[o] === n[i]) {
+      o++, i++;
       continue;
     }
-    for (; t[l - 1] === n[o - 1]; )
-      l--, o--;
-    if (l === s) {
-      const u = o < r ? i ? n[i - 1].nextSibling : n[o - i] : a;
-      for (; i < o; )
-        e.insertBefore(n[i++], u);
-    } else if (o === i)
-      for (; s < l; )
-        (!c || !c.has(t[s])) && t[s].remove(), s++;
-    else if (t[s] === n[o - 1] && n[i] === t[l - 1]) {
-      const u = t[--l].nextSibling;
-      e.insertBefore(n[i++], t[s++].nextSibling), e.insertBefore(n[--o], u), t[l] = n[o];
+    for (; t[l - 1] === n[s - 1]; )
+      l--, s--;
+    if (l === o) {
+      const c = s < r ? i ? n[i - 1].nextSibling : n[s - i] : a;
+      for (; i < s; )
+        e.insertBefore(n[i++], c);
+    } else if (s === i)
+      for (; o < l; )
+        (!u || !u.has(t[o])) && t[o].remove(), o++;
+    else if (t[o] === n[s - 1] && n[i] === t[l - 1]) {
+      const c = t[--l].nextSibling;
+      e.insertBefore(n[i++], t[o++].nextSibling), e.insertBefore(n[--s], c), t[l] = n[s];
     } else {
-      if (!c) {
-        c = /* @__PURE__ */ new Map();
-        let p = i;
-        for (; p < o; )
-          c.set(n[p], p++);
+      if (!u) {
+        u = /* @__PURE__ */ new Map();
+        let f = i;
+        for (; f < s; )
+          u.set(n[f], f++);
       }
-      const u = c.get(t[s]);
-      if (u != null)
-        if (i < u && u < o) {
-          let p = s, d = 1, m;
-          for (; ++p < l && p < o && !((m = c.get(t[p])) == null || m !== u + d); )
+      const c = u.get(t[o]);
+      if (c != null)
+        if (i < c && c < s) {
+          let f = o, d = 1, p;
+          for (; ++f < l && f < s && !((p = u.get(t[f])) == null || p !== c + d); )
             d++;
-          if (d > u - i) {
-            const v = t[s];
-            for (; i < u; )
-              e.insertBefore(n[i++], v);
+          if (d > c - i) {
+            const $ = t[o];
+            for (; i < c; )
+              e.insertBefore(n[i++], $);
           } else
-            e.replaceChild(n[i++], t[s++]);
+            e.replaceChild(n[i++], t[o++]);
         } else
-          s++;
+          o++;
       else
-        t[s++].remove();
+        t[o++].remove();
     }
   }
 }
-const et = "_$DX_DELEGATE";
-function xn(e, t, n, r = {}) {
+const qe = "_$DX_DELEGATE";
+function pn(e, t, n, r = {}) {
   let l;
-  return ne((o) => {
-    l = o, t === document ? e() : f(t, e(), t.firstChild ? null : void 0, n);
+  return J((s) => {
+    l = s, t === document ? e() : h(t, e(), t.firstChild ? null : void 0, n);
   }, r.owner), () => {
     l(), t.textContent = "";
   };
 }
-function y(e, t, n) {
-  const r = document.createElement("template");
-  r.innerHTML = e;
-  let l = r.content.firstChild;
-  return n && (l = l.firstChild), l;
-}
-function Ee(e, t = window.document) {
-  const n = t[et] || (t[et] = /* @__PURE__ */ new Set());
+function v(e, t, n) {
+  let r;
+  const l = () => {
+    const o = document.createElement("template");
+    return o.innerHTML = e, n ? o.content.firstChild.firstChild : o.content.firstChild;
+  }, s = t ? () => I(() => document.importNode(r || (r = l()), !0)) : () => (r || (r = l())).cloneNode(!0);
+  return s.cloneNode = s, s;
+}
+function Pe(e, t = window.document) {
+  const n = t[qe] || (t[qe] = /* @__PURE__ */ new Set());
   for (let r = 0, l = e.length; r < l; r++) {
-    const o = e[r];
-    n.has(o) || (n.add(o), t.addEventListener(o, An));
+    const s = e[r];
+    n.has(s) || (n.add(s), t.addEventListener(s, bn));
   }
 }
-function j(e, t, n) {
+function L(e, t, n) {
   n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
 }
-function Cn(e, t, n, r) {
+function hn(e, t, n, r) {
   r == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, r);
 }
-function C(e, t) {
+function T(e, t) {
   t == null ? e.removeAttribute("class") : e.className = t;
 }
-function ke(e, t, n, r) {
+function we(e, t, n, r) {
   if (r)
     Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
   else if (Array.isArray(n)) {
     const l = n[0];
-    e.addEventListener(t, n[0] = (o) => l.call(e, n[1], o));
+    e.addEventListener(t, n[0] = (s) => l.call(e, n[1], s));
   } else
     e.addEventListener(t, n);
 }
-function _n(e, t, n = {}) {
+function gn(e, t, n = {}) {
   const r = Object.keys(t || {}), l = Object.keys(n);
-  let o, s;
-  for (o = 0, s = l.length; o < s; o++) {
-    const i = l[o];
-    !i || i === "undefined" || t[i] || (tt(e, i, !1), delete n[i]);
+  let s, o;
+  for (s = 0, o = l.length; s < o; s++) {
+    const i = l[s];
+    !i || i === "undefined" || t[i] || (Xe(e, i, !1), delete n[i]);
   }
-  for (o = 0, s = r.length; o < s; o++) {
-    const i = r[o], a = !!t[i];
-    !i || i === "undefined" || n[i] === a || !a || (tt(e, i, !0), n[i] = a);
+  for (s = 0, o = r.length; s < o; s++) {
+    const i = r[s], a = !!t[i];
+    !i || i === "undefined" || n[i] === a || !a || (Xe(e, i, !0), n[i] = a);
   }
   return n;
 }
-function jt(e, t, n) {
+function At(e, t, n) {
   if (!t)
-    return n ? j(e, "style") : t;
+    return n ? L(e, "style") : t;
   const r = e.style;
   if (typeof t == "string")
     return r.cssText = t;
   typeof n == "string" && (r.cssText = n = void 0), n || (n = {}), t || (t = {});
-  let l, o;
-  for (o in n)
-    t[o] == null && r.removeProperty(o), delete n[o];
-  for (o in t)
-    l = t[o], l !== n[o] && (r.setProperty(o, l), n[o] = l);
+  let l, s;
+  for (s in n)
+    t[s] == null && r.removeProperty(s), delete n[s];
+  for (s in t)
+    l = t[s], l !== n[s] && (r.setProperty(s, l), n[s] = l);
   return n;
 }
-function Sn(e, t = {}, n, r) {
+function mn(e, t = {}, n, r) {
   const l = {};
-  return r || _(() => l.children = ie(e, t.children, l.children)), _(() => t.ref && t.ref(e)), _(() => kn(e, t, n, !0, l, !0)), l;
+  return r || P(
+    () => l.children = ne(e, t.children, l.children)
+  ), P(
+    () => typeof t.ref == "function" ? yn(t.ref, e) : t.ref = e
+  ), P(() => vn(e, t, n, !0, l, !0)), l;
+}
+function yn(e, t, n) {
+  return I(() => e(t, n));
 }
-function f(e, t, n, r) {
+function h(e, t, n, r) {
   if (n !== void 0 && !r && (r = []), typeof t != "function")
-    return ie(e, t, r, n);
-  _((l) => ie(e, t(), l, n), r);
+    return ne(e, t, r, n);
+  P((l) => ne(e, t(), l, n), r);
 }
-function kn(e, t, n, r, l = {}, o = !1) {
+function vn(e, t, n, r, l = {}, s = !1) {
   t || (t = {});
-  for (const s in l)
-    if (!(s in t)) {
-      if (s === "children")
+  for (const o in l)
+    if (!(o in t)) {
+      if (o === "children")
         continue;
-      l[s] = nt(e, s, null, l[s], n, o);
+      l[o] = Ye(e, o, null, l[o], n, s);
     }
-  for (const s in t) {
-    if (s === "children") {
-      r || ie(e, t.children);
+  for (const o in t) {
+    if (o === "children") {
+      r || ne(e, t.children);
       continue;
     }
-    const i = t[s];
-    l[s] = nt(e, s, i, l[s], n, o);
+    const i = t[o];
+    l[o] = Ye(e, o, i, l[o], n, s);
   }
 }
-function Nn(e) {
+function $n(e) {
   return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-function tt(e, t, n) {
+function Xe(e, t, n) {
   const r = t.trim().split(/\s+/);
-  for (let l = 0, o = r.length; l < o; l++)
+  for (let l = 0, s = r.length; l < s; l++)
     e.classList.toggle(r[l], n);
 }
-function nt(e, t, n, r, l, o) {
-  let s, i, a;
+function Ye(e, t, n, r, l, s) {
+  let o, i, a, u, c;
   if (t === "style")
-    return jt(e, n, r);
+    return At(e, n, r);
   if (t === "classList")
-    return _n(e, n, r);
+    return gn(e, n, r);
   if (n === r)
     return r;
   if (t === "ref")
-    o || n(e);
+    s || n(e);
   else if (t.slice(0, 3) === "on:") {
-    const c = t.slice(3);
-    r && e.removeEventListener(c, r), n && e.addEventListener(c, n);
+    const f = t.slice(3);
+    r && e.removeEventListener(f, r), n && e.addEventListener(f, n);
   } else if (t.slice(0, 10) === "oncapture:") {
-    const c = t.slice(10);
-    r && e.removeEventListener(c, r, !0), n && e.addEventListener(c, n, !0);
+    const f = t.slice(10);
+    r && e.removeEventListener(f, r, !0), n && e.addEventListener(f, n, !0);
   } else if (t.slice(0, 2) === "on") {
-    const c = t.slice(2).toLowerCase(), u = vn.has(c);
-    if (!u && r) {
+    const f = t.slice(2).toLowerCase(), d = un.has(f);
+    if (!d && r) {
       const p = Array.isArray(r) ? r[0] : r;
-      e.removeEventListener(c, p);
+      e.removeEventListener(f, p);
     }
-    (u || n) && (ke(e, c, n, u), u && Ee([c]));
-  } else if ((a = $n.has(t)) || !l && (Qe[t] || (i = mn.has(t))) || (s = e.nodeName.includes("-")))
-    t === "class" || t === "className" ? C(e, n) : s && !i && !a ? e[Nn(t)] = n : e[Qe[t] || t] = n;
+    (d || n) && (we(e, f, n, d), d && Pe([f]));
+  } else if (t.slice(0, 5) === "attr:")
+    L(e, t.slice(5), n);
+  else if ((c = t.slice(0, 5) === "prop:") || (a = sn.has(t)) || !l && ((u = cn(t, e.tagName)) || (i = ln.has(t))) || (o = e.nodeName.includes("-")))
+    c && (t = t.slice(5), i = !0), t === "class" || t === "className" ? T(e, n) : o && !i && !a ? e[$n(t)] = n : e[u || t] = n;
   else {
-    const c = l && t.indexOf(":") > -1 && bn[t.split(":")[0]];
-    c ? Cn(e, c, t, n) : j(e, yn[t] || t, n);
+    const f = l && t.indexOf(":") > -1 && fn[t.split(":")[0]];
+    f ? hn(e, f, t, n) : L(e, on[t] || t, n);
   }
   return n;
 }
-function An(e) {
+function bn(e) {
   const t = `$$${e.type}`;
   let n = e.composedPath && e.composedPath()[0] || e.target;
   for (e.target !== n && Object.defineProperty(e, "target", {
@@ -643,13 +778,7 @@ function An(e) {
     get() {
       return n || document;
     }
-  }), D.registry && !D.done && (D.done = !0, document.querySelectorAll("[id^=pl-]").forEach((r) => {
-    for (; r && r.nodeType !== 8 && r.nodeValue !== "pl-" + e; ) {
-      let l = r.nextSibling;
-      r.remove(), r = l;
-    }
-    r && r.remove();
-  })); n; ) {
+  }); n; ) {
     const r = n[t];
     if (r && !n.disabled) {
       const l = n[`${t}Data`];
@@ -659,56 +788,43 @@ function An(e) {
     n = n._$host || n.parentNode || n.host;
   }
 }
-function ie(e, t, n, r, l) {
-  for (D.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
+function ne(e, t, n, r, l) {
+  for (; typeof n == "function"; )
     n = n();
   if (t === n)
     return n;
-  const o = typeof t, s = r !== void 0;
-  if (e = s && n[0] && n[0].parentNode || e, o === "string" || o === "number") {
-    if (D.context)
-      return n;
-    if (o === "number" && (t = t.toString()), s) {
+  const s = typeof t, o = r !== void 0;
+  if (e = o && n[0] && n[0].parentNode || e, s === "string" || s === "number")
+    if (s === "number" && (t = t.toString()), o) {
       let i = n[0];
-      i && i.nodeType === 3 ? i.data = t : i = document.createTextNode(t), n = Q(e, n, r, i);
+      i && i.nodeType === 3 ? i.data !== t && (i.data = t) : i = document.createTextNode(t), n = Y(e, n, r, i);
     } else
       n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
-  } else if (t == null || o === "boolean") {
-    if (D.context)
-      return n;
-    n = Q(e, n, r);
-  } else {
-    if (o === "function")
-      return _(() => {
+  else if (t == null || s === "boolean")
+    n = Y(e, n, r);
+  else {
+    if (s === "function")
+      return P(() => {
         let i = t();
         for (; typeof i == "function"; )
           i = i();
-        n = ie(e, i, n, r);
+        n = ne(e, i, n, r);
       }), () => n;
     if (Array.isArray(t)) {
       const i = [], a = n && Array.isArray(n);
       if (Be(i, t, n, l))
-        return _(() => n = ie(e, i, n, r, !0)), () => n;
-      if (D.context) {
-        if (!i.length)
-          return n;
-        for (let c = 0; c < i.length; c++)
-          if (i[c].parentNode)
-            return n = i;
-      }
+        return P(() => n = ne(e, i, n, r, !0)), () => n;
       if (i.length === 0) {
-        if (n = Q(e, n, r), s)
+        if (n = Y(e, n, r), o)
           return n;
       } else
-        a ? n.length === 0 ? rt(e, i, r) : wn(e, n, i) : (n && Q(e), rt(e, i));
+        a ? n.length === 0 ? Ge(e, i, r) : dn(e, n, i) : (n && Y(e), Ge(e, i));
       n = i;
-    } else if (t instanceof Node) {
-      if (D.context && t.parentNode)
-        return n = s ? [t] : t;
+    } else if (t.nodeType) {
       if (Array.isArray(n)) {
-        if (s)
-          return n = Q(e, n, r, t);
-        Q(e, n, null, t);
+        if (o)
+          return n = Y(e, n, r, t);
+        Y(e, n, null, t);
       } else
         n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
       n = t;
@@ -718,18 +834,22 @@ function ie(e, t, n, r, l) {
 }
 function Be(e, t, n, r) {
   let l = !1;
-  for (let o = 0, s = t.length; o < s; o++) {
-    let i = t[o], a = n && n[o];
-    if (i instanceof Node)
-      e.push(i);
-    else if (!(i == null || i === !0 || i === !1))
-      if (Array.isArray(i))
+  for (let s = 0, o = t.length; s < o; s++) {
+    let i = t[s], a = n && n[e.length], u;
+    if (!(i == null || i === !0 || i === !1))
+      if ((u = typeof i) == "object" && i.nodeType)
+        e.push(i);
+      else if (Array.isArray(i))
         l = Be(e, i, a) || l;
-      else if (typeof i == "function")
+      else if (u === "function")
         if (r) {
           for (; typeof i == "function"; )
             i = i();
-          l = Be(e, Array.isArray(i) ? i : [i], Array.isArray(a) ? a : [a]) || l;
+          l = Be(
+            e,
+            Array.isArray(i) ? i : [i],
+            Array.isArray(a) ? a : [a]
+          ) || l;
         } else
           e.push(i), l = !0;
       else {
@@ -739,88 +859,88 @@ function Be(e, t, n, r) {
   }
   return l;
 }
-function rt(e, t, n = null) {
+function Ge(e, t, n = null) {
   for (let r = 0, l = t.length; r < l; r++)
     e.insertBefore(t[r], n);
 }
-function Q(e, t, n, r) {
+function Y(e, t, n, r) {
   if (n === void 0)
     return e.textContent = "";
   const l = r || document.createTextNode("");
   if (t.length) {
-    let o = !1;
-    for (let s = t.length - 1; s >= 0; s--) {
-      const i = t[s];
+    let s = !1;
+    for (let o = t.length - 1; o >= 0; o--) {
+      const i = t[o];
       if (l !== i) {
         const a = i.parentNode === e;
-        !o && !s ? a ? e.replaceChild(l, i) : e.insertBefore(l, n) : a && i.remove();
+        !s && !o ? a ? e.replaceChild(l, i) : e.insertBefore(l, n) : a && i.remove();
       } else
-        o = !0;
+        s = !0;
     }
   } else
     e.insertBefore(l, n);
   return [l];
 }
-var Tn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, He = {}, Pn = {
-  get exports() {
-    return He;
-  },
-  set exports(e) {
-    He = e;
-  }
-};
+var wn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Cn(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Tt = { exports: {} };
 (function(e, t) {
   (function(n, r) {
     e.exports = r();
-  })(Tn, function() {
+  })(wn, function() {
     return function(n, r, l) {
       n = n || {};
-      var o = r.prototype, s = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
-      function i(c, u, p, d) {
-        return o.fromToBase(c, u, p, d);
+      var s = r.prototype, o = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
+      function i(u, c, f, d) {
+        return s.fromToBase(u, c, f, d);
       }
-      l.en.relativeTime = s, o.fromToBase = function(c, u, p, d, m) {
-        for (var v, b, w, k = p.$locale().relativeTime || s, x = n.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], A = x.length, T = 0; T < A; T += 1) {
-          var L = x[T];
-          L.d && (v = d ? l(c).diff(p, L.d, !0) : p.diff(c, L.d, !0));
-          var q = (n.rounding || Math.round)(Math.abs(v));
-          if (w = v > 0, q <= L.r || !L.r) {
-            q <= 1 && T > 0 && (L = x[T - 1]);
-            var je = k[L.l];
-            m && (q = m("" + q)), b = typeof je == "string" ? je.replace("%d", q) : je(q, u, L.l, w);
+      l.en.relativeTime = o, s.fromToBase = function(u, c, f, d, p) {
+        for (var $, b, x, _ = f.$locale().relativeTime || o, w = n.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], S = w.length, E = 0; E < S; E += 1) {
+          var j = w[E];
+          j.d && ($ = d ? l(u).diff(f, j.d, !0) : f.diff(u, j.d, !0));
+          var U = (n.rounding || Math.round)(Math.abs($));
+          if (x = $ > 0, U <= j.r || !j.r) {
+            U <= 1 && E > 0 && (j = w[E - 1]);
+            var Le = _[j.l];
+            p && (U = p("" + U)), b = typeof Le == "string" ? Le.replace("%d", U) : Le(U, c, j.l, x);
             break;
           }
         }
-        if (u)
+        if (c)
           return b;
-        var Ie = w ? k.future : k.past;
+        var Ie = x ? _.future : _.past;
         return typeof Ie == "function" ? Ie(b) : Ie.replace("%s", b);
-      }, o.to = function(c, u) {
-        return i(c, u, this, !0);
-      }, o.from = function(c, u) {
-        return i(c, u, this);
+      }, s.to = function(u, c) {
+        return i(u, c, this, !0);
+      }, s.from = function(u, c) {
+        return i(u, c, this);
       };
-      var a = function(c) {
-        return c.$u ? l.utc() : l();
+      var a = function(u) {
+        return u.$u ? l.utc() : l();
       };
-      o.toNow = function(c) {
-        return this.to(a(this), c);
-      }, o.fromNow = function(c) {
-        return this.from(a(this), c);
+      s.toNow = function(u) {
+        return this.to(a(this), u);
+      }, s.fromNow = function(u) {
+        return this.from(a(this), u);
       };
     };
   });
-})(Pn);
-const En = He, On = /* @__PURE__ */ y("<button></button>"), H = (e) => (() => {
-  const t = On.cloneNode(!0);
-  return Sn(t, fn(e, {
-    onMouseDown: Ln
+})(Tt);
+var xn = Tt.exports;
+const _n = /* @__PURE__ */ Cn(xn);
+var Sn = /* @__PURE__ */ v("<button>");
+const F = (e) => (() => {
+  var t = Sn();
+  return mn(t, en(e, {
+    onMouseDown: kn
   }), !1, !1), t;
 })();
-function Ln(e) {
+function kn(e) {
   e.preventDefault();
 }
-const jn = `<svg
+const An = `<svg
   xmlns="http://www.w3.org/2000/svg"
   width="32"
   height="32"
@@ -831,91 +951,92 @@ const jn = `<svg
     d="m24 12l-8 10l-8-10z"
   />
 </svg>
-`, In = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Tn = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21 28C22.1046 28 23 27.1046 23 26C23 24.8954 22.1046 24 21 24C19.8954 24 19 24.8954 19 26C19 27.1046 19.8954 28 21 28Z" fill="currentColor"/>
 <path d="M21 8C22.1046 8 23 7.10457 23 6C23 4.89543 22.1046 4 21 4C19.8954 4 19 4.89543 19 6C19 7.10457 19.8954 8 21 8Z" fill="currentColor"/>
 <path d="M4 18C5.10457 18 6 17.1046 6 16C6 14.8954 5.10457 14 4 14C2.89543 14 2 14.8954 2 16C2 17.1046 2.89543 18 4 18Z" fill="currentColor"/>
 <path d="M28 12C27.1156 12.0026 26.2571 12.2986 25.5589 12.8415C24.8608 13.3844 24.3624 14.1435 24.142 15H19.858C19.7164 14.4361 19.4525 13.9101 19.085 13.4595C18.7175 13.0089 18.2555 12.6446 17.7315 12.3924C17.2076 12.1402 16.6346 12.0064 16.0532 12.0002C15.4718 11.9941 14.8961 12.1159 14.367 12.357L11.19 8.387C11.7126 7.7007 11.997 6.86262 12 6C12 5.20887 11.7654 4.43552 11.3259 3.77772C10.8864 3.11992 10.2616 2.60723 9.53073 2.30448C8.79983 2.00173 7.99556 1.92252 7.21964 2.07686C6.44371 2.2312 5.73098 2.61216 5.17157 3.17157C4.61216 3.73098 4.2312 4.44371 4.07686 5.21964C3.92252 5.99556 4.00173 6.79983 4.30448 7.53073C4.60723 8.26164 5.11992 8.88635 5.77772 9.32588C6.43552 9.7654 7.20887 10 8 10C8.56387 9.99869 9.12096 9.87698 9.634 9.643L12.81 13.613C12.285 14.298 12.0005 15.137 12.0005 16C12.0005 16.863 12.285 17.702 12.81 18.387L9.634 22.357C9.12096 22.123 8.56387 22.0013 8 22C7.20887 22 6.43552 22.2346 5.77772 22.6741C5.11992 23.1136 4.60723 23.7384 4.30448 24.4693C4.00173 25.2002 3.92252 26.0044 4.07686 26.7804C4.2312 27.5563 4.61216 28.269 5.17157 28.8284C5.73098 29.3878 6.44371 29.7688 7.21964 29.9231C7.99556 30.0775 8.79983 29.9983 9.53073 29.6955C10.2616 29.3928 10.8864 28.8801 11.3259 28.2223C11.7654 27.5645 12 26.7911 12 26C11.9971 25.1374 11.7127 24.2993 11.19 23.613L14.366 19.643C14.8952 19.8843 15.4709 20.0062 16.0525 20.0002C16.634 19.9942 17.2071 19.8603 17.7312 19.6081C18.2552 19.3559 18.7174 18.9915 19.0849 18.5408C19.4525 18.0901 19.7164 17.5641 19.858 17H24.142C24.3303 17.7226 24.7175 18.3778 25.2595 18.8914C25.8015 19.405 26.4766 19.7563 27.2083 19.9055C27.9399 20.0547 28.6987 19.9957 29.3985 19.7353C30.0983 19.4749 30.7111 19.0234 31.1673 18.4323C31.6234 17.8411 31.9047 17.1339 31.9791 16.3909C32.0535 15.6479 31.9181 14.899 31.5882 14.2291C31.2584 13.5592 30.7473 12.9952 30.113 12.6012C29.4787 12.2072 28.7467 11.9989 28 12ZM6 6C6 5.60444 6.1173 5.21776 6.33706 4.88886C6.55682 4.55996 6.86918 4.30362 7.23463 4.15224C7.60009 4.00087 8.00222 3.96126 8.39018 4.03843C8.77814 4.1156 9.13451 4.30608 9.41421 4.58579C9.69392 4.86549 9.8844 5.22186 9.96157 5.60982C10.0387 5.99778 9.99913 6.39991 9.84776 6.76537C9.69638 7.13082 9.44004 7.44318 9.11114 7.66294C8.78224 7.8827 8.39556 8 8 8C7.46973 7.99947 6.96133 7.78859 6.58637 7.41363C6.21141 7.03867 6.00053 6.53027 6 6ZM8 28C7.60444 28 7.21776 27.8827 6.88886 27.6629C6.55996 27.4432 6.30362 27.1308 6.15224 26.7654C6.00087 26.3999 5.96126 25.9978 6.03843 25.6098C6.1156 25.2219 6.30608 24.8655 6.58579 24.5858C6.86549 24.3061 7.22186 24.1156 7.60982 24.0384C7.99778 23.9613 8.39991 24.0009 8.76537 24.1522C9.13082 24.3036 9.44318 24.56 9.66294 24.8889C9.8827 25.2178 10 25.6044 10 26C9.99947 26.5303 9.78859 27.0387 9.41363 27.4136C9.03867 27.7886 8.53027 27.9995 8 28ZM16 18C15.6044 18 15.2178 17.8827 14.8889 17.6629C14.56 17.4432 14.3036 17.1308 14.1522 16.7654C14.0009 16.3999 13.9613 15.9978 14.0384 15.6098C14.1156 15.2219 14.3061 14.8655 14.5858 14.5858C14.8655 14.3061 15.2219 14.1156 15.6098 14.0384C15.9978 13.9613 16.3999 14.0009 16.7654 14.1522C17.1308 14.3036 17.4432 14.56 17.6629 14.8889C17.8827 15.2178 18 15.6044 18 16C17.9995 16.5303 17.7886 17.0387 17.4136 17.4136C17.0387 17.7886 16.5303 17.9995 16 18ZM28 18C27.6044 18 27.2178 17.8827 26.8889 17.6629C26.56 17.4432 26.3036 17.1308 26.1522 16.7654C26.0009 16.3999 25.9613 15.9978 26.0384 15.6098C26.1156 15.2219 26.3061 14.8655 26.5858 14.5858C26.8655 14.3061 27.2219 14.1156 27.6098 14.0384C27.9978 13.9613 28.3999 14.0009 28.7654 14.1522C29.1308 14.3036 29.4432 14.56 29.6629 14.8889C29.8827 15.2178 30 15.6044 30 16C29.9995 16.5303 29.7886 17.0387 29.4136 17.4136C29.0387 17.7886 28.5303 17.9995 28 18Z" fill="currentColor"/>
 </svg>
-`, Mn = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, En = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M29 27.586L21.448 20.034C23.2628 17.8553 24.1678 15.0608 23.9747 12.2319C23.7816 9.40297 22.5053 6.75739 20.4112 4.84552C18.3172 2.93364 15.5667 1.90267 12.732 1.96709C9.89717 2.0315 7.19635 3.18633 5.19134 5.19134C3.18633 7.19635 2.0315 9.89717 1.96709 12.732C1.90268 15.5667 2.93364 18.3172 4.84552 20.4112C6.75739 22.5053 9.40297 23.7816 12.2319 23.9747C15.0608 24.1678 17.8553 23.2628 20.034 21.448L27.586 29L29 27.586ZM4 13C4 11.22 4.52784 9.47991 5.51677 7.99987C6.50571 6.51983 7.91132 5.36627 9.55585 4.68508C11.2004 4.0039 13.01 3.82567 14.7558 4.17293C16.5016 4.5202 18.1053 5.37737 19.364 6.63604C20.6226 7.89471 21.4798 9.49836 21.8271 11.2442C22.1743 12.99 21.9961 14.7996 21.3149 16.4442C20.6337 18.0887 19.4802 19.4943 18.0001 20.4832C16.5201 21.4722 14.78 22 13 22C10.6139 21.9974 8.32622 21.0483 6.63896 19.361C4.95171 17.6738 4.00265 15.3861 4 13Z" fill="currentColor"/>
 </svg>
-`, Dn = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Pn = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M27.71 4.29C27.575 4.15567 27.4045 4.06267 27.2185 4.02193C27.0325 3.98118 26.8388 3.99439 26.66 4.06L4.66 12.06C4.47027 12.132 4.30692 12.26 4.19165 12.427C4.07638 12.594 4.01465 12.7921 4.01465 12.995C4.01465 13.1979 4.07638 13.396 4.19165 13.563C4.30692 13.73 4.47027 13.858 4.66 13.93L14.26 17.77L18.1 27.37C18.1721 27.5514 18.2958 27.7077 18.4557 27.8197C18.6157 27.9316 18.8049 27.9943 19 28C19.2021 27.9959 19.3982 27.9306 19.5624 27.8127C19.7266 27.6949 19.8513 27.5301 19.92 27.34L27.92 5.34C27.9881 5.16308 28.0046 4.97043 27.9674 4.78452C27.9302 4.59862 27.8409 4.42711 27.71 4.29ZM19 24.2L16.21 17.2L21 12.41L19.59 11L14.76 15.83L7.8 13L25.33 6.67L19 24.2Z" fill="currentColor"/>
 </svg>
-`, zn = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, On = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M30 8H25.9C25.4 5.7 23.4 4 21 4C18.6 4 16.6 5.7 16.1 8H2V10H16.1C16.6 12.3 18.6 14 21 14C23.4 14 25.4 12.3 25.9 10H30V8ZM21 12C19.3 12 18 10.7 18 9C18 7.3 19.3 6 21 6C22.7 6 24 7.3 24 9C24 10.7 22.7 12 21 12ZM2 24H6.1C6.6 26.3 8.6 28 11 28C13.4 28 15.4 26.3 15.9 24H30V22H15.9C15.4 19.7 13.4 18 11 18C8.6 18 6.6 19.7 6.1 22H2V24ZM11 20C12.7 20 14 21.3 14 23C14 24.7 12.7 26 11 26C9.3 26 8 24.7 8 23C8 21.3 9.3 20 11 20Z" fill="currentColor"/>
 </svg>
-`, Rn = /* @__PURE__ */ Object.assign({
-  "/src/assets/icons/caret-down.svg": jn,
-  "/src/assets/icons/network.svg": In,
-  "/src/assets/icons/search.svg": Mn,
-  "/src/assets/icons/send.svg": Dn,
-  "/src/assets/icons/settings.svg": zn
+`, jn = /* @__PURE__ */ Object.assign({
+  "/src/assets/icons/caret-down.svg": An,
+  "/src/assets/icons/network.svg": Tn,
+  "/src/assets/icons/search.svg": En,
+  "/src/assets/icons/send.svg": Pn,
+  "/src/assets/icons/settings.svg": On
 });
-function Fn(e) {
-  return Rn[`/src/assets/icons/${e}.svg`];
+function Ln(e) {
+  return jn[`/src/assets/icons/${e}.svg`];
 }
-const Ye = `
+const We = `
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 `;
-function Bn(e, t = "px") {
+function In(e, t = "px") {
   return typeof e == "string" ? String(e) : Array.isArray(e) ? e.map((n) => `${n}${t}`).join(" ") : `${e}${t}`;
 }
-let Hn = { data: "" }, Vn = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || Hn, qn = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Un = /\/\*[^]*?\*\/|  +/g, lt = /\n+/g, J = (e, t) => {
+let Nn = { data: "" }, Mn = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || Nn, Dn = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, zn = /\/\*[^]*?\*\/|  +/g, Je = /\n+/g, Z = (e, t) => {
   let n = "", r = "", l = "";
-  for (let o in e) {
-    let s = e[o];
-    o[0] == "@" ? o[1] == "i" ? n = o + " " + s + ";" : r += o[1] == "f" ? J(s, o) : o + "{" + J(s, o[1] == "k" ? "" : t) + "}" : typeof s == "object" ? r += J(s, t ? t.replace(/([^,])+/g, (i) => o.replace(/(^:.*)|([^,])+/g, (a) => /&/.test(a) ? a.replace(/&/g, i) : i ? i + " " + a : a)) : o) : s != null && (o = /^--/.test(o) ? o : o.replace(/[A-Z]/g, "-$&").toLowerCase(), l += J.p ? J.p(o, s) : o + ":" + s + ";");
+  for (let s in e) {
+    let o = e[s];
+    s[0] == "@" ? s[1] == "i" ? n = s + " " + o + ";" : r += s[1] == "f" ? Z(o, s) : s + "{" + Z(o, s[1] == "k" ? "" : t) + "}" : typeof o == "object" ? r += Z(o, t ? t.replace(/([^,])+/g, (i) => s.replace(/(^:.*)|([^,])+/g, (a) => /&/.test(a) ? a.replace(/&/g, i) : i ? i + " " + a : a)) : s) : o != null && (s = /^--/.test(s) ? s : s.replace(/[A-Z]/g, "-$&").toLowerCase(), l += Z.p ? Z.p(s, o) : s + ":" + o + ";");
   }
   return n + (t && l ? t + "{" + l + "}" : l) + r;
-}, F = {}, It = (e) => {
+}, D = {}, Et = (e) => {
   if (typeof e == "object") {
     let t = "";
     for (let n in e)
-      t += n + It(e[n]);
+      t += n + Et(e[n]);
     return t;
   }
   return e;
-}, Wn = (e, t, n, r, l) => {
-  let o = It(e), s = F[o] || (F[o] = ((a) => {
-    let c = 0, u = 11;
-    for (; c < a.length; )
-      u = 101 * u + a.charCodeAt(c++) >>> 0;
-    return "go" + u;
-  })(o));
-  if (!F[s]) {
-    let a = o !== e ? e : ((c) => {
-      let u, p, d = [{}];
-      for (; u = qn.exec(c.replace(Un, "")); )
-        u[4] ? d.shift() : u[3] ? (p = u[3].replace(lt, " ").trim(), d.unshift(d[0][p] = d[0][p] || {})) : d[0][u[1]] = u[2].replace(lt, " ").trim();
+}, Rn = (e, t, n, r, l) => {
+  let s = Et(e), o = D[s] || (D[s] = ((a) => {
+    let u = 0, c = 11;
+    for (; u < a.length; )
+      c = 101 * c + a.charCodeAt(u++) >>> 0;
+    return "go" + c;
+  })(s));
+  if (!D[o]) {
+    let a = s !== e ? e : ((u) => {
+      let c, f, d = [{}];
+      for (; c = Dn.exec(u.replace(zn, "")); )
+        c[4] ? d.shift() : c[3] ? (f = c[3].replace(Je, " ").trim(), d.unshift(d[0][f] = d[0][f] || {})) : d[0][c[1]] = c[2].replace(Je, " ").trim();
       return d[0];
     })(e);
-    F[s] = J(l ? { ["@keyframes " + s]: a } : a, n ? "" : "." + s);
-  }
-  let i = n && F.g ? F.g : null;
-  return n && (F.g = F[s]), ((a, c, u, p) => {
-    p ? c.data = c.data.replace(p, a) : c.data.indexOf(a) === -1 && (c.data = u ? a + c.data : c.data + a);
-  })(F[s], t, r, i), s;
-}, Zn = (e, t, n) => e.reduce((r, l, o) => {
-  let s = t[o];
-  if (s && s.call) {
-    let i = s(n), a = i && i.props && i.props.className || /^go/.test(i) && i;
-    s = a ? "." + a : i && typeof i == "object" ? i.props ? "" : J(i, "") : i === !1 ? "" : i;
-  }
-  return r + l + (s ?? "");
+    D[o] = Z(l ? { ["@keyframes " + o]: a } : a, n ? "" : "." + o);
+  }
+  let i = n && D.g ? D.g : null;
+  return n && (D.g = D[o]), ((a, u, c, f) => {
+    f ? u.data = u.data.replace(f, a) : u.data.indexOf(a) === -1 && (u.data = c ? a + u.data : u.data + a);
+  })(D[o], t, r, i), o;
+}, Fn = (e, t, n) => e.reduce((r, l, s) => {
+  let o = t[s];
+  if (o && o.call) {
+    let i = o(n), a = i && i.props && i.props.className || /^go/.test(i) && i;
+    o = a ? "." + a : i && typeof i == "object" ? i.props ? "" : Z(i, "") : i === !1 ? "" : i;
+  }
+  return r + l + (o ?? "");
 }, "");
-function S(e) {
+function k(e) {
   let t = this || {}, n = e.call ? e(t.p) : e;
-  return Wn(n.unshift ? n.raw ? Zn(n, [].slice.call(arguments, 1), t.p) : n.reduce((r, l) => Object.assign(r, l && l.call ? l(t.p) : l), {}) : n, Vn(t.target), t.g, t.o, t.k);
+  return Rn(n.unshift ? n.raw ? Fn(n, [].slice.call(arguments, 1), t.p) : n.reduce((r, l) => Object.assign(r, l && l.call ? l(t.p) : l), {}) : n, Mn(t.target), t.g, t.o, t.k);
 }
-S.bind({ g: 1 });
-S.bind({ k: 1 });
-const Kn = /* @__PURE__ */ y("<div></div>"), Jn = S`
+k.bind({ g: 1 });
+k.bind({ k: 1 });
+var Bn = /* @__PURE__ */ v("<div>");
+const Hn = k`
   &&& {
     position: relative;
     color: currentColor;
@@ -924,112 +1045,108 @@ const Kn = /* @__PURE__ */ y("<div></div>"), Jn = S`
 
     svg {
       display: block;
-      ${Ye};
+      ${We};
     }
   }
 `, Oe = (e) => {
-  const t = Fn(e.name);
+  const t = Ln(e.name);
   return (() => {
-    const n = Kn.cloneNode(!0);
-    return n.innerHTML = t, _((r) => {
-      const l = `icon ${e.class || ""} ${Jn}`, o = {
+    var n = Bn();
+    return n.innerHTML = t, P((r) => {
+      var l = `icon ${e.class || ""} ${Hn}`, s = {
         color: e.color,
-        "--icon-size": e.size && Bn(e.size)
+        "--icon-size": e.size && In(e.size)
       };
-      return l !== r._v$ && C(n, r._v$ = l), r._v$2 = jt(n, o, r._v$2), r;
+      return l !== r.e && T(n, r.e = l), r.t = At(n, s, r.t), r;
     }, {
-      _v$: void 0,
-      _v$2: void 0
+      e: void 0,
+      t: void 0
     }), n;
   })();
-}, Ne = Symbol("store-raw"), pe = Symbol("store-node"), Xn = Symbol("store-name");
-function Mt(e, t) {
-  let n = e[z];
-  if (!n && (Object.defineProperty(e, z, {
-    value: n = new Proxy(e, Qn)
+}, Ce = Symbol("store-raw"), Q = Symbol("store-node"), z = Symbol("store-has"), Pt = Symbol("store-self");
+function Ot(e) {
+  let t = e[M];
+  if (!t && (Object.defineProperty(e, M, {
+    value: t = new Proxy(e, Kn)
   }), !Array.isArray(e))) {
-    const r = Object.keys(e), l = Object.getOwnPropertyDescriptors(e);
-    for (let o = 0, s = r.length; o < s; o++) {
-      const i = r[o];
-      l[i].get && Object.defineProperty(e, i, {
-        enumerable: l[i].enumerable,
-        get: l[i].get.bind(n)
+    const n = Object.keys(e), r = Object.getOwnPropertyDescriptors(e);
+    for (let l = 0, s = n.length; l < s; l++) {
+      const o = n[l];
+      r[o].get && Object.defineProperty(e, o, {
+        enumerable: r[o].enumerable,
+        get: r[o].get.bind(t)
       });
     }
   }
-  return n;
+  return t;
 }
-function se(e) {
+function re(e) {
   let t;
-  return e != null && typeof e == "object" && (e[z] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
+  return e != null && typeof e == "object" && (e[M] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
 }
-function ae(e, t = /* @__PURE__ */ new Set()) {
-  let n, r, l, o;
-  if (n = e != null && e[Ne])
+function le(e, t = /* @__PURE__ */ new Set()) {
+  let n, r, l, s;
+  if (n = e != null && e[Ce])
     return n;
-  if (!se(e) || t.has(e))
+  if (!re(e) || t.has(e))
     return e;
   if (Array.isArray(e)) {
     Object.isFrozen(e) ? e = e.slice(0) : t.add(e);
-    for (let s = 0, i = e.length; s < i; s++)
-      l = e[s], (r = ae(l, t)) !== l && (e[s] = r);
+    for (let o = 0, i = e.length; o < i; o++)
+      l = e[o], (r = le(l, t)) !== l && (e[o] = r);
   } else {
     Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
-    const s = Object.keys(e), i = Object.getOwnPropertyDescriptors(e);
-    for (let a = 0, c = s.length; a < c; a++)
-      o = s[a], !i[o].get && (l = e[o], (r = ae(l, t)) !== l && (e[o] = r));
+    const o = Object.keys(e), i = Object.getOwnPropertyDescriptors(e);
+    for (let a = 0, u = o.length; a < u; a++)
+      s = o[a], !i[s].get && (l = e[s], (r = le(l, t)) !== l && (e[s] = r));
   }
   return e;
 }
-function Ge(e) {
-  let t = e[pe];
-  return t || Object.defineProperty(e, pe, {
-    value: t = {}
-  }), t;
+function xe(e, t) {
+  let n = e[t];
+  return n || Object.defineProperty(e, t, {
+    value: n = /* @__PURE__ */ Object.create(null)
+  }), n;
 }
-function Ve(e, t, n) {
-  return e[t] || (e[t] = zt(n));
+function ce(e, t, n) {
+  if (e[t])
+    return e[t];
+  const [r, l] = te(n, {
+    equals: !1,
+    internal: !0
+  });
+  return r.$ = l, e[t] = r;
 }
-function Yn(e, t) {
+function Un(e, t) {
   const n = Reflect.getOwnPropertyDescriptor(e, t);
-  return !n || n.get || !n.configurable || t === z || t === pe || t === Xn || (delete n.value, delete n.writable, n.get = () => e[z][t]), n;
+  return !n || n.get || !n.configurable || t === M || t === Q || (delete n.value, delete n.writable, n.get = () => e[M][t]), n;
 }
-function Dt(e) {
-  if (At()) {
-    const t = Ge(e);
-    (t._ || (t._ = zt()))();
-  }
+function jt(e) {
+  ze() && ce(xe(e, Q), Pt)();
 }
-function Gn(e) {
-  return Dt(e), Reflect.ownKeys(e);
+function Vn(e) {
+  return jt(e), Reflect.ownKeys(e);
 }
-function zt(e) {
-  const [t, n] = oe(e, {
-    equals: !1,
-    internal: !0
-  });
-  return t.$ = n, t;
-}
-const Qn = {
+const Kn = {
   get(e, t, n) {
-    if (t === Ne)
+    if (t === Ce)
       return e;
-    if (t === z)
+    if (t === M)
       return n;
-    if (t === be)
-      return Dt(e), n;
-    const r = Ge(e), l = r.hasOwnProperty(t);
-    let o = l ? r[t]() : e[t];
-    if (t === pe || t === "__proto__")
-      return o;
+    if (t === me)
+      return jt(e), n;
+    const r = xe(e, Q), l = r[t];
+    let s = l ? l() : e[t];
+    if (t === Q || t === z || t === "__proto__")
+      return s;
     if (!l) {
-      const s = Object.getOwnPropertyDescriptor(e, t);
-      At() && (typeof o != "function" || e.hasOwnProperty(t)) && !(s && s.get) && (o = Ve(r, t, o)());
+      const o = Object.getOwnPropertyDescriptor(e, t);
+      ze() && (typeof s != "function" || e.hasOwnProperty(t)) && !(o && o.get) && (s = ce(r, t, s)());
     }
-    return se(o) ? Mt(o) : o;
+    return re(s) ? Ot(s) : s;
   },
   has(e, t) {
-    return t === Ne || t === z || t === be || t === pe || t === "__proto__" ? !0 : (this.get(e, t, e), t in e);
+    return t === Ce || t === M || t === me || t === Q || t === z || t === "__proto__" ? !0 : (ze() && ce(xe(e, z), t)(), t in e);
   },
   set() {
     return !0;
@@ -1037,126 +1154,127 @@ const Qn = {
   deleteProperty() {
     return !0;
   },
-  ownKeys: Gn,
-  getOwnPropertyDescriptor: Yn
+  ownKeys: Vn,
+  getOwnPropertyDescriptor: Un
 };
-function ce(e, t, n, r = !1) {
+function ie(e, t, n, r = !1) {
   if (!r && e[t] === n)
     return;
-  const l = e[t], o = e.length;
-  n === void 0 ? delete e[t] : e[t] = n;
-  let s = Ge(e), i;
-  (i = Ve(s, t, l)) && i.$(() => n), Array.isArray(e) && e.length !== o && (i = Ve(s, "length", o)) && i.$(e.length), (i = s._) && i.$();
+  const l = e[t], s = e.length;
+  n === void 0 ? (delete e[t], e[z] && e[z][t] && l !== void 0 && e[z][t].$()) : (e[t] = n, e[z] && e[z][t] && l === void 0 && e[z][t].$());
+  let o = xe(e, Q), i;
+  if ((i = ce(o, t, l)) && i.$(() => n), Array.isArray(e) && e.length !== s) {
+    for (let a = e.length; a < s; a++)
+      (i = o[a]) && i.$();
+    (i = ce(o, "length", s)) && i.$(e.length);
+  }
+  (i = o[Pt]) && i.$();
 }
-function Rt(e, t) {
+function Lt(e, t) {
   const n = Object.keys(t);
   for (let r = 0; r < n.length; r += 1) {
     const l = n[r];
-    ce(e, l, t[l]);
+    ie(e, l, t[l]);
   }
 }
-function er(e, t) {
-  if (typeof t == "function" && (t = t(e)), t = ae(t), Array.isArray(t)) {
+function Wn(e, t) {
+  if (typeof t == "function" && (t = t(e)), t = le(t), Array.isArray(t)) {
     if (e === t)
       return;
     let n = 0, r = t.length;
     for (; n < r; n++) {
       const l = t[n];
-      e[n] !== l && ce(e, n, l);
+      e[n] !== l && ie(e, n, l);
     }
-    ce(e, "length", r);
+    ie(e, "length", r);
   } else
-    Rt(e, t);
+    Lt(e, t);
 }
-function fe(e, t, n = []) {
+function oe(e, t, n = []) {
   let r, l = e;
   if (t.length > 1) {
     r = t.shift();
-    const s = typeof r, i = Array.isArray(e);
+    const o = typeof r, i = Array.isArray(e);
     if (Array.isArray(r)) {
       for (let a = 0; a < r.length; a++)
-        fe(e, [r[a]].concat(t), n);
+        oe(e, [r[a]].concat(t), n);
       return;
-    } else if (i && s === "function") {
+    } else if (i && o === "function") {
       for (let a = 0; a < e.length; a++)
-        r(e[a], a) && fe(e, [a].concat(t), n);
+        r(e[a], a) && oe(e, [a].concat(t), n);
       return;
-    } else if (i && s === "object") {
-      const {
-        from: a = 0,
-        to: c = e.length - 1,
-        by: u = 1
-      } = r;
-      for (let p = a; p <= c; p += u)
-        fe(e, [p].concat(t), n);
+    } else if (i && o === "object") {
+      const { from: a = 0, to: u = e.length - 1, by: c = 1 } = r;
+      for (let f = a; f <= u; f += c)
+        oe(e, [f].concat(t), n);
       return;
     } else if (t.length > 1) {
-      fe(e[r], t, [r].concat(n));
+      oe(e[r], t, [r].concat(n));
       return;
     }
     l = e[r], n = [r].concat(n);
   }
-  let o = t[0];
-  typeof o == "function" && (o = o(l, n), o === l) || r === void 0 && o == null || (o = ae(o), r === void 0 || se(l) && se(o) && !Array.isArray(o) ? Rt(l, o) : ce(e, r, o));
+  let s = t[0];
+  typeof s == "function" && (s = s(l, n), s === l) || r === void 0 && s == null || (s = le(s), r === void 0 || re(l) && re(s) && !Array.isArray(s) ? Lt(l, s) : ie(e, r, s));
 }
-function Ft(...[e, t]) {
-  const n = ae(e || {}), r = Array.isArray(n), l = Mt(n);
-  function o(...s) {
-    nn(() => {
-      r && s.length === 1 ? er(n, s[0]) : fe(n, s);
+function It(...[e, t]) {
+  const n = le(e || {}), r = Array.isArray(n), l = Ot(n);
+  function s(...o) {
+    Kt(() => {
+      r && o.length === 1 ? Wn(n, o[0]) : oe(n, o);
     });
   }
-  return [l, o];
+  return [l, s];
 }
-const Ae = /* @__PURE__ */ new WeakMap(), Bt = {
+const _e = /* @__PURE__ */ new WeakMap(), Nt = {
   get(e, t) {
-    if (t === Ne)
+    if (t === Ce)
       return e;
     const n = e[t];
     let r;
-    return se(n) ? Ae.get(n) || (Ae.set(n, r = new Proxy(n, Bt)), r) : n;
+    return re(n) ? _e.get(n) || (_e.set(n, r = new Proxy(n, Nt)), r) : n;
   },
   set(e, t, n) {
-    return ce(e, t, ae(n)), !0;
+    return ie(e, t, le(n)), !0;
   },
   deleteProperty(e, t) {
-    return ce(e, t, void 0, !0), !0;
+    return ie(e, t, void 0, !0), !0;
   }
 };
-function tr(e) {
+function Zn(e) {
   return (t) => {
-    if (se(t)) {
+    if (re(t)) {
       let n;
-      (n = Ae.get(t)) || Ae.set(t, n = new Proxy(t, Bt)), e(n);
+      (n = _e.get(t)) || _e.set(t, n = new Proxy(t, Nt)), e(n);
     }
     return t;
   };
 }
-const [I, Te] = Ft({
+const [R, Se] = It({
   selectedCall: null,
   selectedRequest: null,
   selectedTab: null,
   selectedSubitem: null
-}), he = `
+}), ue = `
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: norma;
   max-width: 100%;
-`, nr = {
+`, qn = {
   left: "flex-start",
   center: "center",
   right: "flex-end",
   spaceBetween: "space-between",
   spaceAround: "space-around",
   spaceEvenly: "space-evenly"
-}, rr = {
+}, Xn = {
   top: "flex-start",
   bottom: "flex-end",
   center: "center",
   stretch: "stretch"
-}, V = ({
+}, B = ({
   justify: e = "left",
   align: t = "center",
   gap: n
@@ -1164,21 +1282,21 @@ const [I, Te] = Ft({
     display: flex;
     column-gap: ${n}px;
     flex-direction: row;
-    justify-content: ${nr[e]};
-    align-items: ${rr[t]};
-  `, lr = {
+    justify-content: ${qn[e]};
+    align-items: ${Xn[t]};
+  `, Yn = {
   top: "flex-start",
   center: "center",
   bottom: "flex-end",
   spaceBetween: "space-between",
   spaceAround: "space-around",
   spaceEvenly: "space-evenly"
-}, or = {
+}, Gn = {
   left: "flex-start",
   right: "flex-end",
   center: "center",
   stretch: "stretch"
-}, O = ({
+}, N = ({
   justify: e = "top",
   align: t = "stretch",
   gap: n = 0
@@ -1186,10 +1304,10 @@ const [I, Te] = Ft({
     row-gap: ${n}px;
     display: flex;
     flex-direction: column;
-    justify-content: ${lr[e]};
-    align-items: ${or[t]};
+    justify-content: ${Yn[e]};
+    align-items: ${Gn[t]};
   `;
-function ir(e) {
+function Jn(e) {
   if (e.length < 4)
     throw new Error("Invalid hex value");
   return (e.replace(
@@ -1197,43 +1315,43 @@ function ir(e) {
     (t, n, r, l) => `#${n}${n}${r}${r}${l}${l}`
   ).substring(1).match(/.{2}/g) || []).map((t) => parseInt(t, 16));
 }
-function sr(e) {
+function Qn(e) {
   return Object.entries(e);
 }
-const ye = document.documentElement.style;
-let ot = 1;
-function ar(e) {
+const he = document.documentElement.style;
+let Qe = 1;
+function er(e) {
   const t = {};
-  for (const [n, r] of sr(e)) {
-    const [l, o, s] = ir(r), i = `c${ot}`;
-    ot++, ye.setProperty(`--${i}-r`, String(l)), ye.setProperty(`--${i}-g`, String(o)), ye.setProperty(`--${i}-b`, String(s)), ye.setProperty(`--${i}`, r), t[n] = {
+  for (const [n, r] of Qn(e)) {
+    const [l, s, o] = Jn(r), i = `c${Qe}`;
+    Qe++, he.setProperty(`--${i}-r`, String(l)), he.setProperty(`--${i}-g`, String(s)), he.setProperty(`--${i}-b`, String(o)), he.setProperty(`--${i}`, r), t[n] = {
       red: l,
-      green: o,
-      blue: s,
+      green: s,
+      blue: o,
       var: `var(--${i})`,
       raw: r,
       alpha: (a) => `rgba(var(--${i}-r), var(--${i}-g), var(--${i}-b), ${a})`,
-      darker: (a, c) => {
-        const u = a / 100;
-        return `${c ? "rgba" : "rgb"}(${[
-          `calc(var(--${i}-r) - var(--${i}-r) * ${u})`,
-          `calc(var(--${i}-g) - var(--${i}-g) * ${u})`,
-          `calc(var(--${i}-b) - var(--${i}-b) * ${u})`
-        ].join(",")}${c !== void 0 ? `, ${c}` : ""})`;
+      darker: (a, u) => {
+        const c = a / 100;
+        return `${u ? "rgba" : "rgb"}(${[
+          `calc(var(--${i}-r) - var(--${i}-r) * ${c})`,
+          `calc(var(--${i}-g) - var(--${i}-g) * ${c})`,
+          `calc(var(--${i}-b) - var(--${i}-b) * ${c})`
+        ].join(",")}${u !== void 0 ? `, ${u}` : ""})`;
       },
-      lighter: (a, c) => {
-        const u = a / 100;
-        return `${c ? "rgba" : "rgb"}(${[
-          `calc(var(--${i}-r) + (255 - var(--${i}-r)) * ${u})`,
-          `calc(var(--${i}-g) + (255 - var(--${i}-g)) * ${u})`,
-          `calc(var(--${i}-b) + (255 - var(--${i}-b)) * ${u})`
-        ].join(",")}${c !== void 0 ? `, ${c}` : ""})`;
+      lighter: (a, u) => {
+        const c = a / 100;
+        return `${u ? "rgba" : "rgb"}(${[
+          `calc(var(--${i}-r) + (255 - var(--${i}-r)) * ${c})`,
+          `calc(var(--${i}-g) + (255 - var(--${i}-g)) * ${c})`,
+          `calc(var(--${i}-b) + (255 - var(--${i}-b)) * ${c})`
+        ].join(",")}${u !== void 0 ? `, ${u}` : ""})`;
       }
     };
   }
   return t;
 }
-const $ = ar({
+const y = er({
   bgPrimary: "#0F172A",
   bgSecondary: "#1E293B",
   textPrimary: "#fff",
@@ -1246,25 +1364,72 @@ const $ = ar({
   bg: "#EAEFFF",
   white: "#fff",
   black: "#000"
-}), R = {
+}), H = {
   primary: '"Work Sans", sans-serif',
   decorative: '"Fira Code", monospaced'
 };
-function cr(e, t, n) {
+var et = Object.prototype.hasOwnProperty;
+function tt(e, t, n) {
+  for (n of e.keys())
+    if (G(n, t))
+      return n;
+}
+function G(e, t) {
+  var n, r, l;
+  if (e === t)
+    return !0;
+  if (e && t && (n = e.constructor) === t.constructor) {
+    if (n === Date)
+      return G(e.getTime(), t.getTime());
+    if (n === RegExp)
+      return e.toString() === t.toString();
+    if (n === Array) {
+      if ((r = e.length) === t.length)
+        for (; r-- && G(e[r], t[r]); )
+          ;
+      return r === -1;
+    }
+    if (n === Set) {
+      if (e.size !== t.size)
+        return !1;
+      for (r of e)
+        if (l = r, l && typeof l == "object" && (l = tt(t, l), !l) || !t.has(l))
+          return !1;
+      return !0;
+    }
+    if (n === Map) {
+      if (e.size !== t.size)
+        return !1;
+      for (r of e)
+        if (l = r[0], l && typeof l == "object" && (l = tt(t, l), !l) || !G(r[1], t.get(l)))
+          return !1;
+      return !0;
+    }
+    if (!n || typeof e == "object") {
+      r = 0;
+      for (n in e)
+        if (et.call(e, n) && ++r && !et.call(t, n) || !(n in t) || !G(e[n], t[n]))
+          return !1;
+      return Object.keys(t).length === r;
+    }
+  }
+  return e !== e && t !== t;
+}
+function tr(e, t, n) {
   if (!e)
     return t;
-  const r = [], l = new Map(e.map((o) => [o[n], o]));
-  for (const o of t) {
-    const s = l.get(o[n]);
-    s && _t(s, o) ? r.push(s) : r.push(o);
+  const r = [], l = new Map(e.map((s) => [s[n], s]));
+  for (const s of t) {
+    const o = l.get(s[n]);
+    o && G(o, s) ? r.push(o) : r.push(s);
   }
   return r;
 }
-function Ht(e, t) {
-  return g((n) => cr(n, typeof e == "function" ? e() : e, t));
+function nr(e, t) {
+  return g((n) => tr(n, typeof e == "function" ? e() : e, t));
 }
-function me(e) {
-  const [t, n] = oe(e);
+function je(e) {
+  const [t, n] = te(e);
   return {
     get value() {
       return t();
@@ -1276,14 +1441,14 @@ function me(e) {
       n(() => r);
     },
     produce(r) {
-      n((l) => Kt(l, r));
+      n((l) => zt(l, r));
     },
     peek() {
-      return Z(t);
+      return I(t);
     }
   };
 }
-function qe(e) {
+function nt(e) {
   const t = g(e);
   return {
     get value() {
@@ -1291,35 +1456,36 @@ function qe(e) {
     }
   };
 }
-const ur = /* @__PURE__ */ y('<div class="tag"></div>'), it = /* @__PURE__ */ y("<span></span>"), dr = /* @__PURE__ */ y('<div><div class="call"></div></div>'), fr = S`
+var rr = /* @__PURE__ */ v("<div class=tag>"), rt = /* @__PURE__ */ v("<span>"), lr = /* @__PURE__ */ v("<div><div class=call>");
+const ir = k`
   &&& {
     font-size: 14px;
-    ${O()};
+    ${N()};
 
     > .call {
       padding: 4px 12px;
-      ${V()};
+      ${B()};
       opacity: 0.8;
 
       &.selected {
         opacity: 1;
-        background-color: ${$.secondary.alpha(0.16)};
+        background-color: ${y.secondary.alpha(0.16)};
       }
 
       > .call-button {
         text-align: left;
-        ${V({
+        ${B({
   gap: 8
 })};
         flex: 1 1;
 
         > .tag {
           font-weight: 600;
-          font-family: ${R.decorative};
+          font-family: ${H.decorative};
         }
 
         > span {
-          ${he};
+          ${ue};
           flex-shrink: 1;
         }
       }
@@ -1331,11 +1497,11 @@ const ur = /* @__PURE__ */ y('<div class="tag"></div>'), it = /* @__PURE__ */ y(
       padding-left: 14px;
       margin-left: 16px;
       padding-right: 0;
-      border-left: 1px solid ${$.white.alpha(0.1)};
-      ${V()};
+      border-left: 1px solid ${y.white.alpha(0.1)};
+      ${B()};
 
       span {
-        ${he};
+        ${ue};
         opacity: 0.6;
         padding: 0 8px;
         padding-right: 0;
@@ -1345,7 +1511,7 @@ const ur = /* @__PURE__ */ y('<div class="tag"></div>'), it = /* @__PURE__ */ y(
 
       &.selected span {
         opacity: 1;
-        background-color: ${$.secondary.alpha(0.16)};
+        background-color: ${y.secondary.alpha(0.16)};
       }
 
       &:first-of-type {
@@ -1354,7 +1520,7 @@ const ur = /* @__PURE__ */ y('<div class="tag"></div>'), it = /* @__PURE__ */ y(
 
       &:last-of-type {
         border-radius: 0 0 0 10px;
-        border-bottom: 1px solid ${$.white.alpha(0.1)};
+        border-bottom: 1px solid ${y.white.alpha(0.1)};
         padding-bottom: 10px;
         margin-bottom: 4px;
       }
@@ -1368,13 +1534,13 @@ const ur = /* @__PURE__ */ y('<div class="tag"></div>'), it = /* @__PURE__ */ y(
       }
     }
   }
-`, pr = (e) => {
-  const t = g(() => e.item), n = g(() => e.currentCallId), r = me(e.item.subitemsWithAlias.length < 4), l = hr(t().type, t().subType);
+`, sr = (e) => {
+  const t = g(() => e.item), n = g(() => e.currentCallId), r = je(e.item.subitemsWithAlias.length < 4), l = or(t().type, t().subType);
   return (() => {
-    const o = dr.cloneNode(!0), s = o.firstChild;
-    return C(o, fr), f(s, h(H, {
+    var s = lr(), o = s.firstChild;
+    return T(s, ir), h(o, m(F, {
       onClick: () => {
-        Te({
+        Se({
           selectedCall: t().id,
           selectedSubitem: null
         });
@@ -1382,22 +1548,22 @@ const ur = /* @__PURE__ */ y('<div class="tag"></div>'), it = /* @__PURE__ */ y(
       class: "call-button",
       get children() {
         return [(() => {
-          const i = ur.cloneNode(!0);
-          return f(i, () => l.icon), _((a) => {
-            const c = `${t().type}${t().subType ? ` (${t().subType})` : ""}`, u = l.color;
-            return c !== a._v$ && j(i, "title", a._v$ = c), u !== a._v$2 && i.style.setProperty("color", a._v$2 = u), a;
+          var i = rr();
+          return h(i, () => l.icon), P((a) => {
+            var u = `${t().type}${t().subType ? ` (${t().subType})` : ""}`, c = l.color;
+            return u !== a.e && L(i, "title", a.e = u), c !== a.t && ((a.t = c) != null ? i.style.setProperty("color", c) : i.style.removeProperty("color")), a;
           }, {
-            _v$: void 0,
-            _v$2: void 0
+            e: void 0,
+            t: void 0
           }), i;
         })(), (() => {
-          const i = it.cloneNode(!0);
-          return f(i, () => t().name), _(() => j(i, "title", t().name)), i;
+          var i = rt();
+          return h(i, () => t().name), P(() => L(i, "title", t().name)), i;
         })()];
       }
-    }), null), f(s, (() => {
-      const i = g(() => t().subitemsWithAlias.length > 0);
-      return () => i() && h(H, {
+    }), null), h(o, (() => {
+      var i = g(() => t().subitemsWithAlias.length > 0);
+      return () => i() && m(F, {
         class: "expand-button",
         get classList() {
           return {
@@ -1408,44 +1574,44 @@ const ur = /* @__PURE__ */ y('<div class="tag"></div>'), it = /* @__PURE__ */ y(
           r.value = !r.value;
         },
         get children() {
-          return h(Oe, {
+          return m(Oe, {
             name: "caret-down"
           });
         }
       });
-    })(), null), f(o, h(re, {
+    })(), null), h(s, m(kt, {
       get when() {
         return r.value;
       },
       get children() {
-        return h(Y, {
+        return m(Ee, {
           get each() {
             return t().subitemsWithAlias;
           },
-          children: (i) => h(H, {
+          children: (i) => m(F, {
             class: "subitem",
             get classList() {
               return {
-                selected: n() === t().id && I.selectedSubitem === i
+                selected: n() === t().id && R.selectedSubitem === i
               };
             },
             onClick: () => {
-              Te({
+              Se({
                 selectedCall: t().id,
                 selectedSubitem: i
               });
             },
             get children() {
-              const a = it.cloneNode(!0);
-              return f(a, i), a;
+              var a = rt();
+              return h(a, i), a;
             }
           })
         });
       }
-    }), null), _(() => s.classList.toggle("selected", n() === t().id)), o;
+    }), null), P(() => o.classList.toggle("selected", n() === t().id)), s;
   })();
 };
-function hr(e, t) {
+function or(e, t) {
   if (e === "ws")
     return {
       icon: t === "send" ? "S" : "R",
@@ -1463,37 +1629,37 @@ function hr(e, t) {
     color: r
   };
 }
-function Vt(e) {
+function ar(e) {
   return e ? e.slice().reverse() : [];
 }
-function gr(...e) {
+function cr(...e) {
   const t = [];
   for (const n of e)
     n != null && t.push(...n);
   return t;
 }
-function mr(e) {
+function ur(e) {
   return e.filter((t) => t != null);
 }
-function $r(e) {
+function fr(e) {
   return e.filter((t) => t !== !1);
 }
-function st(e) {
+function lt(e) {
   if (e == null)
     throw new Error("Value is null or undefined");
 }
-function at(e, t) {
+function it(e, t) {
   try {
     return e();
   } catch (n) {
     return t && t(n), null;
   }
 }
-function yr(e, t) {
-  const n = Jt(t);
-  return vr(e, n);
+function dr(e, t) {
+  const n = Rt(t);
+  return pr(e, n);
 }
-function vr(e, t) {
+function pr(e, t) {
   let n = 0;
   const r = {}, l = t.pattern.exec(e);
   if (!l)
@@ -1502,46 +1668,46 @@ function vr(e, t) {
     r[t.keys[n]] = l[++n] || null;
   return r;
 }
-function le(e) {
+function ee(e) {
   var t, n, r;
   if (Array.isArray(e)) {
     for (n = Array(t = e.length); t--; )
-      n[t] = (r = e[t]) && typeof r == "object" ? le(r) : r;
+      n[t] = (r = e[t]) && typeof r == "object" ? ee(r) : r;
     return n;
   }
   if (Object.prototype.toString.call(e) === "[object Object]") {
     n = {};
     for (t in e)
       t === "__proto__" ? Object.defineProperty(n, t, {
-        value: le(e[t]),
+        value: ee(e[t]),
         configurable: !0,
         enumerable: !0,
         writable: !0
-      }) : n[t] = (r = e[t]) && typeof r == "object" ? le(r) : r;
+      }) : n[t] = (r = e[t]) && typeof r == "object" ? ee(r) : r;
     return n;
   }
   return e;
 }
-const [G, br] = Ft({
+const [fe, hr] = It({
   calls: {}
-}), Le = me("");
-let Ue = {
+}), Ze = je("");
+let He = {
   callsProcessor: []
 };
-function wr(e) {
-  Ue = {
-    ...Ue,
+function gr(e) {
+  He = {
+    ...He,
     ...e
   };
 }
-function lo({
+function Bl({
   type: e,
   response: t,
   payload: n,
   event: r,
   startTime: l
 }) {
-  xr({
+  mr({
     type: "ws",
     path: r,
     payload: n,
@@ -1553,154 +1719,155 @@ function lo({
     response: t
   });
 }
-function xr(e) {
+function mr(e) {
   const t = e.startTime || Date.now();
   return ({
     isError: n,
     status: r,
     response: l,
-    metadata: o,
-    tags: s
+    metadata: s,
+    tags: o
   }) => {
     const i = e.duration || Date.now() - t;
-    br(
-      tr((a) => {
-        const c = at(
+    hr(
+      Zn((a) => {
+        const u = it(
           () => new URL(e.path, "http://localhost")
         );
-        st(c);
-        const u = c.searchParams.toString() !== "" ? Object.fromEntries(c.searchParams.entries()) : null;
-        let p = null;
-        const d = Ue.callsProcessor.find((A) => {
-          if (typeof A.match == "string") {
-            if (A.matchType && A.matchType !== e.type || A.matchSubType && e.subType && A.matchSubType.includes(e.subType))
+        lt(u);
+        const c = u.searchParams.toString() !== "" ? Object.fromEntries(u.searchParams.entries()) : null;
+        let f = null;
+        const d = He.callsProcessor.find((S) => {
+          if (typeof S.match == "string") {
+            if (S.matchType && S.matchType !== e.type || S.matchSubType && e.subType && S.matchSubType.includes(e.subType))
               return !1;
-            const T = yr(c.pathname, A.match);
-            return T ? (p = T, !0) : !1;
+            const E = dr(u.pathname, S.match);
+            return E ? (f = E, !0) : !1;
           } else
-            return A.match({
-              url: c,
+            return S.match({
+              url: u,
               type: e.type,
               subType: e.subType
             });
-        }), m = d?.callID?.({
-          url: c,
+        }), p = d?.callID?.({
+          url: u,
           type: e.type,
           subType: e.subType
-        }) || typeof d?.match == "string" && `${e.type}${e.subType || ""}${d.match}`, v = btoa(
-          m || `${c.pathname}|${e.type}${e.subType ? `|${e.subType}` : ""}`
+        }) || typeof d?.match == "string" && `${e.type}${e.subType || ""}${d.match}`, $ = btoa(
+          p || `${u.pathname}|${e.type}${e.subType ? `|${e.subType}` : ""}`
         ), b = d?.callName;
-        a.calls[v] || (a.calls[v] = {
-          name: (b || typeof d?.match == "string" && d.match || c.pathname).replace(/^\//, ""),
-          path: c.pathname.replace(/^\//, ""),
+        a.calls[$] || (a.calls[$] = {
+          name: (b || typeof d?.match == "string" && d.match || u.pathname).replace(/^\//, ""),
+          path: u.pathname.replace(/^\//, ""),
           lastRequestStartTime: t,
           requests: [],
           type: e.type,
           subType: e.subType
-        }, Le.value = v);
-        const w = a.calls[v];
-        st(w), w.requests.length > 100 && w.requests.shift();
-        const k = {
-          id: Xt(),
+        }, Ze.value = $);
+        const x = a.calls[$];
+        lt(x), x.requests.length > 100 && x.requests.shift();
+        const _ = {
+          id: Ft(),
           duration: i,
-          pathParams: p,
+          pathParams: f,
           isError: n,
-          metadata: le(o),
-          response: le(l),
+          metadata: ee(s),
+          response: ee(l),
           path: e.path.replace(/^\//, ""),
-          payload: le(e.payload),
-          searchParams: u,
+          payload: ee(e.payload),
+          searchParams: c,
           startTime: t,
           type: e.type,
           method: e.method,
           subType: e.subType,
           code: r,
-          tags: mr(
-            gr(e.tags, s)
+          tags: ur(
+            cr(e.tags, o)
           )
-        }, x = at(
-          () => d?.payloadAlias?.(k.payload, k)
+        }, w = it(
+          () => d?.payloadAlias?.(_.payload, _)
         );
-        x && (k.alias = x), w.requests.push(k);
+        w && (_.alias = w), x.requests.push(_);
       })
     );
   };
 }
-const Cr = {
+const yr = {
   short: 160,
   medium: 240,
   long: 360
-}, _r = {
+}, vr = {
   inOut: "cubic-bezier(0.4, 0.0, 0.2, 1)",
   out: "cubic-bezier(0.0, 0.0, 0.2, 1)",
   in: "cubic-bezier(0.4, 0.0, 1, 1)",
   linear: "linear"
-}, ct = (e) => e !== void 0 ? `${e}ms` : "";
-function Sr(e = {}) {
+}, st = (e) => e !== void 0 ? `${e}ms` : "";
+function $r(e = {}) {
   const { properties: t, duration: n, ease: r, delay: l } = e;
   return `
-    transition: ${ct(
-    typeof n == "number" ? n : Cr[n || "medium"]
-  )} ${_r[r || "inOut"]} ${ct(l)};
+    transition: ${st(
+    typeof n == "number" ? n : yr[n || "medium"]
+  )} ${vr[r || "inOut"]} ${st(l)};
     ${t ? `
     transition-property: ${t.join(", ") || ""};
     ` : ""}
   `;
 }
-const ut = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
-function kr(e, t) {
-  const n = ut(String(t)).indexOf(
-    ut(String(e))
+const ot = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
+function br(e, t) {
+  const n = ot(String(t)).indexOf(
+    ot(String(e))
   );
   return {
     matched: n !== -1,
     matchedIndex: n
   };
 }
-function Nr(e, t, { lowerFirst: n } = {}) {
+function wr(e, t, { lowerFirst: n } = {}) {
   return [...e].sort((r, l) => {
-    const o = t(r), s = t(l);
-    return o < s ? n ? -1 : 1 : o > s ? n ? 1 : -1 : 0;
+    const s = t(r), o = t(l);
+    return s < o ? n ? -1 : 1 : s > o ? n ? 1 : -1 : 0;
   });
 }
-function dt({
+function at({
   items: e,
   searchQuery: t,
   getStringToMatch: n
 }) {
   const r = [];
   for (const l of e) {
-    const o = kr(t, n(l));
-    o.matched && r.push({ item: l, matchedIndex: o.matchedIndex });
+    const s = br(t, n(l));
+    s.matched && r.push({ item: l, matchedIndex: s.matchedIndex });
   }
-  return Nr(r, (l) => l.matchedIndex, {
+  return wr(r, (l) => l.matchedIndex, {
     lowerFirst: !0
   }).map(({ item: l }) => l);
 }
-const Ar = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button><button>WebSocket</button><button>All</button></div><label><input type="text" placeholder="Search"></label><div></div></div>'), Tr = S`
+var Cr = /* @__PURE__ */ v("<div><h1>API EXPLORER</h1><div><button>API</button><button>WebSocket</button><button>All</button></div><label><input type=text placeholder=Search></label><div>");
+const xr = k`
   &&& {
-    ${O()};
-    border-right: 1px solid ${$.white.alpha(0.1)};
+    ${N()};
+    border-right: 1px solid ${y.white.alpha(0.1)};
 
     > h1 {
       font-size: 18px;
       padding-left: 12px;
       padding-top: 10px;
-      font-family: ${R.decorative};
-      color: ${$.secondary.var};
+      font-family: ${H.decorative};
+      color: ${y.secondary.var};
       padding-bottom: 12px;
     }
   }
-`, Pr = S`
+`, _r = k`
   &&& {
-    ${O()};
+    ${N()};
     flex: 1 1;
     overflow-y: auto;
     padding-bottom: 16px;
   }
-`, Er = S`
+`, Sr = k`
   &&& {
-    ${V({
+    ${B({
   gap: 8
 })};
     margin: 0 10px;
@@ -1708,29 +1875,29 @@ const Ar = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
 
     display: grid;
     grid-template-columns: 14px 1fr;
-    background: ${$.white.alpha(0.05)};
+    background: ${y.white.alpha(0.05)};
     border-radius: 4px;
     --icon-size: 16px;
     padding: 4px 0;
     padding-left: 6px;
 
     .icon {
-      color: ${$.secondary.var};
+      color: ${y.secondary.var};
     }
 
     input {
       border: none;
       background: transparent;
-      color: ${$.white.var};
+      color: ${y.white.var};
 
       &:focus {
         outline: none;
       }
     }
   }
-`, Or = S`
+`, kr = k`
   &&& {
-    ${V({
+    ${B({
   gap: 16
 })};
     padding-left: 15px;
@@ -1739,7 +1906,7 @@ const Ar = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
     > button {
       font-size: 14px;
       opacity: 0.5;
-      ${Sr()};
+      ${$r()};
 
       &:hover {
         opacity: 1;
@@ -1747,70 +1914,70 @@ const Ar = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
 
       &.active {
         opacity: 1;
-        color: ${$.primary.var};
+        color: ${y.primary.var};
       }
     }
   }
-`, U = me("api"), Lr = () => {
-  const e = me(""), t = Ht(() => {
-    const [r = "", l = ""] = e.value.split(">"), o = Object.entries(G.calls), s = [];
-    for (const [a, c] of o.reverse()) {
-      const u = /* @__PURE__ */ new Set();
-      if (!(U.value === "api" && c.type !== "fetch" && c.type !== "mutation") && !(U.value === "ws" && c.type !== "ws")) {
-        for (const p of c.requests)
-          p.alias && u.add(p.alias);
-        s.push({
+`, V = je("api"), Ar = () => {
+  const e = je(""), t = nr(() => {
+    const [r = "", l = ""] = e.value.split(">"), s = Object.entries(fe.calls), o = [];
+    for (const [a, u] of s.reverse()) {
+      const c = /* @__PURE__ */ new Set();
+      if (!(V.value === "api" && u.type !== "fetch" && u.type !== "mutation") && !(V.value === "ws" && u.type !== "ws")) {
+        for (const f of u.requests)
+          f.alias && c.add(f.alias);
+        o.push({
           id: a,
-          subitemsWithAlias: dt({
-            items: [...u],
+          subitemsWithAlias: at({
+            items: [...c],
             searchQuery: l.trim(),
-            getStringToMatch(p) {
-              return p;
+            getStringToMatch(f) {
+              return f;
             }
           }),
-          ...c
+          ...u
         });
       }
     }
-    return dt({
-      items: s,
+    return at({
+      items: o,
       searchQuery: r.trim(),
       getStringToMatch(a) {
         return a.name;
       }
     });
-  }, "id"), n = g(() => I.selectedCall);
+  }, "id"), n = g(() => R.selectedCall);
   return (() => {
-    const r = Ar.cloneNode(!0), l = r.firstChild, o = l.nextSibling, s = o.firstChild, i = s.nextSibling, a = i.nextSibling, c = o.nextSibling, u = c.firstChild, p = c.nextSibling;
-    return C(r, Tr), C(o, Or), s.$$click = () => U.set("api"), i.$$click = () => U.set("ws"), a.$$click = () => U.set("all"), C(c, Er), f(c, h(Oe, {
+    var r = Cr(), l = r.firstChild, s = l.nextSibling, o = s.firstChild, i = o.nextSibling, a = i.nextSibling, u = s.nextSibling, c = u.firstChild, f = u.nextSibling;
+    return T(r, xr), T(s, kr), o.$$click = () => V.set("api"), i.$$click = () => V.set("ws"), a.$$click = () => V.set("all"), T(u, Sr), h(u, m(Oe, {
       name: "search"
-    }), u), u.$$input = (d) => {
+    }), c), c.$$input = (d) => {
       e.value = d.currentTarget.value;
-    }, C(p, Pr), f(p, h(Y, {
+    }, T(f, _r), h(f, m(Ee, {
       get each() {
         return t();
       },
-      children: (d, m) => h(pr, {
+      children: (d, p) => m(sr, {
         get index() {
-          return m();
+          return p();
         },
         item: d,
         get currentCallId() {
           return n();
         }
       })
-    })), _((d) => {
-      const m = U.value === "api", v = U.value === "ws", b = U.value === "all";
-      return m !== d._v$ && s.classList.toggle("active", d._v$ = m), v !== d._v$2 && i.classList.toggle("active", d._v$2 = v), b !== d._v$3 && a.classList.toggle("active", d._v$3 = b), d;
+    })), P((d) => {
+      var p = V.value === "api", $ = V.value === "ws", b = V.value === "all";
+      return p !== d.e && o.classList.toggle("active", d.e = p), $ !== d.t && i.classList.toggle("active", d.t = $), b !== d.a && a.classList.toggle("active", d.a = b), d;
     }, {
-      _v$: void 0,
-      _v$2: void 0,
-      _v$3: void 0
-    }), _(() => u.value = e.value), r;
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), P(() => c.value = e.value), r;
   })();
 };
-Ee(["click", "input"]);
-function qt(...e) {
+Pe(["click", "input"]);
+function Tr(...e) {
   const t = [];
   for (let n = 0; n < e.length; n++) {
     const r = e[n];
@@ -1820,22 +1987,23 @@ function qt(...e) {
     if (l === "string" || l === "number")
       t.push(r);
     else if (l === "object")
-      for (let o = 0, s = Object.keys(r); o < s.length; o++)
-        r[s[o]] && t.push(s[o]);
+      for (let s = 0, o = Object.keys(r); s < o.length; s++)
+        r[o[s]] && t.push(o[s]);
   }
   return t.join(" ");
 }
-const jr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Ir = /* @__PURE__ */ y("<h1></h1>"), Mr = S`
+var Er = /* @__PURE__ */ v("<div><div class=content>"), Pr = /* @__PURE__ */ v("<h1>");
+const Or = k`
   &&& {
-    ${O()};
+    ${N()};
 
     > h1 {
       font-size: 14px;
-      color: ${$.secondary.var};
+      color: ${y.secondary.var};
       letter-spacing: 0.08em;
-      font-family: ${R.decorative};
+      font-family: ${H.decorative};
       font-weight: 300;
-      background: ${$.bgPrimary.var};
+      background: ${y.bgPrimary.var};
       z-index: 1;
       align-self: flex-start;
       position: sticky;
@@ -1851,7 +2019,7 @@ const jr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Ir = /*
       padding-top: calc(var(--padding-top) + 10px);
       padding-inline: 10px;
       padding-bottom: 10px;
-      background: ${$.white.alpha(0.05)};
+      background: ${y.white.alpha(0.05)};
       border-radius: 4px;
     }
 
@@ -1859,16 +2027,18 @@ const jr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Ir = /*
       margin-top: 20px;
     }
   }
-`, M = (e) => (() => {
-  const t = jr.cloneNode(!0), n = t.firstChild;
-  return f(t, (() => {
-    const r = g(() => !!e.title);
+`, K = (e) => (() => {
+  var t = Er(), n = t.firstChild;
+  return h(t, (() => {
+    var r = g(() => !!e.title);
     return () => r() && (() => {
-      const l = Ir.cloneNode(!0);
-      return f(l, () => e.title), l;
+      var l = Pr();
+      return h(l, () => e.title), l;
     })();
-  })(), n), f(n, () => e.children), _(() => C(t, qt(Mr, e.class))), t;
-})(), Dr = /* @__PURE__ */ y("<div></div>"), zr = /* @__PURE__ */ y('<div class="row"><div class="name"></div><div class="value"></div></div>'), Rr = S`
+  })(), n), h(n, () => e.children), P(() => T(t, Tr(Or, e.class))), t;
+})();
+var jr = /* @__PURE__ */ v("<div>"), Lr = /* @__PURE__ */ v("<div class=row><div class=name></div><div class=value>");
+const Ir = k`
   &&& {
     display: grid;
     grid-template-columns: auto 1fr;
@@ -1884,37 +2054,37 @@ const jr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Ir = /*
     }
 
     .row:not(:last-child) > div {
-      border-bottom: 1px solid ${$.white.alpha(0.1)};
+      border-bottom: 1px solid ${y.white.alpha(0.1)};
     }
 
     .value {
       padding-left: 16px;
-      color: ${$.white.var};
+      color: ${y.white.var};
     }
 
     .name {
       opacity: 0.7;
     }
   }
-`, Fr = (e) => (() => {
-  const t = Dr.cloneNode(!0);
-  return C(t, Rr), f(t, h(pn, {
+`, Nr = (e) => (() => {
+  var t = jr();
+  return T(t, Ir), h(t, m(tn, {
     get each() {
-      return $r(e.rows);
+      return fr(e.rows);
     },
     children: (n) => (() => {
-      const r = zr.cloneNode(!0), l = r.firstChild, o = l.nextSibling;
-      return f(l, () => n().name), f(o, () => n().value), r;
+      var r = Lr(), l = r.firstChild, s = l.nextSibling;
+      return h(l, () => n().name), h(s, () => n().value), r;
     })()
   })), t;
-})(), Br = `
+})(), Mr = `
   user-select: text;
 
   *, *::before, *::after {
     user-select: text;
   }
 `;
-function Hr(e) {
+function Dr(e) {
   return `
     display: -webkit-box;
     overflow: hidden;
@@ -1922,20 +2092,21 @@ function Hr(e) {
     -webkit-box-orient: vertical;
   `;
 }
-const ft = /* @__PURE__ */ new Map();
-function We(e, t) {
+const ct = /* @__PURE__ */ new Map();
+function Ue(e, t) {
   const n = JSON.stringify(t);
-  return (ft.get(n) ?? ft.set(n, new Intl.NumberFormat("en-US", t)).get(n)).format(e);
+  return (ct.get(n) ?? ct.set(n, new Intl.NumberFormat("en-US", t)).get(n)).format(e);
 }
-function Vr(e) {
+function zr(e) {
   return e !== null && typeof e == "object";
 }
-const qr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Ur = /* @__PURE__ */ y('<div class="collapsed"></div>'), Wr = /* @__PURE__ */ y('<div class="delimiter">[]</div>'), Zr = /* @__PURE__ */ y('<div class="delimiter">{}</div>'), pt = /* @__PURE__ */ y('<div class="delimiter"></div>'), ht = /* @__PURE__ */ y('<div class="childs"></div>'), Kr = /* @__PURE__ */ y('<div class="delimiter end">]</div>'), gt = /* @__PURE__ */ y('<div class="child"></div>'), Jr = /* @__PURE__ */ y('<div class="delimiter end">}</div>'), Xr = /* @__PURE__ */ y('<div class="value" title="Shift + Click to copy value"></div>'), mt = /* @__PURE__ */ y('<span class="string-quotes">"</span>'), Yr = /* @__PURE__ */ y("<div></div>"), De = /* @__PURE__ */ y("<span> · id: </span>"), Gr = S`
+var Rr = /* @__PURE__ */ v("<div class=key><span>"), Fr = /* @__PURE__ */ v("<div class=collapsed>"), Br = /* @__PURE__ */ v("<div class=delimiter>[]"), Hr = /* @__PURE__ */ v("<div class=delimiter>{}"), ut = /* @__PURE__ */ v("<div class=delimiter>"), ft = /* @__PURE__ */ v("<div class=childs>"), Ur = /* @__PURE__ */ v('<div class="delimiter end">]'), dt = /* @__PURE__ */ v("<div class=child>"), Vr = /* @__PURE__ */ v('<div class="delimiter end">}'), Kr = /* @__PURE__ */ v('<div class=value title="Shift + Click to copy value">'), pt = /* @__PURE__ */ v('<span class=string-quotes>"'), Wr = /* @__PURE__ */ v("<div>"), De = /* @__PURE__ */ v("<span> · id: ");
+const Zr = k`
   &&& {
-    font-family: ${R.decorative};
+    font-family: ${H.decorative};
     font-size: 13px;
-    ${Br};
-    ${O({
+    ${Mr};
+    ${N({
   gap: 2
 })};
     padding-left: 8px;
@@ -1945,7 +2116,7 @@ const qr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Ur = /* @_
       width: 16px;
       display: inline-block;
       vertical-align: middle;
-      color: ${$.white.alpha(0.5)};
+      color: ${y.white.alpha(0.5)};
 
       &:not(.expanded) .icon {
         transform: rotate(-90deg);
@@ -1953,18 +2124,18 @@ const qr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Ur = /* @_
     }
 
     .show-all {
-      color: ${$.white.alpha(0.5)};
+      color: ${y.white.alpha(0.5)};
       text-align: left;
     }
 
     .childs {
-      ${O({
+      ${N({
   gap: 2
 })};
     }
 
     .delimiter {
-      color: ${$.white.alpha(0.5)};
+      color: ${y.white.alpha(0.5)};
       margin-top: 1px;
       margin-bottom: 1px;
 
@@ -1978,13 +2149,13 @@ const qr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Ur = /* @_
     .childs {
       padding-left: 20px;
       grid-column: 1 / span 3;
-      border-left: 1px solid ${$.white.alpha(0.05)};
+      border-left: 1px solid ${y.white.alpha(0.05)};
 
       > .value {
         &::after {
           content: ',';
           opacity: 0.5;
-          color: ${$.white.var};
+          color: ${y.white.var};
         }
       }
     }
@@ -1996,22 +2167,22 @@ const qr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Ur = /* @_
       .key {
         color: #a5d6ff;
         margin-right: 5px;
-        ${V({
+        ${B({
   align: "top"
 })};
 
         span {
           flex-shrink: 1;
-          ${he};
+          ${ue};
         }
 
         &.index {
-          color: ${$.success.alpha(0.7)};
+          color: ${y.success.alpha(0.7)};
         }
 
         &::after {
           content: ':';
-          color: ${$.secondary.alpha(0.5)};
+          color: ${y.secondary.alpha(0.5)};
         }
       }
     }
@@ -2022,171 +2193,166 @@ const qr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Ur = /* @_
 
     .value {
       word-wrap: break-word;
-      ${Hr(5)};
+      ${Dr(5)};
     }
 
     [data-type='number'] {
-      color: ${$.primary.var};
+      color: ${y.primary.var};
     }
 
     [data-type='boolean'] {
-      color: ${$.warning.var};
+      color: ${y.warning.var};
     }
 
     [data-type='object'],
     [data-type='undefined'] {
-      color: ${$.white.alpha(0.6)};
+      color: ${y.white.alpha(0.6)};
     }
 
     .collapsed {
-      color: ${$.white.alpha(0.5)};
+      color: ${y.white.alpha(0.5)};
 
       > span {
-        color: ${$.white.alpha(0.4)};
+        color: ${y.white.alpha(0.4)};
       }
     }
   }
-`, ee = 14, Ze = (e) => {
-  let [t, n] = oe(!(e.indent > 0 && e.compact)), [r, l] = oe(!e.compact);
+`, qr = 14, Ve = (e) => {
+  let t = e.parentIsExpanded;
+  e.compact && e.indent >= 3 && t && (t = !1);
+  let [n, r] = te(t), [l, s] = te(!e.compact);
+  const o = e.indent >= 2 ? 5 : qr;
   return g(() => {
-    const o = e.value, s = Array.isArray(o), i = !s && Vr(o), a = e.key !== void 0 || e.index !== void 0, c = s && o.length > 0 || i && Object.keys(o).length > 0, u = c && h(H, {
+    const i = e.value, a = Array.isArray(i), u = !a && zr(i), c = e.key !== void 0 || e.index !== void 0, f = a && i.length > 0 || u && Object.keys(i).length > 0, d = f && m(F, {
       onClick: () => {
-        n(() => !t());
+        r(() => !n());
       },
       get classList() {
         return {
-          expanded: t()
+          expanded: n()
         };
       },
       class: "expand-button",
       get children() {
-        return h(Oe, {
+        return m(Oe, {
           name: "caret-down",
           size: 14
         });
       }
     });
-    return [a && (() => {
-      const p = qr.cloneNode(!0), d = p.firstChild;
-      return p.$$click = (m) => {
-        m.shiftKey && ve(o);
-      }, f(p, s || i ? u : null, d), f(d, () => e.key || e.index), _((m) => {
-        const v = `${e.key ? `${e.key}
-` : ""}Shift + Click to copy value`, b = e.index !== void 0;
-        return v !== m._v$ && j(p, "title", m._v$ = v), b !== m._v$2 && p.classList.toggle("index", m._v$2 = b), m;
+    return [c && (() => {
+      var p = Rr(), $ = p.firstChild;
+      return p.$$click = (b) => {
+        b.shiftKey && ge(i);
+      }, h(p, a || u ? d : null, $), h($, () => e.key || e.index), P((b) => {
+        var x = `${e.key ? `${e.key}
+` : ""}Shift + Click to copy value`, _ = e.index !== void 0;
+        return x !== b.e && L(p, "title", b.e = x), _ !== b.t && p.classList.toggle("index", b.t = _), b;
       }, {
-        _v$: void 0,
-        _v$2: void 0
+        e: void 0,
+        t: void 0
       }), p;
-    })(), g((() => {
-      const p = g(() => !!(a && c && !t()));
-      return () => p() ? (() => {
-        const d = Ur.cloneNode(!0);
-        return f(d, () => s ? `[…] ${o.length} items` : [g(() => `{…} ${Object.keys(o).length} props`), g(() => Qr(o))]), d;
-      })() : (() => s && o.length === 0 ? Wr.cloneNode(!0) : i && Object.keys(o).length === 0 ? Zr.cloneNode(!0) : s ? [(() => {
-        const d = pt.cloneNode(!0);
-        return ke(d, "click", a ? void 0 : (m) => {
-          m.shiftKey && ve(o);
-        }, !0), j(d, "title", a ? void 0 : "Shift + Click to copy value"), f(d, !a && u, null), f(d, () => t() ? "[" : `[…] ${o.length} items`, null), d;
-      })(), g((() => {
-        const d = g(() => !!t());
-        return () => d() && [(() => {
-          const m = ht.cloneNode(!0);
-          return f(m, () => {
-            let v = o;
-            const b = v.length;
-            return r() || (v = v.slice(0, ee)), [g(() => v.map((w, k) => (() => {
-              const x = gt.cloneNode(!0);
-              return f(x, h(Ze, {
-                value: w,
-                get indent() {
-                  return e.indent + 1;
-                },
-                index: k,
-                get compact() {
-                  return e.compact;
-                }
-              })), x;
-            })())), g((() => {
-              const w = g(() => !r() && b > ee);
-              return () => w() && h(H, {
-                onClick: () => {
-                  l(() => !0);
-                },
-                class: "show-all",
-                get children() {
-                  return ["…show all (+", b - ee, ")"];
-                }
-              });
-            })())];
-          }), m;
-        })(), Kr.cloneNode(!0)];
-      })())] : i ? [(() => {
-        const d = pt.cloneNode(!0);
-        return ke(d, "click", a ? void 0 : (m) => {
-          m.shiftKey && ve(o);
-        }, !0), j(d, "title", a ? void 0 : "Shift + Click to copy value"), f(d, !a && u, null), f(d, (() => {
-          const m = g(() => !!t());
-          return () => m() ? "{" : `{…} ${Object.keys(o).length} properties`;
-        })(), null), d;
-      })(), g((() => {
-        const d = g(() => !!t());
-        return () => d() && [(() => {
-          const m = ht.cloneNode(!0);
-          return f(m, () => {
-            let v = Object.entries(o);
-            const b = v.length;
-            return r() || (v = v.slice(0, ee)), [g(() => v.map(([w, k]) => (() => {
-              const x = gt.cloneNode(!0);
-              return f(x, h(Ze, {
-                value: k,
-                key: w,
-                get indent() {
-                  return e.indent + 1;
-                },
-                get compact() {
-                  return e.compact;
-                }
-              })), x;
-            })())), g((() => {
-              const w = g(() => !r() && b > ee);
-              return () => w() && h(H, {
-                onClick: () => {
-                  l(() => !0);
-                },
-                class: "show-all",
-                get children() {
-                  return ["…show all (+", b - ee, ")"];
-                }
-              });
-            })())];
-          }), m;
-        })(), Jr.cloneNode(!0)];
-      })())] : (() => {
-        const d = Xr.cloneNode(!0);
-        return d.$$click = (m) => {
-          m.shiftKey && ve(String(o));
-        }, j(d, "data-type", typeof o), f(d, typeof o == "string" && mt.cloneNode(!0), null), f(d, () => typeof o == "number" ? We(o) : String(o), null), f(d, typeof o == "string" && mt.cloneNode(!0), null), d;
-      })())();
+    })(), g(() => g(() => !!(c && f && !n()))() ? (() => {
+      var p = Fr();
+      return h(p, () => a ? `[…] ${i.length} items` : [g(() => `{…} ${Object.keys(i).length} props`), g(() => Xr(i))]), p;
+    })() : a && i.length === 0 ? Br() : u && Object.keys(i).length === 0 ? Hr() : a ? [(() => {
+      var p = ut();
+      return we(p, "click", c ? void 0 : ($) => {
+        $.shiftKey && ge(i);
+      }, !0), L(p, "title", c ? void 0 : "Shift + Click to copy value"), h(p, !c && d, null), h(p, () => n() ? "[" : `[…] ${i.length} items`, null), p;
+    })(), g(() => g(() => !!n())() && [(() => {
+      var p = ft();
+      return h(p, () => {
+        let $ = i;
+        const b = $.length;
+        return l() || ($ = $.slice(0, o)), [g(() => $.map((x, _) => (() => {
+          var w = dt();
+          return h(w, m(Ve, {
+            value: x,
+            get indent() {
+              return e.indent + 1;
+            },
+            index: _,
+            get compact() {
+              return e.compact;
+            },
+            get parentIsExpanded() {
+              return n();
+            }
+          })), w;
+        })())), g(() => g(() => !l() && b > o)() && m(F, {
+          onClick: () => {
+            s(() => !0);
+          },
+          class: "show-all",
+          get children() {
+            return ["…show all (+", b - o, ")"];
+          }
+        }))];
+      }), p;
+    })(), Ur()])] : u ? [(() => {
+      var p = ut();
+      return we(p, "click", c ? void 0 : ($) => {
+        $.shiftKey && ge(i);
+      }, !0), L(p, "title", c ? void 0 : "Shift + Click to copy value"), h(p, !c && d, null), h(p, (() => {
+        var $ = g(() => !!n());
+        return () => $() ? "{" : `{…} ${Object.keys(i).length} properties`;
+      })(), null), p;
+    })(), g(() => g(() => !!n())() && [(() => {
+      var p = ft();
+      return h(p, () => {
+        let $ = Object.entries(i);
+        const b = $.length;
+        return l() || ($ = $.slice(0, o)), [g(() => $.map(([x, _]) => (() => {
+          var w = dt();
+          return h(w, m(Ve, {
+            value: _,
+            key: x,
+            get indent() {
+              return e.indent + 1;
+            },
+            get compact() {
+              return e.compact;
+            },
+            get parentIsExpanded() {
+              return n();
+            }
+          })), w;
+        })())), g(() => g(() => !l() && b > o)() && m(F, {
+          onClick: () => {
+            s(() => !0);
+          },
+          class: "show-all",
+          get children() {
+            return ["…show all (+", b - o, ")"];
+          }
+        }))];
+      }), p;
+    })(), Vr()])] : (() => {
+      var p = Kr();
+      return p.$$click = ($) => {
+        $.shiftKey && ge(String(i));
+      }, L(p, "data-type", typeof i), h(p, typeof i == "string" && pt(), null), h(p, () => typeof i == "number" ? Ue(i) : String(i), null), h(p, typeof i == "string" && pt(), null), p;
     })())];
   });
-}, K = (e) => (() => {
-  const t = Yr.cloneNode(!0);
-  return C(t, Gr), f(t, h(Ze, {
+}, W = (e) => (() => {
+  var t = Wr();
+  return T(t, Zr), h(t, m(Ve, {
     get value() {
       return e.value;
     },
     indent: 0,
     get compact() {
       return !!e.compact;
-    }
+    },
+    parentIsExpanded: !0
   })), t;
 })();
-function Qr(e) {
+function Xr(e) {
   if ("id" in e)
     return (() => {
-      const n = De.cloneNode(!0);
-      return n.firstChild, f(n, () => String(e.id), null), n;
+      var n = De();
+      return n.firstChild, h(n, () => String(e.id), null), n;
     })();
   const t = Object.keys(e);
   for (const n of t)
@@ -2194,300 +2360,29 @@ function Qr(e) {
       const r = e[n];
       if (typeof r == "string" || typeof r == "number")
         return (() => {
-          const l = De.cloneNode(!0);
-          return l.firstChild, f(l, r, null), l;
+          var l = De();
+          return l.firstChild, h(l, r, null), l;
         })();
     }
   return "key" in e ? (() => {
-    const n = De.cloneNode(!0);
-    return n.firstChild, f(n, () => String(e.id), null), n;
+    var n = De();
+    return n.firstChild, h(n, () => String(e.id), null), n;
   })() : "";
 }
-async function ve(e) {
+async function ge(e) {
   await navigator.clipboard.writeText(typeof e == "object" ? JSON.stringify(e, null, 2) : String(e)), alert("Copied to clipboard");
 }
-Ee(["click"]);
-let el = 0;
-function tl() {
-  return el++;
-}
-const nl = /* @__PURE__ */ y("<label></label>"), rl = /* @__PURE__ */ y('<div><div class="inputContainer"><select></select></div></div>'), ll = /* @__PURE__ */ y('<option value="">-- select an option --</option>'), ol = /* @__PURE__ */ y("<option></option>"), il = S`
-  &&& {
-    ${O({
-  align: "left"
-})};
-    width: 100%;
-    position: relative;
-
-    label {
-      color: ${$.primary.var};
-      z-index: 1;
-      font-size: 13px;
-      letter-spacing: 0.08em;
-      margin-left: 6px;
-    }
-
-    .inputContainer {
-      background: ${$.white.alpha(0.05)};
-      border-radius: 4px;
-      margin-top: 0px;
-      position: relative;
-      width: 100%;
-      overflow: hidden;
-      ${O({
-  align: "left"
-})};
-    }
-
-    select {
-      height: 32px;
-      border: 0;
-      width: 100%;
-      padding-top: 2px;
-      padding-left: 10px;
-      font-size: 14px;
-      background: transparent;
-      color: ${$.white.var};
-
-      &:focus {
-        outline: 0;
-      }
-
-      option {
-        font-size: 18px;
-      }
-    }
-
-    .label-background {
-      position: absolute;
-      left: 0;
-      right: 8px;
-      height: 17px;
-      background: ${$.white.var};
-    }
-  }
-`, sl = (e) => {
-  const t = `input${tl()}`;
-  return (() => {
-    const n = rl.cloneNode(!0), r = n.firstChild, l = r.firstChild;
-    return f(n, h(re, {
-      get when() {
-        return e.label;
-      },
-      get children() {
-        const o = nl.cloneNode(!0);
-        return j(o, "for", t), f(o, () => e.label), o;
-      }
-    }), r), l.addEventListener("change", (o) => {
-      o.currentTarget.value && e.onChange(o.currentTarget.value);
-    }), j(l, "id", t), f(l, (() => {
-      const o = g(() => !e.value);
-      return () => o() && ll.cloneNode(!0);
-    })(), null), f(l, h(Y, {
-      get each() {
-        return e.options;
-      },
-      children: (o) => (() => {
-        const s = ol.cloneNode(!0);
-        return f(s, () => o.label), _(() => s.value = o.value), s;
-      })()
-    }), null), _(() => C(n, qt(il, e.class))), _(() => l.value = e.value ?? ""), n;
-  })();
-};
-function Ut(e) {
-  const t = e.alias || e.payload || e.searchParams;
-  return !t || Object.keys(t).length === 0 ? "" : typeof t == "string" || typeof t == "number" ? String(t) : JSON.stringify(t);
-}
-function $t(e, t) {
-  return _t(e, t) ? "no changes" : Yt.diffJson(
-    typeof e == "object" && e !== null ? e : String(e),
-    typeof t == "object" && t !== null ? t : String(t)
-  );
-}
-function al(e, t) {
-  return e.length > t ? `${e.slice(0, t)}...` : e;
-}
-const cl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions">+ <b></b> lines</span> | <span class="removals">- <b></b> lines</span></div>'), ze = /* @__PURE__ */ y("<div></div>"), yt = /* @__PURE__ */ y("<div>No changes</div>"), vt = /* @__PURE__ */ y('<div class="line"></div>'), ul = S`
-  &&& {
-    ${O({
-  gap: 14
-})};
-
-    .changes-count {
-      color: ${$.white.alpha(0.5)};
-      font-size: 14px;
-
-      .additions {
-        color: ${$.success.var};
-      }
-
-      .removals {
-        color: ${$.error.var};
-      }
-    }
-  }
-`, bt = S`
-  &&& {
-    ${O({
-  gap: 0
-})};
-    font-size: 14px;
-    font-family: ${R.decorative};
-    white-space: pre;
-    overflow-x: auto;
-
-    .line {
-      opacity: 0.7;
-      padding-left: 10px;
-
-      &.added {
-        opacity: 1;
-        color: ${$.success.var};
-        background: ${$.success.alpha(0.1)};
-
-        &::before {
-          content: '+';
-          position: absolute;
-          left: 0;
-        }
-      }
-
-      &.removed {
-        opacity: 1;
-        color: ${$.error.var};
-        background: ${$.error.alpha(0.1)};
-
-        &::before {
-          content: '-';
-          position: absolute;
-          left: 0;
-        }
-      }
-    }
-  }
-`, dl = () => {
-  const e = g(() => {
-    const {
-      selectedCall: a
-    } = I;
-    return a ? G.calls[a] : G.calls[Le.value];
-  }), t = qe(() => I.selectedRequest ? e()?.requests.find((a) => a.id === I.selectedRequest) : e()?.requests.at(-1) || null), n = g(() => t.value?.id), r = Ht(() => {
-    const a = e();
-    return a ? Vt(a.requests).map((c) => ({
-      value: c.id,
-      label: `${te(c.startTime).format("HH:mm:ss")} | ${al(Ut(c), 50)}`
-    })).filter((c) => c.value !== n()) : [];
-  }, "value"), l = me(null), o = g(() => l.value ? e()?.requests.find((a) => a.id === l.value) : null), s = g(() => {
-    if (!l.value || !n())
-      return [];
-    const a = t.value?.response, c = o()?.response, u = $t(c, a);
-    return u === "no changes" ? [] : u;
-  }), i = g(() => {
-    if (!l.value || !n())
-      return [];
-    const a = wt(t.value), c = wt(o()), u = $t(c, a);
-    return u === "no changes" ? [] : u;
-  });
-  return tn(() => watchValue(l.value)), (() => {
-    const a = ze.cloneNode(!0);
-    return C(a, ul), f(a, h(sl, {
-      get value() {
-        return l.value;
-      },
-      label: "Select a request to compare with",
-      get options() {
-        return r();
-      },
-      onChange: (c) => {
-        l.value = c;
-      }
-    }), null), f(a, h(re, {
-      get when() {
-        return l.value;
-      },
-      get children() {
-        return [(() => {
-          const c = cl.cloneNode(!0), u = c.firstChild, p = u.firstChild, d = p.nextSibling, m = u.nextSibling, v = m.nextSibling, b = v.firstChild, w = b.nextSibling;
-          return f(d, () => s().filter((k) => k.added).length), f(w, () => s().filter((k) => k.removed).length), c;
-        })(), h(re, {
-          get when() {
-            return t.value?.payload || t.value?.searchParams || t.value?.pathParams;
-          },
-          get children() {
-            return h(M, {
-              get title() {
-                return t.value?.payload ? "Payload Diff" : t.value?.searchParams ? "Search Params Diff" : t.value?.pathParams ? "Path Params Diff" : "Payload";
-              },
-              get children() {
-                const c = ze.cloneNode(!0);
-                return C(c, bt), f(c, h(Y, {
-                  get each() {
-                    return i();
-                  },
-                  get fallback() {
-                    return yt.cloneNode(!0);
-                  },
-                  children: (u) => (() => {
-                    const p = vt.cloneNode(!0);
-                    return f(p, () => u.value), _((d) => {
-                      const m = !!u.added, v = !!u.removed;
-                      return m !== d._v$ && p.classList.toggle("added", d._v$ = m), v !== d._v$2 && p.classList.toggle("removed", d._v$2 = v), d;
-                    }, {
-                      _v$: void 0,
-                      _v$2: void 0
-                    }), p;
-                  })()
-                })), c;
-              }
-            });
-          }
-        }), h(re, {
-          get when() {
-            return t.value?.response !== void 0;
-          },
-          get children() {
-            return h(M, {
-              title: "Response Diff",
-              get children() {
-                const c = ze.cloneNode(!0);
-                return C(c, bt), f(c, h(Y, {
-                  get each() {
-                    return s();
-                  },
-                  get fallback() {
-                    return yt.cloneNode(!0);
-                  },
-                  children: (u) => (() => {
-                    const p = vt.cloneNode(!0);
-                    return f(p, () => u.value), _((d) => {
-                      const m = !!u.added, v = !!u.removed;
-                      return m !== d._v$3 && p.classList.toggle("added", d._v$3 = m), v !== d._v$4 && p.classList.toggle("removed", d._v$4 = v), d;
-                    }, {
-                      _v$3: void 0,
-                      _v$4: void 0
-                    }), p;
-                  })()
-                })), c;
-              }
-            });
-          }
-        })];
-      }
-    }), null), a;
-  })();
-};
-function wt(e) {
-  return e ? e.payload || e.searchParams || e.pathParams : null;
-}
-const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span class="type"></span><span class="separator">|</span></h1>'), pl = /* @__PURE__ */ y('<div class="tags"></div>'), hl = /* @__PURE__ */ y('<div class="details"></div>'), gl = /* @__PURE__ */ y('<span class="separator">|</span>'), ml = /* @__PURE__ */ y("<h2></h2>"), $l = /* @__PURE__ */ y('<div class="method"></div>'), yl = /* @__PURE__ */ y('<div class="code"></div>'), vl = /* @__PURE__ */ y('<div class="tag error">Has Error</div>'), bl = /* @__PURE__ */ y('<div class="tag"></div>'), wl = /* @__PURE__ */ y("<span> ms</span>"), xl = /* @__PURE__ */ y("<span></span>"), Cl = S`
+Pe(["click"]);
+var ht = /* @__PURE__ */ v("<div>"), Yr = /* @__PURE__ */ v("<h1><span class=type></span><span class=separator>|"), Gr = /* @__PURE__ */ v("<div class=tags>"), Jr = /* @__PURE__ */ v("<div class=details>"), Qr = /* @__PURE__ */ v("<span class=separator>|"), el = /* @__PURE__ */ v("<h2>"), tl = /* @__PURE__ */ v("<div class=method>"), nl = /* @__PURE__ */ v("<div class=code>"), rl = /* @__PURE__ */ v('<div class="tag error">Has Error'), ll = /* @__PURE__ */ v("<div class=tag>"), il = /* @__PURE__ */ v("<span> ms"), sl = /* @__PURE__ */ v("<span>");
+const ol = k`
   &&& {
-    ${O()};
+    ${N()};
     padding-left: 10px;
 
     > h1 {
       margin-top: 12px;
-      font-family: ${R.decorative};
-      ${he};
+      font-family: ${H.decorative};
+      ${ue};
 
       span.separator {
         font-size: 14px;
@@ -2498,46 +2393,46 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
 
       span.type {
         text-transform: capitalize;
-        color: ${$.secondary.var};
+        color: ${y.secondary.var};
       }
     }
 
     > h2 {
       margin-top: 4px;
-      font-family: ${R.decorative};
+      font-family: ${H.decorative};
       font-size: 12px;
       opacity: 0.5;
     }
 
     .tags {
-      ${V({
+      ${B({
   gap: 8
 })};
       margin-top: 8px;
 
       .method {
-        color: ${$.primary.var};
+        color: ${y.primary.var};
       }
 
       .code {
-        color: ${$.success.var};
+        color: ${y.success.var};
 
         &.error {
-          color: ${$.error.var};
+          color: ${y.error.var};
         }
       }
 
       .tag {
         font-size: 11px;
-        color: ${$.warning.var};
+        color: ${y.warning.var};
         padding: 1px 3px;
         border-radius: 4px;
-        border: 1px solid ${$.warning.alpha(0.6)};
+        border: 1px solid ${y.warning.alpha(0.6)};
 
         &.error {
-          color: ${$.error.var};
+          color: ${y.error.var};
           font-weight: 600;
-          border-color: ${$.error.alpha(0.6)};
+          border-color: ${y.error.alpha(0.6)};
         }
       }
     }
@@ -2545,7 +2440,7 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
     > .details {
       margin-top: 14px;
       padding-right: 10px;
-      ${O({
+      ${N({
   gap: 8
 })};
       flex: 1 1;
@@ -2553,12 +2448,12 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
       padding-bottom: 20px;
     }
   }
-`, _l = S`
+`, al = k`
   &&& {
-    ${V({
+    ${B({
   gap: 20
 })};
-    color: ${$.secondary.var};
+    color: ${y.secondary.var};
     margin-top: 20px;
 
     > button {
@@ -2575,35 +2470,35 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
       }
     }
   }
-`, Sl = () => {
-  const e = g(() => I.selectedCall), t = g(() => I.selectedRequest), n = g(() => I.selectedTab || "summary"), r = qe(() => {
-    let s;
-    e() ? s = G.calls[e()] : s = G.calls[Le.value];
-    const i = t() && s?.requests.find((a) => a.id === t()) || s?.requests.at(-1);
-    return i && s ? {
+`, cl = () => {
+  const e = g(() => R.selectedCall), t = g(() => R.selectedRequest), n = g(() => R.selectedTab || "summary"), r = nt(() => {
+    let o;
+    e() ? o = fe.calls[e()] : o = fe.calls[Ze.value];
+    const i = t() && o?.requests.find((a) => a.id === t()) || o?.requests.at(-1);
+    return i && o ? {
       ...i,
-      callName: s.name,
-      callPath: s.path
+      callName: o.name,
+      callPath: o.path
     } : null;
   });
-  function l(s, i) {
-    return h(H, {
+  function l(o, i) {
+    return m(F, {
       get classList() {
         return {
-          selected: n() === s
+          selected: n() === o
         };
       },
       onClick: () => {
-        Te("selectedTab", s);
+        Se("selectedTab", o);
       },
       children: i
     });
   }
-  const o = qe(() => {
+  const s = nt(() => {
     if (!r.value?.response)
       return !1;
-    const s = JSON.stringify(r.value.response).length;
-    return We(s, {
+    const o = JSON.stringify(r.value.response).length;
+    return Ue(o, {
       unit: "byte",
       style: "unit",
       notation: "compact",
@@ -2611,130 +2506,127 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
     });
   });
   return (() => {
-    const s = xt.cloneNode(!0);
-    return C(s, Cl), f(s, (() => {
-      const i = g(() => !!r.value);
+    var o = ht();
+    return T(o, ol), h(o, (() => {
+      var i = g(() => !!r.value);
       return () => i() && [(() => {
-        const a = fl.cloneNode(!0), c = a.firstChild;
-        return c.nextSibling, f(c, () => r.value.type === "ws" ? `WS ${r.value.subType}` : "API"), f(a, () => r.value.callName, null), f(a, (() => {
-          const u = g(() => !!r.value.alias);
-          return () => u() && gl.cloneNode(!0);
-        })(), null), f(a, () => r.value.alias, null), a;
-      })(), g((() => {
-        const a = g(() => r.value.callPath !== r.value.callName);
-        return () => a() && (() => {
-          const c = ml.cloneNode(!0);
-          return f(c, () => r.value.callPath), c;
-        })();
+        var a = Yr(), u = a.firstChild;
+        return u.nextSibling, h(u, () => r.value.type === "ws" ? `WS ${r.value.subType}` : "API"), h(a, () => r.value.callName, null), h(a, (() => {
+          var c = g(() => !!r.value.alias);
+          return () => c() && Qr();
+        })(), null), h(a, () => r.value.alias, null), a;
+      })(), g(() => g(() => r.value.callPath !== r.value.callName)() && (() => {
+        var a = el();
+        return h(a, () => r.value.callPath), a;
       })()), (() => {
-        const a = pl.cloneNode(!0);
-        return f(a, (() => {
-          const c = g(() => !!r.value.method);
-          return () => c() && (() => {
-            const u = $l.cloneNode(!0);
-            return f(u, () => r.value.method), u;
+        var a = Gr();
+        return h(a, (() => {
+          var u = g(() => !!r.value.method);
+          return () => u() && (() => {
+            var c = tl();
+            return h(c, () => r.value.method), c;
           })();
-        })(), null), f(a, (() => {
-          const c = g(() => !!r.value.code);
-          return () => c() && (() => {
-            const u = yl.cloneNode(!0);
-            return f(u, () => r.value.code), _(() => u.classList.toggle("error", r.value.code >= 400)), u;
+        })(), null), h(a, (() => {
+          var u = g(() => !!r.value.code);
+          return () => u() && (() => {
+            var c = nl();
+            return h(c, () => r.value.code), P(() => c.classList.toggle("error", r.value.code >= 400)), c;
           })();
-        })(), null), f(a, (() => {
-          const c = g(() => !!r.value.isError);
-          return () => c() && vl.cloneNode(!0);
-        })(), null), f(a, h(Y, {
+        })(), null), h(a, (() => {
+          var u = g(() => !!r.value.isError);
+          return () => u() && rl();
+        })(), null), h(a, m(Ee, {
           get each() {
             return r.value.tags;
           },
-          children: (c) => (() => {
-            const u = bl.cloneNode(!0);
-            return f(u, c), u;
+          children: (u) => (() => {
+            var c = ll();
+            return h(c, u), c;
           })()
         }), null), a;
       })(), (() => {
-        const a = xt.cloneNode(!0);
-        return C(a, _l), f(a, () => l("summary", "Summary"), null), f(a, (() => {
-          const c = g(() => !!r.value.payload);
-          return () => c() && l("payload", "Payload");
-        })(), null), f(a, (() => {
-          const c = g(() => !!r.value.searchParams);
-          return () => c() && l("urlParams", "URL Search Params");
-        })(), null), f(a, () => l("response", "Response"), null), f(a, () => l("diff", "Diff"), null), a;
+        var a = ht();
+        return T(a, al), h(a, () => l("summary", "Summary"), null), h(a, (() => {
+          var u = g(() => !!r.value.payload);
+          return () => u() && l("payload", "Payload");
+        })(), null), h(a, (() => {
+          var u = g(() => !!r.value.searchParams);
+          return () => u() && l("urlParams", "URL Search Params");
+        })(), null), h(a, () => l("response", "Response"), null), a;
       })(), (() => {
-        const a = hl.cloneNode(!0);
-        return f(a, h(hn, {
+        var a = Jr();
+        return h(a, m(nn, {
           get children() {
-            return [h(de, {
+            return [m(pe, {
               get when() {
                 return n() === "summary";
               },
               get children() {
-                return [g(() => g(() => !!r.value.payload)() && h(M, {
+                return [g(() => g(() => !!r.value.payload)() && m(K, {
                   title: "Payload",
                   get children() {
-                    return h(K, {
+                    return m(W, {
                       get value() {
                         return r.value.payload;
                       },
                       compact: !0
                     });
                   }
-                })), g(() => g(() => !!r.value.searchParams)() && h(M, {
+                })), g(() => g(() => !!r.value.searchParams)() && m(K, {
                   title: "URL Search Params",
                   get children() {
-                    return h(K, {
+                    return m(W, {
                       get value() {
                         return r.value.searchParams;
                       },
                       compact: !0
                     });
                   }
-                })), g(() => g(() => !!r.value.response)() && h(M, {
+                })), g(() => g(() => !!r.value.response)() && m(K, {
                   title: "Response",
                   get children() {
-                    return h(K, {
+                    return m(W, {
                       get value() {
                         return r.value.response;
                       },
                       compact: !0
                     });
                   }
-                })), h(M, {
+                })), m(K, {
                   title: "Stats",
                   get children() {
-                    return h(Fr, {
+                    return m(Nr, {
                       get rows() {
                         return [r.value.type !== "ws" && {
                           name: "Duration",
                           value: (() => {
-                            const c = wl.cloneNode(!0), u = c.firstChild;
-                            return f(c, () => We(r.value.duration, {
+                            var u = il(), c = u.firstChild;
+                            return h(u, () => Ue(r.value.duration, {
                               maximumFractionDigits: 0
-                            }), u), _(() => c.style.setProperty("color", r.value.duration < 500 ? $.success.var : r.value.duration > 1e3 ? $.error.var : void 0)), c;
+                            }), c), P(() => (r.value.duration < 500 ? y.success.var : r.value.duration > 1e3 ? y.error.var : void 0) != null ? u.style.setProperty("color", r.value.duration < 500 ? y.success.var : r.value.duration > 1e3 ? y.error.var : void 0) : u.style.removeProperty("color")), u;
                           })()
                         }, {
                           name: "Start Time",
                           value: (() => {
-                            const c = xl.cloneNode(!0);
-                            return f(c, () => `${te(r.value.startTime).format("HH:mm:ss")} (${te(r.value.startTime).fromNow()})`), _(() => j(c, "title", te(r.value.startTime).format("YYYY-MM-DD HH:mm:ss.SSS"))), c;
+                            var u = sl();
+                            return h(u, () => `${ae(r.value.startTime).format("HH:mm:ss")} (${ae(r.value.startTime).fromNow()})`), P(() => L(u, "title", ae(r.value.startTime).format("YYYY-MM-DD HH:mm:ss.SSS"))), u;
                           })()
-                        }, !!o.value && {
+                        }, !!s.value && {
                           name: "Avg. Response Size",
-                          value: o.value
+                          value: s.value
                         }];
                       }
                     });
                   }
-                }), h(re, {
+                }), m(kt, {
                   get when() {
                     return r.value.type !== "ws";
                   },
                   get children() {
-                    return h(M, {
+                    return m(K, {
                       title: "Metadata",
                       get children() {
-                        return h(K, {
+                        return m(W, {
                           get value() {
                             return r.value.metadata;
                           }
@@ -2744,15 +2636,15 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
                   }
                 })];
               }
-            }), h(de, {
+            }), m(pe, {
               get when() {
                 return n() === "payload";
               },
               get children() {
-                return h(M, {
+                return m(K, {
                   title: null,
                   get children() {
-                    return h(K, {
+                    return m(W, {
                       get value() {
                         return r.value.payload;
                       }
@@ -2760,15 +2652,15 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
                   }
                 });
               }
-            }), h(de, {
+            }), m(pe, {
               get when() {
                 return n() === "response";
               },
               get children() {
-                return h(M, {
+                return m(K, {
                   title: null,
                   get children() {
-                    return h(K, {
+                    return m(W, {
                       get value() {
                         return r.value.response;
                       }
@@ -2776,15 +2668,15 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
                   }
                 });
               }
-            }), h(de, {
+            }), m(pe, {
               get when() {
                 return n() === "urlParams";
               },
               get children() {
-                return h(M, {
+                return m(K, {
                   title: null,
                   get children() {
-                    return h(K, {
+                    return m(W, {
                       get value() {
                         return r.value.searchParams;
                       }
@@ -2792,63 +2684,62 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
                   }
                 });
               }
-            }), h(de, {
-              get when() {
-                return n() === "diff";
-              },
-              get children() {
-                return h(dl, {});
-              }
             })];
           }
         })), a;
       })()];
-    })()), s;
+    })()), o;
   })();
-}, kl = /* @__PURE__ */ y("<div><h1>timeline</h1><div></div></div>"), Nl = /* @__PURE__ */ y("<div>no requests found</div>"), Al = /* @__PURE__ */ y('<span class="start-time"></span>'), Tl = /* @__PURE__ */ y("<div></div>"), Pl = /* @__PURE__ */ y('<span class="separator">|</span>'), El = /* @__PURE__ */ y('<span class="payload"></span>'), Ol = S`
+};
+function ul(e) {
+  const t = e.alias || e.payload || e.searchParams;
+  return !t || Object.keys(t).length === 0 ? "" : typeof t == "string" || typeof t == "number" ? String(t) : JSON.stringify(t);
+}
+var fl = /* @__PURE__ */ v("<div><h1>timeline</h1><div>"), dl = /* @__PURE__ */ v("<div>no requests found"), pl = /* @__PURE__ */ v("<span class=start-time>"), hl = /* @__PURE__ */ v("<div>"), gl = /* @__PURE__ */ v("<span class=separator>|"), ml = /* @__PURE__ */ v("<span class=payload>");
+const yl = k`
   &&& {
-    ${O()};
-    border-right: 1px solid ${$.white.alpha(0.1)};
+    ${N()};
+    border-right: 1px solid ${y.white.alpha(0.1)};
 
     > h1 {
       font-size: 16px;
       padding-left: 12px;
       padding-top: 10px;
-      font-family: ${R.decorative};
-      color: ${$.secondary.var};
+      font-family: ${H.decorative};
+      color: ${y.secondary.var};
       padding-bottom: 16px;
     }
   }
-`, Ll = S`
+`, vl = k`
   &&& {
-    ${O()};
+    ${N()};
     flex: 1 1;
     overflow-y: auto;
   }
-`, jl = S`
+`, $l = k`
   &&& {
     font-size: 13px;
-    ${O()};
+    ${N()};
 
     &.error {
-      color: ${$.error.var};
+      color: ${y.error.var};
       font-weight: 600;
     }
 
     > button {
       padding: 4px 12px;
-      ${V({
+      ${B({
   gap: 8
 })};
       opacity: 0.8;
 
       &.selected {
         opacity: 1;
-        background-color: ${$.secondary.alpha(0.16)};
+        background-color: ${y.secondary.alpha(0.16)};
       }
 
       > .start-time {
-        font-family: ${R.decorative};
+        font-family: ${H.decorative};
       }
 
       > .separator {
@@ -2856,45 +2747,45 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
       }
 
       > .payload {
-        ${he};
+        ${ue};
         flex-shrink: 1;
       }
     }
   }
-`, Il = S`
+`, bl = k`
   &&& {
     opacity: 0.4;
     font-size: 14px;
     padding: 12px;
     padding-top: 0;
   }
-`, Ml = () => {
+`, wl = () => {
   const e = g(() => {
-    const l = I.selectedCall;
-    return l ? l ? G.calls[l] : null : G.calls[Le.value] || null;
+    const l = R.selectedCall;
+    return l ? l ? fe.calls[l] : null : fe.calls[Ze.value] || null;
   }), t = g(() => {
-    const l = Vt(e()?.requests);
+    const l = ar(e()?.requests);
     return l.length === 0 ? null : l;
-  }), n = g(() => I.selectedSubitem ? t()?.filter((l) => l.alias === I.selectedSubitem) : t()), r = g(() => I.selectedRequest || n()?.[0]?.id);
+  }), n = g(() => R.selectedSubitem ? t()?.filter((l) => l.alias === R.selectedSubitem) : t()), r = g(() => R.selectedRequest || n()?.[0]?.id);
   return (() => {
-    const l = kl.cloneNode(!0), o = l.firstChild, s = o.nextSibling;
-    return C(l, Ol), C(s, Ll), f(s, h(Y, {
+    var l = fl(), s = l.firstChild, o = s.nextSibling;
+    return T(l, yl), T(o, vl), h(o, m(Ee, {
       get each() {
         return n();
       },
       get fallback() {
         return (() => {
-          const i = Nl.cloneNode(!0);
-          return C(i, Il), i;
+          var i = dl();
+          return T(i, bl), i;
         })();
       },
       children: (i) => {
-        const a = te(i.startTime), c = a.format("HH:mm:ss"), u = a.fromNow(), p = Ut(i);
+        const a = ae(i.startTime), u = a.format("HH:mm:ss"), c = a.fromNow(), f = ul(i);
         return (() => {
-          const d = Tl.cloneNode(!0);
-          return C(d, jl), f(d, h(H, {
+          var d = hl();
+          return T(d, $l), h(d, m(F, {
             onClick: () => {
-              Te("selectedRequest", i.id);
+              Se("selectedRequest", i.id);
             },
             get classList() {
               return {
@@ -2903,29 +2794,31 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
             },
             get children() {
               return [(() => {
-                const m = Al.cloneNode(!0);
-                return j(m, "title", u), f(m, c), m;
-              })(), g(() => !!p && [Pl.cloneNode(!0), (() => {
-                const m = El.cloneNode(!0);
-                return j(m, "title", p), f(m, p), m;
+                var p = pl();
+                return L(p, "title", c), h(p, u), p;
+              })(), g(() => !!f && [gl(), (() => {
+                var p = ml();
+                return L(p, "title", f), h(p, f), p;
               })()])];
             }
-          })), _(() => d.classList.toggle("error", !!i.isError)), d;
+          })), P(() => d.classList.toggle("error", !!i.isError)), d;
         })();
       }
     })), l;
   })();
-}, Dl = /* @__PURE__ */ y("<div></div>"), zl = S`
+};
+var Cl = /* @__PURE__ */ v("<div>");
+const xl = k`
   &&& {
     display: grid;
     grid-template-columns: 1fr 1fr 3fr;
   }
-`, Rl = () => (() => {
-  const e = Dl.cloneNode(!0);
-  return C(e, zl), f(e, h(Lr, {}), null), f(e, h(Ml, {}), null), f(e, h(Sl, {}), null), e;
-})(), Fl = `
-  font-family: ${R.primary};
-  color: ${$.textPrimary.var};
+`, _l = () => (() => {
+  var e = Cl();
+  return T(e, xl), h(e, m(Ar, {}), null), h(e, m(wl, {}), null), h(e, m(cl, {}), null), e;
+})(), Sl = `
+  font-family: ${H.primary};
+  color: ${y.textPrimary.var};
 
   * {
     user-select: none;
@@ -2974,11 +2867,11 @@ const xt = /* @__PURE__ */ y("<div></div>"), fl = /* @__PURE__ */ y('<h1><span c
   h3 {
     font-weight: normal;
   }
-`, Bl = `
+`, kl = `
   display: flex;
   align-items: center;
   justify-content: center;
-`, Hl = `
+`, Al = `
 *,
 *::before,
 *::after {
@@ -3052,26 +2945,28 @@ button {
   cursor: pointer;
   -webkit-appearance: none;
 }
-`, Vl = /* @__PURE__ */ y("<div></div>"), ql = /* @__PURE__ */ y('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Ul = S`
-  ${Hl};
-  ${Fl};
+`;
+var Tl = /* @__PURE__ */ v("<div>"), El = /* @__PURE__ */ v("<div id=dev-tools-root-element><nav></nav><main>");
+const Pl = k`
+  ${Al};
+  ${Sl};
 
   position: fixed;
   inset: 32px;
   border-radius: 4px;
-  background: ${$.bgPrimary.var};
+  background: ${y.bgPrimary.var};
   display: grid;
   grid-template-columns: 51px 1fr;
 
   nav {
-    ${O()};
-    border-right: 1px solid ${$.white.alpha(0.1)};
+    ${N()};
+    border-right: 1px solid ${y.white.alpha(0.1)};
 
     button {
-      ${Bl};
+      ${kl};
       width: 100%;
       aspect-ratio: 1 / 1;
-      color: ${$.bgPrimary.var};
+      color: ${y.bgPrimary.var};
       --icon-size: 30px;
 
       &::before {
@@ -3079,87 +2974,72 @@ button {
         inset: 6px;
         border-radius: 3px;
         position: absolute;
-        background: ${$.primary.var};
+        background: ${y.primary.var};
       }
     }
   }
 
   > main > * {
-    ${Ye};
+    ${We};
   }
-`, Wl = S`
-  ${Ye};
+`, Ol = k`
+  ${We};
   position: fixed;
   inset: 0;
   backdrop-filter: blur(5px);
-`, Zl = () => [(() => {
-  const e = Vl.cloneNode(!0);
-  return ke(e, "click", Zt, !0), C(e, Wl), e;
+`, jl = () => [(() => {
+  var e = Tl();
+  return we(e, "click", Dt, !0), T(e, Ol), e;
 })(), (() => {
-  const e = ql.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
-  return C(e, Ul), f(t, h(H, {
+  var e = El(), t = e.firstChild, n = t.nextSibling;
+  return T(e, Pl), h(t, m(F, {
     title: "API Explorer",
     get children() {
-      return h(Oe, {
+      return m(Oe, {
         name: "network"
       });
     }
-  })), f(n, h(Rl, {})), e;
+  })), h(n, m(_l, {})), e;
 })()];
-Ee(["click"]);
-const Kl = () => h(Zl, {});
-function Jl(e) {
-  let t = "";
-  return e.forEach(({ family: n, weights: r, italics: l }) => {
-    t += `${t ? "&" : ""}family=${n}:`, r[1] === ".." ? t += `wght@${r[0]}..${r[2]}` : (t += "ital,wght@", r.forEach((o, s) => {
-      s !== 0 && (t += ";"), t += `0,${o}`;
-    }), l?.forEach((o) => {
-      t += `;1,${o}`;
-    }));
-  }), `https://fonts.googleapis.com/css2?${t}&display=swap`;
-}
-let Ct = !1;
-function Xl() {
-  if (Ct)
+Pe(["click"]);
+const Ll = () => m(jl, {});
+let gt = !1;
+function Il() {
+  if (gt)
     return;
-  Ct = !0;
-  const e = Jl([
-    {
-      family: "Work+Sans",
-      weights: [300, "..", 700]
-    }
-  ]), t = document.getElementsByTagName("head")[0], n = document.createElement("link");
+  gt = !0;
+  const e = "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap", t = document.getElementsByTagName("head")[0], n = document.createElement("link");
   n.type = "text/css", n.rel = "stylesheet", n.href = e, t?.appendChild(n);
 }
-let Wt = () => {
+let Mt = () => {
 }, Ke = !1;
-function Yl() {
-  if (te.extend(En), Ke) {
-    Zt();
+function Nl() {
+  if (ae.extend(_n), Ke) {
+    Dt();
     return;
   }
-  Ke = !0, Xl(), navigator.platform.indexOf("Win") > -1 && document.body.classList.add("windows");
+  Ke = !0, Il(), navigator.platform.indexOf("Win") > -1 && document.body.classList.add("windows");
   const e = document.getElementById("dev-tools-root") || document.createElement("div");
-  e.id = "dev-tools-root", document.body.appendChild(e), Wt = xn(() => h(Kl, {}), e);
+  e.id = "dev-tools-root", document.body.appendChild(e), Mt = pn(() => m(Ll, {}), e);
 }
-function Zt() {
-  Ke = !1, Wt();
+function Dt() {
+  Ke = !1, Mt();
 }
-function oo({
+function Hl({
   callsProcessor: e,
   shortcut: t
 }) {
-  Gt(window, {
+  Bt(window, {
     [t]: (n) => {
       const r = document.activeElement;
-      r instanceof HTMLElement && (r.isContentEditable || r.tagName === "INPUT" || r.tagName === "TEXTAREA") || (n.preventDefault(), Yl());
+      r instanceof HTMLElement && (r.isContentEditable || r.tagName === "INPUT" || r.tagName === "TEXTAREA") || (n.preventDefault(), Nl());
     }
-  }), wr({
+  }), gr({
     callsProcessor: e
   });
 }
 export {
-  xr as addCall,
-  lo as addWebsocketEvent,
-  oo as initializeDevTools
+  mr as addCall,
+  Bl as addWebsocketEvent,
+  Hl as initializeDevTools
 };