@vitejs/devtools 0.0.0-alpha.12 → 0.0.0-alpha.13

package/dist/{dist-B0hQ6r05.js → webcomponents-B0JGu3h4.js}

@@ -1,6 +1,6 @@
-//#region ../../node_modules/.pnpm/@vue+shared@3.5.22/node_modules/@vue/shared/dist/shared.esm-bundler.js
+//#region ../../node_modules/.pnpm/@vue+shared@3.5.24/node_modules/@vue/shared/dist/shared.esm-bundler.js
 /**
-* @vue/shared v3.5.22
+* @vue/shared v3.5.24
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -155,7 +155,12 @@ const stringifySymbol = (v, i = "") => {
 };
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vue+reactivity@3.5.22/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js
+//#region ../../node_modules/.pnpm/@vue+reactivity@3.5.24/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js
+/**
+* @vue/reactivity v3.5.24
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
 function warn$2(msg, ...args) {
 	console.warn(`[Vue warn] ${msg}`, ...args);
 }
@@ -1275,7 +1280,7 @@ var CustomRefImpl = class {
 function customRef(factory) {
 	return new CustomRefImpl(factory);
 }
-function toRefs$1(object) {
+function toRefs(object) {
 	if (!!(process.env.NODE_ENV !== "production") && !isProxy(object)) warn$2(`toRefs() expects a reactive object but received a plain one.`);
 	const ret = isArray(object) ? new Array(object.length) : {};
 	for (const key in object) ret[key] = propertyToRef(object, key);
@@ -1548,7 +1553,12 @@ function traverse(value, depth = Infinity, seen) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vue+runtime-core@3.5.22/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js
+//#region ../../node_modules/.pnpm/@vue+runtime-core@3.5.24/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js
+/**
+* @vue/runtime-core v3.5.24
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
 const stack = [];
 function pushWarningContext(vnode) {
 	stack.push(vnode);
@@ -2382,7 +2392,7 @@ const publicPropertiesMap = /* @__PURE__ */ extend(/* @__PURE__ */ Object.create
 	$watch: (i) => __VUE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP
 });
 const isReservedPrefix = (key) => key === "_" || key === "$";
