@vue/devtools-applet 7.5.5 → 7.5.6

package/dist/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as B, withDirectives as W, openBlock as p, createElementBlock as v, normalizeStyle as Ie, unref as u, createTextVNode as ne, toDisplayString as le, mergeModels as ze, useModel as et, Fragment as te, renderList as ae, normalizeClass as ie, createBlock as z, toValue as vt, ref as T, computed as V, h as Yt, provide as ge, inject as ve, createElementVNode as r, renderSlot as tt, createCommentVNode as U, isRef as Ke, watch as Q, onMounted as St, nextTick as Be, readonly as Xt, getCurrentScope as Qt, onScopeDispose as en, getCurrentInstance as nt, reactive as mt, shallowRef as ht, toRaw as Tt, mergeProps as ke, withModifiers as fe, withCtx as H, createVNode as y, watchEffect as ot, onUnmounted as be, vShow as tn, createStaticVNode as nn } from "vue";
+import { defineComponent as B, withDirectives as W, openBlock as p, createElementBlock as v, normalizeStyle as Ie, unref as u, createTextVNode as ne, toDisplayString as le, mergeModels as ze, useModel as et, Fragment as te, renderList as ae, normalizeClass as ie, createBlock as z, toValue as vt, ref as T, computed as V, h as Yt, provide as ge, inject as ve, createElementVNode as r, renderSlot as tt, createCommentVNode as O, isRef as Ke, watch as Q, onMounted as St, nextTick as Be, readonly as Xt, getCurrentScope as Qt, onScopeDispose as en, getCurrentInstance as nt, reactive as mt, shallowRef as ht, toRaw as Tt, mergeProps as ke, withModifiers as fe, withCtx as H, createVNode as y, watchEffect as ot, onUnmounted as be, vShow as tn, createStaticVNode as nn } from "vue";
 import { vTooltip as J, VueButton as de, VueIcon as oe, VueDropdown as on, VueDropdownButton as gt, VueInput as Ze, VueIcIcon as Fe, VueCodeBlock as ln, VueDialog as sn, VueSwitch as an, VueSelect as rn } from "@vue/devtools-ui";
 import { isPlainObject as un, UNDEFINED as cn, NAN as dn, INFINITY as pn, NEGATIVE_INFINITY as fn, getRaw as Et, toSubmit as Ue, formatInspectorStateValue as vn, getInspectorStateValueType as Ct, toEdit as mn, parse as X } from "@vue/devtools-kit";
-import { rpc as D, useDevToolsState as Vt, DevToolsMessagingEvents as q, onRpcConnected as Re } from "@vue/devtools-core";
+import { rpc as P, useDevToolsState as Vt, DevToolsMessagingEvents as q, onRpcConnected as Re } from "@vue/devtools-core";
 import { Splitpanes as Ae, Pane as ue } from "splitpanes";
 import { isArray as _t, isObject as xt, sortByKey as Nt, isInSeparateWindow as hn, isInChromePanel as yt } from "@vue/devtools-shared";
 import { debounce as gn } from "perfect-debounce";
@@ -164,7 +164,7 @@ const En = {
           title: "Star on GitHub"
         }, t[2] || (t[2] = [
           r("i", { class: "i-mdi:github cursor-pointer op70 text-base hover:op100" }, null, -1)
-        ]), 8, Nn)) : U("", !0)
+        ]), 8, Nn)) : O("", !0)
       ])
     ]));
   }
