@vue/devtools-kit 7.3.9 → 7.4.1

package/dist/index.js

@@ -18,18 +18,18 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target21) => (target21 = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+var __toESM = (mod, isNodeMode, target22) => (target22 = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target21, "default", { value: mod, enumerable: true }) : target21,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target22, "default", { value: mod, enumerable: true }) : target22,
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@8.2.4_@microsoft+api-extractor@7.43.0_@types+node@20.16.1__@swc+core@1.5.29_jiti@1.21.6__n4f3octckgstnpji6t2ezjmcwu/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.2.4_@microsoft+api-extractor@7.43.0_@types+node@20.16.3__@swc+core@1.5.29_jiti@1.21.6__poim247rgdwcqyeqwscqjhxddq/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.2.4_@microsoft+api-extractor@7.43.0_@types+node@20.16.1__@swc+core@1.5.29_jiti@1.21.6__n4f3octckgstnpji6t2ezjmcwu/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.2.4_@microsoft+api-extractor@7.43.0_@types+node@20.16.3__@swc+core@1.5.29_jiti@1.21.6__poim247rgdwcqyeqwscqjhxddq/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -1581,8 +1581,8 @@ import { isNuxtApp, target as target13 } from "@vue/devtools-shared";
 
 // src/hook/index.ts
 init_esm_shims();
-import { target } from "@vue/devtools-shared";
-import { createHooks } from "hookable";
+import { target as target10 } from "@vue/devtools-shared";
+import { createHooks as createHooks2 } from "hookable";
 
 // src/types/index.ts
 init_esm_shims();
@@ -1614,118 +1614,13 @@ init_esm_shims();
 // src/types/router.ts
 init_esm_shims();
 
