@vue/devtools-kit 7.4.6 → 7.5.0

package/dist/index.cjs

@@ -33,9 +33,9 @@ var __toESM = (mod, isNodeMode, target22) => (target22 = mod != null ? __create(
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.3.0_@microsoft+api-extractor@7.43.0_@types+node@20.16.5__@swc+core@1.5.29_jiti@1.21.6__ldnw4a7r4ccknnz6q542psuydy/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.3.0_@microsoft+api-extractor@7.43.0_@types+node@20.16.11__@swc+core@1.5.29_jiti@2.0.0__khi6fwhekjxtif3xyxfitrs5gq/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.3.0_@microsoft+api-extractor@7.43.0_@types+node@20.16.5__@swc+core@1.5.29_jiti@1.21.6__ldnw4a7r4ccknnz6q542psuydy/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.3.0_@microsoft+api-extractor@7.43.0_@types+node@20.16.11__@swc+core@1.5.29_jiti@2.0.0__khi6fwhekjxtif3xyxfitrs5gq/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -1660,14 +1660,15 @@ __export(src_exports, {
   toggleComponentInspectorEnabled: () => toggleComponentInspectorEnabled,
   toggleHighPerfMode: () => toggleHighPerfMode,
   updateDevToolsClientDetected: () => updateDevToolsClientDetected,
-  updateDevToolsState: () => updateDevToolsState
+  updateDevToolsState: () => updateDevToolsState,
+  updateTimelineLayersState: () => updateTimelineLayersState
 });
 module.exports = __toCommonJS(src_exports);
 init_cjs_shims();
 
 // src/core/index.ts
 init_cjs_shims();
-var import_devtools_shared19 = require("@vue/devtools-shared");
+var import_devtools_shared21 = require("@vue/devtools-shared");
 
 // src/compat/index.ts
 init_cjs_shims();
@@ -1688,11 +1689,11 @@ function onLegacyDevToolsPluginApiAvailable(cb) {
 
 // src/ctx/index.ts
 init_cjs_shims();
-var import_devtools_shared17 = require("@vue/devtools-shared");
+var import_devtools_shared19 = require("@vue/devtools-shared");
 
 // src/ctx/api.ts
 init_cjs_shims();
-var import_devtools_shared15 = require("@vue/devtools-shared");
+var import_devtools_shared17 = require("@vue/devtools-shared");
 
 // src/core/component/state/editor.ts
 init_cjs_shims();
@@ -1721,7 +1722,12 @@ var Fragment = Symbol.for("v-fgt");
 init_cjs_shims();
 var import_devtools_shared2 = require("@vue/devtools-shared");
 function getComponentTypeName(options) {
-  return options.name || options._componentTag || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || options.__name;
+  var _a25;
+  const name = options.name || options._componentTag || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || options.__name;
+  if (name === "index" && ((_a25 = options.__file) == null ? void 0 : _a25.endsWith("index.vue"))) {
+    return "";
+  }
+  return name;
 }
 function getComponentFileName(options) {
   const file = options.__file;
@@ -2320,28 +2326,60 @@ function getComponentInspector() {
 
 // src/core/open-in-editor/index.ts
 init_cjs_shims();
-var import_devtools_shared7 = require("@vue/devtools-shared");
+var import_devtools_shared8 = require("@vue/devtools-shared");
 
 // src/ctx/state.ts
 init_cjs_shims();
-var import_devtools_shared6 = require("@vue/devtools-shared");
+var import_devtools_shared7 = require("@vue/devtools-shared");
 var import_perfect_debounce2 = require("perfect-debounce");
 
+// src/core/timeline/storage.ts
+init_cjs_shims();
+var import_devtools_shared4 = require("@vue/devtools-shared");
+var TIMELINE_LAYERS_STATE_STORAGE_ID = "__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS_STATE__";
+function addTimelineLayersStateToStorage(state) {
+  if (!import_devtools_shared4.isBrowser) {
+    return;
+  }
+  localStorage.setItem(TIMELINE_LAYERS_STATE_STORAGE_ID, JSON.stringify(state));
+}
+function getTimelineLayersStateFromStorage() {
+  if (!import_devtools_shared4.isBrowser) {
+    return {
+      recordingState: false,
+      mouseEventEnabled: false,
+      keyboardEventEnabled: false,
+      componentEventEnabled: false,
+      performanceEventEnabled: false,
+      selected: ""
+    };
+  }
+  const state = localStorage.getItem(TIMELINE_LAYERS_STATE_STORAGE_ID);
+  return state ? JSON.parse(state) : {
+    recordingState: false,
+    mouseEventEnabled: false,
+    keyboardEventEnabled: false,
+    componentEventEnabled: false,
+    performanceEventEnabled: false,
+    selected: ""
+  };
+}
+
 // src/ctx/hook.ts
 init_cjs_shims();
 var import_hookable = require("hookable");
 
 // src/ctx/inspector.ts
 init_cjs_shims();
-var import_devtools_shared5 = require("@vue/devtools-shared");
+var import_devtools_shared6 = require("@vue/devtools-shared");
 var import_perfect_debounce = require("perfect-debounce");
 
 // src/ctx/timeline.ts
 init_cjs_shims();
-var import_devtools_shared4 = require("@vue/devtools-shared");
+var import_devtools_shared5 = require("@vue/devtools-shared");
 var _a2, _b2;
-(_b2 = (_a2 = import_devtools_shared4.target).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null ? _b2 : _a2.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = [];
-var devtoolsTimelineLayers = new Proxy(import_devtools_shared4.target.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
+(_b2 = (_a2 = import_devtools_shared5.target).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null ? _b2 : _a2.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = [];
+var devtoolsTimelineLayers = new Proxy(import_devtools_shared5.target.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
   get(target22, prop, receiver) {
     return Reflect.get(target22, prop, receiver);
   }
@@ -2353,11 +2391,21 @@ function addTimelineLayer(options, descriptor) {
     appRecord: getAppRecord(descriptor.app)
   });
 }
+function updateTimelineLayersState(state) {
+  const updatedState = {
+    ...devtoolsState.timelineLayersState,
+    ...state
+  };
+  addTimelineLayersStateToStorage(updatedState);
+  updateDevToolsState({
+    timelineLayersState: updatedState
+  });
+}
 
 // src/ctx/inspector.ts
 var _a3, _b3;
-(_b3 = (_a3 = import_devtools_shared5.target).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null ? _b3 : _a3.__VUE_DEVTOOLS_KIT_INSPECTOR__ = [];
-var devtoolsInspector = new Proxy(import_devtools_shared5.target.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
+(_b3 = (_a3 = import_devtools_shared6.target).__VUE_DEVTOOLS_KIT_INSPECTOR__) != null ? _b3 : _a3.__VUE_DEVTOOLS_KIT_INSPECTOR__ = [];
+var devtoolsInspector = new Proxy(import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_INSPECTOR__, {
   get(target22, prop, receiver) {
     return Reflect.get(target22, prop, receiver);
   }
@@ -2564,15 +2612,15 @@ function createDevToolsCtxHooks() {
 
 // src/ctx/state.ts
 var _a4, _b4;
-(_b4 = (_a4 = import_devtools_shared6.target).__VUE_DEVTOOLS_KIT_APP_RECORDS__) != null ? _b4 : _a4.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = [];
+(_b4 = (_a4 = import_devtools_shared7.target).__VUE_DEVTOOLS_KIT_APP_RECORDS__) != null ? _b4 : _a4.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = [];
 var _a5, _b5;
-(_b5 = (_a5 = import_devtools_shared6.target).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__) != null ? _b5 : _a5.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = {};
+(_b5 = (_a5 = import_devtools_shared7.target).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__) != null ? _b5 : _a5.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = {};
 var _a6, _b6;
-(_b6 = (_a6 = import_devtools_shared6.target).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__) != null ? _b6 : _a6.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = "";
+(_b6 = (_a6 = import_devtools_shared7.target).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__) != null ? _b6 : _a6.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = "";
 var _a7, _b7;
-(_b7 = (_a7 = import_devtools_shared6.target).__VUE_DEVTOOLS_KIT_CUSTOM_TABS__) != null ? _b7 : _a7.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ = [];
+(_b7 = (_a7 = import_devtools_shared7.target).__VUE_DEVTOOLS_KIT_CUSTOM_TABS__) != null ? _b7 : _a7.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ = [];
 var _a8, _b8;
-(_b8 = (_a8 = import_devtools_shared6.target).__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__) != null ? _b8 : _a8.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ = [];
+(_b8 = (_a8 = import_devtools_shared7.target).__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__) != null ? _b8 : _a8.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ = [];
 var STATE_KEY = "__VUE_DEVTOOLS_KIT_GLOBAL_STATE__";
 function initStateFactory() {
   return {
@@ -2584,96 +2632,98 @@ function initStateFactory() {
     tabs: [],
     commands: [],
     highPerfModeEnabled: true,
-    devtoolsClientDetected: {}
+    devtoolsClientDetected: {},
+    perfUniqueGroupId: 0,
+    timelineLayersState: getTimelineLayersStateFromStorage()
   };
 }
 var _a9, _b9;
-(_b9 = (_a9 = import_devtools_shared6.target)[STATE_KEY]) != null ? _b9 : _a9[STATE_KEY] = initStateFactory();
+(_b9 = (_a9 = import_devtools_shared7.target)[STATE_KEY]) != null ? _b9 : _a9[STATE_KEY] = initStateFactory();
 var callStateUpdatedHook = (0, import_perfect_debounce2.debounce)((state) => {
   devtoolsContext.hooks.callHook("devtoolsStateUpdated" /* DEVTOOLS_STATE_UPDATED */, { state });
 });
 var callConnectedUpdatedHook = (0, import_perfect_debounce2.debounce)((state, oldState) => {
   devtoolsContext.hooks.callHook("devtoolsConnectedUpdated" /* DEVTOOLS_CONNECTED_UPDATED */, { state, oldState });
 });
-var devtoolsAppRecords = new Proxy(import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__, {
+var devtoolsAppRecords = new Proxy(import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__, {
   get(_target, prop, receiver) {
     if (prop === "value")
-      return import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__;
-    return import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__[prop];
+      return import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__;
+    return import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__[prop];
   }
 });
 var addDevToolsAppRecord = (app) => {
-  import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = [
-    ...import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__,
+  import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = [
+    ...import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__,
     app
   ];
 };
 var removeDevToolsAppRecord = (app) => {
-  import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = devtoolsAppRecords.value.filter((record) => record.app !== app);
+  import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ = devtoolsAppRecords.value.filter((record) => record.app !== app);
 };
-var activeAppRecord = new Proxy(import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__, {
+var activeAppRecord = new Proxy(import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__, {
   get(_target, prop, receiver) {
     if (prop === "value")
-      return import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__;
+      return import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__;
     else if (prop === "id")
-      return import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__;
-    return import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__[prop];
+      return import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__;
+    return import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__[prop];
   }
 });
 function updateAllStates() {
   callStateUpdatedHook({
-    ...import_devtools_shared6.target[STATE_KEY],
+    ...import_devtools_shared7.target[STATE_KEY],
     appRecords: devtoolsAppRecords.value,
     activeAppRecordId: activeAppRecord.id,
-    tabs: import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__,
-    commands: import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__
+    tabs: import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__,
+    commands: import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__
   });
 }
 function setActiveAppRecord(app) {
-  import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = app;
+  import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = app;
   updateAllStates();
 }
 function setActiveAppRecordId(id) {
-  import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = id;
+  import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = id;
   updateAllStates();
 }
-var devtoolsState = new Proxy(import_devtools_shared6.target[STATE_KEY], {
+var devtoolsState = new Proxy(import_devtools_shared7.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_shared6.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__;
+      return import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__;
     } else if (property === "commands") {
-      return import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
+      return import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
     }
-    return import_devtools_shared6.target[STATE_KEY][property];
+    return import_devtools_shared7.target[STATE_KEY][property];
   },
   deleteProperty(target22, property) {
     delete target22[property];
     return true;
   },
   set(target22, property, value) {
-    const oldState = { ...import_devtools_shared6.target[STATE_KEY] };
+    const oldState = { ...import_devtools_shared7.target[STATE_KEY] };
     target22[property] = value;
-    import_devtools_shared6.target[STATE_KEY][property] = value;
+    import_devtools_shared7.target[STATE_KEY][property] = value;
     return true;
   }
 });
 function resetDevToolsState() {
-  Object.assign(import_devtools_shared6.target[STATE_KEY], initStateFactory());
+  Object.assign(import_devtools_shared7.target[STATE_KEY], initStateFactory());
 }
 function updateDevToolsState(state) {
   const oldState = {
-    ...import_devtools_shared6.target[STATE_KEY],
+    ...import_devtools_shared7.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_shared6.target[STATE_KEY], oldState);
+    callConnectedUpdatedHook(import_devtools_shared7.target[STATE_KEY], oldState);
   }
-  Object.assign(import_devtools_shared6.target[STATE_KEY], state);
+  Object.assign(import_devtools_shared7.target[STATE_KEY], state);
   updateAllStates();
 }
 function onDevToolsConnected(fn) {
@@ -2696,12 +2746,12 @@ var resolveIcon = (icon) => {
   if (icon.startsWith("baseline-")) {
     return `custom-ic-${icon}`;
   }
-  if (icon.startsWith("i-") || (0, import_devtools_shared6.isUrlString)(icon))
+  if (icon.startsWith("i-") || (0, import_devtools_shared7.isUrlString)(icon))
     return icon;
   return `custom-ic-baseline-${icon}`;
 };
 function addCustomTab(tab) {
-  const tabs = import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__;
+  const tabs = import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__;
   if (tabs.some((t) => t.name === tab.name))
     return;
   tabs.push({
@@ -2711,7 +2761,7 @@ function addCustomTab(tab) {
   updateAllStates();
 }
 function addCustomCommand(action) {
-  const commands = import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
+  const commands = import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
   if (commands.some((t) => t.id === action.id))
     return;
   commands.push({
@@ -2725,7 +2775,7 @@ function addCustomCommand(action) {
   updateAllStates();
 }
 function removeCustomCommand(actionId) {
-  const commands = import_devtools_shared6.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
+  const commands = import_devtools_shared7.target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
   const index = commands.findIndex((t) => t.id === actionId);
   if (index === -1)
     return;
@@ -2738,7 +2788,7 @@ function toggleClientConnected(state) {
 
 // src/core/open-in-editor/index.ts
 function setOpenInEditorBaseUrl(url) {
-  import_devtools_shared7.target.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__ = url;
+  import_devtools_shared8.target.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__ = url;
 }
 function openInEditor(options = {}) {
   var _a25, _b25, _c;
@@ -2754,15 +2804,15 @@ function openInEditor(options = {}) {
         }
       });
     } else if (devtoolsState.vitePluginDetected) {
-      const _baseUrl = (_c = import_devtools_shared7.target.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? _c : baseUrl;
-      import_devtools_shared7.target.__VUE_INSPECTOR__.openInEditor(_baseUrl, file, line, column);
+      const _baseUrl = (_c = import_devtools_shared8.target.__VUE_DEVTOOLS_OPEN_IN_EDITOR_BASE_URL__) != null ? _c : baseUrl;
+      import_devtools_shared8.target.__VUE_INSPECTOR__.openInEditor(_baseUrl, file, line, column);
     }
   }
 }
 
 // src/core/plugin/index.ts
 init_cjs_shims();
-var import_devtools_shared12 = require("@vue/devtools-shared");
+var import_devtools_shared14 = require("@vue/devtools-shared");
 
 // src/api/index.ts
 init_cjs_shims();
@@ -2775,10 +2825,10 @@ init_cjs_shims();
 
 // src/ctx/plugin.ts
 init_cjs_shims();
-var import_devtools_shared8 = require("@vue/devtools-shared");
+var import_devtools_shared9 = require("@vue/devtools-shared");
 var _a10, _b10;
-(_b10 = (_a10 = import_devtools_shared8.target).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b10 : _a10.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = [];
-var devtoolsPluginBuffer = new Proxy(import_devtools_shared8.target.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
+(_b10 = (_a10 = import_devtools_shared9.target).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null ? _b10 : _a10.__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);
   }
@@ -2850,7 +2900,7 @@ function setPluginSettings(pluginId, key, value) {
 
 // src/hook/index.ts
 init_cjs_shims();
-var import_devtools_shared9 = require("@vue/devtools-shared");
+var import_devtools_shared10 = require("@vue/devtools-shared");
 var import_hookable2 = require("hookable");
 
 // src/types/index.ts
@@ -2885,7 +2935,7 @@ init_cjs_shims();
 
 // src/hook/index.ts
 var _a11, _b11;
-var devtoolsHooks = (_b11 = (_a11 = import_devtools_shared9.target).__VUE_DEVTOOLS_HOOK) != null ? _b11 : _a11.__VUE_DEVTOOLS_HOOK = (0, import_hookable2.createHooks)();
+var devtoolsHooks = (_b11 = (_a11 = import_devtools_shared10.target).__VUE_DEVTOOLS_HOOK) != null ? _b11 : _a11.__VUE_DEVTOOLS_HOOK = (0, import_hookable2.createHooks)();
 var on = {
   vueAppInit(fn) {
     devtoolsHooks.hook("app:init" /* APP_INIT */, fn);
@@ -2899,6 +2949,9 @@ var on = {
   componentAdded(fn) {
     return devtoolsHooks.hook("component:added" /* COMPONENT_ADDED */, fn);
   },
+  componentEmit(fn) {
+    return devtoolsHooks.hook("component:emit" /* COMPONENT_EMIT */, fn);
+  },
   componentUpdated(fn) {
     return devtoolsHooks.hook("component:updated" /* COMPONENT_UPDATED */, fn);
   },
@@ -2907,6 +2960,12 @@ var on = {
   },
   setupDevtoolsPlugin(fn) {
     devtoolsHooks.hook("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, fn);
+  },
+  perfStart(fn) {
+    return devtoolsHooks.hook("perf:start" /* PERFORMANCE_START */, fn);
+  },
+  perfEnd(fn) {
+    return devtoolsHooks.hook("perf:end" /* PERFORMANCE_END */, fn);
   }
 };
 function createDevToolsHook() {
@@ -2947,7 +3006,7 @@ function createDevToolsHook() {
   };
 }
 function subscribeDevToolsHook() {
-  const hook2 = import_devtools_shared9.target.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+  const hook2 = import_devtools_shared10.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)
@@ -2975,6 +3034,21 @@ function subscribeDevToolsHook() {
       return;
     devtoolsHooks.callHook("component:removed" /* COMPONENT_REMOVED */, app, uid, parentUid, component);
   });
+  hook2.on("component:emit" /* COMPONENT_EMIT */, async (app, instance, event, params) => {
+    if (!app || !instance || devtoolsState.highPerfModeEnabled)
+      return;
+    devtoolsHooks.callHook("component:emit" /* COMPONENT_EMIT */, app, instance, event, params);
+  });
+  hook2.on("perf:start" /* PERFORMANCE_START */, (app, uid, vm, type, time) => {
+    if (!app || devtoolsState.highPerfModeEnabled)
+      return;
+    devtoolsHooks.callHook("perf:start" /* PERFORMANCE_START */, app, uid, vm, type, time);
+  });
+  hook2.on("perf:end" /* PERFORMANCE_END */, (app, uid, vm, type, time) => {
+    if (!app || devtoolsState.highPerfModeEnabled)
+      return;
+    devtoolsHooks.callHook("perf:end" /* PERFORMANCE_END */, app, uid, vm, type, time);
+  });
   hook2.on("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, (pluginDescriptor, setupFn, options) => {
     if ((options == null ? void 0 : options.target) === "legacy")
       return;
@@ -3109,7 +3183,7 @@ init_cjs_shims();
 
 // src/core/component/state/process.ts
 init_cjs_shims();
-var import_devtools_shared10 = require("@vue/devtools-shared");
+var import_devtools_shared11 = require("@vue/devtools-shared");
 
 // src/core/component/state/constants.ts
 init_cjs_shims();
@@ -3319,7 +3393,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_shared10.camelize)(key);
+    const camelizeKey = (0, import_devtools_shared11.camelize)(key);
     props.push({
       type: "props",
       key: camelizeKey,
@@ -3526,7 +3600,7 @@ init_cjs_shims();
 
 // src/core/component/tree/filter.ts
 init_cjs_shims();
-var import_devtools_shared11 = require("@vue/devtools-shared");
+var import_devtools_shared12 = require("@vue/devtools-shared");
 var ComponentFilter = class {
   constructor(filter) {
     this.filter = filter || "";
@@ -3539,7 +3613,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_shared12.classify)(name).toLowerCase().includes(this.filter) || (0, import_devtools_shared12.kebabize)(name).toLowerCase().includes(this.filter);
   }
 };
 function createComponentFilter(filterText) {
@@ -3738,6 +3812,205 @@ var ComponentWalker = class {
   }
 };
 
+// src/core/timeline/index.ts
+init_cjs_shims();
+var import_devtools_shared13 = require("@vue/devtools-shared");
+
+// src/core/timeline/perf.ts
+init_cjs_shims();
+var markEndQueue = /* @__PURE__ */ new Map();
+var PERFORMANCE_EVENT_LAYER_ID = "performance";
+async function performanceMarkStart(api, app, uid, vm, type, time) {
+  const appRecord = await getAppRecord(app);
+  if (!appRecord) {
+    return;
+  }
+  const componentName = getInstanceName(vm) || "Unknown Component";
+  const groupId = devtoolsState.perfUniqueGroupId++;
+  const groupKey = `${uid}-${type}`;
+  appRecord.perfGroupIds.set(groupKey, { groupId, time });
+  await api.addTimelineEvent({
+    layerId: PERFORMANCE_EVENT_LAYER_ID,
+    event: {
+      time: Date.now(),
+      data: {
+        component: componentName,
+        type,
+        measure: "start"
+      },
+      title: componentName,
+      subtitle: type,
+      groupId
+    }
+  });
+  if (markEndQueue.has(groupKey)) {
+    const {
+      app: app2,
+      uid: uid2,
+      instance,
+      type: type2,
+      time: time2
+    } = markEndQueue.get(groupKey);
+    markEndQueue.delete(groupKey);
+    await performanceMarkEnd(
+      api,
+      app2,
+      uid2,
+      instance,
+      type2,
+      time2
+    );
+  }
+}
+function performanceMarkEnd(api, app, uid, vm, type, time) {
+  const appRecord = getAppRecord(app);
+  if (!appRecord)
+    return;
+  const componentName = getInstanceName(vm) || "Unknown Component";
+  const groupKey = `${uid}-${type}`;
+  const groupInfo = appRecord.perfGroupIds.get(groupKey);
+  if (groupInfo) {
+    const groupId = groupInfo.groupId;
+    const startTime = groupInfo.time;
+    const duration = time - startTime;
+    api.addTimelineEvent({
+      layerId: PERFORMANCE_EVENT_LAYER_ID,
+      event: {
+        time: Date.now(),
+        data: {
+          component: componentName,
+          type,
+          measure: "end",
+          duration: {
+            _custom: {
+              type: "Duration",
+              value: duration,
+              display: `${duration} ms`
+            }
+          }
+        },
+        title: componentName,
+        subtitle: type,
+        groupId
+      }
+    });
+  } else {
+    markEndQueue.set(groupKey, { app, uid, instance: vm, type, time });
+  }
+}
+
+// src/core/timeline/index.ts
+var COMPONENT_EVENT_LAYER_ID = "component-event";
+function setupBuiltinTimelineLayers(api) {
+  if (!import_devtools_shared13.isBrowser)
+    return;
+  api.addTimelineLayer({
+    id: "mouse",
+    label: "Mouse",
+    color: 10768815
+  });
+  ["mousedown", "mouseup", "click", "dblclick"].forEach((eventType) => {
+    if (!devtoolsState.timelineLayersState.recordingState || !devtoolsState.timelineLayersState.mouseEventEnabled)
+      return;
+    window.addEventListener(eventType, async (event) => {
+      await api.addTimelineEvent({
+        layerId: "mouse",
+        event: {
+          time: Date.now(),
+          data: {
+            type: eventType,
+            x: event.clientX,
+            y: event.clientY
+          },
+          title: eventType
+        }
+      });
+    }, {
+      capture: true,
+      passive: true
+    });
+  });
+  api.addTimelineLayer({
+    id: "keyboard",
+    label: "Keyboard",
+    color: 8475055
+  });
+  ["keyup", "keydown", "keypress"].forEach((eventType) => {
+    window.addEventListener(eventType, async (event) => {
+      if (!devtoolsState.timelineLayersState.recordingState || !devtoolsState.timelineLayersState.keyboardEventEnabled)
+        return;
+      await api.addTimelineEvent({
+        layerId: "keyboard",
+        event: {
+          time: Date.now(),
+          data: {
+            type: eventType,
+            key: event.key,
+            ctrlKey: event.ctrlKey,
+            shiftKey: event.shiftKey,
+            altKey: event.altKey,
+            metaKey: event.metaKey
+          },
+          title: event.key
+        }
+      });
+    }, {
+      capture: true,
+      passive: true
+    });
+  });
+  api.addTimelineLayer({
+    id: COMPONENT_EVENT_LAYER_ID,
+    label: "Component events",
+    color: 5226637
+  });
+  hook.on.componentEmit(async (app, instance, event, params) => {
+    if (!devtoolsState.timelineLayersState.recordingState || !devtoolsState.timelineLayersState.componentEventEnabled)
+      return;
+    const appRecord = await getAppRecord(app);
+    if (!appRecord)
+      return;
+    const componentId = `${appRecord.id}:${instance.uid}`;
+    const componentName = getInstanceName(instance) || "Unknown Component";
+    api.addTimelineEvent({
+      layerId: COMPONENT_EVENT_LAYER_ID,
+      event: {
+        time: Date.now(),
+        data: {
+          component: {
+            _custom: {
+              type: "component-definition",
+              display: componentName
+            }
+          },
+          event,
+          params
+        },
+        title: event,
+        subtitle: `by ${componentName}`,
+        meta: {
+          componentId
+        }
+      }
+    });
+  });
+  api.addTimelineLayer({
+    id: "performance",
+    label: PERFORMANCE_EVENT_LAYER_ID,
+    color: 4307050
+  });
+  hook.on.perfStart((app, uid, vm, type, time) => {
+    if (!devtoolsState.timelineLayersState.recordingState || !devtoolsState.timelineLayersState.performanceEventEnabled)
+      return;
+    performanceMarkStart(api, app, uid, vm, type, time);
+  });
+  hook.on.perfEnd((app, uid, vm, type, time) => {
+    if (!devtoolsState.timelineLayersState.recordingState || !devtoolsState.timelineLayersState.performanceEventEnabled)
+      return;
+    performanceMarkEnd(api, app, uid, vm, type, time);
+  });
+}
+
 // src/core/vm/index.ts
 init_cjs_shims();
 var MAX_$VM = 10;
@@ -3774,6 +4047,7 @@ function createComponentsDevToolsPlugin(app) {
       label: "Components",
       treeFilterPlaceholder: "Search components"
     });
+    setupBuiltinTimelineLayers(api);
     api.on.getInspectorTree(async (payload) => {
       if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
         const instance = getComponentInstance(activeAppRecord.value, payload.instanceId);
@@ -3902,7 +4176,7 @@ function createComponentsDevToolsPlugin(app) {
 
 // src/core/plugin/index.ts
 var _a12, _b12;
-(_b12 = (_a12 = import_devtools_shared12.target).__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__) != null ? _b12 : _a12.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ = /* @__PURE__ */ new Set();
+(_b12 = (_a12 = import_devtools_shared14.target).__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__) != null ? _b12 : _a12.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ = /* @__PURE__ */ new Set();
 function setupDevToolsPlugin(pluginDescriptor, setupFn) {
   return hook.setupDevToolsPlugin(pluginDescriptor, setupFn);
 }
@@ -3925,12 +4199,12 @@ function callDevToolsPluginSetupFn(plugin, app) {
   setupFn(api);
 }
 function removeRegisteredPluginApp(app) {
-  import_devtools_shared12.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
+  import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.delete(app);
 }
 function registerDevToolsPlugin(app) {
-  if (import_devtools_shared12.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app))
+  if (import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.has(app))
     return;
-  import_devtools_shared12.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
+  import_devtools_shared14.target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__.add(app);
   devtoolsPluginBuffer.forEach((plugin) => {
     callDevToolsPluginSetupFn(plugin, app);
   });
@@ -3938,30 +4212,30 @@ function registerDevToolsPlugin(app) {
 
 // src/core/router/index.ts
 init_cjs_shims();
-var import_devtools_shared14 = require("@vue/devtools-shared");
+var import_devtools_shared16 = require("@vue/devtools-shared");
 var import_perfect_debounce4 = require("perfect-debounce");
 
 // src/ctx/router.ts
 init_cjs_shims();
-var import_devtools_shared13 = require("@vue/devtools-shared");
+var import_devtools_shared15 = require("@vue/devtools-shared");
 var ROUTER_KEY = "__VUE_DEVTOOLS_ROUTER__";
 var ROUTER_INFO_KEY = "__VUE_DEVTOOLS_ROUTER_INFO__";
 var _a13, _b13;
-(_b13 = (_a13 = import_devtools_shared13.target)[ROUTER_INFO_KEY]) != null ? _b13 : _a13[ROUTER_INFO_KEY] = {
+(_b13 = (_a13 = import_devtools_shared15.target)[ROUTER_INFO_KEY]) != null ? _b13 : _a13[ROUTER_INFO_KEY] = {
   currentRoute: null,
   routes: []
 };
 var _a14, _b14;
-(_b14 = (_a14 = import_devtools_shared13.target)[ROUTER_KEY]) != null ? _b14 : _a14[ROUTER_KEY] = {};
-var devtoolsRouterInfo = new Proxy(import_devtools_shared13.target[ROUTER_INFO_KEY], {
+(_b14 = (_a14 = import_devtools_shared15.target)[ROUTER_KEY]) != null ? _b14 : _a14[ROUTER_KEY] = {};
+var devtoolsRouterInfo = new Proxy(import_devtools_shared15.target[ROUTER_INFO_KEY], {
   get(target22, property) {
-    return import_devtools_shared13.target[ROUTER_INFO_KEY][property];
+    return import_devtools_shared15.target[ROUTER_INFO_KEY][property];
   }
 });
-var devtoolsRouter = new Proxy(import_devtools_shared13.target[ROUTER_KEY], {
+var devtoolsRouter = new Proxy(import_devtools_shared15.target[ROUTER_KEY], {
   get(target22, property) {
     if (property === "value") {
-      return import_devtools_shared13.target[ROUTER_KEY];
+      return import_devtools_shared15.target[ROUTER_KEY];
     }
   }
 });
@@ -4009,11 +4283,11 @@ function normalizeRouterInfo(appRecord, activeAppRecord2) {
     const c = console.warn;
     console.warn = () => {
     };
-    import_devtools_shared14.target[ROUTER_INFO_KEY] = {
-      currentRoute: currentRoute ? (0, import_devtools_shared14.deepClone)(currentRoute) : {},
-      routes: (0, import_devtools_shared14.deepClone)(routes)
+    import_devtools_shared16.target[ROUTER_INFO_KEY] = {
+      currentRoute: currentRoute ? (0, import_devtools_shared16.deepClone)(currentRoute) : {},
+      routes: (0, import_devtools_shared16.deepClone)(routes)
     };
-    import_devtools_shared14.target[ROUTER_KEY] = router;
+    import_devtools_shared16.target[ROUTER_KEY] = router;
     console.warn = c;
   }
   init();
@@ -4022,7 +4296,7 @@ function normalizeRouterInfo(appRecord, activeAppRecord2) {
     if (((_a25 = activeAppRecord2.value) == null ? void 0 : _a25.app) !== appRecord.app)
       return;
     init();
-    devtoolsContext.hooks.callHook("routerInfoUpdated" /* ROUTER_INFO_UPDATED */, { state: import_devtools_shared14.target[ROUTER_INFO_KEY] });
+    devtoolsContext.hooks.callHook("routerInfoUpdated" /* ROUTER_INFO_UPDATED */, { state: import_devtools_shared16.target[ROUTER_INFO_KEY] });
   }, 200));
 }
 
@@ -4123,7 +4397,7 @@ function createDevToolsApi(hooks2) {
       if (instance) {
         const [el] = getRootElementsFromComponentInstance(instance);
         if (el) {
-          import_devtools_shared15.target.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = el;
+          import_devtools_shared17.target.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = el;
         }
       }
     },
@@ -4141,17 +4415,17 @@ function createDevToolsApi(hooks2) {
 
 // src/ctx/env.ts
 init_cjs_shims();
-var import_devtools_shared16 = require("@vue/devtools-shared");
+var import_devtools_shared18 = require("@vue/devtools-shared");
 var _a15, _b15;
-(_b15 = (_a15 = import_devtools_shared16.target).__VUE_DEVTOOLS_ENV__) != null ? _b15 : _a15.__VUE_DEVTOOLS_ENV__ = {
+(_b15 = (_a15 = import_devtools_shared18.target).__VUE_DEVTOOLS_ENV__) != null ? _b15 : _a15.__VUE_DEVTOOLS_ENV__ = {
   vitePluginDetected: false
 };
 function getDevToolsEnv() {
-  return import_devtools_shared16.target.__VUE_DEVTOOLS_ENV__;
+  return import_devtools_shared18.target.__VUE_DEVTOOLS_ENV__;
 }
 function setDevToolsEnv(env) {
-  import_devtools_shared16.target.__VUE_DEVTOOLS_ENV__ = {
-    ...import_devtools_shared16.target.__VUE_DEVTOOLS_ENV__,
+  import_devtools_shared18.target.__VUE_DEVTOOLS_ENV__ = {
+    ...import_devtools_shared18.target.__VUE_DEVTOOLS_ENV__,
     ...env
   };
 }
@@ -4159,7 +4433,7 @@ function setDevToolsEnv(env) {
 // src/ctx/index.ts
 var hooks = createDevToolsCtxHooks();
 var _a16, _b16;
-(_b16 = (_a16 = import_devtools_shared17.target).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b16 : _a16.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
+(_b16 = (_a16 = import_devtools_shared19.target).__VUE_DEVTOOLS_KIT_CONTEXT__) != null ? _b16 : _a16.__VUE_DEVTOOLS_KIT_CONTEXT__ = {
   hooks,
   get state() {
     return {
@@ -4171,14 +4445,14 @@ var _a16, _b16;
   },
   api: createDevToolsApi(hooks)
 };
-var devtoolsContext = import_devtools_shared17.target.__VUE_DEVTOOLS_KIT_CONTEXT__;
+var devtoolsContext = import_devtools_shared19.target.__VUE_DEVTOOLS_KIT_CONTEXT__;
 
 // src/core/app/index.ts
 init_cjs_shims();
-var import_devtools_shared18 = require("@vue/devtools-shared");
+var import_devtools_shared20 = require("@vue/devtools-shared");
 var import_speakingurl = __toESM(require_speakingurl2(), 1);
 var _a17, _b17;
-var appRecordInfo = (_b17 = (_a17 = import_devtools_shared18.target).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null ? _b17 : _a17.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
+var appRecordInfo = (_b17 = (_a17 = import_devtools_shared20.target).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null ? _b17 : _a17.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
   id: 0,
   appIds: /* @__PURE__ */ new Set()
 };
@@ -4224,6 +4498,7 @@ function createAppRecord(app) {
       id,
       name,
       instanceMap: /* @__PURE__ */ new Map(),
+      perfGroupIds: /* @__PURE__ */ new Map(),
       rootInstance
     };
     app.__VUE_DEVTOOLS_NEXT_APP_RECORD__ = record;
@@ -4242,17 +4517,17 @@ function initDevTools() {
   updateDevToolsState({
     vitePluginDetected: getDevToolsEnv().vitePluginDetected
   });
-  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)
+  const isDevToolsNext = ((_a25 = import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) == null ? void 0 : _a25.id) === "vue-devtools-next";
+  if (import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__ && isDevToolsNext)
     return;
-  if (!import_devtools_shared19.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
-    import_devtools_shared19.target.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
+  if (!import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
+    import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__ = createDevToolsHook();
   } else {
-    if (!import_devtools_shared19.isNuxtApp) {
+    if (!import_devtools_shared21.isNuxtApp) {
       Object.assign(__VUE_DEVTOOLS_GLOBAL_HOOK__, createDevToolsHook());
     }
   }
-  import_devtools_shared19.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.once("init", (Vue) => {
+  import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.once("init", (Vue) => {
     console.log("%c[_____Vue DevTools v7 log_____]", "color: red; font-bold: 700; font-size: 20px;");
     console.log("%cVue DevTools v7 detected in your Vue2 project. v7 only supports Vue3 and will not work.", "font-bold: 700; font-size: 16px;");
     const url = "https://chromewebstore.google.com/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp";
@@ -4274,7 +4549,7 @@ function initDevTools() {
   onLegacyDevToolsPluginApiAvailable(() => {
     const normalizedPluginBuffer = devtoolsPluginBuffer.filter(([item]) => item.id !== "components");
     normalizedPluginBuffer.forEach(([pluginDescriptor, setupFn]) => {
-      import_devtools_shared19.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
+      import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("devtools-plugin:setup" /* SETUP_DEVTOOLS_PLUGIN */, pluginDescriptor, setupFn, { target: "legacy" });
     });
   });
   hook.on.vueAppInit(async (app, version) => {
@@ -4295,7 +4570,7 @@ function initDevTools() {
     updateDevToolsState({
       connected: true
     });
-    import_devtools_shared19.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
+    import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.push(app);
   });
   hook.on.vueAppUnmount(async (app) => {
     const activeRecords = devtoolsAppRecords.value.filter((appRecord) => appRecord.app !== app);
@@ -4310,7 +4585,7 @@ function initDevTools() {
       setActiveAppRecord(activeRecords[0]);
       devtoolsContext.hooks.callHook("sendActiveAppUpdatedToClient" /* SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT */);
     }
-    import_devtools_shared19.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(import_devtools_shared19.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
+    import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.splice(import_devtools_shared21.target.__VUE_DEVTOOLS_GLOBAL_HOOK__.apps.indexOf(app), 1);
     removeRegisteredPluginApp(app);
   });
   subscribeDevToolsHook();
@@ -4342,7 +4617,7 @@ init_cjs_shims();
 
 // src/core/component/state/reviver.ts
 init_cjs_shims();
-var import_devtools_shared20 = require("@vue/devtools-shared");
+var import_devtools_shared22 = require("@vue/devtools-shared");
 function reviveSet(val) {
   const result = /* @__PURE__ */ new Set();
   const list = val._custom.value;
@@ -4387,7 +4662,7 @@ function revive(val) {
     return Symbol.for(string);
   } else if (specialTypeRE.test(val)) {
     const [, type, string, , details] = specialTypeRE.exec(val);
-    const result = new import_devtools_shared20.target[type](string);
+    const result = new import_devtools_shared22.target[type](string);
     if (type === "Error" && details)
       result.stack = details;
     return result;
@@ -4495,7 +4770,7 @@ function toSubmit(value, customType) {
 
 // src/core/devtools-client/detected.ts
 init_cjs_shims();
-var import_devtools_shared21 = require("@vue/devtools-shared");
+var import_devtools_shared23 = require("@vue/devtools-shared");
 function updateDevToolsClientDetected(params) {
   devtoolsState.devtoolsClientDetected = {
     ...devtoolsState.devtoolsClientDetected,
@@ -4505,11 +4780,11 @@ function updateDevToolsClientDetected(params) {
   toggleHighPerfMode(!devtoolsClientVisible);
 }
 var _a18, _b18;
-(_b18 = (_a18 = import_devtools_shared21.target).__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__) != null ? _b18 : _a18.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ = updateDevToolsClientDetected;
+(_b18 = (_a18 = import_devtools_shared23.target).__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__) != null ? _b18 : _a18.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ = updateDevToolsClientDetected;
 
 // src/messaging/index.ts
 init_cjs_shims();
-var import_devtools_shared29 = require("@vue/devtools-shared");
+var import_devtools_shared31 = require("@vue/devtools-shared");
 var import_birpc = require("birpc");
 
 // src/messaging/presets/index.ts
@@ -5360,7 +5635,7 @@ init_cjs_shims();
 
 // src/messaging/presets/electron/context.ts
 init_cjs_shims();
-var import_devtools_shared22 = require("@vue/devtools-shared");
+var import_devtools_shared24 = require("@vue/devtools-shared");
 var __ELECTRON_CLIENT_CONTEXT__ = "electron:client-context";
 var __ELECTRON_RPOXY_CONTEXT__ = "electron:proxy-context";
 var __ELECTRON_SERVER_CONTEXT__ = "electron:server-context";
@@ -5378,22 +5653,22 @@ var __DEVTOOLS_KIT_ELECTRON_MESSAGING_EVENT_KEY__ = {
   // on: proxy->server
 };
 function getElectronClientContext() {
-  return import_devtools_shared22.target[__ELECTRON_CLIENT_CONTEXT__];
+  return import_devtools_shared24.target[__ELECTRON_CLIENT_CONTEXT__];
 }
 function setElectronClientContext(context) {
-  import_devtools_shared22.target[__ELECTRON_CLIENT_CONTEXT__] = context;
+  import_devtools_shared24.target[__ELECTRON_CLIENT_CONTEXT__] = context;
 }
 function getElectronProxyContext() {
-  return import_devtools_shared22.target[__ELECTRON_RPOXY_CONTEXT__];
+  return import_devtools_shared24.target[__ELECTRON_RPOXY_CONTEXT__];
 }
 function setElectronProxyContext(context) {
-  import_devtools_shared22.target[__ELECTRON_RPOXY_CONTEXT__] = context;
+  import_devtools_shared24.target[__ELECTRON_RPOXY_CONTEXT__] = context;
 }
 function getElectronServerContext() {
-  return import_devtools_shared22.target[__ELECTRON_SERVER_CONTEXT__];
+  return import_devtools_shared24.target[__ELECTRON_SERVER_CONTEXT__];
 }
 function setElectronServerContext(context) {
-  import_devtools_shared22.target[__ELECTRON_SERVER_CONTEXT__] = context;
+  import_devtools_shared24.target[__ELECTRON_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/electron/client.ts
@@ -5453,7 +5728,7 @@ init_cjs_shims();
 
 // src/messaging/presets/extension/context.ts
 init_cjs_shims();
-var import_devtools_shared23 = require("@vue/devtools-shared");
+var import_devtools_shared25 = require("@vue/devtools-shared");
 var __EXTENSION_CLIENT_CONTEXT__ = "electron:client-context";
 var __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__ = {
   // client
@@ -5469,10 +5744,10 @@ var __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__ = {
   // on: proxy->server
 };
 function getExtensionClientContext() {
-  return import_devtools_shared23.target[__EXTENSION_CLIENT_CONTEXT__];
+  return import_devtools_shared25.target[__EXTENSION_CLIENT_CONTEXT__];
 }
 function setExtensionClientContext(context) {
-  import_devtools_shared23.target[__EXTENSION_CLIENT_CONTEXT__] = context;
+  import_devtools_shared25.target[__EXTENSION_CLIENT_CONTEXT__] = context;
 }
 
 // src/messaging/presets/extension/client.ts
@@ -5587,23 +5862,23 @@ init_cjs_shims();
 
 // src/messaging/presets/iframe/client.ts
 init_cjs_shims();
-var import_devtools_shared25 = require("@vue/devtools-shared");
+var import_devtools_shared27 = require("@vue/devtools-shared");
 
 // src/messaging/presets/iframe/context.ts
 init_cjs_shims();
-var import_devtools_shared24 = require("@vue/devtools-shared");
+var import_devtools_shared26 = require("@vue/devtools-shared");
 var __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY = "__devtools-kit-iframe-messaging-event-key__";
 var __IFRAME_SERVER_CONTEXT__ = "iframe:server-context";
 function getIframeServerContext() {
-  return import_devtools_shared24.target[__IFRAME_SERVER_CONTEXT__];
+  return import_devtools_shared26.target[__IFRAME_SERVER_CONTEXT__];
 }
 function setIframeServerContext(context) {
-  import_devtools_shared24.target[__IFRAME_SERVER_CONTEXT__] = context;
+  import_devtools_shared26.target[__IFRAME_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/iframe/client.ts
 function createIframeClientChannel() {
-  if (!import_devtools_shared25.isBrowser) {
+  if (!import_devtools_shared27.isBrowser) {
     return {
       post: (data) => {
       },
@@ -5630,9 +5905,9 @@ function createIframeClientChannel() {
 
 // src/messaging/presets/iframe/server.ts
 init_cjs_shims();
-var import_devtools_shared26 = require("@vue/devtools-shared");
+var import_devtools_shared28 = require("@vue/devtools-shared");
 function createIframeServerChannel() {
-  if (!import_devtools_shared26.isBrowser) {
+  if (!import_devtools_shared28.isBrowser) {
     return {
       post: (data) => {
       },
@@ -5672,21 +5947,21 @@ init_cjs_shims();
 
 // src/messaging/presets/vite/context.ts
 init_cjs_shims();
-var import_devtools_shared27 = require("@vue/devtools-shared");
+var import_devtools_shared29 = require("@vue/devtools-shared");
 var __DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY = "__devtools-kit-vite-messaging-event-key__";
 var __VITE_CLIENT_CONTEXT__ = "vite:client-context";
 var __VITE_SERVER_CONTEXT__ = "vite:server-context";
 function getViteClientContext() {
-  return import_devtools_shared27.target[__VITE_CLIENT_CONTEXT__];
+  return import_devtools_shared29.target[__VITE_CLIENT_CONTEXT__];
 }
 function setViteClientContext(context) {
-  import_devtools_shared27.target[__VITE_CLIENT_CONTEXT__] = context;
+  import_devtools_shared29.target[__VITE_CLIENT_CONTEXT__] = context;
 }
 function getViteServerContext() {
-  return import_devtools_shared27.target[__VITE_SERVER_CONTEXT__];
+  return import_devtools_shared29.target[__VITE_SERVER_CONTEXT__];
 }
 function setViteServerContext(context) {
-  import_devtools_shared27.target[__VITE_SERVER_CONTEXT__] = context;
+  import_devtools_shared29.target[__VITE_SERVER_CONTEXT__] = context;
 }
 
 // src/messaging/presets/vite/client.ts
@@ -5726,47 +6001,47 @@ init_cjs_shims();
 
 // src/messaging/presets/ws/context.ts
 init_cjs_shims();
-var import_devtools_shared28 = require("@vue/devtools-shared");
+var import_devtools_shared30 = require("@vue/devtools-shared");
 
 // src/messaging/presets/ws/server.ts
 init_cjs_shims();
 
 // src/messaging/index.ts
 var _a19, _b19;
-(_b19 = (_a19 = import_devtools_shared29.target).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null ? _b19 : _a19.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = [];
+(_b19 = (_a19 = import_devtools_shared31.target).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null ? _b19 : _a19.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = [];
 var _a20, _b20;
-(_b20 = (_a20 = import_devtools_shared29.target).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null ? _b20 : _a20.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null;
+(_b20 = (_a20 = import_devtools_shared31.target).__VUE_DEVTOOLS_KIT_RPC_CLIENT__) != null ? _b20 : _a20.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = null;
 var _a21, _b21;
-(_b21 = (_a21 = import_devtools_shared29.target).__VUE_DEVTOOLS_KIT_RPC_SERVER__) != null ? _b21 : _a21.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = null;
+(_b21 = (_a21 = import_devtools_shared31.target).__VUE_DEVTOOLS_KIT_RPC_SERVER__) != null ? _b21 : _a21.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = null;
 var _a22, _b22;
-(_b22 = (_a22 = import_devtools_shared29.target).__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__) != null ? _b22 : _a22.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = null;
+(_b22 = (_a22 = import_devtools_shared31.target).__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__) != null ? _b22 : _a22.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = null;
 var _a23, _b23;
-(_b23 = (_a23 = import_devtools_shared29.target).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null ? _b23 : _a23.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null;
+(_b23 = (_a23 = import_devtools_shared31.target).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null ? _b23 : _a23.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null;
 var _a24, _b24;
-(_b24 = (_a24 = import_devtools_shared29.target).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null ? _b24 : _a24.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null;
+(_b24 = (_a24 = import_devtools_shared31.target).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null ? _b24 : _a24.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null;
 function setRpcClientToGlobal(rpc) {
-  import_devtools_shared29.target.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = rpc;
+  import_devtools_shared31.target.__VUE_DEVTOOLS_KIT_RPC_CLIENT__ = rpc;
 }
 function setRpcServerToGlobal(rpc) {
-  import_devtools_shared29.target.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = rpc;
+  import_devtools_shared31.target.__VUE_DEVTOOLS_KIT_RPC_SERVER__ = rpc;
 }
 function getRpcClient() {
-  return import_devtools_shared29.target.__VUE_DEVTOOLS_KIT_RPC_CLIENT__;
+  return import_devtools_shared31.target.__VUE_DEVTOOLS_KIT_RPC_CLIENT__;
 }
 function getRpcServer() {
-  return import_devtools_shared29.target.__VUE_DEVTOOLS_KIT_RPC_SERVER__;
+  return import_devtools_shared31.target.__VUE_DEVTOOLS_KIT_RPC_SERVER__;
 }
 function setViteRpcClientToGlobal(rpc) {
-  import_devtools_shared29.target.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = rpc;
+  import_devtools_shared31.target.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__ = rpc;
 }
 function setViteRpcServerToGlobal(rpc) {
-  import_devtools_shared29.target.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = rpc;
+  import_devtools_shared31.target.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = rpc;
 }
 function getViteRpcClient() {
-  return import_devtools_shared29.target.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__;
+  return import_devtools_shared31.target.__VUE_DEVTOOLS_KIT_VITE_RPC_CLIENT__;
 }
 function getViteRpcServer() {
-  return import_devtools_shared29.target.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__;
+  return import_devtools_shared31.target.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__;
 }
 function getChannel(preset, host = "client") {
   const channel = {
@@ -6385,5 +6660,6 @@ var devtools = {
   toggleComponentInspectorEnabled,
   toggleHighPerfMode,
   updateDevToolsClientDetected,
-  updateDevToolsState
+  updateDevToolsState,
+  updateTimelineLayersState
 });