@vue/devtools-kit 7.3.9 → 7.4.0

package/dist/index.cjs

@@ -11,9 +11,9 @@ var __esm = (fn, res) => function __init() {
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-var __export = (target21, all) => {
+var __export = (target22, all) => {
   for (var name in all)
-    __defProp(target21, name, { get: all[name], enumerable: true });
+    __defProp(target22, name, { get: all[name], enumerable: true });
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
@@ -23,19 +23,19 @@ 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
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), 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/cjs_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/cjs_shims.js
 var init_cjs_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/cjs_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/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -1659,6 +1659,7 @@ __export(src_exports, {
   toggleClientConnected: () => toggleClientConnected,
   toggleComponentInspectorEnabled: () => toggleComponentInspectorEnabled,
   toggleHighPerfMode: () => toggleHighPerfMode,
+  updateDevToolsClientDetected: () => updateDevToolsClientDetected,
   updateDevToolsState: () => updateDevToolsState
 });
 module.exports = __toCommonJS(src_exports);
@@ -1670,8 +1671,8 @@ var import_devtools_shared19 = require("@vue/devtools-shared");
 
 // src/hook/index.ts
 init_cjs_shims();
-var import_devtools_shared = require("@vue/devtools-shared");
-var import_hookable = require("hookable");
+var import_devtools_shared16 = require("@vue/devtools-shared");
+var import_hookable2 = require("hookable");
 
 // src/types/index.ts
 init_cjs_shims();
@@ -1703,125 +1704,20 @@ init_cjs_shims();
 // src/types/router.ts
 init_cjs_shims();
 
-// src/hook/index.ts
-var _a, _b;
-var devtoolsHooks = (_b = (_a = import_devtools_shared.target).__VUE_DEVTOOLS_HOOK) != null ? _b : _a.__VUE_DEVTOOLS_HOOK = (0, import_hookable.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 = import_devtools_shared.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_cjs_shims();
-var import_devtools_shared16 = require("@vue/devtools-shared");
+var import_devtools_shared15 = require("@vue/devtools-shared");
 
 // src/ctx/hook.ts
 init_cjs_shims();
-var import_hookable2 = require("hookable");
+var import_hookable = require("hookable");
 
 // src/core/component-highlighter/index.ts
 init_cjs_shims();
 
 // src/core/component/utils/index.ts
 init_cjs_shims();
-var import_devtools_shared2 = require("@vue/devtools-shared");
+var import_devtools_shared = require("@vue/devtools-shared");
 
 // src/shared/stub-vue.ts
 init_cjs_shims();
@@ -1850,7 +1746,7 @@ function getComponentTypeName(options) {
 function getComponentFileName(options) {
   const file = options.__file;
   if (file)
-    return (0, import_devtools_shared2.classify)((0, import_devtools_shared2.basename)(file, ".vue"));
+    return (0, import_devtools_shared.classify)((0, import_devtools_shared.basename)(file, ".vue"));
 }
 function getComponentName(options) {
   const name = options.displayName || options.name || options._componentTag;
@@ -1882,21 +1778,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);
   }
@@ -1910,8 +1806,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}`;
 }
@@ -2101,9 +1997,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),
@@ -2158,9 +2054,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;
@@ -2174,11 +2070,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,
@@ -2256,23 +2152,23 @@ function scrollToComponent(options) {
 
 // src/ctx/inspector.ts
 init_cjs_shims();
-var import_devtools_shared5 = require("@vue/devtools-shared");
+var import_devtools_shared4 = require("@vue/devtools-shared");
 var import_perfect_debounce2 = require("perfect-debounce");
 
 // src/ctx/state.ts
 init_cjs_shims();
-var import_devtools_shared3 = require("@vue/devtools-shared");
+var import_devtools_shared2 = require("@vue/devtools-shared");
 var import_perfect_debounce = require("perfect-debounce");
+var _a, _b;
+(_b = (_a = import_devtools_shared2.target).__VUE_DEVTOOLS_KIT_APP_RECORDS__) != null ? _b : _a.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = [];
 var _a2, _b2;
-(_b2 = (_a2 = import_devtools_shared3.target).__VUE_DEVTOOLS_KIT_APP_RECORDS__) != null ? _b2 : _a2.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = [];
+(_b2 = (_a2 = import_devtools_shared2.target).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__) != null ? _b2 : _a2.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = {};
 var _a3, _b3;
-(_b3 = (_a3 = import_devtools_shared3.target).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__) != null ? _b3 : _a3.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = {};
+(_b3 = (_a3 = import_devtools_shared2.target).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__) != null ? _b3 : _a3.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = "";
 var _a4, _b4;
-(_b4 = (_a4 = import_devtools_shared3.target).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__) != null ? _b4 : _a4.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = "";
+(_b4 = (_a4 = import_devtools_shared2.target).__VUE_DEVTOOLS_KIT_CUSTOM_TABS__) != null ? _b4 : _a4.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ = [];
 var _a5, _b5;
-(_b5 = (_a5 = import_devtools_shared3.target).__VUE_DEVTOOLS_KIT_CUSTOM_TABS__) != null ? _b5 : _a5.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ = [];
-var _a6, _b6;
-(_b6 = (_a6 = import_devtools_shared3.target).__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__) != null ? _b6 : _a6.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ = [];
+(_b5 = (_a5 = import_devtools_shared2.target).__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__) != null ? _b5 : _a5.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ = [];
 var STATE_KEY = "__VUE_DEVTOOLS_KIT_GLOBAL_STATE__";
 function initStateFactory() {
   return {
@@ -2283,96 +2179,97 @@ function initStateFactory() {
     activeAppRecordId: "",
     tabs: [],
     commands: [],
-    highPerfModeEnabled: false
+    highPerfModeEnabled: true,
+    devtoolsClientDetected: {}
   };
 }
-var _a7, _b7;
-(_b7 = (_a7 = import_devtools_shared3.target)[STATE_KEY]) != null ? _b7 : _a7[STATE_KEY] = initStateFactory();
+var _a6, _b6;
+(_b6 = (_a6 = import_devtools_shared2.target)[STATE_KEY]) != null ? _b6 : _a6[STATE_KEY] = initStateFactory();
 var callStateUpdatedHook = (0, import_perfect_debounce.debounce)((state) => {
   devtoolsContext.hooks.callHook("devtoolsStateUpdated" /* DEVTOOLS_STATE_UPDATED */, { state });
 });
 var callConnectedUpdatedHook = (0, import_perfect_debounce.debounce)((state, oldState) => {
   devtoolsContext.hooks.callHook("devtoolsConnectedUpdated" /* DEVTOOLS_CONNECTED_UPDATED */, { state, oldState });
 });
-var devtoolsAppRecords = new Proxy(import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__, {
+var devtoolsAppRecords = new Proxy(import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__, {
   get(_target, prop, receiver) {
     if (prop === "value")
-      return import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__;
-    return import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__[prop];
+      return import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__;
+    return import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__[prop];
   }
 });
 var addDevToolsAppRecord = (app) => {
-  import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = [
-    ...import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__,
+  import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = [
+    ...import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__,
     app
   ];
 };
 var removeDevToolsAppRecord = (app) => {
-  import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = devtoolsAppRecords.value.filter((record) => record.app !== app);
+  import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = devtoolsAppRecords.value.filter((record) => record.app !== app);
 };
-var activeAppRecord = new Proxy(import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__, {
+var activeAppRecord = new Proxy(import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__, {
   get(_target, prop, receiver) {
     if (prop === "value")
-      return import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__;
+      return import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__;
     else if (prop === "id")
-      return import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__;
-    return import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__[prop];
+      return import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__;
+    return import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__[prop];
   }
 });
 function updateAllStates() {
   callStateUpdatedHook({
-    ...import_devtools_shared3.target[STATE_KEY],
+    ...import_devtools_shared2.target[STATE_KEY],
     appRecords: devtoolsAppRecords.value,
     activeAppRecordId: activeAppRecord.id,
-    tabs: import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__,
-    commands: import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__
+    tabs: import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__,
+    commands: import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__
   });
 }
 function setActiveAppRecord(app) {
-  import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = app;
+  import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = app;
   updateAllStates();
 }
 function setActiveAppRecordId(id) {
-  import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = id;
+  import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = id;
   updateAllStates();
 }
-var devtoolsState = new Proxy(import_devtools_shared3.target[STATE_KEY], {
-  get(target21, property) {
+var devtoolsState = new Proxy(import_devtools_shared2.target[STATE_KEY], {
+  get(target22, property) {
     if (property === "appRecords") {
       return devtoolsAppRecords;
     } else if (property === "activeAppRecordId") {
       return activeAppRecord.id;
     } else if (property === "tabs") {
-      return import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__;
+      return import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__;
     } else if (property === "commands") {
-      return import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
+      return import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
     }
-    return import_devtools_shared3.target[STATE_KEY][property];
+    return import_devtools_shared2.target[STATE_KEY][property];
   },
-  deleteProperty(target21, property) {
-    delete target21[property];
+  deleteProperty(target22, property) {
+    delete target22[property];
     return true;
   },
-  set(target21, property, value) {
-    const oldState = { ...import_devtools_shared3.target[STATE_KEY] };
-    target21[property] = value;
-    import_devtools_shared3.target[STATE_KEY][property] = value;
+  set(target22, property, value) {
+    const oldState = { ...import_devtools_shared2.target[STATE_KEY] };
+    target22[property] = value;
+    import_devtools_shared2.target[STATE_KEY][property] = value;
     return true;
   }
 });
 function resetDevToolsState() {
-  Object.assign(import_devtools_shared3.target[STATE_KEY], initStateFactory());
+  Object.assign(import_devtools_shared2.target[STATE_KEY], initStateFactory());
 }
 function updateDevToolsState(state) {
   const oldState = {
-    ...import_devtools_shared3.target[STATE_KEY],
+    ...import_devtools_shared2.target[STATE_KEY],
     appRecords: devtoolsAppRecords.value,
     activeAppRecordId: activeAppRecord.id
   };
   if (oldState.connected !== state.connected && state.connected || oldState.clientConnected !== state.clientConnected && state.clientConnected) {
-    callConnectedUpdatedHook(import_devtools_shared3.target[STATE_KEY], oldState);
+    callConnectedUpdatedHook(import_devtools_shared2.target[STATE_KEY], oldState);
   }
-  Object.assign(import_devtools_shared3.target[STATE_KEY], state);
+  Object.assign(import_devtools_shared2.target[STATE_KEY], state);
   updateAllStates();
 }
 function onDevToolsConnected(fn) {
@@ -2395,12 +2292,12 @@ var resolveIcon = (icon) => {
   if (icon.startsWith("baseline-")) {
     return `custom-ic-${icon}`;
   }
-  if (icon.startsWith("i-") || (0, import_devtools_shared3.isUrlString)(icon))
+  if (icon.startsWith("i-") || (0, import_devtools_shared2.isUrlString)(icon))
     return icon;
   return `custom-ic-baseline-${icon}`;
 };
 function addCustomTab(tab) {
-  const tabs = import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__;
+  const tabs = import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__;
   if (tabs.some((t) => t.name === tab.name))
     return;
   tabs.push({
@@ -2410,7 +2307,7 @@ function addCustomTab(tab) {
   updateAllStates();
 }
 function addCustomCommand(action) {
-  const commands = import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
+  const commands = import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
   if (commands.some((t) => t.id === action.id))
     return;
   commands.push({
@@ -2424,7 +2321,7 @@ function addCustomCommand(action) {
   updateAllStates();
 }
 function removeCustomCommand(actionId) {
-  const commands = import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
+  const commands = import_devtools_shared2.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
   const index = commands.findIndex((t) => t.id === actionId);
   if (index === -1)
     return;
@@ -2437,12 +2334,12 @@ function toggleClientConnected(state) {
 
 // src/ctx/timeline.ts
 init_cjs_shims();
-var import_devtools_shared4 = require("@vue/devtools-shared");
-var _a8, _b8;
-(_b8 = (_a8 = import_devtools_shared4.target).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null ? _b8 : _a8.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = [];
-var devtoolsTimelineLayers = new Proxy(import_devtools_shared4.target.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
-  get(target21, prop, receiver) {
-    return Reflect.get(target21, prop, receiver);
+var import_devtools_shared3 = require("@vue/devtools-shared");
+var _a7, _b7;
+(_b7 = (_a7 = import_devtools_shared3.target).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null ? _b7 : _a7.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = [];
+var devtoolsTimelineLayers = new Proxy(import_devtools_shared3.target.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
+  get(target22, prop, receiver) {
+    return Reflect.get(target22, prop, receiver);
   }
 });
 function addTimelineLayer(options, descriptor) {
@@ -2454,11 +2351,11 @@ function addTimelineLayer(options, descriptor) {
 }
 
 // src/ctx/inspector.ts
-var _a9, _b9;
-(_b9 = (_a9 = import_devtools_shared5.target).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null ? _b9 : _a9.__VUE_DEVTOOLS_KIT_INSPECTOR__ = [];
-var devtoolsInspector = new Proxy(import_devtools_shared5.target.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
-  get(target21, prop, receiver) {
-    return Reflect.get(target21, prop, receiver);
+var _a8, _b8;
+(_b8 = (_a8 = import_devtools_shared4.target).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null ? _b8 : _a8.__VUE_DEVTOOLS_KIT_INSPECTOR__ = [];
+var devtoolsInspector = new Proxy(import_devtools_shared4.target.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
+  get(target22, prop, receiver) {
+    return Reflect.get(target22, prop, receiver);
   }
 });
 var callInspectorUpdatedHook = (0, import_perfect_debounce2.debounce)(() => {
@@ -2476,14 +2373,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
     };
@@ -2560,13 +2457,13 @@ var DevToolsMessagingHookKeys = /* @__PURE__ */ ((DevToolsMessagingHookKeys2) =>
   return DevToolsMessagingHookKeys2;
 })(DevToolsMessagingHookKeys || {});
 function createDevToolsCtxHooks() {
-  const hooks2 = (0, import_hookable2.createHooks)();
+  const hooks2 = (0, import_hookable.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 = {
@@ -2589,8 +2486,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 = {
@@ -2662,7 +2559,7 @@ function createDevToolsCtxHooks() {
 
 // src/ctx/api.ts
 init_cjs_shims();
-var import_devtools_shared14 = require("@vue/devtools-shared");
+var import_devtools_shared13 = require("@vue/devtools-shared");
 
 // src/core/component/state/editor.ts
 init_cjs_shims();
@@ -2735,9 +2632,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)
@@ -2789,15 +2686,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();
@@ -2807,17 +2704,17 @@ async function editState(payload) {
 
 // src/core/open-in-editor/index.ts
 init_cjs_shims();
-var import_devtools_shared6 = require("@vue/devtools-shared");
+var import_devtools_shared5 = require("@vue/devtools-shared");
 function setOpenInEditorBaseUrl(url) {
-  import_devtools_shared6.target.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__ = url;
+  import_devtools_shared5.target.__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`;
@@ -2825,38 +2722,38 @@ function openInEditor(options = {}) {
         }
       });
     } else if (devtoolsState.vitePluginDetected) {
-      const _baseUrl = (_c = import_devtools_shared6.target.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? _c : baseUrl;
-      import_devtools_shared6.target.__VUE_INSPECTOR__.openInEditor(_baseUrl, file, line, column);
+      const _baseUrl = (_c = import_devtools_shared5.target.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? _c : baseUrl;
+      import_devtools_shared5.target.__VUE_INSPECTOR__.openInEditor(_baseUrl, file, line, column);
     }
   }
 }
 
 // src/core/router/index.ts
 init_cjs_shims();
