app-devtools 0.1.0 → 0.2.0

package/dist/main.js

@@ -0,0 +1,2396 @@
+import Q from "dayjs";
+import { sharedConfig as M, createRoot as it, createRenderEffect as C, mergeProps as st, $PROXY as I, $TRACK as we, getListener as Ze, batch as at, createSignal as ne, createMemo as $, splitProps as ct, createComponent as p, Show as se, For as z, Switch as dt, Match as G } from "solid-js";
+import { css as _ } from "solid-styled-components";
+import { dequal as Ke } from "dequal";
+import { nanoid as ut } from "nanoid";
+import { parse as ft } from "regexparam";
+import * as pt from "diff";
+import gt from "tinykeys";
+const ht = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], mt = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...ht]), $t = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), yt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  className: "class",
+  htmlFor: "for"
+}), _e = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  class: "className",
+  formnovalidate: "formNoValidate",
+  ismap: "isMap",
+  nomodule: "noModule",
+  playsinline: "playsInline",
+  readonly: "readOnly"
+}), vt = /* @__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"]), bt = {
+  xlink: "http://www.w3.org/1999/xlink",
+  xml: "http://www.w3.org/XML/1998/namespace"
+};
+function Ct(e, t, n) {
+  let l = n.length, i = t.length, o = l, s = 0, r = 0, a = t[i - 1].nextSibling, c = null;
+  for (; s < i || r < o; ) {
+    if (t[s] === n[r]) {
+      s++, r++;
+      continue;
+    }
+    for (; t[i - 1] === n[o - 1]; )
+      i--, o--;
+    if (i === s) {
+      const d = o < l ? r ? n[r - 1].nextSibling : n[o - r] : a;
+      for (; r < o; )
+        e.insertBefore(n[r++], d);
+    } else if (o === r)
+      for (; s < i; )
+        (!c || !c.has(t[s])) && t[s].remove(), s++;
+    else if (t[s] === n[o - 1] && n[r] === t[i - 1]) {
+      const d = t[--i].nextSibling;
+      e.insertBefore(n[r++], t[s++].nextSibling), e.insertBefore(n[--o], d), t[i] = n[o];
+    } else {
+      if (!c) {
+        c = /* @__PURE__ */ new Map();
+        let g = r;
+        for (; g < o; )
+          c.set(n[g], g++);
+      }
+      const d = c.get(t[s]);
+      if (d != null)
+        if (r < d && d < o) {
+          let g = s, f = 1, m;
+          for (; ++g < i && g < o && !((m = c.get(t[g])) == null || m !== d + f); )
+            f++;
+          if (f > d - r) {
+            const v = t[s];
+            for (; r < d; )
+              e.insertBefore(n[r++], v);
+          } else
+            e.replaceChild(n[r++], t[s++]);
+        } else
+          s++;
+      else
+        t[s++].remove();
+    }
+  }
+}
+const Se = "_$DX_DELEGATE";
+function xt(e, t, n, l = {}) {
+  let i;
+  return it((o) => {
+    i = o, t === document ? e() : u(t, e(), t.firstChild ? null : void 0, n);
+  }, l.owner), () => {
+    i(), t.textContent = "";
+  };
+}
+function y(e, t, n) {
+  const l = document.createElement("template");
+  l.innerHTML = e;
+  let i = l.content.firstChild;
+  return n && (i = i.firstChild), i;
+}
+function ae(e, t = window.document) {
+  const n = t[Se] || (t[Se] = /* @__PURE__ */ new Set());
+  for (let l = 0, i = e.length; l < i; l++) {
+    const o = e[l];
+    n.has(o) || (n.add(o), t.addEventListener(o, At));
+  }
+}
+function k(e, t, n) {
+  n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
+}
+function wt(e, t, n, l) {
+  l == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, l);
+}
+function b(e, t) {
+  t == null ? e.removeAttribute("class") : e.className = t;
+}
+function re(e, t, n, l) {
+  if (l)
+    Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
+  else if (Array.isArray(n)) {
+    const i = n[0];
+    e.addEventListener(t, n[0] = (o) => i.call(e, n[1], o));
+  } else
+    e.addEventListener(t, n);
+}
+function _t(e, t, n = {}) {
+  const l = Object.keys(t || {}), i = Object.keys(n);
+  let o, s;
+  for (o = 0, s = i.length; o < s; o++) {
+    const r = i[o];
+    !r || r === "undefined" || t[r] || (Ne(e, r, !1), delete n[r]);
+  }
+  for (o = 0, s = l.length; o < s; o++) {
+    const r = l[o], a = !!t[r];
+    !r || r === "undefined" || n[r] === a || !a || (Ne(e, r, !0), n[r] = a);
+  }
+  return n;
+}
+function Ue(e, t, n) {
+  if (!t)
+    return n ? k(e, "style") : t;
+  const l = e.style;
+  if (typeof t == "string")
+    return l.cssText = t;
+  typeof n == "string" && (l.cssText = n = void 0), n || (n = {}), t || (t = {});
+  let i, o;
+  for (o in n)
+    t[o] == null && l.removeProperty(o), delete n[o];
+  for (o in t)
+    i = t[o], i !== n[o] && (l.setProperty(o, i), n[o] = i);
+  return n;
+}
+function St(e, t = {}, n, l) {
+  const i = {};
+  return l || C(() => i.children = K(e, t.children, i.children)), C(() => t.ref && t.ref(e)), C(() => Nt(e, t, n, !0, i, !0)), i;
+}
+function u(e, t, n, l) {
+  if (n !== void 0 && !l && (l = []), typeof t != "function")
+    return K(e, t, l, n);
+  C((i) => K(e, t(), i, n), l);
+}
+function Nt(e, t, n, l, i = {}, o = !1) {
+  t || (t = {});
+  for (const s in i)
+    if (!(s in t)) {
+      if (s === "children")
+        continue;
+      i[s] = ke(e, s, null, i[s], n, o);
+    }
+  for (const s in t) {
+    if (s === "children") {
+      l || K(e, t.children);
+      continue;
+    }
+    const r = t[s];
+    i[s] = ke(e, s, r, i[s], n, o);
+  }
+}
+function kt(e) {
+  return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
+}
+function Ne(e, t, n) {
+  const l = t.trim().split(/\s+/);
+  for (let i = 0, o = l.length; i < o; i++)
+    e.classList.toggle(l[i], n);
+}
+function ke(e, t, n, l, i, o) {
+  let s, r, a;
+  if (t === "style")
+    return Ue(e, n, l);
+  if (t === "classList")
+    return _t(e, n, l);
+  if (n === l)
+    return l;
+  if (t === "ref")
+    o || n(e);
+  else if (t.slice(0, 3) === "on:") {
+    const c = t.slice(3);
+    l && e.removeEventListener(c, l), n && e.addEventListener(c, n);
+  } else if (t.slice(0, 10) === "oncapture:") {
+    const c = t.slice(10);
+    l && e.removeEventListener(c, l, !0), n && e.addEventListener(c, n, !0);
+  } else if (t.slice(0, 2) === "on") {
+    const c = t.slice(2).toLowerCase(), d = vt.has(c);
+    if (!d && l) {
+      const g = Array.isArray(l) ? l[0] : l;
+      e.removeEventListener(c, g);
+    }
+    (d || n) && (re(e, c, n, d), d && ae([c]));
+  } else if ((a = $t.has(t)) || !i && (_e[t] || (r = mt.has(t))) || (s = e.nodeName.includes("-")))
+    t === "class" || t === "className" ? b(e, n) : s && !r && !a ? e[kt(t)] = n : e[_e[t] || t] = n;
+  else {
+    const c = i && t.indexOf(":") > -1 && bt[t.split(":")[0]];
+    c ? wt(e, c, t, n) : k(e, yt[t] || t, n);
+  }
+  return n;
+}
+function At(e) {
+  const t = `$$${e.type}`;
+  let n = e.composedPath && e.composedPath()[0] || e.target;
+  for (e.target !== n && Object.defineProperty(e, "target", {
+    configurable: !0,
+    value: n
+  }), Object.defineProperty(e, "currentTarget", {
+    configurable: !0,
+    get() {
+      return n || document;
+    }
+  }), M.registry && !M.done && (M.done = !0, document.querySelectorAll("[id^=pl-]").forEach((l) => {
+    for (; l && l.nodeType !== 8 && l.nodeValue !== "pl-" + e; ) {
+      let i = l.nextSibling;
+      l.remove(), l = i;
+    }
+    l && l.remove();
+  })); n; ) {
+    const l = n[t];
+    if (l && !n.disabled) {
+      const i = n[`${t}Data`];
+      if (i !== void 0 ? l.call(n, i, e) : l.call(n, e), e.cancelBubble)
+        return;
+    }
+    n = n._$host || n.parentNode || n.host;
+  }
+}
+function K(e, t, n, l, i) {
+  for (M.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
+    n = n();
+  if (t === n)
+    return n;
+  const o = typeof t, s = l !== void 0;
+  if (e = s && n[0] && n[0].parentNode || e, o === "string" || o === "number") {
+    if (M.context)
+      return n;
+    if (o === "number" && (t = t.toString()), s) {
+      let r = n[0];
+      r && r.nodeType === 3 ? r.data = t : r = document.createTextNode(t), n = V(e, n, l, r);
+    } else
+      n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
+  } else if (t == null || o === "boolean") {
+    if (M.context)
+      return n;
+    n = V(e, n, l);
+  } else {
+    if (o === "function")
+      return C(() => {
+        let r = t();
+        for (; typeof r == "function"; )
+          r = r();
+        n = K(e, r, n, l);
+      }), () => n;
+    if (Array.isArray(t)) {
+      const r = [], a = n && Array.isArray(n);
+      if (he(r, t, n, i))
+        return C(() => n = K(e, r, n, l, !0)), () => n;
+      if (M.context) {
+        if (!r.length)
+          return n;
+        for (let c = 0; c < r.length; c++)
+          if (r[c].parentNode)
+            return n = r;
+      }
+      if (r.length === 0) {
+        if (n = V(e, n, l), s)
+          return n;
+      } else
+        a ? n.length === 0 ? Ae(e, r, l) : Ct(e, n, r) : (n && V(e), Ae(e, r));
+      n = r;
+    } else if (t instanceof Node) {
+      if (M.context && t.parentNode)
+        return n = s ? [t] : t;
+      if (Array.isArray(n)) {
+        if (s)
+          return n = V(e, n, l, t);
+        V(e, n, null, t);
+      } else
+        n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
+      n = t;
+    }
+  }
+  return n;
+}
+function he(e, t, n, l) {
+  let i = !1;
+  for (let o = 0, s = t.length; o < s; o++) {
+    let r = t[o], a = n && n[o];
+    if (r instanceof Node)
+      e.push(r);
+    else if (!(r == null || r === !0 || r === !1))
+      if (Array.isArray(r))
+        i = he(e, r, a) || i;
+      else if (typeof r == "function")
+        if (l) {
+          for (; typeof r == "function"; )
+            r = r();
+          i = he(e, Array.isArray(r) ? r : [r], Array.isArray(a) ? a : [a]) || i;
+        } else
+          e.push(r), i = !0;
+      else {
+        const c = String(r);
+        a && a.nodeType === 3 && a.data === c ? e.push(a) : e.push(document.createTextNode(c));
+      }
+  }
+  return i;
+}
+function Ae(e, t, n = null) {
+  for (let l = 0, i = t.length; l < i; l++)
+    e.insertBefore(t[l], n);
+}
+function V(e, t, n, l) {
+  if (n === void 0)
+    return e.textContent = "";
+  const i = l || document.createTextNode("");
+  if (t.length) {
+    let o = !1;
+    for (let s = t.length - 1; s >= 0; s--) {
+      const r = t[s];
+      if (i !== r) {
+        const a = r.parentNode === e;
+        !o && !s ? a ? e.replaceChild(i, r) : e.insertBefore(i, n) : a && r.remove();
+      } else
+        o = !0;
+    }
+  } else
+    e.insertBefore(i, n);
+  return [i];
+}
+var Pt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, me = {}, Tt = {
+  get exports() {
+    return me;
+  },
+  set exports(e) {
+    me = e;
+  }
+};
+(function(e, t) {
+  (function(n, l) {
+    e.exports = l();
+  })(Pt, function() {
+    return function(n, l, i) {
+      n = n || {};
+      var o = l.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 r(c, d, g, f) {
+        return o.fromToBase(c, d, g, f);
+      }
+      i.en.relativeTime = s, o.fromToBase = function(c, d, g, f, m) {
+        for (var v, x, w, R = g.$locale().relativeTime || s, T = 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" }], lt = T.length, X = 0; X < lt; X += 1) {
+          var O = T[X];
+          O.d && (v = f ? i(c).diff(g, O.d, !0) : g.diff(c, O.d, !0));
+          var H = (n.rounding || Math.round)(Math.abs(v));
+          if (w = v > 0, H <= O.r || !O.r) {
+            H <= 1 && X > 0 && (O = T[X - 1]);
+            var fe = R[O.l];
+            m && (H = m("" + H)), x = typeof fe == "string" ? fe.replace("%d", H) : fe(H, d, O.l, w);
+            break;
+          }
+        }
+        if (d)
+          return x;
+        var pe = w ? R.future : R.past;
+        return typeof pe == "function" ? pe(x) : pe.replace("%s", x);
+      }, o.to = function(c, d) {
+        return r(c, d, this, !0);
+      }, o.from = function(c, d) {
+        return r(c, d, this);
+      };
+      var a = function(c) {
+        return c.$u ? i.utc() : i();
+      };
+      o.toNow = function(c) {
+        return this.to(a(this), c);
+      }, o.fromNow = function(c) {
+        return this.from(a(this), c);
+      };
+    };
+  });
+})(Tt);
+const Et = me, Lt = /* @__PURE__ */ y("<button></button>"), L = (e) => (() => {
+  const t = Lt.cloneNode(!0);
+  return St(t, st(e, {
+    onMouseDown: Ot
+  }), !1, !1), t;
+})();
+function Ot(e) {
+  e.preventDefault();
+}
+const jt = `<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="32"
+  height="32"
+  viewBox="0 0 32 32"
+>
+  <path
+    fill="currentColor"
+    d="m24 12l-8 10l-8-10z"
+  />
+</svg>
+`, Mt = `<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>
+`, Rt = `<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>
+`, Dt = `<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>
+`, It = `<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>
+`, zt = /* @__PURE__ */ Object.assign({
+  "/src/assets/icons/caret-down.svg": jt,
+  "/src/assets/icons/network.svg": Mt,
+  "/src/assets/icons/search.svg": Rt,
+  "/src/assets/icons/send.svg": Dt,
+  "/src/assets/icons/settings.svg": It
+});
+function Ft(e) {
+  return zt[`/src/assets/icons/${e}.svg`];
+}
+const be = `
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+`;
+function Bt(e, t = "px") {
+  return typeof e == "string" ? String(e) : Array.isArray(e) ? e.map((n) => `${n}${t}`).join(" ") : `${e}${t}`;
+}
+const Ht = /* @__PURE__ */ y("<div></div>"), Vt = _`
+  &&& {
+    position: relative;
+    color: currentColor;
+    height: var(--icon-size, 24px);
+    width: var(--icon-size, 24px);
+
+    svg {
+      display: block;
+      ${be};
+    }
+  }
+`, ce = (e) => {
+  const t = Ft(e.name);
+  return (() => {
+    const n = Ht.cloneNode(!0);
+    return n.innerHTML = t, C((l) => {
+      const i = `icon ${e.class || ""} ${Vt}`, o = {
+        color: e.color,
+        "--icon-size": e.size && Bt(e.size)
+      };
+      return i !== l._v$ && b(n, l._v$ = i), l._v$2 = Ue(n, o, l._v$2), l;
+    }, {
+      _v$: void 0,
+      _v$2: void 0
+    }), n;
+  })();
+}, oe = Symbol("store-raw"), q = Symbol("store-node"), Zt = Symbol("store-name");
+function We(e, t) {
+  let n = e[I];
+  if (!n && (Object.defineProperty(e, I, {
+    value: n = new Proxy(e, Wt)
+  }), !Array.isArray(e))) {
+    const l = Object.keys(e), i = Object.getOwnPropertyDescriptors(e);
+    for (let o = 0, s = l.length; o < s; o++) {
+      const r = l[o];
+      i[r].get && Object.defineProperty(e, r, {
+        enumerable: i[r].enumerable,
+        get: i[r].get.bind(n)
+      });
+    }
+  }
+  return n;
+}
+function U(e) {
+  let t;
+  return e != null && typeof e == "object" && (e[I] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
+}
+function W(e, t = /* @__PURE__ */ new Set()) {
+  let n, l, i, o;
+  if (n = e != null && e[oe])
+    return n;
+  if (!U(e) || t.has(e))
+    return e;
+  if (Array.isArray(e)) {
+    Object.isFrozen(e) ? e = e.slice(0) : t.add(e);
+    for (let s = 0, r = e.length; s < r; s++)
+      i = e[s], (l = W(i, t)) !== i && (e[s] = l);
+  } else {
+    Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
+    const s = Object.keys(e), r = Object.getOwnPropertyDescriptors(e);
+    for (let a = 0, c = s.length; a < c; a++)
+      o = s[a], !r[o].get && (i = e[o], (l = W(i, t)) !== i && (e[o] = l));
+  }
+  return e;
+}
+function Ce(e) {
+  let t = e[q];
+  return t || Object.defineProperty(e, q, {
+    value: t = {}
+  }), t;
+}
+function $e(e, t, n) {
+  return e[t] || (e[t] = Xe(n));
+}
+function Kt(e, t) {
+  const n = Reflect.getOwnPropertyDescriptor(e, t);
+  return !n || n.get || !n.configurable || t === I || t === q || t === Zt || (delete n.value, delete n.writable, n.get = () => e[I][t]), n;
+}
+function Je(e) {
+  if (Ze()) {
+    const t = Ce(e);
+    (t._ || (t._ = Xe()))();
+  }
+}
+function Ut(e) {
+  return Je(e), Reflect.ownKeys(e);
+}
+function Xe(e) {
+  const [t, n] = ne(e, {
+    equals: !1,
+    internal: !0
+  });
+  return t.$ = n, t;
+}
+const Wt = {
+  get(e, t, n) {
+    if (t === oe)
+      return e;
+    if (t === I)
+      return n;
+    if (t === we)
+      return Je(e), n;
+    const l = Ce(e), i = l.hasOwnProperty(t);
+    let o = i ? l[t]() : e[t];
+    if (t === q || t === "__proto__")
+      return o;
+    if (!i) {
+      const s = Object.getOwnPropertyDescriptor(e, t);
+      Ze() && (typeof o != "function" || e.hasOwnProperty(t)) && !(s && s.get) && (o = $e(l, t, o)());
+    }
+    return U(o) ? We(o) : o;
+  },
+  has(e, t) {
+    return t === oe || t === I || t === we || t === q || t === "__proto__" ? !0 : (this.get(e, t, e), t in e);
+  },
+  set() {
+    return !0;
+  },
+  deleteProperty() {
+    return !0;
+  },
+  ownKeys: Ut,
+  getOwnPropertyDescriptor: Kt
+};
+function J(e, t, n, l = !1) {
+  if (!l && e[t] === n)
+    return;
+  const i = e[t], o = e.length;
+  n === void 0 ? delete e[t] : e[t] = n;
+  let s = Ce(e), r;
+  (r = $e(s, t, i)) && r.$(() => n), Array.isArray(e) && e.length !== o && (r = $e(s, "length", o)) && r.$(e.length), (r = s._) && r.$();
+}
+function Ge(e, t) {
+  const n = Object.keys(t);
+  for (let l = 0; l < n.length; l += 1) {
+    const i = n[l];
+    J(e, i, t[i]);
+  }
+}
+function Jt(e, t) {
+  if (typeof t == "function" && (t = t(e)), t = W(t), Array.isArray(t)) {
+    if (e === t)
+      return;
+    let n = 0, l = t.length;
+    for (; n < l; n++) {
+      const i = t[n];
+      e[n] !== i && J(e, n, i);
+    }
+    J(e, "length", l);
+  } else
+    Ge(e, t);
+}
+function Y(e, t, n = []) {
+  let l, i = e;
+  if (t.length > 1) {
+    l = t.shift();
+    const s = typeof l, r = Array.isArray(e);
+    if (Array.isArray(l)) {
+      for (let a = 0; a < l.length; a++)
+        Y(e, [l[a]].concat(t), n);
+      return;
+    } else if (r && s === "function") {
+      for (let a = 0; a < e.length; a++)
+        l(e[a], a) && Y(e, [a].concat(t), n);
+      return;
+    } else if (r && s === "object") {
+      const {
+        from: a = 0,
+        to: c = e.length - 1,
+        by: d = 1
+      } = l;
+      for (let g = a; g <= c; g += d)
+        Y(e, [g].concat(t), n);
+      return;
+    } else if (t.length > 1) {
+      Y(e[l], t, [l].concat(n));
+      return;
+    }
+    i = e[l], n = [l].concat(n);
+  }
+  let o = t[0];
+  typeof o == "function" && (o = o(i, n), o === i) || l === void 0 && o == null || (o = W(o), l === void 0 || U(i) && U(o) && !Array.isArray(o) ? Ge(i, o) : J(e, l, o));
+}
+function Ye(...[e, t]) {
+  const n = W(e || {}), l = Array.isArray(n), i = We(n);
+  function o(...s) {
+    at(() => {
+      l && s.length === 1 ? Jt(n, s[0]) : Y(n, s);
+    });
+  }
+  return [i, o];
+}
+const le = /* @__PURE__ */ new WeakMap(), Qe = {
+  get(e, t) {
+    if (t === oe)
+      return e;
+    const n = e[t];
+    let l;
+    return U(n) ? le.get(n) || (le.set(n, l = new Proxy(n, Qe)), l) : n;
+  },
+  set(e, t, n) {
+    return J(e, t, W(n)), !0;
+  },
+  deleteProperty(e, t) {
+    return J(e, t, void 0, !0), !0;
+  }
+};
+function Xt(e) {
+  return (t) => {
+    if (U(t)) {
+      let n;
+      (n = le.get(t)) || le.set(t, n = new Proxy(t, Qe)), e(n);
+    }
+    return t;
+  };
+}
+const [N, ie] = Ye({
+  selectedCall: null,
+  selectedRequest: null,
+  selectedTab: null,
+  selectedSubitem: null
+}), de = `
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: norma;
+  max-width: 100%;
+`, Gt = {
+  left: "flex-start",
+  center: "center",
+  right: "flex-end",
+  spaceBetween: "space-between",
+  spaceAround: "space-around",
+  spaceEvenly: "space-evenly"
+}, Yt = {
+  top: "flex-start",
+  bottom: "flex-end",
+  center: "center",
+  stretch: "stretch"
+}, F = ({
+  justify: e = "left",
+  align: t = "center",
+  gap: n
+} = {}) => `
+    display: flex;
+    column-gap: ${n}px;
+    flex-direction: row;
+    justify-content: ${Gt[e]};
+    align-items: ${Yt[t]};
+  `, Qt = {
+  top: "flex-start",
+  center: "center",
+  bottom: "flex-end",
+  spaceBetween: "space-between",
+  spaceAround: "space-around",
+  spaceEvenly: "space-evenly"
+}, qt = {
+  left: "flex-start",
+  right: "flex-end",
+  center: "center",
+  stretch: "stretch"
+}, S = ({
+  justify: e = "top",
+  align: t = "stretch",
+  gap: n = 0
+} = {}) => `
+    row-gap: ${n}px;
+    display: flex;
+    flex-direction: column;
+    justify-content: ${Qt[e]};
+    align-items: ${qt[t]};
+  `;
+function en(e) {
+  if (e.length < 4)
+    throw new Error("Invalid hex value");
+  return (e.replace(
+    /^#?([a-f\d])([a-f\d])([a-f\d])$/i,
+    (t, n, l, i) => `#${n}${n}${l}${l}${i}${i}`
+  ).substring(1).match(/.{2}/g) || []).map((t) => parseInt(t, 16));
+}
+function tn(e) {
+  return Object.entries(e);
+}
+const ee = document.documentElement.style;
+let Pe = 1;
+function nn(e) {
+  const t = {};
+  for (const [n, l] of tn(e)) {
+    const [i, o, s] = en(l), r = `c${Pe}`;
+    Pe++, ee.setProperty(`--${r}-r`, String(i)), ee.setProperty(`--${r}-g`, String(o)), ee.setProperty(`--${r}-b`, String(s)), ee.setProperty(`--${r}`, l), t[n] = {
+      red: i,
+      green: o,
+      blue: s,
+      var: `var(--${r})`,
+      raw: l,
+      alpha: (a) => `rgba(var(--${r}-r), var(--${r}-g), var(--${r}-b), ${a})`,
+      darker: (a, c) => {
+        const d = a / 100;
+        return `${c ? "rgba" : "rgb"}(${[
+          `calc(var(--${r}-r) - var(--${r}-r) * ${d})`,
+          `calc(var(--${r}-g) - var(--${r}-g) * ${d})`,
+          `calc(var(--${r}-b) - var(--${r}-b) * ${d})`
+        ].join(",")}${c !== void 0 ? `, ${c}` : ""})`;
+      },
+      lighter: (a, c) => {
+        const d = a / 100;
+        return `${c ? "rgba" : "rgb"}(${[
+          `calc(var(--${r}-r) + (255 - var(--${r}-r)) * ${d})`,
+          `calc(var(--${r}-g) + (255 - var(--${r}-g)) * ${d})`,
+          `calc(var(--${r}-b) + (255 - var(--${r}-b)) * ${d})`
+        ].join(",")}${c !== void 0 ? `, ${c}` : ""})`;
+      }
+    };
+  }
+  return t;
+}
+const h = nn({
+  bgPrimary: "#0F172A",
+  bgSecondary: "#1E293B",
+  textPrimary: "#fff",
+  primary: "#F472B6",
+  secondary: "#7DD3FC",
+  warning: "#FDE047",
+  error: "#f87171",
+  successDarker: "#0d9488",
+  success: "#4ADE80",
+  bg: "#EAEFFF",
+  white: "#fff",
+  black: "#000"
+}), P = {
+  primary: "Work Sans, sans-serif",
+  decorative: '"Fira Code", monospaced'
+};
+function rn(e, t, n) {
+  if (!e)
+    return t;
+  const l = [], i = new Map(e.map((o) => [o[n], o]));
+  for (const o of t) {
+    const s = i.get(o[n]);
+    s && Ke(s, o) ? l.push(s) : l.push(o);
+  }
+  return l;
+}
+function qe(e, t) {
+  return $((n) => rn(n, typeof e == "function" ? e() : e, t));
+}
+function xe(e) {
+  const [t, n] = ne(e);
+  return {
+    get value() {
+      return t();
+    },
+    set value(l) {
+      n(() => l);
+    },
+    set(l) {
+      n(() => l);
+    }
+  };
+}
+const on = /* @__PURE__ */ y('<div class="tag"></div>'), Te = /* @__PURE__ */ y("<span></span>"), ln = /* @__PURE__ */ y('<div><div class="call"></div></div>'), sn = _`
+  &&& {
+    font-size: 14px;
+    ${S()};
+
+    > .call {
+      padding: 4px 12px;
+      ${F()};
+      opacity: 0.8;
+
+      &.selected {
+        opacity: 1;
+        background-color: ${h.secondary.alpha(0.16)};
+      }
+
+      > button {
+        text-align: left;
+        ${F({
+  gap: 8
+})};
+
+        > .tag {
+          font-weight: 600;
+          font-family: ${P.decorative};
+        }
+
+        > span {
+          ${de};
+          flex-shrink: 1;
+        }
+      }
+    }
+
+    .subitem {
+      text-align: left;
+      padding: 4px 12px;
+      padding-left: 14px;
+      margin-left: 16px;
+      border-left: 1px solid ${h.white.alpha(0.1)};
+
+      span {
+        opacity: 0.6;
+        padding: 4px 8px;
+        margin-left: -8px;
+        border-radius: 4px;
+      }
+
+      &.selected span {
+        opacity: 1;
+        background-color: ${h.secondary.alpha(0.16)};
+      }
+
+      &:first-of-type {
+        margin-top: 2px;
+      }
+
+      &:last-of-type {
+        border-radius: 0 0 0 10px;
+        border-bottom: 1px solid ${h.white.alpha(0.1)};
+        padding-bottom: 10px;
+        margin-bottom: 4px;
+      }
+    }
+
+    .expand-button {
+      margin-left: auto;
+      --icon-size: 16px;
+
+      &.expanded {
+        transform: rotate(180deg);
+      }
+    }
+  }
+`, an = (e) => {
+  const t = () => e.item, n = () => e.currentCallId;
+  ct(e, ["item", "currentCallId"])[1];
+  const l = xe(e.item.subitemsWithAlias.length < 4), i = cn(t().type, t().subType);
+  return (() => {
+    const o = ln.cloneNode(!0), s = o.firstChild;
+    return b(o, sn), u(s, p(L, {
+      onClick: () => {
+        ie({
+          selectedCall: t().id,
+          selectedSubitem: null
+        });
+      },
+      get children() {
+        return [(() => {
+          const r = on.cloneNode(!0);
+          return u(r, () => i.icon), C((a) => {
+            const c = `${t().type}${t().subType ? ` (${t().subType})` : ""}`, d = i.color;
+            return c !== a._v$ && k(r, "title", a._v$ = c), d !== a._v$2 && r.style.setProperty("color", a._v$2 = d), a;
+          }, {
+            _v$: void 0,
+            _v$2: void 0
+          }), r;
+        })(), (() => {
+          const r = Te.cloneNode(!0);
+          return u(r, () => t().name), C(() => k(r, "title", t().name)), r;
+        })()];
+      }
+    }), null), u(s, (() => {
+      const r = $(() => t().subitemsWithAlias.length > 0);
+      return () => r() && p(L, {
+        class: "expand-button",
+        get classList() {
+          return {
+            expanded: l.value
+          };
+        },
+        onClick: () => {
+          l.value = !l.value;
+        },
+        get children() {
+          return p(ce, {
+            name: "caret-down"
+          });
+        }
+      });
+    })(), null), u(o, p(se, {
+      get when() {
+        return l.value;
+      },
+      get children() {
+        return p(z, {
+          get each() {
+            return t().subitemsWithAlias;
+          },
+          children: (r) => p(L, {
+            class: "subitem",
+            get classList() {
+              return {
+                selected: n() === t().id && N.selectedSubitem === r
+              };
+            },
+            onClick: () => {
+              ie({
+                selectedCall: t().id,
+                selectedSubitem: r
+              });
+            },
+            get children() {
+              const a = Te.cloneNode(!0);
+              return u(a, r), a;
+            }
+          })
+        });
+      }
+    }), null), C(() => s.classList.toggle("selected", n() ? n() === t().id : e.index === 0)), o;
+  })();
+};
+function cn(e, t) {
+  let n = "", l = "";
+  return e === "fetch" ? (n = "F", l = "#FDE047") : t ? t === "create" ? (n = "C", l = "#6EE7B7") : t === "update" ? (n = "U", l = "#A78BFA") : t === "delete" ? (n = "D", l = "#E53558") : (n = t[0]?.toUpperCase() || "?", l = "#FDE047") : (n = "M", l = "#A78BFA"), {
+    icon: n,
+    color: l
+  };
+}
+function Ee(e) {
+  if (e == null)
+    throw new Error("Value is null or undefined");
+}
+function Le(e, t) {
+  try {
+    return e();
+  } catch (n) {
+    return t && t(n), null;
+  }
+}
+function dn(e, t) {
+  const n = ft(t);
+  return un(e, n);
+}
+function un(e, t) {
+  let n = 0;
+  const l = {}, i = t.pattern.exec(e);
+  if (!i)
+    return null;
+  for (; n < t.keys.length; )
+    l[t.keys[n]] = i[++n] || null;
+  return l;
+}
+const [B, fn] = Ye({
+  calls: {}
+});
+let ye = {
+  callsProcessor: []
+};
+function pn(e) {
+  ye = {
+    ...ye,
+    ...e
+  };
+}
+function Br(e) {
+  const t = e.startTime || Date.now();
+  return () => {
+    const n = e.duration || Date.now() - t;
+    fn(
+      Xt((l) => {
+        const i = Le(
+          () => new URL(e.path, "http://localhost")
+        );
+        Ee(i);
+        const o = i.searchParams.toString() !== "" ? Object.fromEntries(i.searchParams.entries()) : null;
+        let s = null;
+        const r = ye.callsProcessor.find((x) => {
+          if (typeof x.match == "string") {
+            const w = dn(i.pathname, x.match);
+            return w ? (s = w, !0) : !1;
+          } else
+            return x.match({
+              url: i,
+              type: e.type,
+              subType: e.subType
+            });
+        }), a = r?.callID?.({
+          url: i,
+          type: e.type,
+          subType: e.subType
+        }) || typeof r?.match == "string" && r.match, c = btoa(
+          a || `${i.pathname}|${e.type}${e.subType ? `|${e.subType}` : ""}`
+        ), d = r?.callName, g = typeof d == "function" ? d({
+          url: i,
+          type: e.type,
+          subType: e.subType
+        }) : d;
+        l.calls[c] || (l.calls[c] = {
+          name: g || typeof r?.match == "string" && r.match || i.pathname.replace(/^\//, ""),
+          path: i.pathname.replace(/^\//, ""),
+          lastRequestStartTime: t,
+          requests: [],
+          type: e.type,
+          subType: e.subType
+        });
+        const f = l.calls[c];
+        Ee(f), f.requests.length > 100 && f.requests.shift();
+        const m = {
+          id: ut(),
+          duration: n,
+          pathParams: s,
+          isError: e.isError,
+          metadata: e.metadata,
+          path: e.path.replace(/^\//, ""),
+          payload: e.payload,
+          response: e.response,
+          searchParams: o,
+          status: e.status,
+          startTime: t,
+          type: e.type,
+          method: e.method,
+          subType: e.subType,
+          code: e.status,
+          tags: e.tags || []
+        }, v = Le(
+          () => r?.payloadAlias?.(m.payload, m)
+        );
+        v && (m.alias = v), f.requests.push(m);
+      })
+    );
+  };
+}
+const gn = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><label><input type="text" placeholder="Search"></label><div></div></div>'), hn = _`
+  &&& {
+    ${S()};
+    border-right: 1px solid ${h.white.alpha(0.1)};
+
+    > h1 {
+      font-size: 18px;
+      padding-left: 12px;
+      padding-top: 10px;
+      font-family: ${P.decorative};
+      color: ${h.secondary.var};
+      padding-bottom: 16px;
+    }
+  }
+`, mn = _`
+  &&& {
+    ${S()};
+    flex: 1 1;
+    overflow-y: auto;
+    padding-bottom: 16px;
+  }
+`, $n = _`
+  &&& {
+    ${F({
+  gap: 8
+})};
+    margin: 0 10px;
+    margin-bottom: 8px;
+
+    display: grid;
+    grid-template-columns: 14px 1fr;
+    background: ${h.white.alpha(0.05)};
+    border-radius: 4px;
+    --icon-size: 16px;
+    padding: 4px 0;
+    padding-left: 6px;
+
+    .icon {
+      color: ${h.secondary.var};
+    }
+
+    input {
+      border: none;
+      background: transparent;
+      color: ${h.white.var};
+
+      &:focus {
+        outline: none;
+      }
+    }
+  }
+`, yn = () => {
+  const e = xe(""), t = qe(() => {
+    const l = Object.entries(B.calls), i = [];
+    for (const [o, s] of l.reverse()) {
+      if (e.value.trim() && !s.name.includes(e.value.toLowerCase()))
+        continue;
+      const r = /* @__PURE__ */ new Set();
+      for (const a of s.requests)
+        a.alias && r.add(a.alias);
+      i.push({
+        id: o,
+        subitemsWithAlias: [...r],
+        ...s
+      });
+    }
+    return i;
+  }, "id"), n = $(() => N.selectedCall);
+  return (() => {
+    const l = gn.cloneNode(!0), i = l.firstChild, o = i.nextSibling, s = o.firstChild, r = o.nextSibling;
+    return b(l, hn), b(o, $n), u(o, p(ce, {
+      name: "search"
+    }), s), s.$$input = (a) => {
+      e.value = a.currentTarget.value;
+    }, b(r, mn), u(r, p(z, {
+      get each() {
+        return t();
+      },
+      children: (a, c) => p(an, {
+        get index() {
+          return c();
+        },
+        item: a,
+        get currentCallId() {
+          return n();
+        }
+      })
+    })), C(() => s.value = e.value), l;
+  })();
+};
+ae(["input"]);
+function et(...e) {
+  const t = [];
+  for (let n = 0; n < e.length; n++) {
+    const l = e[n];
+    if (!l)
+      continue;
+    const i = typeof l;
+    if (i === "string" || i === "number")
+      t.push(l);
+    else if (i === "object")
+      for (let o = 0, s = Object.keys(l); o < s.length; o++)
+        l[s[o]] && t.push(s[o]);
+  }
+  return t.join(" ");
+}
+const vn = /* @__PURE__ */ y('<div><div class="content"></div></div>'), bn = /* @__PURE__ */ y("<h1></h1>"), Cn = _`
+  &&& {
+    ${S()};
+
+    > h1 {
+      font-size: 14px;
+      color: ${h.secondary.var};
+      letter-spacing: 0.08em;
+      font-family: ${P.decorative};
+      font-weight: 300;
+      background: ${h.bgPrimary.var};
+      z-index: 1;
+      align-self: flex-start;
+      position: sticky;
+      padding-inline: 4px;
+      border-radius: 0 0 4px 0;
+      padding-bottom: 2px;
+      top: 0;
+    }
+
+    > .content {
+      --padding-top: 0px;
+      margin-top: calc(var(--padding-top) * -1);
+      padding-top: calc(var(--padding-top) + 10px);
+      padding-inline: 10px;
+      padding-bottom: 10px;
+      background: ${h.white.alpha(0.05)};
+      border-radius: 4px;
+    }
+
+    & + & {
+      margin-top: 20px;
+    }
+  }
+`, A = (e) => (() => {
+  const t = vn.cloneNode(!0), n = t.firstChild;
+  return u(t, (() => {
+    const l = $(() => !!e.title);
+    return () => l() && (() => {
+      const i = bn.cloneNode(!0);
+      return u(i, () => e.title), i;
+    })();
+  })(), n), u(n, () => e.children), C(() => b(t, et(Cn, e.class))), t;
+})(), xn = `
+  user-select: text;
+
+  *, *::before, *::after {
+    user-select: text;
+  }
+`;
+function wn(e) {
+  return `
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-line-clamp: ${e};
+    -webkit-box-orient: vertical;
+  `;
+}
+const _n = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Sn = /* @__PURE__ */ y('<div class="collapsed"></div>'), Nn = /* @__PURE__ */ y('<div class="delimiter">[]</div>'), kn = /* @__PURE__ */ y('<div class="delimiter">{}</div>'), Oe = /* @__PURE__ */ y('<div class="delimiter"></div>'), je = /* @__PURE__ */ y('<div class="childs"></div>'), An = /* @__PURE__ */ y('<div class="delimiter end">]</div>'), Me = /* @__PURE__ */ y('<div class="child"></div>'), Pn = /* @__PURE__ */ y('<div class="delimiter end">}</div>'), Tn = /* @__PURE__ */ y('<div class="value" title="Shift + Click to copy value"></div>'), Re = /* @__PURE__ */ y('<span class="string-quotes">"</span>'), En = /* @__PURE__ */ y("<div></div>"), Ln = _`
+  &&& {
+    font-family: ${P.decorative};
+    font-size: 13px;
+    ${xn};
+    ${S({
+  gap: 2
+})};
+    padding-left: 8px;
+
+    .expand-button {
+      margin-left: -16px;
+      width: 16px;
+      display: inline-block;
+      vertical-align: middle;
+      color: ${h.white.alpha(0.5)};
+
+      &:not(.expanded) .icon {
+        transform: rotate(-90deg);
+      }
+    }
+
+    .show-all {
+      color: ${h.white.alpha(0.5)};
+      text-align: left;
+    }
+
+    .childs {
+      ${S({
+  gap: 2
+})};
+    }
+
+    .delimiter {
+      color: ${h.white.alpha(0.5)};
+      margin-top: 1px;
+      margin-bottom: 1px;
+
+      &.end {
+        &::after {
+          content: ',';
+        }
+      }
+    }
+
+    .childs {
+      padding-left: 20px;
+      grid-column: 1 / span 3;
+      border-left: 1px solid ${h.white.alpha(0.05)};
+
+      > .value {
+        &::after {
+          content: ',';
+          opacity: 0.5;
+          color: ${h.white.var};
+        }
+      }
+    }
+
+    .child {
+      display: grid;
+      grid-template-columns: auto auto 1fr;
+
+      .key {
+        color: #a5d6ff;
+        margin-right: 5px;
+        ${F({
+  align: "top"
+})};
+
+        span {
+          flex-shrink: 1;
+          ${de};
+        }
+
+        &.index {
+          color: ${h.success.alpha(0.7)};
+        }
+
+        &::after {
+          content: ':';
+          color: ${h.secondary.alpha(0.5)};
+        }
+      }
+    }
+
+    .string-quotes {
+      opacity: 0.7;
+    }
+
+    .value {
+      word-wrap: break-word;
+      ${wn(5)};
+    }
+
+    [data-type='number'] {
+      color: ${h.primary.var};
+    }
+
+    [data-type='boolean'] {
+      color: ${h.warning.var};
+    }
+
+    [data-type='object'],
+    [data-type='undefined'] {
+      color: ${h.white.alpha(0.6)};
+    }
+
+    .collapsed {
+      color: ${h.white.alpha(0.5)};
+    }
+  }
+`, On = new Intl.NumberFormat("en-US"), Z = 14, ve = (e) => {
+  let [t, n] = ne(!(e.indent > 0 && e.compact)), [l, i] = ne(!e.compact);
+  return $(() => {
+    const o = e.value, s = Array.isArray(o), r = !s && typeof o == "object" && o !== null, a = e.key !== void 0 || e.index !== void 0, c = s && o.length > 0 || r && Object.keys(o).length > 0, d = c && p(L, {
+      onClick: () => {
+        n(() => !t());
+      },
+      get classList() {
+        return {
+          expanded: t()
+        };
+      },
+      class: "expand-button",
+      get children() {
+        return p(ce, {
+          name: "caret-down",
+          size: 14
+        });
+      }
+    });
+    return [a && (() => {
+      const g = _n.cloneNode(!0), f = g.firstChild;
+      return g.$$click = (m) => {
+        m.shiftKey && te(JSON.stringify(o));
+      }, u(g, s || r ? d : null, f), u(f, () => e.key || e.index), C((m) => {
+        const v = `${e.key ? `${e.key}
+` : ""}Shift + Click to copy value`, x = e.index !== void 0;
+        return v !== m._v$ && k(g, "title", m._v$ = v), x !== m._v$2 && g.classList.toggle("index", m._v$2 = x), m;
+      }, {
+        _v$: void 0,
+        _v$2: void 0
+      }), g;
+    })(), $((() => {
+      const g = $(() => !!(a && c && !t()));
+      return () => g() ? (() => {
+        const f = Sn.cloneNode(!0);
+        return u(f, () => s ? `[…] ${o.length} items` : `{…} ${Object.keys(o).length} properties`), f;
+      })() : (() => s && o.length === 0 ? Nn.cloneNode(!0) : r && Object.keys(o).length === 0 ? kn.cloneNode(!0) : s ? [(() => {
+        const f = Oe.cloneNode(!0);
+        return re(f, "click", a ? void 0 : (m) => {
+          m.shiftKey && te(JSON.stringify(o));
+        }, !0), k(f, "title", a ? void 0 : "Shift + Click to copy value"), u(f, !a && d, null), u(f, () => t() ? "[" : `[…] ${o.length} items`, null), f;
+      })(), $((() => {
+        const f = $(() => !!t());
+        return () => f() && [(() => {
+          const m = je.cloneNode(!0);
+          return u(m, () => {
+            let v = o;
+            const x = v.length;
+            return l() || (v = v.slice(0, Z)), [$(() => v.map((w, R) => (() => {
+              const T = Me.cloneNode(!0);
+              return u(T, p(ve, {
+                value: w,
+                get indent() {
+                  return e.indent + 1;
+                },
+                index: R,
+                get compact() {
+                  return e.compact;
+                }
+              })), T;
+            })())), $((() => {
+              const w = $(() => !l() && x > Z);
+              return () => w() && p(L, {
+                onClick: () => {
+                  i(() => !0);
+                },
+                class: "show-all",
+                get children() {
+                  return ["…show all (+", x - Z, ")"];
+                }
+              });
+            })())];
+          }), m;
+        })(), An.cloneNode(!0)];
+      })())] : r ? [(() => {
+        const f = Oe.cloneNode(!0);
+        return re(f, "click", a ? void 0 : (m) => {
+          m.shiftKey && te(JSON.stringify(o));
+        }, !0), k(f, "title", a ? void 0 : "Shift + Click to copy value"), u(f, !a && d, null), u(f, (() => {
+          const m = $(() => !!t());
+          return () => m() ? "{" : `{…} ${Object.keys(o).length} properties`;
+        })(), null), f;
+      })(), $((() => {
+        const f = $(() => !!t());
+        return () => f() && [(() => {
+          const m = je.cloneNode(!0);
+          return u(m, () => {
+            let v = Object.entries(o);
+            const x = v.length;
+            return l() || (v = v.slice(0, Z)), [$(() => v.map(([w, R]) => (() => {
+              const T = Me.cloneNode(!0);
+              return u(T, p(ve, {
+                value: R,
+                key: w,
+                get indent() {
+                  return e.indent + 1;
+                },
+                get compact() {
+                  return e.compact;
+                }
+              })), T;
+            })())), $((() => {
+              const w = $(() => !l() && x > Z);
+              return () => w() && p(L, {
+                onClick: () => {
+                  i(() => !0);
+                },
+                class: "show-all",
+                get children() {
+                  return ["…show all (+", x - Z, ")"];
+                }
+              });
+            })())];
+          }), m;
+        })(), Pn.cloneNode(!0)];
+      })())] : (() => {
+        const f = Tn.cloneNode(!0);
+        return f.$$click = (m) => {
+          m.shiftKey && te(String(o));
+        }, k(f, "data-type", typeof o), u(f, typeof o == "string" && Re.cloneNode(!0), null), u(f, () => typeof o == "number" ? On.format(o) : String(o), null), u(f, typeof o == "string" && Re.cloneNode(!0), null), f;
+      })())();
+    })())];
+  });
+}, j = (e) => (() => {
+  const t = En.cloneNode(!0);
+  return b(t, Ln), u(t, p(ve, {
+    get value() {
+      return e.value;
+    },
+    indent: 0,
+    get compact() {
+      return !!e.compact;
+    }
+  })), t;
+})();
+async function te(e) {
+  await navigator.clipboard.writeText(e), alert("Copied to clipboard");
+}
+ae(["click"]);
+let jn = 0;
+function Mn() {
+  return jn++;
+}
+const Rn = /* @__PURE__ */ y("<label></label>"), Dn = /* @__PURE__ */ y('<div><div class="inputContainer"><select></select></div></div>'), In = /* @__PURE__ */ y('<option value="">-- select an option --</option>'), zn = /* @__PURE__ */ y("<option></option>"), Fn = _`
+  &&& {
+    ${S({
+  align: "left"
+})};
+    width: 100%;
+    position: relative;
+
+    label {
+      color: ${h.primary.var};
+      z-index: 1;
+      font-size: 13px;
+      letter-spacing: 0.08em;
+      margin-left: 6px;
+    }
+
+    .inputContainer {
+      background: ${h.white.alpha(0.05)};
+      border-radius: 4px;
+      margin-top: 0px;
+      position: relative;
+      width: 100%;
+      overflow: hidden;
+      ${S({
+  align: "left"
+})};
+    }
+
+    select {
+      height: 32px;
+      border: 0;
+      width: 100%;
+      padding-top: 2px;
+      padding-left: 10px;
+      font-size: 14px;
+      background: transparent;
+      color: ${h.white.var};
+
+      &:focus {
+        outline: 0;
+      }
+
+      option {
+        font-size: 18px;
+      }
+    }
+
+    .label-background {
+      position: absolute;
+      left: 0;
+      right: 8px;
+      height: 17px;
+      background: ${h.white.var};
+    }
+  }
+`, Bn = (e) => {
+  const t = `input${Mn()}`;
+  return (() => {
+    const n = Dn.cloneNode(!0), l = n.firstChild, i = l.firstChild;
+    return u(n, p(se, {
+      get when() {
+        return e.label;
+      },
+      get children() {
+        const o = Rn.cloneNode(!0);
+        return k(o, "for", t), u(o, () => e.label), o;
+      }
+    }), l), i.addEventListener("change", (o) => {
+      o.currentTarget.value && e.onChange(o.currentTarget.value);
+    }), k(i, "id", t), u(i, (() => {
+      const o = $(() => !e.value);
+      return () => o() && In.cloneNode(!0);
+    })(), null), u(i, p(z, {
+      get each() {
+        return e.options;
+      },
+      children: (o) => (() => {
+        const s = zn.cloneNode(!0);
+        return u(s, () => o.label), C(() => s.value = o.value), s;
+      })()
+    }), null), C(() => b(n, et(Fn, e.class))), C(() => i.value = e.value ?? ""), n;
+  })();
+};
+function tt(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 nt(e) {
+  return e ? e.slice().reverse() : [];
+}
+function De(e, t) {
+  return Ke(e, t) ? "no changes" : pt.diffJson(
+    typeof e == "object" && e !== null ? e : String(e),
+    typeof t == "object" && t !== null ? t : String(t)
+  );
+}
+function Hn(e, t) {
+  return e.length > t ? `${e.slice(0, t)}...` : e;
+}
+const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions">+ <b></b> lines</span> | <span class="removals">- <b></b> lines</span></div>'), ge = /* @__PURE__ */ y("<div></div>"), Ie = /* @__PURE__ */ y("<div>No changes</div>"), ze = /* @__PURE__ */ y('<div class="line"></div>'), Zn = _`
+  &&& {
+    ${S({
+  gap: 14
+})};
+
+    .changes-count {
+      color: ${h.white.alpha(0.5)};
+      font-size: 14px;
+
+      .additions {
+        color: ${h.success.var};
+      }
+
+      .removals {
+        color: ${h.error.var};
+      }
+    }
+  }
+`, Fe = _`
+  &&& {
+    ${S({
+  gap: 0
+})};
+    font-size: 14px;
+    font-family: ${P.decorative};
+    white-space: pre;
+    overflow-x: auto;
+
+    .line {
+      opacity: 0.7;
+      padding-left: 10px;
+
+      &.added {
+        opacity: 1;
+        color: ${h.success.var};
+        background: ${h.success.alpha(0.1)};
+
+        &::before {
+          content: '+';
+          position: absolute;
+          left: 0;
+        }
+      }
+
+      &.removed {
+        opacity: 1;
+        color: ${h.error.var};
+        background: ${h.error.alpha(0.1)};
+
+        &::before {
+          content: '-';
+          position: absolute;
+          left: 0;
+        }
+      }
+    }
+  }
+`, Kn = () => {
+  const e = $(() => {
+    const {
+      selectedCall: r
+    } = N;
+    return r ? B.calls[r] : Object.values(B.calls).at(-1);
+  }), t = qe(() => {
+    const r = e();
+    return r ? nt(r.requests).map((a) => ({
+      value: a.id,
+      label: `${Q(a.startTime).format("HH:mm:ss")} | ${Hn(tt(a), 50)}`
+    })).filter((a) => a.value !== N.selectedRequest) : [];
+  }, "value"), n = xe(null), l = $(() => N.selectedRequest ? e()?.requests.find((r) => r.id === N.selectedRequest) : null), i = $(() => n.value ? e()?.requests.find((r) => r.id === n.value) : null), o = $(() => {
+    if (!n.value || !N.selectedRequest)
+      return [];
+    const r = l()?.response, a = i()?.response, c = De(a, r);
+    return c === "no changes" ? [] : c;
+  }), s = $(() => {
+    if (!n.value || !N.selectedRequest)
+      return [];
+    const r = Be(l()), a = Be(i()), c = De(a, r);
+    return c === "no changes" ? [] : c;
+  });
+  return (() => {
+    const r = ge.cloneNode(!0);
+    return b(r, Zn), u(r, p(Bn, {
+      get value() {
+        return n.value;
+      },
+      label: "Select a request to compare with",
+      get options() {
+        return t();
+      },
+      onChange: (a) => {
+        n.value = a;
+      }
+    }), null), u(r, p(se, {
+      get when() {
+        return n.value;
+      },
+      get children() {
+        return [(() => {
+          const a = Vn.cloneNode(!0), c = a.firstChild, d = c.firstChild, g = d.nextSibling, f = c.nextSibling, m = f.nextSibling, v = m.firstChild, x = v.nextSibling;
+          return u(g, () => o().filter((w) => w.added).length), u(x, () => o().filter((w) => w.removed).length), a;
+        })(), p(A, {
+          get title() {
+            return $(() => !!l()?.payload)() ? "Payload Diff" : l()?.searchParams ? "Search Params Diff" : "Path Params Diff";
+          },
+          get children() {
+            const a = ge.cloneNode(!0);
+            return b(a, Fe), u(a, p(z, {
+              get each() {
+                return s();
+              },
+              get fallback() {
+                return Ie.cloneNode(!0);
+              },
+              children: (c) => (() => {
+                const d = ze.cloneNode(!0);
+                return u(d, () => c.value), C((g) => {
+                  const f = !!c.added, m = !!c.removed;
+                  return f !== g._v$ && d.classList.toggle("added", g._v$ = f), m !== g._v$2 && d.classList.toggle("removed", g._v$2 = m), g;
+                }, {
+                  _v$: void 0,
+                  _v$2: void 0
+                }), d;
+              })()
+            })), a;
+          }
+        }), p(A, {
+          title: "Response Diff",
+          get children() {
+            const a = ge.cloneNode(!0);
+            return b(a, Fe), u(a, p(z, {
+              get each() {
+                return o();
+              },
+              get fallback() {
+                return Ie.cloneNode(!0);
+              },
+              children: (c) => (() => {
+                const d = ze.cloneNode(!0);
+                return u(d, () => c.value), C((g) => {
+                  const f = !!c.added, m = !!c.removed;
+                  return f !== g._v$3 && d.classList.toggle("added", g._v$3 = f), m !== g._v$4 && d.classList.toggle("removed", g._v$4 = m), g;
+                }, {
+                  _v$3: void 0,
+                  _v$4: void 0
+                }), d;
+              })()
+            })), a;
+          }
+        })];
+      }
+    }), null), r;
+  })();
+};
+function Be(e) {
+  return e ? e.payload || e.searchParams || e.pathParams : null;
+}
+const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>"), Wn = /* @__PURE__ */ y('<div class="tags"></div>'), Jn = /* @__PURE__ */ y('<div class="details"></div>'), Xn = /* @__PURE__ */ y("<h2></h2>"), Gn = /* @__PURE__ */ y('<div class="method"></div>'), Yn = /* @__PURE__ */ y('<div class="code"></div>'), Qn = /* @__PURE__ */ y('<div class="tag error">Has Error</div>'), qn = /* @__PURE__ */ y('<div class="tag"></div>'), er = _`
+  &&& {
+    ${S()};
+    padding-left: 10px;
+
+    > h1 {
+      margin-top: 12px;
+      font-family: ${P.decorative};
+      ${de};
+    }
+
+    > h2 {
+      margin-top: 4px;
+      font-family: ${P.decorative};
+      font-size: 12px;
+      opacity: 0.5;
+    }
+
+    .tags {
+      ${F({
+  gap: 8
+})};
+      margin-top: 8px;
+
+      .method {
+        color: ${h.primary.var};
+      }
+
+      .code {
+        color: ${h.success.var};
+
+        &.error {
+          color: ${h.error.var};
+        }
+      }
+
+      .tag {
+        font-size: 11px;
+        color: ${h.warning.var};
+        padding: 1px 3px;
+        border-radius: 4px;
+        border: 1px solid ${h.warning.alpha(0.6)};
+
+        &.error {
+          color: ${h.error.var};
+          font-weight: 600;
+          border-color: ${h.error.alpha(0.6)};
+        }
+      }
+    }
+
+    > .details {
+      margin-top: 14px;
+      padding-right: 10px;
+      ${S({
+  gap: 8
+})};
+      flex: 1 1;
+      overflow-y: auto;
+      padding-bottom: 20px;
+    }
+  }
+`, tr = _`
+  &&& {
+    ${F({
+  gap: 20
+})};
+    color: ${h.secondary.var};
+    margin-top: 20px;
+
+    > button {
+      opacity: 0.74;
+      padding-bottom: 2px;
+
+      &.selected {
+        border-bottom: 2px solid currentColor;
+      }
+
+      &.selected,
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+`, nr = () => {
+  const e = $(() => N.selectedCall), t = $(() => N.selectedRequest), n = $(() => N.selectedTab || "summary"), l = $(() => {
+    let o;
+    e() ? o = B.calls[e()] : o = Object.values(B.calls).at(-1);
+    const s = t() && o?.requests.find((r) => r.id === t()) || o?.requests.at(-1);
+    return s && o ? {
+      ...s,
+      callName: o.name,
+      callPath: o.path
+    } : null;
+  });
+  function i(o, s) {
+    return p(L, {
+      get classList() {
+        return {
+          selected: n() === o
+        };
+      },
+      onClick: () => {
+        ie("selectedTab", o);
+      },
+      children: s
+    });
+  }
+  return (() => {
+    const o = He.cloneNode(!0);
+    return b(o, er), u(o, p(se, {
+      get when() {
+        return l();
+      },
+      keyed: !0,
+      children: (s) => [(() => {
+        const r = Un.cloneNode(!0);
+        return u(r, () => s.callName, null), u(r, () => s.alias && ` | ${s.alias}`, null), r;
+      })(), $((() => {
+        const r = $(() => s.callPath !== s.callName);
+        return () => r() && (() => {
+          const a = Xn.cloneNode(!0);
+          return u(a, () => s.callPath), a;
+        })();
+      })()), (() => {
+        const r = Wn.cloneNode(!0);
+        return u(r, (() => {
+          const a = $(() => !!s.method);
+          return () => a() && (() => {
+            const c = Gn.cloneNode(!0);
+            return u(c, () => s.method), c;
+          })();
+        })(), null), u(r, (() => {
+          const a = $(() => !!s.code);
+          return () => a() && (() => {
+            const c = Yn.cloneNode(!0);
+            return u(c, () => s.code), C(() => c.classList.toggle("error", s.code >= 400)), c;
+          })();
+        })(), null), u(r, (() => {
+          const a = $(() => !!s.isError);
+          return () => a() && Qn.cloneNode(!0);
+        })(), null), u(r, p(z, {
+          get each() {
+            return s.tags;
+          },
+          children: (a) => (() => {
+            const c = qn.cloneNode(!0);
+            return u(c, a), c;
+          })()
+        }), null), r;
+      })(), (() => {
+        const r = He.cloneNode(!0);
+        return b(r, tr), u(r, () => i("summary", "Summary"), null), u(r, (() => {
+          const a = $(() => !!s.payload);
+          return () => a() && i("payload", "Payload");
+        })(), null), u(r, (() => {
+          const a = $(() => !!s.searchParams);
+          return () => a() && i("urlParams", "URL Params");
+        })(), null), u(r, () => i("response", "Response"), null), u(r, () => i("diff", "Diff"), null), r;
+      })(), (() => {
+        const r = Jn.cloneNode(!0);
+        return u(r, p(dt, {
+          get children() {
+            return [p(G, {
+              get when() {
+                return n() === "summary";
+              },
+              get children() {
+                return [$(() => $(() => !!s.payload)() && p(A, {
+                  title: "Payload",
+                  get children() {
+                    return p(j, {
+                      get value() {
+                        return s.payload;
+                      },
+                      compact: !0
+                    });
+                  }
+                })), $(() => $(() => !!s.searchParams)() && p(A, {
+                  title: "URL Params",
+                  get children() {
+                    return p(j, {
+                      get value() {
+                        return s.searchParams;
+                      },
+                      compact: !0
+                    });
+                  }
+                })), $(() => $(() => !!s.response)() && p(A, {
+                  title: "Response",
+                  get children() {
+                    return p(j, {
+                      get value() {
+                        return s.response;
+                      },
+                      compact: !0
+                    });
+                  }
+                })), p(A, {
+                  title: "Stats",
+                  get children() {
+                    return p(j, {
+                      get value() {
+                        return {
+                          "Duration (ms)": Math.round(s.duration),
+                          "Start Time": `${Q(s.startTime).format("HH:mm:ss")} (${Q(s.startTime).fromNow()})`
+                        };
+                      }
+                    });
+                  }
+                }), p(A, {
+                  title: "Metadata",
+                  get children() {
+                    return p(j, {
+                      get value() {
+                        return s.metadata;
+                      }
+                    });
+                  }
+                })];
+              }
+            }), p(G, {
+              get when() {
+                return n() === "payload";
+              },
+              get children() {
+                return p(A, {
+                  title: null,
+                  get children() {
+                    return p(j, {
+                      get value() {
+                        return s.payload;
+                      }
+                    });
+                  }
+                });
+              }
+            }), p(G, {
+              get when() {
+                return n() === "response";
+              },
+              get children() {
+                return p(A, {
+                  title: null,
+                  get children() {
+                    return p(j, {
+                      get value() {
+                        return s.response;
+                      }
+                    });
+                  }
+                });
+              }
+            }), p(G, {
+              get when() {
+                return n() === "urlParams";
+              },
+              get children() {
+                return p(A, {
+                  title: null,
+                  get children() {
+                    return p(j, {
+                      get value() {
+                        return s.searchParams;
+                      }
+                    });
+                  }
+                });
+              }
+            }), p(G, {
+              get when() {
+                return n() === "diff";
+              },
+              get children() {
+                return p(Kn, {});
+              }
+            })];
+          }
+        })), r;
+      })()]
+    })), o;
+  })();
+}, rr = /* @__PURE__ */ y("<div><h1>timeline</h1><div></div></div>"), or = /* @__PURE__ */ y("<div>no requests found</div>"), lr = /* @__PURE__ */ y('<span class="start-time"></span>'), ir = /* @__PURE__ */ y("<div></div>"), sr = /* @__PURE__ */ y('<span class="separator">|</span>'), ar = /* @__PURE__ */ y('<span class="payload"></span>'), cr = _`
+  &&& {
+    ${S()};
+    border-right: 1px solid ${h.white.alpha(0.1)};
+
+    > h1 {
+      font-size: 16px;
+      padding-left: 12px;
+      padding-top: 10px;
+      font-family: ${P.decorative};
+      color: ${h.secondary.var};
+      padding-bottom: 16px;
+    }
+  }
+`, dr = _`
+  &&& {
+    ${S()};
+    flex: 1 1;
+    overflow-y: auto;
+  }
+`, ur = _`
+  &&& {
+    font-size: 13px;
+    ${S()};
+
+    &.error {
+      color: ${h.error.var};
+      font-weight: 600;
+    }
+
+    > button {
+      padding: 4px 12px;
+      ${F({
+  gap: 8
+})};
+      opacity: 0.8;
+
+      &.selected {
+        opacity: 1;
+        background-color: ${h.secondary.alpha(0.16)};
+      }
+
+      > .start-time {
+        font-family: ${P.decorative};
+      }
+
+      > .separator {
+        opacity: 0.5;
+      }
+
+      > .payload {
+        ${de};
+        flex-shrink: 1;
+      }
+    }
+  }
+`, fr = _`
+  &&& {
+    opacity: 0.4;
+    font-size: 14px;
+    padding: 12px;
+    padding-top: 0;
+  }
+`, pr = () => {
+  const e = $(() => {
+    const i = N.selectedCall;
+    return i ? i ? B.calls[i] : null : Object.values(B.calls).at(-1) || null;
+  }), t = $(() => {
+    const i = nt(e()?.requests);
+    return i.length === 0 ? null : i;
+  }), n = $(() => N.selectedSubitem ? t()?.filter((i) => i.alias === N.selectedSubitem) : t()), l = $(() => N.selectedRequest || n()?.[0]?.id);
+  return (() => {
+    const i = rr.cloneNode(!0), o = i.firstChild, s = o.nextSibling;
+    return b(i, cr), b(s, dr), u(s, p(z, {
+      get each() {
+        return n();
+      },
+      get fallback() {
+        return (() => {
+          const r = or.cloneNode(!0);
+          return b(r, fr), r;
+        })();
+      },
+      children: (r) => {
+        const a = Q(r.startTime), c = a.format("HH:mm:ss"), d = a.fromNow(), g = tt(r);
+        return (() => {
+          const f = ir.cloneNode(!0);
+          return b(f, ur), u(f, p(L, {
+            onClick: () => {
+              ie("selectedRequest", r.id);
+            },
+            get classList() {
+              return {
+                selected: r.id === l()
+              };
+            },
+            get children() {
+              return [(() => {
+                const m = lr.cloneNode(!0);
+                return k(m, "title", d), u(m, c), m;
+              })(), $(() => !!g && [sr.cloneNode(!0), (() => {
+                const m = ar.cloneNode(!0);
+                return k(m, "title", g), u(m, g), m;
+              })()])];
+            }
+          })), C(() => f.classList.toggle("error", !!r.isError)), f;
+        })();
+      }
+    })), i;
+  })();
+}, gr = /* @__PURE__ */ y("<div></div>"), hr = _`
+  &&& {
+    display: grid;
+    grid-template-columns: 1.5fr 1fr 3fr;
+  }
+`, mr = () => (() => {
+  const e = gr.cloneNode(!0);
+  return b(e, hr), u(e, p(yn, {}), null), u(e, p(pr, {}), null), u(e, p(nr, {}), null), e;
+})(), $r = `
+  font-family: ${P.primary};
+  color: ${h.textPrimary.var};
+
+  * {
+    user-select: none;
+    position: relative;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  input,
+  textarea,
+  p,
+  pre,
+  h1,
+  h2 {
+    user-select: text;
+  }
+
+  :is(input, textarea, p, pre, h1, h2) * {
+    user-select: text;
+  }
+
+  a {
+    --anchor-color: inherit;
+    color: var(---anchor-color);
+  }
+
+  a:visited {
+    color: var(---anchor-color);
+  }
+
+  button {
+    color: inherit;
+  }
+
+  p,
+  h1,
+  h2,
+  h3 {
+    font-size: inherit;
+  }
+
+  h1 {
+    font-weight: normal;
+  }
+
+  h2,
+  h3 {
+    font-weight: normal;
+  }
+`, yr = `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, vr = `
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  min-height: 0;
+  min-width: 0;
+  flex-shrink: 0;
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Remove default padding */
+ul[class],
+ol[class] {
+  padding: 0;
+}
+
+/* Remove default margin */
+body,
+h1,
+h2,
+h3,
+h4,
+p,
+ul[class],
+ol[class],
+li,
+figure,
+figcaption,
+blockquote,
+dl,
+dd {
+  margin: 0;
+}
+
+/* Set core body defaults */
+body {
+  scroll-behavior: smooth;
+}
+
+/* Natural flow and rhythm in articles by default */
+article > * + * {
+  margin-top: 1em;
+}
+
+/* Inherit fonts for inputs and buttons */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+  cursor: pointer;
+}
+
+a:visited {
+  color: inherit;
+}
+
+button {
+  background: transparent;
+  border: 0;
+  outline: none;
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+`;
+let br = { data: "" }, Cr = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || br, xr = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, wr = /\/\*[^]*?\*\/|  +/g, Ve = /\n+/g, D = (e, t) => {
+  let n = "", l = "", i = "";
+  for (let o in e) {
+    let s = e[o];
+    o[0] == "@" ? o[1] == "i" ? n = o + " " + s + ";" : l += o[1] == "f" ? D(s, o) : o + "{" + D(s, o[1] == "k" ? "" : t) + "}" : typeof s == "object" ? l += D(s, t ? t.replace(/([^,])+/g, (r) => o.replace(/(^:.*)|([^,])+/g, (a) => /&/.test(a) ? a.replace(/&/g, r) : r ? r + " " + a : a)) : o) : s != null && (o = /^--/.test(o) ? o : o.replace(/[A-Z]/g, "-$&").toLowerCase(), i += D.p ? D.p(o, s) : o + ":" + s + ";");
+  }
+  return n + (t && i ? t + "{" + i + "}" : i) + l;
+}, E = {}, rt = (e) => {
+  if (typeof e == "object") {
+    let t = "";
+    for (let n in e)
+      t += n + rt(e[n]);
+    return t;
+  }
+  return e;
+}, _r = (e, t, n, l, i) => {
+  let o = rt(e), s = E[o] || (E[o] = ((a) => {
+    let c = 0, d = 11;
+    for (; c < a.length; )
+      d = 101 * d + a.charCodeAt(c++) >>> 0;
+    return "go" + d;
+  })(o));
+  if (!E[s]) {
+    let a = o !== e ? e : ((c) => {
+      let d, g, f = [{}];
+      for (; d = xr.exec(c.replace(wr, "")); )
+        d[4] ? f.shift() : d[3] ? (g = d[3].replace(Ve, " ").trim(), f.unshift(f[0][g] = f[0][g] || {})) : f[0][d[1]] = d[2].replace(Ve, " ").trim();
+      return f[0];
+    })(e);
+    E[s] = D(i ? { ["@keyframes " + s]: a } : a, n ? "" : "." + s);
+  }
+  let r = n && E.g ? E.g : null;
+  return n && (E.g = E[s]), ((a, c, d, g) => {
+    g ? c.data = c.data.replace(g, a) : c.data.indexOf(a) === -1 && (c.data = d ? a + c.data : c.data + a);
+  })(E[s], t, l, r), s;
+}, Sr = (e, t, n) => e.reduce((l, i, o) => {
+  let s = t[o];
+  if (s && s.call) {
+    let r = s(n), a = r && r.props && r.props.className || /^go/.test(r) && r;
+    s = a ? "." + a : r && typeof r == "object" ? r.props ? "" : D(r, "") : r === !1 ? "" : r;
+  }
+  return l + i + (s ?? "");
+}, "");
+function ue(e) {
+  let t = this || {}, n = e.call ? e(t.p) : e;
+  return _r(n.unshift ? n.raw ? Sr(n, [].slice.call(arguments, 1), t.p) : n.reduce((l, i) => Object.assign(l, i && i.call ? i(t.p) : i), {}) : n, Cr(t.target), t.g, t.o, t.k);
+}
+ue.bind({ g: 1 });
+ue.bind({ k: 1 });
+const Nr = /* @__PURE__ */ y("<div></div>"), kr = /* @__PURE__ */ y('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Ar = ue`
+  ${vr};
+  ${$r};
+
+  position: fixed;
+  inset: 32px;
+  border-radius: 4px;
+  background: ${h.bgPrimary.var};
+  display: grid;
+  grid-template-columns: 51px 1fr;
+
+  nav {
+    ${S()};
+    border-right: 1px solid ${h.white.alpha(0.1)};
+
+    button {
+      ${yr};
+      width: 100%;
+      aspect-ratio: 1 / 1;
+      color: ${h.bgPrimary.var};
+      --icon-size: 30px;
+
+      &::before {
+        content: '';
+        inset: 6px;
+        border-radius: 3px;
+        position: absolute;
+        background: ${h.primary.var};
+      }
+    }
+  }
+
+  > main > * {
+    ${be};
+  }
+`, Pr = ue`
+  ${be};
+  position: fixed;
+  inset: 0;
+`, Tr = () => [(() => {
+  const e = Nr.cloneNode(!0);
+  return re(e, "click", Or, !0), b(e, Pr), e;
+})(), (() => {
+  const e = kr.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
+  return b(e, Ar), u(t, p(L, {
+    title: "API Explorer",
+    get children() {
+      return p(ce, {
+        name: "network"
+      });
+    }
+  })), u(n, p(mr, {})), e;
+})()];
+ae(["click"]);
+const Er = () => p(Tr, {});
+let ot = () => {
+};
+function Lr() {
+  Q.extend(Et), 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), ot = xt(() => p(Er, {}), e);
+}
+function Or() {
+  ot();
+}
+function Hr({
+  callsProcessor: e,
+  shortcut: t = "$mod+D"
+}) {
+  gt(window, {
+    [t]: (n) => {
+      n.preventDefault();
+      const l = document.activeElement;
+      l instanceof HTMLElement && (l.isContentEditable || l.tagName === "INPUT" || l.tagName === "TEXTAREA") || Lr();
+    }
+  }), pn({
+    callsProcessor: e
+  });
+}
+export {
+  Br as addCall,
+  Hr as initializeDevTools
+};