@ametie/vue-muza-use 1.2.2 → 1.2.3

package/dist/index.mjs

@@ -1,6 +1,3634 @@
 // src/plugin.ts
 import { inject } from "vue";
 
+// ../devtools/dist/index.mjs
+import { reactive as rt, computed as O, markRaw as Ct, ref as q, onMounted as X, onScopeDispose as he, watch as ae, defineComponent as $, h as De, openBlock as h, createElementBlock as y, createElementVNode as f, createVNode as L, Fragment as N, renderList as W, normalizeClass as P, createBlock as F, unref as m, resolveDynamicComponent as Oe, createCommentVNode as M, toDisplayString as C, Transition as ze, withCtx as Ae, normalizeStyle as K, createApp as Ot, shallowRef as zt, triggerRef as Ve, createTextVNode as ce, resolveComponent as At, withDirectives as ge, isRef as Ne, vModelText as qt, vShow as We, Teleport as $t, withKeys as Lt } from "vue";
+var A = rt({
+  instances: /* @__PURE__ */ new Map(),
+  requests: [],
+  config: { maxHistory: 300, maxPayloadSize: 2e5 }
+});
+function ke(e, i) {
+  try {
+    const t = JSON.stringify(e);
+    return !t || t.length <= i ? { value: e, truncated: false } : {
+      value: t.slice(0, i) + `
+\u2026[+${t.length - i} bytes truncated]`,
+      truncated: true
+    };
+  } catch {
+    return { value: "[non-serializable]", truncated: true };
+  }
+}
+var at = O(
+  () => A.instances
+);
+var qe = O(
+  () => A.requests
+);
+function Ft(e) {
+  A.instances.clear(), A.requests.splice(0), A.config.maxHistory = e.maxHistory ?? 300, A.config.maxPayloadSize = e.maxPayloadSize ?? 2e5;
+}
+function Pt(e, i, t) {
+  A.instances.set(e, {
+    id: e,
+    url: i,
+    method: "GET",
+    createdAt: Date.now(),
+    state: { loading: false, error: null, statusCode: null, data: null },
+    options: t,
+    requestCount: 0,
+    lastRequestAt: null
+  });
+}
+function Rt(e) {
+  A.instances.delete(e);
+}
+function jt(e, i) {
+  const t = A.instances.get(e);
+  t && (t.state = { ...t.state, ...i });
+}
+function Dt(e) {
+  const { value: i, truncated: t } = ke(e.payload, A.config.maxPayloadSize), { value: n, truncated: s } = ke(e.queryParams, A.config.maxPayloadSize), o = {
+    ...e,
+    payload: i,
+    queryParams: n,
+    duration: null,
+    response: null,
+    error: null,
+    truncated: t || s
+  };
+  if (A.requests.length >= A.config.maxHistory && A.requests.shift(), A.requests.push(o), e.instanceId) {
+    const l = A.instances.get(e.instanceId);
+    l && (l.requestCount++, l.lastRequestAt = e.startedAt);
+  }
+}
+function Vt(e, i) {
+  const t = A.requests.findIndex((s) => s.id === e);
+  if (t === -1) return;
+  const n = A.requests[t];
+  if (i.status === "success") {
+    const { value: s, truncated: o } = ke(
+      i.response,
+      A.config.maxPayloadSize
+    );
+    A.requests[t] = {
+      ...n,
+      status: "success",
+      statusCode: i.statusCode,
+      response: s,
+      duration: i.duration,
+      truncated: n.truncated || o
+    };
+  } else i.status === "error" ? A.requests[t] = {
+    ...n,
+    status: "error",
+    statusCode: i.statusCode,
+    error: i.error,
+    duration: i.duration
+  } : A.requests[t] = { ...n, status: "aborted", duration: i.duration };
+}
+function He() {
+  A.requests.splice(0);
+}
+function Nt(e) {
+  return A.requests.filter((i) => i.instanceId === e);
+}
+var se = rt({ tabs: [] });
+var Q = O(
+  () => [...se.tabs].sort((e, i) => e.order - i.order)
+);
+function Be(e) {
+  if (se.tabs.some((t) => t.id === e.id)) return;
+  const i = e.order ?? se.tabs.length + 10;
+  se.tabs.push({ ...e, order: i, component: Ct(e.component) });
+}
+function Wt(e, i, t) {
+  Pt(e, i, t);
+}
+function Ht(e) {
+  Rt(e);
+}
+function Bt(e, i) {
+  jt(e, i);
+}
+function Kt(e) {
+  Dt(e);
+}
+function Ut(e, i) {
+  Vt(e, i);
+}
+function $e(e) {
+  return new Promise((i, t) => {
+    e.oncomplete = e.onsuccess = () => i(e.result), e.onabort = e.onerror = () => t(e.error);
+  });
+}
+function Jt(e, i) {
+  let t;
+  const n = () => {
+    if (t)
+      return t;
+    const s = indexedDB.open(e);
+    return s.onupgradeneeded = () => s.result.createObjectStore(i), t = $e(s), t.then((o) => {
+      o.onclose = () => t = void 0;
+    }, () => {
+    }), t;
+  };
+  return (s, o) => n().then((l) => o(l.transaction(i, s).objectStore(i)));
+}
+var ye;
+function ct() {
+  return ye || (ye = Jt("keyval-store", "keyval")), ye;
+}
+function H(e, i = ct()) {
+  return i("readonly", (t) => $e(t.get(e)));
+}
+function B(e, i, t = ct()) {
+  return t("readwrite", (n) => (n.put(i, e), $e(n.transaction)));
+}
+var R = {
+  panelHeight: "vmd:panel-height",
+  panelMode: "vmd:panel-mode",
+  panelSideWidth: "vmd:panel-side-width",
+  activeTab: "vmd:active-tab",
+  networkToolbarVisible: "vmd:network-toolbar-visible",
+  networkFilterVisible: "vmd:network-filter-visible",
+  splitPayloadWidth: "vmd:split-payload-width",
+  payloadFormat: "vmd:payload-format",
+  responseFormat: "vmd:response-format"
+};
+async function Xt() {
+  return H(R.activeTab);
+}
+async function Qt(e) {
+  return B(R.activeTab, e);
+}
+async function Gt() {
+  return H(R.panelHeight);
+}
+async function Yt(e) {
+  return B(R.panelHeight, e);
+}
+async function Zt() {
+  return await H(R.panelMode) ?? "side";
+}
+async function en(e) {
+  return B(R.panelMode, e);
+}
+async function tn() {
+  return H(R.panelSideWidth);
+}
+async function nn(e) {
+  return B(R.panelSideWidth, e);
+}
+async function sn() {
+  return await H(R.networkToolbarVisible) ?? true;
+}
+async function on(e) {
+  return B(R.networkToolbarVisible, e);
+}
+async function ln() {
+  return await H(R.networkFilterVisible) ?? true;
+}
+async function rn(e) {
+  return B(R.networkFilterVisible, e);
+}
+async function an() {
+  return H(R.splitPayloadWidth);
+}
+async function cn(e) {
+  return B(R.splitPayloadWidth, e);
+}
+async function un() {
+  return await H(R.payloadFormat) ?? "kv";
+}
+async function dn(e) {
+  return B(R.payloadFormat, e);
+}
+async function hn() {
+  return await H(R.responseFormat) ?? "json";
+}
+async function fn(e) {
+  return B(R.responseFormat, e);
+}
+var pn = 360;
+var mn = 200;
+var vn = 0.8;
+var gn = 380;
+var yn = 280;
+var bn = 0.6;
+var wn = q(false);
+var te = q("side");
+var be = false;
+function fe() {
+  const e = q(pn), i = wn, t = te, n = q(gn);
+  X(async () => {
+    const [d, w, p] = await Promise.all([
+      Gt(),
+      be ? Promise.resolve(te.value) : Zt(),
+      tn()
+    ]);
+    d !== void 0 && (e.value = d), be || (te.value = w, be = true), p !== void 0 && (n.value = p);
+  });
+  function s() {
+    i.value = !i.value;
+  }
+  function o() {
+    i.value = false;
+  }
+  function l(d) {
+    te.value = d, en(d);
+  }
+  let r = false, a = null, c = null;
+  function u(d) {
+    const w = d.clientY, p = e.value;
+    r = true;
+    function b(x) {
+      if (!r) return;
+      const T = Math.floor(window.innerHeight * vn);
+      e.value = Math.max(mn, Math.min(p + (w - x.clientY), T));
+    }
+    function v() {
+      r = false, a = null, Yt(e.value), window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", v);
+    }
+    a = () => {
+      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", v);
+    }, window.addEventListener("mousemove", b), window.addEventListener("mouseup", v), d.preventDefault();
+  }
+  function g(d) {
+    const w = d.clientX, p = n.value;
+    r = true;
+    function b(x) {
+      if (!r) return;
+      const T = Math.floor(window.innerWidth * bn);
+      n.value = Math.max(yn, Math.min(p + (w - x.clientX), T));
+    }
+    function v() {
+      r = false, c = null, nn(n.value), window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", v);
+    }
+    c = () => {
+      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", v);
+    }, window.addEventListener("mousemove", b), window.addEventListener("mouseup", v), d.preventDefault();
+  }
+  return he(() => {
+    a == null || a(), c == null || c();
+  }), { height: e, isOpen: i, panelMode: t, sideWidth: n, startResizeHeight: u, startResizeSideWidth: g, switchMode: l, toggle: s, close: o };
+}
+function ut() {
+  const e = q(null);
+  X(async () => {
+    const n = await Xt();
+    n ? e.value = n : Q.value.length > 0 && (e.value = Q.value[0].id);
+  }), ae(e, (n) => {
+    n && Qt(n);
+  });
+  const i = O(
+    () => Q.value.find((n) => n.id === e.value) ?? Q.value[0] ?? null
+  );
+  function t(n) {
+    e.value = n;
+  }
+  return { registeredTabs: Q, activeTabId: e, activeTab: i, setActiveTab: t };
+}
+var ne = q(false);
+function Le() {
+  const e = q(true), i = q(true);
+  X(async () => {
+    const [l, r] = await Promise.all([
+      sn(),
+      ln()
+    ]);
+    e.value = l, i.value = r;
+  });
+  function t() {
+    e.value = !e.value, on(e.value);
+  }
+  function n() {
+    i.value = !i.value, rn(i.value);
+  }
+  function s() {
+    ne.value = !ne.value;
+  }
+  function o() {
+    ne.value = false;
+  }
+  return { toolbarVisible: e, filterVisible: i, settingsOpen: ne, toggleToolbar: t, toggleFilter: n, toggleSettings: s, closeSettings: o };
+}
+var dt = /^[a-z0-9]+(-[a-z0-9]+)*$/;
+var pe = (e, i, t, n = "") => {
+  const s = e.split(":");
+  if (e.slice(0, 1) === "@") {
+    if (s.length < 2 || s.length > 3)
+      return null;
+    n = s.shift().slice(1);
+  }
+  if (s.length > 3 || !s.length)
+    return null;
+  if (s.length > 1) {
+    const r = s.pop(), a = s.pop(), c = {
+      // Allow provider without '@': "provider:prefix:name"
+      provider: s.length > 0 ? s[0] : n,
+      prefix: a,
+      name: r
+    };
+    return i && !ie(c) ? null : c;
+  }
+  const o = s[0], l = o.split("-");
+  if (l.length > 1) {
+    const r = {
+      provider: n,
+      prefix: l.shift(),
+      name: l.join("-")
+    };
+    return i && !ie(r) ? null : r;
+  }
+  if (t && n === "") {
+    const r = {
+      provider: n,
+      prefix: "",
+      name: o
+    };
+    return i && !ie(r, t) ? null : r;
+  }
+  return null;
+};
+var ie = (e, i) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
+// Check name: cannot be empty
+((i && e.prefix === "" || e.prefix) && e.name) : false;
+var ht = Object.freeze(
+  {
+    left: 0,
+    top: 0,
+    width: 16,
+    height: 16
+  }
+);
+var ue = Object.freeze({
+  rotate: 0,
+  vFlip: false,
+  hFlip: false
+});
+var me = Object.freeze({
+  ...ht,
+  ...ue
+});
+var _e = Object.freeze({
+  ...me,
+  body: "",
+  hidden: false
+});
+function Sn(e, i) {
+  const t = {};
+  !e.hFlip != !i.hFlip && (t.hFlip = true), !e.vFlip != !i.vFlip && (t.vFlip = true);
+  const n = ((e.rotate || 0) + (i.rotate || 0)) % 4;
+  return n && (t.rotate = n), t;
+}
+function Ke(e, i) {
+  const t = Sn(e, i);
+  for (const n in _e)
+    n in ue ? n in e && !(n in t) && (t[n] = ue[n]) : n in i ? t[n] = i[n] : n in e && (t[n] = e[n]);
+  return t;
+}
+function xn(e, i) {
+  const t = e.icons, n = e.aliases || /* @__PURE__ */ Object.create(null), s = /* @__PURE__ */ Object.create(null);
+  function o(l) {
+    if (t[l])
+      return s[l] = [];
+    if (!(l in s)) {
+      s[l] = null;
+      const r = n[l] && n[l].parent, a = r && o(r);
+      a && (s[l] = [r].concat(a));
+    }
+    return s[l];
+  }
+  return Object.keys(t).concat(Object.keys(n)).forEach(o), s;
+}
+function kn(e, i, t) {
+  const n = e.icons, s = e.aliases || /* @__PURE__ */ Object.create(null);
+  let o = {};
+  function l(r) {
+    o = Ke(
+      n[r] || s[r],
+      o
+    );
+  }
+  return l(i), t.forEach(l), Ke(e, o);
+}
+function ft(e, i) {
+  const t = [];
+  if (typeof e != "object" || typeof e.icons != "object")
+    return t;
+  e.not_found instanceof Array && e.not_found.forEach((s) => {
+    i(s, null), t.push(s);
+  });
+  const n = xn(e);
+  for (const s in n) {
+    const o = n[s];
+    o && (i(s, kn(e, s, o)), t.push(s));
+  }
+  return t;
+}
+var _n = {
+  provider: "",
+  aliases: {},
+  not_found: {},
+  ...ht
+};
+function we(e, i) {
+  for (const t in i)
+    if (t in e && typeof e[t] != typeof i[t])
+      return false;
+  return true;
+}
+function pt(e) {
+  if (typeof e != "object" || e === null)
+    return null;
+  const i = e;
+  if (typeof i.prefix != "string" || !e.icons || typeof e.icons != "object" || !we(e, _n))
+    return null;
+  const t = i.icons;
+  for (const s in t) {
+    const o = t[s];
+    if (
+      // Name cannot be empty
+      !s || // Must have body
+      typeof o.body != "string" || // Check other props
+      !we(
+        o,
+        _e
+      )
+    )
+      return null;
+  }
+  const n = i.aliases || /* @__PURE__ */ Object.create(null);
+  for (const s in n) {
+    const o = n[s], l = o.parent;
+    if (
+      // Name cannot be empty
+      !s || // Parent must be set and point to existing icon
+      typeof l != "string" || !t[l] && !n[l] || // Check other props
+      !we(
+        o,
+        _e
+      )
+    )
+      return null;
+  }
+  return i;
+}
+var Ue = /* @__PURE__ */ Object.create(null);
+function In(e, i) {
+  return {
+    provider: e,
+    prefix: i,
+    icons: /* @__PURE__ */ Object.create(null),
+    missing: /* @__PURE__ */ new Set()
+  };
+}
+function J(e, i) {
+  const t = Ue[e] || (Ue[e] = /* @__PURE__ */ Object.create(null));
+  return t[i] || (t[i] = In(e, i));
+}
+function mt(e, i) {
+  return pt(i) ? ft(i, (t, n) => {
+    n ? e.icons[t] = n : e.missing.add(t);
+  }) : [];
+}
+function En(e, i, t) {
+  try {
+    if (typeof t.body == "string")
+      return e.icons[i] = { ...t }, true;
+  } catch {
+  }
+  return false;
+}
+var ee = false;
+function vt(e) {
+  return typeof e == "boolean" && (ee = e), ee;
+}
+function Tn(e) {
+  const i = typeof e == "string" ? pe(e, true, ee) : e;
+  if (i) {
+    const t = J(i.provider, i.prefix), n = i.name;
+    return t.icons[n] || (t.missing.has(n) ? null : void 0);
+  }
+}
+function Mn(e, i) {
+  const t = pe(e, true, ee);
+  if (!t)
+    return false;
+  const n = J(t.provider, t.prefix);
+  return i ? En(n, t.name, i) : (n.missing.add(t.name), true);
+}
+function Cn(e, i) {
+  if (typeof e != "object")
+    return false;
+  if (typeof i != "string" && (i = e.provider || ""), ee && !i && !e.prefix) {
+    let s = false;
+    return pt(e) && (e.prefix = "", ft(e, (o, l) => {
+      Mn(o, l) && (s = true);
+    })), s;
+  }
+  const t = e.prefix;
+  if (!ie({
+    prefix: t,
+    name: "a"
+  }))
+    return false;
+  const n = J(i, t);
+  return !!mt(n, e);
+}
+var gt = Object.freeze({
+  width: null,
+  height: null
+});
+var yt = Object.freeze({
+  // Dimensions
+  ...gt,
+  // Transformations
+  ...ue
+});
+var On = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
+var zn = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function Je(e, i, t) {
+  if (i === 1)
+    return e;
+  if (t = t || 100, typeof e == "number")
+    return Math.ceil(e * i * t) / t;
+  if (typeof e != "string")
+    return e;
+  const n = e.split(On);
+  if (n === null || !n.length)
+    return e;
+  const s = [];
+  let o = n.shift(), l = zn.test(o);
+  for (; ; ) {
+    if (l) {
+      const r = parseFloat(o);
+      isNaN(r) ? s.push(o) : s.push(Math.ceil(r * i * t) / t);
+    } else
+      s.push(o);
+    if (o = n.shift(), o === void 0)
+      return s.join("");
+    l = !l;
+  }
+}
+function An(e, i = "defs") {
+  let t = "";
+  const n = e.indexOf("<" + i);
+  for (; n >= 0; ) {
+    const s = e.indexOf(">", n), o = e.indexOf("</" + i);
+    if (s === -1 || o === -1)
+      break;
+    const l = e.indexOf(">", o);
+    if (l === -1)
+      break;
+    t += e.slice(s + 1, o).trim(), e = e.slice(0, n).trim() + e.slice(l + 1);
+  }
+  return {
+    defs: t,
+    content: e
+  };
+}
+function qn(e, i) {
+  return e ? "<defs>" + e + "</defs>" + i : i;
+}
+function $n(e, i, t) {
+  const n = An(e);
+  return qn(n.defs, i + n.content + t);
+}
+var Ln = (e) => e === "unset" || e === "undefined" || e === "none";
+function Fn(e, i) {
+  const t = {
+    ...me,
+    ...e
+  }, n = {
+    ...yt,
+    ...i
+  }, s = {
+    left: t.left,
+    top: t.top,
+    width: t.width,
+    height: t.height
+  };
+  let o = t.body;
+  [t, n].forEach((b) => {
+    const v = [], x = b.hFlip, T = b.vFlip;
+    let k = b.rotate;
+    x ? T ? k += 2 : (v.push(
+      "translate(" + (s.width + s.left).toString() + " " + (0 - s.top).toString() + ")"
+    ), v.push("scale(-1 1)"), s.top = s.left = 0) : T && (v.push(
+      "translate(" + (0 - s.left).toString() + " " + (s.height + s.top).toString() + ")"
+    ), v.push("scale(1 -1)"), s.top = s.left = 0);
+    let z;
+    switch (k < 0 && (k -= Math.floor(k / 4) * 4), k = k % 4, k) {
+      case 1:
+        z = s.height / 2 + s.top, v.unshift(
+          "rotate(90 " + z.toString() + " " + z.toString() + ")"
+        );
+        break;
+      case 2:
+        v.unshift(
+          "rotate(180 " + (s.width / 2 + s.left).toString() + " " + (s.height / 2 + s.top).toString() + ")"
+        );
+        break;
+      case 3:
+        z = s.width / 2 + s.left, v.unshift(
+          "rotate(-90 " + z.toString() + " " + z.toString() + ")"
+        );
+        break;
+    }
+    k % 2 === 1 && (s.left !== s.top && (z = s.left, s.left = s.top, s.top = z), s.width !== s.height && (z = s.width, s.width = s.height, s.height = z)), v.length && (o = $n(
+      o,
+      '<g transform="' + v.join(" ") + '">',
+      "</g>"
+    ));
+  });
+  const l = n.width, r = n.height, a = s.width, c = s.height;
+  let u, g;
+  l === null ? (g = r === null ? "1em" : r === "auto" ? c : r, u = Je(g, a / c)) : (u = l === "auto" ? a : l, g = r === null ? Je(u, c / a) : r === "auto" ? c : r);
+  const d = {}, w = (b, v) => {
+    Ln(v) || (d[b] = v.toString());
+  };
+  w("width", u), w("height", g);
+  const p = [s.left, s.top, a, c];
+  return d.viewBox = p.join(" "), {
+    attributes: d,
+    viewBox: p,
+    body: o
+  };
+}
+var Pn = /\sid="(\S+)"/g;
+var Rn = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+var jn = 0;
+function Dn(e, i = Rn) {
+  const t = [];
+  let n;
+  for (; n = Pn.exec(e); )
+    t.push(n[1]);
+  if (!t.length)
+    return e;
+  const s = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
+  return t.forEach((o) => {
+    const l = typeof i == "function" ? i(o) : i + (jn++).toString(), r = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    e = e.replace(
+      // Allowed characters before id: [#;"]
+      // Allowed characters after id: [)"], .[a-z]
+      new RegExp('([#;"])(' + r + ')([")]|\\.[a-z])', "g"),
+      "$1" + l + s + "$3"
+    );
+  }), e = e.replace(new RegExp(s, "g"), ""), e;
+}
+var Ie = /* @__PURE__ */ Object.create(null);
+function Vn(e, i) {
+  Ie[e] = i;
+}
+function Ee(e) {
+  return Ie[e] || Ie[""];
+}
+function Fe(e) {
+  let i;
+  if (typeof e.resources == "string")
+    i = [e.resources];
+  else if (i = e.resources, !(i instanceof Array) || !i.length)
+    return null;
+  return {
+    // API hosts
+    resources: i,
+    // Root path
+    path: e.path || "/",
+    // URL length limit
+    maxURL: e.maxURL || 500,
+    // Timeout before next host is used.
+    rotate: e.rotate || 750,
+    // Timeout before failing query.
+    timeout: e.timeout || 5e3,
+    // Randomise default API end point.
+    random: e.random === true,
+    // Start index
+    index: e.index || 0,
+    // Receive data after time out (used if time out kicks in first, then API module sends data anyway).
+    dataAfterTimeout: e.dataAfterTimeout !== false
+  };
+}
+var Pe = /* @__PURE__ */ Object.create(null);
+var G = [
+  "https://api.simplesvg.com",
+  "https://api.unisvg.com"
+];
+var oe = [];
+for (; G.length > 0; )
+  G.length === 1 || Math.random() > 0.5 ? oe.push(G.shift()) : oe.push(G.pop());
+Pe[""] = Fe({
+  resources: ["https://api.iconify.design"].concat(oe)
+});
+function Nn(e, i) {
+  const t = Fe(i);
+  return t === null ? false : (Pe[e] = t, true);
+}
+function Re(e) {
+  return Pe[e];
+}
+var Wn = () => {
+  let e;
+  try {
+    if (e = fetch, typeof e == "function")
+      return e;
+  } catch {
+  }
+};
+var Xe = Wn();
+function Hn(e, i) {
+  const t = Re(e);
+  if (!t)
+    return 0;
+  let n;
+  if (!t.maxURL)
+    n = 0;
+  else {
+    let s = 0;
+    t.resources.forEach((l) => {
+      s = Math.max(s, l.length);
+    });
+    const o = i + ".json?icons=";
+    n = t.maxURL - s - t.path.length - o.length;
+  }
+  return n;
+}
+function Bn(e) {
+  return e === 404;
+}
+var Kn = (e, i, t) => {
+  const n = [], s = Hn(e, i), o = "icons";
+  let l = {
+    type: o,
+    provider: e,
+    prefix: i,
+    icons: []
+  }, r = 0;
+  return t.forEach((a, c) => {
+    r += a.length + 1, r >= s && c > 0 && (n.push(l), l = {
+      type: o,
+      provider: e,
+      prefix: i,
+      icons: []
+    }, r = a.length), l.icons.push(a);
+  }), n.push(l), n;
+};
+function Un(e) {
+  if (typeof e == "string") {
+    const i = Re(e);
+    if (i)
+      return i.path;
+  }
+  return "/";
+}
+var Jn = (e, i, t) => {
+  if (!Xe) {
+    t("abort", 424);
+    return;
+  }
+  let n = Un(i.provider);
+  switch (i.type) {
+    case "icons": {
+      const o = i.prefix, r = i.icons.join(","), a = new URLSearchParams({
+        icons: r
+      });
+      n += o + ".json?" + a.toString();
+      break;
+    }
+    case "custom": {
+      const o = i.uri;
+      n += o.slice(0, 1) === "/" ? o.slice(1) : o;
+      break;
+    }
+    default:
+      t("abort", 400);
+      return;
+  }
+  let s = 503;
+  Xe(e + n).then((o) => {
+    const l = o.status;
+    if (l !== 200) {
+      setTimeout(() => {
+        t(Bn(l) ? "abort" : "next", l);
+      });
+      return;
+    }
+    return s = 501, o.json();
+  }).then((o) => {
+    if (typeof o != "object" || o === null) {
+      setTimeout(() => {
+        o === 404 ? t("abort", o) : t("next", s);
+      });
+      return;
+    }
+    setTimeout(() => {
+      t("success", o);
+    });
+  }).catch(() => {
+    t("next", s);
+  });
+};
+var Xn = {
+  prepare: Kn,
+  send: Jn
+};
+function Qn(e) {
+  const i = {
+    loaded: [],
+    missing: [],
+    pending: []
+  }, t = /* @__PURE__ */ Object.create(null);
+  e.sort((s, o) => s.provider !== o.provider ? s.provider.localeCompare(o.provider) : s.prefix !== o.prefix ? s.prefix.localeCompare(o.prefix) : s.name.localeCompare(o.name));
+  let n = {
+    provider: "",
+    prefix: "",
+    name: ""
+  };
+  return e.forEach((s) => {
+    if (n.name === s.name && n.prefix === s.prefix && n.provider === s.provider)
+      return;
+    n = s;
+    const o = s.provider, l = s.prefix, r = s.name, a = t[o] || (t[o] = /* @__PURE__ */ Object.create(null)), c = a[l] || (a[l] = J(o, l));
+    let u;
+    r in c.icons ? u = i.loaded : l === "" || c.missing.has(r) ? u = i.missing : u = i.pending;
+    const g = {
+      provider: o,
+      prefix: l,
+      name: r
+    };
+    u.push(g);
+  }), i;
+}
+function bt(e, i) {
+  e.forEach((t) => {
+    const n = t.loaderCallbacks;
+    n && (t.loaderCallbacks = n.filter((s) => s.id !== i));
+  });
+}
+function Gn(e) {
+  e.pendingCallbacksFlag || (e.pendingCallbacksFlag = true, setTimeout(() => {
+    e.pendingCallbacksFlag = false;
+    const i = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
+    if (!i.length)
+      return;
+    let t = false;
+    const n = e.provider, s = e.prefix;
+    i.forEach((o) => {
+      const l = o.icons, r = l.pending.length;
+      l.pending = l.pending.filter((a) => {
+        if (a.prefix !== s)
+          return true;
+        const c = a.name;
+        if (e.icons[c])
+          l.loaded.push({
+            provider: n,
+            prefix: s,
+            name: c
+          });
+        else if (e.missing.has(c))
+          l.missing.push({
+            provider: n,
+            prefix: s,
+            name: c
+          });
+        else
+          return t = true, true;
+        return false;
+      }), l.pending.length !== r && (t || bt([e], o.id), o.callback(
+        l.loaded.slice(0),
+        l.missing.slice(0),
+        l.pending.slice(0),
+        o.abort
+      ));
+    });
+  }));
+}
+var Yn = 0;
+function Zn(e, i, t) {
+  const n = Yn++, s = bt.bind(null, t, n);
+  if (!i.pending.length)
+    return s;
+  const o = {
+    id: n,
+    icons: i,
+    callback: e,
+    abort: s
+  };
+  return t.forEach((l) => {
+    (l.loaderCallbacks || (l.loaderCallbacks = [])).push(o);
+  }), s;
+}
+function es(e, i = true, t = false) {
+  const n = [];
+  return e.forEach((s) => {
+    const o = typeof s == "string" ? pe(s, i, t) : s;
+    o && n.push(o);
+  }), n;
+}
+var ts = {
+  resources: [],
+  index: 0,
+  timeout: 2e3,
+  rotate: 750,
+  random: false,
+  dataAfterTimeout: false
+};
+function ns(e, i, t, n) {
+  const s = e.resources.length, o = e.random ? Math.floor(Math.random() * s) : e.index;
+  let l;
+  if (e.random) {
+    let _ = e.resources.slice(0);
+    for (l = []; _.length > 1; ) {
+      const I = Math.floor(Math.random() * _.length);
+      l.push(_[I]), _ = _.slice(0, I).concat(_.slice(I + 1));
+    }
+    l = l.concat(_);
+  } else
+    l = e.resources.slice(o).concat(e.resources.slice(0, o));
+  const r = Date.now();
+  let a = "pending", c = 0, u, g = null, d = [], w = [];
+  typeof n == "function" && w.push(n);
+  function p() {
+    g && (clearTimeout(g), g = null);
+  }
+  function b() {
+    a === "pending" && (a = "aborted"), p(), d.forEach((_) => {
+      _.status === "pending" && (_.status = "aborted");
+    }), d = [];
+  }
+  function v(_, I) {
+    I && (w = []), typeof _ == "function" && w.push(_);
+  }
+  function x() {
+    return {
+      startTime: r,
+      payload: i,
+      status: a,
+      queriesSent: c,
+      queriesPending: d.length,
+      subscribe: v,
+      abort: b
+    };
+  }
+  function T() {
+    a = "failed", w.forEach((_) => {
+      _(void 0, u);
+    });
+  }
+  function k() {
+    d.forEach((_) => {
+      _.status === "pending" && (_.status = "aborted");
+    }), d = [];
+  }
+  function z(_, I, S) {
+    const E = I !== "success";
+    switch (d = d.filter((V) => V !== _), a) {
+      case "pending":
+        break;
+      case "failed":
+        if (E || !e.dataAfterTimeout)
+          return;
+        break;
+      default:
+        return;
+    }
+    if (I === "abort") {
+      u = S, T();
+      return;
+    }
+    if (E) {
+      u = S, d.length || (l.length ? D() : T());
+      return;
+    }
+    if (p(), k(), !e.random) {
+      const V = e.resources.indexOf(_.resource);
+      V !== -1 && V !== e.index && (e.index = V);
+    }
+    a = "completed", w.forEach((V) => {
+      V(S);
+    });
+  }
+  function D() {
+    if (a !== "pending")
+      return;
+    p();
+    const _ = l.shift();
+    if (_ === void 0) {
+      if (d.length) {
+        g = setTimeout(() => {
+          p(), a === "pending" && (k(), T());
+        }, e.timeout);
+        return;
+      }
+      T();
+      return;
+    }
+    const I = {
+      status: "pending",
+      resource: _,
+      callback: (S, E) => {
+        z(I, S, E);
+      }
+    };
+    d.push(I), c++, g = setTimeout(D, e.rotate), t(_, i, I.callback);
+  }
+  return setTimeout(D), x;
+}
+function wt(e) {
+  const i = {
+    ...ts,
+    ...e
+  };
+  let t = [];
+  function n() {
+    t = t.filter((r) => r().status === "pending");
+  }
+  function s(r, a, c) {
+    const u = ns(
+      i,
+      r,
+      a,
+      (g, d) => {
+        n(), c && c(g, d);
+      }
+    );
+    return t.push(u), u;
+  }
+  function o(r) {
+    return t.find((a) => r(a)) || null;
+  }
+  return {
+    query: s,
+    find: o,
+    setIndex: (r) => {
+      i.index = r;
+    },
+    getIndex: () => i.index,
+    cleanup: n
+  };
+}
+function Qe() {
+}
+var Se = /* @__PURE__ */ Object.create(null);
+function ss(e) {
+  if (!Se[e]) {
+    const i = Re(e);
+    if (!i)
+      return;
+    const t = wt(i), n = {
+      config: i,
+      redundancy: t
+    };
+    Se[e] = n;
+  }
+  return Se[e];
+}
+function is(e, i, t) {
+  let n, s;
+  if (typeof e == "string") {
+    const o = Ee(e);
+    if (!o)
+      return t(void 0, 424), Qe;
+    s = o.send;
+    const l = ss(e);
+    l && (n = l.redundancy);
+  } else {
+    const o = Fe(e);
+    if (o) {
+      n = wt(o);
+      const l = e.resources ? e.resources[0] : "", r = Ee(l);
+      r && (s = r.send);
+    }
+  }
+  return !n || !s ? (t(void 0, 424), Qe) : n.query(i, s, t)().abort;
+}
+function Ge() {
+}
+function os(e) {
+  e.iconsLoaderFlag || (e.iconsLoaderFlag = true, setTimeout(() => {
+    e.iconsLoaderFlag = false, Gn(e);
+  }));
+}
+function ls(e) {
+  const i = [], t = [];
+  return e.forEach((n) => {
+    (n.match(dt) ? i : t).push(n);
+  }), {
+    valid: i,
+    invalid: t
+  };
+}
+function Y(e, i, t) {
+  function n() {
+    const s = e.pendingIcons;
+    i.forEach((o) => {
+      s && s.delete(o), e.icons[o] || e.missing.add(o);
+    });
+  }
+  if (t && typeof t == "object")
+    try {
+      if (!mt(e, t).length) {
+        n();
+        return;
+      }
+    } catch (s) {
+      console.error(s);
+    }
+  n(), os(e);
+}
+function Ye(e, i) {
+  e instanceof Promise ? e.then((t) => {
+    i(t);
+  }).catch(() => {
+    i(null);
+  }) : i(e);
+}
+function rs(e, i) {
+  e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(i).sort() : e.iconsToLoad = i, e.iconsQueueFlag || (e.iconsQueueFlag = true, setTimeout(() => {
+    e.iconsQueueFlag = false;
+    const { provider: t, prefix: n } = e, s = e.iconsToLoad;
+    if (delete e.iconsToLoad, !s || !s.length)
+      return;
+    const o = e.loadIcon;
+    if (e.loadIcons && (s.length > 1 || !o)) {
+      Ye(
+        e.loadIcons(s, n, t),
+        (u) => {
+          Y(e, s, u);
+        }
+      );
+      return;
+    }
+    if (o) {
+      s.forEach((u) => {
+        const g = o(u, n, t);
+        Ye(g, (d) => {
+          const w = d ? {
+            prefix: n,
+            icons: {
+              [u]: d
+            }
+          } : null;
+          Y(e, [u], w);
+        });
+      });
+      return;
+    }
+    const { valid: l, invalid: r } = ls(s);
+    if (r.length && Y(e, r, null), !l.length)
+      return;
+    const a = n.match(dt) ? Ee(t) : null;
+    if (!a) {
+      Y(e, l, null);
+      return;
+    }
+    a.prepare(t, n, l).forEach((u) => {
+      is(t, u, (g) => {
+        Y(e, u.icons, g);
+      });
+    });
+  }));
+}
+var as = (e, i) => {
+  const t = es(e, true, vt()), n = Qn(t);
+  if (!n.pending.length) {
+    let a = true;
+    return i && setTimeout(() => {
+      a && i(
+        n.loaded,
+        n.missing,
+        n.pending,
+        Ge
+      );
+    }), () => {
+      a = false;
+    };
+  }
+  const s = /* @__PURE__ */ Object.create(null), o = [];
+  let l, r;
+  return n.pending.forEach((a) => {
+    const { provider: c, prefix: u } = a;
+    if (u === r && c === l)
+      return;
+    l = c, r = u, o.push(J(c, u));
+    const g = s[c] || (s[c] = /* @__PURE__ */ Object.create(null));
+    g[u] || (g[u] = []);
+  }), n.pending.forEach((a) => {
+    const { provider: c, prefix: u, name: g } = a, d = J(c, u), w = d.pendingIcons || (d.pendingIcons = /* @__PURE__ */ new Set());
+    w.has(g) || (w.add(g), s[c][u].push(g));
+  }), o.forEach((a) => {
+    const c = s[a.provider][a.prefix];
+    c.length && rs(a, c);
+  }), i ? Zn(i, n, o) : Ge;
+};
+function cs(e, i) {
+  const t = {
+    ...e
+  };
+  for (const n in i) {
+    const s = i[n], o = typeof s;
+    n in gt ? (s === null || s && (o === "string" || o === "number")) && (t[n] = s) : o === typeof t[n] && (t[n] = n === "rotate" ? s % 4 : s);
+  }
+  return t;
+}
+var us = /[\s,]+/;
+function ds(e, i) {
+  i.split(us).forEach((t) => {
+    switch (t.trim()) {
+      case "horizontal":
+        e.hFlip = true;
+        break;
+      case "vertical":
+        e.vFlip = true;
+        break;
+    }
+  });
+}
+function hs(e, i = 0) {
+  const t = e.replace(/^-?[0-9.]*/, "");
+  function n(s) {
+    for (; s < 0; )
+      s += 4;
+    return s % 4;
+  }
+  if (t === "") {
+    const s = parseInt(e);
+    return isNaN(s) ? 0 : n(s);
+  } else if (t !== e) {
+    let s = 0;
+    switch (t) {
+      case "%":
+        s = 25;
+        break;
+      case "deg":
+        s = 90;
+    }
+    if (s) {
+      let o = parseFloat(e.slice(0, e.length - t.length));
+      return isNaN(o) ? 0 : (o = o / s, o % 1 === 0 ? n(o) : 0);
+    }
+  }
+  return i;
+}
+function fs(e, i) {
+  let t = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
+  for (const n in i)
+    t += " " + n + '="' + i[n] + '"';
+  return '<svg xmlns="http://www.w3.org/2000/svg"' + t + ">" + e + "</svg>";
+}
+function ps(e) {
+  return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
+}
+function ms(e) {
+  return "data:image/svg+xml," + ps(e);
+}
+function vs(e) {
+  return 'url("' + ms(e) + '")';
+}
+var Ze = {
+  ...yt,
+  inline: false
+};
+var gs = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  "aria-hidden": true,
+  role: "img"
+};
+var ys = {
+  display: "inline-block"
+};
+var Te = {
+  backgroundColor: "currentColor"
+};
+var St = {
+  backgroundColor: "transparent"
+};
+var et = {
+  Image: "var(--svg)",
+  Repeat: "no-repeat",
+  Size: "100% 100%"
+};
+var tt = {
+  webkitMask: Te,
+  mask: Te,
+  background: St
+};
+for (const e in tt) {
+  const i = tt[e];
+  for (const t in et)
+    i[e + t] = et[t];
+}
+var le = {};
+["horizontal", "vertical"].forEach((e) => {
+  const i = e.slice(0, 1) + "Flip";
+  le[e + "-flip"] = i, le[e.slice(0, 1) + "-flip"] = i, le[e + "Flip"] = i;
+});
+function nt(e) {
+  return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
+}
+var st = (e, i) => {
+  const t = cs(Ze, i), n = { ...gs }, s = i.mode || "svg", o = {}, l = i.style, r = typeof l == "object" && !(l instanceof Array) ? l : {};
+  for (let b in i) {
+    const v = i[b];
+    if (v !== void 0)
+      switch (b) {
+        // Properties to ignore
+        case "icon":
+        case "style":
+        case "onLoad":
+        case "mode":
+        case "ssr":
+          break;
+        // Boolean attributes
+        case "inline":
+        case "hFlip":
+        case "vFlip":
+          t[b] = v === true || v === "true" || v === 1;
+          break;
+        // Flip as string: 'horizontal,vertical'
+        case "flip":
+          typeof v == "string" && ds(t, v);
+          break;
+        // Color: override style
+        case "color":
+          o.color = v;
+          break;
+        // Rotation as string
+        case "rotate":
+          typeof v == "string" ? t[b] = hs(v) : typeof v == "number" && (t[b] = v);
+          break;
+        // Remove aria-hidden
+        case "ariaHidden":
+        case "aria-hidden":
+          v !== true && v !== "true" && delete n["aria-hidden"];
+          break;
+        default: {
+          const x = le[b];
+          x ? (v === true || v === "true" || v === 1) && (t[x] = true) : Ze[b] === void 0 && (n[b] = v);
+        }
+      }
+  }
+  const a = Fn(e, t), c = a.attributes;
+  if (t.inline && (o.verticalAlign = "-0.125em"), s === "svg") {
+    n.style = {
+      ...o,
+      ...r
+    }, Object.assign(n, c);
+    let b = 0, v = i.id;
+    return typeof v == "string" && (v = v.replace(/-/g, "_")), n.innerHTML = Dn(a.body, v ? () => v + "ID" + b++ : "iconifyVue"), De("svg", n);
+  }
+  const { body: u, width: g, height: d } = e, w = s === "mask" || (s === "bg" ? false : u.indexOf("currentColor") !== -1), p = fs(u, {
+    ...c,
+    width: g + "",
+    height: d + ""
+  });
+  return n.style = {
+    ...o,
+    "--svg": vs(p),
+    width: nt(c.width),
+    height: nt(c.height),
+    ...ys,
+    ...w ? Te : St,
+    ...r
+  }, De("span", n);
+};
+vt(true);
+Vn("", Xn);
+if (typeof document < "u" && typeof window < "u") {
+  const e = window;
+  if (e.IconifyPreload !== void 0) {
+    const i = e.IconifyPreload, t = "Invalid IconifyPreload syntax.";
+    typeof i == "object" && i !== null && (i instanceof Array ? i : [i]).forEach((n) => {
+      try {
+        (typeof n != "object" || n === null || n instanceof Array || // Check for 'icons' and 'prefix'
+        typeof n.icons != "object" || typeof n.prefix != "string" || // Add icon set
+        !Cn(n)) && console.error(t);
+      } catch {
+        console.error(t);
+      }
+    });
+  }
+  if (e.IconifyProviders !== void 0) {
+    const i = e.IconifyProviders;
+    if (typeof i == "object" && i !== null)
+      for (let t in i) {
+        const n = "IconifyProviders[" + t + "] is invalid.";
+        try {
+          const s = i[t];
+          if (typeof s != "object" || !s || s.resources === void 0)
+            continue;
+          Nn(t, s) || console.error(n);
+        } catch {
+          console.error(n);
+        }
+      }
+  }
+}
+var bs = {
+  ...me,
+  body: ""
+};
+var re = $({
+  // Do not inherit other attributes: it is handled by render()
+  inheritAttrs: false,
+  // Set initial data
+  data() {
+    return {
+      // Current icon name
+      _name: "",
+      // Loading
+      _loadingIcon: null,
+      // Mounted status
+      iconMounted: false,
+      // Callback counter to trigger re-render
+      counter: 0
+    };
+  },
+  mounted() {
+    this.iconMounted = true;
+  },
+  unmounted() {
+    this.abortLoading();
+  },
+  methods: {
+    abortLoading() {
+      this._loadingIcon && (this._loadingIcon.abort(), this._loadingIcon = null);
+    },
+    // Get data for icon to render or null
+    getIcon(e, i, t) {
+      if (typeof e == "object" && e !== null && typeof e.body == "string")
+        return this._name = "", this.abortLoading(), {
+          data: e
+        };
+      let n;
+      if (typeof e != "string" || (n = pe(e, false, true)) === null)
+        return this.abortLoading(), null;
+      let s = Tn(n);
+      if (!s)
+        return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", s !== null && (this._loadingIcon = {
+          name: e,
+          abort: as([n], () => {
+            this.counter++;
+          })
+        })), null;
+      if (this.abortLoading(), this._name !== e && (this._name = e, i && i(e)), t) {
+        s = Object.assign({}, s);
+        const l = t(s.body, n.name, n.prefix, n.provider);
+        typeof l == "string" && (s.body = l);
+      }
+      const o = ["iconify"];
+      return n.prefix !== "" && o.push("iconify--" + n.prefix), n.provider !== "" && o.push("iconify--" + n.provider), { data: s, classes: o };
+    }
+  },
+  // Render icon
+  render() {
+    this.counter;
+    const e = this.$attrs, i = this.iconMounted || e.ssr ? this.getIcon(e.icon, e.onLoad, e.customise) : null;
+    if (!i)
+      return st(bs, e);
+    let t = e;
+    return i.classes && (t = {
+      ...e,
+      class: (typeof e.class == "string" ? e.class + " " : "") + i.classes.join(" ")
+    }), st({
+      ...me,
+      ...i.data
+    }, t);
+  }
+});
+var ws = ["width", "height"];
+var je = /* @__PURE__ */ $({
+  __name: "MIcon",
+  props: {
+    width: {},
+    height: {}
+  },
+  setup(e) {
+    return (i, t) => (h(), y("svg", {
+      width: e.width ?? 22,
+      height: e.height ?? 10,
+      viewBox: "0 0 80 36",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    }, [...t[0] || (t[0] = [
+      f("path", {
+        d: "M0,36 L20,0 L40,36 Z",
+        fill: "rgba(255,255,255,0.62)"
+      }, null, -1),
+      f("path", {
+        d: "M8,36 L20,16 L32,36 Z",
+        fill: "white"
+      }, null, -1),
+      f("path", {
+        d: "M40,36 L60,0 L80,36 Z",
+        fill: "rgba(255,255,255,0.62)"
+      }, null, -1),
+      f("path", {
+        d: "M48,36 L60,16 L72,36 Z",
+        fill: "white"
+      }, null, -1)
+    ])], 8, ws));
+  }
+});
+var Ss = { class: "logo-badge" };
+var xs = /* @__PURE__ */ $({
+  __name: "LogoBadge",
+  setup(e) {
+    return (i, t) => (h(), y("div", Ss, [
+      L(je, {
+        width: 20,
+        height: 9
+      }),
+      t[0] || (t[0] = f("span", null, "vue-muza", -1))
+    ]));
+  }
+});
+var j = (e, i) => {
+  const t = e.__vccOpts || e;
+  for (const [n, s] of i)
+    t[n] = s;
+  return t;
+};
+var ks = /* @__PURE__ */ j(xs, [["__scopeId", "data-v-f1971a55"]]);
+var _s = { class: "tab-bar" };
+var Is = { class: "logo-slot" };
+var Es = { class: "tab-list" };
+var Ts = ["onClick"];
+var Ms = { class: "mode-switcher" };
+var Cs = /* @__PURE__ */ $({
+  __name: "TabBar",
+  props: {
+    tabs: {},
+    activeTabId: {},
+    selectTab: { type: Function },
+    panelMode: {}
+  },
+  emits: ["close", "update:panelMode", "settings"],
+  setup(e) {
+    return (i, t) => (h(), y("div", _s, [
+      f("div", Is, [
+        L(ks)
+      ]),
+      f("div", Es, [
+        (h(true), y(N, null, W(e.tabs, (n) => (h(), y("button", {
+          key: n.id,
+          "data-vmd-tab": "",
+          class: P(["tab-btn", n.id === e.activeTabId ? "tab-btn--active" : "tab-btn--inactive"]),
+          onClick: (s) => e.selectTab(n.id)
+        }, [
+          typeof n.icon == "string" ? (h(), F(m(re), {
+            key: 0,
+            icon: n.icon,
+            width: "13",
+            height: "13"
+          }, null, 8, ["icon"])) : n.icon ? (h(), F(Oe(n.icon), {
+            key: 1,
+            width: "13",
+            height: "13"
+          })) : M("", true),
+          f("span", null, C(n.label), 1)
+        ], 10, Ts))), 128))
+      ]),
+      f("div", Ms, [
+        f("button", {
+          class: P(["mode-btn", { "mode-btn--active": e.panelMode === "bottom" }]),
+          title: "Bottom panel",
+          onClick: t[0] || (t[0] = (n) => i.$emit("update:panelMode", "bottom"))
+        }, [...t[4] || (t[4] = [
+          f("svg", {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 14 14",
+            fill: "none"
+          }, [
+            f("rect", {
+              x: "1",
+              y: "1",
+              width: "12",
+              height: "7",
+              rx: "1.5",
+              fill: "currentColor",
+              opacity: "0.35"
+            }),
+            f("rect", {
+              x: "1",
+              y: "9.5",
+              width: "12",
+              height: "3.5",
+              rx: "1.5",
+              fill: "currentColor"
+            })
+          ], -1)
+        ])], 2),
+        f("button", {
+          class: P(["mode-btn", { "mode-btn--active": e.panelMode === "side" }]),
+          title: "Side panel",
+          onClick: t[1] || (t[1] = (n) => i.$emit("update:panelMode", "side"))
+        }, [...t[5] || (t[5] = [
+          f("svg", {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 14 14",
+            fill: "none"
+          }, [
+            f("rect", {
+              x: "1",
+              y: "1",
+              width: "7",
+              height: "12",
+              rx: "1.5",
+              fill: "currentColor",
+              opacity: "0.35"
+            }),
+            f("rect", {
+              x: "9.5",
+              y: "1",
+              width: "3.5",
+              height: "12",
+              rx: "1.5",
+              fill: "currentColor"
+            })
+          ], -1)
+        ])], 2)
+      ]),
+      t[6] || (t[6] = f("div", { class: "mode-divider" }, null, -1)),
+      f("button", {
+        class: "settings-btn",
+        title: "Layout settings",
+        onClick: t[2] || (t[2] = (n) => i.$emit("settings"))
+      }, [
+        L(m(re), {
+          icon: "lucide:settings-2",
+          width: "14",
+          height: "14"
+        })
+      ]),
+      f("button", {
+        class: "close-btn",
+        title: "Close devtools",
+        onClick: t[3] || (t[3] = (n) => i.$emit("close"))
+      }, [
+        L(m(re), {
+          icon: "lucide:x",
+          width: "14",
+          height: "14"
+        })
+      ])
+    ]));
+  }
+});
+var xt = /* @__PURE__ */ j(Cs, [["__scopeId", "data-v-1b140f4a"]]);
+var Os = { class: "panel-content" };
+var zs = /* @__PURE__ */ $({
+  __name: "FloatingPanel",
+  setup(e) {
+    const { height: i, isOpen: t, panelMode: n, startResizeHeight: s, switchMode: o, toggle: l, close: r } = fe(), { registeredTabs: a, activeTabId: c, activeTab: u, setActiveTab: g } = ut(), { toggleSettings: d } = Le();
+    return (w, p) => (h(), y(N, null, [
+      m(t) ? M("", true) : (h(), y("button", {
+        key: 0,
+        "data-vmd-launcher": "",
+        class: "launcher-pill",
+        title: "Open vue-muza devtools",
+        onClick: p[0] || (p[0] = //@ts-ignore
+        (...b) => m(l) && m(l)(...b))
+      }, [
+        L(je, {
+          width: 22,
+          height: 10
+        }),
+        p[2] || (p[2] = f("span", null, "vue-muza", -1))
+      ])),
+      L(ze, { name: "panel" }, {
+        default: Ae(() => {
+          var b;
+          return [
+            m(t) ? (h(), y("div", {
+              key: 0,
+              "data-vmd-panel": "",
+              class: "devtools-panel",
+              style: K({ height: `${m(i)}px` })
+            }, [
+              f("div", {
+                class: "resize-handle",
+                onMousedown: p[1] || (p[1] = //@ts-ignore
+                (...v) => m(s) && m(s)(...v))
+              }, null, 32),
+              L(xt, {
+                tabs: m(a),
+                "active-tab-id": m(c) ?? null,
+                "select-tab": m(g),
+                "panel-mode": m(n),
+                onClose: m(r),
+                "onUpdate:panelMode": m(o),
+                onSettings: m(d)
+              }, null, 8, ["tabs", "active-tab-id", "select-tab", "panel-mode", "onClose", "onUpdate:panelMode", "onSettings"]),
+              f("div", Os, [
+                m(u) ? (h(), F(Oe((b = m(u)) == null ? void 0 : b.component), { key: 0 })) : M("", true)
+              ])
+            ], 4)) : M("", true)
+          ];
+        }),
+        _: 1
+      })
+    ], 64));
+  }
+});
+var As = /* @__PURE__ */ j(zs, [["__scopeId", "data-v-1b40fea8"]]);
+var qs = { class: "panel-body" };
+var $s = { class: "panel-content" };
+var Ls = /* @__PURE__ */ $({
+  __name: "SidePanel",
+  setup(e) {
+    const { sideWidth: i, isOpen: t, panelMode: n, startResizeSideWidth: s, switchMode: o, toggle: l, close: r } = fe(), { registeredTabs: a, activeTabId: c, activeTab: u, setActiveTab: g } = ut(), { toggleSettings: d } = Le();
+    return (w, p) => (h(), y(N, null, [
+      m(t) ? M("", true) : (h(), y("button", {
+        key: 0,
+        "data-vmd-launcher": "",
+        class: "launcher-pill",
+        title: "Open vue-muza devtools",
+        onClick: p[0] || (p[0] = //@ts-ignore
+        (...b) => m(l) && m(l)(...b))
+      }, [
+        L(je, {
+          width: 22,
+          height: 10
+        }),
+        p[2] || (p[2] = f("span", null, "vue-muza", -1))
+      ])),
+      L(ze, { name: "panel" }, {
+        default: Ae(() => {
+          var b;
+          return [
+            m(t) ? (h(), y("div", {
+              key: 0,
+              "data-vmd-panel": "",
+              class: "side-panel",
+              style: K({ width: `${m(i)}px` })
+            }, [
+              f("div", {
+                class: "resize-handle",
+                onMousedown: p[1] || (p[1] = //@ts-ignore
+                (...v) => m(s) && m(s)(...v))
+              }, null, 32),
+              f("div", qs, [
+                L(xt, {
+                  tabs: m(a),
+                  "active-tab-id": m(c) ?? null,
+                  "select-tab": m(g),
+                  "panel-mode": m(n),
+                  onClose: m(r),
+                  "onUpdate:panelMode": m(o),
+                  onSettings: m(d)
+                }, null, 8, ["tabs", "active-tab-id", "select-tab", "panel-mode", "onClose", "onUpdate:panelMode", "onSettings"]),
+                f("div", $s, [
+                  m(u) ? (h(), F(Oe((b = m(u)) == null ? void 0 : b.component), { key: 0 })) : M("", true)
+                ])
+              ])
+            ], 4)) : M("", true)
+          ];
+        }),
+        _: 1
+      })
+    ], 64));
+  }
+});
+var Fs = /* @__PURE__ */ j(Ls, [["__scopeId", "data-v-c45ea08a"]]);
+var Ps = /* @__PURE__ */ $({
+  __name: "DevtoolsApp",
+  setup(e) {
+    const { panelMode: i } = fe();
+    return (t, n) => m(i) === "bottom" ? (h(), F(As, { key: 0 })) : (h(), F(Fs, { key: 1 }));
+  }
+});
+var it = "vue-muza-devtools-root";
+function Rs() {
+  if (document.getElementById(it)) return;
+  const e = document.createElement("div");
+  e.id = it, Object.assign(e.style, {
+    position: "fixed",
+    top: "0",
+    left: "0",
+    width: "0",
+    height: "0",
+    overflow: "visible",
+    zIndex: "9999",
+    pointerEvents: "none"
+  }), document.body.appendChild(e), Ot(Ps).mount(e);
+}
+function js() {
+  const e = q(""), i = q("all"), t = q("all"), n = O(() => qe.value.filter((o) => !(e.value && !o.url.toLowerCase().includes(e.value.toLowerCase()) || i.value !== "all" && o.status !== i.value || t.value !== "all" && o.instanceId !== t.value)).reverse());
+  function s() {
+    e.value = "", i.value = "all", t.value = "all";
+  }
+  return { urlFilter: e, statusFilter: i, instanceFilter: t, filteredRequests: n, clearFilters: s };
+}
+function Ds() {
+  const e = q(null), i = q("split"), t = q("json"), n = q("json"), s = O(
+    () => e.value ? qe.value.find((c) => c.id === e.value) ?? null : null
+  );
+  function o(c) {
+    e.value = c;
+  }
+  function l(c) {
+    i.value = c;
+  }
+  function r() {
+    t.value = t.value === "json" ? "kv" : "json";
+  }
+  function a() {
+    n.value = n.value === "json" ? "kv" : "json";
+  }
+  return {
+    selectedRequest: s,
+    selectedRequestId: e,
+    viewMode: i,
+    payloadFormat: t,
+    responseFormat: n,
+    selectRequest: o,
+    setViewMode: l,
+    togglePayloadFormat: r,
+    toggleResponseFormat: a
+  };
+}
+function Vs() {
+  const e = js(), i = Ds();
+  return { ...e, ...i, instances: at };
+}
+function Ns(e, i, t) {
+  const n = new Array(e);
+  return new Proxy(n, {
+    get(s, o, l) {
+      if (typeof o == "string") {
+        const r = o.charCodeAt(0);
+        if (r >= 48 && r <= 57) {
+          const a = +o;
+          if (Number.isInteger(a) && a >= 0 && a < e) {
+            let c = s[a];
+            if (!c) {
+              const u = i[a * 2];
+              c = s[a] = {
+                index: a,
+                key: t(a),
+                start: u,
+                size: i[a * 2 + 1],
+                end: u + i[a * 2 + 1],
+                lane: 0
+              };
+            }
+            return c;
+          }
+        }
+        if (o === "length") return e;
+      }
+      return Reflect.get(s, o, l);
+    }
+  });
+}
+function U(e, i, t) {
+  let n = t.initialDeps ?? [], s, o = true;
+  function l() {
+    var r;
+    const a = process.env.NODE_ENV !== "production" && !!t.key && !!((r = t.debug) != null && r.call(t));
+    let c = 0;
+    a && (c = Date.now());
+    const u = e();
+    if (!(u.length !== n.length || u.some((w, p) => n[p] !== w)))
+      return s;
+    n = u;
+    let d = 0;
+    if (a && (d = Date.now()), s = i(...u), a) {
+      const w = Math.round((Date.now() - c) * 100) / 100, p = Math.round((Date.now() - d) * 100) / 100, b = p / 16, v = (x, T) => {
+        for (x = String(x); x.length < T; )
+          x = " " + x;
+        return x;
+      };
+      console.info(
+        `%c\u23F1 ${v(p, 5)} /${v(w, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * b, 120)
+        )}deg 100% 31%);`,
+        t == null ? void 0 : t.key
+      );
+    }
+    return t != null && t.onChange && !(o && t.skipInitialOnChange) && t.onChange(s), o = false, s;
+  }
+  return l.updateDeps = (r) => {
+    n = r;
+  }, l;
+}
+function ot(e, i) {
+  if (e === void 0)
+    throw new Error("Unexpected undefined");
+  return e;
+}
+var Ws = (e, i) => Math.abs(e - i) < 1.01;
+var Hs = (e, i, t) => {
+  let n;
+  return function(...s) {
+    e.clearTimeout(n), n = e.setTimeout(() => i.apply(this, s), t);
+  };
+};
+var Z;
+var xe = () => {
+  if (Z !== void 0) return Z;
+  if (typeof navigator > "u") return Z = false;
+  if (/iP(hone|od|ad)/.test(navigator.userAgent)) return Z = true;
+  const e = navigator.maxTouchPoints;
+  return Z = navigator.platform === "MacIntel" && e !== void 0 && e > 0;
+};
+var lt = (e) => {
+  const { offsetWidth: i, offsetHeight: t } = e;
+  return { width: i, height: t };
+};
+var Bs = (e) => e;
+var Ks = (e) => {
+  const i = Math.max(e.startIndex - e.overscan, 0), n = Math.min(e.endIndex + e.overscan, e.count - 1) - i + 1, s = new Array(n);
+  for (let o = 0; o < n; o++)
+    s[o] = i + o;
+  return s;
+};
+var Us = (e, i) => {
+  const t = e.scrollElement;
+  if (!t)
+    return;
+  const n = e.targetWindow;
+  if (!n)
+    return;
+  const s = (l) => {
+    const { width: r, height: a } = l;
+    i({ width: Math.round(r), height: Math.round(a) });
+  };
+  if (s(lt(t)), !n.ResizeObserver)
+    return () => {
+    };
+  const o = new n.ResizeObserver((l) => {
+    const r = () => {
+      const a = l[0];
+      if (a != null && a.borderBoxSize) {
+        const c = a.borderBoxSize[0];
+        if (c) {
+          s({ width: c.inlineSize, height: c.blockSize });
+          return;
+        }
+      }
+      s(lt(t));
+    };
+    e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
+  });
+  return o.observe(t, { box: "border-box" }), () => {
+    o.unobserve(t);
+  };
+};
+var de = {
+  passive: true
+};
+var Js = typeof window > "u" ? true : "onscrollend" in window;
+var Xs = (e, i, t) => {
+  const n = e.scrollElement;
+  if (!n)
+    return;
+  const s = e.targetWindow;
+  if (!s)
+    return;
+  const o = e.options.useScrollendEvent && Js;
+  let l = 0;
+  const r = o ? null : Hs(
+    s,
+    () => i(l, false),
+    e.options.isScrollingResetDelay
+  ), a = (g) => () => {
+    l = t(n), r == null || r(), i(l, g);
+  }, c = a(true), u = a(false);
+  return n.addEventListener("scroll", c, de), o && n.addEventListener("scrollend", u, de), () => {
+    n.removeEventListener("scroll", c), o && n.removeEventListener("scrollend", u);
+  };
+};
+var Qs = (e, i) => Xs(e, i, (t) => {
+  const { horizontal: n, isRtl: s } = e.options;
+  return n ? t.scrollLeft * (s && -1 || 1) : t.scrollTop;
+});
+var Gs = (e, i, t) => {
+  if (t.options.useCachedMeasurements) {
+    const n = t.indexFromElement(e), s = t.options.getItemKey(n);
+    return t.itemSizeCache.get(s) ?? t.options.estimateSize(n);
+  }
+  if (i != null && i.borderBoxSize) {
+    const n = i.borderBoxSize[0];
+    if (n)
+      return Math.round(
+        n[t.options.horizontal ? "inlineSize" : "blockSize"]
+      );
+  }
+  if (!i) {
+    const n = t.indexFromElement(e), s = t.options.getItemKey(n), o = t.itemSizeCache.get(s);
+    if (o !== void 0)
+      return o;
+  }
+  return e[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
+};
+var Ys = (e, {
+  adjustments: i = 0,
+  behavior: t
+}, n) => {
+  var s, o;
+  (o = (s = n.scrollElement) == null ? void 0 : s.scrollTo) == null || o.call(s, {
+    [n.options.horizontal ? "left" : "top"]: e + i,
+    behavior: t
+  });
+};
+var Zs = Ys;
+var ei = class {
+  constructor(i) {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = false, this.scrollState = null, this.measurementsCache = [], this._flatMeasurements = null, this.itemSizeCache = /* @__PURE__ */ new Map(), this.itemSizeCacheVersion = 0, this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMin = null, this.prevLanes = void 0, this.lanesChangedFlag = false, this.lanesSettling = false, this.pendingScrollAnchor = null, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this._iosDeferredAdjustment = 0, this._iosTouching = false, this._iosJustTouchEnded = false, this._iosTouchEndTimerId = null, this._intendedScrollOffset = null, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
+      var t, n, s;
+      return ((s = (n = (t = this.targetWindow) == null ? void 0 : t.performance) == null ? void 0 : n.now) == null ? void 0 : s.call(n)) ?? Date.now();
+    }, this.observer = /* @__PURE__ */ (() => {
+      let t = null;
+      const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((s) => {
+        s.forEach((o) => {
+          const l = () => {
+            const r = o.target, a = this.indexFromElement(r);
+            if (!r.isConnected) {
+              this.observer.unobserve(r);
+              for (const [c, u] of this.elementsCache)
+                if (u === r) {
+                  this.elementsCache.delete(c);
+                  break;
+                }
+              return;
+            }
+            this.shouldMeasureDuringScroll(a) && this.resizeItem(
+              a,
+              this.options.measureElement(r, o, this)
+            );
+          };
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
+        });
+      }));
+      return {
+        disconnect: () => {
+          var s;
+          (s = n()) == null || s.disconnect(), t = null;
+        },
+        observe: (s) => {
+          var o;
+          return (o = n()) == null ? void 0 : o.observe(s, { box: "border-box" });
+        },
+        unobserve: (s) => {
+          var o;
+          return (o = n()) == null ? void 0 : o.unobserve(s);
+        }
+      };
+    })(), this.range = null, this.setOptions = (t) => {
+      var n, s;
+      const o = {
+        debug: false,
+        initialOffset: 0,
+        overscan: 1,
+        paddingStart: 0,
+        paddingEnd: 0,
+        scrollPaddingStart: 0,
+        scrollPaddingEnd: 0,
+        horizontal: false,
+        getItemKey: Bs,
+        rangeExtractor: Ks,
+        onChange: () => {
+        },
+        measureElement: Gs,
+        initialRect: { width: 0, height: 0 },
+        scrollMargin: 0,
+        gap: 0,
+        indexAttribute: "data-index",
+        initialMeasurementsCache: [],
+        lanes: 1,
+        anchorTo: "start",
+        followOnAppend: false,
+        scrollEndThreshold: 1,
+        isScrollingResetDelay: 150,
+        enabled: true,
+        isRtl: false,
+        useScrollendEvent: false,
+        useAnimationFrameWithResizeObserver: false,
+        laneAssignmentMode: "estimate",
+        useCachedMeasurements: false
+      };
+      for (const d in t) {
+        const w = t[d];
+        w !== void 0 && (o[d] = w);
+      }
+      const l = this.options;
+      let r = null, a = null, c = false;
+      if (l !== void 0 && l.enabled && o.enabled && o.anchorTo === "end" && this.scrollElement !== null) {
+        const d = l.count, w = o.count, p = this.getMeasurements(), b = d > 0 ? ((n = p[0]) == null ? void 0 : n.key) ?? l.getItemKey(0) : null, v = d > 0 ? ((s = p[d - 1]) == null ? void 0 : s.key) ?? l.getItemKey(d - 1) : null;
+        if (w !== d || d > 0 && w > 0 && (o.getItemKey(0) !== b || o.getItemKey(w - 1) !== v)) {
+          c = true;
+          const k = d > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? p[0] : null;
+          k && (r = [k.key, this.getScrollOffset() - k.start]);
+          const z = o.followOnAppend === true ? "auto" : o.followOnAppend || null;
+          z && w > d && this.isAtEnd(l.scrollEndThreshold) && (d === 0 || o.getItemKey(w - 1) !== v) && (a = z);
+        }
+      }
+      this.options = o, c && (this.pendingMin = 0, this.itemSizeCacheVersion++);
+      let u = false, g = 0;
+      if (r && this.scrollOffset !== null) {
+        const [d, w] = r, p = this.getMeasurements(), { count: b, getItemKey: v } = this.options;
+        let x = 0;
+        for (; x < b && v(x) !== d; )
+          x++;
+        if (x < b) {
+          const T = p[x];
+          if (T) {
+            const k = T.start + w;
+            k !== this.scrollOffset && (g = k - this.scrollOffset, this.scrollOffset = k, u = true);
+          }
+        }
+      }
+      (u || a) && (this.pendingScrollAnchor = [
+        u ? r[0] : null,
+        u ? r[1] : 0,
+        a,
+        g
+      ]);
+    }, this.notify = (t) => {
+      var n, s;
+      (s = (n = this.options).onChange) == null || s.call(n, this, t);
+    }, this.maybeNotify = U(
+      () => (this.calculateRange(), [
+        this.isScrolling,
+        this.range ? this.range.startIndex : null,
+        this.range ? this.range.endIndex : null
+      ]),
+      (t) => {
+        this.notify(t);
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "maybeNotify",
+        debug: () => this.options.debug,
+        initialDeps: [
+          this.isScrolling,
+          this.range ? this.range.startIndex : null,
+          this.range ? this.range.endIndex : null
+        ]
+      }
+    ), this.cleanup = () => {
+      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
+    }, this._didMount = () => () => {
+      this.cleanup();
+    }, this._willUpdate = () => {
+      var t;
+      const n = this.options.enabled ? this.options.getScrollElement() : null;
+      if (this.scrollElement !== n) {
+        if (this.cleanup(), !n) {
+          this.maybeNotify();
+          return;
+        }
+        if (this.scrollElement = n, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((t = this.scrollElement) == null ? void 0 : t.window) ?? null, this.elementsCache.forEach((o) => {
+          this.observer.observe(o);
+        }), this.unsubs.push(
+          this.options.observeElementRect(this, (o) => {
+            this.scrollRect = o, this.maybeNotify();
+          })
+        ), this.unsubs.push(
+          this.options.observeElementOffset(this, (o, l) => {
+            this._intendedScrollOffset !== null && Math.abs(o - this._intendedScrollOffset) < 1.5 && (o = this._intendedScrollOffset), this._intendedScrollOffset = null, this.scrollAdjustments = 0, this.scrollDirection = l ? this.getScrollOffset() < o ? "forward" : "backward" : null, this.scrollOffset = o, this.isScrolling = l, this._flushIosDeferredIfReady(), this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
+          })
+        ), "addEventListener" in this.scrollElement) {
+          const o = this.scrollElement, l = () => {
+            this._iosTouching = true, this._iosJustTouchEnded = false, this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
+          }, r = () => {
+            this._iosTouching = false, !(!xe() || this.targetWindow == null) && (this._iosJustTouchEnded = true, this._iosTouchEndTimerId = this.targetWindow.setTimeout(() => {
+              this._iosJustTouchEnded = false, this._iosTouchEndTimerId = null, this._flushIosDeferredIfReady();
+            }, 150));
+          };
+          o.addEventListener(
+            "touchstart",
+            l,
+            de
+          ), o.addEventListener(
+            "touchend",
+            r,
+            de
+          ), this.unsubs.push(() => {
+            o.removeEventListener("touchstart", l), o.removeEventListener("touchend", r), this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
+          });
+        }
+        this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        });
+      }
+      const s = this.pendingScrollAnchor;
+      if (this.pendingScrollAnchor = null, s && this.scrollElement && this.options.enabled) {
+        const [o, l, r, a] = s;
+        o !== null && !r && (xe() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? a !== 0 && (this._iosDeferredAdjustment += a) : this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        })), r && this.scrollToEnd({ behavior: r });
+      }
+    }, this._flushIosDeferredIfReady = () => {
+      if (this._iosDeferredAdjustment === 0 || this.isScrolling || this._iosTouching || this._iosJustTouchEnded) return;
+      const t = this.getScrollOffset(), n = this.getMaxScrollOffset();
+      if (t < 0 || t > n) return;
+      const s = this._iosDeferredAdjustment;
+      this._iosDeferredAdjustment = 0, this._scrollToOffset(t, {
+        adjustments: this.scrollAdjustments += s,
+        behavior: void 0
+      });
+    }, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, n) => {
+      const s = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+      for (let l = n - 1; l >= 0; l--) {
+        const r = t[l];
+        if (s.has(r.lane))
+          continue;
+        const a = o.get(
+          r.lane
+        );
+        if (a == null || r.end > a.end ? o.set(r.lane, r) : r.end < a.end && s.set(r.lane, true), s.size === this.options.lanes)
+          break;
+      }
+      return o.size === this.options.lanes ? Array.from(o.values()).sort((l, r) => l.end === r.end ? l.index - r.index : l.end - r.end)[0] : void 0;
+    }, this.getMeasurementOptions = U(
+      () => [
+        this.options.count,
+        this.options.paddingStart,
+        this.options.scrollMargin,
+        this.options.getItemKey,
+        this.options.enabled,
+        this.options.lanes,
+        this.options.laneAssignmentMode
+      ],
+      (t, n, s, o, l, r, a) => (this.prevLanes !== void 0 && this.prevLanes !== r && (this.lanesChangedFlag = true), this.prevLanes = r, this.pendingMin = null, {
+        count: t,
+        paddingStart: n,
+        scrollMargin: s,
+        getItemKey: o,
+        enabled: l,
+        lanes: r,
+        laneAssignmentMode: a
+      }),
+      {
+        key: false
+      }
+    ), this.getMeasurements = U(
+      () => [this.getMeasurementOptions(), this.itemSizeCacheVersion],
+      ({
+        count: t,
+        paddingStart: n,
+        scrollMargin: s,
+        getItemKey: o,
+        enabled: l,
+        lanes: r,
+        laneAssignmentMode: a
+      }, c) => {
+        const u = this.itemSizeCache;
+        if (!l)
+          return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
+        if (this.laneAssignments.size > t)
+          for (const p of this.laneAssignments.keys())
+            p >= t && this.laneAssignments.delete(p);
+        this.lanesChangedFlag && (this.lanesChangedFlag = false, this.lanesSettling = true, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMin = null), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((p) => {
+          this.itemSizeCache.set(p.key, p.size);
+        }));
+        const g = this.lanesSettling ? 0 : this.pendingMin ?? 0;
+        if (this.pendingMin = null, this.lanesSettling && this.measurementsCache.length === t && (this.lanesSettling = false), r === 1) {
+          const p = this.options.gap, b = t * 2;
+          let v = this._flatMeasurements;
+          if (!v || v.length < b) {
+            const k = new Float64Array(b);
+            v && g > 0 && k.set(v.subarray(0, g * 2)), v = k, this._flatMeasurements = v;
+          }
+          let x;
+          if (g === 0)
+            x = n + s;
+          else {
+            const k = g - 1;
+            x = v[k * 2] + v[k * 2 + 1] + p;
+          }
+          for (let k = g; k < t; k++) {
+            const z = o(k), D = u.get(z), _ = typeof D == "number" ? D : this.options.estimateSize(k);
+            v[k * 2] = x, v[k * 2 + 1] = _, x += _ + p;
+          }
+          const T = Ns(t, v, o);
+          return this.measurementsCache = T, T;
+        }
+        const d = this.measurementsCache.slice(0, g), w = new Array(r).fill(
+          void 0
+        );
+        for (let p = 0; p < g; p++) {
+          const b = d[p];
+          b && (w[b.lane] = p);
+        }
+        for (let p = g; p < t; p++) {
+          const b = o(p), v = this.laneAssignments.get(p);
+          let x, T;
+          const k = a === "estimate" || u.has(b);
+          if (v !== void 0 && this.options.lanes > 1) {
+            x = v;
+            const I = w[x], S = I !== void 0 ? d[I] : void 0;
+            T = S ? S.end + this.options.gap : n + s;
+          } else {
+            const I = this.options.lanes === 1 ? d[p - 1] : this.getFurthestMeasurement(d, p);
+            T = I ? I.end + this.options.gap : n + s, x = I ? I.lane : p % this.options.lanes, this.options.lanes > 1 && k && this.laneAssignments.set(p, x);
+          }
+          const z = u.get(b), D = typeof z == "number" ? z : this.options.estimateSize(p), _ = T + D;
+          d[p] = {
+            index: p,
+            start: T,
+            size: D,
+            end: _,
+            key: b,
+            lane: x
+          }, w[x] = p;
+        }
+        return this.measurementsCache = d, d;
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "getMeasurements",
+        debug: () => this.options.debug
+      }
+    ), this.calculateRange = U(
+      () => [
+        this.getMeasurements(),
+        this.getSize(),
+        this.getScrollOffset(),
+        this.options.lanes
+      ],
+      (t, n, s, o) => this.range = t.length > 0 && n > 0 ? ti({
+        measurements: t,
+        outerSize: n,
+        scrollOffset: s,
+        lanes: o,
+        // Pass the typed array so binary search + forward-walk can
+        // read start/end directly from Float64Array, skipping the
+        // Proxy traps that materialize a full VirtualItem per probe.
+        flat: o === 1 && this._flatMeasurements != null ? this._flatMeasurements : null
+      }) : null,
+      {
+        key: process.env.NODE_ENV !== "production" && "calculateRange",
+        debug: () => this.options.debug
+      }
+    ), this.getVirtualIndexes = U(
+      () => {
+        let t = null, n = null;
+        const s = this.calculateRange();
+        return s && (t = s.startIndex, n = s.endIndex), this.maybeNotify.updateDeps([this.isScrolling, t, n]), [
+          this.options.rangeExtractor,
+          this.options.overscan,
+          this.options.count,
+          t,
+          n
+        ];
+      },
+      (t, n, s, o, l) => o === null || l === null ? [] : t({
+        startIndex: o,
+        endIndex: l,
+        overscan: n,
+        count: s
+      }),
+      {
+        key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
+        debug: () => this.options.debug
+      }
+    ), this.indexFromElement = (t) => {
+      const n = this.options.indexAttribute, s = t.getAttribute(n);
+      return s ? parseInt(s, 10) : (console.warn(
+        `Missing attribute name '${n}={index}' on measured element.`
+      ), -1);
+    }, this.shouldMeasureDuringScroll = (t) => {
+      var n;
+      if (!this.scrollState || this.scrollState.behavior !== "smooth")
+        return true;
+      const s = this.scrollState.index ?? ((n = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : n.index);
+      if (s !== void 0 && this.range) {
+        const o = Math.max(
+          this.options.overscan,
+          Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
+        ), l = Math.max(0, s - o), r = Math.min(
+          this.options.count - 1,
+          s + o
+        );
+        return t >= l && t <= r;
+      }
+      return true;
+    }, this.measureElement = (t) => {
+      if (!t) {
+        this.elementsCache.forEach((l, r) => {
+          l.isConnected || (this.observer.unobserve(l), this.elementsCache.delete(r));
+        });
+        return;
+      }
+      const n = this.indexFromElement(t), s = this.options.getItemKey(n), o = this.elementsCache.get(s);
+      o !== t && (o && this.observer.unobserve(o), this.observer.observe(t), this.elementsCache.set(s, t)), (!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(n) && this.resizeItem(n, this.options.measureElement(t, void 0, this));
+    }, this.resizeItem = (t, n) => {
+      var s, o;
+      if (t < 0 || t >= this.options.count) return;
+      let l, r, a;
+      const c = this._flatMeasurements;
+      if (this.options.lanes === 1 && c !== null)
+        a = this.options.getItemKey(t), r = c[t * 2], l = c[t * 2 + 1];
+      else {
+        const d = this.measurementsCache[t];
+        if (!d) return;
+        a = d.key, r = d.start, l = d.size;
+      }
+      const u = this.itemSizeCache.get(a) ?? l, g = n - u;
+      if (g !== 0) {
+        const d = this.options.anchorTo === "end" && ((s = this.scrollState) == null ? void 0 : s.behavior) !== "smooth" && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold, w = d ? this.getTotalSize() : 0, p = ((o = this.scrollState) == null ? void 0 : o.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(
+          // The callback expects a VirtualItem; build one lazily only
+          // when the consumer actually supplied a custom predicate.
+          this.measurementsCache[t] ?? {
+            index: t,
+            key: a,
+            start: r,
+            size: l,
+            end: r + l,
+            lane: 0
+          },
+          g,
+          this
+        ) : (
+          // Default: adjust when the resize is an above-viewport item.
+          // First measurement (!has(key)): always adjust — the item
+          // has never been sized, so the estimate→actual delta must
+          // be compensated regardless of scroll direction.
+          // Re-measurement (has(key)): skip during backward scroll
+          // to avoid the "items jump while scrolling up" cascade.
+          r < this.getScrollOffset() + this.scrollAdjustments && (!this.itemSizeCache.has(a) || this.scrollDirection !== "backward")
+        ));
+        (this.pendingMin === null || t < this.pendingMin) && (this.pendingMin = t), this.itemSizeCache.set(a, n), this.itemSizeCacheVersion++, d ? this.applyScrollAdjustment(this.getTotalSize() - w) : p && this.applyScrollAdjustment(g), this.notify(false);
+      }
+    }, this.getVirtualItems = U(
+      () => [this.getVirtualIndexes(), this.getMeasurements()],
+      (t, n) => {
+        const s = [];
+        for (let o = 0, l = t.length; o < l; o++) {
+          const r = t[o], a = n[r];
+          s.push(a);
+        }
+        return s;
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "getVirtualItems",
+        debug: () => this.options.debug
+      }
+    ), this.getVirtualItemForOffset = (t) => {
+      const n = this.getMeasurements();
+      if (n.length === 0)
+        return;
+      const s = this._flatMeasurements, o = this.options.lanes === 1 && s != null, l = kt(
+        0,
+        n.length - 1,
+        o ? (r) => s[r * 2] : (r) => ot(n[r]).start,
+        t
+      );
+      return ot(n[l]);
+    }, this.getMaxScrollOffset = () => {
+      if (!this.scrollElement) return 0;
+      if ("scrollHeight" in this.scrollElement)
+        return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
+      {
+        const t = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? t.scrollWidth - this.scrollElement.innerWidth : t.scrollHeight - this.scrollElement.innerHeight;
+      }
+    }, this.getVirtualDistanceFromEnd = () => Math.max(
+      this.getTotalSize() - this.getSize() - this.getScrollOffset(),
+      0
+    ), this.getDistanceFromEnd = () => Math.max(this.getMaxScrollOffset() - this.getScrollOffset(), 0), this.isAtEnd = (t = this.options.scrollEndThreshold) => this.getDistanceFromEnd() <= t, this.getOffsetForAlignment = (t, n, s = 0) => {
+      if (!this.scrollElement) return 0;
+      const o = this.getSize(), l = this.getScrollOffset();
+      n === "auto" && (n = t >= l + o ? "end" : "start"), n === "center" ? t += (s - o) / 2 : n === "end" && (t -= o);
+      const r = this.getMaxScrollOffset();
+      return Math.max(Math.min(r, t), 0);
+    }, this.getOffsetForIndex = (t, n = "auto") => {
+      t = Math.max(0, Math.min(t, this.options.count - 1));
+      const s = this.getSize(), o = this.getScrollOffset(), l = this.measurementsCache[t];
+      if (!l) return;
+      if (n === "auto")
+        if (l.end >= o + s - this.options.scrollPaddingEnd)
+          n = "end";
+        else if (l.start <= o + this.options.scrollPaddingStart)
+          n = "start";
+        else
+          return [o, n];
+      if (n === "end" && t === this.options.count - 1)
+        return [this.getMaxScrollOffset(), n];
+      const r = n === "end" ? l.end + this.options.scrollPaddingEnd : l.start - this.options.scrollPaddingStart;
+      return [
+        this.getOffsetForAlignment(r, n, l.size),
+        n
+      ];
+    }, this.scrollToOffset = (t, { align: n = "start", behavior: s = "auto" } = {}) => {
+      const o = this.getOffsetForAlignment(t, n), l = this.now();
+      this.scrollState = {
+        index: null,
+        align: n,
+        behavior: s,
+        startedAt: l,
+        lastTargetOffset: o,
+        stableFrames: 0
+      }, this._scrollToOffset(o, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
+    }, this.scrollToIndex = (t, {
+      align: n = "auto",
+      behavior: s = "auto"
+    } = {}) => {
+      t = Math.max(0, Math.min(t, this.options.count - 1));
+      const o = this.getOffsetForIndex(t, n);
+      if (!o)
+        return;
+      const [l, r] = o, a = this.now();
+      this.scrollState = {
+        index: t,
+        align: r,
+        behavior: s,
+        startedAt: a,
+        lastTargetOffset: l,
+        stableFrames: 0
+      }, this._scrollToOffset(l, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
+    }, this.scrollBy = (t, { behavior: n = "auto" } = {}) => {
+      const s = this.getScrollOffset() + t, o = this.now();
+      this.scrollState = {
+        index: null,
+        align: "start",
+        behavior: n,
+        startedAt: o,
+        lastTargetOffset: s,
+        stableFrames: 0
+      }, this._scrollToOffset(s, { adjustments: void 0, behavior: n }), this.scheduleScrollReconcile();
+    }, this.scrollToEnd = ({ behavior: t = "auto" } = {}) => {
+      if (this.options.count > 0) {
+        this.scrollToIndex(this.options.count - 1, {
+          align: "end",
+          behavior: t
+        });
+        return;
+      }
+      this.scrollToOffset(Math.max(this.getTotalSize() - this.getSize(), 0), {
+        behavior: t
+      });
+    }, this.getTotalSize = () => {
+      var t;
+      const n = this.getMeasurements();
+      let s;
+      if (n.length === 0)
+        s = this.options.paddingStart;
+      else if (this.options.lanes === 1) {
+        const o = n.length - 1, l = this._flatMeasurements;
+        l != null ? s = l[o * 2] + l[o * 2 + 1] : s = ((t = n[o]) == null ? void 0 : t.end) ?? 0;
+      } else {
+        const o = Array(this.options.lanes).fill(null);
+        let l = n.length - 1;
+        for (; l >= 0 && o.some((r) => r === null); ) {
+          const r = n[l];
+          o[r.lane] === null && (o[r.lane] = r.end), l--;
+        }
+        s = Math.max(...o.filter((r) => r !== null));
+      }
+      return Math.max(
+        s - this.options.scrollMargin + this.options.paddingEnd,
+        0
+      );
+    }, this.takeSnapshot = () => {
+      const t = [];
+      if (this.itemSizeCache.size === 0) return t;
+      const n = this.getMeasurements();
+      for (const s of n)
+        s && this.itemSizeCache.has(s.key) && t.push({
+          index: s.index,
+          key: s.key,
+          start: s.start,
+          size: s.size,
+          end: s.end,
+          lane: s.lane
+        });
+      return t;
+    }, this._scrollToOffset = (t, {
+      adjustments: n,
+      behavior: s
+    }) => {
+      this._intendedScrollOffset = t + (n ?? 0), this.options.scrollToFn(t, { behavior: s, adjustments: n }, this);
+    }, this.measure = () => {
+      this.pendingMin = null, this.itemSizeCache.clear(), this.laneAssignments.clear(), this.itemSizeCacheVersion++, this.notify(false);
+    }, this.setOptions(i);
+  }
+  applyScrollAdjustment(i, t) {
+    i !== 0 && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), xe() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? this._iosDeferredAdjustment += i : this._scrollToOffset(this.getScrollOffset(), {
+      adjustments: this.scrollAdjustments += i,
+      behavior: t
+    }));
+  }
+  scheduleScrollReconcile() {
+    if (!this.targetWindow) {
+      this.scrollState = null;
+      return;
+    }
+    this.rafId == null && (this.rafId = this.targetWindow.requestAnimationFrame(() => {
+      this.rafId = null, this.reconcileScroll();
+    }));
+  }
+  reconcileScroll() {
+    if (!this.scrollState || !this.scrollElement) return;
+    if (this.now() - this.scrollState.startedAt > 5e3) {
+      this.scrollState = null;
+      return;
+    }
+    const n = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, s = n ? n[0] : this.scrollState.lastTargetOffset, o = 1, l = s !== this.scrollState.lastTargetOffset;
+    if (!l && Ws(s, this.getScrollOffset())) {
+      if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= o) {
+        this.getScrollOffset() !== s && this._scrollToOffset(s, {
+          adjustments: void 0,
+          behavior: "auto"
+        }), this.scrollState = null;
+        return;
+      }
+    } else if (this.scrollState.stableFrames = 0, l) {
+      const r = this.getSize() || 600, a = Math.abs(s - this.getScrollOffset()), c = this.scrollState.behavior === "smooth" && a > r;
+      this.scrollState.lastTargetOffset = s, c || (this.scrollState.behavior = "auto"), this._scrollToOffset(s, {
+        adjustments: void 0,
+        behavior: c ? "smooth" : "auto"
+      });
+    }
+    this.scheduleScrollReconcile();
+  }
+};
+var kt = (e, i, t, n) => {
+  for (; e <= i; ) {
+    const s = (e + i) / 2 | 0, o = t(s);
+    if (o < n)
+      e = s + 1;
+    else if (o > n)
+      i = s - 1;
+    else
+      return s;
+  }
+  return e > 0 ? e - 1 : 0;
+};
+function ti({
+  measurements: e,
+  outerSize: i,
+  scrollOffset: t,
+  lanes: n,
+  flat: s
+}) {
+  const o = e.length - 1, l = s ? (u) => s[u * 2] : (u) => e[u].start, r = s ? (u) => s[u * 2] + s[u * 2 + 1] : (u) => e[u].end;
+  if (e.length <= n)
+    return {
+      startIndex: 0,
+      endIndex: o
+    };
+  let a = kt(0, o, l, t), c = a;
+  if (n === 1)
+    for (; c < o && r(c) < t + i; )
+      c++;
+  else if (n > 1) {
+    const u = Array(n).fill(0);
+    for (; c < o && u.some((d) => d < t + i); ) {
+      const d = e[c];
+      u[d.lane] = d.end, c++;
+    }
+    const g = Array(n).fill(t + i);
+    for (; a >= 0 && g.some((d) => d >= t); ) {
+      const d = e[a];
+      g[d.lane] = d.start, a--;
+    }
+    a = Math.max(0, a - a % n), c = Math.min(o, c + (n - 1 - c % n));
+  }
+  return { startIndex: a, endIndex: c };
+}
+function ni(e) {
+  const i = new ei(m(e)), t = zt(i), n = i._didMount();
+  return ae(
+    () => m(e).getScrollElement(),
+    (s) => {
+      s && i._willUpdate();
+    },
+    {
+      immediate: true
+    }
+  ), ae(
+    () => m(e),
+    (s) => {
+      i.setOptions({
+        ...s,
+        onChange: (o, l) => {
+          var r;
+          Ve(t), (r = s.onChange) == null || r.call(s, o, l);
+        }
+      }), i._willUpdate(), Ve(t);
+    },
+    {
+      immediate: true
+    }
+  ), he(n), t;
+}
+function si(e) {
+  return ni(
+    O(() => ({
+      observeElementRect: Us,
+      observeElementOffset: Qs,
+      scrollToFn: Zs,
+      ...m(e)
+    }))
+  );
+}
+function ii() {
+  return {
+    instances: at,
+    requests: qe,
+    getRequestsByInstance: Nt
+  };
+}
+var oi = /* @__PURE__ */ $({
+  __name: "Badge",
+  props: {
+    label: {},
+    variant: {}
+  },
+  setup(e) {
+    const i = {
+      success: "bg-green-900 text-green-300",
+      error: "bg-red-900 text-red-300",
+      pending: "bg-yellow-900 text-yellow-300",
+      aborted: "bg-neutral-700 text-neutral-400",
+      neutral: "bg-neutral-800 text-neutral-300"
+    };
+    return (t, n) => (h(), y("span", {
+      class: P([
+        "inline-flex items-center px-1.5 py-0.5 rounded text-xs font-mono",
+        i[e.variant ?? "neutral"]
+      ])
+    }, C(e.label), 3));
+  }
+});
+var li = /* @__PURE__ */ $({
+  __name: "StatusBadge",
+  props: {
+    status: {},
+    statusCode: {}
+  },
+  setup(e) {
+    const i = {
+      success: "success",
+      error: "error",
+      pending: "pending",
+      aborted: "aborted"
+    };
+    return (t, n) => (h(), F(oi, {
+      label: e.statusCode ? String(e.statusCode) : e.status,
+      variant: i[e.status]
+    }, null, 8, ["label", "variant"]));
+  }
+});
+var ri = {
+  key: 0,
+  class: "feature-badges"
+};
+var ai = /* @__PURE__ */ $({
+  __name: "FeatureBadges",
+  props: {
+    options: {}
+  },
+  setup(e) {
+    const i = e, t = O(() => {
+      const n = [], { cache: s, poll: o, retry: l, batch: r, debounce: a, immediate: c, lazy: u } = i.options;
+      if (s) {
+        const g = typeof s == "string" ? s : s.id;
+        n.push({ key: "cache", label: "cache", sub: g, variant: "cache" }), typeof s == "object" && s.swr && n.push({ key: "swr", label: "swr", variant: "swr" });
+      }
+      return o && n.push({ key: "polling", label: "polling", variant: "polling" }), l && n.push({ key: "retry", label: "retry", variant: "retry" }), r && n.push({ key: "batch", label: "batch", variant: "batch" }), a && n.push({ key: "debounce", label: "debounce", variant: "debounce" }), (!c || u) && n.push({ key: "lazy", label: "lazy", variant: "lazy" }), n;
+    });
+    return (n, s) => t.value.length ? (h(), y("div", ri, [
+      (h(true), y(N, null, W(t.value, (o) => (h(), y("span", {
+        key: o.key,
+        class: P(["badge", `badge--${o.variant}`])
+      }, [
+        ce(C(o.label), 1),
+        o.sub ? (h(), y(N, { key: 0 }, [
+          s[0] || (s[0] = f("span", { class: "sep" }, "\xB7", -1)),
+          ce(C(o.sub), 1)
+        ], 64)) : M("", true)
+      ], 2))), 128))
+    ])) : M("", true);
+  }
+});
+var _t = /* @__PURE__ */ j(ai, [["__scopeId", "data-v-99118e1d"]]);
+var ci = { class: "row-body" };
+var ui = { class: "row-top" };
+var di = { class: "row-url" };
+var hi = { class: "row-meta" };
+var fi = { class: "meta-duration" };
+var pi = { class: "meta-time" };
+var mi = /* @__PURE__ */ $({
+  __name: "RequestRow",
+  props: {
+    request: {},
+    isActive: { type: Boolean },
+    instanceOptions: {}
+  },
+  emits: ["select"],
+  setup(e) {
+    function i(n) {
+      return n === null ? "\u2026" : n < 1e3 ? `${n}ms` : `${(n / 1e3).toFixed(2)}s`;
+    }
+    function t(n) {
+      return new Date(n).toLocaleTimeString();
+    }
+    return (n, s) => (h(), y("div", {
+      "data-vmd-request-row": "",
+      class: P(["request-row", { "request-row--active": e.isActive }]),
+      onClick: s[0] || (s[0] = (o) => n.$emit("select", e.request.id))
+    }, [
+      f("div", {
+        class: P(["accent-bar", `accent-bar--${e.request.status}`])
+      }, null, 2),
+      f("div", ci, [
+        f("div", ui, [
+          f("span", {
+            class: P(["method-badge", `method-${e.request.method.toLowerCase()}`])
+          }, C(e.request.method), 3),
+          f("span", di, C(e.request.url), 1),
+          e.instanceOptions ? (h(), F(_t, {
+            key: 0,
+            options: e.instanceOptions
+          }, null, 8, ["options"])) : M("", true)
+        ]),
+        f("div", hi, [
+          L(li, {
+            status: e.request.status,
+            "status-code": e.request.statusCode
+          }, null, 8, ["status", "status-code"]),
+          f("span", fi, C(i(e.request.duration)), 1),
+          f("span", pi, C(t(e.request.startedAt)), 1)
+        ])
+      ])
+    ], 2));
+  }
+});
+var vi = /* @__PURE__ */ j(mi, [["__scopeId", "data-v-e5492c3f"]]);
+var gi = /* @__PURE__ */ $({
+  __name: "RequestList",
+  props: {
+    requests: {},
+    activeRequestId: {}
+  },
+  emits: ["select"],
+  setup(e) {
+    const i = e, { instances: t } = ii();
+    function n(l) {
+      var r;
+      if (l)
+        return (r = t.value.get(l)) == null ? void 0 : r.options;
+    }
+    const s = q(null), o = si(
+      O(() => ({
+        count: i.requests.length,
+        getScrollElement: () => s.value,
+        estimateSize: () => 52,
+        overscan: 10
+      }))
+    );
+    return (l, r) => (h(), y("div", {
+      ref_key: "parentRef",
+      ref: s,
+      style: { flex: "1", overflow: "auto", background: "var(--dt-background)" }
+    }, [
+      f("div", {
+        style: K({ height: `${m(o).getTotalSize()}px`, position: "relative" })
+      }, [
+        (h(true), y(N, null, W(m(o).getVirtualItems(), (a) => (h(), y("div", {
+          key: a.index,
+          style: K({ position: "absolute", top: 0, left: 0, width: "100%", transform: `translateY(${a.start}px)` })
+        }, [
+          L(vi, {
+            request: e.requests[a.index],
+            "is-active": e.requests[a.index].id === e.activeRequestId,
+            "instance-options": n(e.requests[a.index].instanceId),
+            onSelect: r[0] || (r[0] = (c) => l.$emit("select", c))
+          }, null, 8, ["request", "is-active", "instance-options"])
+        ], 4))), 128))
+      ], 4)
+    ], 512));
+  }
+});
+var yi = { class: "detail-header" };
+var bi = { class: "req-method" };
+var wi = ["title"];
+var Si = { class: "req-meta" };
+var xi = { key: 0 };
+var ki = /* @__PURE__ */ $({
+  __name: "DetailHeader",
+  props: {
+    request: {},
+    instanceOptions: {}
+  },
+  emits: ["close"],
+  setup(e) {
+    function i(t) {
+      return t ? t < 300 ? "s-2xx" : t < 400 ? "s-3xx" : t < 500 ? "s-4xx" : "s-5xx" : "s-pending";
+    }
+    return (t, n) => (h(), y("div", yi, [
+      f("span", {
+        class: P(["status-chip", i(e.request.statusCode)])
+      }, C(e.request.statusCode ?? "\xB7\xB7\xB7"), 3),
+      f("span", bi, C(e.request.method), 1),
+      f("span", {
+        class: "req-url",
+        title: e.request.url
+      }, C(e.request.url), 9, wi),
+      e.instanceOptions ? (h(), F(_t, {
+        key: 0,
+        options: e.instanceOptions
+      }, null, 8, ["options"])) : M("", true),
+      f("div", Si, [
+        e.request.duration !== null ? (h(), y("span", xi, C(e.request.duration) + "ms", 1)) : M("", true),
+        f("span", null, C(new Date(e.request.startedAt).toLocaleTimeString()), 1)
+      ]),
+      f("button", {
+        class: "close-btn",
+        "aria-label": "Close detail",
+        onClick: n[0] || (n[0] = (s) => t.$emit("close"))
+      }, [
+        L(m(re), {
+          icon: "lucide:x",
+          width: "14",
+          height: "14"
+        })
+      ])
+    ]));
+  }
+});
+var _i = /* @__PURE__ */ j(ki, [["__scopeId", "data-v-ee649b7a"]]);
+var Ii = { class: "detail-tabs" };
+var Ei = ["onClick"];
+var Ti = /* @__PURE__ */ $({
+  __name: "DetailTabs",
+  props: {
+    activeTab: {}
+  },
+  emits: ["select"],
+  setup(e) {
+    const i = [
+      { id: "split", label: "Split" },
+      { id: "payload", label: "Payload" },
+      { id: "response", label: "Response" },
+      { id: "headers", label: "Headers" }
+    ];
+    return (t, n) => (h(), y("div", Ii, [
+      (h(), y(N, null, W(i, (s) => f("button", {
+        key: s.id,
+        class: P(["tab-btn", { "tab-btn--active": s.id === e.activeTab }]),
+        onClick: (o) => t.$emit("select", s.id)
+      }, C(s.label), 11, Ei)), 64))
+    ]));
+  }
+});
+var Mi = /* @__PURE__ */ j(Ti, [["__scopeId", "data-v-c3c26245"]]);
+var Ci = ["innerHTML"];
+var Oi = /* @__PURE__ */ $({
+  __name: "JsonViewer",
+  props: {
+    value: {}
+  },
+  setup(e) {
+    const i = e;
+    function t(s) {
+      return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    }
+    const n = O(() => {
+      try {
+        return t(JSON.stringify(i.value, null, 2)).replace(
+          /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g,
+          (o) => /^"/.test(o) ? /:$/.test(o) ? `<span class="json-key">${o}</span>` : `<span class="json-string">${o}</span>` : /true|false|null/.test(o) ? `<span class="json-bool">${o}</span>` : `<span class="json-number">${o}</span>`
+        );
+      } catch {
+        return String(i.value);
+      }
+    });
+    return (s, o) => (h(), y("pre", {
+      class: "json-root",
+      innerHTML: n.value
+    }, null, 8, Ci));
+  }
+});
+var Me = /* @__PURE__ */ j(Oi, [["__scopeId", "data-v-4994acd4"]]);
+var zi = { class: "tree-node" };
+var Ai = {
+  key: 0,
+  class: "tree-key"
+};
+var qi = {
+  key: 1,
+  class: "tree-colon"
+};
+var $i = { name: "TreeNode" };
+var Li = /* @__PURE__ */ $({
+  ...$i,
+  props: {
+    nodeKey: {},
+    value: {},
+    depth: {}
+  },
+  setup(e) {
+    const i = e, t = q(false), n = O(
+      () => typeof i.value == "object" && i.value !== null
+    ), s = O(() => Array.isArray(i.value)), o = O(() => n.value ? s.value ? `Array [${i.value.length}]` : `Object {${Object.keys(i.value).length}}` : ""), l = O(() => !t.value || !n.value ? [] : s.value ? i.value.map((g, d) => [d, g]) : Object.entries(i.value)), r = O(() => i.value === null ? "null" : typeof i.value == "string" ? `"${i.value}"` : String(i.value)), a = O(() => i.value === null ? "tree-val tree-val--null" : typeof i.value == "string" ? "tree-val tree-val--string" : typeof i.value == "number" ? "tree-val tree-val--number" : typeof i.value == "boolean" ? "tree-val tree-val--boolean" : "tree-val"), c = O(() => i.depth * 14);
+    function u() {
+      n.value && (t.value = !t.value);
+    }
+    return (g, d) => {
+      const w = At("TreeNode", true);
+      return h(), y("div", zi, [
+        f("div", {
+          class: "tree-row",
+          style: K({ paddingLeft: c.value + "px" })
+        }, [
+          f("span", {
+            class: P(["tree-arrow", { "tree-arrow--open": t.value }]),
+            style: K({ visibility: n.value ? "visible" : "hidden" }),
+            onClick: u
+          }, null, 6),
+          e.nodeKey !== null ? (h(), y("span", Ai, C(e.nodeKey), 1)) : M("", true),
+          e.nodeKey !== null ? (h(), y("span", qi, ":")) : M("", true),
+          n.value ? (h(), y("span", {
+            key: 2,
+            class: "tree-badge",
+            onClick: u
+          }, C(o.value), 1)) : (h(), y("span", {
+            key: 3,
+            class: P(a.value)
+          }, C(r.value), 3))
+        ], 4),
+        (h(true), y(N, null, W(l.value, ([p, b]) => (h(), F(w, {
+          key: p,
+          "node-key": p,
+          value: b,
+          depth: e.depth + 1
+        }, null, 8, ["node-key", "value", "depth"]))), 128))
+      ]);
+    };
+  }
+});
+var Fi = /* @__PURE__ */ j(Li, [["__scopeId", "data-v-e08fddee"]]);
+var Pi = { class: "tree-viewer" };
+var Ri = /* @__PURE__ */ $({
+  __name: "TreeViewer",
+  props: {
+    value: {}
+  },
+  setup(e) {
+    const i = e, t = O(() => i.value === null || i.value === void 0 ? [] : Array.isArray(i.value) ? i.value.map((n, s) => [s, n]) : typeof i.value == "object" ? Object.entries(i.value) : []);
+    return (n, s) => (h(), y("div", Pi, [
+      (h(true), y(N, null, W(t.value, ([o, l]) => (h(), F(Fi, {
+        key: o,
+        "node-key": o,
+        value: l,
+        depth: 0
+      }, null, 8, ["node-key", "value"]))), 128))
+    ]));
+  }
+});
+var Ce = /* @__PURE__ */ j(Ri, [["__scopeId", "data-v-f9bec403"]]);
+var ji = { class: "data-pane" };
+var Di = { class: "pane-header" };
+var Vi = { class: "pane-title" };
+var Ni = { class: "pane-body" };
+var Wi = {
+  key: 0,
+  class: "truncated-warning"
+};
+var Hi = /* @__PURE__ */ $({
+  __name: "DataPane",
+  props: {
+    title: {},
+    data: {},
+    truncated: { type: Boolean }
+  },
+  setup(e) {
+    const i = e, t = q("json");
+    X(async () => {
+      t.value = await hn();
+    });
+    async function n() {
+      t.value = t.value === "kv" ? "json" : "kv", await fn(t.value);
+    }
+    async function s() {
+      try {
+        await navigator.clipboard.writeText(JSON.stringify(i.data, null, 2));
+      } catch {
+      }
+    }
+    return (o, l) => (h(), y("div", ji, [
+      f("div", Di, [
+        f("span", Vi, C(e.title), 1),
+        f("button", {
+          class: P(["pane-action", { "pane-action--active": t.value === "kv" }]),
+          onClick: n
+        }, "KV", 2),
+        f("button", {
+          class: "pane-action",
+          onClick: s
+        }, "Copy")
+      ]),
+      f("div", Ni, [
+        e.truncated ? (h(), y("p", Wi, "[truncated]")) : M("", true),
+        t.value === "json" ? (h(), F(Me, {
+          key: 1,
+          value: e.data
+        }, null, 8, ["value"])) : (h(), F(Ce, {
+          key: 2,
+          value: e.data
+        }, null, 8, ["value"]))
+      ])
+    ]));
+  }
+});
+var It = /* @__PURE__ */ j(Hi, [["__scopeId", "data-v-fe53a363"]]);
+var Bi = { class: "payload-pane" };
+var Ki = { class: "pane-header" };
+var Ui = { class: "section-label" };
+var Ji = {
+  key: 0,
+  class: "section-count"
+};
+var Xi = {
+  key: 0,
+  class: "section-body"
+};
+var Qi = {
+  key: 1,
+  class: "section-empty"
+};
+var Gi = {
+  key: 2,
+  class: "section-body"
+};
+var Yi = {
+  key: 0,
+  class: "truncated-warning"
+};
+var Zi = {
+  key: 3,
+  class: "section-empty"
+};
+var eo = /* @__PURE__ */ $({
+  __name: "PayloadPane",
+  props: {
+    queryParams: {},
+    payload: {},
+    truncated: { type: Boolean }
+  },
+  setup(e) {
+    const i = e, t = q("kv"), n = O(() => i.queryParams === null || i.queryParams === void 0 || typeof i.queryParams != "object" ? [] : Object.keys(i.queryParams)), s = O(() => n.value.length > 0), o = O(() => n.value.length), l = O(() => i.payload !== null && i.payload !== void 0);
+    X(async () => {
+      t.value = await un();
+    });
+    async function r() {
+      t.value = t.value === "kv" ? "json" : "kv", await dn(t.value);
+    }
+    async function a() {
+      try {
+        await navigator.clipboard.writeText(JSON.stringify(i.payload, null, 2));
+      } catch {
+      }
+    }
+    return (c, u) => (h(), y("div", Bi, [
+      f("div", Ki, [
+        u[0] || (u[0] = f("span", { class: "pane-title" }, "PAYLOAD", -1)),
+        f("button", {
+          class: P(["pane-action", { "pane-action--active": t.value === "kv" }]),
+          onClick: r
+        }, "KV", 2),
+        f("button", {
+          class: "pane-action",
+          onClick: a
+        }, "Copy")
+      ]),
+      f("div", Ui, [
+        u[1] || (u[1] = f("span", null, "Query Params", -1)),
+        s.value ? (h(), y("span", Ji, C(o.value), 1)) : M("", true)
+      ]),
+      s.value ? (h(), y("div", Xi, [
+        t.value === "kv" ? (h(), F(Ce, {
+          key: 0,
+          value: e.queryParams
+        }, null, 8, ["value"])) : (h(), F(Me, {
+          key: 1,
+          value: e.queryParams
+        }, null, 8, ["value"]))
+      ])) : (h(), y("p", Qi, "No params")),
+      u[2] || (u[2] = f("div", { class: "section-divider" }, null, -1)),
+      u[3] || (u[3] = f("div", { class: "section-label" }, [
+        f("span", null, "Body")
+      ], -1)),
+      l.value ? (h(), y("div", Gi, [
+        e.truncated ? (h(), y("p", Yi, "[truncated]")) : M("", true),
+        t.value === "kv" ? (h(), F(Ce, {
+          key: 1,
+          value: e.payload
+        }, null, 8, ["value"])) : (h(), F(Me, {
+          key: 2,
+          value: e.payload
+        }, null, 8, ["value"]))
+      ])) : (h(), y("p", Zi, "No body"))
+    ]));
+  }
+});
+var Et = /* @__PURE__ */ j(eo, [["__scopeId", "data-v-052714ff"]]);
+var to = { class: "split-pane" };
+var no = /* @__PURE__ */ $({
+  __name: "SplitView",
+  props: {
+    request: {}
+  },
+  setup(e) {
+    const { panelMode: i } = fe(), t = O(() => i.value === "side"), n = q(null), s = q(null);
+    let o = null;
+    ae(t, () => {
+      n.value = null;
+    }), X(async () => {
+      const r = await an();
+      r !== void 0 && (n.value = r);
+    });
+    function l(r) {
+      const a = s.value;
+      if (a) {
+        if (t.value) {
+          let c = function(w) {
+            const p = a.offsetHeight - 80 - 5;
+            n.value = Math.max(80, Math.min(d + (w.clientY - g), p));
+          }, u = function() {
+            window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", u), o = null;
+          };
+          const g = r.clientY, d = n.value ?? a.offsetHeight / 2;
+          window.addEventListener("mousemove", c), window.addEventListener("mouseup", u), o = () => {
+            window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", u);
+          };
+        } else {
+          let c = function(w) {
+            const p = a.offsetWidth - 120 - 5;
+            n.value = Math.max(120, Math.min(d + (w.clientX - g), p));
+          }, u = function() {
+            window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", u), o = null, cn(n.value);
+          };
+          const g = r.clientX, d = n.value ?? a.offsetWidth / 2;
+          window.addEventListener("mousemove", c), window.addEventListener("mouseup", u), o = () => {
+            window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", u);
+          };
+        }
+        r.preventDefault();
+      }
+    }
+    return he(() => {
+      o == null || o();
+    }), (r, a) => (h(), y("div", {
+      ref_key: "splitRef",
+      ref: s,
+      class: P(["split-view", t.value ? "split-view--stacked" : "split-view--row"])
+    }, [
+      f("div", {
+        class: "split-pane",
+        style: K(n.value !== null ? t.value ? { flex: "none", height: n.value + "px" } : { flex: "none", width: n.value + "px" } : {})
+      }, [
+        L(Et, {
+          "query-params": e.request.queryParams,
+          payload: e.request.payload,
+          truncated: e.request.truncated
+        }, null, 8, ["query-params", "payload", "truncated"])
+      ], 4),
+      f("div", {
+        class: P(["split-handle", t.value ? "split-handle--h" : "split-handle--v"]),
+        onMousedown: l
+      }, null, 34),
+      f("div", to, [
+        L(It, {
+          title: "Response",
+          data: e.request.response,
+          truncated: e.request.truncated
+        }, null, 8, ["data", "truncated"])
+      ])
+    ], 2));
+  }
+});
+var so = /* @__PURE__ */ j(no, [["__scopeId", "data-v-9d222cb1"]]);
+var io = { class: "request-detail" };
+var oo = { class: "detail-content" };
+var lo = {
+  key: 3,
+  class: "headers-view"
+};
+var ro = { class: "header-key" };
+var ao = { class: "header-val" };
+var co = {
+  key: 0,
+  class: "empty-msg"
+};
+var uo = /* @__PURE__ */ $({
+  __name: "RequestDetail",
+  props: {
+    request: {},
+    instanceOptions: {}
+  },
+  emits: ["close"],
+  setup(e) {
+    const i = q("split");
+    return (t, n) => (h(), y("div", io, [
+      L(_i, {
+        request: e.request,
+        "instance-options": e.instanceOptions,
+        onClose: n[0] || (n[0] = (s) => t.$emit("close"))
+      }, null, 8, ["request", "instance-options"]),
+      L(Mi, {
+        "active-tab": i.value,
+        onSelect: n[1] || (n[1] = (s) => i.value = s)
+      }, null, 8, ["active-tab"]),
+      f("div", oo, [
+        i.value === "split" ? (h(), F(so, {
+          key: 0,
+          request: e.request
+        }, null, 8, ["request"])) : i.value === "payload" ? (h(), F(Et, {
+          key: 1,
+          "query-params": e.request.queryParams,
+          payload: e.request.payload,
+          truncated: e.request.truncated
+        }, null, 8, ["query-params", "payload", "truncated"])) : i.value === "response" ? (h(), F(It, {
+          key: 2,
+          title: "Response",
+          data: e.request.response,
+          truncated: e.request.truncated
+        }, null, 8, ["data", "truncated"])) : i.value === "headers" ? (h(), y("div", lo, [
+          (h(true), y(N, null, W(e.request.requestHeaders, (s, o) => (h(), y("div", {
+            key: o,
+            class: "header-row"
+          }, [
+            f("span", ro, C(o), 1),
+            f("span", ao, C(s), 1)
+          ]))), 128)),
+          Object.keys(e.request.requestHeaders ?? {}).length ? M("", true) : (h(), y("p", co, " No request headers captured. "))
+        ])) : M("", true)
+      ])
+    ]));
+  }
+});
+var ho = /* @__PURE__ */ j(uo, [["__scopeId", "data-v-0b284849"]]);
+var fo = ["value"];
+var po = {
+  key: 0,
+  value: "",
+  disabled: ""
+};
+var mo = ["value"];
+var vo = /* @__PURE__ */ $({
+  __name: "SelectInput",
+  props: {
+    modelValue: {},
+    options: {},
+    placeholder: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (i, t) => (h(), y("select", {
+      class: "select-input",
+      value: e.modelValue,
+      onChange: t[0] || (t[0] = (n) => i.$emit("update:modelValue", n.target.value))
+    }, [
+      e.placeholder ? (h(), y("option", po, C(e.placeholder), 1)) : M("", true),
+      (h(true), y(N, null, W(e.options, (n) => (h(), y("option", {
+        key: n.value,
+        value: n.value
+      }, C(n.label), 9, mo))), 128))
+    ], 40, fo));
+  }
+});
+var go = /* @__PURE__ */ j(vo, [["__scopeId", "data-v-e6ef5dc9"]]);
+var yo = { class: "network-tab" };
+var bo = { class: "toolbar" };
+var wo = { class: "filter-bar" };
+var So = ["onClick"];
+var xo = { class: "filter-count" };
+var ko = {
+  key: 0,
+  width: "10",
+  height: "10",
+  viewBox: "0 0 10 10",
+  fill: "none"
+};
+var _o = {
+  key: 0,
+  width: "10",
+  height: "10",
+  viewBox: "0 0 10 10",
+  fill: "none"
+};
+var Io = {
+  key: 0,
+  style: { "font-size": "12px", color: "var(--dt-foreground-subtle)", padding: "16px" }
+};
+var Eo = {
+  key: 1,
+  class: "detail-pane"
+};
+var To = 180;
+var Mo = /* @__PURE__ */ $({
+  __name: "NetworkTab",
+  setup(e) {
+    const {
+      urlFilter: i,
+      statusFilter: t,
+      instanceFilter: n,
+      filteredRequests: s,
+      clearFilters: o,
+      selectedRequest: l,
+      selectedRequestId: r,
+      selectRequest: a,
+      instances: c
+    } = Vs(), { toolbarVisible: u, filterVisible: g, settingsOpen: d, toggleToolbar: w, toggleFilter: p, closeSettings: b } = Le(), v = O(() => [
+      { value: "all", label: "All instances" },
+      ...[...c.value.values()].map((I) => ({
+        value: I.id,
+        label: I.url ?? I.id
+      }))
+    ]), x = O(
+      () => {
+        var I, S;
+        return (I = l.value) != null && I.instanceId ? (S = c.value.get(l.value.instanceId)) == null ? void 0 : S.options : void 0;
+      }
+    ), T = [
+      { value: "all", label: "All" },
+      { value: "success", label: "Success" },
+      { value: "error", label: "Error" },
+      { value: "pending", label: "Pending" },
+      { value: "aborted", label: "Aborted" }
+    ], k = q(320), z = q(null);
+    let D = null;
+    function _(I) {
+      const S = I.clientX, E = k.value;
+      function V(Tt) {
+        const Mt = z.value ? z.value.offsetWidth * 0.7 : 800;
+        k.value = Math.max(To, Math.min(E + (Tt.clientX - S), Mt));
+      }
+      function ve() {
+        window.removeEventListener("mousemove", V), window.removeEventListener("mouseup", ve), D = null;
+      }
+      window.addEventListener("mousemove", V), window.addEventListener("mouseup", ve), D = () => {
+        window.removeEventListener("mousemove", V), window.removeEventListener("mouseup", ve);
+      }, I.preventDefault();
+    }
+    return he(() => {
+      D == null || D();
+    }), (I, S) => (h(), y("div", yo, [
+      ge(f("div", bo, [
+        ge(f("input", {
+          "onUpdate:modelValue": S[0] || (S[0] = (E) => Ne(i) ? i.value = E : null),
+          class: "toolbar-input",
+          placeholder: "Filter URL\u2026"
+        }, null, 512), [
+          [qt, m(i)]
+        ]),
+        L(go, {
+          modelValue: m(n),
+          "onUpdate:modelValue": S[1] || (S[1] = (E) => Ne(n) ? n.value = E : null),
+          options: v.value
+        }, null, 8, ["modelValue", "options"]),
+        f("button", {
+          class: "toolbar-btn",
+          onClick: S[2] || (S[2] = //@ts-ignore
+          (...E) => m(o) && m(o)(...E))
+        }, "Reset filters"),
+        f("button", {
+          class: "toolbar-btn toolbar-btn--danger",
+          onClick: S[3] || (S[3] = //@ts-ignore
+          (...E) => m(He) && m(He)(...E))
+        }, "Clear log")
+      ], 512), [
+        [We, m(u)]
+      ]),
+      ge(f("div", wo, [
+        (h(), y(N, null, W(T, (E) => f("button", {
+          key: E.value,
+          class: P(["filter-pill", { "filter-pill--active": m(t) === E.value }]),
+          onClick: (V) => t.value = E.value
+        }, C(E.label), 11, So)), 64)),
+        f("span", xo, C(m(s).length) + " request" + C(m(s).length === 1 ? "" : "s"), 1)
+      ], 512), [
+        [We, m(g)]
+      ]),
+      (h(), F($t, { to: "body" }, [
+        m(d) ? (h(), y("div", {
+          key: 0,
+          style: { position: "fixed", inset: "0", "z-index": "99" },
+          onClick: S[4] || (S[4] = //@ts-ignore
+          (...E) => m(b) && m(b)(...E))
+        })) : M("", true)
+      ])),
+      L(ze, { name: "settings-menu" }, {
+        default: Ae(() => [
+          m(d) ? (h(), y("div", {
+            key: 0,
+            class: "settings-menu",
+            onKeydown: S[7] || (S[7] = Lt(
+              //@ts-ignore
+              (...E) => m(b) && m(b)(...E),
+              ["escape"]
+            ))
+          }, [
+            f("button", {
+              class: "settings-item",
+              onClick: S[5] || (S[5] = //@ts-ignore
+              (...E) => m(w) && m(w)(...E))
+            }, [
+              f("span", {
+                class: P(["settings-check", { "settings-check--on": m(u) }])
+              }, [
+                m(u) ? (h(), y("svg", ko, [...S[9] || (S[9] = [
+                  f("path", {
+                    d: "M1.5 5L4 7.5L8.5 2.5",
+                    stroke: "currentColor",
+                    "stroke-width": "1.5",
+                    "stroke-linecap": "round"
+                  }, null, -1)
+                ])])) : M("", true)
+              ], 2),
+              S[10] || (S[10] = ce(" Toolbar ", -1))
+            ]),
+            f("button", {
+              class: "settings-item",
+              onClick: S[6] || (S[6] = //@ts-ignore
+              (...E) => m(p) && m(p)(...E))
+            }, [
+              f("span", {
+                class: P(["settings-check", { "settings-check--on": m(g) }])
+              }, [
+                m(g) ? (h(), y("svg", _o, [...S[11] || (S[11] = [
+                  f("path", {
+                    d: "M1.5 5L4 7.5L8.5 2.5",
+                    stroke: "currentColor",
+                    "stroke-width": "1.5",
+                    "stroke-linecap": "round"
+                  }, null, -1)
+                ])])) : M("", true)
+              ], 2),
+              S[12] || (S[12] = ce(" Filter bar ", -1))
+            ])
+          ], 32)) : M("", true)
+        ]),
+        _: 1
+      }),
+      f("div", {
+        ref_key: "splitRef",
+        ref: z,
+        class: "main-split"
+      }, [
+        f("div", {
+          class: "list-pane",
+          style: K(m(l) ? { width: `${k.value}px` } : { flex: "1" })
+        }, [
+          L(gi, {
+            requests: m(s),
+            "active-request-id": m(r),
+            onSelect: m(a)
+          }, null, 8, ["requests", "active-request-id", "onSelect"]),
+          m(s).length === 0 ? (h(), y("div", Io, " No requests. ")) : M("", true)
+        ], 4),
+        m(l) ? (h(), y("div", {
+          key: 0,
+          class: "drag-handle",
+          onMousedown: _
+        }, null, 32)) : M("", true),
+        m(l) ? (h(), y("div", Eo, [
+          L(ho, {
+            request: m(l),
+            "instance-options": x.value,
+            onClose: S[8] || (S[8] = (E) => m(a)(null))
+          }, null, 8, ["request", "instance-options"])
+        ])) : M("", true)
+      ], 512)
+    ]));
+  }
+});
+var Co = /* @__PURE__ */ j(Mo, [["__scopeId", "data-v-8c2a9bad"]]);
+var Oo = {
+  id: "network",
+  label: "Network",
+  icon: "lucide:network",
+  order: 1,
+  component: Co
+};
+function Ao(e, i) {
+  return Ft(e), Be(Oo), e.tabs && e.tabs.forEach((t) => Be(t)), Rs(), {
+    onInstanceCreated: Wt,
+    onInstanceDestroyed: Ht,
+    onStateUpdate: Bt,
+    onRequestStart: Kt,
+    onRequestEnd: Ut
+  };
+}
+
 // src/devtools.ts
 var bridge = null;
 var requestCounter = 0;