-var import_devtools_shared8 = require("@vue/devtools-shared");
+var import_devtools_shared7 = require("@vue/devtools-shared");
 var import_perfect_debounce3 = require("perfect-debounce");
 
 // src/ctx/router.ts
 init_cjs_shims();
-var import_devtools_shared7 = require("@vue/devtools-shared");
+var import_devtools_shared6 = require("@vue/devtools-shared");
 var ROUTER_KEY = "__VUE_DEVTOOLS_ROUTER__";
 var ROUTER_INFO_KEY = "__VUE_DEVTOOLS_ROUTER_INFO__";
-var _a10, _b10;
-(_b10 = (_a10 = import_devtools_shared7.target)[ROUTER_INFO_KEY]) != null ? _b10 : _a10[ROUTER_INFO_KEY] = {
+var _a9, _b9;
+(_b9 = (_a9 = import_devtools_shared6.target)[ROUTER_INFO_KEY]) != null ? _b9 : _a9[ROUTER_INFO_KEY] = {
   currentRoute: null,
   routes: []
 };
-var _a11, _b11;
-(_b11 = (_a11 = import_devtools_shared7.target)[ROUTER_KEY]) != null ? _b11 : _a11[ROUTER_KEY] = {};
-var devtoolsRouterInfo = new Proxy(import_devtools_shared7.target[ROUTER_INFO_KEY], {
-  get(target21, property) {
-    return import_devtools_shared7.target[ROUTER_INFO_KEY][property];
+var _a10, _b10;
+(_b10 = (_a10 = import_devtools_shared6.target)[ROUTER_KEY]) != null ? _b10 : _a10[ROUTER_KEY] = {};
+var devtoolsRouterInfo = new Proxy(import_devtools_shared6.target[ROUTER_INFO_KEY], {
+  get(target22, property) {
+    return import_devtools_shared6.target[ROUTER_INFO_KEY][property];
   }
 });
-var devtoolsRouter = new Proxy(import_devtools_shared7.target[ROUTER_KEY], {
-  get(target21, property) {
+var devtoolsRouter = new Proxy(import_devtools_shared6.target[ROUTER_KEY], {
+  get(target22, property) {
     if (property === "value") {
-      return import_devtools_shared7.target[ROUTER_KEY];
+      return import_devtools_shared6.target[ROUTER_KEY];
     }
   }
 });
@@ -2868,13 +2765,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
     };
   });
 }
@@ -2896,42 +2794,42 @@ 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;
     console.warn = () => {
     };
-    import_devtools_shared8.target[ROUTER_INFO_KEY] = {
-      currentRoute: currentRoute ? (0, import_devtools_shared8.deepClone)(currentRoute) : {},
-      routes: (0, import_devtools_shared8.deepClone)(routes)
+    import_devtools_shared7.target[ROUTER_INFO_KEY] = {
+      currentRoute: currentRoute ? (0, import_devtools_shared7.deepClone)(currentRoute) : {},
+      routes: (0, import_devtools_shared7.deepClone)(routes)
     };
-    import_devtools_shared8.target[ROUTER_KEY] = router;
+    import_devtools_shared7.target[ROUTER_KEY] = router;
     console.warn = c;
   }
   init();
   hook.on.componentUpdated((0, import_perfect_debounce3.debounce)(() => {
-    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: import_devtools_shared8.target[ROUTER_INFO_KEY] });
+    devtoolsContext.hooks.callHook("routerInfoUpdated" /* ROUTER_INFO_UPDATED */, { state: import_devtools_shared7.target[ROUTER_INFO_KEY] });
   }, 200));
 }
 
 // src/core/component-inspector/index.ts
 init_cjs_shims();
