@vue/devtools-kit 8.0.6 → 8.1.0

package/dist/index.js

@@ -2,17 +2,14 @@ import { basename, camelize, classify, deepClone, isBrowser, isNuxtApp, isUrlStr
 import { debounce } from "perfect-debounce";
 import { createHooks } from "hookable";
 import { createBirpc, createBirpcGroup } from "birpc";
-
-//#region rolldown:runtime
+//#region \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function() {
-	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __copyProps = (to, from, except, desc) => {
 	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
 		key = keys[i];
@@ -23,11 +20,10 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target$1) => (target$1 = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target$1, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
-}) : target$1, mod));
-
+}) : target, mod));
 //#endregion
 //#region src/compat/index.ts
 function onLegacyDevToolsPluginApiAvailable(cb) {
@@ -42,10 +38,10 @@ function onLegacyDevToolsPluginApiAvailable(cb) {
 		configurable: true
 	});
 }
-
 //#endregion
 //#region src/core/component/utils/index.ts
 function getComponentTypeName(options) {
+	if (typeof options === "function") return options.displayName || options.name || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || "";
 	const name = options.name || options._componentTag || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || options.__name;
 	if (name === "index" && options.__file?.endsWith("index.vue")) return "";
 	return name;
@@ -130,7 +126,6 @@ function getComponentInstance(appRecord, instanceId) {
 function ensurePropertyExists(obj, key, skipObjCheck = false) {
 	return skipObjCheck ? key in obj : typeof obj === "object" && obj !== null ? key in obj : false;
 }
-
 //#endregion
 //#region src/core/component/state/bounding-rect.ts
 function createRect() {
@@ -193,7 +188,6 @@ function getComponentBoundingRect(instance) {
 	else if (instance.subTree.component) return getComponentBoundingRect(instance.subTree.component);
 	else return DEFAULT_RECT;
 }
-
 //#endregion
 //#region src/core/component/tree/el.ts
 function getRootElementsFromComponentInstance(instance) {
@@ -210,7 +204,6 @@ function getFragmentRootElements(vnode) {
 	});
 	return list;
 }
-
 //#endregion
 //#region src/core/component-highlighter/index.ts
 const CONTAINER_ELEMENT_ID = "__vue-devtools-component-inspector__";
@@ -328,9 +321,9 @@ function unhighlight() {
 }
 let inspectInstance = null;
 function inspectFn(e) {
-	const target$1 = e.target;
-	if (target$1) {
-		const instance = target$1.__vueParentComponent;
+	const target = e.target;
+	if (target) {
+		const instance = target.__vueParentComponent;
 		if (instance) {
 			inspectInstance = instance;
 			if (instance.vnode.el) {
@@ -401,8 +394,8 @@ function scrollToComponent(options) {
 			const bounds = getComponentBoundingRect(instance);
 			if (bounds.width || bounds.height) {
 				const name = getInstanceName(instance);
-				const el$1 = getContainerElement();
-				el$1 ? update({
+				const el = getContainerElement();
+				el ? update({
 					...options,
 					name,
 					bounds
@@ -412,13 +405,12 @@ function scrollToComponent(options) {
 					bounds
 				});
 				setTimeout(() => {
-					if (el$1) el$1.style.display = "none";
+					if (el) el.style.display = "none";
 				}, 1500);
 			}
 		}, 1200);
 	}
 }
-
 //#endregion
 //#region src/core/component-inspector/index.ts
 target.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ ??= true;
@@ -456,7 +448,6 @@ function getComponentInspector() {
 		else setup();
 	});
 }
-
 //#endregion
 //#region src/shared/stub-vue.ts
 /**
@@ -467,13 +458,13 @@ function getComponentInspector() {
 /**
 * @from [@vue/reactivity](https://github.com/vuejs/core/blob/1c3327a0fa5983aa9078e3f7bb2330f572435425/packages/reactivity/src/constants.ts#L17-L23)
 */
-let ReactiveFlags = /* @__PURE__ */ function(ReactiveFlags$1) {
-	ReactiveFlags$1["SKIP"] = "__v_skip";
-	ReactiveFlags$1["IS_REACTIVE"] = "__v_isReactive";
-	ReactiveFlags$1["IS_READONLY"] = "__v_isReadonly";
-	ReactiveFlags$1["IS_SHALLOW"] = "__v_isShallow";
-	ReactiveFlags$1["RAW"] = "__v_raw";
-	return ReactiveFlags$1;
+let ReactiveFlags = /* @__PURE__ */ function(ReactiveFlags) {
+	ReactiveFlags["SKIP"] = "__v_skip";
+	ReactiveFlags["IS_REACTIVE"] = "__v_isReactive";
+	ReactiveFlags["IS_READONLY"] = "__v_isReadonly";
+	ReactiveFlags["IS_SHALLOW"] = "__v_isShallow";
+	ReactiveFlags["RAW"] = "__v_raw";
+	return ReactiveFlags;
 }({});
 /**
 * @from [@vue/reactivity](https://github.com/vuejs/core/blob/1c3327a0fa5983aa9078e3f7bb2330f572435425/packages/reactivity/src/reactive.ts#L330-L332)
@@ -498,11 +489,6 @@ function toRaw$1(observed) {
 	const raw = observed && observed[ReactiveFlags.RAW];
 	return raw ? toRaw$1(raw) : observed;
 }
-/**
-* @from [@vue/runtime-core](https://github.com/vuejs/core/blob/1c3327a0fa5983aa9078e3f7bb2330f572435425/packages/runtime-core/src/vnode.ts#L63-L68)
-*/
-const Fragment = Symbol.for("v-fgt");
-
 //#endregion
 //#region src/core/component/state/editor.ts
 var StateEditor = class {
@@ -552,8 +538,8 @@ var StateEditor = class {
 			else if (toRaw$1(object) instanceof Set) object.delete(Array.from(object.values())[field]);
 			else Reflect.deleteProperty(object, field);
 			if (!state.remove) {
-				const target$1 = object[state.newKey || field];
-				if (this.refEditor.isRef(target$1)) this.refEditor.set(target$1, value);
+				const target = object[state.newKey || field];
+				if (this.refEditor.isRef(target)) this.refEditor.set(target, value);
 				else if (toRaw$1(object) instanceof Map) object.set(state.newKey || field, value);
 				else if (toRaw$1(object) instanceof Set) object.add(value);
 				else object[state.newKey || field] = value;
@@ -572,12 +558,12 @@ var RefStateEditor = class {
 			}
 			const currentKeys = Object.keys(value);
 			if (ref instanceof Map) {
-				const previousKeysSet$1 = new Set(ref.keys());
+				const previousKeysSet = new Set(ref.keys());
 				currentKeys.forEach((key) => {
 					ref.set(key, Reflect.get(value, key));
-					previousKeysSet$1.delete(key);
+					previousKeysSet.delete(key);
 				});
-				previousKeysSet$1.forEach((key) => ref.delete(key));
+				previousKeysSet.forEach((key) => ref.delete(key));
 				return;
 			}
 			const previousKeysSet = new Set(Object.keys(ref));
@@ -595,26 +581,25 @@ var RefStateEditor = class {
 		return isRef$1(ref) || isReactive$1(ref);
 	}
 };
-async function editComponentState(payload, stateEditor$1) {
+async function editComponentState(payload, stateEditor) {
 	const { path, nodeId, state, type } = payload;
 	const instance = getComponentInstance(activeAppRecord.value, nodeId);
 	if (!instance) return;
 	const targetPath = path.slice();
-	let target$1;
-	if (Object.keys(instance.props).includes(path[0])) target$1 = instance.props;
-	else if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0])) target$1 = instance.devtoolsRawSetupState;
-	else if (instance.data && Object.keys(instance.data).includes(path[0])) target$1 = instance.data;
-	else target$1 = instance.proxy;
-	if (target$1 && targetPath) {
+	let target;
+	if (Object.keys(instance.props).includes(path[0])) target = instance.props;
+	else if (instance.devtoolsRawSetupState && Object.keys(instance.devtoolsRawSetupState).includes(path[0])) target = instance.devtoolsRawSetupState;
+	else if (instance.data && Object.keys(instance.data).includes(path[0])) target = instance.data;
+	else target = instance.proxy;
+	if (target && targetPath) {
 		if (state.type === "object" && type === "reactive") {}
-		stateEditor$1.set(target$1, targetPath, state.value, stateEditor$1.createDefaultSetCallback(state));
+		stateEditor.set(target, targetPath, state.value, stateEditor.createDefaultSetCallback(state));
 	}
 }
 const stateEditor = new StateEditor();
 async function editState(payload) {
 	editComponentState(payload, stateEditor);
 }
-
 //#endregion
 //#region src/core/timeline/storage.ts
 const TIMELINE_LAYERS_STATE_STORAGE_ID = "__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS_STATE__";
@@ -641,12 +626,11 @@ function getTimelineLayersStateFromStorage() {
 		selected: ""
 	};
 }
-
 //#endregion
 //#region src/ctx/timeline.ts
 target.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS ??= [];
-const devtoolsTimelineLayers = new Proxy(target.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, { get(target$1, prop, receiver) {
-	return Reflect.get(target$1, prop, receiver);
+const devtoolsTimelineLayers = new Proxy(target.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, { get(target, prop, receiver) {
+	return Reflect.get(target, prop, receiver);
 } });
 function addTimelineLayer(options, descriptor) {
 	devtoolsState.timelineLayersState[descriptor.id] = false;
@@ -664,12 +648,11 @@ function updateTimelineLayersState(state) {
 	addTimelineLayersStateToStorage(updatedState);
 	updateDevToolsState({ timelineLayersState: updatedState });
 }
-
 //#endregion
 //#region src/ctx/inspector.ts
 target.__VUE_DEVTOOLS_KIT_INSPECTOR__ ??= [];
-const devtoolsInspector = new Proxy(target.__VUE_DEVTOOLS_KIT_INSPECTOR__, { get(target$1, prop, receiver) {
-	return Reflect.get(target$1, prop, receiver);
+const devtoolsInspector = new Proxy(target.__VUE_DEVTOOLS_KIT_INSPECTOR__, { get(target, prop, receiver) {
+	return Reflect.get(target, prop, receiver);
 } });
 const callInspectorUpdatedHook = debounce(() => {
 	devtoolsContext.hooks.callHook(DevToolsMessagingHookKeys.SEND_INSPECTOR_TO_CLIENT, getActiveInspectors());
@@ -731,49 +714,48 @@ function getInspectorActions(id) {
 function getInspectorNodeActions(id) {
 	return getInspector(id)?.options.nodeActions;
 }
-
 //#endregion
 //#region src/ctx/hook.ts
-let DevToolsV6PluginAPIHookKeys = /* @__PURE__ */ function(DevToolsV6PluginAPIHookKeys$1) {
-	DevToolsV6PluginAPIHookKeys$1["VISIT_COMPONENT_TREE"] = "visitComponentTree";
-	DevToolsV6PluginAPIHookKeys$1["INSPECT_COMPONENT"] = "inspectComponent";
-	DevToolsV6PluginAPIHookKeys$1["EDIT_COMPONENT_STATE"] = "editComponentState";
-	DevToolsV6PluginAPIHookKeys$1["GET_INSPECTOR_TREE"] = "getInspectorTree";
-	DevToolsV6PluginAPIHookKeys$1["GET_INSPECTOR_STATE"] = "getInspectorState";
-	DevToolsV6PluginAPIHookKeys$1["EDIT_INSPECTOR_STATE"] = "editInspectorState";
-	DevToolsV6PluginAPIHookKeys$1["INSPECT_TIMELINE_EVENT"] = "inspectTimelineEvent";
-	DevToolsV6PluginAPIHookKeys$1["TIMELINE_CLEARED"] = "timelineCleared";
-	DevToolsV6PluginAPIHookKeys$1["SET_PLUGIN_SETTINGS"] = "setPluginSettings";
-	return DevToolsV6PluginAPIHookKeys$1;
+let DevToolsV6PluginAPIHookKeys = /* @__PURE__ */ function(DevToolsV6PluginAPIHookKeys) {
+	DevToolsV6PluginAPIHookKeys["VISIT_COMPONENT_TREE"] = "visitComponentTree";
+	DevToolsV6PluginAPIHookKeys["INSPECT_COMPONENT"] = "inspectComponent";
+	DevToolsV6PluginAPIHookKeys["EDIT_COMPONENT_STATE"] = "editComponentState";
+	DevToolsV6PluginAPIHookKeys["GET_INSPECTOR_TREE"] = "getInspectorTree";
+	DevToolsV6PluginAPIHookKeys["GET_INSPECTOR_STATE"] = "getInspectorState";
+	DevToolsV6PluginAPIHookKeys["EDIT_INSPECTOR_STATE"] = "editInspectorState";
+	DevToolsV6PluginAPIHookKeys["INSPECT_TIMELINE_EVENT"] = "inspectTimelineEvent";
+	DevToolsV6PluginAPIHookKeys["TIMELINE_CLEARED"] = "timelineCleared";
+	DevToolsV6PluginAPIHookKeys["SET_PLUGIN_SETTINGS"] = "setPluginSettings";
+	return DevToolsV6PluginAPIHookKeys;
 }({});
-let DevToolsContextHookKeys = /* @__PURE__ */ function(DevToolsContextHookKeys$1) {
-	DevToolsContextHookKeys$1["ADD_INSPECTOR"] = "addInspector";
-	DevToolsContextHookKeys$1["SEND_INSPECTOR_TREE"] = "sendInspectorTree";
-	DevToolsContextHookKeys$1["SEND_INSPECTOR_STATE"] = "sendInspectorState";
-	DevToolsContextHookKeys$1["CUSTOM_INSPECTOR_SELECT_NODE"] = "customInspectorSelectNode";
-	DevToolsContextHookKeys$1["TIMELINE_LAYER_ADDED"] = "timelineLayerAdded";
-	DevToolsContextHookKeys$1["TIMELINE_EVENT_ADDED"] = "timelineEventAdded";
-	DevToolsContextHookKeys$1["GET_COMPONENT_INSTANCES"] = "getComponentInstances";
-	DevToolsContextHookKeys$1["GET_COMPONENT_BOUNDS"] = "getComponentBounds";
-	DevToolsContextHookKeys$1["GET_COMPONENT_NAME"] = "getComponentName";
-	DevToolsContextHookKeys$1["COMPONENT_HIGHLIGHT"] = "componentHighlight";
-	DevToolsContextHookKeys$1["COMPONENT_UNHIGHLIGHT"] = "componentUnhighlight";
-	return DevToolsContextHookKeys$1;
+let DevToolsContextHookKeys = /* @__PURE__ */ function(DevToolsContextHookKeys) {
+	DevToolsContextHookKeys["ADD_INSPECTOR"] = "addInspector";
+	DevToolsContextHookKeys["SEND_INSPECTOR_TREE"] = "sendInspectorTree";
+	DevToolsContextHookKeys["SEND_INSPECTOR_STATE"] = "sendInspectorState";
+	DevToolsContextHookKeys["CUSTOM_INSPECTOR_SELECT_NODE"] = "customInspectorSelectNode";
+	DevToolsContextHookKeys["TIMELINE_LAYER_ADDED"] = "timelineLayerAdded";
+	DevToolsContextHookKeys["TIMELINE_EVENT_ADDED"] = "timelineEventAdded";
+	DevToolsContextHookKeys["GET_COMPONENT_INSTANCES"] = "getComponentInstances";
+	DevToolsContextHookKeys["GET_COMPONENT_BOUNDS"] = "getComponentBounds";
+	DevToolsContextHookKeys["GET_COMPONENT_NAME"] = "getComponentName";
+	DevToolsContextHookKeys["COMPONENT_HIGHLIGHT"] = "componentHighlight";
+	DevToolsContextHookKeys["COMPONENT_UNHIGHLIGHT"] = "componentUnhighlight";
+	return DevToolsContextHookKeys;
 }({});
-let DevToolsMessagingHookKeys = /* @__PURE__ */ function(DevToolsMessagingHookKeys$1) {
-	DevToolsMessagingHookKeys$1["SEND_INSPECTOR_TREE_TO_CLIENT"] = "sendInspectorTreeToClient";
-	DevToolsMessagingHookKeys$1["SEND_INSPECTOR_STATE_TO_CLIENT"] = "sendInspectorStateToClient";
-	DevToolsMessagingHookKeys$1["SEND_TIMELINE_EVENT_TO_CLIENT"] = "sendTimelineEventToClient";
-	DevToolsMessagingHookKeys$1["SEND_INSPECTOR_TO_CLIENT"] = "sendInspectorToClient";
-	DevToolsMessagingHookKeys$1["SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT"] = "sendActiveAppUpdatedToClient";
-	DevToolsMessagingHookKeys$1["DEVTOOLS_STATE_UPDATED"] = "devtoolsStateUpdated";
-	DevToolsMessagingHookKeys$1["DEVTOOLS_CONNECTED_UPDATED"] = "devtoolsConnectedUpdated";
-	DevToolsMessagingHookKeys$1["ROUTER_INFO_UPDATED"] = "routerInfoUpdated";
-	return DevToolsMessagingHookKeys$1;
+let DevToolsMessagingHookKeys = /* @__PURE__ */ function(DevToolsMessagingHookKeys) {
+	DevToolsMessagingHookKeys["SEND_INSPECTOR_TREE_TO_CLIENT"] = "sendInspectorTreeToClient";
+	DevToolsMessagingHookKeys["SEND_INSPECTOR_STATE_TO_CLIENT"] = "sendInspectorStateToClient";
+	DevToolsMessagingHookKeys["SEND_TIMELINE_EVENT_TO_CLIENT"] = "sendTimelineEventToClient";
+	DevToolsMessagingHookKeys["SEND_INSPECTOR_TO_CLIENT"] = "sendInspectorToClient";
+	DevToolsMessagingHookKeys["SEND_ACTIVE_APP_UNMOUNTED_TO_CLIENT"] = "sendActiveAppUpdatedToClient";
+	DevToolsMessagingHookKeys["DEVTOOLS_STATE_UPDATED"] = "devtoolsStateUpdated";
+	DevToolsMessagingHookKeys["DEVTOOLS_CONNECTED_UPDATED"] = "devtoolsConnectedUpdated";
+	DevToolsMessagingHookKeys["ROUTER_INFO_UPDATED"] = "routerInfoUpdated";
+	return DevToolsMessagingHookKeys;
 }({});
 function createDevToolsCtxHooks() {
-	const hooks$1 = createHooks();
-	hooks$1.hook(DevToolsContextHookKeys.ADD_INSPECTOR, ({ inspector, plugin }) => {
+	const hooks = createHooks();
+	hooks.hook(DevToolsContextHookKeys.ADD_INSPECTOR, ({ inspector, plugin }) => {
 		addInspector(inspector, plugin.descriptor);
 	});
 	const debounceSendInspectorTree = debounce(async ({ inspectorId, plugin }) => {
@@ -786,19 +768,19 @@ function createDevToolsCtxHooks() {
 			rootNodes: []
 		};
 		await new Promise((resolve) => {
-			hooks$1.callHookWith(async (callbacks) => {
+			hooks.callHookWith(async (callbacks) => {
 				await Promise.all(callbacks.map((cb) => cb(_payload)));
 				resolve();
 			}, DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE);
 		});
-		hooks$1.callHookWith(async (callbacks) => {
+		hooks.callHookWith(async (callbacks) => {
 			await Promise.all(callbacks.map((cb) => cb({
 				inspectorId,
 				rootNodes: _payload.rootNodes
 			})));
 		}, DevToolsMessagingHookKeys.SEND_INSPECTOR_TREE_TO_CLIENT);
 	}, 120);
-	hooks$1.hook(DevToolsContextHookKeys.SEND_INSPECTOR_TREE, debounceSendInspectorTree);
+	hooks.hook(DevToolsContextHookKeys.SEND_INSPECTOR_TREE, debounceSendInspectorTree);
 	const debounceSendInspectorState = debounce(async ({ inspectorId, plugin }) => {
 		if (!inspectorId || !plugin?.descriptor?.app || devtoolsState.highPerfModeEnabled) return;
 		const inspector = getInspector(inspectorId, plugin.descriptor.app);
@@ -810,12 +792,12 @@ function createDevToolsCtxHooks() {
 		};
 		const ctx = { currentTab: `custom-inspector:${inspectorId}` };
 		if (_payload.nodeId) await new Promise((resolve) => {
-			hooks$1.callHookWith(async (callbacks) => {
+			hooks.callHookWith(async (callbacks) => {
 				await Promise.all(callbacks.map((cb) => cb(_payload, ctx)));
 				resolve();
 			}, DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE);
 		});
-		hooks$1.callHookWith(async (callbacks) => {
+		hooks.callHookWith(async (callbacks) => {
 			await Promise.all(callbacks.map((cb) => cb({
 				inspectorId,
 				nodeId: _payload.nodeId,
@@ -823,48 +805,47 @@ function createDevToolsCtxHooks() {
 			})));
 		}, DevToolsMessagingHookKeys.SEND_INSPECTOR_STATE_TO_CLIENT);
 	}, 120);
-	hooks$1.hook(DevToolsContextHookKeys.SEND_INSPECTOR_STATE, debounceSendInspectorState);
-	hooks$1.hook(DevToolsContextHookKeys.CUSTOM_INSPECTOR_SELECT_NODE, ({ inspectorId, nodeId, plugin }) => {
+	hooks.hook(DevToolsContextHookKeys.SEND_INSPECTOR_STATE, debounceSendInspectorState);
+	hooks.hook(DevToolsContextHookKeys.CUSTOM_INSPECTOR_SELECT_NODE, ({ inspectorId, nodeId, plugin }) => {
 		const inspector = getInspector(inspectorId, plugin.descriptor.app);
 		if (!inspector) return;
 		inspector.selectedNodeId = nodeId;
 	});
-	hooks$1.hook(DevToolsContextHookKeys.TIMELINE_LAYER_ADDED, ({ options, plugin }) => {
+	hooks.hook(DevToolsContextHookKeys.TIMELINE_LAYER_ADDED, ({ options, plugin }) => {
 		addTimelineLayer(options, plugin.descriptor);
 	});
-	hooks$1.hook(DevToolsContextHookKeys.TIMELINE_EVENT_ADDED, ({ options, plugin }) => {
+	hooks.hook(DevToolsContextHookKeys.TIMELINE_EVENT_ADDED, ({ options, plugin }) => {
 		if (devtoolsState.highPerfModeEnabled || !devtoolsState.timelineLayersState?.[plugin.descriptor.id] && ![
 			"performance",
 			"component-event",
 			"keyboard",
 			"mouse"
 		].includes(options.layerId)) return;
-		hooks$1.callHookWith(async (callbacks) => {
+		hooks.callHookWith(async (callbacks) => {
 			await Promise.all(callbacks.map((cb) => cb(options)));
 		}, DevToolsMessagingHookKeys.SEND_TIMELINE_EVENT_TO_CLIENT);
 	});
-	hooks$1.hook(DevToolsContextHookKeys.GET_COMPONENT_INSTANCES, async ({ app }) => {
+	hooks.hook(DevToolsContextHookKeys.GET_COMPONENT_INSTANCES, async ({ app }) => {
 		const appRecord = app.__VUE_DEVTOOLS_NEXT_APP_RECORD__;
 		if (!appRecord) return null;
 		const appId = appRecord.id.toString();
 		return [...appRecord.instanceMap].filter(([key]) => key.split(":")[0] === appId).map(([, instance]) => instance);
 	});
-	hooks$1.hook(DevToolsContextHookKeys.GET_COMPONENT_BOUNDS, async ({ instance }) => {
+	hooks.hook(DevToolsContextHookKeys.GET_COMPONENT_BOUNDS, async ({ instance }) => {
 		return getComponentBoundingRect(instance);
 	});
-	hooks$1.hook(DevToolsContextHookKeys.GET_COMPONENT_NAME, ({ instance }) => {
+	hooks.hook(DevToolsContextHookKeys.GET_COMPONENT_NAME, ({ instance }) => {
 		return getInstanceName(instance);
 	});
-	hooks$1.hook(DevToolsContextHookKeys.COMPONENT_HIGHLIGHT, ({ uid }) => {
+	hooks.hook(DevToolsContextHookKeys.COMPONENT_HIGHLIGHT, ({ uid }) => {
 		const instance = activeAppRecord.value.instanceMap.get(uid);
 		if (instance) highlight(instance);
 	});
-	hooks$1.hook(DevToolsContextHookKeys.COMPONENT_UNHIGHLIGHT, () => {
+	hooks.hook(DevToolsContextHookKeys.COMPONENT_UNHIGHLIGHT, () => {
 		unhighlight();
 	});
-	return hooks$1;
+	return hooks;
 }
-
 //#endregion
 //#region src/ctx/state.ts
 target.__VUE_DEVTOOLS_KIT_APP_RECORDS__ ??= [];
@@ -931,20 +912,19 @@ function setActiveAppRecordId(id) {
 	updateAllStates();
 }
 const devtoolsState = new Proxy(target[STATE_KEY], {
-	get(target$1, property) {
+	get(target$3, property) {
 		if (property === "appRecords") return devtoolsAppRecords;
 		else if (property === "activeAppRecordId") return activeAppRecord.id;
 		else if (property === "tabs") return target.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__;
 		else if (property === "commands") return target.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__;
 		return target[STATE_KEY][property];
 	},
-	deleteProperty(target$1, property) {
-		delete target$1[property];
+	deleteProperty(target, property) {
+		delete target[property];
 		return true;
 	},
-	set(target$1, property, value) {
-		({ ...target[STATE_KEY] });
-		target$1[property] = value;
+	set(target$4, property, value) {
+		target$4[property] = value;
 		target[STATE_KEY][property] = value;
 		return true;
 	}
@@ -1014,7 +994,6 @@ function removeCustomCommand(actionId) {
 function toggleClientConnected(state) {
 	updateDevToolsState({ clientConnected: state });
 }
-
 //#endregion
 //#region src/core/open-in-editor/index.ts
 function setOpenInEditorBaseUrl(url) {
@@ -1038,17 +1017,15 @@ function openInEditor(options = {}) {
 		}
 	}
 }
-
 //#endregion
 //#region src/ctx/plugin.ts
 target.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ ??= [];
-const devtoolsPluginBuffer = new Proxy(target.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, { get(target$1, prop, receiver) {
-	return Reflect.get(target$1, prop, receiver);
+const devtoolsPluginBuffer = new Proxy(target.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, { get(target, prop, receiver) {
+	return Reflect.get(target, prop, receiver);
 } });
 function addDevToolsPluginToBuffer(pluginDescriptor, setupFn) {
 	devtoolsPluginBuffer.push([pluginDescriptor, setupFn]);
 }
-
 //#endregion
 //#region src/core/plugin/plugin-settings.ts
 function _getSettings(settings) {
@@ -1096,27 +1073,25 @@ function setPluginSettings(pluginId, key, value) {
 		}));
 	}, DevToolsV6PluginAPIHookKeys.SET_PLUGIN_SETTINGS);
 }
-
 //#endregion
 //#region src/types/hook.ts
-let DevToolsHooks = /* @__PURE__ */ function(DevToolsHooks$1) {
-	DevToolsHooks$1["APP_INIT"] = "app:init";
-	DevToolsHooks$1["APP_UNMOUNT"] = "app:unmount";
-	DevToolsHooks$1["COMPONENT_UPDATED"] = "component:updated";
-	DevToolsHooks$1["COMPONENT_ADDED"] = "component:added";
-	DevToolsHooks$1["COMPONENT_REMOVED"] = "component:removed";
-	DevToolsHooks$1["COMPONENT_EMIT"] = "component:emit";
-	DevToolsHooks$1["PERFORMANCE_START"] = "perf:start";
-	DevToolsHooks$1["PERFORMANCE_END"] = "perf:end";
-	DevToolsHooks$1["ADD_ROUTE"] = "router:add-route";
-	DevToolsHooks$1["REMOVE_ROUTE"] = "router:remove-route";
-	DevToolsHooks$1["RENDER_TRACKED"] = "render:tracked";
-	DevToolsHooks$1["RENDER_TRIGGERED"] = "render:triggered";
-	DevToolsHooks$1["APP_CONNECTED"] = "app:connected";
-	DevToolsHooks$1["SETUP_DEVTOOLS_PLUGIN"] = "devtools-plugin:setup";
-	return DevToolsHooks$1;
+let DevToolsHooks = /* @__PURE__ */ function(DevToolsHooks) {
+	DevToolsHooks["APP_INIT"] = "app:init";
+	DevToolsHooks["APP_UNMOUNT"] = "app:unmount";
+	DevToolsHooks["COMPONENT_UPDATED"] = "component:updated";
+	DevToolsHooks["COMPONENT_ADDED"] = "component:added";
+	DevToolsHooks["COMPONENT_REMOVED"] = "component:removed";
+	DevToolsHooks["COMPONENT_EMIT"] = "component:emit";
+	DevToolsHooks["PERFORMANCE_START"] = "perf:start";
+	DevToolsHooks["PERFORMANCE_END"] = "perf:end";
+	DevToolsHooks["ADD_ROUTE"] = "router:add-route";
+	DevToolsHooks["REMOVE_ROUTE"] = "router:remove-route";
+	DevToolsHooks["RENDER_TRACKED"] = "render:tracked";
+	DevToolsHooks["RENDER_TRIGGERED"] = "render:triggered";
+	DevToolsHooks["APP_CONNECTED"] = "app:connected";
+	DevToolsHooks["SETUP_DEVTOOLS_PLUGIN"] = "devtools-plugin:setup";
+	return DevToolsHooks;
 }({});
-
 //#endregion
 //#region src/hook/index.ts
 const devtoolsHooks = target.__VUE_DEVTOOLS_HOOK ??= createHooks();
@@ -1185,40 +1160,40 @@ function createDevToolsHook() {
 		}
 	};
 }
-function subscribeDevToolsHook(hook$1) {
-	hook$1.on(DevToolsHooks.APP_INIT, (app, version, types) => {
+function subscribeDevToolsHook(hook) {
+	hook.on(DevToolsHooks.APP_INIT, (app, version, types) => {
 		if (app?._instance?.type?.devtools?.hide) return;
 		devtoolsHooks.callHook(DevToolsHooks.APP_INIT, app, version, types);
 	});
-	hook$1.on(DevToolsHooks.APP_UNMOUNT, (app) => {
+	hook.on(DevToolsHooks.APP_UNMOUNT, (app) => {
 		devtoolsHooks.callHook(DevToolsHooks.APP_UNMOUNT, app);
 	});
-	hook$1.on(DevToolsHooks.COMPONENT_ADDED, async (app, uid, parentUid, component) => {
+	hook.on(DevToolsHooks.COMPONENT_ADDED, async (app, uid, parentUid, component) => {
 		if (app?._instance?.type?.devtools?.hide || devtoolsState.highPerfModeEnabled) return;
 		if (!app || typeof uid !== "number" && !uid || !component) return;
 		devtoolsHooks.callHook(DevToolsHooks.COMPONENT_ADDED, app, uid, parentUid, component);
 	});
-	hook$1.on(DevToolsHooks.COMPONENT_UPDATED, (app, uid, parentUid, component) => {
+	hook.on(DevToolsHooks.COMPONENT_UPDATED, (app, uid, parentUid, component) => {
 		if (!app || typeof uid !== "number" && !uid || !component || devtoolsState.highPerfModeEnabled) return;
 		devtoolsHooks.callHook(DevToolsHooks.COMPONENT_UPDATED, app, uid, parentUid, component);
 	});
-	hook$1.on(DevToolsHooks.COMPONENT_REMOVED, async (app, uid, parentUid, component) => {
+	hook.on(DevToolsHooks.COMPONENT_REMOVED, async (app, uid, parentUid, component) => {
 		if (!app || typeof uid !== "number" && !uid || !component || devtoolsState.highPerfModeEnabled) return;
 		devtoolsHooks.callHook(DevToolsHooks.COMPONENT_REMOVED, app, uid, parentUid, component);
 	});
-	hook$1.on(DevToolsHooks.COMPONENT_EMIT, async (app, instance, event, params) => {
+	hook.on(DevToolsHooks.COMPONENT_EMIT, async (app, instance, event, params) => {
 		if (!app || !instance || devtoolsState.highPerfModeEnabled) return;
 		devtoolsHooks.callHook(DevToolsHooks.COMPONENT_EMIT, app, instance, event, params);
 	});
-	hook$1.on(DevToolsHooks.PERFORMANCE_START, (app, uid, vm, type, time) => {
+	hook.on(DevToolsHooks.PERFORMANCE_START, (app, uid, vm, type, time) => {
 		if (!app || devtoolsState.highPerfModeEnabled) return;
 		devtoolsHooks.callHook(DevToolsHooks.PERFORMANCE_START, app, uid, vm, type, time);
 	});
-	hook$1.on(DevToolsHooks.PERFORMANCE_END, (app, uid, vm, type, time) => {
+	hook.on(DevToolsHooks.PERFORMANCE_END, (app, uid, vm, type, time) => {
 		if (!app || devtoolsState.highPerfModeEnabled) return;
 		devtoolsHooks.callHook(DevToolsHooks.PERFORMANCE_END, app, uid, vm, type, time);
 	});
-	hook$1.on(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, (pluginDescriptor, setupFn, options) => {
+	hook.on(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, (pluginDescriptor, setupFn, options) => {
 		if (options?.target === "legacy") return;
 		devtoolsHooks.callHook(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, pluginDescriptor, setupFn);
 	});
@@ -1229,7 +1204,6 @@ const hook = {
 		return devtoolsHooks.callHook(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, pluginDescriptor, setupFn);
 	}
 };
-
 //#endregion
 //#region src/api/v6/index.ts
 var DevToolsV6PluginAPI = class {
@@ -1355,11 +1329,9 @@ var DevToolsV6PluginAPI = class {
 		return this.hooks.callHook(DevToolsContextHookKeys.COMPONENT_UNHIGHLIGHT);
 	}
 };
-
 //#endregion
 //#region src/api/index.ts
 const DevToolsPluginAPI = DevToolsV6PluginAPI;
-
 //#endregion
 //#region src/core/component/state/constants.ts
 const vueBuiltins = new Set([
@@ -1431,7 +1403,6 @@ const ESC = {
 	"\"": "&quot;",
 	"&": "&amp;"
 };
-
 //#endregion
 //#region src/core/component/state/is.ts
 function isVueInstance(value) {
@@ -1459,7 +1430,6 @@ function isReactive(raw) {
 function isReadOnly(raw) {
 	return !!raw.__v_isReadonly;
 }
-
 //#endregion
 //#region src/core/component/state/util.ts
 const tokenMap = {
@@ -1526,11 +1496,10 @@ function toRaw(value) {
 	return value;
 }
 function escape(s) {
-	return s.replace(/[<>"&]/g, (s$1) => {
-		return ESC[s$1] || s$1;
+	return s.replace(/[<>"&]/g, (s) => {
+		return ESC[s] || s;
 	});
 }
-
 //#endregion
 //#region src/core/component/state/process.ts
 function mergeOptions(to, from, instance) {
@@ -1539,8 +1508,10 @@ function mergeOptions(to, from, instance) {
 	const { mixins, extends: extendsOptions } = from;
 	extendsOptions && mergeOptions(to, extendsOptions, instance);
 	mixins && mixins.forEach((m) => mergeOptions(to, m, instance));
-	for (const key of ["computed", "inject"]) if (Object.prototype.hasOwnProperty.call(from, key)) if (!to[key]) to[key] = from[key];
-	else Object.assign(to[key], from[key]);
+	for (const key of ["computed", "inject"]) if (Object.prototype.hasOwnProperty.call(from, key)) {
+		to[key] ??= {};
+		Object.assign(to[key], from[key]);
+	}
 	return to;
 }
 function resolveMergedOptions(instance) {
@@ -1621,14 +1592,14 @@ function processSetupState(instance) {
 			const info = getSetupStateType(rawData);
 			const { stateType, stateTypeName } = getStateTypeAndName(info);
 			const isState = info.ref || info.computed || info.reactive;
-			const raw$1 = ensurePropertyExists(rawData, "effect") ? rawData.effect?.raw?.toString() || rawData.effect?.fn?.toString() : null;
+			const raw = ensurePropertyExists(rawData, "effect") ? rawData.effect?.raw?.toString() || rawData.effect?.fn?.toString() : null;
 			if (stateType) isOtherType = false;
 			result = {
 				...stateType ? {
 					stateType,
 					stateTypeName
 				} : {},
-				...raw$1 ? { raw: raw$1 } : {},
+				...raw ? { raw } : {},
 				editable: isState && !info.readonly
 			};
 		}
@@ -1649,9 +1620,9 @@ function processComputed(instance, mergedType) {
 	const defs = type.computed || {};
 	for (const key in defs) {
 		const def = defs[key];
-		const type$1 = typeof def === "function" && def.vuex ? "vuex bindings" : "computed";
+		const type = typeof def === "function" && def.vuex ? "vuex bindings" : "computed";
 		computed.push({
-			type: type$1,
+			type,
 			key,
 			value: returnError(() => instance?.proxy?.[key]),
 			editable: typeof def.set === "function"
@@ -1707,6 +1678,14 @@ function processRefs(instance) {
 		value: returnError(() => instance.refs[key])
 	}));
 }
+const vnodeEvents = new Set([
+	"vnode-before-mount",
+	"vnode-mounted",
+	"vnode-before-update",
+	"vnode-updated",
+	"vnode-before-unmount",
+	"vnode-unmounted"
+]);
 function processEventListeners(instance) {
 	const emitsDefinition = instance.type.emits;
 	const declaredEmits = Array.isArray(emitsDefinition) ? emitsDefinition : Object.keys(emitsDefinition ?? {});
@@ -1716,15 +1695,17 @@ function processEventListeners(instance) {
 		const [prefix, ...eventNameParts] = key.split(/(?=[A-Z])/);
 		if (prefix === "on") {
 			const eventName = eventNameParts.join("-").toLowerCase();
-			const isDeclared = declaredEmits.includes(eventName);
+			const isBuiltIn = vnodeEvents.has(eventName);
+			const isDeclared = declaredEmits.includes(eventName) || declaredEmits.includes(camelize(eventName));
+			const text = isBuiltIn ? "✅ Built-in" : isDeclared ? "✅ Declared" : "⚠️ Not declared";
 			result.push({
 				type: "event listeners",
 				key: eventName,
 				value: { _custom: {
-					displayText: isDeclared ? "✅ Declared" : "⚠️ Not declared",
-					key: isDeclared ? "✅ Declared" : "⚠️ Not declared",
-					value: isDeclared ? "✅ Declared" : "⚠️ Not declared",
-					tooltipText: !isDeclared ? `The event <code>${eventName}</code> is not declared in the <code>emits</code> option. It will leak into the component's attributes (<code>$attrs</code>).` : null
+					displayText: text,
+					key: text,
+					value: text,
+					tooltipText: isBuiltIn ? `The event <code>${escape(eventName)}</code> is part of Vue and doesn't need to be declared by the component` : !isDeclared ? `The event <code>${escape(eventName)}</code> is not declared in the <code>emits</code> option. It will leak into the component's attributes (<code>$attrs</code>).` : null
 				} }
 			});
 		}
@@ -1735,7 +1716,6 @@ function processInstanceState(instance) {
 	const mergedType = resolveMergedOptions(instance);
 	return processProps(instance).concat(processState(instance), processSetupState(instance), processComputed(instance, mergedType), processAttrs(instance), processProvide(instance), processInject(instance, mergedType), processRefs(instance), processEventListeners(instance));
 }
-
 //#endregion
 //#region src/core/component/state/index.ts
 function getInstanceState(params) {
@@ -1748,7 +1728,6 @@ function getInstanceState(params) {
 		instance
 	};
 }
-
 //#endregion
 //#region src/core/component/tree/filter.ts
 var ComponentFilter = class {
@@ -1769,7 +1748,6 @@ var ComponentFilter = class {
 function createComponentFilter(filterText) {
 	return new ComponentFilter(filterText);
 }
-
 //#endregion
 //#region src/core/component/tree/walker.ts
 var ComponentWalker = class {
@@ -1825,6 +1803,7 @@ var ComponentWalker = class {
 			renderKey: getRenderKey(instance.vnode ? instance.vnode.key : null),
 			inactive,
 			children: [],
+			hasChildren: !!children.length,
 			isFragment: isFragment(instance),
 			tags: typeof instance.type !== "function" ? [] : [{
 				label: "functional",
@@ -1948,7 +1927,6 @@ var ComponentWalker = class {
 		return Array.from(instance.__v_cache.values()).map((vnode) => vnode.component).filter(Boolean);
 	}
 };
-
 //#endregion
 //#region src/core/timeline/perf.ts
 const markEndQueue = /* @__PURE__ */ new Map();
@@ -1978,9 +1956,9 @@ async function performanceMarkStart(api, app, uid, vm, type, time) {
 		}
 	});
 	if (markEndQueue.has(groupKey)) {
-		const { app: app$1, uid: uid$1, instance, type: type$1, time: time$1 } = markEndQueue.get(groupKey);
+		const { app, uid, instance, type, time } = markEndQueue.get(groupKey);
 		markEndQueue.delete(groupKey);
-		await performanceMarkEnd(api, app$1, uid$1, instance, type$1, time$1);
+		await performanceMarkEnd(api, app, uid, instance, type, time);
 	}
 }
 function performanceMarkEnd(api, app, uid, vm, type, time) {
@@ -2019,7 +1997,6 @@ function performanceMarkEnd(api, app, uid, vm, type, time) {
 		time
 	});
 }
-
 //#endregion
 //#region src/core/timeline/index.ts
 const COMPONENT_EVENT_LAYER_ID = "component-event";
@@ -2130,7 +2107,6 @@ function setupBuiltinTimelineLayers(api) {
 		performanceMarkEnd(api, app, uid, vm, type, time);
 	});
 }
-
 //#endregion
 //#region src/core/vm/index.ts
 const MAX_$VM = 10;
@@ -2146,7 +2122,6 @@ function exposeInstanceToWindow(componentInstance) {
 		win.$vm0 = $vmQueue[0] = componentInstance;
 	}
 }
-
 //#endregion
 //#region src/core/plugin/components.ts
 const INSPECTOR_ID = "components";
@@ -2202,16 +2177,16 @@ function createComponentsDevToolsPlugin(app) {
 		const debounceSendInspectorState = debounce(() => {
 			api.sendInspectorState(INSPECTOR_ID);
 		}, 120);
-		hook.on.componentAdded(async (app$1, uid, parentUid, component) => {
+		hook.on.componentAdded(async (app, uid, parentUid, component) => {
 			if (devtoolsState.highPerfModeEnabled) return;
-			if (app$1?._instance?.type?.devtools?.hide) return;
-			if (!app$1 || typeof uid !== "number" && !uid || !component) return;
+			if (app?._instance?.type?.devtools?.hide) return;
+			if (!app || typeof uid !== "number" && !uid || !component) return;
 			const id = await getComponentId({
-				app: app$1,
+				app,
 				uid,
 				instance: component
 			});
-			const appRecord = await getAppRecord(app$1);
+			const appRecord = await getAppRecord(app);
 			if (component) {
 				if (component.__VUE_DEVTOOLS_NEXT_UID__ == null) component.__VUE_DEVTOOLS_NEXT_UID__ = id;
 				if (!appRecord?.instanceMap.has(id)) {
@@ -2222,16 +2197,16 @@ function createComponentsDevToolsPlugin(app) {
 			if (!appRecord) return;
 			debounceSendInspectorTree();
 		});
-		hook.on.componentUpdated(async (app$1, uid, parentUid, component) => {
+		hook.on.componentUpdated(async (app, uid, parentUid, component) => {
 			if (devtoolsState.highPerfModeEnabled) return;
-			if (app$1?._instance?.type?.devtools?.hide) return;
-			if (!app$1 || typeof uid !== "number" && !uid || !component) return;
+			if (app?._instance?.type?.devtools?.hide) return;
+			if (!app || typeof uid !== "number" && !uid || !component) return;
 			const id = await getComponentId({
-				app: app$1,
+				app,
 				uid,
 				instance: component
 			});
-			const appRecord = await getAppRecord(app$1);
+			const appRecord = await getAppRecord(app);
 			if (component) {
 				if (component.__VUE_DEVTOOLS_NEXT_UID__ == null) component.__VUE_DEVTOOLS_NEXT_UID__ = id;
 				if (!appRecord?.instanceMap.has(id)) {
@@ -2243,14 +2218,14 @@ function createComponentsDevToolsPlugin(app) {
 			debounceSendInspectorTree();
 			debounceSendInspectorState();
 		});
-		hook.on.componentRemoved(async (app$1, uid, parentUid, component) => {
+		hook.on.componentRemoved(async (app, uid, parentUid, component) => {
 			if (devtoolsState.highPerfModeEnabled) return;
-			if (app$1?._instance?.type?.devtools?.hide) return;
-			if (!app$1 || typeof uid !== "number" && !uid || !component) return;
-			const appRecord = await getAppRecord(app$1);
+			if (app?._instance?.type?.devtools?.hide) return;
+			if (!app || typeof uid !== "number" && !uid || !component) return;
+			const appRecord = await getAppRecord(app);
 			if (!appRecord) return;
 			const id = await getComponentId({
-				app: app$1,
+				app,
 				uid,
 				instance: component
 			});
@@ -2261,7 +2236,6 @@ function createComponentsDevToolsPlugin(app) {
 	};
 	return [descriptor, setupFn];
 }
-
 //#endregion
 //#region src/core/plugin/index.ts
 target.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ ??= /* @__PURE__ */ new Set();
@@ -2294,7 +2268,6 @@ function registerDevToolsPlugin(app, options) {
 		callDevToolsPluginSetupFn(plugin, app);
 	});
 }
-
 //#endregion
 //#region src/ctx/router.ts
 const ROUTER_KEY = "__VUE_DEVTOOLS_ROUTER__";
@@ -2307,10 +2280,9 @@ target[ROUTER_KEY] ??= {};
 const devtoolsRouterInfo = new Proxy(target[ROUTER_INFO_KEY], { get(target$1, property) {
 	return target[ROUTER_INFO_KEY][property];
 } });
-const devtoolsRouter = new Proxy(target[ROUTER_KEY], { get(target$1, property) {
+const devtoolsRouter = new Proxy(target[ROUTER_KEY], { get(target$2, property) {
 	if (property === "value") return target[ROUTER_KEY];
 } });
-
 //#endregion
 //#region src/core/router/index.ts
 function getRoutes(router) {
@@ -2345,7 +2317,7 @@ function filterCurrentRoute(route) {
 	}
 	return route;
 }
-function normalizeRouterInfo(appRecord, activeAppRecord$1) {
+function normalizeRouterInfo(appRecord, activeAppRecord) {
 	function init() {
 		const router = appRecord.app?.config.globalProperties.$router;
 		const currentRoute = filterCurrentRoute(router?.currentRoute.value);
@@ -2361,16 +2333,15 @@ function normalizeRouterInfo(appRecord, activeAppRecord$1) {
 	}
 	init();
 	hook.on.componentUpdated(debounce(() => {
-		if (activeAppRecord$1.value?.app !== appRecord.app) return;
+		if (activeAppRecord.value?.app !== appRecord.app) return;
 		init();
 		if (devtoolsState.highPerfModeEnabled) return;
 		devtoolsContext.hooks.callHook(DevToolsMessagingHookKeys.ROUTER_INFO_UPDATED, { state: target[ROUTER_INFO_KEY] });
 	}, 200));
 }
-
 //#endregion
 //#region src/ctx/api.ts
-function createDevToolsApi(hooks$1) {
+function createDevToolsApi(hooks) {
 	return {
 		async getInspectorTree(payload) {
 			const _payload = {
@@ -2379,7 +2350,7 @@ function createDevToolsApi(hooks$1) {
 				rootNodes: []
 			};
 			await new Promise((resolve) => {
-				hooks$1.callHookWith(async (callbacks) => {
+				hooks.callHookWith(async (callbacks) => {
 					await Promise.all(callbacks.map((cb) => cb(_payload)));
 					resolve();
 				}, DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_TREE);
@@ -2394,7 +2365,7 @@ function createDevToolsApi(hooks$1) {
 			};
 			const ctx = { currentTab: `custom-inspector:${payload.inspectorId}` };
 			await new Promise((resolve) => {
-				hooks$1.callHookWith(async (callbacks) => {
+				hooks.callHookWith(async (callbacks) => {
 					await Promise.all(callbacks.map((cb) => cb(_payload, ctx)));
 					resolve();
 				}, DevToolsV6PluginAPIHookKeys.GET_INSPECTOR_STATE);
@@ -2402,21 +2373,21 @@ function createDevToolsApi(hooks$1) {
 			return _payload.state;
 		},
 		editInspectorState(payload) {
-			const stateEditor$1 = new StateEditor();
+			const stateEditor = new StateEditor();
 			const _payload = {
 				...payload,
 				app: activeAppRecord.value.app,
 				set: (obj, path = payload.path, value = payload.state.value, cb) => {
-					stateEditor$1.set(obj, path, value, cb || stateEditor$1.createDefaultSetCallback(payload.state));
+					stateEditor.set(obj, path, value, cb || stateEditor.createDefaultSetCallback(payload.state));
 				}
 			};
-			hooks$1.callHookWith((callbacks) => {
+			hooks.callHookWith((callbacks) => {
 				callbacks.forEach((cb) => cb(_payload));
 			}, DevToolsV6PluginAPIHookKeys.EDIT_INSPECTOR_STATE);
 		},
 		sendInspectorState(inspectorId) {
 			const inspector = getInspector(inspectorId);
-			hooks$1.callHook(DevToolsContextHookKeys.SEND_INSPECTOR_STATE, {
+			hooks.callHook(DevToolsContextHookKeys.SEND_INSPECTOR_STATE, {
 				inspectorId,
 				plugin: {
 					descriptor: inspector.descriptor,
@@ -2467,7 +2438,6 @@ function createDevToolsApi(hooks$1) {
 		}
 	};
 }
-
 //#endregion
 //#region src/ctx/env.ts
 target.__VUE_DEVTOOLS_ENV__ ??= { vitePluginDetected: false };
@@ -2480,7 +2450,6 @@ function setDevToolsEnv(env) {
 		...env
 	};
 }
-
 //#endregion
 //#region src/ctx/index.ts
 const hooks = createDevToolsCtxHooks();
@@ -2497,11 +2466,11 @@ target.__VUE_DEVTOOLS_KIT_CONTEXT__ ??= {
 	api: createDevToolsApi(hooks)
 };
 const devtoolsContext = target.__VUE_DEVTOOLS_KIT_CONTEXT__;
-
 //#endregion
 //#region ../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/lib/speakingurl.js
-var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/lib/speakingurl.js": ((exports, module) => {
+var require_speakingurl$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	(function(root) {
+		"use strict";
 		/**
 		* charMap
 		* @type {Object}
@@ -3809,7 +3778,7 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
 		* @api    public
 		* @return {string}  sluggified string
 		*/
-		var getSlug = function getSlug$1(input, opts) {
+		var getSlug = function getSlug(input, opts) {
 			var separator = "-";
 			var result = "";
 			var diatricString = "";
@@ -3905,8 +3874,8 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
 				}
 				result += ch.replace(new RegExp("[^\\w\\s" + allowedChars + "_-]", "g"), separator);
 			}
-			if (titleCase) result = result.replace(/(\w)(\S*)/g, function(_, i$1, r) {
-				var j = i$1.toUpperCase() + (r !== null ? r : "");
+			if (titleCase) result = result.replace(/(\w)(\S*)/g, function(_, i, r) {
+				var j = i.toUpperCase() + (r !== null ? r : "");
 				return Object.keys(customReplacements).indexOf(j.toLowerCase()) < 0 ? j : j.toLowerCase();
 			});
 			result = result.replace(/\s+/g, separator).replace(new RegExp("\\" + separator + "+", "g"), separator).replace(new RegExp("(^\\" + separator + "+|\\" + separator + "+$)", "g"), "");
@@ -3923,7 +3892,7 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
 		* @param   {object|string} opts config object or input string
 		* @return  {Function} function getSlugWithConfig()
 		**/
-		var createSlug = function createSlug$1(opts) {
+		var createSlug = function createSlug(opts) {
 			/**
 			* getSlugWithConfig
 			* @param   {string} input string
@@ -3937,7 +3906,7 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
 		* escape Chars
 		* @param   {string} input string
 		*/
-		var escapeChars = function escapeChars$1(input) {
+		var escapeChars = function escapeChars(input) {
 			return input.replace(/[-\\^$*+?.()|[\]{}\/]/g, "\\$&");
 		};
 		/**
@@ -3962,17 +3931,12 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJS({ "../../node_modules/.pn
 			}
 		} catch (e) {}
 	})(exports);
-}) });
-
-//#endregion
-//#region ../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/index.js
-var require_speakingurl = /* @__PURE__ */ __commonJS({ "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/index.js": ((exports, module) => {
-	module.exports = require_speakingurl$1();
-}) });
-
+}));
 //#endregion
 //#region src/core/app/index.ts
-var import_speakingurl = /* @__PURE__ */ __toESM(require_speakingurl(), 1);
+var import_speakingurl = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	module.exports = require_speakingurl$1();
+})))(), 1);
 const appRecordInfo = target.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ ??= {
 	id: 0,
 	appIds: /* @__PURE__ */ new Set()
@@ -4026,44 +3990,43 @@ function createAppRecord(app, types) {
 		return record;
 	} else return {};
 }
-
 //#endregion
 //#region src/core/iframe/index.ts
-function detectIframeApp(target$1, inIframe = false) {
+function detectIframeApp(target, inIframe = false) {
 	if (inIframe) {
 		function sendEventToParent(cb) {
 			try {
-				const hook$2 = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
-				if (hook$2) cb(hook$2);
+				const hook = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+				if (hook) cb(hook);
 			} catch (e) {}
 		}
-		const hook$1 = {
+		const hook = {
 			id: "vue-devtools-next",
 			devtoolsVersion: "7.0",
 			on: (event, cb) => {
-				sendEventToParent((hook$2) => {
-					hook$2.on(event, cb);
+				sendEventToParent((hook) => {
+					hook.on(event, cb);
 				});
 			},
 			once: (event, cb) => {
-				sendEventToParent((hook$2) => {
-					hook$2.once(event, cb);
+				sendEventToParent((hook) => {
+					hook.once(event, cb);
 				});
 			},
 			off: (event, cb) => {
-				sendEventToParent((hook$2) => {
-					hook$2.off(event, cb);
+				sendEventToParent((hook) => {
+					hook.off(event, cb);
 				});
 			},
 			emit: (event, ...payload) => {
-				sendEventToParent((hook$2) => {
-					hook$2.emit(event, ...payload);
+				sendEventToParent((hook) => {
+					hook.emit(event, ...payload);
 				});
 			}
 		};
-		Object.defineProperty(target$1, "__VUE_DEVTOOLS_GLOBAL_HOOK__", {
+		Object.defineProperty(target, "__VUE_DEVTOOLS_GLOBAL_HOOK__", {
 			get() {
-				return hook$1;
+				return hook;
 			},
 			configurable: true
 		});
@@ -4098,7 +4061,6 @@ function detectIframeApp(target$1, inIframe = false) {
 		if (iframeAppChecks >= 5) clearInterval(iframeAppCheckTimer);
 	}, 1e3);
 }
-
 //#endregion
 //#region src/core/index.ts
 function initDevTools() {
@@ -4189,14 +4151,12 @@ function onDevToolsClientConnected(fn) {
 		});
 	});
 }
-
 //#endregion
 //#region src/core/high-perf-mode/index.ts
 function toggleHighPerfMode(state) {
 	devtoolsState.highPerfModeEnabled = state ?? !devtoolsState.highPerfModeEnabled;
 	if (!state && activeAppRecord.value) registerDevToolsPlugin(activeAppRecord.value.app);
 }
-
 //#endregion
 //#region src/core/component/state/reviver.ts
 function reviveSet(val) {
@@ -4218,10 +4178,10 @@ function reviveMap(val) {
 	return result;
 }
 function revive(val) {
-	if (val === UNDEFINED) return;
-	else if (val === INFINITY) return Number.POSITIVE_INFINITY;
-	else if (val === NEGATIVE_INFINITY) return Number.NEGATIVE_INFINITY;
-	else if (val === NAN) return NaN;
+	if (val === "__vue_devtool_undefined__") return;
+	else if (val === "__vue_devtool_infinity__") return Number.POSITIVE_INFINITY;
+	else if (val === "__vue_devtool_negative_infinity__") return Number.NEGATIVE_INFINITY;
+	else if (val === "__vue_devtool_nan__") return NaN;
 	else if (val && val._custom) {
 		const { _custom: custom } = val;
 		if (custom.type === "component") return activeAppRecord.value.instanceMap.get(custom.id);
@@ -4242,20 +4202,19 @@ function revive(val) {
 function reviver(key, value) {
 	return revive(value);
 }
-
 //#endregion
 //#region src/core/component/state/format.ts
 function getInspectorStateValueType(value, raw = true) {
 	const type = typeof value;
-	if (value == null || value === UNDEFINED || value === "undefined") return "null";
-	else if (type === "boolean" || type === "number" || value === INFINITY || value === NEGATIVE_INFINITY || value === NAN) return "literal";
+	if (value == null || value === "__vue_devtool_undefined__" || value === "undefined") return "null";
+	else if (type === "boolean" || type === "number" || value === "__vue_devtool_infinity__" || value === "__vue_devtool_negative_infinity__" || value === "__vue_devtool_nan__") return "literal";
 	else if (value?._custom) if (raw || value._custom.display != null || value._custom.displayText != null) return "custom";
 	else return getInspectorStateValueType(value._custom.value);
 	else if (typeof value === "string") {
 		const typeMatch = specialTypeRE.exec(value);
 		if (typeMatch) {
-			const [, type$1] = typeMatch;
-			return `native ${type$1}`;
+			const [, type] = typeMatch;
+			return `native ${type}`;
 		} else return "string";
 	} else if (Array.isArray(value) || value?._isArray) return "array";
 	else if (isPlainObject(value)) return "plain-object";
@@ -4316,7 +4275,6 @@ function toSubmit(value, customType) {
 	if (customType === "date") return new Date(value);
 	return JSON.parse(replaceStringToToken(value), reviver);
 }
-
 //#endregion
 //#region src/core/devtools-client/detected.ts
 function updateDevToolsClientDetected(params) {
@@ -4327,7 +4285,6 @@ function updateDevToolsClientDetected(params) {
 	toggleHighPerfMode(!Object.values(devtoolsState.devtoolsClientDetected).some(Boolean));
 }
 target.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ ??= updateDevToolsClientDetected;
-
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/double-indexed-kv.js
 var DoubleIndexedKV = class {
@@ -4350,7 +4307,6 @@ var DoubleIndexedKV = class {
 		this.valueToKey.clear();
 	}
 };
-
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/registry.js
 var Registry = class {
@@ -4373,7 +4329,6 @@ var Registry = class {
 		return this.kv.getByKey(identifier);
 	}
 };
-
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/class-registry.js
 var ClassRegistry = class extends Registry {
@@ -4391,7 +4346,6 @@ var ClassRegistry = class extends Registry {
 		return this.classToAllowedProps.get(value);
 	}
 };
-
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/util.js
 function valuesOfObj(record) {
@@ -4421,7 +4375,6 @@ function findArr(record, predicate) {
 		if (predicate(value)) return value;
 	}
 }
-
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/custom-transformer-registry.js
 var CustomTransformerRegistry = class {
@@ -4438,7 +4391,6 @@ var CustomTransformerRegistry = class {
 		return this.transfomers[name];
 	}
 };
-
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/is.js
 const getType$1 = (payload) => Object.prototype.toString.call(payload).slice(8, -1);
@@ -4467,7 +4419,6 @@ const isBigint = (payload) => typeof payload === "bigint";
 const isInfinite = (payload) => payload === Infinity || payload === -Infinity;
 const isTypedArray = (payload) => ArrayBuffer.isView(payload) && !(payload instanceof DataView);
 const isURL = (payload) => payload instanceof URL;
-
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/pathstringifier.js
 const escapeKey = (key) => key.replace(/\./g, "\\.");
@@ -4493,7 +4444,6 @@ const parsePath = (string) => {
 	result.push(lastSegment);
 	return result;
 };
-
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/transformer.js
 function simpleTransformation(isApplicable, annotation, transform, untransform) {
@@ -4650,7 +4600,6 @@ const untransformValue = (json, type, superJson) => {
 		return transformation.untransform(json, superJson);
 	}
 };
-
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/accessDeep.js
 const getNthKey = (value, n) => {
@@ -4744,20 +4693,19 @@ const setDeep = (object, path, mapper) => {
 	}
 	return object;
 };
-
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/plainer.js
-function traverse(tree, walker$1, origin = []) {
+function traverse(tree, walker, origin = []) {
 	if (!tree) return;
 	if (!isArray$2(tree)) {
-		forEach(tree, (subtree, key) => traverse(subtree, walker$1, [...origin, ...parsePath(key)]));
+		forEach(tree, (subtree, key) => traverse(subtree, walker, [...origin, ...parsePath(key)]));
 		return;
 	}
 	const [nodeValue, children] = tree;
 	if (children) forEach(children, (child, key) => {
-		traverse(child, walker$1, [...origin, ...parsePath(key)]);
+		traverse(child, walker, [...origin, ...parsePath(key)]);
 	});
-	walker$1(nodeValue, origin);
+	walker(nodeValue, origin);
 }
 function applyValueAnnotations(plain, annotations, superJson) {
 	traverse(annotations, (type, path) => {
@@ -4809,13 +4757,13 @@ const walker = (object, identities, superJson, dedupe, path = [], objectsInThisP
 		if (seen) return dedupe ? { transformedValue: null } : seen;
 	}
 	if (!isDeep(object, superJson)) {
-		const transformed$1 = transformValue(object, superJson);
-		const result$1 = transformed$1 ? {
-			transformedValue: transformed$1.value,
-			annotations: [transformed$1.type]
+		const transformed = transformValue(object, superJson);
+		const result = transformed ? {
+			transformedValue: transformed.value,
+			annotations: [transformed.type]
 		} : { transformedValue: object };
-		if (!primitive) seenObjects.set(object, result$1);
-		return result$1;
+		if (!primitive) seenObjects.set(object, result);
+		return result;
 	}
 	if (includes(objectsInThisPath, object)) return { transformedValue: null };
 	const transformationResult = transformValue(object, superJson);
@@ -4841,7 +4789,6 @@ const walker = (object, identities, superJson, dedupe, path = [], objectsInThisP
 	if (!primitive) seenObjects.set(object, result);
 	return result;
 };
-
 //#endregion
 //#region ../../node_modules/.pnpm/is-what@4.1.16/node_modules/is-what/dist/index.js
 function getType(payload) {
@@ -4864,8 +4811,7 @@ function isOneOf(a, b, c, d, e) {
 function isUndefined(payload) {
 	return getType(payload) === "Undefined";
 }
-const isNullOrUndefined = isOneOf(isNull, isUndefined);
-
+isOneOf(isNull, isUndefined);
 //#endregion
 //#region ../../node_modules/.pnpm/copy-anything@3.0.5/node_modules/copy-anything/dist/index.js
 function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
@@ -4878,19 +4824,18 @@ function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
 		configurable: true
 	});
 }
-function copy(target$1, options = {}) {
-	if (isArray$1(target$1)) return target$1.map((item) => copy(item, options));
-	if (!isPlainObject$1(target$1)) return target$1;
-	const props = Object.getOwnPropertyNames(target$1);
-	const symbols = Object.getOwnPropertySymbols(target$1);
+function copy(target, options = {}) {
+	if (isArray$1(target)) return target.map((item) => copy(item, options));
+	if (!isPlainObject$1(target)) return target;
+	const props = Object.getOwnPropertyNames(target);
+	const symbols = Object.getOwnPropertySymbols(target);
 	return [...props, ...symbols].reduce((carry, key) => {
 		if (isArray$1(options.props) && !options.props.includes(key)) return carry;
-		const val = target$1[key];
-		assignProp(carry, key, copy(val, options), target$1, options.nonenumerable);
+		const val = target[key];
+		assignProp(carry, key, copy(val, options), target, options.nonenumerable);
 		return carry;
 	}, {});
 }
-
 //#endregion
 //#region ../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.js
 var SuperJSON = class {
@@ -4957,19 +4902,17 @@ SuperJSON.registerClass = SuperJSON.defaultInstance.registerClass.bind(SuperJSON
 SuperJSON.registerSymbol = SuperJSON.defaultInstance.registerSymbol.bind(SuperJSON.defaultInstance);
 SuperJSON.registerCustom = SuperJSON.defaultInstance.registerCustom.bind(SuperJSON.defaultInstance);
 SuperJSON.allowErrorProps = SuperJSON.defaultInstance.allowErrorProps.bind(SuperJSON.defaultInstance);
-const serialize = SuperJSON.serialize;
-const deserialize = SuperJSON.deserialize;
-const stringify$1 = SuperJSON.stringify;
-const parse$1 = SuperJSON.parse;
-const registerClass = SuperJSON.registerClass;
-const registerCustom = SuperJSON.registerCustom;
-const registerSymbol = SuperJSON.registerSymbol;
-const allowErrorProps = SuperJSON.allowErrorProps;
-
+SuperJSON.serialize;
+SuperJSON.deserialize;
+SuperJSON.stringify;
+SuperJSON.parse;
+SuperJSON.registerClass;
+SuperJSON.registerCustom;
+SuperJSON.registerSymbol;
+SuperJSON.allowErrorProps;
 //#endregion
 //#region src/messaging/presets/broadcast-channel/context.ts
 const __DEVTOOLS_KIT_BROADCAST_MESSAGING_EVENT_KEY = "__devtools-kit-broadcast-messaging-event-key__";
-
 //#endregion
 //#region src/messaging/presets/broadcast-channel/index.ts
 const BROADCAST_CHANNEL_NAME = "__devtools-kit:broadcast-channel__";
@@ -4985,12 +4928,11 @@ function createBroadcastChannel() {
 		on: (handler) => {
 			channel.onmessage = (event) => {
 				const parsed = SuperJSON.parse(event.data);
-				if (parsed.event === __DEVTOOLS_KIT_BROADCAST_MESSAGING_EVENT_KEY) handler(parsed.data);
+				if (parsed.event === "__devtools-kit-broadcast-messaging-event-key__") handler(parsed.data);
 			};
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/electron/context.ts
 const __ELECTRON_CLIENT_CONTEXT__ = "electron:client-context";
@@ -5020,7 +4962,6 @@ function getElectronServerContext() {
 function setElectronServerContext(context) {
 	target[__ELECTRON_SERVER_CONTEXT__] = context;
 }
-
 //#endregion
 //#region src/messaging/presets/electron/client.ts
 function createElectronClientChannel() {
@@ -5036,7 +4977,6 @@ function createElectronClientChannel() {
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/electron/proxy.ts
 function createElectronProxyChannel() {
@@ -5053,7 +4993,6 @@ function createElectronProxyChannel() {
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/electron/server.ts
 function createElectronServerChannel() {
@@ -5069,7 +5008,6 @@ function createElectronServerChannel() {
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/extension/context.ts
 const __EXTENSION_CLIENT_CONTEXT__ = "electron:client-context";
@@ -5085,7 +5023,6 @@ function getExtensionClientContext() {
 function setExtensionClientContext(context) {
 	target[__EXTENSION_CLIENT_CONTEXT__] = context;
 }
-
 //#endregion
 //#region src/messaging/presets/extension/client.ts
 function createExtensionClientChannel() {
@@ -5124,7 +5061,6 @@ function createExtensionClientChannel() {
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/extension/proxy.ts
 function createExtensionProxyChannel() {
@@ -5138,7 +5074,7 @@ function createExtensionProxyChannel() {
 	function sendMessageToDevToolsClient(e) {
 		if (e.data && e.data.source === __DEVTOOLS_KIT_EXTENSION_MESSAGING_EVENT_KEY__.SERVER_TO_PROXY) try {
 			port.postMessage(e.data.payload);
-		} catch (e$1) {}
+		} catch (e) {}
 	}
 	port.onMessage.addListener(sendMessageToUserApp);
 	window.addEventListener("message", sendMessageToDevToolsClient);
@@ -5152,7 +5088,6 @@ function createExtensionProxyChannel() {
 		on: (handler) => {}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/extension/server.ts
 function createExtensionServerChannel() {
@@ -5174,7 +5109,6 @@ function createExtensionServerChannel() {
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/iframe/context.ts
 const __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY = "__devtools-kit-iframe-messaging-event-key__";
@@ -5185,7 +5119,6 @@ function getIframeServerContext() {
 function setIframeServerContext(context) {
 	target[__IFRAME_SERVER_CONTEXT__] = context;
 }
-
 //#endregion
 //#region src/messaging/presets/iframe/client.ts
 function createIframeClientChannel() {
@@ -5201,12 +5134,11 @@ function createIframeClientChannel() {
 		on: (handler) => window.addEventListener("message", (event) => {
 			try {
 				const parsed = SuperJSON.parse(event.data);
-				if (event.source === window.parent && parsed.event === __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY) handler(parsed.data);
+				if (event.source === window.parent && parsed.event === "__devtools-kit-iframe-messaging-event-key__") handler(parsed.data);
 			} catch (e) {}
 		})
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/iframe/server.ts
 function createIframeServerChannel() {
@@ -5226,13 +5158,12 @@ function createIframeServerChannel() {
 				const iframe = getIframeServerContext();
 				try {
 					const parsed = SuperJSON.parse(event.data);
-					if (event.source === iframe?.contentWindow && parsed.event === __DEVTOOLS_KIT_IFRAME_MESSAGING_EVENT_KEY) handler(parsed.data);
+					if (event.source === iframe?.contentWindow && parsed.event === "__devtools-kit-iframe-messaging-event-key__") handler(parsed.data);
 				} catch (e) {}
 			});
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/vite/context.ts
 const __DEVTOOLS_KIT_VITE_MESSAGING_EVENT_KEY = "__devtools-kit-vite-messaging-event-key__";
@@ -5250,7 +5181,6 @@ function getViteServerContext() {
 function setViteServerContext(context) {
 	target[__VITE_SERVER_CONTEXT__] = context;
 }
-
 //#endregion
 //#region src/messaging/presets/vite/client.ts
 function createViteClientChannel() {
@@ -5266,7 +5196,6 @@ function createViteClientChannel() {
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/vite/server.ts
 function createViteServerChannel() {
@@ -5279,7 +5208,6 @@ function createViteServerChannel() {
 		})
 	};
 }
-
 //#endregion
 //#region src/messaging/index.ts
 target.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ ??= [];
@@ -5381,7 +5309,6 @@ function createRpcProxy(options = {}) {
 		timeout: -1
 	});
 }
-
 //#endregion
 //#region src/core/component/state/custom.ts
 function getFunctionDetails(func) {
@@ -5396,7 +5323,7 @@ function getFunctionDetails(func) {
 	return { _custom: {
 		type: "function",
 		displayText: `<span style="opacity:.8;margin-right:5px;">function</span> <span style="white-space:nowrap;">${escape(typeof func.name === "string" ? func.name : "")}${args}</span>`,
-		tooltipText: string.trim() ? `<pre>${string}</pre>` : null
+		tooltipText: string.trim() ? `<pre>${escape(string)}</pre>` : null
 	} };
 }
 function getBigIntDetails(val) {
@@ -5550,7 +5477,7 @@ function getObjectDetails(object) {
 			type: stateTypeName?.toLowerCase(),
 			stateTypeName,
 			value,
-			...raw ? { tooltipText: `<span class="font-mono">${raw}</span>` } : {}
+			...raw ? { tooltipText: `<pre>${escape(raw)}</pre>` } : {}
 		} };
 	}
 	if (ensurePropertyExists(object, "__asyncLoader") && typeof object.__asyncLoader === "function") return { _custom: {
@@ -5558,7 +5485,6 @@ function getObjectDetails(object) {
 		display: "Async component definition"
 	} };
 }
-
 //#endregion
 //#region src/core/component/state/replacer.ts
 function stringifyReplacer(key, _value, depth, seenInstance) {
@@ -5567,13 +5493,13 @@ function stringifyReplacer(key, _value, depth, seenInstance) {
 	const type = typeof val;
 	if (Array.isArray(val)) {
 		const l = val.length;
-		if (l > MAX_ARRAY_SIZE) return {
+		if (l > 5e3) return {
 			_isArray: true,
 			length: l,
 			items: val.slice(0, MAX_ARRAY_SIZE)
 		};
 		return val;
-	} else if (typeof val === "string") if (val.length > MAX_STRING_SIZE) return `${val.substring(0, MAX_STRING_SIZE)}... (${val.length} total length)`;
+	} else if (typeof val === "string") if (val.length > 1e4) return `${val.substring(0, MAX_STRING_SIZE)}... (${val.length} total length)`;
 	else return val;
 	else if (type === "undefined") return UNDEFINED;
 	else if (val === Number.POSITIVE_INFINITY) return INFINITY;
@@ -5606,7 +5532,6 @@ function stringifyReplacer(key, _value, depth, seenInstance) {
 	} else if (Number.isNaN(val)) return NAN;
 	return sanitize(val);
 }
-
 //#endregion
 //#region src/shared/transfer.ts
 const MAX_SERIALIZED_SIZE = 2 * 1024 * 1024;
@@ -5681,7 +5606,7 @@ function encode(data, replacer, list, seen, depth = 0, seenVueInstance = /* @__P
 	} else list.push(data);
 	return index;
 }
-function decode(list, reviver$1 = null) {
+function decode(list, reviver = null) {
 	let i = list.length;
 	let j, k, data, key, value, proto;
 	while (i--) {
@@ -5692,12 +5617,12 @@ function decode(list, reviver$1 = null) {
 			for (j = 0, k = keys.length; j < k; j++) {
 				key = keys[j];
 				value = list[data[key]];
-				if (reviver$1) value = reviver$1.call(data, key, value);
+				if (reviver) value = reviver.call(data, key, value);
 				data[key] = value;
 			}
 		} else if (proto === "[object Array]") for (j = 0, k = data.length; j < k; j++) {
 			value = list[data[j]];
-			if (reviver$1) value = reviver$1.call(data, j, value);
+			if (reviver) value = reviver.call(data, j, value);
 			data[j] = value;
 		}
 	}
@@ -5722,26 +5647,24 @@ function stringifyStrictCircularAutoChunks(data, replacer = null, space = null)
 	encode(data, replacer, list, /* @__PURE__ */ new Map());
 	return space ? ` ${JSON.stringify(list, null, space)}` : ` ${JSON.stringify(list)}`;
 }
-function parseCircularAutoChunks(data, reviver$1 = null) {
+function parseCircularAutoChunks(data, reviver = null) {
 	if (Array.isArray(data)) data = data.join("");
-	if (!/^\s/.test(data)) return arguments.length === 1 ? JSON.parse(data) : JSON.parse(data, reviver$1);
+	if (!/^\s/.test(data)) return arguments.length === 1 ? JSON.parse(data) : JSON.parse(data, reviver);
 	else {
 		const list = JSON.parse(data);
-		decode(list, reviver$1);
+		decode(list, reviver);
 		return list[0];
 	}
 }
-
 //#endregion
 //#region src/shared/util.ts
 function stringify(data) {
 	return stringifyCircularAutoChunks(data, stringifyReplacer);
 }
-function parse(data, revive$1 = false) {
+function parse(data, revive = false) {
 	if (data == void 0) return {};
-	return revive$1 ? parseCircularAutoChunks(data, reviver) : parseCircularAutoChunks(data);
+	return revive ? parseCircularAutoChunks(data, reviver) : parseCircularAutoChunks(data);
 }
-
 //#endregion
 //#region src/index.ts
 const devtools = {
@@ -5756,6 +5679,5 @@ const devtools = {
 		return devtoolsContext.api;
 	}
 };
-
 //#endregion
-export { DevToolsContextHookKeys, DevToolsMessagingHookKeys, DevToolsV6PluginAPIHookKeys, INFINITY, NAN, NEGATIVE_INFINITY, ROUTER_INFO_KEY, ROUTER_KEY, UNDEFINED, activeAppRecord, addCustomCommand, addCustomTab, addDevToolsAppRecord, addDevToolsPluginToBuffer, addInspector, callConnectedUpdatedHook, callDevToolsPluginSetupFn, callInspectorUpdatedHook, callStateUpdatedHook, createComponentsDevToolsPlugin, createDevToolsApi, createDevToolsCtxHooks, createRpcClient, createRpcProxy, createRpcServer, devtools, devtoolsAppRecords, devtoolsContext, devtoolsInspector, devtoolsPluginBuffer, devtoolsRouter, devtoolsRouterInfo, devtoolsState, escape, formatInspectorStateValue, getActiveInspectors, getDevToolsEnv, getExtensionClientContext, getInspector, getInspectorActions, getInspectorInfo, getInspectorNodeActions, getInspectorStateValueType, getRaw, getRpcClient, getRpcServer, getViteRpcClient, getViteRpcServer, initDevTools, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, parse, registerDevToolsPlugin, removeCustomCommand, removeDevToolsAppRecord, removeRegisteredPluginApp, resetDevToolsState, setActiveAppRecord, setActiveAppRecordId, setDevToolsEnv, setElectronClientContext, setElectronProxyContext, setElectronServerContext, setExtensionClientContext, setIframeServerContext, setOpenInEditorBaseUrl, setRpcServerToGlobal, setViteClientContext, setViteRpcClientToGlobal, setViteRpcServerToGlobal, setViteServerContext, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleClientConnected, toggleComponentInspectorEnabled, toggleHighPerfMode, updateDevToolsClientDetected, updateDevToolsState, updateTimelineLayersState };
+export { DevToolsContextHookKeys, DevToolsMessagingHookKeys, DevToolsV6PluginAPIHookKeys, INFINITY, NAN, NEGATIVE_INFINITY, ROUTER_INFO_KEY, ROUTER_KEY, UNDEFINED, activeAppRecord, addCustomCommand, addCustomTab, addDevToolsAppRecord, addDevToolsPluginToBuffer, addInspector, callConnectedUpdatedHook, callDevToolsPluginSetupFn, callInspectorUpdatedHook, callStateUpdatedHook, createComponentsDevToolsPlugin, createDevToolsApi, createDevToolsCtxHooks, createRpcClient, createRpcProxy, createRpcServer, devtools, devtoolsAppRecords, devtoolsContext, devtoolsInspector, devtoolsPluginBuffer, devtoolsRouter, devtoolsRouterInfo, devtoolsState, escape, formatInspectorStateValue, getActiveInspectors, getDevToolsEnv, getExtensionClientContext, getInspector, getInspectorActions, getInspectorInfo, getInspectorNodeActions, getInspectorStateValueType, getRaw, getRpcClient, getRpcServer, getViteRpcClient, getViteRpcServer, initDevTools, isPlainObject, onDevToolsClientConnected, onDevToolsConnected, parse, registerDevToolsPlugin, removeCustomCommand, removeDevToolsAppRecord, removeRegisteredPluginApp, resetDevToolsState, setActiveAppRecord, setActiveAppRecordId, setDevToolsEnv, setElectronClientContext, setElectronProxyContext, setElectronServerContext, setExtensionClientContext, setIframeServerContext, setOpenInEditorBaseUrl, setRpcServerToGlobal, setViteClientContext, setViteRpcClientToGlobal, setViteRpcServerToGlobal, setViteServerContext, setupDevToolsPlugin, stringify, toEdit, toSubmit, toggleClientConnected, toggleComponentInspectorEnabled, toggleHighPerfMode, updateDevToolsClientDetected, updateDevToolsState, updateTimelineLayersState };