@vue/devtools-kit 8.0.7 → 8.1.1

package/dist/index.js

@@ -2,8 +2,7 @@ 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;
@@ -12,24 +11,19 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 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];
-			if (!__hasOwnProp.call(to, key) && key !== except) {
-				__defProp(to, key, {
-					get: ((k) => from[k]).bind(null, key),
-					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-				});
-			}
-		}
+	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];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
 	}
 	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) {
@@ -44,7 +38,6 @@ function onLegacyDevToolsPluginApiAvailable(cb) {
 		configurable: true
 	});
 }
-
 //#endregion
 //#region src/core/component/utils/index.ts
 function getComponentTypeName(options) {
@@ -133,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() {
@@ -196,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) {
@@ -213,7 +204,6 @@ function getFragmentRootElements(vnode) {
 	});
 	return list;
 }
-
 //#endregion
 //#region src/core/component-highlighter/index.ts
 const CONTAINER_ELEMENT_ID = "__vue-devtools-component-inspector__";
@@ -331,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) {
@@ -404,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
@@ -415,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;
@@ -459,7 +448,6 @@ function getComponentInspector() {
 		else setup();
 	});
 }
-
 //#endregion
 //#region src/shared/stub-vue.ts
 /**
@@ -501,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 {
@@ -555,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;
@@ -575,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));
@@ -603,21 +586,20 @@ async function editComponentState(payload, stateEditor) {
 	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.set(target$1, targetPath, state.value, stateEditor.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__";
@@ -644,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;
@@ -667,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());
@@ -734,7 +714,6 @@ function getInspectorActions(id) {
 function getInspectorNodeActions(id) {
 	return getInspector(id)?.options.nodeActions;
 }
-
 //#endregion
 //#region src/ctx/hook.ts
 let DevToolsV6PluginAPIHookKeys = /* @__PURE__ */ function(DevToolsV6PluginAPIHookKeys) {
@@ -775,8 +754,8 @@ let DevToolsMessagingHookKeys = /* @__PURE__ */ function(DevToolsMessagingHookKe
 	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 }) => {
@@ -789,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);
@@ -813,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,
@@ -826,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__ ??= [];
@@ -934,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;
 	}
@@ -1017,7 +994,6 @@ function removeCustomCommand(actionId) {
 function toggleClientConnected(state) {
 	updateDevToolsState({ clientConnected: state });
 }
-
 //#endregion
 //#region src/core/open-in-editor/index.ts
 function setOpenInEditorBaseUrl(url) {
@@ -1041,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) {
@@ -1099,7 +1073,6 @@ function setPluginSettings(pluginId, key, value) {
 		}));
 	}, DevToolsV6PluginAPIHookKeys.SET_PLUGIN_SETTINGS);
 }
-
 //#endregion
 //#region src/types/hook.ts
 let DevToolsHooks = /* @__PURE__ */ function(DevToolsHooks) {
@@ -1119,7 +1092,6 @@ let DevToolsHooks = /* @__PURE__ */ function(DevToolsHooks) {
 	DevToolsHooks["SETUP_DEVTOOLS_PLUGIN"] = "devtools-plugin:setup";
 	return DevToolsHooks;
 }({});
-
 //#endregion
 //#region src/hook/index.ts
 const devtoolsHooks = target.__VUE_DEVTOOLS_HOOK ??= createHooks();
@@ -1232,7 +1204,6 @@ const hook = {
 		return devtoolsHooks.callHook(DevToolsHooks.SETUP_DEVTOOLS_PLUGIN, pluginDescriptor, setupFn);
 	}
 };