@@ -358,7 +358,7 @@ function Jn(n, e = !0, o) {
 function Qe(n, e = !1) {
   function o(a, { flush: m = "sync", deep: E = !1, timeout: A, throwOnTimeout: g } = {}) {
     let $ = null;
-    const P = [new Promise((_) => {
+    const D = [new Promise((_) => {
       $ = Q(
         n,
         (C) => {
@@ -371,20 +371,20 @@ function Qe(n, e = !1) {
         }
       );
     })];
-    return A != null && P.push(
+    return A != null && D.push(
       kt(A, g).then(() => ee(n)).finally(() => $ == null ? void 0 : $())
-    ), Promise.race(P);
+    ), Promise.race(D);
   }
   function t(a, m) {
     if (!Ke(a))
       return o((C) => C === a, m);
     const { flush: E = "sync", deep: A = !1, timeout: g, throwOnTimeout: $ } = m ?? {};
-    let O = null;
+    let U = null;
     const _ = [new Promise((C) => {
-      O = Q(
+      U = Q(
         [n, a],
         ([S, L]) => {
-          e !== (S === L) && (O ? O() : Be(() => O == null ? void 0 : O()), C(S));
+          e !== (S === L) && (U ? U() : Be(() => U == null ? void 0 : U()), C(S));
         },
         {
           flush: E,
@@ -394,7 +394,7 @@ function Qe(n, e = !1) {
       );
     })];
     return g != null && _.push(
-      kt(g, $).then(() => ee(n)).finally(() => (O == null || O(), ee(n)))
+      kt(g, $).then(() => ee(n)).finally(() => (U == null || U(), ee(n)))
     ), Promise.race(_);
   }
   function s(a) {
@@ -576,24 +576,24 @@ function to(n = {}) {
     legacy: l = !1
   } = n, i = dt(() => e && "clipboard" in e), c = It("clipboard-read"), d = It("clipboard-write"), h = V(() => i.value || l), f = T(""), a = T(!1), m = Yn(() => a.value = !1, s);
   function E() {
-    i.value && O(c.value) ? e.clipboard.readText().then((P) => {
-      f.value = P;
+    i.value && U(c.value) ? e.clipboard.readText().then((D) => {
+      f.value = D;
     }) : f.value = $();
   }
   h.value && o && he(["copy", "cut"], E);
-  async function A(P = ee(t)) {
-    h.value && P != null && (i.value && O(d.value) ? await e.clipboard.writeText(P) : g(P), f.value = P, a.value = !0, m.start());
+  async function A(D = ee(t)) {
+    h.value && D != null && (i.value && U(d.value) ? await e.clipboard.writeText(D) : g(D), f.value = D, a.value = !0, m.start());
   }
-  function g(P) {
+  function g(D) {
     const _ = document.createElement("textarea");
-    _.value = P ?? "", _.style.position = "absolute", _.style.opacity = "0", document.body.appendChild(_), _.select(), document.execCommand("copy"), _.remove();
+    _.value = D ?? "", _.style.position = "absolute", _.style.opacity = "0", document.body.appendChild(_), _.select(), document.execCommand("copy"), _.remove();
   }
   function $() {
-    var P, _, C;
-    return (C = (_ = (P = document == null ? void 0 : document.getSelection) == null ? void 0 : P.call(document)) == null ? void 0 : _.toString()) != null ? C : "";
+    var D, _, C;
+    return (C = (_ = (D = document == null ? void 0 : document.getSelection) == null ? void 0 : D.call(document)) == null ? void 0 : _.toString()) != null ? C : "";
   }
-  function O(P) {
-    return P === "granted" || P === "prompt";
+  function U(D) {
+    return D === "granted" || D === "prompt";
   }
   return {
     isSupported: h,
@@ -704,8 +704,8 @@ function ao(n = {}) {
       a(g, !1);
   }
   function E(g, $) {
-    var O, P;
-    const _ = (O = g.key) == null ? void 0 : O.toLowerCase(), S = [(P = g.code) == null ? void 0 : P.toLowerCase(), _].filter(Boolean);
+    var U, D;
+    const _ = (U = g.key) == null ? void 0 : U.toLowerCase(), S = [(D = g.code) == null ? void 0 : D.toLowerCase(), _].filter(Boolean);
     _ && ($ ? i.add(_) : i.delete(_));
     for (const L of S)
       f.add(L), a(L, $);
@@ -717,17 +717,17 @@ function ao(n = {}) {
   const A = new Proxy(
     d,
     {
-      get(g, $, O) {
+      get(g, $, U) {
         if (typeof $ != "string")
-          return Reflect.get(g, $, O);
+          return Reflect.get(g, $, U);
         if ($ = $.toLowerCase(), $ in t && ($ = t[$]), !($ in d))
           if (/[+_-]/.test($)) {
             const _ = $.split(/[+_-]/g).map((C) => C.trim());
             d[$] = V(() => _.every((C) => ee(A[C])));
           } else
             d[$] = T(!1);
-        const P = Reflect.get(g, $, O);
-        return e ? ee(P) : P;
+        const D = Reflect.get(g, $, U);
+        return e ? ee(D) : D;
       }
     }
   );
@@ -745,11 +745,11 @@ function io(n, e, o, t = {}) {
   } = t, E = nt(), A = o || (E == null ? void 0 : E.emit) || ((s = E == null ? void 0 : E.$emit) == null ? void 0 : s.bind(E)) || ((i = (l = E == null ? void 0 : E.proxy) == null ? void 0 : l.$emit) == null ? void 0 : i.bind(E == null ? void 0 : E.proxy));
   let g = h;
   g = g || `update:${e.toString()}`;
-  const $ = (_) => c ? typeof c == "function" ? c(_) : no(_) : _, O = () => Un(n[e]) ? $(n[e]) : a, P = (_) => {
+  const $ = (_) => c ? typeof c == "function" ? c(_) : no(_) : _, U = () => Un(n[e]) ? $(n[e]) : a, D = (_) => {
     m ? m(_) && A(g, _) : A(g, _);
   };
   if (d) {
-    const _ = O(), C = T(_);
+    const _ = U(), C = T(_);
     let S = !1;
     return Q(
       () => n[e],
@@ -759,17 +759,17 @@ function io(n, e, o, t = {}) {
     ), Q(
       C,
       (L) => {
-        !S && (L !== n[e] || f) && P(L);
+        !S && (L !== n[e] || f) && D(L);
       },
       { deep: f }
     ), C;
   } else
     return V({
       get() {
-        return O();
+        return U();
       },
       set(_) {
-        P(_);
+        D(_);
       }
     });
 }
@@ -807,7 +807,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
       "opacity-0": !e.hovering
     }));
     async function m(A, g = !1) {
-      await D.value.editInspectorState({
+      await P.value.editInspectorState({
         path: e.data.path || [e.data.key],
         inspectorId: o.value.inspectorId,
         type: e.data.stateType,
@@ -818,7 +818,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
           type: h.value,
           remove: g
         }
-      }), await D.value.sendInspectorState(o.value.inspectorId);
+      }), await P.value.sendInspectorState(o.value.inspectorId);
     }
     function E(A, g) {
       const $ = typeof A == "number" ? A + g : BigInt(A) + BigInt(g);
@@ -852,8 +852,8 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
             [u(J), {
               content: "Add new value"
             }]
-          ]) : U("", !0)
-        ], 64)) : U("", !0),
+          ]) : O("", !0)
+        ], 64)) : O("", !0),
         h.value === "boolean" ? (p(), z(u(de), ke({ key: 1 }, f, {
           class: a.value,
           onClick: g[2] || (g[2] = ($) => m(!c.value))
@@ -883,8 +883,8 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
             ]),
             _: 1
           }, 16, ["class"])
-        ], 64)) : U("", !0)
-      ], 64)) : U("", !0),
+        ], 64)) : O("", !0)
+      ], 64)) : O("", !0),
       !e.disableEdit && A.depth > 0 && A.data.editable ? (p(), z(u(de), ke({ key: 1 }, f, {
         class: a.value,
         onClick: g[5] || (g[5] = fe(($) => m(c.value, !0), ["stop"]))
@@ -893,7 +893,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
           y(u(oe), { icon: "i-material-symbols-delete-rounded" })
         ]),
         _: 1
-      }, 16, ["class"])) : U("", !0),
+      }, 16, ["class"])) : O("", !0),
       y(u(on), {
         class: ie({
           "opacity-0": !A.hovering && !l.value
@@ -1018,7 +1018,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
             content: "Enter to submit change"
           }]
         ])