-// src/hook/index.ts
-var _a, _b;
-var devtoolsHooks = (_b = (_a = target).__VUE_DEVTOOLS_HOOK) != null ? _b : _a.__VUE_DEVTOOLS_HOOK = createHooks();
-var on = {
-  vueAppInit(fn) {
-    devtoolsHooks.hook("app:init" /* APP_INIT */, fn);
-  },
-  vueAppUnmount(fn) {
-    devtoolsHooks.hook("app:unmount" /* APP_UNMOUNT */, fn);
-  },
-  vueAppConnected(fn) {
-    devtoolsHooks.hook("app:connected" /* APP_CONNECTED */, fn);
-  },
-  componentAdded(fn) {
-    return devtoolsHooks.hook("component:added" /* COMPONENT_ADDED */, fn);
-  },
-  componentUpdated(fn) {
-    return devtoolsHooks.hook("component:updated" /* COMPONENT_UPDATED */, fn);
-  },
-  componentRemoved(fn) {
-    return devtoolsHooks.hook("component:removed" /* COMPONENT_REMOVED */, fn);
-  },
-  setupDevtoolsPlugin(fn) {
-    devtoolsHooks.hook("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, fn);
-  }
-};
-function createDevToolsHook() {
-  return {
-    id: "vue-devtools-next",
-    devtoolsVersion: "7.0",
-    enabled: false,
-    appRecords: [],
-    apps: [],
-    events: /* @__PURE__ */ new Map(),
-    on(event, fn) {
-      var _a24;
-      if (!this.events.has(event))
-        this.events.set(event, []);
-      (_a24 = this.events.get(event)) == null ? void 0 : _a24.push(fn);
-      return () => this.off(event, fn);
-    },
-    once(event, fn) {
-      const onceFn = (...args) => {
-        this.off(event, onceFn);
-        fn(...args);
-      };
-      this.on(event, onceFn);
-      return [event, onceFn];
-    },
-    off(event, fn) {
-      if (this.events.has(event)) {
-        const eventCallbacks = this.events.get(event);
-        const index = eventCallbacks.indexOf(fn);
-        if (index !== -1)
-          eventCallbacks.splice(index, 1);
-      }
-    },
-    emit(event, ...payload) {
-      if (this.events.has(event))
-        this.events.get(event).forEach((fn) => fn(...payload));
-    }
-  };
-}
-function subscribeDevToolsHook() {
-  const hook2 = target.__VUE_DEVTOOLS_GLOBAL_HOOK__;
-  hook2.on("app:init" /* APP_INIT */, (app, version) => {
-    var _a24, _b24, _c;
-    if ((_c = (_b24 = (_a24 = app == null ? void 0 : app._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
-      return;
-    devtoolsHooks.callHook("app:init" /* APP_INIT */, app, version);
-  });
-  hook2.on("app:unmount" /* APP_UNMOUNT */, (app) => {
-    devtoolsHooks.callHook("app:unmount" /* APP_UNMOUNT */, app);
-  });
-  hook2.on("component:added" /* COMPONENT_ADDED */, async (app, uid, parentUid, component) => {
-    var _a24, _b24, _c;
-    if ((_c = (_b24 = (_a24 = app == null ? void 0 : app._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
-      return;
-    if (!app || typeof uid !== "number" && !uid || !component)
-      return;
-    devtoolsHooks.callHook("component:added" /* COMPONENT_ADDED */, app, uid, parentUid, component);
-  });
-  hook2.on("component:updated" /* COMPONENT_UPDATED */, (app, uid, parentUid, component) => {
-    if (!app || typeof uid !== "number" && !uid || !component)
-      return;
-    devtoolsHooks.callHook("component:updated" /* COMPONENT_UPDATED */, app, uid, parentUid, component);
-  });
-  hook2.on("component:removed" /* COMPONENT_REMOVED */, async (app, uid, parentUid, component) => {
-    if (!app || typeof uid !== "number" && !uid || !component)
-      return;
-    devtoolsHooks.callHook("component:removed" /* COMPONENT_REMOVED */, app, uid, parentUid, component);
-  });
-  hook2.on("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, (pluginDescriptor, setupFn, options) => {
-    if ((options == null ? void 0 : options.target) === "legacy")
-      return;
-    devtoolsHooks.callHook("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn);
-  });
-}
-var hook = {
-  on,
-  setupDevToolsPlugin(pluginDescriptor, setupFn) {
-    return devtoolsHooks.callHook("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn);
-  }
-};
-
 // src/ctx/index.ts
 init_esm_shims();
-import { target as target10 } from "@vue/devtools-shared";
+import { target as target9 } from "@vue/devtools-shared";
 
 // src/ctx/hook.ts
 init_esm_shims();
-import { createHooks as createHooks2 } from "hookable";
+import { createHooks } from "hookable";
 
 // src/core/component-highlighter/index.ts
 init_esm_shims();
@@ -1793,21 +1688,21 @@ async function getComponentId(options) {
   }
 }
 function isFragment(instance) {
-  var _a24;
-  const subTreeType = (_a24 = instance.subTree) == null ? void 0 : _a24.type;
+  var _a25;
+  const subTreeType = (_a25 = instance.subTree) == null ? void 0 : _a25.type;
   return subTreeType === Fragment;
 }
 function isBeingDestroyed(instance) {
   return instance._isBeingDestroyed || instance.isUnmounted;
 }
 function getInstanceName(instance) {
-  var _a24, _b24, _c;
+  var _a25, _b25, _c;
   const name = getComponentTypeName((instance == null ? void 0 : instance.type) || {});
   if (name)
     return name;
   if ((instance == null ? void 0 : instance.root) === instance)
     return "Root";
-  for (const key in (_b24 = (_a24 = instance.parent) == null ? void 0 : _a24.type) == null ? void 0 : _b24.components) {
+  for (const key in (_b25 = (_a25 = instance.parent) == null ? void 0 : _a25.type) == null ? void 0 : _b25.components) {
     if (instance.parent.type.components[key] === (instance == null ? void 0 : instance.type))
       return saveComponentGussedName(instance, key);
   }
@@ -1821,8 +1716,8 @@ function getInstanceName(instance) {
   return "Anonymous Component";
 }
 function getUniqueComponentId(instance) {
-  var _a24, _b24, _c;
-  const appId = (_c = (_b24 = (_a24 = instance == null ? void 0 : instance.appContext) == null ? void 0 : _a24.app) == null ? void 0 : _b24.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__) != null ? _c : 0;
+  var _a25, _b25, _c;
+  const appId = (_c = (_b25 = (_a25 = instance == null ? void 0 : instance.appContext) == null ? void 0 : _a25.app) == null ? void 0 : _b25.__VUE_DEVTOOLS_NEXT_APP_RECORD_ID__) != null ? _c : 0;
   const instanceId = instance === (instance == null ? void 0 : instance.root) ? "root" : instance.uid;
   return `${appId}:${instanceId}`;
 }
@@ -2012,9 +1907,9 @@ function getStyles(bounds) {
   };
 }
 function create(options) {
-  var _a24;
+  var _a25;
   const containerEl = document.createElement("div");
-  containerEl.id = (_a24 = options.elementId) != null ? _a24 : CONTAINER_ELEMENT_ID;
+  containerEl.id = (_a25 = options.elementId) != null ? _a25 : CONTAINER_ELEMENT_ID;
   Object.assign(containerEl.style, {
     ...containerStyles,
     ...getStyles(options.bounds),
@@ -2069,9 +1964,9 @@ function unhighlight() {
 }
 var inspectInstance = null;
 function inspectFn(e) {
-  const target21 = e.target;
-  if (target21) {
-    const instance = target21.__vueParentComponent;
+  const target22 = e.target;
+  if (target22) {
+    const instance = target22.__vueParentComponent;
     if (instance) {
       inspectInstance = instance;
       const el = instance.vnode.el;
@@ -2085,11 +1980,11 @@ function inspectFn(e) {
   }
 }
 function selectComponentFn(e, cb) {
-  var _a24;
+  var _a25;
   e.preventDefault();
   e.stopPropagation();
   if (inspectInstance) {
-    const app = (_a24 = activeAppRecord.value) == null ? void 0 : _a24.app;
+    const app = (_a25 = activeAppRecord.value) == null ? void 0 : _a25.app;
     getComponentId({
       app,
       uid: app.uid,
@@ -2167,23 +2062,23 @@ function scrollToComponent(options) {
 
 // src/ctx/inspector.ts
 init_esm_shims();
-import { target as target3 } from "@vue/devtools-shared";
+import { target as target2 } from "@vue/devtools-shared";
 import { debounce as debounce2 } from "perfect-debounce";
 
 // src/ctx/state.ts
 init_esm_shims();
 import { target as global, isUrlString } from "@vue/devtools-shared";
 import { debounce } from "perfect-debounce";
+var _a, _b;
+(_b = (_a = global).__VUE_DEVTOOLS_KIT_APP_RECORDS__) != null ? _b : _a.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = [];
 var _a2, _b2;
-(_b2 = (_a2 = global).__VUE_DEVTOOLS_KIT_APP_RECORDS__) != null ? _b2 : _a2.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = [];
+(_b2 = (_a2 = global).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__) != null ? _b2 : _a2.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = {};
 var _a3, _b3;
-(_b3 = (_a3 = global).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__) != null ? _b3 : _a3.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = {};
+(_b3 = (_a3 = global).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__) != null ? _b3 : _a3.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = "";
 var _a4, _b4;
-(_b4 = (_a4 = global).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__) != null ? _b4 : _a4.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = "";
+(_b4 = (_a4 = global).__VUE_DEVTOOLS_KIT_CUSTOM_TABS__) != null ? _b4 : _a4.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ = [];
 var _a5, _b5;
-(_b5 = (_a5 = global).__VUE_DEVTOOLS_KIT_CUSTOM_TABS__) != null ? _b5 : _a5.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ = [];
-var _a6, _b6;
-(_b6 = (_a6 = global).__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__) != null ? _b6 : _a6.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ = [];
+(_b5 = (_a5 = global).__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__) != null ? _b5 : _a5.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ = [];
 var STATE_KEY = "__VUE_DEVTOOLS_KIT_GLOBAL_STATE__";
 function initStateFactory() {
   return {
@@ -2194,11 +2089,12 @@ function initStateFactory() {
     activeAppRecordId: "",
     tabs: [],
     commands: [],
-    highPerfModeEnabled: false
+    highPerfModeEnabled: true,
+    devtoolsClientDetected: {}
   };
 }
-var _a7, _b7;
-(_b7 = (_a7 = global)[STATE_KEY]) != null ? _b7 : _a7[STATE_KEY] = initStateFactory();
+var _a6, _b6;
+(_b6 = (_a6 = global)[STATE_KEY]) != null ? _b6 : _a6[STATE_KEY] = initStateFactory();
 var callStateUpdatedHook = debounce((state) => {
   devtoolsContext.hooks.callHook("devtoolsStateUpdated" /* DEVTOOLS_STATE_UPDATED */, { state });
 });
@@ -2248,7 +2144,7 @@ function setActiveAppRecordId(id) {
   updateAllStates();
 }
 var devtoolsState = new Proxy(global[STATE_KEY], {
-  get(target21, property) {
+  get(target22, property) {
     if (property === "appRecords") {
       return devtoolsAppRecords;
     } else if (property === "activeAppRecordId") {
@@ -2260,13 +2156,13 @@ var devtoolsState = new Proxy(global[STATE_KEY], {
     }
     return global[STATE_KEY][property];
   },
-  deleteProperty(target21, property) {
-    delete target21[property];
+  deleteProperty(target22, property) {
+    delete target22[property];
     return true;
   },
-  set(target21, property, value) {
+  set(target22, property, value) {
     const oldState = { ...global[STATE_KEY] };
-    target21[property] = value;
+    target22[property] = value;
     global[STATE_KEY][property] = value;
     return true;
   }
@@ -2348,12 +2244,12 @@ function toggleClientConnected(state) {
 
 // src/ctx/timeline.ts
 init_esm_shims();
-import { target as target2 } from "@vue/devtools-shared";
-var _a8, _b8;
-(_b8 = (_a8 = target2).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null ? _b8 : _a8.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = [];
-var devtoolsTimelineLayers = new Proxy(target2.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
-  get(target21, prop, receiver) {
-    return Reflect.get(target21, prop, receiver);
+import { target } from "@vue/devtools-shared";
+var _a7, _b7;
+(_b7 = (_a7 = target).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null ? _b7 : _a7.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = [];
+var devtoolsTimelineLayers = new Proxy(target.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
+  get(target22, prop, receiver) {
+    return Reflect.get(target22, prop, receiver);
   }
 });
 function addTimelineLayer(options, descriptor) {
@@ -2365,11 +2261,11 @@ function addTimelineLayer(options, descriptor) {
 }
 
 // src/ctx/inspector.ts
-var _a9, _b9;
-(_b9 = (_a9 = target3).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null ? _b9 : _a9.__VUE_DEVTOOLS_KIT_INSPECTOR__ = [];
-var devtoolsInspector = new Proxy(target3.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
-  get(target21, prop, receiver) {
-    return Reflect.get(target21, prop, receiver);
+var _a8, _b8;
+(_b8 = (_a8 = target2).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null ? _b8 : _a8.__VUE_DEVTOOLS_KIT_INSPECTOR__ = [];
+var devtoolsInspector = new Proxy(target2.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
+  get(target22, prop, receiver) {
+    return Reflect.get(target22, prop, receiver);
   }
 });
 var callInspectorUpdatedHook = debounce2(() => {
@@ -2387,14 +2283,14 @@ function addInspector(inspector, descriptor) {
 }
 function getActiveInspectors() {
   return devtoolsInspector.filter((inspector) => inspector.descriptor.app === activeAppRecord.value.app).filter((inspector) => inspector.descriptor.id !== "components").map((inspector) => {
-    var _a24;
+    var _a25;
     const descriptor = inspector.descriptor;
     const options = inspector.options;
     return {
       id: options.id,
       label: options.label,
       logo: descriptor.logo,
-      icon: `custom-ic-baseline-${(_a24 = options == null ? void 0 : options.icon) == null ? void 0 : _a24.replace(/_/g, "-")}`,
+      icon: `custom-ic-baseline-${(_a25 = options == null ? void 0 : options.icon) == null ? void 0 : _a25.replace(/_/g, "-")}`,
       packageName: descriptor.packageName,
       homepage: descriptor.homepage
     };
@@ -2471,13 +2367,13 @@ var DevToolsMessagingHookKeys = /* @__PURE__ */ ((DevToolsMessagingHookKeys2) =>
   return DevToolsMessagingHookKeys2;
 })(DevToolsMessagingHookKeys || {});
 function createDevToolsCtxHooks() {
-  const hooks2 = createHooks2();
+  const hooks2 = createHooks();
   hooks2.hook("addInspector" /* ADD_INSPECTOR */, ({ inspector, plugin }) => {
     addInspector(inspector, plugin.descriptor);
   });
   hooks2.hook("sendInspectorTree" /* SEND_INSPECTOR_TREE */, async ({ inspectorId, plugin }) => {
-    var _a24;
-    if (!inspectorId || !((_a24 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a24.app))
+    var _a25;
+    if (!inspectorId || !((_a25 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a25.app))
       return;
     const inspector = getInspector(inspectorId, plugin.descriptor.app);
     const _payload = {
@@ -2500,8 +2396,8 @@ function createDevToolsCtxHooks() {
     }, "sendInspectorTreeToClient" /* SEND_INSPECTOR_TREE_TO_CLIENT */);
   });
   hooks2.hook("sendInspectorState" /* SEND_INSPECTOR_STATE */, async ({ inspectorId, plugin }) => {
-    var _a24;
-    if (!inspectorId || !((_a24 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a24.app))
+    var _a25;
+    if (!inspectorId || !((_a25 = plugin == null ? void 0 : plugin.descriptor) == null ? void 0 : _a25.app))
       return;
     const inspector = getInspector(inspectorId, plugin.descriptor.app);
     const _payload = {
@@ -2573,7 +2469,7 @@ function createDevToolsCtxHooks() {
 
 // src/ctx/api.ts
 init_esm_shims();
-import { target as target8 } from "@vue/devtools-shared";
+import { target as target7 } from "@vue/devtools-shared";
 
 // src/core/component/state/editor.ts
 init_esm_shims();
@@ -2646,9 +2542,9 @@ var StateEditor = class {
         else Reflect.deleteProperty(object, field);
       }
       if (!state.remove) {
-        const target21 = object[state.newKey || field];
-        if (this.refEditor.isRef(target21))
-          this.refEditor.set(target21, value);
+        const target22 = object[state.newKey || field];
+        if (this.refEditor.isRef(target22))
+          this.refEditor.set(target22, value);
         else if (toRaw(object) instanceof Map)
           object.set(state.newKey || field, value);
         else if (toRaw(object) instanceof Set)
@@ -2700,15 +2596,15 @@ async function editComponentState(payload, stateEditor2) {
   if (!instance)
     return;
   const targetPath = path.slice();
-  let target21;
+  let target22;
   if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0]))
-    target21 = instance.devtoolsRawSetupState;
+    target22 = instance.devtoolsRawSetupState;
   if (instance.data && Object.keys(instance.data).includes(path[0]))
-    target21 = instance.data;
-  if (target21 && targetPath) {
+    target22 = instance.data;
+  if (target22 && targetPath) {
     if (state.type === "object" && type === "reactive") {
     }
-    stateEditor2.set(target21, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
+    stateEditor2.set(target22, targetPath, state.value, stateEditor2.createDefaultSetCallback(state));
   }
 }
 var stateEditor = new StateEditor();
@@ -2718,17 +2614,17 @@ async function editState(payload) {
 
 // src/core/open-in-editor/index.ts
 init_esm_shims();
-import { target as target4 } from "@vue/devtools-shared";
+import { target as target3 } from "@vue/devtools-shared";
 function setOpenInEditorBaseUrl(url) {
-  target4.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__ = url;
+  target3.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__ = url;
 }
 function openInEditor(options = {}) {
-  var _a24, _b24, _c;
+  var _a25, _b25, _c;
   const { file, host, baseUrl = window.location.origin, line = 0, column = 0 } = options;
   if (file) {
     if (host === "chrome-extension") {
       const fileName = file.replace(/\\/g, "\\\\");
-      const _baseUrl = (_b24 = (_a24 = window.VUE_DEVTOOLS_CONFIG) == null ? void 0 : _a24.openInEditorHost) != null ? _b24 : "/";
+      const _baseUrl = (_b25 = (_a25 = window.VUE_DEVTOOLS_CONFIG) == null ? void 0 : _a25.openInEditorHost) != null ? _b25 : "/";
       fetch(`${_baseUrl}__open-in-editor?file=${encodeURI(file)}`).then((response) => {
         if (!response.ok) {
           const msg = `Opening component ${fileName} failed`;
@@ -2736,8 +2632,8 @@ function openInEditor(options = {}) {
         }
       });
     } else if (devtoolsState.vitePluginDetected) {
-      const _baseUrl = (_c = target4.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? _c : baseUrl;
-      target4.__VUE_INSPECTOR__.openInEditor(_baseUrl, file, line, column);
+      const _baseUrl = (_c = target3.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? _c : baseUrl;
+      target3.__VUE_INSPECTOR__.openInEditor(_baseUrl, file, line, column);
     }
   }
 }
@@ -2752,20 +2648,20 @@ init_esm_shims();
 import { target as global2 } from "@vue/devtools-shared";
 var ROUTER_KEY = "__VUE_DEVTOOLS_ROUTER__";
 var ROUTER_INFO_KEY = "__VUE_DEVTOOLS_ROUTER_INFO__";
-var _a10, _b10;
-(_b10 = (_a10 = global2)[ROUTER_INFO_KEY]) != null ? _b10 : _a10[ROUTER_INFO_KEY] = {
+var _a9, _b9;
+(_b9 = (_a9 = global2)[ROUTER_INFO_KEY]) != null ? _b9 : _a9[ROUTER_INFO_KEY] = {
   currentRoute: null,
   routes: []
 };
-var _a11, _b11;
-(_b11 = (_a11 = global2)[ROUTER_KEY]) != null ? _b11 : _a11[ROUTER_KEY] = {};
+var _a10, _b10;
+(_b10 = (_a10 = global2)[ROUTER_KEY]) != null ? _b10 : _a10[ROUTER_KEY] = {};
 var devtoolsRouterInfo = new Proxy(global2[ROUTER_INFO_KEY], {
-  get(target21, property) {
+  get(target22, property) {
     return global2[ROUTER_INFO_KEY][property];
   }
 });
 var devtoolsRouter = new Proxy(global2[ROUTER_KEY], {
-  get(target21, property) {
+  get(target22, property) {
     if (property === "value") {
       return global2[ROUTER_KEY];
     }
@@ -2779,13 +2675,14 @@ function getRoutes(router) {
 }
 function filterRoutes(routes) {
   return routes.map((item) => {
-    let { path, name, children } = item;
+    let { path, name, children, meta } = item;
     if (children == null ? void 0 : children.length)
       children = filterRoutes(children);
     return {
       path,
       name,
-      children
+      children,
+      meta
     };
   });
 }
@@ -2807,8 +2704,8 @@ function filterCurrentRoute(route) {
 }
 function normalizeRouterInfo(appRecord, activeAppRecord2) {
   function init() {
-    var _a24;
-    const router = (_a24 = appRecord.app) == null ? void 0 : _a24.config.globalProperties.$router;
+    var _a25;
+    const router = (_a25 = appRecord.app) == null ? void 0 : _a25.config.globalProperties.$router;
     const currentRoute = filterCurrentRoute(router == null ? void 0 : router.currentRoute.value);
     const routes = filterRoutes(getRoutes(router));
     const c = console.warn;
@@ -2823,8 +2720,8 @@ function normalizeRouterInfo(appRecord, activeAppRecord2) {
   }
   init();
   hook.on.componentUpdated(debounce3(() => {
-    var _a24;
-    if (((_a24 = activeAppRecord2.value) == null ? void 0 : _a24.app) !== appRecord.app)
+    var _a25;
+    if (((_a25 = activeAppRecord2.value) == null ? void 0 : _a25.app) !== appRecord.app)
       return;
     init();
     devtoolsContext.hooks.callHook("routerInfoUpdated" /* ROUTER_INFO_UPDATED */, { state: global3[ROUTER_INFO_KEY] });
@@ -2833,16 +2730,16 @@ function normalizeRouterInfo(appRecord, activeAppRecord2) {
 
 // src/core/component-inspector/index.ts
 init_esm_shims();
-import { target as target5 } from "@vue/devtools-shared";
-var _a12, _b12;
-(_b12 = (_a12 = target5).__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__) != null ? _b12 : _a12.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = true;
+import { target as target4 } from "@vue/devtools-shared";
+var _a11, _b11;
+(_b11 = (_a11 = target4).__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__) != null ? _b11 : _a11.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = true;
 function toggleComponentInspectorEnabled(enabled) {
-  target5.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = enabled;
+  target4.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = enabled;
 }
 function waitForInspectorInit(cb) {
   let total = 0;
   const timer = setInterval(() => {
-    if (target5.__VUE_INSPECTOR__) {
+    if (target4.__VUE_INSPECTOR__) {
       clearInterval(timer);
       total += 30;
       cb();
@@ -2853,7 +2750,7 @@ function waitForInspectorInit(cb) {
   }, 30);
 }
 function setupInspector() {
-  const inspector = target5.__VUE_INSPECTOR__;
+  const inspector = target4.__VUE_INSPECTOR__;
   const _openInEditor = inspector.openInEditor;
   inspector.openInEditor = async (...params) => {
     inspector.disable();
@@ -2864,9 +2761,9 @@ function getComponentInspector() {
   return new Promise((resolve) => {
     function setup() {
       setupInspector();
-      resolve(target5.__VUE_INSPECTOR__);
+      resolve(target4.__VUE_INSPECTOR__);
     }
-    if (!target5.__VUE_INSPECTOR__) {
+    if (!target4.__VUE_INSPECTOR__) {
       waitForInspectorInit(() => {
         setup();
       });
@@ -2878,7 +2775,7 @@ function getComponentInspector() {
 
 // src/core/plugin/index.ts
 init_esm_shims();
-import { target as target7 } from "@vue/devtools-shared";
+import { target as target6 } from "@vue/devtools-shared";
 
 // src/api/index.ts
 init_esm_shims();
@@ -2886,20 +2783,82 @@ init_esm_shims();
 // src/api/v6/index.ts
 init_esm_shims();
 
+// src/core/plugin/plugin-settings.ts
+init_esm_shims();
+
 // src/ctx/plugin.ts
 init_esm_shims();
-import { target as target6 } from "@vue/devtools-shared";
-var _a13, _b13;
-(_b13 = (_a13 = target6).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b13 : _a13.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
-var devtoolsPluginBuffer = new Proxy(target6.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
-  get(target21, prop, receiver) {
-    return Reflect.get(target21, prop, receiver);
+import { target as target5 } from "@vue/devtools-shared";
+var _a12, _b12;
+(_b12 = (_a12 = target5).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b12 : _a12.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
+var devtoolsPluginBuffer = new Proxy(target5.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
+  get(target22, prop, receiver) {
+    return Reflect.get(target22, prop, receiver);
   }
 });
 function addDevToolsPluginToBuffer(pluginDescriptor, setupFn) {
   devtoolsPluginBuffer.push([pluginDescriptor, setupFn]);
 }
 
+// src/core/plugin/plugin-settings.ts
+function _getSettings(settings) {
+  const _settings = {};
+  Object.keys(settings).forEach((key) => {
+    _settings[key] = settings[key].defaultValue;
+  });
+  return _settings;
+}
+function getPluginLocalKey(pluginId) {
+  return `__VUE_DEVTOOLS_NEXT_PLUGIN_SETTINGS__${pluginId}__`;
+}
+function getPluginSettingsOptions(pluginId) {
+  var _a25, _b25, _c, _d;
+  const descriptor = (_a25 = getInspector(pluginId)) == null ? void 0 : _a25.descriptor;
+  const item = (_c = (_b25 = devtoolsPluginBuffer.find((item2) => item2[0].id === (descriptor == null ? void 0 : descriptor.id))) == null ? void 0 : _b25[0]) != null ? _c : null;
+  return (_d = item == null ? void 0 : item.settings) != null ? _d : null;
+}
+function getPluginSettings(pluginId, fallbackValue) {
+  var _a25, _b25, _c;
+  const localKey = getPluginLocalKey(pluginId);
+  if (localKey) {
+    const localSettings = localStorage.getItem(localKey);
+    if (localSettings) {
+      return JSON.parse(localSettings);
+    }
+  }
+  if (pluginId) {
+    const item = (_b25 = (_a25 = devtoolsPluginBuffer.find((item2) => item2[0].id === pluginId)) == null ? void 0 : _a25[0]) != null ? _b25 : null;
+    return _getSettings((_c = item == null ? void 0 : item.settings) != null ? _c : {});
+  }
+  return _getSettings(fallbackValue);
+}
+function initPluginSettings(pluginId, settings) {
+  const localKey = getPluginLocalKey(pluginId);
+  const localSettings = localStorage.getItem(localKey);
+  if (!localSettings) {
+    localStorage.setItem(localKey, JSON.stringify(_getSettings(settings)));
+  }
+}
+function setPluginSettings(pluginId, key, value) {
+  const localKey = getPluginLocalKey(pluginId);
+  const localSettings = localStorage.getItem(localKey);
+  const parsedLocalSettings = JSON.parse(localSettings || "{}");
+  const updated = {
+    ...parsedLocalSettings,
+    [key]: value
+  };
+  localStorage.setItem(localKey, JSON.stringify(updated));
+  devtoolsContext.hooks.callHookWith((callbacks) => {
+    callbacks.forEach((cb) => cb({
+      pluginId,
+      key,
+      oldValue: parsedLocalSettings[key],
+      newValue: value,
+      settings: updated
+    }));
+  }, "setPluginSettings" /* SET_PLUGIN_SETTINGS */);
+}
+
 // src/api/v6/index.ts
 var DevToolsV6PluginAPI = class {
   constructor({ plugin, ctx }) {
@@ -2943,14 +2902,14 @@ var DevToolsV6PluginAPI = class {
   }
   // component inspector
   notifyComponentUpdate(instance) {
-    var _a24;
+    var _a25;
     const inspector = getActiveInspectors().find((i) => i.packageName === this.plugin.descriptor.packageName);
     if (inspector == null ? void 0 : inspector.id) {
       if (instance) {
         const args = [
           instance.appContext.app,
           instance.uid,
-          (_a24 = instance.parent) == null ? void 0 : _a24.uid,
+          (_a25 = instance.parent) == null ? void 0 : _a25.uid,
           instance
         ];
         devtoolsHooks.callHook("component:updated" /* COMPONENT_UPDATED */, ...args);
@@ -2963,6 +2922,9 @@ var DevToolsV6PluginAPI = class {
   // custom inspector
   addInspector(options) {
     this.hooks.callHook("addInspector" /* ADD_INSPECTOR */, { inspector: options, plugin: this.plugin });
+    if (this.plugin.descriptor.settings) {
+      initPluginSettings(options.id, this.plugin.descriptor.settings);
+    }
   }
   sendInspectorTree(inspectorId) {
     this.hooks.callHook("sendInspectorTree" /* SEND_INSPECTOR_TREE */, { inspectorId, plugin: this.plugin });
@@ -2985,20 +2947,8 @@ var DevToolsV6PluginAPI = class {
   }
   // settings
   getSettings(pluginId) {
-    var _a24, _b24, _c;
-    function _getSettings(settings) {
-      const _settings = {};
-      Object.keys(settings).forEach((key) => {
-        _settings[key] = settings[key].defaultValue;
-      });
-      return _settings;
-    }
-    if (pluginId) {
-      const item = (_b24 = (_a24 = devtoolsPluginBuffer.find((item2) => item2[0].id === pluginId)) == null ? void 0 : _a24[0]) != null ? _b24 : null;
-      return (_c = _getSettings(item == null ? void 0 : item.settings)) != null ? _c : _getSettings(this.plugin.descriptor.settings);
-    } else {
-      return _getSettings(this.plugin.descriptor.settings);
-    }
+    const inspector = getActiveInspectors().find((i) => i.packageName === this.plugin.descriptor.packageName);
+    return getPluginSettings(pluginId != null ? pluginId : inspector == null ? void 0 : inspector.id, this.plugin.descriptor.settings);
   }
   // utilities
   getComponentInstances(app) {
@@ -3095,7 +3045,7 @@ var ComponentWalker = class {
    * @return {object}
    */
   async capture(instance, depth) {
-    var _a24;
+    var _a25;
     if (!instance)
       return null;
     const id = this.captureId(instance);
@@ -3150,7 +3100,7 @@ var ComponentWalker = class {
     } else {
       treeNode.domOrder = [-1];
     }
-    if ((_a24 = instance.suspense) == null ? void 0 : _a24.suspenseKey) {
+    if ((_a25 = instance.suspense) == null ? void 0 : _a25.suspenseKey) {
       treeNode.tags.push({
         label: instance.suspense.suspenseKey,
         backgroundColor: 14979812,
@@ -3169,8 +3119,8 @@ var ComponentWalker = class {
    * @return {Vue|Array}
    */
   async findQualifiedChildren(instance, depth) {
-    var _a24;
-    if (this.componentFilter.isQualified(instance) && !((_a24 = instance.type.devtools) == null ? void 0 : _a24.hide)) {
+    var _a25;
+    if (this.componentFilter.isQualified(instance) && !((_a25 = instance.type.devtools) == null ? void 0 : _a25.hide)) {
       return [await this.capture(instance, depth)];
     } else if (instance.subTree) {
       const list = this.isKeepAlive(instance) ? this.getKeepAliveCachedInstances(instance) : this.getInternalInstanceChildren(instance.subTree);
@@ -3190,8 +3140,8 @@ var ComponentWalker = class {
    */
   async findQualifiedChildrenFromList(instances, depth) {
     instances = instances.filter((child) => {
-      var _a24;
-      return !isBeingDestroyed(child) && !((_a24 = child.type.devtools) == null ? void 0 : _a24.hide);
+      var _a25;
+      return !isBeingDestroyed(child) && !((_a25 = child.type.devtools) == null ? void 0 : _a25.hide);
     });
     if (!this.componentFilter.filter)
       return Promise.all(instances.map((child) => this.capture(child, depth)));
@@ -3219,8 +3169,8 @@ var ComponentWalker = class {
       }
     }
     return list.filter((child) => {
-      var _a24;
-      return !isBeingDestroyed(child) && !((_a24 = child.type.devtools) == null ? void 0 : _a24.hide);
+      var _a25;
+      return !isBeingDestroyed(child) && !((_a25 = child.type.devtools) == null ? void 0 : _a25.hide);
     });
   }
   /**
@@ -3501,7 +3451,7 @@ function getStateTypeAndName(info) {
 function processSetupState(instance) {
   const raw = instance.devtoolsRawSetupState || {};
   return Object.keys(instance.setupState).filter((key) => !vueBuiltins.has(key) && key.split(/(?=[A-Z])/)[0] !== "use").map((key) => {
-    var _a24, _b24, _c, _d;
+    var _a25, _b25, _c, _d;
     const value = returnError(() => toRaw2(instance.setupState[key]));
     const rawData = raw[key];
     let result;
@@ -3510,7 +3460,7 @@ function processSetupState(instance) {
       const info = getSetupStateType(rawData);
       const { stateType, stateTypeName } = getStateTypeAndName(info);
       const isState = info.ref || info.computed || info.reactive;
-      const raw2 = ensurePropertyExists(rawData, "effect") ? ((_b24 = (_a24 = rawData.effect) == null ? void 0 : _a24.raw) == null ? void 0 : _b24.toString()) || ((_d = (_c = rawData.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString()) : null;
+      const raw2 = ensurePropertyExists(rawData, "effect") ? ((_b25 = (_a25 = rawData.effect) == null ? void 0 : _a25.raw) == null ? void 0 : _b25.toString()) || ((_d = (_c = rawData.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString()) : null;
       if (stateType)
         isOtherType = false;
       result = {
@@ -3540,8 +3490,8 @@ function processComputed(instance, mergedType) {
       type: type2,
       key,
       value: returnError(() => {
-        var _a24;
-        return (_a24 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a24[key];
+        var _a25;
+        return (_a25 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a25[key];
       }),
       editable: typeof def.set === "function"
     });
@@ -3603,10 +3553,10 @@ function processRefs(instance) {
   }));
 }
 function processEventListeners(instance) {
-  var _a24, _b24;
+  var _a25, _b25;
   const emitsDefinition = instance.type.emits;
   const declaredEmits = Array.isArray(emitsDefinition) ? emitsDefinition : Object.keys(emitsDefinition != null ? emitsDefinition : {});
-  const keys = Object.keys((_b24 = (_a24 = instance == null ? void 0 : instance.vnode) == null ? void 0 : _a24.props) != null ? _b24 : {});
+  const keys = Object.keys((_b25 = (_a25 = instance == null ? void 0 : instance.vnode) == null ? void 0 : _a25.props) != null ? _b25 : {});
   const result = [];
   for (const key of keys) {
     const [prefix, ...eventNameParts] = key.split(/(?=[A-Z])/);
@@ -3645,11 +3595,11 @@ function processInstanceState(instance) {
 
 // src/core/component/state/index.ts
 function getInstanceState(params) {
-  var _a24;
+  var _a25;
   const instance = getComponentInstance(activeAppRecord.value, params.instanceId);
   const id = getUniqueComponentId(instance);
   const name = getInstanceName(instance);
-  const file = (_a24 = instance == null ? void 0 : instance.type) == null ? void 0 : _a24.__file;
+  const file = (_a25 = instance == null ? void 0 : instance.type) == null ? void 0 : _a25.__file;
   const state = processInstanceState(instance);
   return {
     id,
@@ -3711,13 +3661,13 @@ function createComponentsDevToolsPlugin(app) {
       }
     });
     api.on.getInspectorState(async (payload) => {
-      var _a24;
+      var _a25;
       if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
         const result = getInstanceState({
           instanceId: payload.nodeId
         });
         const componentInstance = result.instance;
-        const app2 = (_a24 = result.instance) == null ? void 0 : _a24.appContext.app;
+        const app2 = (_a25 = result.instance) == null ? void 0 : _a25.appContext.app;
         const _payload = {
           componentInstance,
           app: app2,
@@ -3743,10 +3693,10 @@ function createComponentsDevToolsPlugin(app) {
       api.sendInspectorState(INSPECTOR_ID);
     }, 120);
     const componentAddedCleanup = hook.on.componentAdded(async (app2, uid, parentUid, component) => {
-      var _a24, _b24, _c;
+      var _a25, _b25, _c;
       if (devtoolsState.highPerfModeEnabled)
         return;
-      if ((_c = (_b24 = (_a24 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
+      if ((_c = (_b25 = (_a25 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a25.type) == null ? void 0 : _b25.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
         return;
@@ -3770,10 +3720,10 @@ function createComponentsDevToolsPlugin(app) {
       debounceSendInspectorTree();
     });
     const componentUpdatedCleanup = hook.on.componentUpdated(async (app2, uid, parentUid, component) => {
-      var _a24, _b24, _c;
+      var _a25, _b25, _c;
       if (devtoolsState.highPerfModeEnabled)
         return;
-      if ((_c = (_b24 = (_a24 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
+      if ((_c = (_b25 = (_a25 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a25.type) == null ? void 0 : _b25.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
         return;
@@ -3798,10 +3748,10 @@ function createComponentsDevToolsPlugin(app) {
       debounceSendInspectorState();
     });
     const componentRemovedCleanup = hook.on.componentRemoved(async (app2, uid, parentUid, component) => {
-      var _a24, _b24, _c;
+      var _a25, _b25, _c;
       if (devtoolsState.highPerfModeEnabled)
         return;
-      if ((_c = (_b24 = (_a24 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a24.type) == null ? void 0 : _b24.devtools) == null ? void 0 : _c.hide)
+      if ((_c = (_b25 = (_a25 = app2 == null ? void 0 : app2._instance) == null ? void 0 : _a25.type) == null ? void 0 : _b25.devtools) == null ? void 0 : _c.hide)
         return;
       if (!app2 || typeof uid !== "number" && !uid || !component)
         return;
@@ -3823,8 +3773,8 @@ function createComponentsDevToolsPlugin(app) {
 }
 
 // src/core/plugin/index.ts
-var _a14, _b14;
-(_b14 = (_a14 = target7).__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__) != null ? _b14 : _a14.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ = /* @__PURE__ */ new Set();
+var _a13, _b13;
+(_b13 = (_a13 = target6).__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__) != null ? _b13 : _a13.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ = /* @__PURE__ */ new Set();
 function setupDevToolsPlugin(pluginDescriptor, setupFn) {
   return hook.setupDevToolsPlugin(pluginDescriptor, setupFn);
 }
@@ -3845,14 +3795,21 @@ function callDevToolsPluginSetupFn(plugin, app) {
     });
   }
   setupFn(api);
+  if (pluginDescriptor.settings) {
+    const inspector = devtoolsInspector.find((inspector2) => inspector2.descriptor.id === pluginDescriptor.id);
+    if (inspector) {
+      inspector.descriptor.settings = pluginDescriptor.settings;
+      initPluginSettings(inspector.options.id, pluginDescriptor.settings);
+    }
+  }
 }
 function removeRegisteredPluginApp(app) {
-  target7.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
+  target6.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
 }
 function registerDevToolsPlugin(app) {
-  if (target7.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app))
+  if (target6.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app))
     return;
-  target7.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
+  target6.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
   devtoolsPluginBuffer.forEach((plugin) => {
     callDevToolsPluginSetupFn(plugin, app);
   });
@@ -3955,34 +3912,43 @@ function createDevToolsApi(hooks2) {
       if (instance) {
         const [el] = getRootElementsFromComponentInstance(instance);
         if (el) {
-          target8.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = el;
+          target7.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = el;
         }
       }
+    },
+    updatePluginSettings(pluginId, key, value) {
+      setPluginSettings(pluginId, key, value);
+    },
+    getPluginSettings(pluginId) {
+      return {
+        options: getPluginSettingsOptions(pluginId),
+        values: getPluginSettings(pluginId)
+      };
     }
   };
 }
 
 // src/ctx/env.ts
 init_esm_shims();
-import { target as target9 } from "@vue/devtools-shared";
-var _a15, _b15;
-(_b15 = (_a15 = target9).__VUE_DEVTOOLS_ENV__) != null ? _b15 : _a15.__VUE_DEVTOOLS_ENV__ = {
+import { target as target8 } from "@vue/devtools-shared";
+var _a14, _b14;
+(_b14 = (_a14 = target8).__VUE_DEVTOOLS_ENV__) != null ? _b14 : _a14.__VUE_DEVTOOLS_ENV__ = {
   vitePluginDetected: false
 };
 function getDevToolsEnv() {
-  return target9.__VUE_DEVTOOLS_ENV__;
+  return target8.__VUE_DEVTOOLS_ENV__;
 }
 function setDevToolsEnv(env) {
-  target9.__VUE_DEVTOOLS_ENV__ = {
-    ...target9.__VUE_DEVTOOLS_ENV__,
+  target8.__VUE_DEVTOOLS_ENV__ = {
+    ...target8.__VUE_DEVTOOLS_ENV__,
     ...env
   };
 }
 
 // src/ctx/index.ts
 var hooks = createDevToolsCtxHooks();
-var _a16, _b16;
-(_b16 = (_a16 = target10).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b16 : _a16.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
+var _a15, _b15;
+(_b15 = (_a15 = target9).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b15 : _a15.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
   hooks,
   get state() {
     return {
@@ -3994,7 +3960,112 @@ var _a16, _b16;
   },
   api: createDevToolsApi(hooks)
 };
-var devtoolsContext = target10.__VUE_DEVTOOLS_KIT_CONTEXT__;
+var devtoolsContext = target9.__VUE_DEVTOOLS_KIT_CONTEXT__;
+
+// src/hook/index.ts
+var _a16, _b16;
+var devtoolsHooks = (_b16 = (_a16 = target10).__VUE_DEVTOOLS_HOOK) != null ? _b16 : _a16.__VUE_DEVTOOLS_HOOK = createHooks2();
+var on = {
+  vueAppInit(fn) {
+    devtoolsHooks.hook("app:init" /* APP_INIT */, fn);
+  },
+  vueAppUnmount(fn) {
+    devtoolsHooks.hook("app:unmount" /* APP_UNMOUNT */, fn);
+  },
+  vueAppConnected(fn) {
+    devtoolsHooks.hook("app:connected" /* APP_CONNECTED */, fn);
+  },
+  componentAdded(fn) {
+    return devtoolsHooks.hook("component:added" /* COMPONENT_ADDED */, fn);
+  },
+  componentUpdated(fn) {
+    return devtoolsHooks.hook("component:updated" /* COMPONENT_UPDATED */, fn);
+  },
+  componentRemoved(fn) {
+    return devtoolsHooks.hook("component:removed" /* COMPONENT_REMOVED */, fn);
+  },
+  setupDevtoolsPlugin(fn) {
+    devtoolsHooks.hook("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, fn);
+  }
+};
+function createDevToolsHook() {
+  return {
+    id: "vue-devtools-next",
+    devtoolsVersion: "7.0",
+    enabled: false,
+    appRecords: [],
+    apps: [],
+    events: /* @__PURE__ */ new Map(),
+    on(event, fn) {
+      var _a25;
+      if (!this.events.has(event))
+        this.events.set(event, []);
+      (_a25 = this.events.get(event)) == null ? void 0 : _a25.push(fn);
+      return () => this.off(event, fn);
+    },
+    once(event, fn) {
+      const onceFn = (...args) => {
+        this.off(event, onceFn);
+        fn(...args);
+      };
+      this.on(event, onceFn);
+      return [event, onceFn];
+    },
+    off(event, fn) {
+      if (this.events.has(event)) {
+        const eventCallbacks = this.events.get(event);
+        const index = eventCallbacks.indexOf(fn);
+        if (index !== -1)
+          eventCallbacks.splice(index, 1);
+      }
+    },
+    emit(event, ...payload) {
+      if (this.events.has(event))
+        this.events.get(event).forEach((fn) => fn(...payload));
+    }
+  };
+}
+function subscribeDevToolsHook() {
+  const hook2 = target10.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+  hook2.on("app:init" /* APP_INIT */, (app, version) => {
+    var _a25, _b25, _c;
+    if ((_c = (_b25 = (_a25 = app == null ? void 0 : app._instance) == null ? void 0 : _a25.type) == null ? void 0 : _b25.devtools) == null ? void 0 : _c.hide)
+      return;
+    devtoolsHooks.callHook("app:init" /* APP_INIT */, app, version);
+  });
+  hook2.on("app:unmount" /* APP_UNMOUNT */, (app) => {
+    devtoolsHooks.callHook("app:unmount" /* APP_UNMOUNT */, app);
+  });
+  hook2.on("component:added" /* COMPONENT_ADDED */, async (app, uid, parentUid, component) => {
+    var _a25, _b25, _c;
+    if (((_c = (_b25 = (_a25 = app == null ? void 0 : app._instance) == null ? void 0 : _a25.type) == null ? void 0 : _b25.devtools) == null ? void 0 : _c.hide) || devtoolsState.highPerfModeEnabled)
+      return;
+    if (!app || typeof uid !== "number" && !uid || !component)
+      return;
+    devtoolsHooks.callHook("component:added" /* COMPONENT_ADDED */, app, uid, parentUid, component);
+  });
+  hook2.on("component:updated" /* COMPONENT_UPDATED */, (app, uid, parentUid, component) => {
+    if (!app || typeof uid !== "number" && !uid || !component || devtoolsState.highPerfModeEnabled)
+      return;
+    devtoolsHooks.callHook("component:updated" /* COMPONENT_UPDATED */, app, uid, parentUid, component);
+  });
+  hook2.on("component:removed" /* COMPONENT_REMOVED */, async (app, uid, parentUid, component) => {
+    if (!app || typeof uid !== "number" && !uid || !component || devtoolsState.highPerfModeEnabled)
+      return;
+    devtoolsHooks.callHook("component:removed" /* COMPONENT_REMOVED */, app, uid, parentUid, component);
+  });
+  hook2.on("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, (pluginDescriptor, setupFn, options) => {
+    if ((options == null ? void 0 : options.target) === "legacy")
+      return;
+    devtoolsHooks.callHook("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn);
+  });
+}
+var hook = {
+  on,
+  setupDevToolsPlugin(pluginDescriptor, setupFn) {
+    return devtoolsHooks.callHook("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn);
+  }
+};
 
 // src/compat/index.ts
 init_esm_shims();
@@ -4023,14 +4094,14 @@ var appRecordInfo = (_b17 = (_a17 = target12).__VUE_DEVTOOLS_NEXT_APP_RECORD_INF
   appIds: /* @__PURE__ */ new Set()
 };
 function getAppRecordName(app, fallbackName) {
-  var _a24;
-  return ((_a24 = app == null ? void 0 : app._component) == null ? void 0 : _a24.name) || `App ${fallbackName}`;
+  var _a25;
+  return ((_a25 = app == null ? void 0 : app._component) == null ? void 0 : _a25.name) || `App ${fallbackName}`;
 }
 function getAppRootInstance(app) {
-  var _a24, _b24, _c, _d;
+  var _a25, _b25, _c, _d;
   if (app._instance)
     return app._instance;
-  else if ((_b24 = (_a24 = app._container) == null ? void 0 : _a24._vnode) == null ? void 0 : _b24.component)
+  else if ((_b25 = (_a25 = app._container) == null ? void 0 : _a25._vnode) == null ? void 0 : _b25.component)
     return (_d = (_c = app._container) == null ? void 0 : _c._vnode) == null ? void 0 : _d.component;
 }
 function removeAppRecordId(app) {
@@ -4078,11 +4149,11 @@ function createAppRecord(app) {
 
 // src/core/index.ts
 function initDevTools() {
-  var _a24;
+  var _a25;
   updateDevToolsState({
     vitePluginDetected: getDevToolsEnv().vitePluginDetected
   });
-  const isDevToolsNext = ((_a24 = target13.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a24.id) === "vue-devtools-next";
+  const isDevToolsNext = ((_a25 = target13.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a25.id) === "vue-devtools-next";
   if (target13.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
     return;
   if (!target13.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
@@ -4093,9 +4164,9 @@ function initDevTools() {
     }
   }
   hook.on.setupDevtoolsPlugin((pluginDescriptor, setupFn) => {
-    var _a25;
+    var _a26;
     addDevToolsPluginToBuffer(pluginDescriptor, setupFn);
-    const { app } = (_a25 = activeAppRecord) != null ? _a25 : {};
+    const { app } = (_a26 = activeAppRecord) != null ? _a26 : {};
     if (!app)
       return;
     callDevToolsPluginSetupFn([pluginDescriptor, setupFn], app);
@@ -4780,7 +4851,7 @@ function generateReferentialEqualityAnnotations(identitites, dedupe) {
   }
 }
 var walker = (object, identities, superJson, dedupe, path = [], objectsInThisPath = [], seenObjects = /* @__PURE__ */ new Map()) => {
-  var _a24;
+  var _a25;
   const primitive = isPrimitive2(object);
   if (!primitive) {
     addIdentity(object, path, identities);
@@ -4810,7 +4881,7 @@ var walker = (object, identities, superJson, dedupe, path = [], objectsInThisPat
     };
   }
   const transformationResult = transformValue(object, superJson);
-  const transformed = (_a24 = transformationResult == null ? void 0 : transformationResult.value) != null ? _a24 : object;
+  const transformed = (_a25 = transformationResult == null ? void 0 : transformationResult.value) != null ? _a25 : object;
   const transformedValue = isArray(transformed) ? [] : {};
   const innerAnnotations = {};
   forEach(transformed, (value, index) => {
@@ -4882,22 +4953,22 @@ function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
     });
   }
 }
-function copy(target21, options = {}) {
-  if (isArray2(target21)) {
-    return target21.map((item) => copy(item, options));
+function copy(target22, options = {}) {
+  if (isArray2(target22)) {
+    return target22.map((item) => copy(item, options));
   }
-  if (!isPlainObject3(target21)) {
-    return target21;
+  if (!isPlainObject3(target22)) {
+    return target22;
   }
-  const props = Object.getOwnPropertyNames(target21);
-  const symbols = Object.getOwnPropertySymbols(target21);
+  const props = Object.getOwnPropertyNames(target22);
+  const symbols = Object.getOwnPropertySymbols(target22);
   return [...props, ...symbols].reduce((carry, key) => {
     if (isArray2(options.props) && !options.props.includes(key)) {
       return carry;
     }
-    const val = target21[key];
+    const val = target22[key];
     const newVal = copy(val, options);
-    assignProp(carry, key, newVal, target21, options.nonenumerable);
+    assignProp(carry, key, newVal, target22, options.nonenumerable);
     return carry;
   }, {});
 }
@@ -4910,8 +4981,8 @@ var SuperJSON = class {
   constructor({ dedupe = false } = {}) {
     this.classRegistry = new ClassRegistry();
     this.symbolRegistry = new Registry((s) => {
-      var _a24;
-      return (_a24 = s.description) != null ? _a24 : "";
+      var _a25;
+      return (_a25 = s.description) != null ? _a25 : "";
     });
     this.customTransformerRegistry = new CustomTransformerRegistry();
     this.allowedErrorProps = [];
@@ -5042,9 +5113,9 @@ function createIframeServerChannel() {
   }
   return {
     post: (data) => {
-      var _a24;
+      var _a25;
       const iframe = getIframeServerContext();
-      (_a24 = iframe == null ? void 0 : iframe.contentWindow) == null ? void 0 : _a24.postMessage(SuperJSON.stringify({
+      (_a25 = iframe == null ? void 0 : iframe.contentWindow) == null ? void 0 : _a25.postMessage(SuperJSON.stringify({
         event: __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY,
         data
       }), "*");
@@ -5136,9 +5207,9 @@ function createViteClientChannel() {
 // src/messaging/presets/vite/server.ts
 init_esm_shims();
 function createViteServerChannel() {
-  var _a24;
+  var _a25;
   const viteServer = getViteServerContext();
-  const ws = (_a24 = viteServer.hot) != null ? _a24 : viteServer.ws;
+  const ws = (_a25 = viteServer.hot) != null ? _a25 : viteServer.ws;
   return {
     post: (data) => ws == null ? void 0 : ws.send(__DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY, SuperJSON.stringify(data)),
     on: (handler) => ws == null ? void 0 : ws.on(__DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY, (event) => {
@@ -5702,13 +5773,13 @@ function tryGetRefValue(ref) {
   }
 }
 function getObjectDetails(object) {
-  var _a24, _b24, _c, _d;
+  var _a25, _b25, _c, _d;
   const info = getSetupStateType(object);
   const isState = info.ref || info.computed || info.reactive;
   if (isState) {
     const stateTypeName = info.computed ? "Computed" : info.ref ? "Ref" : info.reactive ? "Reactive" : null;
     const value = toRaw2(info.reactive ? object : tryGetRefValue(object));
-    const raw = ensurePropertyExists(object, "effect") ? ((_b24 = (_a24 = object.effect) == null ? void 0 : _a24.raw) == null ? void 0 : _b24.toString()) || ((_d = (_c = object.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString()) : null;
+    const raw = ensurePropertyExists(object, "effect") ? ((_b25 = (_a25 = object.effect) == null ? void 0 : _a25.raw) == null ? void 0 : _b25.toString()) || ((_d = (_c = object.effect) == null ? void 0 : _c.fn) == null ? void 0 : _d.toString()) : null;
     return {
       _custom: {
         type: stateTypeName == null ? void 0 : stateTypeName.toLowerCase(),
@@ -5730,7 +5801,7 @@ function getObjectDetails(object) {
 
 // src/core/component/state/replacer.ts
 function stringifyReplacer(key, _value, depth, seenInstance) {
-  var _a24;
+  var _a25;
   if (key === "compilerOptions")
     return;
   const val = this[key];
@@ -5792,7 +5863,7 @@ function stringifyReplacer(key, _value, depth, seenInstance) {
       return `[native VNode <${val.tag}>]`;
     } else if (typeof HTMLElement !== "undefined" && val instanceof HTMLElement) {
       return getHTMLElementDetails(val);
-    } else if (((_a24 = val.constructor) == null ? void 0 : _a24.name) === "Store" && "_wrappedGetters" in val) {
+    } else if (((_a25 = val.constructor) == null ? void 0 : _a25.name) === "Store" && "_wrappedGetters" in val) {
       return "[object Store]";
     } else if (ensurePropertyExists(val, "currentRoute", true)) {
       return "[object Router]";
@@ -5956,8 +6027,8 @@ function stringifyCircularAutoChunks(data, replacer = null, space = null) {
   let result;
   try {
     result = arguments.length === 1 ? JSON.stringify(data) : JSON.stringify(data, (k, v) => {
-      var _a24;
-      return (_a24 = replacer == null ? void 0 : replacer(k, v)) == null ? void 0 : _a24.call(this);
+      var _a25;
+      return (_a25 = replacer == null ? void 0 : replacer(k, v)) == null ? void 0 : _a25.call(this);
     }, space);
   } catch (e) {
     result = stringifyStrictCircularAutoChunks(data, replacer, space);
@@ -6019,7 +6090,7 @@ function getInspectorStateValueType(value, raw = true) {
   }
 }
 function formatInspectorStateValue(value, quotes = false, options) {
-  var _a24, _b24, _c;
+  var _a25, _b25, _c;
   const { customClass } = options != null ? options : {};
   let result;
   const type = getInspectorStateValueType(value, false);
@@ -6028,14 +6099,14 @@ function formatInspectorStateValue(value, quotes = false, options) {
   if (result = internalStateTokenToString(value)) {
     return result;
   } else if (type === "custom") {
-    const nestedName = ((_a24 = value._custom.value) == null ? void 0 : _a24._custom) && formatInspectorStateValue(value._custom.value, quotes, options);
+    const nestedName = ((_a25 = value._custom.value) == null ? void 0 : _a25._custom) && formatInspectorStateValue(value._custom.value, quotes, options);
     return nestedName || value._custom.displayText || value._custom.display;
   } else if (type === "array") {
     return `Array[${value.length}]`;
   } else if (type === "plain-object") {
     return `Object${Object.keys(value).length ? "" : " (empty)"}`;
   } else if (type == null ? void 0 : type.includes("native")) {
-    return escape((_b24 = specialTypeRE.exec(value)) == null ? void 0 : _b24[2]);
+    return escape((_b25 = specialTypeRE.exec(value)) == null ? void 0 : _b25[2]);
   } else if (typeof value === "string") {
     const typeMatch = value.match(rawTypeRE);
     if (typeMatch) {
@@ -6052,14 +6123,14 @@ function escapeString(value) {
   return escape(value).replace(/ /g, "&nbsp;").replace(/\n/g, "<span>\\n</span>");
 }
 function getRaw(value) {
-  var _a24, _b24, _c;
+  var _a25, _b25, _c;
   let customType;
   const isCustom = getInspectorStateValueType(value) === "custom";
   let inherit = {};
   if (isCustom) {
     const data = value;
-    const customValue = (_a24 = data._custom) == null ? void 0 : _a24.value;
-    const currentCustomType = (_b24 = data._custom) == null ? void 0 : _b24.type;
+    const customValue = (_a25 = data._custom) == null ? void 0 : _a25.value;
+    const currentCustomType = (_b25 = data._custom) == null ? void 0 : _b25.type;
     const nestedCustom = typeof customValue === "object" && customValue !== null && "_custom" in customValue ? getRaw(customValue) : { inherit: void 0, value: void 0, customType: void 0 };
     inherit = nestedCustom.inherit || ((_c = data._custom) == null ? void 0 : _c.fields) || {};
     value = nestedCustom.value || customValue;
@@ -6100,6 +6171,20 @@ init_esm_shims();
 // src/shared/env.ts
 init_esm_shims();
 
+// src/core/devtools-client/detected.ts
+init_esm_shims();
+import { target as target21 } from "@vue/devtools-shared";
+function updateDevToolsClientDetected(params) {
+  devtoolsState.devtoolsClientDetected = {
+    ...devtoolsState.devtoolsClientDetected,
+    ...params
+  };
+  const devtoolsClientVisible = Object.values(devtoolsState.devtoolsClientDetected).some(Boolean);
+  toggleHighPerfMode(!devtoolsClientVisible);
+}
+var _a24, _b24;
+(_b24 = (_a24 = target21).__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__) != null ? _b24 : _a24.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ = updateDevToolsClientDetected;
+
 // src/index.ts
 var devtools = {
   hook,
@@ -6192,5 +6277,6 @@ export {
   toggleClientConnected,
   toggleComponentInspectorEnabled,
   toggleHighPerfMode,
+  updateDevToolsClientDetected,
   updateDevToolsState
 };