-
 //#endregion
 //#region src/api/v6/index.ts
 var DevToolsV6PluginAPI = class {
@@ -1358,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([
@@ -1434,7 +1403,6 @@ const ESC = {
 	"\"": "&quot;",
 	"&": "&amp;"
 };
-
 //#endregion
 //#region src/core/component/state/is.ts
 function isVueInstance(value) {
@@ -1462,7 +1430,6 @@ function isReactive(raw) {
 function isReadOnly(raw) {
 	return !!raw.__v_isReadonly;
 }
-
 //#endregion
 //#region src/core/component/state/util.ts
 const tokenMap = {
@@ -1529,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) {
@@ -1626,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
 			};
 		}
@@ -1654,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"
@@ -1750,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) {
@@ -1763,7 +1728,6 @@ function getInstanceState(params) {
 		instance
 	};
 }
-
 //#endregion
 //#region src/core/component/tree/filter.ts
 var ComponentFilter = class {
@@ -1784,7 +1748,6 @@ var ComponentFilter = class {
 function createComponentFilter(filterText) {
 	return new ComponentFilter(filterText);
 }
-
 //#endregion
 //#region src/core/component/tree/walker.ts
 var ComponentWalker = class {
@@ -1840,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",
@@ -1963,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();
@@ -1993,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) {
@@ -2034,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";
@@ -2145,7 +2107,6 @@ function setupBuiltinTimelineLayers(api) {
 		performanceMarkEnd(api, app, uid, vm, type, time);
 	});
 }
-
 //#endregion
 //#region src/core/vm/index.ts
 const MAX_$VM = 10;
@@ -2161,7 +2122,6 @@ function exposeInstanceToWindow(componentInstance) {
 		win.$vm0 = $vmQueue[0] = componentInstance;
 	}
 }
-
 //#endregion
 //#region src/core/plugin/components.ts
 const INSPECTOR_ID = "components";
@@ -2217,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)) {
@@ -2237,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)) {
@@ -2258,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
 			});
@@ -2276,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();
@@ -2309,7 +2268,6 @@ function registerDevToolsPlugin(app, options) {
 		callDevToolsPluginSetupFn(plugin, app);
 	});
 }
-
 //#endregion
 //#region src/ctx/router.ts
 const ROUTER_KEY = "__VUE_DEVTOOLS_ROUTER__";
@@ -2322,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) {
@@ -2360,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);
@@ -2376,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 = {
@@ -2394,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);
@@ -2409,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);
@@ -2417,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,
@@ -2482,7 +2438,6 @@ function createDevToolsApi(hooks$1) {
 		}
 	};
 }
-
 //#endregion
 //#region src/ctx/env.ts
 target.__VUE_DEVTOOLS_ENV__ ??= { vitePluginDetected: false };
@@ -2495,7 +2450,6 @@ function setDevToolsEnv(env) {
 		...env
 	};
 }
-
 //#endregion
 //#region src/ctx/index.ts
 const hooks = createDevToolsCtxHooks();