-      ], 64)) : U("", !0)
+      ], 64)) : O("", !0)
     ]));
   }
 }), vo = {
@@ -1080,7 +1080,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
         editable: e.data.editable && !se,
         creating: !1
       })), s.value !== "custom" && (re = Nt(re))), re === e.data.value ? [] : re);
-    }), A = V(() => E.value.length > 0), g = T(), $ = it(), { isHovering: O } = ro(() => g.value), { editingType: P, editing: _, editingText: C, toggleEditing: S, nodeId: L } = Hn();
+    }), A = V(() => E.value.length > 0), g = T(), $ = it(), { isHovering: U } = ro(() => g.value), { editingType: D, editing: _, editingText: C, toggleEditing: S, nodeId: L } = Hn();
     Q(() => _.value, (x) => {
       if (x) {
         const { value: R } = l.value;
@@ -1090,17 +1090,17 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
     });
     async function K() {
       const x = e.data;
-      await D.value.editInspectorState({
+      await P.value.editInspectorState({
         path: f.value,
         inspectorId: $.value.inspectorId,
         type: x.stateType,
         nodeId: L.value,
         state: {
           newKey: null,
-          type: P.value,
+          type: D.value,
           value: Ue(C.value, l.value.customType)
         }
-      }), await D.value.sendInspectorState($.value.inspectorId), S();
+      }), await P.value.sendInspectorState($.value.inspectorId), S();
     }
     const { addNewProp: Z, draftingNewProp: N, resetDrafting: M } = On();
     function w(x) {
@@ -1109,7 +1109,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
     }
     async function k() {
       const x = e.data;
-      await D.value.editInspectorState({
+      await P.value.editInspectorState({
         path: [...f.value, N.value.key],
         inspectorId: $.value.inspectorId,
         type: x.stateType,
@@ -1119,7 +1119,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
           type: typeof Ue(N.value.value),
           value: Ue(N.value.value)
         }
-      }), await D.value.sendInspectorState($.value.inspectorId), M();
+      }), await P.value.sendInspectorState($.value.inspectorId), M();
     }
     return (x, R) => (p(), v("div", null, [
       r("div", {
@@ -1143,7 +1143,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
           "custom-type": l.value.customType,
           onCancel: u(S),
           onSubmit: K
-        }, null, 8, ["modelValue", "custom-type", "onCancel"])) : U("", !0),
+        }, null, 8, ["modelValue", "custom-type", "onCancel"])) : O("", !0),
         r("span", {
           class: ie([d.value, "flex whitespace-nowrap"])
         }, [
@@ -1153,7 +1153,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
           }, null, 8, ho)
         ], 2),
         y(po, {
-          hovering: u(O),
+          hovering: u(U),
           "disable-edit": u($).disableEdit || u(_),
           data: x.data,
           depth: x.depth,
@@ -1180,7 +1180,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
           _: 1
         })), [
           [u(J), "Show more"]
-        ]) : U("", !0),
+        ]) : O("", !0),
         u(N).enable ? (p(), v("div", {
           key: 1,
           style: Ie({ paddingLeft: `${(x.depth + 1) * 15 + 4}px` })
@@ -1200,8 +1200,8 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
             onCancel: u(M),
             onSubmit: k
           }, null, 8, ["modelValue", "onCancel"])
-        ], 4)) : U("", !0)
-      ])) : U("", !0)
+        ], 4)) : O("", !0)
+      ])) : O("", !0)
     ]));
   }
 }), xo = /* @__PURE__ */ Ce(_o, [["__scopeId", "data-v-18a10784"]]), Ut = /* @__PURE__ */ B({
@@ -1271,7 +1271,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
             index: `${f}`,
             "expanded-state-id": i.expandedStateId
           }, null, 8, ["data", "index", "expanded-state-id"])
-        ])) : U("", !0)
+        ])) : O("", !0)
       ]))), 128))
     ]));
   }
@@ -1329,7 +1329,7 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
               class: "absolute top-1.5 inline-block h3 w3 b rounded-50%",
               style: Ie({ border: `3px solid ${d.color}` })
             }, null, 4),