-const hasSetupBinding = (state, key) => state !== EMPTY_OBJ && !state.__isScriptSetup && hasOwn$1(state, key);
+const hasSetupBinding = (state$1, key) => state$1 !== EMPTY_OBJ && !state$1.__isScriptSetup && hasOwn$1(state$1, key);
 const PublicInstanceProxyHandlers = {
 	get({ _: instance }, key) {
 		if (key === "__v_skip") return true;
@@ -2400,7 +2410,7 @@ const PublicInstanceProxyHandlers = {
 			else if (hasSetupBinding(setupState, key)) {
 				accessCache[key] = 1;
 				return setupState[key];
-			} else if (data !== EMPTY_OBJ && hasOwn$1(data, key)) {
+			} else if (__VUE_OPTIONS_API__ && data !== EMPTY_OBJ && hasOwn$1(data, key)) {
 				accessCache[key] = 2;
 				return data[key];
 			} else if ((normalizedProps = instance.propsOptions[0]) && hasOwn$1(normalizedProps, key)) {
@@ -2437,7 +2447,7 @@ const PublicInstanceProxyHandlers = {
 		} else if (!!(process.env.NODE_ENV !== "production") && setupState.__isScriptSetup && hasOwn$1(setupState, key)) {
 			warn$1(`Cannot mutate <script setup> binding "${key}" from Options API.`);
 			return false;
-		} else if (data !== EMPTY_OBJ && hasOwn$1(data, key)) {
+		} else if (__VUE_OPTIONS_API__ && data !== EMPTY_OBJ && hasOwn$1(data, key)) {
 			data[key] = value;
 			return true;
 		} else if (hasOwn$1(instance.props, key)) {
@@ -2457,7 +2467,7 @@ const PublicInstanceProxyHandlers = {
 	},
 	has({ _: { data, setupState, accessCache, ctx, appContext, propsOptions, type } }, key) {
 		let normalizedProps, cssModules;
-		return !!(accessCache[key] || data !== EMPTY_OBJ && key[0] !== "$" && hasOwn$1(data, key) || hasSetupBinding(setupState, key) || (normalizedProps = propsOptions[0]) && hasOwn$1(normalizedProps, key) || hasOwn$1(ctx, key) || hasOwn$1(publicPropertiesMap, key) || hasOwn$1(appContext.config.globalProperties, key) || (cssModules = type.__cssModules) && cssModules[key]);
+		return !!(accessCache[key] || __VUE_OPTIONS_API__ && data !== EMPTY_OBJ && key[0] !== "$" && hasOwn$1(data, key) || hasSetupBinding(setupState, key) || (normalizedProps = propsOptions[0]) && hasOwn$1(normalizedProps, key) || hasOwn$1(ctx, key) || hasOwn$1(publicPropertiesMap, key) || hasOwn$1(appContext.config.globalProperties, key) || (cssModules = type.__cssModules) && cssModules[key]);
 	},
 	defineProperty(target, key, descriptor) {
 		if (descriptor.get != null) target._.accessCache[key] = 0;
@@ -2517,11 +2527,6 @@ function exposeSetupStateOnRenderContext(instance) {
 function normalizePropsOrEmits(props) {
 	return isArray(props) ? props.reduce((normalized, p$1) => (normalized[p$1] = null, normalized), {}) : props;
 }
-function mergeModels(a, b) {
-	if (!a || !b) return a || b;
-	if (isArray(a) && isArray(b)) return a.concat(b);
-	return extend({}, normalizePropsOrEmits(a), normalizePropsOrEmits(b));
-}
 function createDuplicateChecker() {
 	const cache = /* @__PURE__ */ Object.create(null);
 	return (type, key) => {
@@ -3389,7 +3394,15 @@ function baseCreateRenderer(options, createHydrationFns) {
 		if (n2.type === "svg") namespace = "svg";
 		else if (n2.type === "math") namespace = "mathml";
 		if (n1 == null) mountElement(n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
-		else patchElement(n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+		else {
+			const customElement = !!(n1.el && n1.el._isVueCE) ? n1.el : null;
+			try {
+				if (customElement) customElement._beginPatch();
+				patchElement(n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+			} finally {
+				if (customElement) customElement._endPatch();
+			}
+		}
 	};
 	const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
 		let el;
@@ -4064,9 +4077,6 @@ const useSSRContext = () => {
 function watchEffect(effect$1, options) {
 	return doWatch(effect$1, null, options);
 }
-function watchSyncEffect(effect$1, options) {
-	return doWatch(effect$1, null, !!(process.env.NODE_ENV !== "production") ? extend({}, options, { flush: "sync" }) : { flush: "sync" });
-}
 function watch(source, cb, options) {
 	if (!!(process.env.NODE_ENV !== "production") && !isFunction(cb)) warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. Use \`watchEffect(fn, options?)\` instead. \`watch\` now only supports \`watch(source, cb, options?) signature.`);
 	return doWatch(source, cb, options);
@@ -4146,62 +4156,6 @@ function createPathGetter(ctx, path) {
 		return cur;
 	};
 }
-function useModel(props, name, options = EMPTY_OBJ) {
-	const i = getCurrentInstance();
-	if (!!(process.env.NODE_ENV !== "production") && !i) {
-		warn$1(`useModel() called without active instance.`);
-		return ref();
-	}
-	const camelizedName = camelize$1(name);
-	if (!!(process.env.NODE_ENV !== "production") && !i.propsOptions[0][camelizedName]) {
-		warn$1(`useModel() called with prop "${name}" which is not declared.`);
-		return ref();
-	}
-	const hyphenatedName = hyphenate$1(name);
-	const modifiers = getModelModifiers(props, camelizedName);
-	const res = customRef((track$1, trigger$1) => {
-		let localValue;
-		let prevSetValue = EMPTY_OBJ;
-		let prevEmittedValue;
-		watchSyncEffect(() => {
-			const propValue = props[camelizedName];
-			if (hasChanged(localValue, propValue)) {
-				localValue = propValue;
-				trigger$1();
-			}
-		});
-		return {
-			get() {
-				track$1();
-				return options.get ? options.get(localValue) : localValue;
-			},
-			set(value) {
-				const emittedValue = options.set ? options.set(value) : value;
-				if (!hasChanged(emittedValue, localValue) && !(prevSetValue !== EMPTY_OBJ && hasChanged(value, prevSetValue))) return;
-				const rawProps = i.vnode.props;
-				if (!(rawProps && (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps))) {
-					localValue = value;
-					trigger$1();
-				}
-				i.emit(`update:${name}`, emittedValue);
-				if (hasChanged(value, emittedValue) && hasChanged(value, prevSetValue) && !hasChanged(emittedValue, prevEmittedValue)) trigger$1();
-				prevSetValue = value;
-				prevEmittedValue = emittedValue;
-			}
-		};
-	});
-	res[Symbol.iterator] = () => {
-		let i2 = 0;
-		return { next() {
-			if (i2 < 2) return {
-				value: i2++ ? modifiers || EMPTY_OBJ : res,
-				done: false
-			};
-			else return { done: true };
-		} };
-	};
-	return res;
-}
 const getModelModifiers = (props, modelName) => {
 	return modelName === "modelValue" || modelName === "model-value" ? props.modelModifiers : props[`${modelName}Modifiers`] || props[`${camelize$1(modelName)}Modifiers`] || props[`${hyphenate$1(modelName)}Modifiers`];
 };
@@ -5185,13 +5139,18 @@ function initCustomFormatter() {
 	if (window.devtoolsFormatters) window.devtoolsFormatters.push(formatter);
 	else window.devtoolsFormatters = [formatter];
 }
-const version = "3.5.22";
+const version = "3.5.24";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const devtools = (process.env.NODE_ENV, devtools$1);
 const setDevtoolsHook = (process.env.NODE_ENV, setDevtoolsHook$1);
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vue+runtime-dom@3.5.22/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
+//#region ../../node_modules/.pnpm/@vue+runtime-dom@3.5.24/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
+/**
+* @vue/runtime-dom v3.5.24
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
 let policy = void 0;
 const tt = typeof window !== "undefined" && window.trustedTypes;
 if (tt) try {
@@ -5480,6 +5439,7 @@ function shouldSetAsProp(el, key, value, isSVG) {
 		return false;
 	}
 	if (key === "spellcheck" || key === "draggable" || key === "translate" || key === "autocorrect") return false;
+	if (key === "sandbox" && el.tagName === "IFRAME") return false;
 	if (key === "form") return false;
 	if (key === "list" && el.tagName === "INPUT") return false;
 	if (key === "type" && el.tagName === "TEXTAREA") return false;
@@ -5525,6 +5485,8 @@ var VueElement = class VueElement extends BaseClass {
 		this._nonce = this._def.nonce;
 		this._connected = false;
 		this._resolved = false;
+		this._patching = false;
+		this._dirty = false;
 		this._numberProps = null;
 		this._styleChildren = /* @__PURE__ */ new WeakSet();
 		this._ob = null;
@@ -5637,7 +5599,7 @@ var VueElement = class VueElement extends BaseClass {
 				return this._getProp(key);
 			},
 			set(val) {
-				this._setProp(key, val, true, true);
+				this._setProp(key, val, true, !this._patching);
 			}
 		});
 	}
@@ -5660,6 +5622,7 @@ var VueElement = class VueElement extends BaseClass {
 	*/
 	_setProp(key, val, shouldReflect = true, shouldUpdate = false) {
 		if (val !== this._props[key]) {
+			this._dirty = true;
 			if (val === REMOVAL) delete this._props[key];
 			else {
 				this._props[key] = val;
@@ -5777,10 +5740,12 @@ var VueElement = class VueElement extends BaseClass {
 	_getSlots() {
 		const roots = [this];
 		if (this._teleportTargets) roots.push(...this._teleportTargets);
-		return roots.reduce((res, i) => {
-			res.push(...Array.from(i.querySelectorAll("slot")));
-			return res;
-		}, []);
+		const slots = /* @__PURE__ */ new Set();
+		for (const root of roots) {
+			const found = root.querySelectorAll("slot");
+			for (let i = 0; i < found.length; i++) slots.add(found[i]);
+		}
+		return Array.from(slots);
 	}
 	/**
 	* @internal
@@ -5791,6 +5756,20 @@ var VueElement = class VueElement extends BaseClass {
 	/**
 	* @internal
 	*/
+	_beginPatch() {
+		this._patching = true;
+		this._dirty = false;
+	}
+	/**
+	* @internal
+	*/
+	_endPatch() {
+		this._patching = false;
+		if (this._dirty && this._instance) this._update();
+	}
+	/**
+	* @internal
+	*/
 	_removeChildStyle(comp) {
 		if (!!(process.env.NODE_ENV !== "production")) {
 			this._styleChildren.delete(comp);
@@ -5915,14 +5894,19 @@ function normalizeContainer(container) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/vue@3.5.22_typescript@5.9.3/node_modules/vue/dist/vue.runtime.esm-bundler.js
+//#region ../../node_modules/.pnpm/vue@3.5.24_typescript@5.9.3/node_modules/vue/dist/vue.runtime.esm-bundler.js
+/**
+* vue v3.5.24
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
 function initDev() {
 	initCustomFormatter();
 }
 if (!!(process.env.NODE_ENV !== "production")) initDev();
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+shared@14.0.0_vue@3.5.22_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js
+//#region ../../node_modules/.pnpm/@vueuse+shared@14.0.0_vue@3.5.24_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js
 /**
 * Call onScopeDispose() if it's inside an effect scope lifecycle, if not, do nothing
 *
@@ -6113,39 +6097,6 @@ function watchPausable(source, cb, options = {}) {
 /** @deprecated use `watchPausable` instead */
 const pausableWatch = watchPausable;
 /**
-* Extended `toRefs` that also accepts refs of an object.
-*
-* @see https://vueuse.org/toRefs
-* @param objectRef A ref or normal object or array.
-* @param options Options
-*/
-function toRefs(objectRef, options = {}) {
-	if (!isRef(objectRef)) return toRefs$1(objectRef);
-	const result = Array.isArray(objectRef.value) ? Array.from({ length: objectRef.value.length }) : {};
-	for (const key in objectRef.value) result[key] = customRef(() => ({
-		get() {
-			return objectRef.value[key];
-		},
-		set(v) {
-			var _toValue;
-			if ((_toValue = toValue(options.replaceRef)) !== null && _toValue !== void 0 ? _toValue : true) if (Array.isArray(objectRef.value)) {
-				const copy = [...objectRef.value];
-				copy[key] = v;
-				objectRef.value = copy;
-			} else {
-				const newObject = {
-					...objectRef.value,
-					[key]: v
-				};
-				Object.setPrototypeOf(newObject, Object.getPrototypeOf(objectRef.value));
-				objectRef.value = newObject;
-			}
-			else objectRef.value[key] = v;
-		}
-	}));
-	return result;
-}
-/**
 * Call onMounted() if it's inside a component lifecycle, if not, just call the function
 *
 * @param fn
@@ -6170,7 +6121,7 @@ function watchImmediate(source, cb, options) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+core@14.0.0_vue@3.5.22_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js
+//#region ../../node_modules/.pnpm/@vueuse+core@14.0.0_vue@3.5.24_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js
 const defaultWindow = isClient ? window : void 0;
 const defaultDocument = isClient ? window.document : void 0;
 const defaultNavigator = isClient ? window.navigator : void 0;
@@ -6776,4 +6727,1145 @@ function useWindowSize(options = {}) {
 }
 
 //#endregion
-export { withCtx as A, toDisplayString as B, openBlock as C, useTemplateRef as D, useModel as E, shallowRef as F, toRefs$1 as I, unref as L, markRaw as M, reactive as N, watch as O, ref as P, normalizeClass as R, onUnmounted as S, renderSlot as T, createVNode as _, useWindowSize as a, nextTick as b, vShow as c, computed as d, createBaseVNode as f, createStaticVNode as g, createElementBlock as h, useScreenSafeArea as i, withDirectives as j, watchEffect as k, withModifiers as l, createCommentVNode as m, useEventListener as n, toRefs as o, createBlock as p, useLocalStorage as r, defineCustomElement as s, useElementBounding as t, Fragment as u, defineComponent as v, renderList as w, onMounted as x, mergeModels as y, normalizeStyle as z };
+//#region src/client/webcomponents/.generated/css.ts
+var css_default = "*{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--un-default-border-color,#e5e7eb)}:before{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--un-default-border-color,#e5e7eb)}:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--un-default-border-color,#e5e7eb)}:before{--un-content:\"\"}:after{--un-content:\"\"}html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button{-webkit-appearance:button;background-color:transparent;background-image:none}[type=button]{-webkit-appearance:button;background-color:transparent;background-image:none}[type=reset]{-webkit-appearance:button;background-color:transparent;background-image:none}[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder{opacity:1;color:#9ca3af}textarea::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--un-text-opacity:100%}#vite-devtools-anchor{z-index:2147483644;box-sizing:border-box;transform-origin:50%;width:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:15px;position:fixed;transform:translate(-50%,-50%)rotate(0)}#vite-devtools-anchor #vite-devtools-dock-container{width:max-content;min-width:100px;height:40px;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}#vite-devtools-anchor.vite-devtools-vertical #vite-devtools-dock-container{transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%)rotate(90deg)}#vite-devtools-anchor #vite-devtools-dock{touch-action:none;user-select:none;--vdt-backdrop-blur:blur(5px);height:40px;backdrop-filter:var(--vdt-backdrop-blur)var(--vdt-backdrop-brightness)var(--vdt-backdrop-contrast)var(--vdt-backdrop-grayscale)var(--vdt-backdrop-hue-rotate)var(--vdt-backdrop-invert)var(--vdt-backdrop-opacity)var(--vdt-backdrop-saturate)var(--vdt-backdrop-sepia);--vdt-text-opacity:1;color:rgba(255,255,255,var(--vdt-text-opacity));--vdt-shadow:var(--vdt-shadow-inset)0 1px 3px 0 var(--vdt-shadow-color,rgba(0,0,0,.1)),var(--vdt-shadow-inset)0 1px 2px -1px var(--vdt-shadow-color,rgba(0,0,0,.1));box-shadow:var(--vdt-ring-offset-shadow),var(--vdt-ring-shadow),var(--vdt-shadow);width:calc-size(max-content,size);background-color:rgba(255,255,255,.5);-webkit-border-radius:9999px;border-radius:9999px;margin:auto;padding-left:1rem;padding-right:1rem;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){#vite-devtools-anchor #vite-devtools-dock{background-color:rgba(17,17,17,.5)}}#vite-devtools-anchor.vite-devtools-minimized #vite-devtools-dock{width:22px;height:22px;padding:2px 0}#vite-devtools-anchor.vite-devtools-minimized .vite-devtools-dock-bracket{opacity:.5;width:.375rem}#vite-devtools-anchor:hover #vite-devtools-glowing{opacity:.6}#vite-devtools-anchor #vite-devtools-glowing{pointer-events:none;z-index:-1;opacity:0;--vdt-blur:blur(60px);width:160px;height:160px;filter:var(--vdt-blur)var(--vdt-brightness)var(--vdt-contrast)var(--vdt-drop-shadow)var(--vdt-grayscale)var(--vdt-hue-rotate)var(--vdt-invert)var(--vdt-saturate)var(--vdt-sepia);background-image:linear-gradient(45deg,#61d9ff,#7a23a1,#715ebd);-webkit-border-radius:9999px;border-radius:9999px;transition-property:all;transition-duration:1s;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@media print{#vite-devtools-anchor{display:none}}.vite-devtools-resize-handle-horizontal{cursor:ns-resize;-webkit-border-radius:.375rem;border-radius:.375rem;height:10px;margin-top:-5px;margin-bottom:-5px;position:absolute;left:6px;right:6px}.vite-devtools-resize-handle-vertical{cursor:ew-resize;-webkit-border-radius:.375rem;border-radius:.375rem;width:10px;margin-left:-5px;margin-right:-5px;position:absolute;top:6px;bottom:0}.vite-devtools-resize-handle-corner{-webkit-border-radius:.375rem;border-radius:.375rem;width:14px;height:14px;margin:-6px;position:absolute}.vite-devtools-resize-handle{z-index:30}.vite-devtools-resize-handle:hover{background-color:rgba(156,163,175,.1)}*{--vdt-rotate:0;--vdt-rotate-x:0;--vdt-rotate-y:0;--vdt-rotate-z:0;--vdt-scale-x:1;--vdt-scale-y:1;--vdt-scale-z:1;--vdt-skew-x:0;--vdt-skew-y:0;--vdt-translate-x:0;--vdt-translate-y:0;--vdt-translate-z:0;--vdt-pan-x: ;--vdt-pan-y: ;--vdt-pinch-zoom: ;--vdt-scroll-snap-strictness:proximity;--vdt-ordinal: ;--vdt-slashed-zero: ;--vdt-numeric-figure: ;--vdt-numeric-spacing: ;--vdt-numeric-fraction: ;--vdt-border-spacing-x:0;--vdt-border-spacing-y:0;--vdt-ring-offset-shadow:0 0 transparent;--vdt-ring-shadow:0 0 transparent;--vdt-shadow-inset: ;--vdt-shadow:0 0 transparent;--vdt-ring-inset: ;--vdt-ring-offset-width:0px;--vdt-ring-offset-color:#fff;--vdt-ring-width:0px;--vdt-ring-color:rgba(147,197,253,.5);--vdt-blur: ;--vdt-brightness: ;--vdt-contrast: ;--vdt-drop-shadow: ;--vdt-grayscale: ;--vdt-hue-rotate: ;--vdt-invert: ;--vdt-saturate: ;--vdt-sepia: ;--vdt-backdrop-blur: ;--vdt-backdrop-brightness: ;--vdt-backdrop-contrast: ;--vdt-backdrop-grayscale: ;--vdt-backdrop-hue-rotate: ;--vdt-backdrop-invert: ;--vdt-backdrop-opacity: ;--vdt-backdrop-saturate: ;--vdt-backdrop-sepia: }:before{--vdt-rotate:0;--vdt-rotate-x:0;--vdt-rotate-y:0;--vdt-rotate-z:0;--vdt-scale-x:1;--vdt-scale-y:1;--vdt-scale-z:1;--vdt-skew-x:0;--vdt-skew-y:0;--vdt-translate-x:0;--vdt-translate-y:0;--vdt-translate-z:0;--vdt-pan-x: ;--vdt-pan-y: ;--vdt-pinch-zoom: ;--vdt-scroll-snap-strictness:proximity;--vdt-ordinal: ;--vdt-slashed-zero: ;--vdt-numeric-figure: ;--vdt-numeric-spacing: ;--vdt-numeric-fraction: ;--vdt-border-spacing-x:0;--vdt-border-spacing-y:0;--vdt-ring-offset-shadow:0 0 transparent;--vdt-ring-shadow:0 0 transparent;--vdt-shadow-inset: ;--vdt-shadow:0 0 transparent;--vdt-ring-inset: ;--vdt-ring-offset-width:0px;--vdt-ring-offset-color:#fff;--vdt-ring-width:0px;--vdt-ring-color:rgba(147,197,253,.5);--vdt-blur: ;--vdt-brightness: ;--vdt-contrast: ;--vdt-drop-shadow: ;--vdt-grayscale: ;--vdt-hue-rotate: ;--vdt-invert: ;--vdt-saturate: ;--vdt-sepia: ;--vdt-backdrop-blur: ;--vdt-backdrop-brightness: ;--vdt-backdrop-contrast: ;--vdt-backdrop-grayscale: ;--vdt-backdrop-hue-rotate: ;--vdt-backdrop-invert: ;--vdt-backdrop-opacity: ;--vdt-backdrop-saturate: ;--vdt-backdrop-sepia: }:after{--vdt-rotate:0;--vdt-rotate-x:0;--vdt-rotate-y:0;--vdt-rotate-z:0;--vdt-scale-x:1;--vdt-scale-y:1;--vdt-scale-z:1;--vdt-skew-x:0;--vdt-skew-y:0;--vdt-translate-x:0;--vdt-translate-y:0;--vdt-translate-z:0;--vdt-pan-x: ;--vdt-pan-y: ;--vdt-pinch-zoom: ;--vdt-scroll-snap-strictness:proximity;--vdt-ordinal: ;--vdt-slashed-zero: ;--vdt-numeric-figure: ;--vdt-numeric-spacing: ;--vdt-numeric-fraction: ;--vdt-border-spacing-x:0;--vdt-border-spacing-y:0;--vdt-ring-offset-shadow:0 0 transparent;--vdt-ring-shadow:0 0 transparent;--vdt-shadow-inset: ;--vdt-shadow:0 0 transparent;--vdt-ring-inset: ;--vdt-ring-offset-width:0px;--vdt-ring-offset-color:#fff;--vdt-ring-width:0px;--vdt-ring-color:rgba(147,197,253,.5);--vdt-blur: ;--vdt-brightness: ;--vdt-contrast: ;--vdt-drop-shadow: ;--vdt-grayscale: ;--vdt-hue-rotate: ;--vdt-invert: ;--vdt-saturate: ;--vdt-sepia: ;--vdt-backdrop-blur: ;--vdt-backdrop-brightness: ;--vdt-backdrop-contrast: ;--vdt-backdrop-grayscale: ;--vdt-backdrop-hue-rotate: ;--vdt-backdrop-invert: ;--vdt-backdrop-opacity: ;--vdt-backdrop-saturate: ;--vdt-backdrop-sepia: }::backdrop{--vdt-rotate:0;--vdt-rotate-x:0;--vdt-rotate-y:0;--vdt-rotate-z:0;--vdt-scale-x:1;--vdt-scale-y:1;--vdt-scale-z:1;--vdt-skew-x:0;--vdt-skew-y:0;--vdt-translate-x:0;--vdt-translate-y:0;--vdt-translate-z:0;--vdt-pan-x: ;--vdt-pan-y: ;--vdt-pinch-zoom: ;--vdt-scroll-snap-strictness:proximity;--vdt-ordinal: ;--vdt-slashed-zero: ;--vdt-numeric-figure: ;--vdt-numeric-spacing: ;--vdt-numeric-fraction: ;--vdt-border-spacing-x:0;--vdt-border-spacing-y:0;--vdt-ring-offset-shadow:0 0 transparent;--vdt-ring-shadow:0 0 transparent;--vdt-shadow-inset: ;--vdt-shadow:0 0 transparent;--vdt-ring-inset: ;--vdt-ring-offset-width:0px;--vdt-ring-offset-color:#fff;--vdt-ring-width:0px;--vdt-ring-color:rgba(147,197,253,.5);--vdt-blur: ;--vdt-brightness: ;--vdt-contrast: ;--vdt-drop-shadow: ;--vdt-grayscale: ;--vdt-hue-rotate: ;--vdt-invert: ;--vdt-saturate: ;--vdt-sepia: ;--vdt-backdrop-blur: ;--vdt-backdrop-brightness: ;--vdt-backdrop-contrast: ;--vdt-backdrop-grayscale: ;--vdt-backdrop-hue-rotate: ;--vdt-backdrop-invert: ;--vdt-backdrop-opacity: ;--vdt-backdrop-saturate: ;--vdt-backdrop-sepia: }.container{width:100%}.z-floating-tooltip{z-index:2147483645}.border-base{--vdt-border-opacity:.13;border-color:rgba(136,136,136,var(--vdt-border-opacity))}.bg-glass{--vdt-backdrop-blur:blur(5px);backdrop-filter:var(--vdt-backdrop-blur)var(--vdt-backdrop-brightness)var(--vdt-backdrop-contrast)var(--vdt-backdrop-grayscale)var(--vdt-backdrop-hue-rotate)var(--vdt-backdrop-invert)var(--vdt-backdrop-opacity)var(--vdt-backdrop-saturate)var(--vdt-backdrop-sepia);background-color:rgba(255,255,255,.5)}@media (prefers-color-scheme:dark){.bg-glass{background-color:rgba(17,17,17,.5)}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{top:0;bottom:0;left:0;right:0}.bottom-0{bottom:0}.left--1{left:-.25rem}.left-0{left:0}.left-1\\/2{left:50%}.right--1{right:-.25rem}.right-0{right:0}.top-0{top:0}.top-1\\/2{top:50%}.z--1{z-index:-1}.m-auto{margin:auto}.h-3{height:.75rem}.h-5{height:1.25rem}.h-full{height:100%}.w-2\\.5{width:.625rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-full{width:100%}.w-max{width:max-content}.flex{display:flex}.translate-x--1\\/2{--vdt-translate-x:-50%;transform:translateX(var(--vdt-translate-x))translateY(var(--vdt-translate-y))translateZ(var(--vdt-translate-z))rotate(var(--vdt-rotate))rotateX(var(--vdt-rotate-x))rotateY(var(--vdt-rotate-y))rotateZ(var(--vdt-rotate-z))skewX(var(--vdt-skew-x))skewY(var(--vdt-skew-y))scaleX(var(--vdt-scale-x))scaleY(var(--vdt-scale-y))scaleZ(var(--vdt-scale-z))}.translate-y--1\\/2{--vdt-translate-y:-50%;transform:translateX(var(--vdt-translate-x))translateY(var(--vdt-translate-y))translateZ(var(--vdt-translate-z))rotate(var(--vdt-rotate))rotateX(var(--vdt-rotate-x))rotateY(var(--vdt-rotate-y))rotateZ(var(--vdt-rotate-z))skewX(var(--vdt-skew-x))skewY(var(--vdt-skew-y))scaleX(var(--vdt-scale-x))scaleY(var(--vdt-scale-y))scaleZ(var(--vdt-scale-z))}.rotate-270{--vdt-rotate-x:0;--vdt-rotate-y:0;--vdt-rotate-z:0;--vdt-rotate:270deg;transform:translateX(var(--vdt-translate-x))translateY(var(--vdt-translate-y))translateZ(var(--vdt-translate-z))rotate(var(--vdt-rotate))rotateX(var(--vdt-rotate-x))rotateY(var(--vdt-rotate-y))rotateZ(var(--vdt-rotate-z))skewX(var(--vdt-skew-x))skewY(var(--vdt-skew-y))scaleX(var(--vdt-scale-x))scaleY(var(--vdt-scale-y))scaleZ(var(--vdt-scale-z))}.scale-120{--vdt-scale-x:1.2;--vdt-scale-y:1.2;transform:translateX(var(--vdt-translate-x))translateY(var(--vdt-translate-y))translateZ(var(--vdt-translate-z))rotate(var(--vdt-rotate))rotateX(var(--vdt-rotate-x))rotateY(var(--vdt-rotate-y))rotateZ(var(--vdt-rotate-z))skewX(var(--vdt-skew-x))skewY(var(--vdt-skew-y))scaleX(var(--vdt-scale-x))scaleY(var(--vdt-scale-y))scaleZ(var(--vdt-scale-z))}.hover\\:scale-120:hover{--vdt-scale-x:1.2;--vdt-scale-y:1.2;transform:translateX(var(--vdt-translate-x))translateY(var(--vdt-translate-y))translateZ(var(--vdt-translate-z))rotate(var(--vdt-rotate))rotateX(var(--vdt-rotate-x))rotateY(var(--vdt-rotate-y))rotateZ(var(--vdt-rotate-z))skewX(var(--vdt-skew-x))skewY(var(--vdt-skew-y))scaleX(var(--vdt-scale-x))scaleY(var(--vdt-scale-y))scaleZ(var(--vdt-scale-z))}.scale-y--100{--vdt-scale-y:-1;transform:translateX(var(--vdt-translate-x))translateY(var(--vdt-translate-y))translateZ(var(--vdt-translate-z))rotate(var(--vdt-rotate))rotateX(var(--vdt-rotate-x))rotateY(var(--vdt-rotate-y))rotateZ(var(--vdt-rotate-z))skewX(var(--vdt-skew-x))skewY(var(--vdt-skew-y))scaleX(var(--vdt-scale-x))scaleY(var(--vdt-scale-y))scaleZ(var(--vdt-scale-z))}.transform{transform:translateX(var(--vdt-translate-x))translateY(var(--vdt-translate-y))translateZ(var(--vdt-translate-z))rotate(var(--vdt-rotate))rotateX(var(--vdt-rotate-x))rotateY(var(--vdt-rotate-y))rotateZ(var(--vdt-rotate-z))skewX(var(--vdt-skew-x))skewY(var(--vdt-skew-y))scaleX(var(--vdt-scale-x))scaleY(var(--vdt-scale-y))scaleZ(var(--vdt-scale-z))}.select-none{user-select:none}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-width:1px}.rounded{-webkit-border-radius:.25rem;border-radius:.25rem}.rounded-lg{-webkit-border-radius:.5rem;border-radius:.5rem}.rounded-xl{-webkit-border-radius:.75rem;border-radius:.75rem}.hover\\:bg-\\[\\#8881\\]:hover{--vdt-bg-opacity:.07;background-color:rgba(136,136,136,var(--vdt-bg-opacity))}.fill-black{--vdt-fill-opacity:1;fill:rgba(0,0,0,var(--vdt-fill-opacity))}.p1{padding:.25rem}.p1\\.5{padding:.375rem}.px{padding-left:1rem;padding-right:1rem}.px2{padding-left:.5rem;padding-right:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-purple{--vdt-text-opacity:1;color:rgba(192,132,252,var(--vdt-text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.op0,.opacity-0{opacity:0}.op100,.opacity-100{opacity:1}.op50{opacity:.5}.op60\\!{opacity:.6!important}.op75{opacity:.75}.shadow{--vdt-shadow:var(--vdt-shadow-inset)0 1px 3px 0 var(--vdt-shadow-color,rgba(0,0,0,.1)),var(--vdt-shadow-inset)0 1px 2px -1px var(--vdt-shadow-color,rgba(0,0,0,.1));box-shadow:var(--vdt-ring-offset-shadow),var(--vdt-ring-shadow),var(--vdt-shadow)}.saturate-0{--vdt-saturate:saturate(0);filter:var(--vdt-blur)var(--vdt-brightness)var(--vdt-contrast)var(--vdt-drop-shadow)var(--vdt-grayscale)var(--vdt-hue-rotate)var(--vdt-invert)var(--vdt-saturate)var(--vdt-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@media (prefers-color-scheme:dark){.dark\\:fill-white{--vdt-fill-opacity:1;fill:rgba(255,255,255,var(--vdt-fill-opacity))}}";
+
+//#endregion
+//#region src/client/webcomponents/state/state.ts
+function useStateHandlers(context) {
+	function importScript(entry) {
+		const id = `${entry.type}:${entry.id}`;
+		return import(
+			/* @vite-ignore */
+			["/.devtools", "imports"].join("-")
+).then((module) => {
+			const importFn = module.importsMap[id];
+			if (!importFn) return Promise.reject(/* @__PURE__ */ new Error(`[VITE DEVTOOLS] No import found for id: ${id}`));
+			return importFn();
+		}).catch((error) => {
+			console.error("[VITE DEVTOOLS] Error executing import action", error);
+			return Promise.reject(error);
+		});
+	}
+	async function selectDockEntry(entry) {
+		if (!entry) {
+			context.panel.store.open = false;
+			context.docks.selected = null;
+			return;
+		}
+		if (context.docks.selected?.id === entry.id) return;
+		const current = context.docks.getStateById(entry.id);
+		const scriptContext = reactive({
+			...toRefs(context),
+			current
+		});
+		if (entry?.type === "action") return await importScript(entry).then((fn) => fn(scriptContext));
+		context.docks.selected = entry;
+		context.panel.store.open = true;
+		if (entry.type === "custom-render" || entry.type === "iframe" && entry.clientScript) await importScript(entry).then((fn) => fn(scriptContext));
+	}
+	return { selectDockEntry };
+}
+
+//#endregion
+//#region src/client/webcomponents/state/floating-tooltip.ts
+const state = shallowRef(null);
+function setFloatingTooltip(info) {
+	state.value = info;
+}
+function useFloatingTooltip() {
+	return state;
+}
+
+//#endregion
+//#region \0/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+
+//#endregion
+//#region src/client/webcomponents/components/icons/VitePlusCore.vue
+const _sfc_main$13 = {};
+const _hoisted_1$6 = {
+	viewBox: "0 0 22 22",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$2(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$6, [..._cache[0] || (_cache[0] = [createStaticVNode("<g clip-path=\"url(#clip0_2_2)\"><path d=\"M11.85 20.535C11.7881 20.6144 11.7029 20.6726 11.6064 20.7012C11.5098 20.7298 11.4067 20.7276 11.3115 20.6947C11.2163 20.6619 11.1337 20.6001 11.0754 20.5181C11.017 20.436 10.9858 20.3377 10.986 20.237V15.834C10.986 15.5775 10.8841 15.3316 10.7028 15.1502C10.5214 14.9689 10.2755 14.867 10.019 14.867H5.157C5.06821 14.867 4.98114 14.8426 4.90534 14.7964C4.82954 14.7501 4.76795 14.6839 4.72734 14.6049C4.68673 14.526 4.66866 14.4374 4.67513 14.3488C4.6816 14.2603 4.71235 14.1752 4.764 14.103L7.961 9.62801C8.06459 9.48335 8.12626 9.31291 8.13923 9.13546C8.15219 8.95801 8.11594 8.78042 8.03448 8.62224C7.95301 8.46406 7.82948 8.33143 7.67749 8.23893C7.52549 8.14644 7.35093 8.09768 7.173 8.09801H1.29C1.20122 8.09803 1.11414 8.07359 1.03834 8.02736C0.962542 7.98113 0.900953 7.91489 0.86034 7.83594C0.819727 7.75699 0.801662 7.66837 0.80813 7.57982C0.814597 7.49127 0.845347 7.40622 0.897 7.33401L5.04 1.53301C5.08452 1.46999 5.14358 1.41864 5.21217 1.38331C5.28075 1.34797 5.35685 1.32969 5.434 1.33001H17.782C18.175 1.33001 18.404 1.77501 18.175 2.09401L14.978 6.57001C14.521 7.21001 14.978 8.10001 15.766 8.10001H20.627C21.031 8.10001 21.257 8.56401 21.007 8.88201L11.85 20.535Z\" fill=\"#6254FE\"></path><mask id=\"mask0_2_2\" style=\"mask-type:alpha;\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"1\" width=\"22\" height=\"20\"><path d=\"M11.85 20.535C11.7881 20.6144 11.7029 20.6726 11.6064 20.7012C11.5098 20.7298 11.4067 20.7276 11.3115 20.6947C11.2163 20.6619 11.1337 20.6001 11.0754 20.5181C11.017 20.436 10.9858 20.3377 10.986 20.237V15.834C10.986 15.5775 10.8841 15.3316 10.7028 15.1502C10.5214 14.9689 10.2755 14.867 10.019 14.867H5.157C5.06821 14.867 4.98114 14.8426 4.90534 14.7964C4.82954 14.7501 4.76795 14.6839 4.72734 14.6049C4.68673 14.526 4.66866 14.4374 4.67513 14.3488C4.6816 14.2603 4.71235 14.1752 4.764 14.103L7.961 9.62801C8.06459 9.48335 8.12626 9.31291 8.13923 9.13546C8.15219 8.95801 8.11594 8.78042 8.03448 8.62224C7.95301 8.46406 7.82948 8.33143 7.67749 8.23893C7.52549 8.14644 7.35093 8.09768 7.173 8.09801H1.29C1.20122 8.09803 1.11414 8.07359 1.03834 8.02736C0.962542 7.98113 0.900953 7.91489 0.86034 7.83594C0.819727 7.75699 0.801662 7.66837 0.80813 7.57982C0.814597 7.49127 0.845347 7.40622 0.897 7.33401L5.04 1.53301C5.08452 1.46999 5.14358 1.41864 5.21217 1.38331C5.28075 1.34797 5.35685 1.32969 5.434 1.33001H17.782C18.175 1.33001 18.404 1.77501 18.175 2.09401L14.978 6.57001C14.521 7.21001 14.978 8.10001 15.766 8.10001H20.627C21.031 8.10001 21.257 8.56401 21.007 8.88201L11.85 20.535Z\" fill=\"#833BFF\"></path></mask><g mask=\"url(#mask0_2_2)\"><g filter=\"url(#filter0_f_2_2)\"><path d=\"M11.4271 17.1119C11.4313 18.412 8.62134 19.475 5.1508 19.4863C1.68026 19.4975 -1.13659 18.4528 -1.14081 17.1527C-1.14503 15.8526 1.66497 14.7896 5.13551 14.7783C8.60605 14.767 11.4229 15.8118 11.4271 17.1119Z\" fill=\"#EDE6FF\"></path></g><g filter=\"url(#filter1_f_2_2)\"><path d=\"M9.48364 9.06048C9.49161 11.5148 3.78614 13.523 -3.25987 13.5459C-10.3059 13.5688 -16.0243 11.5977 -16.0322 9.14332C-16.0402 6.68898 -10.3347 4.6808 -3.28872 4.65792C3.75729 4.63505 9.47567 6.60614 9.48364 9.06048Z\" fill=\"#EDE6FF\"></path></g><g filter=\"url(#filter2_f_2_2)\"><path d=\"M9.53104 8.43813C9.53526 9.7382 3.70543 10.8111 -3.49025 10.8344C-10.6859 10.8578 -16.5226 9.82279 -16.5268 8.52272C-16.531 7.22265 -10.7012 6.1498 -3.50554 6.12644C3.69014 6.10308 9.52682 7.13806 9.53104 8.43813Z\" fill=\"#4E14FF\"></path></g><g filter=\"url(#filter3_f_2_2)\"><path d=\"M11.5916 16.1293C11.5958 17.4293 5.74448 18.5022 -1.47775 18.5256C-8.69997 18.549 -14.5582 17.5141 -14.5624 16.214C-14.5666 14.9139 -8.71523 13.841 -1.493 13.8176C5.72923 13.7942 11.5874 14.8292 11.5916 16.1293Z\" fill=\"#4E14FF\"></path></g><g filter=\"url(#filter4_f_2_2)\"><path d=\"M12.2473 16.6206C12.2515 17.9206 6.40021 18.9935 -0.821978 19.017C-8.04417 19.0404 -13.9023 18.0055 -13.9066 16.7055C-13.9108 15.4054 -8.05945 14.3325 -0.837261 14.309C6.38493 14.2856 12.2431 15.3205 12.2473 16.6206Z\" fill=\"#4E14FF\"></path></g><g filter=\"url(#filter5_f_2_2)\"><path d=\"M14.047 5.7039C14.2411 2.38813 18.6158 -0.0529585 23.8183 0.251568C29.0207 0.556095 33.0808 3.49092 32.8867 6.80669C32.6926 10.1225 28.3179 12.5635 23.1154 12.259C17.913 11.9545 13.8529 9.01966 14.047 5.7039Z\" fill=\"#EDE6FF\"></path></g><g filter=\"url(#filter6_f_2_2)\"><path d=\"M14.7518 7.88531C14.7376 7.06639 18.8396 6.33138 23.9137 6.2436C28.9879 6.15583 33.1129 6.74854 33.127 7.56745C33.1412 8.38637 29.0392 9.12139 23.965 9.20916C18.8909 9.29693 14.7659 8.70422 14.7518 7.88531Z\" fill=\"#4E14FF\"></path></g><g filter=\"url(#filter7_f_2_2)\"><path d=\"M14.7518 7.88531C14.7376 7.06639 18.8396 6.33138 23.9137 6.2436C28.9879 6.15583 33.1129 6.74854 33.127 7.56745C33.1412 8.38637 29.0392 9.12139 23.965 9.20916C18.8909 9.29693 14.7659 8.70422 14.7518 7.88531Z\" fill=\"#4E14FF\"></path></g><g filter=\"url(#filter8_f_2_2)\"><path d=\"M-6.98848 14.7616C-6.18615 15.4233 -1.99229 11.6626 2.37876 6.362C6.74982 1.06138 9.64283 -3.77199 8.84049 -4.43362C8.03816 -5.09525 3.8443 -1.3346 -0.526755 3.96602C-4.89781 9.26665 -7.79082 14.1 -6.98848 14.7616Z\" fill=\"#4E14FF\"></path></g><g filter=\"url(#filter9_f_2_2)\"><path d=\"M13.4305 8.5449C14.2512 9.18361 18.3372 5.30605 22.5568 -0.115883C26.7764 -5.53781 29.5318 -10.4509 28.7111 -11.0896C27.8904 -11.7284 23.8044 -7.8508 19.5848 -2.42887C15.3651 2.99306 12.6098 7.90619 13.4305 8.5449Z\" fill=\"#4E14FF\"></path></g><g filter=\"url(#filter10_f_2_2)\"><path d=\"M14.9501 9.73878C16.4926 10.9392 19.2111 10.026 21.0221 7.69897C22.8331 5.37198 23.0507 2.51245 21.5083 1.31202C19.9658 0.111596 17.2473 1.02485 15.4363 3.35184C13.6253 5.67882 13.4077 8.53835 14.9501 9.73878Z\" fill=\"#2BFDD2\"></path></g><g filter=\"url(#filter11_f_2_2)\"><path d=\"M-7.68233 27.5293C-6.86163 28.168 -2.77563 24.2904 1.44401 18.8685C5.66365 13.4466 8.41904 8.53346 7.59834 7.89474C6.77764 7.25603 2.69164 11.1336 -1.528 16.5555C-5.74764 21.9775 -8.50303 26.8906 -7.68233 27.5293Z\" fill=\"#4E14FF\"></path></g><g filter=\"url(#filter12_f_2_2)\"><path d=\"M-7.68233 27.5293C-6.86163 28.168 -2.77563 24.2904 1.44401 18.8685C5.66365 13.4466 8.41904 8.53346 7.59834 7.89474C6.77764 7.25603 2.69164 11.1336 -1.528 16.5555C-5.74764 21.9775 -8.50303 26.8906 -7.68233 27.5293Z\" fill=\"#4E14FF\"></path></g><g filter=\"url(#filter13_f_2_2)\"><path d=\"M8.26366 23.8563C9.13579 24.535 13.2635 20.6899 17.4831 15.268C21.7028 9.84604 24.4165 4.90047 23.5443 4.22173C22.6722 3.54299 18.5445 7.38811 14.3249 12.81C10.1052 18.232 7.39153 23.1775 8.26366 23.8563Z\" fill=\"#4E14FF\"></path></g><g filter=\"url(#filter14_f_2_2)\"><path d=\"M12.2866 22.5389C13.7846 23.7047 17.4746 21.4689 20.5284 17.5449C23.5822 13.621 24.8434 9.49495 23.3454 8.32912C21.8474 7.16329 18.1574 9.39917 15.1036 13.3231C12.0498 17.247 10.7886 21.3731 12.2866 22.5389Z\" fill=\"#2BFDD2\"></path></g></g></g><defs><filter id=\"filter0_f_2_2\" x=\"-7.68682\" y=\"8.2322\" width=\"25.6599\" height=\"17.8002\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"3.273\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter1_f_2_2\" x=\"-22.5782\" y=\"-1.88827\" width=\"38.6079\" height=\"21.9804\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"3.273\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter2_f_2_2\" x=\"-20.4548\" y=\"2.19805\" width=\"33.9139\" height=\"12.5647\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter3_f_2_2\" x=\"-18.4904\" y=\"9.88925\" width=\"34.01\" height=\"12.5648\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter4_f_2_2\" x=\"-17.8346\" y=\"10.3806\" width=\"34.0099\" height=\"12.5648\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter5_f_2_2\" x=\"7.4943\" y=\"-6.32009\" width=\"31.9451\" height=\"25.1508\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"3.273\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter6_f_2_2\" x=\"10.8237\" y=\"2.30699\" width=\"26.2313\" height=\"10.8388\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter7_f_2_2\" x=\"10.8237\" y=\"2.30699\" width=\"26.2313\" height=\"10.8388\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter8_f_2_2\" x=\"-11.0501\" y=\"-8.43711\" width=\"23.9523\" height=\"27.2022\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter9_f_2_2\" x=\"9.35783\" y=\"-15.0865\" width=\"23.4259\" height=\"27.6282\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter10_f_2_2\" x=\"9.99386\" y=\"-3.14457\" width=\"16.4707\" height=\"17.3399\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter11_f_2_2\" x=\"-11.755\" y=\"3.89791\" width=\"23.4259\" height=\"27.6282\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter12_f_2_2\" x=\"-11.755\" y=\"3.89791\" width=\"23.4259\" height=\"27.6282\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter13_f_2_2\" x=\"4.17262\" y=\"0.216058\" width=\"23.4628\" height=\"27.6459\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><filter id=\"filter14_f_2_2\" x=\"7.72776\" y=\"4.09222\" width=\"20.1765\" height=\"22.6836\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"1.964\" result=\"effect1_foregroundBlur_2_2\"></feGaussianBlur></filter><clipPath id=\"clip0_2_2\"><rect width=\"22\" height=\"22\" fill=\"white\"></rect></clipPath></defs>", 2)])]);
+}
+var VitePlusCore_default = /* @__PURE__ */ export_helper_default(_sfc_main$13, [["render", _sfc_render$2]]);
+
+//#endregion
+//#region src/client/webcomponents/components/DockIcon.vue
+const _hoisted_1$5 = { key: 1 };
+const _hoisted_2 = ["srcset"];
+const _hoisted_3 = ["srcset"];
+const _hoisted_4 = ["src", "alt"];
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+	__name: "DockIcon",
+	props: {
+		icon: {},
+		title: {}
+	},
+	setup(__props) {
+		const props = __props;
+		function getIconUrl(str, color) {
+			if (str.includes("/") || str.startsWith("data:") || str.startsWith("builtin:")) return str;
+			const match = str.match(/^([\w-]+):([\w-]+)$/);
+			if (match) {
+				const [, collection, icon2] = match;
+				return `https://api.iconify.design/${collection}/${icon2}.svg${color === "dark" ? "?color=%23eee" : "?color=%23111"}`;
+			}
+			return str;
+		}
+		const icon = computed(() => {
+			if (typeof props.icon === "string") return {
+				dark: getIconUrl(props.icon, "dark"),
+				light: getIconUrl(props.icon, "light")
+			};
+			return {
+				dark: getIconUrl(props.icon.dark, "dark"),
+				light: getIconUrl(props.icon.light, "light")
+			};
+		});
+		return (_ctx, _cache) => {
+			return icon.value.light === "builtin:vite-plus-core" ? (openBlock(), createBlock(VitePlusCore_default, { key: 0 })) : (openBlock(), createElementBlock("picture", _hoisted_1$5, [
+				createBaseVNode("source", {
+					srcset: icon.value.dark,
+					media: "(prefers-color-scheme: dark)"
+				}, null, 8, _hoisted_2),
+				createBaseVNode("source", {
+					srcset: icon.value.light,
+					media: "(prefers-color-scheme: light)"
+				}, null, 8, _hoisted_3),
+				createBaseVNode("img", {
+					src: icon.value.light,
+					alt: __props.title,
+					class: "w-full h-full m-auto",
+					draggable: "false"
+				}, null, 8, _hoisted_4)
+			]));
+		};
+	}
+});
+var DockIcon_default = _sfc_main$12;
+
+//#endregion
+//#region src/client/webcomponents/components/DockEntry.vue
+const _hoisted_1$4 = ["title"];
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+	__name: "DockEntry",
+	props: {
+		dock: {},
+		isSelected: { type: Boolean },
+		isDimmed: { type: Boolean },
+		isVertical: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const button = useTemplateRef("button");
+		function updatePos() {
+			const rect = button.value?.getBoundingClientRect();
+			if (rect) setFloatingTooltip({
+				text: props.dock.title,
+				width: rect.width,
+				height: rect.height,
+				left: rect.left,
+				top: rect.top
+			});
+		}
+		function showTitle() {
+			updatePos();
+		}
+		function clearTitle() {
+			setFloatingTooltip(null);
+		}
+		useEventListener("pointerdown", () => {
+			setFloatingTooltip(null);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				key: __props.dock.id,
+				class: "relative group vite-devtools-dock-entry",
+				onPointerenter: showTitle,
+				onPointerleave: clearTitle
+			}, [createBaseVNode("button", {
+				ref_key: "button",
+				ref: button,
+				title: __props.dock.title,
+				class: normalizeClass([[
+					__props.isVertical ? "rotate-270" : "",
+					__props.isDimmed ? "op50 saturate-0" : "",
+					__props.isSelected ? "scale-120 text-purple" : ""
+				], "flex items-center justify-center p1.5 rounded-xl hover:bg-[#8881] hover:scale-120 transition-all duration-300 relative"])
+			}, [createVNode(DockIcon_default, {
+				icon: __props.dock.icon,
+				title: __props.dock.title,
+				class: "w-5 h-5 select-none"
+			}, null, 8, ["icon", "title"])], 10, _hoisted_1$4)], 32);
+		};
+	}
+});
+var DockEntry_default = _sfc_main$11;
+
+//#endregion
+//#region src/client/webcomponents/components/DockEntries.vue
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+	__name: "DockEntries",
+	props: {
+		entries: {},
+		selected: {},
+		isVertical: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit$2 = __emit;
+		const { selected, isVertical, entries } = toRefs(props);
+		function toggleDockEntry(dock) {
+			if (selected.value?.id === dock.id) emit$2("select", void 0);
+			else emit$2("select", dock);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(entries), (dock) => {
+				return openBlock(), createBlock(DockEntry_default, {
+					key: dock.id,
+					dock,
+					"is-selected": unref(selected)?.id === dock.id,
+					"is-dimmed": unref(selected) ? unref(selected).id !== dock.id : false,
+					"is-vertical": unref(isVertical),
+					onClick: ($event) => toggleDockEntry(dock)
+				}, null, 8, [
+					"dock",
+					"is-selected",
+					"is-dimmed",
+					"is-vertical",
+					"onClick"
+				]);
+			}), 128))]);
+		};
+	}
+});
+var DockEntries_default = _sfc_main$10;
+
+//#endregion
+//#region src/client/webcomponents/components/icons/BracketLeft.vue
+const _sfc_main$9 = {};
+const _hoisted_1$3 = {
+	viewBox: "0 0 9 20",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$3, [..._cache[0] || (_cache[0] = [createBaseVNode("path", {
+		d: "M4.95763 0C1.02563 5.628 1.00263 14.351 4.95763 20H7.61363C3.65963 14.35 3.68363 5.627 7.61363 0H4.95763Z",
+		class: "fill-black dark:fill-white"
+	}, null, -1)])]);
+}
+var BracketLeft_default = /* @__PURE__ */ export_helper_default(_sfc_main$9, [["render", _sfc_render$1]]);
+
+//#endregion
+//#region src/client/webcomponents/components/icons/BracketRight.vue
+const _sfc_main$8 = {};
+const _hoisted_1$2 = {
+	viewBox: "0 0 9 20",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [createBaseVNode("path", {
+		d: "M4.246 10H6.903C6.902 6.407 5.913 2.816 3.946 0H1.29C3.256 2.816 4.244 6.407 4.246 10ZM8.935 14.907H6.27C6.46624 14.1665 6.61752 13.4148 6.723 12.656H4.066C3.96052 13.4148 3.80924 14.1665 3.613 14.907H0.944C0.703507 15.8176 0.387753 16.7067 0 17.565H2.669C2.2859 18.4179 1.82388 19.2331 1.289 20H3.945C4.47988 19.2331 4.9419 18.4179 5.325 17.565H7.99C8.376 16.714 8.691 15.823 8.935 14.907Z",
+		class: "fill-black dark:fill-white"
+	}, null, -1)])]);
+}
+var BracketRight_default = /* @__PURE__ */ export_helper_default(_sfc_main$8, [["render", _sfc_render]]);
+
+//#endregion
+//#region src/client/webcomponents/components/Dock.vue
+const PANEL_MARGIN = 5;
+const SNAP_THRESHOLD = 2;
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+	__name: "Dock",
+	props: { context: {} },
+	setup(__props) {
+		const context = __props.context;
+		const isSafari = navigator.userAgent.includes("Safari") && !navigator.userAgent.includes("Chrome");
+		const panelMargins = reactive({
+			left: PANEL_MARGIN,
+			top: PANEL_MARGIN,
+			right: PANEL_MARGIN,
+			bottom: PANEL_MARGIN
+		});
+		const safeArea = useScreenSafeArea();
+		function toNumber$1(value) {
+			const num = +value;
+			if (Number.isNaN(num)) return 0;
+			return num;
+		}
+		watchEffect(() => {
+			panelMargins.left = toNumber$1(safeArea.left.value) + PANEL_MARGIN;
+			panelMargins.top = toNumber$1(safeArea.top.value) + PANEL_MARGIN;
+			panelMargins.right = toNumber$1(safeArea.right.value) + PANEL_MARGIN;
+			panelMargins.bottom = toNumber$1(safeArea.bottom.value) + PANEL_MARGIN;
+		});
+		const dockEl = useTemplateRef("dockEl");
+		const anchorEl = useTemplateRef("anchorEl");
+		const recalculateCounter = ref(0);
+		const isHovering = ref(false);
+		const windowSize = reactive({
+			width: window.innerWidth,
+			height: window.innerHeight
+		});
+		const draggingOffset = reactive({
+			x: 0,
+			y: 0
+		});
+		const mousePosition = reactive({
+			x: 0,
+			y: 0
+		});
+		function onPointerDown(e) {
+			if (!dockEl.value) return;
+			context.panel.isDragging = true;
+			const { left, top, width, height } = dockEl.value.getBoundingClientRect();
+			draggingOffset.x = e.clientX - left - width / 2;
+			draggingOffset.y = e.clientY - top - height / 2;
+		}
+		onMounted(() => {
+			windowSize.width = window.innerWidth;
+			windowSize.height = window.innerHeight;
+			useEventListener(window, "resize", () => {
+				windowSize.width = window.innerWidth;
+				windowSize.height = window.innerHeight;
+			});
+			useEventListener(window, "pointermove", (e) => {
+				if (!context.panel.isDragging) return;
+				const store = context.panel.store;
+				const centerX = window.innerWidth / 2;
+				const centerY = window.innerHeight / 2;
+				const x = e.clientX - draggingOffset.x;
+				const y = e.clientY - draggingOffset.y;
+				if (Number.isNaN(x) || Number.isNaN(y)) return;
+				mousePosition.x = x;
+				mousePosition.y = y;
+				const deg = Math.atan2(y - centerY, x - centerX);
+				const HORIZONTAL_MARGIN = 70;
+				const TL = Math.atan2(0 - centerY + HORIZONTAL_MARGIN, 0 - centerX);
+				const TR = Math.atan2(0 - centerY + HORIZONTAL_MARGIN, window.innerWidth - centerX);
+				const BL = Math.atan2(window.innerHeight - HORIZONTAL_MARGIN - centerY, 0 - centerX);
+				const BR = Math.atan2(window.innerHeight - HORIZONTAL_MARGIN - centerY, window.innerWidth - centerX);
+				store.position = deg >= TL && deg <= TR ? "top" : deg >= TR && deg <= BR ? "right" : deg >= BR && deg <= BL ? "bottom" : "left";
+				store.left = snapToPoints(x / window.innerWidth * 100);
+				store.top = snapToPoints(y / window.innerHeight * 100);
+			});
+			useEventListener(window, "pointerup", () => {
+				context.panel.isDragging = false;
+			});
+			useEventListener(window, "pointerleave", () => {
+				context.panel.isDragging = false;
+			});
+		});
+		function snapToPoints(value) {
+			if (value < 5) return 0;
+			if (value > 95) return 100;
+			if (Math.abs(value - 50) < SNAP_THRESHOLD) return 50;
+			return value;
+		}
+		function clamp$1(value, min, max) {
+			return Math.min(Math.max(value, min), max);
+		}
+		const anchorPos = computed(() => {
+			recalculateCounter.value;
+			const store = context.panel.store;
+			const halfWidth = (dockEl.value?.clientWidth || 0) / 2;
+			const halfHeight = (dockEl.value?.clientHeight || 0) / 2;
+			const left = store.left * windowSize.width / 100;
+			const top = store.top * windowSize.height / 100;
+			switch (store.position) {
+				case "top": return {
+					left: clamp$1(left, halfWidth + panelMargins.left, windowSize.width - halfWidth - panelMargins.right),
+					top: panelMargins.top + halfHeight
+				};
+				case "right": return {
+					left: windowSize.width - panelMargins.right - halfHeight,
+					top: clamp$1(top, halfWidth + panelMargins.top, windowSize.height - halfWidth - panelMargins.bottom)
+				};
+				case "left": return {
+					left: panelMargins.left + halfHeight,
+					top: clamp$1(top, halfWidth + panelMargins.top, windowSize.height - halfWidth - panelMargins.bottom)
+				};
+				case "bottom":
+				default: return {
+					left: clamp$1(left, halfWidth + panelMargins.left, windowSize.width - halfWidth - panelMargins.right),
+					top: windowSize.height - panelMargins.bottom - halfHeight
+				};
+			}
+		});
+		let _timer = null;
+		function bringUp() {
+			isHovering.value = true;
+			if (context.panel.store.inactiveTimeout < 0) return;
+			if (_timer) clearTimeout(_timer);
+			_timer = setTimeout(() => {
+				isHovering.value = false;
+			}, +context.panel.store.inactiveTimeout || 0);
+		}
+		const isHidden = computed(() => false);
+		const isMinimized = computed(() => {
+			if (context.panel.store.inactiveTimeout < 0) return false;
+			if (context.panel.store.inactiveTimeout === 0) return true;
+			const isTouchDevice = "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+			return !context.panel.isDragging && !context.panel.store.open && !isHovering.value && !isTouchDevice && context.panel.store.inactiveTimeout;
+		});
+		const anchorStyle = computed(() => {
+			return {
+				left: `${anchorPos.value.left}px`,
+				top: `${anchorPos.value.top}px`,
+				pointerEvents: isHidden.value ? "none" : "auto"
+			};
+		});
+		const panelStyle = computed(() => {
+			const style = { transform: context.panel.isVertical ? `translate(-50%, -50%) rotate(90deg)` : `translate(-50%, -50%)` };
+			if (isHidden.value) {
+				style.opacity = 0;
+				style.pointerEvents = "none";
+			}
+			if (context.panel.isDragging) style.transition = "none !important";
+			return style;
+		});
+		const { selectDockEntry } = useStateHandlers(context);
+		onMounted(() => {
+			bringUp();
+			recalculateCounter.value++;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: "vite-devtools-anchor",
+				ref_key: "anchorEl",
+				ref: anchorEl,
+				style: normalizeStyle([anchorStyle.value]),
+				class: normalizeClass({
+					"vite-devtools-horizontal": !unref(context).panel.isVertical,
+					"vite-devtools-vertical": unref(context).panel.isVertical,
+					"vite-devtools-minimized": isMinimized.value
+				}),
+				onMousemove: bringUp
+			}, [
+				!unref(isSafari) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id: "vite-devtools-glowing",
+					class: normalizeClass(unref(context).panel.isDragging ? "op60!" : "")
+				}, null, 2)) : createCommentVNode("v-if", true),
+				createBaseVNode("div", {
+					id: "vite-devtools-dock-container",
+					ref_key: "dockEl",
+					ref: dockEl,
+					style: normalizeStyle(panelStyle.value)
+				}, [createBaseVNode("div", {
+					id: "vite-devtools-dock",
+					onPointerdown: onPointerDown
+				}, [
+					createVNode(BracketLeft_default, { class: "vite-devtools-dock-bracket absolute left--1 top-1/2 translate-y--1/2 bottom-0 w-2.5 op75 transition-opacity duration-300" }),
+					createVNode(BracketRight_default, { class: normalizeClass(["vite-devtools-dock-bracket absolute right--1 top-1/2 translate-y--1/2 bottom-0 w-2.5 op75 transition-opacity duration-300", unref(context).panel.isVertical ? "scale-y--100" : ""]) }, null, 8, ["class"]),
+					createVNode(VitePlusCore_default, { class: normalizeClass(["w-3 h-3 absolute left-1/2 top-1/2 translate-x--1/2 translate-y--1/2 transition-opacity duration-300", isMinimized.value ? "op100" : "op0"]) }, null, 8, ["class"]),
+					createVNode(DockEntries_default, {
+						entries: unref(context).docks.entries,
+						class: normalizeClass(["transition duration-200 flex items-center w-full h-full justify-center", isMinimized.value ? "opacity-0 pointer-events-none" : "opacity-100"]),
+						"is-vertical": unref(context).panel.isVertical,
+						selected: unref(context).docks.selected,
+						onSelect: unref(selectDockEntry)
+					}, null, 8, [
+						"entries",
+						"class",
+						"is-vertical",
+						"selected",
+						"onSelect"
+					])
+				], 32)], 4),
+				renderSlot(_ctx.$slots, "default", {
+					context: unref(context),
+					dockEl: dockEl.value,
+					selected: unref(context).docks.selected,
+					panelMargins
+				})
+			], 38);
+		};
+	}
+});
+var Dock_default = _sfc_main$7;
+
+//#endregion
+//#region src/client/webcomponents/utils/PresistedDomViewsManager.ts
+var PresistedDomViewsManager = class {
+	holders = {};
+	constructor(container) {
+		this.container = container;
+	}
+	getHolder(id, _type) {
+		return this.holders[id];
+	}
+	getOrCreateHolder(id, type) {
+		if (!this.container.value) throw new Error("[VITE DEVTOOLS] PresistedDomViewsManager: container is not set");
+		let holder;
+		if (!this.holders[id]) {
+			const el = document.createElement(type);
+			this.holders[id] = new PresistedDomHolder(id, el);
+			this.container.value.appendChild(el);
+			holder = this.holders[id];
+		} else holder = this.holders[id];
+		return holder;
+	}
+	removeHolder(id) {
+		const holder = this.holders[id];
+		if (!holder) return false;
+		holder.unmount();
+		holder.element.remove();
+		delete this.holders[id];
+		return true;
+	}
+};
+var PresistedDomHolder = class {
+	element;
+	id;
+	parent;
+	_cleanups = [];
+	constructor(id, iframe) {
+		this.id = id;
+		this.element = iframe;
+	}
+	cleanup() {
+		this._cleanups.forEach((cleanup) => cleanup());
+		this._cleanups = [];
+	}
+	mount(parent) {
+		if (this.parent === parent) {
+			this.show();
+			return;
+		}
+		this.cleanup();
+		this.parent = parent;
+		const func = () => this.update();
+		window.addEventListener("resize", func);
+		this._cleanups.push(() => window.removeEventListener("resize", func));
+		this.show();
+	}
+	hide() {
+		this.element.style.display = "none";
+	}
+	show() {
+		this.element.style.display = "block";
+		this.update();
+	}
+	update() {
+		if (!this.parent) return;
+		const rect = this.parent.getBoundingClientRect();
+		this.element.style.position = "absolute";
+		this.element.style.width = `${rect.width}px`;
+		this.element.style.height = `${rect.height}px`;
+	}
+	unmount() {
+		this.cleanup();
+		this.hide();
+		this.parent = void 0;
+	}
+};
+
+//#endregion
+//#region src/client/webcomponents/components/DockPanelResizer.vue
+const PANEL_MIN = 20;
+const PANEL_MAX = 100;
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+	__name: "DockPanelResizer",
+	props: { panel: {} },
+	setup(__props) {
+		const props = __props;
+		const container = ref();
+		const resizingState = ref(false);
+		function handleResize(e) {
+			if (!resizingState.value) return;
+			const box = container.value?.getBoundingClientRect();
+			if (!box) return;
+			const store = props.panel.store;
+			let widthPx, heightPx;
+			if (resizingState.value.right) {
+				widthPx = Math.abs(e instanceof MouseEvent ? e.clientX : (e.touches[0]?.clientX || 0) - (box?.left || 0));
+				store.width = Math.min(PANEL_MAX, Math.max(PANEL_MIN, widthPx / window.innerWidth * 100));
+			} else if (resizingState.value.left) {
+				widthPx = Math.abs((box?.right || 0) - (e instanceof MouseEvent ? e.clientX : e.touches[0]?.clientX || 0));
+				store.width = Math.min(PANEL_MAX, Math.max(PANEL_MIN, widthPx / window.innerWidth * 100));
+			}
+			if (resizingState.value.top) {
+				heightPx = Math.abs((box?.bottom || 0) - (e instanceof MouseEvent ? e.clientY : e.touches[0]?.clientY || 0));
+				store.height = Math.min(PANEL_MAX, Math.max(PANEL_MIN, heightPx / window.innerHeight * 100));
+			} else if (resizingState.value.bottom) {
+				heightPx = Math.abs(e instanceof MouseEvent ? e.clientY : (e.touches[0]?.clientY || 0) - (box?.top || 0));
+				store.height = Math.min(PANEL_MAX, Math.max(PANEL_MIN, heightPx / window.innerHeight * 100));
+			}
+		}
+		useEventListener(window, "mousemove", handleResize);
+		useEventListener(window, "touchmove", handleResize);
+		useEventListener(window, "mouseup", () => resizingState.value = false);
+		useEventListener(window, "touchend", () => resizingState.value = false);
+		useEventListener(window, "mouseleave", () => resizingState.value = false);
+		watch(resizingState, (value) => {
+			props.panel.isResizing = !!value;
+		}, { flush: "sync" });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: "vite-devtools-resize-container",
+				ref_key: "container",
+				ref: container,
+				class: "w-full h-full absolute left-0 right-0 bottom-0 top-0 antialiased"
+			}, [
+				createCommentVNode(" Handlers "),
+				withDirectives(createBaseVNode("div", {
+					class: "vite-devtools-resize-handle vite-devtools-resize-handle-horizontal",
+					style: { top: 0 },
+					onMousedown: _cache[0] || (_cache[0] = withModifiers(($event) => resizingState.value = { top: true }, ["prevent"])),
+					onTouchstartPassive: _cache[1] || (_cache[1] = () => resizingState.value = { top: true })
+				}, null, 544), [[vShow, __props.panel.store.position !== "top"]]),
+				withDirectives(createBaseVNode("div", {
+					class: "vite-devtools-resize-handle vite-devtools-resize-handle-horizontal",
+					style: { bottom: 0 },
+					onMousedown: _cache[2] || (_cache[2] = withModifiers(() => resizingState.value = { bottom: true }, ["prevent"])),
+					onTouchstartPassive: _cache[3] || (_cache[3] = () => resizingState.value = { bottom: true })
+				}, null, 544), [[vShow, __props.panel.store.position !== "bottom"]]),
+				withDirectives(createBaseVNode("div", {
+					class: "vite-devtools-resize-handle vite-devtools-resize-handle-vertical",
+					style: { left: 0 },
+					onMousedown: _cache[4] || (_cache[4] = withModifiers(() => resizingState.value = { left: true }, ["prevent"])),
+					onTouchstartPassive: _cache[5] || (_cache[5] = () => resizingState.value = { left: true })
+				}, null, 544), [[vShow, __props.panel.store.position !== "left"]]),
+				withDirectives(createBaseVNode("div", {
+					class: "vite-devtools-resize-handle vite-devtools-resize-handle-vertical",
+					style: { right: 0 },
+					onMousedown: _cache[6] || (_cache[6] = withModifiers(() => resizingState.value = { right: true }, ["prevent"])),
+					onTouchstartPassive: _cache[7] || (_cache[7] = () => resizingState.value = { right: true })
+				}, null, 544), [[vShow, __props.panel.store.position !== "right"]]),
+				withDirectives(createBaseVNode("div", {
+					class: "vite-devtools-resize-handle vite-devtools-resize-handle-corner",
+					style: {
+						top: 0,
+						left: 0,
+						cursor: "nwse-resize"
+					},
+					onMousedown: _cache[8] || (_cache[8] = withModifiers(() => resizingState.value = {
+						top: true,
+						left: true
+					}, ["prevent"])),
+					onTouchstartPassive: _cache[9] || (_cache[9] = () => resizingState.value = {
+						top: true,
+						left: true
+					})
+				}, null, 544), [[vShow, __props.panel.store.position !== "top" && __props.panel.store.position !== "left"]]),
+				withDirectives(createBaseVNode("div", {
+					class: "vite-devtools-resize-handle vite-devtools-resize-handle-corner",
+					style: {
+						top: 0,
+						right: 0,
+						cursor: "nesw-resize"
+					},
+					onMousedown: _cache[10] || (_cache[10] = withModifiers(() => resizingState.value = {
+						top: true,
+						right: true
+					}, ["prevent"])),
+					onTouchstartPassive: _cache[11] || (_cache[11] = () => resizingState.value = {
+						top: true,
+						right: true
+					})
+				}, null, 544), [[vShow, __props.panel.store.position !== "top" && __props.panel.store.position !== "right"]]),
+				withDirectives(createBaseVNode("div", {
+					class: "vite-devtools-resize-handle vite-devtools-resize-handle-corner",
+					style: {
+						bottom: 0,
+						left: 0,
+						cursor: "nesw-resize"
+					},
+					onMousedown: _cache[12] || (_cache[12] = withModifiers(() => resizingState.value = {
+						bottom: true,
+						left: true
+					}, ["prevent"])),
+					onTouchstartPassive: _cache[13] || (_cache[13] = () => resizingState.value = {
+						bottom: true,
+						left: true
+					})
+				}, null, 544), [[vShow, __props.panel.store.position !== "bottom" && __props.panel.store.position !== "left"]]),
+				withDirectives(createBaseVNode("div", {
+					class: "vite-devtools-resize-handle vite-devtools-resize-handle-corner",
+					style: {
+						bottom: 0,
+						right: 0,
+						cursor: "nwse-resize"
+					},
+					onMousedown: _cache[14] || (_cache[14] = withModifiers(() => resizingState.value = {
+						bottom: true,
+						right: true
+					}, ["prevent"])),
+					onTouchstartPassive: _cache[15] || (_cache[15] = () => resizingState.value = {
+						bottom: true,
+						right: true
+					})
+				}, null, 544), [[vShow, __props.panel.store.position !== "bottom" && __props.panel.store.position !== "right"]])
+			], 512);
+		};
+	}
+});
+var DockPanelResizer_default = _sfc_main$6;
+
+//#endregion
+//#region src/client/webcomponents/components/ViewCustomRenderer.vue
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+	__name: "ViewCustomRenderer",
+	props: {
+		context: {},
+		entry: {},
+		presistedDoms: {},
+		divStyle: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const isLoading = ref(true);
+		const viewFrame = useTemplateRef("viewFrame");
+		onMounted(() => {
+			const holder = props.presistedDoms.getOrCreateHolder(props.entry.id, "div");
+			holder.element.style.boxShadow = "none";
+			holder.element.style.outline = "none";
+			Object.assign(holder.element.style, props.divStyle);
+			const entryState = props.context.docks.getStateById(props.entry.id);
+			if (entryState) entryState.domElements.panel = holder.element;
+			holder.mount(viewFrame.value);
+			isLoading.value = false;
+			nextTick(() => {
+				holder.update();
+			});
+			watch(() => props.context.panel, () => {
+				holder.update();
+			}, { deep: true });
+			watchEffect(() => {
+				holder.element.style.pointerEvents = props.context.panel.isDragging || props.context.panel.isResizing ? "none" : "auto";
+			}, { flush: "sync" });
+		});
+		onUnmounted(() => {
+			props.presistedDoms.getHolder(props.entry.id, "div")?.unmount();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "viewFrame",
+				ref: viewFrame,
+				class: "vite-devtools-view-custom-renderer w-full h-full flex items-center justify-center"
+			}, null, 512);
+		};
+	}
+});
+var ViewCustomRenderer_default = _sfc_main$5;
+
+//#endregion
+//#region src/client/webcomponents/components/ViewIframe.vue
+const _hoisted_1$1 = {
+	key: 0,
+	class: "op50 z--1"
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+	__name: "ViewIframe",
+	props: {
+		context: {},
+		entry: {},
+		presistedDoms: {},
+		iframeStyle: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const isLoading = ref(true);
+		const viewFrame = useTemplateRef("viewFrame");
+		onMounted(() => {
+			const holder = props.presistedDoms.getOrCreateHolder(props.entry.id, "iframe");
+			holder.element.style.boxShadow = "none";
+			holder.element.style.outline = "none";
+			Object.assign(holder.element.style, props.iframeStyle);
+			if (!holder.element.src) holder.element.src = props.entry.url;
+			const entryState = props.context.docks.getStateById(props.entry.id);
+			if (entryState) entryState.domElements.iframe = holder.element;
+			holder.mount(viewFrame.value);
+			isLoading.value = false;
+			nextTick(() => {
+				holder.update();
+			});
+			watch(() => props.context.panel, () => {
+				holder.update();
+			}, { deep: true });
+			watchEffect(() => {
+				holder.element.style.pointerEvents = props.context.panel.isDragging || props.context.panel.isResizing ? "none" : "auto";
+			}, { flush: "sync" });
+		});
+		onUnmounted(() => {
+			props.presistedDoms.getHolder(props.entry.id, "iframe")?.unmount();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "viewFrame",
+				ref: viewFrame,
+				class: "vite-devtools-view-iframe w-full h-full flex items-center justify-center"
+			}, [isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, " Loading iframe... ")) : createCommentVNode("v-if", true)], 512);
+		};
+	}
+});
+var ViewIframe_default = _sfc_main$4;
+
+//#endregion
+//#region src/client/webcomponents/components/ViewEntry.vue
+const _hoisted_1 = { key: 3 };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+	__name: "ViewEntry",
+	props: {
+		context: {},
+		entry: {},
+		presistedDoms: {},
+		iframeStyle: {},
+		divStyle: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.entry.type === "action" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [], 64)) : __props.entry.type === "iframe" ? (openBlock(), createBlock(ViewIframe_default, {
+				key: 1,
+				context: __props.context,
+				entry: __props.entry,
+				"presisted-doms": __props.presistedDoms,
+				"iframe-style": __props.iframeStyle
+			}, null, 8, [
+				"context",
+				"entry",
+				"presisted-doms",
+				"iframe-style"
+			])) : __props.entry.type === "custom-render" ? (openBlock(), createBlock(ViewCustomRenderer_default, {
+				key: 2,
+				context: __props.context,
+				entry: __props.entry,
+				"presisted-doms": __props.presistedDoms,
+				"div-style": __props.divStyle
+			}, null, 8, [
+				"context",
+				"entry",
+				"presisted-doms",
+				"div-style"
+			])) : (openBlock(), createElementBlock("div", _hoisted_1, " Unknown entry: " + toDisplayString(__props.entry), 1));
+		};
+	}
+});
+var ViewEntry_default = _sfc_main$3;
+
+//#endregion
+//#region src/client/webcomponents/components/DockPanel.vue
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	__name: "DockPanel",
+	props: {
+		context: {},
+		selected: {},
+		dockEl: {},
+		panelMargins: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const context = props.context;
+		const { selected, panelMargins } = toRefs(props);
+		const windowSize = reactive(useWindowSize());
+		const isHovering = ref(false);
+		const mousePosition = reactive({
+			x: 0,
+			y: 0
+		});
+		const dockPanel = useTemplateRef("dockPanel");
+		const viewsContainer = useTemplateRef("viewsContainer");
+		const presistedDoms = markRaw(new PresistedDomViewsManager(viewsContainer));
+		function clamp$1(value, min, max) {
+			return Math.min(Math.max(value, min), max);
+		}
+		const anchorPos = computed(() => {
+			const halfWidth = (props.dockEl?.clientWidth || 0) / 2;
+			const halfHeight = (props.dockEl?.clientHeight || 0) / 2;
+			const store = context.panel.store;
+			const left = store.left * windowSize.width / 100;
+			const top = store.top * windowSize.height / 100;
+			switch (store.position) {
+				case "top": return {
+					left: clamp$1(left, halfWidth + panelMargins.value.left, windowSize.width - halfWidth - panelMargins.value.right),
+					top: panelMargins.value.top + halfHeight
+				};
+				case "right": return {
+					left: windowSize.width - panelMargins.value.right - halfHeight,
+					top: clamp$1(top, halfWidth + panelMargins.value.top, windowSize.height - halfWidth - panelMargins.value.bottom)
+				};
+				case "left": return {
+					left: panelMargins.value.left + halfHeight,
+					top: clamp$1(top, halfWidth + panelMargins.value.top, windowSize.height - halfWidth - panelMargins.value.bottom)
+				};
+				case "bottom":
+				default: return {
+					left: clamp$1(left, halfWidth + panelMargins.value.left, windowSize.width - halfWidth - panelMargins.value.right),
+					top: windowSize.height - panelMargins.value.bottom - halfHeight
+				};
+			}
+		});
+		let _timer = null;
+		function bringUp() {
+			isHovering.value = true;
+			if (context.panel.store.inactiveTimeout < 0) return;
+			if (_timer) clearTimeout(_timer);
+			_timer = setTimeout(() => {
+				isHovering.value = false;
+			}, +context.panel.store.inactiveTimeout || 0);
+		}
+		const { width: frameWidth, height: frameHeight } = useElementBounding(dockPanel);
+		const iframeStyle = computed(() => {
+			mousePosition.x, mousePosition.y;
+			const halfHeight = (props.dockEl?.clientHeight || 0) / 2;
+			const frameMargin = {
+				left: panelMargins.value.left + halfHeight,
+				top: panelMargins.value.top + halfHeight,
+				right: panelMargins.value.right + halfHeight,
+				bottom: panelMargins.value.bottom + halfHeight
+			};
+			const marginHorizontal = frameMargin.left + frameMargin.right;
+			const marginVertical = frameMargin.top + frameMargin.bottom;
+			const maxWidth = windowSize.width - marginHorizontal;
+			const maxHeight = windowSize.height - marginVertical;
+			const panel = context.panel;
+			const store = panel.store;
+			const style = {
+				position: "fixed",
+				zIndex: -1,
+				pointerEvents: panel.isDragging || panel.isResizing ? "none" : "auto",
+				width: `min(${store.width}vw, calc(100vw - ${marginHorizontal}px))`,
+				height: `min(${store.height}vh, calc(100vh - ${marginVertical}px))`
+			};
+			const anchor = anchorPos.value;
+			const width = Math.min(maxWidth, store.width * windowSize.width / 100);
+			const height = Math.min(maxHeight, store.height * windowSize.height / 100);
+			const anchorX = anchor?.left || 0;
+			const anchorY = anchor?.top || 0;
+			switch (store.position) {
+				case "top":
+				case "bottom":
+					style.left = `${-frameWidth.value / 2}px`;
+					style.transform = "translate(0, 0)";
+					if (anchorX - frameMargin.left < width / 2) style.left = `${width / 2 - anchorX + frameMargin.left - frameWidth.value / 2}px`;
+					else if (windowSize.width - anchorX - frameMargin.right < width / 2) style.left = `${windowSize.width - anchorX - width / 2 - frameMargin.right - frameWidth.value / 2}px`;
+					break;
+				case "right":
+				case "left":
+					style.top = `${-frameHeight.value / 2}px`;
+					style.transform = "translate(0, 0)";
+					if (anchorY - frameMargin.top < height / 2) style.top = `${height / 2 - anchorY + frameMargin.top - frameHeight.value / 2}px`;
+					else if (windowSize.height - anchorY - frameMargin.bottom < height / 2) style.top = `${windowSize.height - anchorY - height / 2 - frameMargin.bottom - frameHeight.value / 2}px`;
+					break;
+			}
+			switch (store.position) {
+				case "top":
+					style.top = 0;
+					break;
+				case "right":
+					style.right = 0;
+					break;
+				case "left":
+					style.left = 0;
+					break;
+				case "bottom":
+				default:
+					style.bottom = 0;
+					break;
+			}
+			return style;
+		});
+		onMounted(() => {
+			bringUp();
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", {
+				ref_key: "dockPanel",
+				ref: dockPanel,
+				class: "bg-glass rounded-lg border border-base shadow",
+				style: normalizeStyle(iframeStyle.value)
+			}, [
+				createVNode(DockPanelResizer_default, { panel: unref(context).panel }, null, 8, ["panel"]),
+				unref(selected) && viewsContainer.value ? (openBlock(), createBlock(ViewEntry_default, {
+					key: unref(selected).id,
+					context: unref(context),
+					entry: unref(selected),
+					"presisted-doms": unref(presistedDoms),
+					"iframe-style": {
+						border: "1px solid #8883",
+						borderRadius: "0.5rem"
+					},
+					rounded: ""
+				}, null, 8, [
+					"context",
+					"entry",
+					"presisted-doms"
+				])) : createCommentVNode("v-if", true),
+				createBaseVNode("div", {
+					id: "vite-devtools-views-container",
+					ref_key: "viewsContainer",
+					ref: viewsContainer,
+					class: "absolute inset-0"
+				}, null, 512)
+			], 4)), [[vShow, unref(context).docks.selected]]);
+		};
+	}
+});
+var DockPanel_default = _sfc_main$2;
+
+//#endregion
+//#region src/client/webcomponents/components/FloatingTooltip.vue
+const DETECT_MARGIN = 100;
+const GAP = 10;
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "FloatingTooltip",
+	setup(__props) {
+		const current = useFloatingTooltip();
+		const box = ref({
+			text: "",
+			width: 0,
+			height: 0,
+			left: 0,
+			top: 0
+		});
+		const align = computed(() => {
+			const vw = window.innerWidth;
+			const vh = window.innerHeight;
+			if (box.value.left < DETECT_MARGIN) return "right";
+			if (box.value.left + box.value.width > vw - DETECT_MARGIN) return "left";
+			if (box.value.top < DETECT_MARGIN) return "bottom";
+			if (box.value.top + box.value.height > vh - DETECT_MARGIN) return "top";
+			return "bottom";
+		});
+		const style = computed(() => {
+			switch (align.value) {
+				case "bottom": return {
+					left: `${box.value.left + box.value.width / 2}px`,
+					top: `${box.value.top + box.value.height + GAP}px`,
+					transform: "translateX(-50%)"
+				};
+				case "top": return {
+					left: `${box.value.left + box.value.width / 2}px`,
+					bottom: `${window.innerHeight - box.value.top + GAP}px`,
+					transform: "translateX(-50%)"
+				};
+				case "left": return {
+					right: `${window.innerWidth - box.value.left + GAP}px`,
+					top: `${box.value.top + box.value.height / 2}px`,
+					transform: "translateY(-50%)"
+				};
+				case "right": return {
+					left: `${box.value.left + box.value.width + GAP}px`,
+					top: `${box.value.top + box.value.height / 2}px`,
+					transform: "translateY(-50%)"
+				};
+				default: throw new Error("Unreachable");
+			}
+		});
+		watchEffect(() => {
+			if (current.value) box.value = { ...current.value };
+		});
+		return (_ctx, _cache) => {
+			return box.value.text ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["z-floating-tooltip text-xs transition-all duration-300 w-max bg-glass border border-base rounded px2 fixed p1", unref(current) ? "op100" : "op0 pointer-events-none"]),
+				style: normalizeStyle(style.value)
+			}, toDisplayString(box.value.text), 7)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+var FloatingTooltip_default = _sfc_main$1;
+
+//#endregion
+//#region src/client/webcomponents/components/DockEmbedded.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DockEmbedded",
+	props: { context: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(Dock_default, { context: __props.context }, {
+				default: withCtx(({ dockEl, panelMargins, selected }) => [createVNode(DockPanel_default, {
+					context: __props.context,
+					selected,
+					"dock-el": dockEl,
+					"panel-margins": panelMargins
+				}, null, 8, [
+					"context",
+					"selected",
+					"dock-el",
+					"panel-margins"
+				])]),
+				_: 1
+			}, 8, ["context"]), createVNode(FloatingTooltip_default)], 64);
+		};
+	}
+});
+var DockEmbedded_default = _sfc_main;
+
+//#endregion
+//#region src/client/webcomponents/components/DockEmbedded.ts
+const DockEmbedded = defineCustomElement(DockEmbedded_default, {
+	shadowRoot: true,
+	styles: [css_default]
+});
+customElements.define("vite-devtools-dock-embedded", DockEmbedded);
+
+//#endregion
+//#region src/client/webcomponents/state/dock.ts
+function DEFAULT_DOCK_PANEL_STORE() {
+	return {
+		width: 80,
+		height: 80,
+		top: 0,
+		left: 10,
+		position: "bottom",
+		open: false,
+		inactiveTimeout: 3e3
+	};
+}
+async function createDocksContext(clientType, rpc, panelStore) {
+	const selected = ref(null);
+	const dockEntries = shallowRef((await rpc["vite:core:list-dock-entries"]()).map((entry) => Object.freeze(entry)));
+	console.log("[VITE DEVTOOLS] Docks Entries", [...dockEntries.value]);
+	const dockEntryStateMap = reactive(/* @__PURE__ */ new Map());
+	for (const entry of dockEntries.value) dockEntryStateMap.set(entry.id, reactive({
+		entryMeta: entry,
+		get isActive() {
+			return selected.value?.id === entry.id;
+		},
+		domElements: {}
+	}));
+	panelStore ||= ref(DEFAULT_DOCK_PANEL_STORE());
+	return reactive({
+		panel: {
+			store: panelStore,
+			isDragging: false,
+			isResizing: false,
+			isVertical: computed(() => panelStore.value.position === "left" || panelStore.value.position === "right")
+		},
+		docks: {
+			selected,
+			entries: dockEntries.value,
+			entryToStateMap: dockEntryStateMap,
+			getStateById: (id) => dockEntryStateMap.get(id),
+			switchEntry: async (id) => {
+				if (id === null) {
+					selected.value = null;
+					return true;
+				}
+				const entry = dockEntries.value.find((e) => e.id === id);
+				if (!entry) return false;
+				selected.value = entry;
+				return true;
+			}
+		},
+		rpc,
+		clientType
+	});
+}
+
+//#endregion
+export { PresistedDomViewsManager as a, PresistedDomHolder as i, createDocksContext as n, useLocalStorage as o, DockEmbedded as r, DEFAULT_DOCK_PANEL_STORE as t };