vite-plugin-vue-devtools 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/client/assets/{npm-3ad72929.js → npm-c03c6e14.js}

@@ -1,9 +1,9 @@
-import { v as defineComponent, a$ as ref, aP as onMounted, cf as useEventListener, cg as hookApi, o as openBlock, e as createElementBlock, ch as useScrollLock, by as watch, ci as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, aC as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, cc as rpc, y as toDisplayString, d as withDirectives, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$3 } from './index-056bb29c.js';
-import { _ as __unplugin_components_3 } from './SectionBlock-740d82f0.js';
-import { _ as _sfc_main$2 } from './TextInput.vue_vue_type_script_setup_true_lang-217531ea.js';
+import { v as defineComponent, a$ as ref, aP as onMounted, cf as useEventListener, cg as hookApi, o as openBlock, e as createElementBlock, ch as useScrollLock, by as watch, ci as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, aC as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, cc as rpc, y as toDisplayString, d as withDirectives, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$3 } from './index-c2b0ba3e.js';
+import { _ as __unplugin_components_3 } from './SectionBlock-13c3495f.js';
+import { _ as _sfc_main$2 } from './TextInput.vue_vue_type_script_setup_true_lang-d100073c.js';
 import { a as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-7e83dbf2.js';
-import './IconTitle.vue_vue_type_script_setup_true_lang-a710fbe0.js';
-import './Icon.vue_vue_type_script_setup_true_lang-bf37ec60.js';
+import './IconTitle.vue_vue_type_script_setup_true_lang-49104706.js';
+import './Icon.vue_vue_type_script_setup_true_lang-d08cd842.js';
 
 var xterm$1 = {exports: {}};/* Injected with object hook! */
 
@@ -121,22 +121,21 @@ const _hoisted_8 = {
   "items-center": ""
 };
 const _hoisted_9 = {
-  flex: "",
-  "justify-center": "",
   "text-sm": "",
   op70: ""
 };
-const _hoisted_10 = {
+const _hoisted_10 = { "text-center": "" };
+const _hoisted_11 = {
   "w-30": "",
   "text-center": ""
 };
-const _hoisted_11 = {
+const _hoisted_12 = {
   "max-h": "80%",
   "of-hidden": "",
   "px-4": ""
 };
-const _hoisted_12 = { "w-full": "" };
-const _hoisted_13 = /* @__PURE__ */ createBaseVNode("thead", { border: "b base" }, [
+const _hoisted_13 = { "w-full": "" };
+const _hoisted_14 = /* @__PURE__ */ createBaseVNode("thead", { border: "b base" }, [
   /* @__PURE__ */ createBaseVNode("tr", null, [
     /* @__PURE__ */ createBaseVNode("th", { "text-left": "" }, " Name "),
     /* @__PURE__ */ createBaseVNode("th", { "text-left": "" }, " Version "),
@@ -145,16 +144,16 @@ const _hoisted_13 = /* @__PURE__ */ createBaseVNode("thead", { border: "b base"
     /* @__PURE__ */ createBaseVNode("th", { "text-center": "" }, " Download ")
   ])
 ], -1);
-const _hoisted_14 = {
+const _hoisted_15 = {
   "text-sm": "",
   op70: ""
 };
-const _hoisted_15 = {
+const _hoisted_16 = {
   flex: "inline gap3",
   "items-center": ""
 };
-const _hoisted_16 = ["href"];
-const _hoisted_17 = {
+const _hoisted_17 = ["href"];
+const _hoisted_18 = {
   hover: "text-primary",
   "h-7": "",
   "cursor-pointer": "",
@@ -167,13 +166,13 @@ const _hoisted_17 = {
   underline: "",
   op70: ""
 };
-const _hoisted_18 = {
+const _hoisted_19 = {
   "max-h": "35",
   "of-scroll": "",
   "py-3": ""
 };
-const _hoisted_19 = ["onClick"];
-const _hoisted_20 = {
+const _hoisted_20 = ["onClick"];
+const _hoisted_21 = {
   "w-30": "",
   "ws-nowrap": "",
   "pr-1": "",
@@ -184,8 +183,8 @@ const _hoisted_20 = {
   op70: "",
   hover: "text-primary"
 };
-const _hoisted_21 = ["href"];
-const _hoisted_22 = {
+const _hoisted_22 = ["href"];
+const _hoisted_23 = {
   "w-30": "",
   "ws-nowrap": "",
   "pr-1": "",
@@ -194,7 +193,7 @@ const _hoisted_22 = {
   "font-mono": "",
   op70: ""
 };
-const _hoisted_23 = {
+const _hoisted_24 = {
   "w-30": "",
   "text-center": ""
 };
@@ -343,7 +342,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     return openBlock(), createElementBlock("tr", {
                       key: index,
                       class: "group",
-                      "h-7": "",
+                      "h-8": "",
                       border: "b dashed transparent hover:base"
                     }, [
                       createBaseVNode("td", _hoisted_5, [
@@ -353,9 +352,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createBaseVNode("div", _hoisted_8, toDisplayString(item.version), 1)
                       ]),
                       createBaseVNode("td", _hoisted_9, [
-                        createBaseVNode("div", null, toDisplayString(item.type), 1)
+                        createBaseVNode("div", _hoisted_10, toDisplayString(item.type), 1)
                       ]),
-                      createBaseVNode("td", _hoisted_10, [
+                      createBaseVNode("td", _hoisted_11, [
                         createVNode(_component_VDropdown, {
                           placement: "bottom",
                           distance: 5,
@@ -407,25 +406,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           padding: "0"
         }, {
           default: withCtx(() => [
-            createBaseVNode("div", _hoisted_11, [
-              createBaseVNode("table", _hoisted_12, [
-                _hoisted_13,
+            createBaseVNode("div", _hoisted_12, [
+              createBaseVNode("table", _hoisted_13, [
+                _hoisted_14,
                 createBaseVNode("tbody", null, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
                     return openBlock(), createElementBlock("tr", {
                       key: index,
                       class: "group",
-                      "h-7": "",
+                      "h-8": "",
                       border: "b dashed transparent hover:base"
                     }, [
-                      createBaseVNode("td", _hoisted_14, [
-                        createBaseVNode("div", _hoisted_15, [
+                      createBaseVNode("td", _hoisted_15, [
+                        createBaseVNode("div", _hoisted_16, [
                           item?.repository?.url ? (openBlock(), createElementBlock("a", {
                             key: 0,
                             href: item.repository.url,
                             target: "_blank",
                             hover: "text-primary"
-                          }, toDisplayString(item.name), 9, _hoisted_16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                          }, toDisplayString(item.name), 9, _hoisted_17)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                             createTextVNode(toDisplayString(item.name), 1)
                           ], 64))
                         ])
@@ -436,7 +435,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         distance: 5
                       }, {
                         popper: withCtx(() => [
-                          createBaseVNode("ul", _hoisted_18, [
+                          createBaseVNode("ul", _hoisted_19, [
                             (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(item.versions).reverse(), (version) => {
                               return withDirectives((openBlock(), createElementBlock("li", {
                                 key: version,
@@ -451,25 +450,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 onClick: ($event) => toggleVersion(item, version)
                               }, [
                                 createTextVNode(toDisplayString(version), 1)
-                              ], 10, _hoisted_19)), [
+                              ], 10, _hoisted_20)), [
                                 [_directive_close_popper]
                               ]);
                             }), 128))
                           ])
                         ]),
                         default: withCtx(() => [
-                          createBaseVNode("td", _hoisted_17, toDisplayString(item.activeVersion ?? item.version), 1)
+                          createBaseVNode("td", _hoisted_18, toDisplayString(item.activeVersion ?? item.version), 1)
                         ]),
                         _: 2
                       }, 1024),
-                      createBaseVNode("td", _hoisted_20, [
+                      createBaseVNode("td", _hoisted_21, [
                         createBaseVNode("a", {
                           href: item?.owner?.link,
                           target: "_blank"
-                        }, toDisplayString(item?.owner?.name ?? "-"), 9, _hoisted_21)
+                        }, toDisplayString(item?.owner?.name ?? "-"), 9, _hoisted_22)
                       ]),
-                      createBaseVNode("td", _hoisted_22, toDisplayString(item.humanDownloadsLast30Days), 1),
-                      createBaseVNode("td", _hoisted_23, [
+                      createBaseVNode("td", _hoisted_23, toDisplayString(item.humanDownloadsLast30Days), 1),
+                      createBaseVNode("td", _hoisted_24, [
                         createVNode(_component_VDropdown, {
                           placement: "bottom",
                           distance: 5,

package/dist/client/assets/{overview-f7d1a936.js → overview-dfa4c675.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_0$1 } from './PanelGrids-09fbe816.js';
-import { a$ as ref, cc as rpc, a1 as computed, cb as routes, v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, cd as vueVersion, a9 as createTextVNode, e as createElementBlock, F as Fragment, ce as __unplugin_components_0, c3 as __unplugin_components_1, bL as _sfc_main$1 } from './index-056bb29c.js';
-import { i as isMacOS } from './index-57b0b18f.js';
+import { _ as __unplugin_components_0$1 } from './PanelGrids-ed6a1457.js';
+import { a$ as ref, cc as rpc, a1 as computed, cb as routes, v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, cd as vueVersion, a9 as createTextVNode, e as createElementBlock, F as Fragment, ce as __unplugin_components_0, c3 as __unplugin_components_1, bL as _sfc_main$1 } from './index-c2b0ba3e.js';
+import { i as isMacOS } from './index-b327a261.js';
 
-const version = "1.0.0-beta.3";
+const version = "1.0.0-beta.5";
 
 /* Injected with object hook! */
 

package/dist/client/assets/{pages-26acd942.js → pages-09d83e7f.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_3 } from './SectionBlock-740d82f0.js';
-import { v as defineComponent, a$ as ref, a1 as computed, r as resolveComponent, z as unref, o as openBlock, e as createElementBlock, x as createBaseVNode, y as toDisplayString, c as createBlock, h as withCtx, bG as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$4, c3 as __unplugin_components_1, aP as onMounted, ca as currentRoute, b_ as router, aC as isRef, bE as withKeys, cb as routes } from './index-056bb29c.js';
-import { _ as _sfc_main$3 } from './TextInput.vue_vue_type_script_setup_true_lang-217531ea.js';
-import './IconTitle.vue_vue_type_script_setup_true_lang-a710fbe0.js';
-import './Icon.vue_vue_type_script_setup_true_lang-bf37ec60.js';
+import { _ as __unplugin_components_3 } from './SectionBlock-13c3495f.js';
+import { v as defineComponent, a$ as ref, a1 as computed, r as resolveComponent, z as unref, o as openBlock, e as createElementBlock, x as createBaseVNode, y as toDisplayString, c as createBlock, h as withCtx, bG as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$4, c3 as __unplugin_components_1, aP as onMounted, ca as currentRoute, b_ as router, aC as isRef, bE as withKeys, cb as routes } from './index-c2b0ba3e.js';
+import { _ as _sfc_main$3 } from './TextInput.vue_vue_type_script_setup_true_lang-d100073c.js';
+import './IconTitle.vue_vue_type_script_setup_true_lang-49104706.js';
+import './Icon.vue_vue_type_script_setup_true_lang-d08cd842.js';
 
 const _hoisted_1$2 = {
   block: "",

package/dist/client/assets/{pinia-f75a2b94.js → pinia-84d8d62d.js}

@@ -1,9 +1,9 @@
-import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-ed4f449a.js';
-import { g, M } from './splitpanes.es-166029e0.js';
-import { v as defineComponent, a$ as ref, a1 as computed, c7 as piniaStoresCategory, bd as toRaw, c8 as piniaState, c9 as piniaGetters, z as unref, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, q as normalizeClass, y as toDisplayString, c as createBlock } from './index-056bb29c.js';
-import { p as pick } from './index-57b0b18f.js';
-import './Icon.vue_vue_type_script_setup_true_lang-bf37ec60.js';
-import './IconButton.vue_vue_type_script_setup_true_lang-9417e3da.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-26d7d382.js';
+import { g, M } from './splitpanes.es-695b5d63.js';
+import { v as defineComponent, a$ as ref, a1 as computed, c7 as piniaStoresCategory, bd as toRaw, c8 as piniaState, c9 as piniaGetters, z as unref, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, q as normalizeClass, y as toDisplayString, c as createBlock } from './index-c2b0ba3e.js';
+import { p as pick } from './index-b327a261.js';
+import './Icon.vue_vue_type_script_setup_true_lang-d08cd842.js';
+import './IconButton.vue_vue_type_script_setup_true_lang-4cfd93a4.js';
 
 const _hoisted_1 = {
   "h-screen": "",

package/dist/client/assets/rerender-trace-0675adcd.css

@@ -0,0 +1,14 @@
+
+@keyframes loading-53c79d42 {
+0%,
+  100% {
+    opacity: 1;
+    transform: scale(1);
+}
+50% {
+    opacity: 0.3;
+}
+}
+.loading-animation[data-v-53c79d42] {
+  animation: loading-53c79d42 1.5s infinite;
+}

package/dist/client/assets/{rerender-trace-a3fe7edb.js → rerender-trace-ce322913.js}

@@ -1,9 +1,9 @@
-import { v as defineComponent, a$ as ref, c4 as DevToolsHooks, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, u as createVNode, h as withCtx, z as unref, c as createBlock, a9 as createTextVNode, g as createCommentVNode, F as Fragment, i as renderList, c5 as useDevToolsClient, c6 as rootPath, _ as __unplugin_components_7, c3 as __unplugin_components_1, p as pushScopeId, a as popScopeId, y as toDisplayString, bJ as _export_sfc } from './index-056bb29c.js';
+import { v as defineComponent, a$ as ref, c4 as DevToolsHooks, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, u as createVNode, h as withCtx, z as unref, c as createBlock, a9 as createTextVNode, g as createCommentVNode, F as Fragment, i as renderList, c5 as useDevToolsClient, c6 as rootPath, _ as __unplugin_components_7, c3 as __unplugin_components_1, p as pushScopeId, a as popScopeId, y as toDisplayString, bJ as _export_sfc } from './index-c2b0ba3e.js';
 import { d as dayjs } from './dayjs.min-ff0bd3aa.js';
-import { g as getSetupStateInfo, t as toRaw } from './data-1a736865.js';
+import { g as getInstanceName, a as getSetupStateInfo, t as toRaw } from './data-37773a62.js';
 import './_commonjsHelpers-7e83dbf2.js';
 
-const _withScopeId = (n) => (pushScopeId("data-v-c4e9e7b3"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-53c79d42"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   "h-full": "",
   "w-full": "",
@@ -19,22 +19,26 @@ const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBase
   "text-xs": "",
   "op-50": ""
 }, " Clear ", -1));
-const _hoisted_5 = {
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", {
+  "text-xs": "",
+  "op-50": ""
+}, " Capture rerender elements ", -1));
+const _hoisted_6 = {
   key: 0,
   flex: "~ items-center justify-center",
   "h-screen": ""
 };
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("i", {
+const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("i", {
   class: "i-fluent:record-12-regular",
   text: "4.7",
   "cursor-pointer": "",
   "text-secondary": "",
   hover: "text-black dark:text-white"
 }, null, -1));
-const _hoisted_7 = [
-  _hoisted_6
+const _hoisted_8 = [
+  _hoisted_7
 ];
-const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", { flex: "~ items-center" }, [
+const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", { flex: "~ items-center" }, [
   /* @__PURE__ */ createTextVNode(" Click the clear button "),
   /* @__PURE__ */ createBaseVNode("span", {
     border: "~ base",
@@ -52,14 +56,32 @@ const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBase
   ]),
   /* @__PURE__ */ createTextVNode(" to clear the results. ")
 ], -1));
-const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", { "lh-5": "" }, [
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", { flex: "~ items-center" }, [
+  /* @__PURE__ */ createTextVNode(" Click the capture button "),
+  /* @__PURE__ */ createBaseVNode("span", {
+    border: "~ base",
+    "mx-1": "",
+    "inline-flex": "",
+    "items-center": "",
+    "justify-center": "",
+    p1: ""
+  }, [
+    /* @__PURE__ */ createBaseVNode("i", {
+      class: "i-tabler:capture",
+      text: "3.8",
+      "text-secondary": ""
+    })
+  ]),
+  /* @__PURE__ */ createTextVNode(" to capture the rerender effect element. ")
+], -1));
+const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", { "lh-5": "" }, [
   /* @__PURE__ */ createTextVNode(" Start tracing, do something in the page. Then,"),
   /* @__PURE__ */ createBaseVNode("br"),
   /* @__PURE__ */ createTextVNode(" press the stop button to show the resulting triggers for page rerenders. ")
 ], -1));
-const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", { class: "loading-animation" }, " Tracing... ", -1));
-const _hoisted_11 = { key: 1 };
-const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("thead", {
+const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", { class: "loading-animation" }, " Tracing... ", -1));
+const _hoisted_13 = { key: 1 };
+const _hoisted_14 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("thead", {
   border: "b r base",
   sticky: "",
   display: "table-header-group",
@@ -93,9 +115,9 @@ const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBas
     }, " Update Time ")
   ])
 ], -1));
-const _hoisted_13 = { border: "b r base" };
-const _hoisted_14 = ["onClick"];
-const _hoisted_15 = {
+const _hoisted_15 = { border: "b r base" };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = {
   "max-w-30": "",
   "w-30": "",
   "of-hidden": "",
@@ -107,7 +129,7 @@ const _hoisted_15 = {
   "font-mono": "",
   op70: ""
 };
-const _hoisted_16 = {
+const _hoisted_18 = {
   "max-w-30": "",
   "w-30": "",
   "of-hidden": "",
@@ -119,7 +141,7 @@ const _hoisted_16 = {
   "font-mono": "",
   op70: ""
 };
-const _hoisted_17 = {
+const _hoisted_19 = {
   "max-w-30": "",
   "w-30": "",
   "of-hidden": "",
@@ -131,7 +153,7 @@ const _hoisted_17 = {
   "font-mono": "",
   op70: ""
 };
-const _hoisted_18 = {
+const _hoisted_20 = {
   "max-w-30": "",
   "w-30": "",
   "of-hidden": "",
@@ -143,7 +165,7 @@ const _hoisted_18 = {
   "font-mono": "",
   op70: ""
 };
-const _hoisted_19 = {
+const _hoisted_21 = {
   "max-w-30": "",
   "w-30": "",
   "of-hidden": "",
@@ -163,6 +185,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isTracing = ref(false);
     const result = ref([]);
     const traceBuffer = ref([]);
+    const highlightEnabled = ref(true);
     function normalizeEventInfo(e, instance) {
       const info = getSetupStateInfo(e.target);
       const file = instance.type.__file?.replace?.(rootPath, "") ?? "-";
@@ -184,7 +207,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isTracing.value && traceBuffer.value.push(normalizeEventInfo(e, instance));
     });
     hook.on(DevToolsHooks.RENDER_TRIGGERED, (e, instance) => {
-      isTracing.value && traceBuffer.value.push(normalizeEventInfo(e, instance));
+      if (isTracing.value) {
+        traceBuffer.value.push(normalizeEventInfo(e, instance));
+        if (highlightEnabled.value) {
+          let el = null;
+          const instanceEl = instance.vnode.el;
+          if (instanceEl?.nodeType === Node.TEXT_NODE)
+            el = instanceEl?.parentElement;
+          else if (instanceEl?.nodeType === Node.ELEMENT_NODE)
+            el = instanceEl;
+          if (el)
+            client.value.rerenderHighlight.updateInfo(instance.uid.toString(), getInstanceName(instance), el.getBoundingClientRect());
+        }
+      }
     });
     function start() {
       result.value = [];
@@ -270,11 +305,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })
                 ]),
                 _: 1
+              }),
+              createVNode(_component_VTooltip, {
+                placement: "bottom",
+                distance: 12,
+                "text-center": ""
+              }, {
+                popper: withCtx(() => [
+                  _hoisted_5
+                ]),
+                default: withCtx(() => [
+                  !unref(highlightEnabled) ? (openBlock(), createElementBlock("i", {
+                    key: 0,
+                    class: "i-tabler:capture",
+                    text: "4.7",
+                    "cursor-pointer": "",
+                    "text-secondary": "",
+                    hover: "text-black dark:text-white",
+                    onClick: _cache[0] || (_cache[0] = ($event) => highlightEnabled.value = true)
+                  })) : (openBlock(), createElementBlock("i", {
+                    key: 1,
+                    class: "i-tabler:capture",
+                    text: "4.7",
+                    "cursor-pointer": "",
+                    "text-green-600": "",
+                    hover: "text-green-800",
+                    onClick: _cache[1] || (_cache[1] = ($event) => highlightEnabled.value = false)
+                  }))
+                ]),
+                _: 1
               })
             ]),
             _: 1
           }),
-          !unref(result).length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          !unref(result).length ? (openBlock(), createElementBlock("div", _hoisted_6, [
             !unref(isTracing) && !unref(result).length ? (openBlock(), createBlock(_component_VDCard, {
               key: 0,
               flex: "~ col gap2",
@@ -293,11 +357,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "justify-center": "",
                     p: "0.5",
                     onClick: start
-                  }, _hoisted_7),
+                  }, _hoisted_8),
                   createTextVNode(" to start a new tracing. ")
                 ]),
-                _hoisted_8,
                 _hoisted_9,
+                _hoisted_10,
+                _hoisted_11,
                 createVNode(_component_VDBadge, {
                   absolute: "",
                   "right--0.5": "",
@@ -316,14 +381,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               p3: ""
             }, {
               default: withCtx(() => [
-                _hoisted_10
+                _hoisted_12
               ]),
               _: 1
             })) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          unref(result).length && !unref(isTracing) ? (openBlock(), createElementBlock("table", _hoisted_11, [
-            _hoisted_12,
-            createBaseVNode("tbody", _hoisted_13, [
+          unref(result).length && !unref(isTracing) ? (openBlock(), createElementBlock("table", _hoisted_13, [
+            _hoisted_14,
+            createBaseVNode("tbody", _hoisted_15, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(result), (item, index) => {
                 return openBlock(), createElementBlock("tr", {
                   key: index,
@@ -333,6 +398,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, [
                   createBaseVNode("td", {
                     "max-w-50": "",
+                    "cursor-pointer": "",
                     "of-hidden": "",
                     "text-ellipsis": "",
                     "px-2": "",
@@ -342,12 +408,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     op70: "",
                     hover: "text-primary",
                     onClick: ($event) => openInEditor(item.fullFilePath)
-                  }, toDisplayString(item.componentFile), 9, _hoisted_14),
-                  createBaseVNode("td", _hoisted_15, toDisplayString(item.key), 1),
-                  createBaseVNode("td", _hoisted_16, toDisplayString(item.value), 1),
-                  createBaseVNode("td", _hoisted_17, toDisplayString(item.dataType), 1),
-                  createBaseVNode("td", _hoisted_18, toDisplayString(item.updateType), 1),
-                  createBaseVNode("td", _hoisted_19, toDisplayString(unref(dayjs)(item.updateTime).format("HH:mm:ss")), 1)
+                  }, toDisplayString(item.componentFile), 9, _hoisted_16),
+                  createBaseVNode("td", _hoisted_17, toDisplayString(item.key), 1),
+                  createBaseVNode("td", _hoisted_18, toDisplayString(item.value), 1),
+                  createBaseVNode("td", _hoisted_19, toDisplayString(item.dataType), 1),
+                  createBaseVNode("td", _hoisted_20, toDisplayString(item.updateType), 1),
+                  createBaseVNode("td", _hoisted_21, toDisplayString(unref(dayjs)(item.updateTime).format("HH:mm:ss")), 1)
                 ]);
               }), 128))
             ])
@@ -360,10 +426,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-/* unplugin-vue-components disabled */const rerenderTrace_vue_vue_type_style_index_0_scoped_c4e9e7b3_lang = '';
+/* unplugin-vue-components disabled */const rerenderTrace_vue_vue_type_style_index_0_scoped_53c79d42_lang = '';
 /* Injected with object hook! */
 
-const rerenderTrace = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c4e9e7b3"]]);
+const rerenderTrace = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-53c79d42"]]);
 
 /* Injected with object hook! */
 

package/dist/client/assets/{routes-f320ef35.js → routes-a1298ce3.js}

@@ -1,10 +1,10 @@
-import { _ as __unplugin_components_0 } from './PanelGrids-09fbe816.js';
-import { v as defineComponent, z as unref, b_ as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, b$ as routeRecordMatcherState, c0 as activeRouteRecordMatcherState, c as createBlock, bZ as _sfc_main$2, _ as __unplugin_components_7, q as normalizeClass, c1 as activeRouteRecordIndex, c2 as toggleRouteRecordMatcher, a9 as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, c3 as __unplugin_components_1 } from './index-056bb29c.js';
-import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-ed4f449a.js';
-import { g, M } from './splitpanes.es-166029e0.js';
-import './Icon.vue_vue_type_script_setup_true_lang-bf37ec60.js';
-import './index-57b0b18f.js';
-import './IconButton.vue_vue_type_script_setup_true_lang-9417e3da.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-ed6a1457.js';
+import { v as defineComponent, z as unref, b_ as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, b$ as routeRecordMatcherState, c0 as activeRouteRecordMatcherState, c as createBlock, bZ as _sfc_main$2, _ as __unplugin_components_7, q as normalizeClass, c1 as activeRouteRecordIndex, c2 as toggleRouteRecordMatcher, a9 as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, c3 as __unplugin_components_1 } from './index-c2b0ba3e.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-26d7d382.js';
+import { g, M } from './splitpanes.es-695b5d63.js';
+import './Icon.vue_vue_type_script_setup_true_lang-d08cd842.js';
+import './index-b327a261.js';
+import './IconButton.vue_vue_type_script_setup_true_lang-4cfd93a4.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{settings-b70ac3bb.js → settings-2ebfa83e.js}

@@ -1,10 +1,10 @@
-import { _ as _sfc_main$a, a as _sfc_main$c } from './Switch.vue_vue_type_script_setup_true_lang-86be5e4b.js';
-import { I as BaseTransition, J as BaseTransitionPropsValidators, K as Comment, L as EffectScope, F as Fragment, M as KeepAlive, R as ReactiveEffect, S as Static, N as Suspense, T as Teleport, O as Text, P as Transition, Q as TransitionGroup, V as VueElement, U as assertNumber, W as callWithAsyncErrorHandling, X as callWithErrorHandling, Y as camelize, Z as capitalize, $ as cloneVNode, a0 as compatUtils, a1 as computed, a2 as createApp, c as createBlock, g as createCommentVNode, e as createElementBlock, x as createBaseVNode, a3 as createHydrationRenderer, a4 as createPropsRestProxy, a5 as createRenderer, a6 as createSSRApp, a7 as createSlots, a8 as createStaticVNode, a9 as createTextVNode, u as createVNode, aa as customRef, ab as defineAsyncComponent, v as defineComponent, ac as defineCustomElement, ad as defineEmits, ae as defineExpose, af as defineModel, ag as defineOptions, ah as defineProps, ai as defineSSRCustomElement, aj as defineSlots, ak as devtools, al as effect, am as effectScope, an as getCurrentInstance, ao as getCurrentScope, ap as getTransitionRawChildren, aq as guardReactiveProps, ar as h, as as handleError, at as hasInjectionContext, au as hydrate, av as initCustomFormatter, aw as initDirectivesForSSR, ax as inject, ay as isMemoSame, az as isProxy, aA as isReactive, aB as isReadonly, aC as isRef, aD as isRuntimeOnly, aE as isShallow, aF as isVNode, m as markRaw, aG as mergeDefaults, aH as mergeModels, k as mergeProps, n as nextTick, q as normalizeClass, aI as normalizeProps, l as normalizeStyle, aJ as onActivated, aK as onBeforeMount, aL as onBeforeUnmount, aM as onBeforeUpdate, aN as onDeactivated, aO as onErrorCaptured, aP as onMounted, aQ as onRenderTracked, aR as onRenderTriggered, aS as onScopeDispose, aT as onServerPrefetch, aU as onUnmounted, aV as onUpdated, o as openBlock, a as popScopeId, aW as provide, aX as proxyRefs, p as pushScopeId, aY as queuePostFlushCb, aZ as reactive, a_ as readonly, a$ as ref, b0 as registerRuntimeCompiler, b1 as render, i as renderList, f as renderSlot, r as resolveComponent, b as resolveDirective, j as resolveDynamicComponent, b2 as resolveFilter, b3 as resolveTransitionHooks, b4 as setBlockTracking, b5 as setDevtoolsHook, b6 as setTransitionHooks, s as shallowReactive, b7 as shallowReadonly, b8 as shallowRef, b9 as ssrContextKey, ba as ssrUtils, bb as stop, y as toDisplayString, bc as toHandlerKey, t as toHandlers, bd as toRaw, be as toRef, bf as toRefs, bg as toValue, bh as transformVNodeArgs, bi as triggerRef, z as unref, bj as useAttrs, bk as useCssModule, bl as useCssVars, bm as useModel, bn as useSSRContext, bo as useSlots, bp as useTransitionState, bq as vModelCheckbox, br as vModelDynamic, bs as vModelRadio, bt as vModelSelect, bu as vModelText, bv as vShow, bw as version$1, bx as warn, by as watch, bz as watchEffect, bA as watchPostEffect, bB as watchSyncEffect, bC as withAsyncContext, h as withCtx, bD as withDefaults, d as withDirectives, bE as withKeys, bF as withMemo, bG as withModifiers, w as withScopeId, bH as getSortedTabs, bI as updateTabsPosition, bJ as _export_sfc, bK as useVModel, bL as _sfc_main$5, bM as _sfc_main$6, bN as useToggle, bO as shouldHideTabGroup, bP as DEFAULT_TAB_GROUP, bQ as useGroupedTabs, bR as ungroupAllTabs, bS as resetAllTabs, bT as removeTabGroup, bU as checkGroupExist, bV as createGroup, bW as useDevToolsSettings, bX as useFrameState, bY as _sfc_main$b, bZ as _sfc_main$d } from './index-056bb29c.js';
-import { _ as _sfc_main$4 } from './Icon.vue_vue_type_script_setup_true_lang-bf37ec60.js';
+import { _ as _sfc_main$a, a as _sfc_main$c } from './Switch.vue_vue_type_script_setup_true_lang-32354ae4.js';
+import { I as BaseTransition, J as BaseTransitionPropsValidators, K as Comment, L as EffectScope, F as Fragment, M as KeepAlive, R as ReactiveEffect, S as Static, N as Suspense, T as Teleport, O as Text, P as Transition, Q as TransitionGroup, V as VueElement, U as assertNumber, W as callWithAsyncErrorHandling, X as callWithErrorHandling, Y as camelize, Z as capitalize, $ as cloneVNode, a0 as compatUtils, a1 as computed, a2 as createApp, c as createBlock, g as createCommentVNode, e as createElementBlock, x as createBaseVNode, a3 as createHydrationRenderer, a4 as createPropsRestProxy, a5 as createRenderer, a6 as createSSRApp, a7 as createSlots, a8 as createStaticVNode, a9 as createTextVNode, u as createVNode, aa as customRef, ab as defineAsyncComponent, v as defineComponent, ac as defineCustomElement, ad as defineEmits, ae as defineExpose, af as defineModel, ag as defineOptions, ah as defineProps, ai as defineSSRCustomElement, aj as defineSlots, ak as devtools, al as effect, am as effectScope, an as getCurrentInstance, ao as getCurrentScope, ap as getTransitionRawChildren, aq as guardReactiveProps, ar as h, as as handleError, at as hasInjectionContext, au as hydrate, av as initCustomFormatter, aw as initDirectivesForSSR, ax as inject, ay as isMemoSame, az as isProxy, aA as isReactive, aB as isReadonly, aC as isRef, aD as isRuntimeOnly, aE as isShallow, aF as isVNode, m as markRaw, aG as mergeDefaults, aH as mergeModels, k as mergeProps, n as nextTick, q as normalizeClass, aI as normalizeProps, l as normalizeStyle, aJ as onActivated, aK as onBeforeMount, aL as onBeforeUnmount, aM as onBeforeUpdate, aN as onDeactivated, aO as onErrorCaptured, aP as onMounted, aQ as onRenderTracked, aR as onRenderTriggered, aS as onScopeDispose, aT as onServerPrefetch, aU as onUnmounted, aV as onUpdated, o as openBlock, a as popScopeId, aW as provide, aX as proxyRefs, p as pushScopeId, aY as queuePostFlushCb, aZ as reactive, a_ as readonly, a$ as ref, b0 as registerRuntimeCompiler, b1 as render, i as renderList, f as renderSlot, r as resolveComponent, b as resolveDirective, j as resolveDynamicComponent, b2 as resolveFilter, b3 as resolveTransitionHooks, b4 as setBlockTracking, b5 as setDevtoolsHook, b6 as setTransitionHooks, s as shallowReactive, b7 as shallowReadonly, b8 as shallowRef, b9 as ssrContextKey, ba as ssrUtils, bb as stop, y as toDisplayString, bc as toHandlerKey, t as toHandlers, bd as toRaw, be as toRef, bf as toRefs, bg as toValue, bh as transformVNodeArgs, bi as triggerRef, z as unref, bj as useAttrs, bk as useCssModule, bl as useCssVars, bm as useModel, bn as useSSRContext, bo as useSlots, bp as useTransitionState, bq as vModelCheckbox, br as vModelDynamic, bs as vModelRadio, bt as vModelSelect, bu as vModelText, bv as vShow, bw as version$1, bx as warn, by as watch, bz as watchEffect, bA as watchPostEffect, bB as watchSyncEffect, bC as withAsyncContext, h as withCtx, bD as withDefaults, d as withDirectives, bE as withKeys, bF as withMemo, bG as withModifiers, w as withScopeId, bH as getSortedTabs, bI as updateTabsPosition, bJ as _export_sfc, bK as useVModel, bL as _sfc_main$5, bM as _sfc_main$6, bN as useToggle, bO as shouldHideTabGroup, bP as DEFAULT_TAB_GROUP, bQ as useGroupedTabs, bR as ungroupAllTabs, bS as resetAllTabs, bT as removeTabGroup, bU as checkGroupExist, bV as createGroup, bW as useDevToolsSettings, bX as useFrameState, bY as _sfc_main$b, bZ as _sfc_main$d } from './index-c2b0ba3e.js';
+import { _ as _sfc_main$4 } from './Icon.vue_vue_type_script_setup_true_lang-d08cd842.js';
 import { g as getAugmentedNamespace, c as commonjsGlobal, a as getDefaultExportFromCjs } from './_commonjsHelpers-7e83dbf2.js';
-import { _ as _sfc_main$8 } from './IconButton.vue_vue_type_script_setup_true_lang-9417e3da.js';
-import { _ as _sfc_main$7 } from './TextInput.vue_vue_type_script_setup_true_lang-217531ea.js';
-import { _ as _sfc_main$9 } from './IconTitle.vue_vue_type_script_setup_true_lang-a710fbe0.js';
+import { _ as _sfc_main$8 } from './IconButton.vue_vue_type_script_setup_true_lang-4cfd93a4.js';
+import { _ as _sfc_main$7 } from './TextInput.vue_vue_type_script_setup_true_lang-d100073c.js';
+import { _ as _sfc_main$9 } from './IconTitle.vue_vue_type_script_setup_true_lang-49104706.js';
 
 const compile = () => {
 };

package/dist/client/assets/{splitpanes.es-166029e0.js → splitpanes.es-695b5d63.js}

@@ -1,4 +1,4 @@
-import { ar as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-056bb29c.js';
+import { ar as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-c2b0ba3e.js';
 
 const M = {
   name: "splitpanes",

package/dist/client/assets/{timeline-92a66364.js → timeline-052b0db1.js}

@@ -1,11 +1,11 @@
-import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-ed4f449a.js';
-import { _ as __unplugin_components_0 } from './PanelGrids-09fbe816.js';
-import { p as pushScopeId, a as popScopeId, n as nextTick, o as openBlock, c as createBlock, w as withScopeId, m as markRaw, s as shallowReactive, r as resolveComponent, b as resolveDirective, d as withDirectives, e as createElementBlock, f as renderSlot, g as createCommentVNode, h as withCtx, F as Fragment, i as renderList, j as resolveDynamicComponent, k as mergeProps, t as toHandlers, l as normalizeStyle, q as normalizeClass, u as createVNode, v as defineComponent, x as createBaseVNode, y as toDisplayString, z as unref, _ as __unplugin_components_7, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-056bb29c.js';
+import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-26d7d382.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-ed6a1457.js';
+import { p as pushScopeId, a as popScopeId, n as nextTick, o as openBlock, c as createBlock, w as withScopeId, m as markRaw, s as shallowReactive, r as resolveComponent, b as resolveDirective, d as withDirectives, e as createElementBlock, f as renderSlot, g as createCommentVNode, h as withCtx, F as Fragment, i as renderList, j as resolveDynamicComponent, k as mergeProps, t as toHandlers, l as normalizeStyle, q as normalizeClass, u as createVNode, v as defineComponent, x as createBaseVNode, y as toDisplayString, z as unref, _ as __unplugin_components_7, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-c2b0ba3e.js';
 import { d as dayjs } from './dayjs.min-ff0bd3aa.js';
-import { g, M } from './splitpanes.es-166029e0.js';
-import './Icon.vue_vue_type_script_setup_true_lang-bf37ec60.js';
-import './index-57b0b18f.js';
-import './IconButton.vue_vue_type_script_setup_true_lang-9417e3da.js';
+import { g, M } from './splitpanes.es-695b5d63.js';
+import './Icon.vue_vue_type_script_setup_true_lang-d08cd842.js';
+import './index-b327a261.js';
+import './IconButton.vue_vue_type_script_setup_true_lang-4cfd93a4.js';
 import './_commonjsHelpers-7e83dbf2.js';
 
 function getInternetExplorerVersion() {

package/dist/client/index.html

@@ -5,8 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
   <title>Vue DevTools</title>
-  <script type="module" crossorigin src="./assets/index-056bb29c.js"></script>
-  <link rel="stylesheet" href="./assets/index-c3d74b48.css">
+  <script type="module" crossorigin src="./assets/index-c2b0ba3e.js"></script>
+  <link rel="stylesheet" href="./assets/index-f4f0a93b.css">
 </head>
 <body>
   <div id="app"></div>