-            d.id < i.data.length - 1 ? (p(), v("span", So)) : U("", !0),
+            d.id < i.data.length - 1 ? (p(), v("span", So)) : O("", !0),
             r("p", To, [
               r("span", Eo, "[" + le(u(yn)(d.time)) + "]", 1),
               ne(" " + le(d.title) + " ", 1),
@@ -1354,7 +1354,10 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
   "select-none": "",
   "overflow-scroll": "",
   class: "no-scrollbar"
-}, Mo = { class: "absolute right-3 top-12 flex items-center justify-end b-1 border-base rounded-1 b-solid px2 py1" }, Lo = { class: "flex items-center gap-2 px-1" }, Ho = {
+}, Mo = {
+  key: 3,
+  class: "absolute right-3 top-12 flex items-center justify-end b-1 border-base rounded-1 b-solid px2 py1"
+}, Lo = { class: "flex items-center gap-2 px-1" }, Ho = {
   key: 0,
   class: "recording recording-btn bg-[#ef4444]"
 }, jo = {
@@ -1367,28 +1370,29 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
     pluginId: {},
     docLink: {},
     githubRepoLink: {},
-    headerVisible: { type: Boolean, default: !0 }
+    headerVisible: { type: Boolean, default: !0 },
+    switcherVisible: { type: Boolean, default: !0 }
   },
   setup(n, { expose: e }) {
     const o = n, { expanded: t } = me("timeline-state");
     t.value = ["0", "1"];
     const s = T([]), l = T(/* @__PURE__ */ new Map()), i = T(0), c = Vt(), d = V(() => {
-      var P;
-      return (P = c.timelineLayersState.value) == null ? void 0 : P[o.pluginId];
+      var D;
+      return (D = c.timelineLayersState.value) == null ? void 0 : D[o.pluginId];
     }), h = V(() => s.value[i.value] ?? null), f = V(() => d.value ? "Stop recording" : "Start recording"), a = V(() => {
       var _;
-      const P = [];
+      const D = [];
       for (const C in (_ = h.value) == null ? void 0 : _.data)
-        P.push({
+        D.push({
           key: C,
           type: C,
           editable: !1,
           value: h.value.data[C]
         });
-      return P;
+      return D;
     }), m = V(() => {
       var C, S, L;
-      const P = (C = h.value) == null ? void 0 : C.groupId, _ = l.value.get(P);
+      const D = (C = h.value) == null ? void 0 : C.groupId, _ = l.value.get(D);
       if (_) {
         const K = ((S = _[_.length - 1]) == null ? void 0 : S.time) - (((L = _[0]) == null ? void 0 : L.time) ?? 0);
         return [{
@@ -1404,20 +1408,20 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
         }].filter(Boolean);
       }
     }), E = V(() => ({ "Event Info": a.value, ...m.value && { "Group Info": m.value } }));
-    function A(P) {
+    function A(D) {
       var C;
-      const _ = P.groupId;
-      _ !== void 0 && (l.value.set(_, l.value.get(_) ?? []), (C = l.value.get(_)) == null || C.push(P));
+      const _ = D.groupId;
+      _ !== void 0 && (l.value.set(_, l.value.get(_) ?? []), (C = l.value.get(_)) == null || C.push(D));
     }
-    function g(P) {
-      const _ = X(P);
+    function g(D) {
+      const _ = X(D);
       if (!_)
         return;
       const { layerId: C, event: S } = _;
       o.layerIds.includes(C) && (s.value.push(S), A(S));
     }
-    D.functions.on(q.TIMELINE_EVENT_UPDATED, g), be(() => {
-      D.functions.off(q.TIMELINE_EVENT_UPDATED, g);
+    P.functions.on(q.TIMELINE_EVENT_UPDATED, g), be(() => {
+      P.functions.off(q.TIMELINE_EVENT_UPDATED, g);
     });
     function $() {
       s.value = [], l.value.clear();
@@ -1425,22 +1429,22 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
     e({
       clear: $
     });
-    function O() {
-      D.value.updateTimelineLayersState({
+    function U() {
+      P.value.updateTimelineLayersState({
         [o.pluginId]: !d.value
       });
     }
-    return (P, _) => (p(), v("div", Ro, [
-      P.headerVisible ? (p(), z($e, {
+    return (D, _) => (p(), v("div", Ro, [
+      D.headerVisible ? (p(), z($e, {
         key: 0,
-        "doc-link": P.docLink,
-        "github-repo-link": P.githubRepoLink
+        "doc-link": D.docLink,
+        "github-repo-link": D.githubRepoLink
       }, {
         default: H(() => [
           y(Se)
         ]),
         _: 1
-      }, 8, ["doc-link", "github-repo-link"])) : U("", !0),
+      }, 8, ["doc-link", "github-repo-link"])) : O("", !0),
       s.value.length ? (p(), v("div", Ao, [
         y(u(Ae), { class: "h-full" }, {
           default: H(() => [
@@ -1487,11 +1491,11 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
         ])),
         _: 1
       })),
-      r("div", Mo, [
+      D.switcherVisible ? (p(), v("div", Mo, [
         r("div", Lo, [
           W((p(), v("div", {
             class: "flex items-center gap1",
-            onClick: O
+            onClick: U
           }, [
             d.value ? (p(), v("span", Ho)) : (p(), v("span", jo))
           ])), [
@@ -1538,10 +1542,10 @@ const uo = { class: "flex pl5px" }, co = { class: "w160px py5px" }, po = /* @__P
             ]
           ])
         ])
-      ])
+      ])) : O("", !0)
     ]));
   }
-}), pt = /* @__PURE__ */ Ce(Uo, [["__scopeId", "data-v-27e6deca"]]);
+}), pt = /* @__PURE__ */ Ce(Uo, [["__scopeId", "data-v-f59e6cce"]]);
 function ns() {
   const n = T([]), e = T([]);
   function o(s) {
@@ -1550,17 +1554,17 @@ function ns() {
     });
   }
   Re(() => {
-    D.value.getCustomInspector().then((s) => {
+    P.value.getCustomInspector().then((s) => {
       e.value = s, e.value.forEach((l) => {
         t(l);
       });
-    }), D.functions.on(q.INSPECTOR_UPDATED, o);
+    }), P.functions.on(q.INSPECTOR_UPDATED, o);
   });
   function t(s) {
     n.value.some((l) => l.id === s.id) || n.value.push(s);
   }
   return be(() => {
-    D.functions.off(q.INSPECTOR_UPDATED, o);
+    P.functions.off(q.INSPECTOR_UPDATED, o);
   }), {
     registeredInspector: n,
     register: t
@@ -1639,9 +1643,9 @@ const Zo = ["onClick", "onDblclick"], Fo = {
             onClick: fe((m) => u(t)(d.id), ["stop"])
           }, null, 8, ["value", "onClick"])) : (p(), v("span", Fo)),
           r("span", Go, [
-            i.withTag ? (p(), v("span", Ko, "<")) : U("", !0),
+            i.withTag ? (p(), v("span", Ko, "<")) : O("", !0),
             r("span", Wo, le(s(d)), 1),
-            i.withTag ? (p(), v("span", qo, ">")) : U("", !0)
+            i.withTag ? (p(), v("span", qo, ">")) : O("", !0)
           ]),
           (p(!0), v(te, null, ae(d.tags, (m, E) => (p(), z(Pt, {
             key: E,
@@ -1656,7 +1660,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
             depth: i.depth + 1,
             "with-tag": i.withTag
           }, null, 8, ["modelValue", "data", "depth", "with-tag"])
-        ])) : U("", !0)
+        ])) : O("", !0)
       ], 2);
     }), 128));
   }
@@ -1726,13 +1730,13 @@ const Zo = ["onClick", "onDblclick"], Fo = {
       };
       return j(I), b;
     }
-    function O(I, b) {
+    function U(I, b) {
       const j = [];
       return I == null || I.forEach((G) => {
         j.push(...G.slice(0, b + 1));
       }), [...new Set(j)];
     }
-    function P(I, b) {
+    function D(I, b) {
       const j = [];
       return I.forEach((G) => {
         const Y = G.indexOf(b);
@@ -1773,10 +1777,10 @@ const Zo = ["onClick", "onDblclick"], Fo = {
     }), { expanded: k } = me(), { expanded: x } = me("component-state");
     zo();
     async function R(I = "") {
-      return D.value.getInspectorTree({ inspectorId: Ve, filter: I }).then((b) => {
+      return P.value.getInspectorTree({ inspectorId: Ve, filter: I }).then((b) => {
         var G, Y;
         const j = X(b);
-        _.value = j, Z.value = (Y = (G = _.value) == null ? void 0 : G[0]) == null ? void 0 : Y.id, k.value = O(C.value, 1), a.value = !0;
+        _.value = j, Z.value = (Y = (G = _.value) == null ? void 0 : G[0]) == null ? void 0 : Y.id, k.value = U(C.value, 1), a.value = !0;
       });
     }
     function F(I) {
@@ -1788,7 +1792,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
       }), b;
     }
     function se(I) {
-      D.value.getInspectorState({ inspectorId: Ve, nodeId: I }).then((b) => {
+      P.value.getInspectorState({ inspectorId: Ve, nodeId: I }).then((b) => {
         const j = X(b);
         j && (K.value = F(j), x.value = Array.from({ length: Object.keys(K.value).length }, (G, Y) => `${Y}`));
       });
@@ -1800,7 +1804,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
       const b = X(I);
       b.inspectorId !== Ve || b.nodeId !== Z.value || (K.value = F({ state: b.state.state }));
     }
-    D.functions.on(q.INSPECTOR_STATE_UPDATED, re), R();
+    P.functions.on(q.INSPECTOR_STATE_UPDATED, re), R();
     function ce(I) {
       const b = I.trim().toLowerCase();
       f(), R(b).then(() => {
@@ -1813,32 +1817,32 @@ const Zo = ["onClick", "onDblclick"], Fo = {
     function _e(I) {
       var j, G;
       const b = X(I);
-      b.inspectorId === Ve && (c.value ? ce(c.value) : _.value = b.rootNodes, L.value.includes(Z.value) || (Z.value = (G = (j = _.value) == null ? void 0 : j[0]) == null ? void 0 : G.id, k.value = O(C.value, 1)));
+      b.inspectorId === Ve && (c.value ? ce(c.value) : _.value = b.rootNodes, L.value.includes(Z.value) || (Z.value = (G = (j = _.value) == null ? void 0 : j[0]) == null ? void 0 : G.id, k.value = U(C.value, 1)));
     }
-    D.functions.on(q.INSPECTOR_TREE_UPDATED, _e), be(() => {
-      D.functions.off(q.INSPECTOR_STATE_UPDATED, re), D.functions.off(q.INSPECTOR_TREE_UPDATED, _e);
+    P.functions.on(q.INSPECTOR_TREE_UPDATED, _e), be(() => {
+      P.functions.off(q.INSPECTOR_STATE_UPDATED, re), P.functions.off(q.INSPECTOR_TREE_UPDATED, _e);
     });
     function xe() {
-      m.value = !0, o("onInspectComponentStart"), D.value.inspectComponentInspector().then((I) => {
+      m.value = !0, o("onInspectComponentStart"), P.value.inspectComponentInspector().then((I) => {
         const b = JSON.parse(I);
-        Z.value = b.id, k.value.includes(b.id) || k.value.push(b.id), k.value = [.../* @__PURE__ */ new Set([...k.value, ...P(C.value, b.id)])], Gt();
+        Z.value = b.id, k.value.includes(b.id) || k.value.push(b.id), k.value = [.../* @__PURE__ */ new Set([...k.value, ...D(C.value, b.id)])], Gt();
       }).finally(() => {
         m.value = !1, o("onInspectComponentEnd");
       });
     }
     function Le() {
-      m.value = !1, D.value.cancelInspectComponentInspector();
+      m.value = !1, P.value.cancelInspectComponentInspector();
     }
     function He() {
-      D.value.scrollToComponent(Z.value);
+      P.value.scrollToComponent(Z.value);
     }
     function je() {
-      D.value.inspectDOM(Z.value).then(() => {
+      P.value.inspectDOM(Z.value).then(() => {
         chrome.devtools.inspectedWindow.eval("inspect(window.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__)");
       });
     }
     function Oe() {
-      D.value.getComponentRenderCode(Z.value).then((I) => {
+      P.value.getComponentRenderCode(Z.value).then((I) => {
         E.value = I, A.value = !0;
       });
     }
@@ -1867,7 +1871,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
       Ye.value = Je.activeAppRecordId.value;
     });
     function qt(I) {
-      D.value.toggleApp(I).then(() => {
+      P.value.toggleApp(I).then(() => {
         Z.value = "", R();
       });
     }
@@ -1897,7 +1901,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
               ])
             ]),
             _: 1
-          })) : U("", !0),
+          })) : O("", !0),
           y(u(ue), {
             border: "base",
             "h-full": ""
@@ -1913,7 +1917,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
                     placeholder: "Find components...",
                     class: "flex-1 text-3.5"
                   }, null, 8, ["modelValue", "loading"]),
-                  u(hn) ? U("", !0) : W((p(), v("button", {
+                  u(hn) ? O("", !0) : W((p(), v("button", {
                     key: 0,
                     "px-1": "",
                     class: "hover:color-#00dc82",
@@ -1946,7 +1950,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
                     "with-tag": !0
                   }, null, 8, ["modelValue", "data"])
                 ], 512)
-              ])) : U("", !0)
+              ])) : O("", !0)
             ]),
             _: 1
           }),
@@ -1963,7 +1967,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
                       b[7] || (b[7] = r("span", { class: "text-gray-400 dark:text-gray-600" }, "<", -1)),
                       r("span", rl, le(N.value.name), 1),
                       b[8] || (b[8] = r("span", { class: "text-gray-400 dark:text-gray-600" }, ">", -1))
-                    ])) : U("", !0),
+                    ])) : O("", !0),
                     y(u(Ze), {
                       modelValue: d.value,
                       "onUpdate:modelValue": b[3] || (b[3] = (G) => d.value = G),
@@ -2005,7 +2009,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
                           void 0,
                           { bottom: !0 }
                         ]
-                      ]) : U("", !0),
+                      ]) : O("", !0),
                       M.value ? W((p(), v("i", {
                         key: 1,
                         class: "i-carbon-launch h-4 w-4 cursor-pointer hover:op-70",
@@ -2017,7 +2021,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
                           void 0,
                           { bottom: !0 }
                         ]
-                      ]) : U("", !0)
+                      ]) : O("", !0)
                     ])
                   ]),
                   y(Pe, {
@@ -2032,7 +2036,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
                   key: 0,
                   code: E.value,
                   onClose: Kt
-                }, null, 8, ["code"])) : U("", !0)
+                }, null, 8, ["code"])) : O("", !0)
               ];
             }),
             _: 1