@@ -2512,7 +2466,6 @@ 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__ */ __commonJSMin(((exports, module) => {
@@ -3825,7 +3778,7 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJSMin(((exports, module) =>
 		* @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 = "";
@@ -3921,8 +3874,8 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJSMin(((exports, module) =>
 				}
 				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"), "");
@@ -3939,7 +3892,7 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJSMin(((exports, module) =>
 		* @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
@@ -3953,7 +3906,7 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJSMin(((exports, module) =>
 		* escape Chars
 		* @param   {string} input string
 		*/
-		var escapeChars = function escapeChars$1(input) {
+		var escapeChars = function escapeChars(input) {
 			return input.replace(/[-\\^$*+?.()|[\]{}\/]/g, "\\$&");
 		};
 		/**
@@ -3979,16 +3932,11 @@ var require_speakingurl$1 = /* @__PURE__ */ __commonJSMin(((exports, module) =>
 		} catch (e) {}
 	})(exports);
 }));
-
-//#endregion
-//#region ../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/index.js
-var require_speakingurl = /* @__PURE__ */ __commonJSMin(((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()
@@ -4042,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
 		});
@@ -4114,7 +4061,6 @@ function detectIframeApp(target$1, inIframe = false) {
 		if (iframeAppChecks >= 5) clearInterval(iframeAppCheckTimer);
 	}, 1e3);
 }
-
 //#endregion
 //#region src/core/index.ts
 function initDevTools() {
@@ -4205,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) {
@@ -4234,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);
@@ -4258,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";
@@ -4332,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) {
@@ -4343,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 {
@@ -4366,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 {
@@ -4389,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 {
@@ -4407,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) {
@@ -4437,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 {
@@ -4454,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);
@@ -4483,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, "\\.");
@@ -4509,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) {
@@ -4666,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) => {
@@ -4760,7 +4693,6 @@ 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, origin = []) {
@@ -4825,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);
@@ -4857,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) {
@@ -4880,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) {
@@ -4894,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 {
@@ -4973,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__";
@@ -5001,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";
@@ -5036,7 +4962,6 @@ function getElectronServerContext() {
 function setElectronServerContext(context) {
 	target[__ELECTRON_SERVER_CONTEXT__] = context;
 }
-
 //#endregion
 //#region src/messaging/presets/electron/client.ts
 function createElectronClientChannel() {
@@ -5052,7 +4977,6 @@ function createElectronClientChannel() {
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/electron/proxy.ts
 function createElectronProxyChannel() {
@@ -5069,7 +4993,6 @@ function createElectronProxyChannel() {
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/electron/server.ts
 function createElectronServerChannel() {
@@ -5085,7 +5008,6 @@ function createElectronServerChannel() {
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/extension/context.ts
 const __EXTENSION_CLIENT_CONTEXT__ = "electron:client-context";
@@ -5101,7 +5023,6 @@ function getExtensionClientContext() {
 function setExtensionClientContext(context) {
 	target[__EXTENSION_CLIENT_CONTEXT__] = context;
 }
-
 //#endregion
 //#region src/messaging/presets/extension/client.ts
 function createExtensionClientChannel() {
@@ -5140,7 +5061,6 @@ function createExtensionClientChannel() {
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/extension/proxy.ts
 function createExtensionProxyChannel() {
@@ -5154,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);
@@ -5168,7 +5088,6 @@ function createExtensionProxyChannel() {
 		on: (handler) => {}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/extension/server.ts
 function createExtensionServerChannel() {
@@ -5190,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__";
@@ -5201,7 +5119,6 @@ function getIframeServerContext() {
 function setIframeServerContext(context) {
 	target[__IFRAME_SERVER_CONTEXT__] = context;
 }
-
 //#endregion
 //#region src/messaging/presets/iframe/client.ts
 function createIframeClientChannel() {
@@ -5217,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() {
@@ -5242,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__";
@@ -5266,7 +5181,6 @@ function getViteServerContext() {
 function setViteServerContext(context) {
 	target[__VITE_SERVER_CONTEXT__] = context;
 }
-
 //#endregion
 //#region src/messaging/presets/vite/client.ts
 function createViteClientChannel() {
@@ -5282,7 +5196,6 @@ function createViteClientChannel() {
 		}
 	};
 }
-
 //#endregion
 //#region src/messaging/presets/vite/server.ts
 function createViteServerChannel() {
@@ -5295,7 +5208,6 @@ function createViteServerChannel() {
 		})
 	};
 }
-
 //#endregion
 //#region src/messaging/index.ts
 target.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ ??= [];
@@ -5397,7 +5309,6 @@ function createRpcProxy(options = {}) {
 		timeout: -1
 	});
 }
-
 //#endregion
 //#region src/core/component/state/custom.ts
 function getFunctionDetails(func) {
@@ -5574,7 +5485,6 @@ function getObjectDetails(object) {
 		display: "Async component definition"
 	} };
 }
-
 //#endregion
 //#region src/core/component/state/replacer.ts
 function stringifyReplacer(key, _value, depth, seenInstance) {
@@ -5583,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;
@@ -5622,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;
@@ -5697,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--) {
@@ -5708,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;
 		}
 	}
@@ -5738,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 = {
@@ -5772,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 };