-var import_devtools_shared9 = require("@vue/devtools-shared");
-var _a12, _b12;
-(_b12 = (_a12 = import_devtools_shared9.target).__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__) != null ? _b12 : _a12.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = true;
+var import_devtools_shared8 = require("@vue/devtools-shared");
+var _a11, _b11;
+(_b11 = (_a11 = import_devtools_shared8.target).__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__) != null ? _b11 : _a11.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = true;
 function toggleComponentInspectorEnabled(enabled) {
-  import_devtools_shared9.target.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = enabled;
+  import_devtools_shared8.target.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = enabled;
 }
 function waitForInspectorInit(cb) {
   let total = 0;
   const timer = setInterval(() => {
-    if (import_devtools_shared9.target.__VUE_INSPECTOR__) {
+    if (import_devtools_shared8.target.__VUE_INSPECTOR__) {
       clearInterval(timer);
       total += 30;
       cb();
@@ -2942,7 +2840,7 @@ function waitForInspectorInit(cb) {
   }, 30);
 }
 function setupInspector() {
-  const inspector = import_devtools_shared9.target.__VUE_INSPECTOR__;
+  const inspector = import_devtools_shared8.target.__VUE_INSPECTOR__;
   const _openInEditor = inspector.openInEditor;
   inspector.openInEditor = async (...params) => {
     inspector.disable();
@@ -2953,9 +2851,9 @@ function getComponentInspector() {
   return new Promise((resolve) => {
     function setup() {
       setupInspector();
-      resolve(import_devtools_shared9.target.__VUE_INSPECTOR__);
+      resolve(import_devtools_shared8.target.__VUE_INSPECTOR__);
     }
-    if (!import_devtools_shared9.target.__VUE_INSPECTOR__) {
+    if (!import_devtools_shared8.target.__VUE_INSPECTOR__) {
       waitForInspectorInit(() => {
         setup();
       });
@@ -2967,7 +2865,7 @@ function getComponentInspector() {
 
 // src/core/plugin/index.ts
 init_cjs_shims();
-var import_devtools_shared13 = require("@vue/devtools-shared");
+var import_devtools_shared12 = require("@vue/devtools-shared");
 
 // src/api/index.ts
 init_cjs_shims();
@@ -2975,20 +2873,82 @@ init_cjs_shims();
 // src/api/v6/index.ts
 init_cjs_shims();
 
+// src/core/plugin/plugin-settings.ts
+init_cjs_shims();
+
 // src/ctx/plugin.ts
 init_cjs_shims();
-var import_devtools_shared10 = require("@vue/devtools-shared");
-var _a13, _b13;
-(_b13 = (_a13 = import_devtools_shared10.target).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b13 : _a13.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
-var devtoolsPluginBuffer = new Proxy(import_devtools_shared10.target.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
-  get(target21, prop, receiver) {
-    return Reflect.get(target21, prop, receiver);
+var import_devtools_shared9 = require("@vue/devtools-shared");
+var _a12, _b12;
+(_b12 = (_a12 = import_devtools_shared9.target).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b12 : _a12.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
+var devtoolsPluginBuffer = new Proxy(import_devtools_shared9.target.__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 }) {
@@ -3032,14 +2992,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);
@@ -3052,6 +3012,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 });
@@ -3074,20 +3037,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) {
@@ -3120,7 +3071,7 @@ init_cjs_shims();
 
 // src/core/component/tree/filter.ts
 init_cjs_shims();
-var import_devtools_shared11 = require("@vue/devtools-shared");
+var import_devtools_shared10 = require("@vue/devtools-shared");
 var ComponentFilter = class {
   constructor(filter) {
     this.filter = filter || "";
@@ -3133,7 +3084,7 @@ var ComponentFilter = class {
    */
   isQualified(instance) {
     const name = getInstanceName(instance);
-    return (0, import_devtools_shared11.classify)(name).toLowerCase().includes(this.filter) || (0, import_devtools_shared11.kebabize)(name).toLowerCase().includes(this.filter);
+    return (0, import_devtools_shared10.classify)(name).toLowerCase().includes(this.filter) || (0, import_devtools_shared10.kebabize)(name).toLowerCase().includes(this.filter);
   }
 };
 function createComponentFilter(filterText) {
@@ -3184,7 +3135,7 @@ var ComponentWalker = class {
    * @return {object}
    */
   async capture(instance, depth) {
-    var _a24;
+    var _a25;
     if (!instance)
       return null;
     const id = this.captureId(instance);
@@ -3239,7 +3190,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,
@@ -3258,8 +3209,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);
@@ -3279,8 +3230,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)));
@@ -3308,8 +3259,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);
     });
   }
   /**
@@ -3337,7 +3288,7 @@ init_cjs_shims();
 
 // src/core/component/state/process.ts
 init_cjs_shims();
-var import_devtools_shared12 = require("@vue/devtools-shared");
+var import_devtools_shared11 = require("@vue/devtools-shared");
 
 // src/core/component/state/constants.ts
 init_cjs_shims();
@@ -3547,7 +3498,7 @@ function processProps(instance) {
   const propDefinitions = instance.type.props;
   for (const key in instance.props) {
     const propDefinition = propDefinitions ? propDefinitions[key] : null;
-    const camelizeKey = (0, import_devtools_shared12.camelize)(key);
+    const camelizeKey = (0, import_devtools_shared11.camelize)(key);
     props.push({
       type: "props",
       key: camelizeKey,
@@ -3590,7 +3541,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;
@@ -3599,7 +3550,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 = {
@@ -3629,8 +3580,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"
     });
@@ -3692,10 +3643,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])/);
@@ -3734,11 +3685,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,
@@ -3800,13 +3751,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,
@@ -3832,10 +3783,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;
@@ -3859,10 +3810,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;
@@ -3887,10 +3838,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;
@@ -3912,8 +3863,8 @@ function createComponentsDevToolsPlugin(app) {
 }
 
 // src/core/plugin/index.ts
-var _a14, _b14;
-(_b14 = (_a14 = import_devtools_shared13.target).__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__) != null ? _b14 : _a14.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ = /* @__PURE__ */ new Set();
+var _a13, _b13;
+(_b13 = (_a13 = import_devtools_shared12.target).__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);
 }
@@ -3934,14 +3885,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) {
-  import_devtools_shared13.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
+  import_devtools_shared12.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
 }
 function registerDevToolsPlugin(app) {
-  if (import_devtools_shared13.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app))
+  if (import_devtools_shared12.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app))
     return;
-  import_devtools_shared13.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
+  import_devtools_shared12.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
   devtoolsPluginBuffer.forEach((plugin) => {
     callDevToolsPluginSetupFn(plugin, app);
   });
@@ -4044,34 +4002,43 @@ function createDevToolsApi(hooks2) {
       if (instance) {
         const [el] = getRootElementsFromComponentInstance(instance);
         if (el) {
-          import_devtools_shared14.target.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = el;
+          import_devtools_shared13.target.__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_cjs_shims();
-var import_devtools_shared15 = require("@vue/devtools-shared");
-var _a15, _b15;
-(_b15 = (_a15 = import_devtools_shared15.target).__VUE_DEVTOOLS_ENV__) != null ? _b15 : _a15.__VUE_DEVTOOLS_ENV__ = {
+var import_devtools_shared14 = require("@vue/devtools-shared");
+var _a14, _b14;
+(_b14 = (_a14 = import_devtools_shared14.target).__VUE_DEVTOOLS_ENV__) != null ? _b14 : _a14.__VUE_DEVTOOLS_ENV__ = {
   vitePluginDetected: false
 };
 function getDevToolsEnv() {
-  return import_devtools_shared15.target.__VUE_DEVTOOLS_ENV__;
+  return import_devtools_shared14.target.__VUE_DEVTOOLS_ENV__;
 }
 function setDevToolsEnv(env) {
-  import_devtools_shared15.target.__VUE_DEVTOOLS_ENV__ = {
-    ...import_devtools_shared15.target.__VUE_DEVTOOLS_ENV__,
+  import_devtools_shared14.target.__VUE_DEVTOOLS_ENV__ = {
+    ...import_devtools_shared14.target.__VUE_DEVTOOLS_ENV__,
     ...env
   };
 }
 
 // src/ctx/index.ts
 var hooks = createDevToolsCtxHooks();
-var _a16, _b16;
-(_b16 = (_a16 = import_devtools_shared16.target).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b16 : _a16.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
+var _a15, _b15;
+(_b15 = (_a15 = import_devtools_shared15.target).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b15 : _a15.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
   hooks,
   get state() {
     return {
@@ -4083,7 +4050,112 @@ var _a16, _b16;
   },
   api: createDevToolsApi(hooks)
 };
-var devtoolsContext = import_devtools_shared16.target.__VUE_DEVTOOLS_KIT_CONTEXT__;
+var devtoolsContext = import_devtools_shared15.target.__VUE_DEVTOOLS_KIT_CONTEXT__;
+
+// src/hook/index.ts
+var _a16, _b16;
+var devtoolsHooks = (_b16 = (_a16 = import_devtools_shared16.target).__VUE_DEVTOOLS_HOOK) != null ? _b16 : _a16.__VUE_DEVTOOLS_HOOK = (0, import_hookable2.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 _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 = import_devtools_shared16.target.__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_cjs_shims();
@@ -4112,14 +4184,14 @@ var appRecordInfo = (_b17 = (_a17 = import_devtools_shared18.target).__VUE_DEVTO
   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) {
@@ -4167,11 +4239,11 @@ function createAppRecord(app) {
 
 // src/core/index.ts
 function initDevTools() {
-  var _a24;
+  var _a25;
   updateDevToolsState({
     vitePluginDetected: getDevToolsEnv().vitePluginDetected
   });
-  const isDevToolsNext = ((_a24 = import_devtools_shared19.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a24.id) === "vue-devtools-next";
+  const isDevToolsNext = ((_a25 = import_devtools_shared19.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a25.id) === "vue-devtools-next";
   if (import_devtools_shared19.target.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
     return;
   if (!import_devtools_shared19.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
@@ -4182,9 +4254,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);
@@ -4869,7 +4941,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);
@@ -4899,7 +4971,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) => {
@@ -4971,22 +5043,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;
   }, {});
 }
@@ -4999,8 +5071,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 = [];
@@ -5131,9 +5203,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
       }), "*");
@@ -5225,9 +5297,9 @@ function createViteClientChannel() {
 // src/messaging/presets/vite/server.ts
 init_cjs_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) => {
@@ -5791,13 +5863,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(),
@@ -5819,7 +5891,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];
@@ -5881,7 +5953,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]";
@@ -6045,8 +6117,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);
@@ -6108,7 +6180,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);
@@ -6117,14 +6189,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) {
@@ -6141,14 +6213,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;
@@ -6189,6 +6261,20 @@ init_cjs_shims();
 // src/shared/env.ts
 init_cjs_shims();
 
+// src/core/devtools-client/detected.ts
+init_cjs_shims();
+var import_devtools_shared29 = require("@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 = import_devtools_shared29.target).__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__) != null ? _b24 : _a24.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ = updateDevToolsClientDetected;
+
 // src/index.ts
 var devtools = {
   hook,
@@ -6282,5 +6368,6 @@ var devtools = {
   toggleClientConnected,
   toggleComponentInspectorEnabled,
   toggleHighPerfMode,
+  updateDevToolsClientDetected,
   updateDevToolsState
 });