@@ -2083,7 +2087,7 @@ const Zo = ["onClick", "onDblclick"], Fo = {
           ])
         ]),
         _: 1
-      }, 8, ["modelValue"])) : U("", !0)
+      }, 8, ["modelValue"])) : O("", !0)
     ]));
   }
 }), os = /* @__PURE__ */ Ce(vl, [["__scopeId", "data-v-38589395"]]), ml = {}, hl = { class: "h-screen w-screen $ui-fcc flex-col" };
@@ -2182,7 +2186,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
           r("div", Il, [
             r("div", $l, [
               r("span", Sl, [
-                t.value ? U("", !0) : (p(), v("span", Tl)),
+                t.value ? O("", !0) : (p(), v("span", Tl)),
                 W(r("img", {
                   src: u(o).logo,
                   alt: `${u(o).label} Logo`,
@@ -2192,7 +2196,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
                 }, null, 40, El), [
                   [tn, t.value && !s.value]
                 ]),
-                s.value ? (p(), v("span", Vl, le(u(o).label), 1)) : U("", !0)
+                s.value ? (p(), v("span", Vl, le(u(o).label), 1)) : O("", !0)
               ]),
               r("span", null, [
                 y(bl, { "h-18": "" })
@@ -2230,7 +2234,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
                 "text-3xl": ""
               }, null, -1),
               r("div", null, "Timeline", -1)
-            ]))) : U("", !0)
+            ]))) : O("", !0)
           ]),
           r("div", Dl, [
             r("a", {
@@ -2265,7 +2269,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
   setup(n, { emit: e }) {
     const o = n, t = e, s = V(() => o.options), l = V(() => o.values);
     function i(c, d) {
-      D.value.updatePluginSettings(o.pluginId, c, d), D.value.getPluginSettings(o.pluginId).then((h) => {
+      P.value.updatePluginSettings(o.pluginId, c, d), P.value.getPluginSettings(o.pluginId).then((h) => {
         t("update", h);
       });
     }
@@ -2293,7 +2297,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
               key: 2,
               "model-value": l.value[f],
               "onUpdate:modelValue": (a) => i(f, a)
-            }, null, 8, ["model-value", "onUpdate:modelValue"])) : U("", !0)
+            }, null, 8, ["model-value", "onUpdate:modelValue"])) : O("", !0)
           ])
         ]))), 128))
       ])