@@ -10,14 +3638,9 @@ function nextRequestId() {
 }
 async function initDevtools(options, app) {
   if (!options.enabled) return;
-  try {
-    const { createBridge } = await import("@ametie/vue-muza-devtools");
-    bridge = createBridge(options, app);
-    for (const fn of pendingCalls) fn();
-    pendingCalls.length = 0;
-  } catch {
-    console.warn("[vue-muza-use] devtools enabled but @ametie/vue-muza-devtools is not installed");
-  }
+  bridge = Ao(options, app);
+  for (const fn2 of pendingCalls) fn2();
+  pendingCalls.length = 0;
 }
 var devtoolsBridge = {
   onInstanceCreated(id, url, options) {
@@ -76,7 +3699,7 @@ var DebounceCancelledError = class extends Error {
     this.name = "DebounceCancelledError";
   }
 };
-function debounceFn(fn, delay) {
+function debounceFn(fn2, delay) {
   let timeoutId = null;
   let pendingReject = null;
   return function(...args) {
@@ -93,7 +3716,7 @@ function debounceFn(fn, delay) {
         pendingReject = null;
         timeoutId = null;
         try {
-          resolve(await fn(...args));
+          resolve(await fn2(...args));
         } catch (err) {
           reject(err);
         }
@@ -290,7 +3913,7 @@ function normalizeCacheOptions(cache) {
   }
   return { id: cache.id, staleTime: cache.staleTime ?? DEFAULT_STALE_TIME, swr: cache.swr ?? false };
 }
-function cancellableSleep(ms, signal) {
+function cancellableSleep(ms2, signal) {
   return new Promise((resolve) => {
     if (signal.aborted) {
       resolve(true);
@@ -299,7 +3922,7 @@ function cancellableSleep(ms, signal) {
     const timer = setTimeout(() => {
       cleanup();
       resolve(false);
-    }, ms);
+    }, ms2);
     const onAbort = () => {
       clearTimeout(timer);
       cleanup();
@@ -415,13 +4038,13 @@ function useApi(url, options = {}) {
     let globalAbortHandler = null;
     let subscribedSignal = null;
     if (globalAbort) {
-      const gs = globalAbort.getSignal();
-      if (!gs.aborted) {
-        subscribedSignal = gs;
+      const gs2 = globalAbort.getSignal();
+      if (!gs2.aborted) {
+        subscribedSignal = gs2;
         globalAbortHandler = () => {
           controller.abort("Cancelled by global abort");
         };
-        gs.addEventListener("abort", globalAbortHandler);
+        gs2.addEventListener("abort", globalAbortHandler);
       }
     }
     if (!isRevalidating) {
@@ -997,8 +4620,8 @@ var defaultMonitor = (type, payload) => {
   }
 };
 var currentMonitor = defaultMonitor;
-function setAuthMonitor(fn) {
-  currentMonitor = fn;
+function setAuthMonitor(fn2) {
+  currentMonitor = fn2;
 }
 function trackAuthEvent(type, payload = {}) {
   currentMonitor(type, { ...payload, timestamp: (/* @__PURE__ */ new Date()).toISOString() });