@@ -2359,22 +2363,22 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
       };
       return x(w), k;
     }
-    function O() {
-      D.value.getInspectorNodeActions(s.value).then((w) => {
+    function U() {
+      P.value.getInspectorNodeActions(s.value).then((w) => {
         l.value = w;
       });
     }
-    function P() {
-      D.value.getInspectorActions(s.value).then((w) => {
+    function D() {
+      P.value.getInspectorActions(s.value).then((w) => {
         i.value = w;
       });
     }
-    O(), P();
+    U(), D();
     function _(w) {
-      D.value.callInspectorNodeAction(s.value, w, a.value);
+      P.value.callInspectorNodeAction(s.value, w, a.value);
     }
     function C(w) {
-      D.value.callInspectorAction(s.value, w);
+      P.value.callInspectorAction(s.value, w);
     }
     function S(w) {
       var k;
@@ -2383,7 +2387,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
       return w;
     }
     function L(w) {
-      D.value.getInspectorState({ inspectorId: s.value, nodeId: w }).then((k) => {
+      P.value.getInspectorState({ inspectorId: s.value, nodeId: w }).then((k) => {
         const x = X(k);
         x && (m.value = S(x), o.value = Array.from({ length: Object.keys(m.value).length }, (R, F) => `${F}`));
       });
@@ -2395,7 +2399,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
       K(), L(a.value);
     });
     const Z = () => {
-      D.value.getInspectorTree({ inspectorId: s.value, filter: "" }).then((w) => {
+      P.value.getInspectorTree({ inspectorId: s.value, filter: "" }).then((w) => {
         const k = X(w);
         c.value = k, !a.value && k.length && (a.value = k[0].id, e.value = g(d.value, 1), L(k[0].id));
       });
@@ -2414,9 +2418,9 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
       m.value = S(R);
     }
     return Re(() => {
-      D.functions.on(q.INSPECTOR_TREE_UPDATED, N), D.functions.on(q.INSPECTOR_STATE_UPDATED, M);
+      P.functions.on(q.INSPECTOR_TREE_UPDATED, N), P.functions.on(q.INSPECTOR_STATE_UPDATED, M);
     }), be(() => {
-      D.functions.off(q.INSPECTOR_TREE_UPDATED, N), D.functions.off(q.INSPECTOR_STATE_UPDATED, M);
+      P.functions.off(q.INSPECTOR_TREE_UPDATED, N), P.functions.off(q.INSPECTOR_STATE_UPDATED, M);
     }), (w, k) => (p(), v("div", Zl, [
       y($e, {
         "doc-link": u(t).homepage
@@ -2463,7 +2467,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
                         ]
                       ])), 128))
                     ])
-                  ])) : U("", !0),
+                  ])) : O("", !0),
                   r("div", ql, [
                     y(Me, {
                       modelValue: a.value,
@@ -2504,7 +2508,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
                         ]
                       ])), 128))
                     ])
-                  ])) : U("", !0),
+                  ])) : O("", !0),
                   a.value && !E.value ? (p(), z(Pe, {
                     key: 1,
                     data: m.value,
@@ -2588,7 +2592,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
     });
     function f() {
       l.value = !0, Re(() => {
-        D.value.getInspectorInfo(o.id).then((a) => {
+        P.value.getInspectorInfo(o.id).then((a) => {
           if (!a) {
             t("loadError");
             return;
@@ -2602,7 +2606,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
             pluginId: o.pluginId
           };
           s.value = m, h(), l.value = !1;
-        }), D.value.getPluginSettings(o.pluginId).then((a) => {
+        }), P.value.getPluginSettings(o.pluginId).then((a) => {
           a.options ? i.value = a : i.value = null;
         });
       });
@@ -2612,7 +2616,7 @@ const bl = /* @__PURE__ */ Ce(_l, [["render", yl]]), wl = {
     }, {
       immediate: !0
     }), be(() => {
-      D.value.unhighlight();
+      P.value.unhighlight();
     }), (a, m) => (p(), v("div", n1, [
       l.value ? (p(), v("div", o1, [
         y(Cl)
@@ -2797,21 +2801,21 @@ const i1 = /* @__PURE__ */ Ce(l1, [["render", a1]]), r1 = {
       return w(N), M;
     }
     function g() {
-      D.value.getInspectorNodeActions(pe).then((N) => {
+      P.value.getInspectorNodeActions(pe).then((N) => {
         t.value = N;
       });
     }
     function $() {
-      D.value.getInspectorActions(pe).then((N) => {
+      P.value.getInspectorActions(pe).then((N) => {
         s.value = N;
       });
     }
     g(), $();
-    function O(N) {
-      D.value.callInspectorNodeAction(pe, N, l.value);
+    function U(N) {
+      P.value.callInspectorNodeAction(pe, N, l.value);
     }
-    function P(N) {
-      D.value.callInspectorAction(pe, N);
+    function D(N) {
+      P.value.callInspectorAction(pe, N);
     }
     function _(N) {
       var M;
@@ -2820,7 +2824,7 @@ const i1 = /* @__PURE__ */ Ce(l1, [["render", a1]]), r1 = {
       return N;
     }
     function C(N) {
-      D.value.getInspectorState({ inspectorId: pe, nodeId: N }).then((M) => {
+      P.value.getInspectorState({ inspectorId: pe, nodeId: N }).then((M) => {
         const w = X(M);
         w && (f.value = _(w), o.value = Array.from({ length: Object.keys(f.value).length }, (k, x) => `${x}`));
       });
@@ -2831,7 +2835,7 @@ const i1 = /* @__PURE__ */ Ce(l1, [["render", a1]]), r1 = {
     Q(l, () => {
       S(), C(l.value);
     }), (() => {
-      D.value.getInspectorTree({ inspectorId: pe, filter: "" }).then((N) => {
+      P.value.getInspectorTree({ inspectorId: pe, filter: "" }).then((N) => {
         const M = X(N);
         i.value = M, !l.value && M.length && (l.value = M[0].id, C(M[0].id), e.value = E(c.value, 1));
       });
@@ -2850,8 +2854,8 @@ const i1 = /* @__PURE__ */ Ce(l1, [["render", a1]]), r1 = {
         getters: w.getters
       });
     }
-    return D.functions.on(q.INSPECTOR_TREE_UPDATED, K), D.functions.on(q.INSPECTOR_STATE_UPDATED, Z), be(() => {
-      D.functions.off(q.INSPECTOR_TREE_UPDATED, K), D.functions.off(q.INSPECTOR_STATE_UPDATED, Z);
+    return P.functions.on(q.INSPECTOR_TREE_UPDATED, K), P.functions.on(q.INSPECTOR_STATE_UPDATED, Z), be(() => {
+      P.functions.off(q.INSPECTOR_TREE_UPDATED, K), P.functions.off(q.INSPECTOR_STATE_UPDATED, Z);
     }), (N, M) => (p(), v("div", h1, [
       y($e, {
         "doc-link": "https://pinia.vuejs.org/",
@@ -2878,7 +2882,7 @@ const i1 = /* @__PURE__ */ Ce(l1, [["render", a1]]), r1 = {
                       (p(!0), v(te, null, ae(s.value, (k, x) => W((p(), v("div", {
                         key: x,
                         class: "flex items-center gap1",
-                        onClick: (R) => P(x)
+                        onClick: (R) => D(x)
                       }, [
                         r("i", {
                           class: ie(`i-ic-baseline-${k.icon.replace(/\_/g, "-")}`),
@@ -2896,7 +2900,7 @@ const i1 = /* @__PURE__ */ Ce(l1, [["render", a1]]), r1 = {
                         ]
                       ])), 128))
                     ])
-                  ])) : U("", !0),
+                  ])) : O("", !0),
                   r("div", y1, [
                     y(Me, {
                       modelValue: l.value,
@@ -2919,7 +2923,7 @@ const i1 = /* @__PURE__ */ Ce(l1, [["render", a1]]), r1 = {
                       (p(!0), v(te, null, ae(t.value, (k, x) => W((p(), v("div", {
                         key: x,
                         class: "flex items-center gap1",
-                        onClick: (R) => O(x)
+                        onClick: (R) => U(x)
                       }, [
                         r("i", {
                           class: ie(`i-ic-baseline-${k.icon.replace(/\_/g, "-")}`),
@@ -2937,7 +2941,7 @@ const i1 = /* @__PURE__ */ Ce(l1, [["render", a1]]), r1 = {
                         ]
                       ])), 128))
                     ])
-                  ])) : U("", !0),
+                  ])) : O("", !0),
                   l.value && !a.value ? (p(), z(Pe, {
                     key: 1,
                     class: "no-scrollbar flex-1 select-none overflow-scroll",
@@ -3009,7 +3013,7 @@ const i1 = /* @__PURE__ */ Ce(l1, [["render", a1]]), r1 = {
       defaultRoutePath: "/store"
     });
     return Re(() => {
-      D.value.getPluginSettings("dev.esm.pinia").then((i) => {
+      P.value.getPluginSettings("dev.esm.pinia").then((i) => {
         i.options ? e.value = i : e.value = null;
       });
     }), (l, i) => (p(), v("div", E1, [
@@ -3189,7 +3193,7 @@ const A1 = /* @__PURE__ */ Ce(V1, [["render", R1]]), D1 = {
       return C;
     }
     function g(C) {
-      D.value.getInspectorState({ inspectorId: s.value, nodeId: C }).then((S) => {
+      P.value.getInspectorState({ inspectorId: s.value, nodeId: C }).then((S) => {
         const L = X(S);
         L && (f.value = A(L), o.value = Array.from({ length: Object.keys(f.value).length }, (K, Z) => `${Z}`));
       });
@@ -3200,14 +3204,14 @@ const A1 = /* @__PURE__ */ Ce(V1, [["render", R1]]), D1 = {
     Q(l, () => {
       $(), g(l.value);
     });
-    const O = () => {
-      D.value.getInspectorTree({ inspectorId: s.value, filter: "" }).then((C) => {
+    const U = () => {
+      P.value.getInspectorTree({ inspectorId: s.value, filter: "" }).then((C) => {
         const S = X(C);
         i.value = S, !l.value && S.length && (l.value = S[0].id, g(S[0].id), e.value = m(c.value, 1));
       });
     };
-    jt(s).toBeTruthy().then(O);
-    function P(C) {
+    jt(s).toBeTruthy().then(U);
+    function D(C) {
       const S = X(C);
       S.inspectorId !== s.value || !S.rootNodes.length || (i.value = S.rootNodes, h.value.includes(l.value) || (l.value = S.rootNodes[0].id, e.value = m(c.value, 1), g(S.rootNodes[0].id)));
     }
@@ -3218,8 +3222,8 @@ const A1 = /* @__PURE__ */ Ce(V1, [["render", R1]]), D1 = {
       const L = S.state;
       f.value = A(L);
     }
-    return D.functions.on(q.INSPECTOR_TREE_UPDATED, P), D.functions.on(q.INSPECTOR_STATE_UPDATED, _), be(() => {
-      D.functions.off(q.INSPECTOR_TREE_UPDATED, P), D.functions.off(q.INSPECTOR_STATE_UPDATED, _);
+    return P.functions.on(q.INSPECTOR_TREE_UPDATED, D), P.functions.on(q.INSPECTOR_STATE_UPDATED, _), be(() => {
+      P.functions.off(q.INSPECTOR_TREE_UPDATED, D), P.functions.off(q.INSPECTOR_STATE_UPDATED, _);
     }), (C, S) => (p(), v("div", O1, [
       y($e, {
         "doc-link": "https://router.vuejs.org/",
@@ -3317,7 +3321,7 @@ const A1 = /* @__PURE__ */ Ce(V1, [["render", R1]]), D1 = {
     });
     function i() {
       t.value = !0, Re(() => {
-        D.value.getInspectorInfo(e.id).then((c) => {
+        P.value.getInspectorInfo(e.id).then((c) => {
           if (!c)
             return;
           const d = {